/* latin-ext */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(../CSS/Skins/Common/fonts/WorkSans/WorkSans_1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;     
    src: local('Work Sans'), local('WorkSans-Regular'), url(../CSS/Skins/Common/fonts/WorkSans/WorkSans_2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Work Sans';
    margin: 0;
    font-size: 12px;
}
/*.rgDataDiv , .rgHeaderDiv{
    overflow:scroll !important; 
    -webkit-overflow-scrolling: touch; 
}*/

.RadMultiPage.ProjectCenterMultiPage .rmpView > .PDFIframe {
    height: calc(100vh - 101px);
}
.IsInHomePageIframe.divContentHolder{
    padding-top:0px;
}
.drawerBackdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.7);
    display: none; 
}
div[id$='dialogOpenerStyleBuilder']{
    z-index:1000002 !important;/*to make style builder popup above all radeditor popups except image manager*/
} 
div[id$='dialogOpenerImageManager']{
    z-index:1000003 !important;/*to make image manager popup above all radeditor popups*/
} 

input[type="text"]:read-only, textarea:read-only {
    background-color: #ededed !important;
    color: #666666 !important;
}

.calculationBox {
    height: calc(100vh - 100px) !important;
}

.CurrencyFields {
    width: 100%;
    height: calc(100vh - 100px) !important;
    overflow: auto;
    border: 1px solid #666666;
    box-sizing: border-box;
}

.CalculationFields {
    float: left;
    width: calc(90%);
}
.color1 {
    background-color: /*1*/#316888/*1*/;
}
.OperationFields {
    float: left;
    width: 10%;
    padding-left: 24px;
    box-sizing: border-box;
}

.btncalculatorwidth {
    width: 50px !important;
    height: 50px !important;
}

.a.rfdSkinnedButton {
    text-decoration: none !important;
}



.labelColor {
    color: #666;
}

.Hide {
    display: none !important;
}

.Validator {
    color: RGB(255,36,0) !important;
    font-size: 13px !important;
    float: left;
}


.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    transition: 300ms;
    -webkit-transition: 200ms;
    border: 2px solid #999;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 16px;
        left: -2px;
        bottom: -2px;
        background-color: #FFF;
        transition: 200ms;
        -webkit-transition: 200ms;
        border: 2px solid #999;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    .slider.round {
        border-radius: 34px;
    }

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

input:checked + .slider:before {
    box-shadow: 0 0 1px #999;
    background: #FFF;
    bottom: 1px;
    border: none;
    left: 2px;
    height: 16px;
}

input:checked + .slider {
    background-color: #999;
    border: none;
}

.AssetExplorerVerticalSplitter .documentTabs {
    position: relative !important;
    top: 0;
}

.documentTabs {
    position: fixed;
    top: 80px;
    z-index: 990;
    background-color: #fff;
    padding-top: 5px !important;
}

.RadTabStrip.documentTabs .rtsUL, .HomeTabTabs .rtsUL, .SettingsMainTab .rtsUL, .SecurityMainTab .rtsUL, .documentTabWithoutToolbar .rtsUL, .tbsFolderManager .rtsUL, .CompaniesFilterTabs .rtsUL {
    display: table !important;
    width: 100% !important;
    border-spacing: 0px;
}

.RadTabStrip.documentTabs .rtsLI, .HomeTabTabs .rtsLI, .SettingsMainTab .rtsLI, .SecurityMainTab .rtsLI, .documentTabWithoutToolbar .rtsLI, .tbsFolderManager .rtsLI, .CompaniesFilterTabs .rtsLI  {
    display: table-cell !important;
    float: none !important;
    vertical-align: top;
}

    .HomeTabTabs .rtsLI.rtsSeparator {
        float: left !important;
    }

.documentTabWithoutToolbar {
    position: fixed;
    top: 30px;
    z-index: 990;
    background-color: #fff;
    padding-top: 5px !important;
}

.LightWeight div.rgDataDiv {
    height: auto;
    max-height: 260px;
}

.SpecificationPadding {
    padding-left: 16px;
}

.Success {
    color: Green;
}

.Failure {
    color: Red;
}

.SearchToolBar {
    padding: 7px;
    text-align: right;
}

input.SelectedToPaste, textarea.SelectedToPaste,
.RadPicker.SelectedToPaste>table:first-of-type input:first-of-type {
    border: 1px solid red !important;
}

select.SelectedToPaste {
    background-color: #FFE8E8 !important;
}

.HomeTabTabsMobile {
    position: fixed;
    z-index: 2;
}

.ProjectCenterMultiPage {
    margin-top: 50px;
}

.HomeTabTabs .rtsLevel.rtsLevel1 {
    width: calc(100vw - 259px) !important;
}

.rail .HomeTabTabs .rtsLevel.rtsLevel1 {
    width: calc(100vw - 131px) !important;
}

.rfdSelectText.SelectedToPasteCss {
    border: 1px solid red !important;
}

.red label {
    color: red !important;
}

.linedTable td {
    border-bottom: 1px solid silver;
    line-height: 19px;
}

.Right {
    text-align: right !important;
}

.riContSpinButtons input {
    text-align: right;
}


.PositiveInteger,
.Integer,
.PositiveDouble,
.Double,
.PositivePercent,
.Percent,
.PositiveCurrency,
.Currency,
.Longtitude {
    text-align: right;
}

.languageFlags {
    text-align: right;
    vertical-align: middle;
}

input, textarea {
    /*border: 1px solid #C4DBF9;*/
    color: #000000;
    padding: 1px 1px 1px 1px !important;
    margin-right: 0px;
}

    input[type="button"], input[type="submit"] {
        border: 1px solid #666666;
        text-align: center;
        text-transform: uppercase;
        color: #666666;
        line-height: 1.8;
        border-radius: 2px;
        background-color: #FFFFFF;
        vertical-align: central;
        height: 32px;
        text-decoration: none;
        width: 100%;
        display: table-cell;
        cursor: pointer;
        border-radius: 5px;
    }

        input[type="button"]:hover, input[type="submit"]:hover {
            background-color: #EDEDED !important;
        }
        /*--------------------Small Button---------------------------*/
        input[type="button"].SmallButton, input[type="submit"].SmallButton {
            width: 25px;
            height: 13px;
            cursor: pointer;
            border: 1px solid grey !important;
        }
/*-----------------------------------------------------*/

.Container1 {
    /*font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-family: 'Work Sans';*/
    padding: 1px 0 1px 1px;
}

input[type=file] {
    width: 100%;
}

.GridCmdDeleteRows {
    margin-right: 2px;
}

.rgCommandRow .RadToolBar_Default .GridCmdInitNewRow .rtbIcon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -496px 0px !important;
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 3px;
    background-repeat: no-repeat;
}

/*--------------------Large Button---------------------------*/
input[type="button"].LargeButton, input[type="submit"].LargeButton {
    width: 190px;
    height: 32px;
    /*cursor: pointer;*/
}
/*-----------------------------------------------------*/

.rgCommandRow .SearchDoctdAdd .RadToolBar span.rtbIn {
    padding: 0;
}

.rgCommandRow .SearchDoctdAdd .RadToolBar span.rtbIcon {
    height: auto;
}

.rgCommandRow .SearchDoctdAdd .RadToolBar span.rtbText {
    line-height: 17px;
}

.rgCommandRow .SearchDoctdAdd .RadToolBar span.rtbChoiceArrow {
    height: 16px;
}

.rgCommandRow .SearchDoctdAdd .RadToolBar_Horizontal li.rtbItem {
    margin-right: 0;
}



/*.RadGrid .rgCommandRow td DIV.RadComboBox
{
    padding-left:5px;
    padding-right:5px;
}*/

/*.RadToolBar_Horizontal .rtbOuter {
    border: none !important;
}*/

.Msg {
    z-index: 110;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 1;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    position: absolute;
    border-bottom: black 1px solid;
    visibility: hidden;
    width: 250px;
    /*font-family: Arial, Helvetica, sans-serif;
    font-family: 'Work Sans';*/
    font-size: 11px;
    color: Black;
    padding: 2px;
}
/*----------------------Hide/Show Menu------------------------------*/

/*---------------------------------------------------------------*/
/*------------Contact box------------------------*/
.AllLightBlueBorder {
    border: 1px solid #999999;
}

div.ContactBox {
    border: 1px solid #86AED7;
    /*background-image: url('Menu/ContactBg.png');*/
    background-color: transparent;
    background-repeat: repeat-x;
    /*background-position: 0 7px;*/
    /*font-family: tahoma;*/
    /*font-size: 11px;*/
    margin-top: 3px;
    margin-left: 6px;
    padding: 2px;
    border-radius: 10px 10px 10px 10px;
    display: inline-block;
}

    div.ContactBox:hover {
        background-position: 0 -8px;
    }

/**** Scroller Starts ***/


.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background: red;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: red;
}

    .jspVerticalBar *,
    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    /*background-position: #E6E6E6;*/
    background: #EBEEF3;
    position: relative;
}

.jspDrag {
    /*background-position: #333333;*/
    background: #ABC8EB;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d;
    }

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 6px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.jspHorizontalBar .jspHover {
    color: black !important;
    background-color: black !important;
}

.Padding7 {
    padding: 7px !important;
}

/**** Scroller Ends ***/
/*--------------------------------------------------------*/


/*------------------a Hyperlink-------------------*/
a, a:visited, a:active {
    /*text-decoration: none;*/
    font-size: 12px;
    cursor: pointer;
}

    a.Link, a.Link:visited, a.Link:active {
        color: inherit;
        cursor: pointer;
        text-decoration: underline;
        /*text-decoration: none;*/
    }

        a.Link:hover {
            color: #9D701C !important;
            cursor: pointer;
            /*text-decoration: none;*/
        }

.GoogleMapPointsList {
    border: 1px solid #ABC1DE;
    color: #000000;
    /*font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-family: 'Work Sans';
    font-size: 12px;*/
    padding: 1px 1px 1px 1px;
}

.rtlRSel .Icon {
    background-image: url('Images/ResponsiveIcons/16White.png') !important;
}
/*-------------------------------------------------*/

/*------------------------Workflow Document Rad Tree List-----------------------*/
/*.StepActionsTreeList .rtlEdit {
    background-position: 1px -1699px !important;
}
         
.StepActionsTreeList .rtlUpdate {
    background-position: 0 -1800px !important;
}
        
.StepActionsTreeList .rtlCancel {
    background-position: 0 -1850px !important;
}
.StepActionsTreeList .rtlAdd {
    display:none !important;
}*/



/*.RadTreeList .rtlRSel
{
    background: #ffcb60 0 -3900px repeat-x url('Skins/Common/Grid/sprite.gif') !important;
}*/

/*-----------------------------------------------------------------------*/

/*---------------------Small Split Button----------------------------
input[type="button"].SmallSplitButton, input[type="submit"].SmallSplitButton
,input[type="button"].SmallSplitButton:active, input[type="submit"].SmallSplitButton:active 
{
    background-image: url('Skins/Common/Grid/smallSplit.png');
    background-position : 0px;
    background-repeat: no-repeat;
    border: 0px solid #000000;
    width: 16px;
    height: 14px;
    cursor:pointer;
}
-----------------------------------------------------------------------*/

/********  Worksheet Page  ******/
.WorksheetSection {
    width: 100% !important;
}


.WorksheetDetails .rgRow, .WorksheetDetails .rgAltRow {
    font-weight: normal !important;
    background: #ffffff;
}

.WorksheetSectionTitle {
    width: 80% !important;
}

.WorksheetSectionFilter {
    text-align: right !important;
    font-weight: normal !important;
    border-left-style: none !important;
    padding-right: 10px !important;
    width: 20% !important;
}


.WorksheetHeaderDescription {
    cursor: default;
    padding-right: 7px;
    padding-left: 7px;
    border-top: #5d8cc9 0px solid;
    font-size: 9px;
    /*font-weight: bold;*/
    background: #ffffff !important;
    background-image: none !important;
    padding-bottom: 4px;
    padding-top: 5px;
    border-bottom: #5d8cc9 1px solid;
    text-align: left;
    color: #000000;
    text-decoration: none;
    text-align: center !important;
}

.WorksheetHeader {
    padding: 0px !important;
    margin: 0px !important;
    height: 50px;
}

.WorksheetHeaderName {
    border-bottom-style: none !important;
}
/*********************************************/

/*-------------------Tree in Move Plans-------------*/
.dvTreeSection {
    width: 250px;
    border: solid 1px #9EBFDB;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.RL_ActionHeader, .RL_UsersHeader {
    height: 25px;
    width: 240px;
    padding: 5px;
    background-color: #EFEFEF;
    font-weight: bold;
    color: #000;
    border: solid 1px #8d8b8b;
    border-bottom: 0px;
}
/*--------------------------------------------------*/

/***REDLINING START*****/

.RL_AllLightBlueBorder {
    border: 5px solid #C4DBF9;
}

.RL_AllLightBlueBorder {
    border: 5px solid #C4DBF9;
}

.RL_AllGreyBorder {
    border: 5px solid #666;
}

.dvActionSectionViewer {
    width: 290px;
    background-color: #FFF;
    border: solid 1px #666;
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dvActionSection {
    width: 290px;
    background-color: #F8F8F8;
    border: solid 1px #8d8b8b;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;

}


.dvTreeSection {
    width: 256px;
    border: solid 2px #D4D4D4;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
} 

.dvActionSection br {
    display: none;
}

.RL_ActionHeader, .RL_UsersHeader {
    height: 25px;
    width: 246px;
    padding: 5px;
    background-color: #D4D4D4;
    font-weight: bold;
    color: #000;
    border: solid 2px #D4D4D4;
    border-top: 0;
    border-bottom: 0px;
}

.RL_PolylineHeader {
    width: 246px;
    padding: 5px;
    background-color: #C3D9F1;
    font-weight: bold;
    color: #000;
    border: solid 2px #D4D4D4;
    border-bottom: 0px;
    border-top: 0px;
}

/*.RL_ActionFooter
{
    border:solid 1px #8d8b8b ;
    border-width:1px 0 0px 0 !important ;
    width: 252px;
}*/

.RL_Action {
    width: 252px;
    background-color: #f8f8f8;
    padding: 5px;
    border-width: 0 0px 0 0px;
    border-color: #8d8b8b;
    border-style: solid;
    display: table;
}

.RL_ActionViewer {
    width: 270px;
    background-color: #FFF;
    padding: 5px;
    border-width: 1px;
    border-color: #ededed;
    border-style: solid;
    display: table;
    height: 60px;
}

.RL_ActionViewer:hover {
    background-color: #FFFFFF;
    cursor: pointer;
}

 .RL_Action:hover {
    background-color: #e4e4e4;
    cursor: pointer;
}

.RL_Users {
    height: 80px;
    overflow: auto;
    padding: 3px;
    background-color: #D4D4D4;
    border: solid 2px #D4D4D4;
    border-top: 0px !important;
    width: 250px;
}

.RL_Info1 {
    padding: 0px;
    width: 250px;
    border: solid 1px #8d8b8b;
}


.RL_Info {
    padding: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #8d8b8b;
}

.RL_DW {
    position: absolute;
    left: 270px;
    top: 155px;
}

    .RL_DW > img {
        width: 50px;
    }

.GroupedTasks {
    border: 1px solid #86AED7;
    background-color: #CFDFEF;
    /*font-family: tahoma;
    font-family: 'Work Sans';*/
    font-size: 11px;
}

.UngroupedTasks {
    /*font-family: tahoma;
    font-family: 'Work Sans';*/
    font-size: 11px;
    padding-left: 5px;
}

    .UngroupedTasks:hover {
        background-color: #E8EFF7;
    }
/***REDLINING END*****/

/**** Scroller Starts ***/

/*--------------Define Users--------------*/
.Expand {
    background-image: url(Skins/Common/CustomLinksSprites.gif);
    background-position: 1px 1px !important;
    background-repeat: no-repeat !important;
    width: 11px !important;
    height: 11px !important;
    cursor: pointer !important;
}

.Collapse {
    background-image: url(Skins/Common/CustomLinksSprites.gif);
    background-position: -8px 1px !important;
    background-repeat: no-repeat !important;
    width: 11px !important;
    height: 11px !important;
    cursor: pointer !important;
}
/*--------------------------------------*/

/*----------TreeView----------*/
/*.RadTreeView .rtSelected .rtIn
{
    border-color: #002d96 !important;
    background-color: #dceafc !important;
    background-image: url('Skins/Common/TreeView/ItemSelectedBg.gif') !important;
}
.RadTreeView .rtHover .rtIn
{
    border-color:#002d96 !important;
    background-color:#fff3ca !important;
    background-image: url('Skins/Common/TreeView/ItemHoveredBg.gif') !important;
}
.RadTreeView .rtLI .rtEdit .rtIn
{
    border-color: #0f3789 !important;
    background:#fff !important;
}*/
/*-----------------------------*/





/*------------------------------Rad Tree Menu IE--------------------------------------*/
.treeMenu {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cdcdcd;
    width: 200px !important;
}
/*-------------------------------------------------------------------------------------*/

/*------------------------------Fly Out Menu--------------------------------------*/
.MenuBackDrop {
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: #000;
    opacity: 0.44;
    z-index: 7002;
}

.divMenuPages {
    position: fixed;
    z-index: 7002;
    overflow: auto;
    top: 31px;
}


.divMenuPagesMobile {
    position: fixed;
    z-index: 15000;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    top: 0;
}

.divBox:empty {
    display: none;
}

.divCustomForm:empty {
    display: none;
}

.divBox {
    background-color: rgb(102,102,102);
    font-size: 11px;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    width: 200px;
    text-indent: 4px;
}

.divBoxMobile {
    background-color: rgb(102,102,102);
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    padding-right: 5px;
    padding-left: 5px;
    width: 95vw;
}

.divModulePages {
    background-color: #999999;
    /*font-family:'Work Sans';*/
    color: white;
    overflow: hidden;
    padding: 24px 0px 24px 24px
}

.PMHeaderMenu4 {
    float: left;
    /*width: 672px;*/
}

.PMMenuCustomForm4 {
    float: left;
    width: 200px;
    padding-right:24px;
}

.PMHeaderMenu2 {
    float: left;
    width: 200px;
    margin-right: 24px;
}

.PMMenuCustomForm2 {
    float: left;
    width: 200px;
    padding-right:24px;
}

.PMHeaderMenu3 {
    float: left;
    /*width: 448px;*/
    padding-right:24px;
}

.PMMenuCustomForm3 {
    float: left;
    width: 200px;
    padding-right:24px;
}

.PMMenucol4 {
    flex: 0 0 33.3333%;
    float: left;
    width: 200px;
    margin-right: 24px;
    margin-bottom: 10px;
}

.PMMenucol6 {
    flex: 0 0 50%;
    float: left;
    width: 200px;
    margin-right: 24px;
    margin-bottom: 10px;
}

.PMMenucol12 {
    flex: 0 0 100%;
    float: left;
    width: 200px;
    margin-bottom: 10px;
    margin-right: 24px;
}

.PMHeaderMenu4 .row {
    width: 100%;
    display: table;
}

.PMHeaderMenu3 .row {
    width: 100%;
    display: table;
}

.PMHeaderMenu2 .row {
    width: 100%;
    display: table;
}

.divModulePages a {
    text-decoration: none;
    color: white;
    font-size: 13px !important;
    display: block;
    margin-bottom: 0;
    margin-left: 7px;
}

.divModulePagesMobile {
    background-color: #8D8B8B;
    color: white;
    min-height: 100vh;
}

    .divModulePagesMobile a {
        text-decoration: none;
        color: white;
        font-size: 14px !important;
        display: block;
        margin-bottom: -7px;
    }
/*-------------------------------------------------------------------------------------*/
/*-------------------jQuery Countdown styles 1.6.0.--------------------*/


.Counter {
    font-size: 3em;
    font-weight: bold;
    line-height: 34px;
    padding-top: 5px;
    color: #666666;
}

.numbersCountdown {
    background-color: #EDEDED;
    width: 100%;
    min-width: 80px;
    height: 75px;
    border-right: 1px solid #C5C5C5;
    box-sizing: border-box;
}

.hasCountdown {
    border: 1px solid #000000;
}

.countdown_section:last-child .numbersCountdown {
    border-right: none;
}

.countdown_rtl {
    direction: rtl;
}

.countdown_holding span {
    color: #888;
}

.countdown_row {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.countdown_show1 .countdown_section {
    width: 98%;
}

.countdown_show2 .countdown_section {
    width: 48%;
}

.countdown_show3 .countdown_section {
    width: 32.5%;
}

.countdown_show4 .countdown_section {
    width: 25%;
}

.countdown_show5 .countdown_section {
    width: 19.5%;
}

.countdown_show6 .countdown_section {
    width: 16.25%;
}

.countdown_show7 .countdown_section {
    width: 14%;
}

.countdown_section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}

.countdown_descr {
    display: block;
    width: 100%;
}
/*---------------------------------------------------*/
/*--------------------------td space-------------------------*/
.NoWrap {
    white-space: nowrap;
}
/*---------------------------------------------------*/
/*--------------------------Iframe Height-------------------------*/
/*.RadMultiPage .rmpView > iframe {
    height: 720px !important;
}*/
/*---------------------------------------------------*/


/*--------------------------Radmenu-------------------------*/



/*.RadMenu_Office2007 .rmVertical .rmItem ,  .RadMenu_Metro rmVertical .rmItem , .RadMenu .rmItem
{
	float :Left !important;
    max-width:195px !important;
	width:195px !important;
   

}
  Div.RadMenu_Office2007, Div.RadMenu_Office2007 ul.rmVertical ,  Div.RadMenu_Metro , Div.RadMenu_Metro ul.rmVertical
{
	max-width:197px !important;
	width:197px !important;
    min-height:30px  !important;
}*/
/*---------------------------------------------------*/





/*------------------------Removing Scrollbar from RadTreeView----------------*/
/*#rtvAdjustments.RadTreeView {
    overflow: hidden !important; 
}*/
/*-----------------------------------------------------------------------------*/

/*------------------------------Check Box Label--------------------------------------------*/
input[type="checkbox"] + label, input[type="radio"] + label {
    color: #666666 !important;
    margin: 5px;
}

/*-----------------------------------------------------------------------------*/



.RadToolBarDropDown .rtbDisabled .rtbWrap {
    color: #8a8a8a !important;
}

/*---------------------------------------Asset Menu Toggle Button--------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------*/


.Bold {
    font-weight: bold !important;
}

/************* RadComboBoxItem add white space *************/
.ComboBoxItemIndent {
    text-indent: 20px !important;
}

.ComboBoxItemIndent40px {
    text-indent: 40px !important;
}

.ComboBoxItemIndent50px {
    text-indent: 50px !important;
}
/*************************/

/************* RadComboBoxItem add white space *************/
.ComboBoxItemBoldIndent {
    text-indent: 20px !important;
    font-weight: bold;
}

/*************************/
.MultiSelectCombo .combo-item-template {
    padding: 2px 5px;
}

.MultiSelectCombo .rcbItem {
    padding: 0px 0px !important;
}

/*****************************************************/
.TeamDropZone {
    width: 270px;
    height: 27px;
    background-color: #71b641;
    border-color: #CCCCCC;
    color: #fff;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}

/*.RadUpload .ruFakeInput {
    width: 200px !important;
    display: inline-block;
    height: 12px !important;
    padding: 4px 0 !important;
}

.RadUpload .ruFileWrap {
    height: 30px !important;
}

.RadUpload .ruButton {
    height: 23px !important;
    display: inline-block !important;
    padding: 4px 10px !important;
    line-height: 11px !important;
}*/

.dvSmallIconContainer {
    display: inline-block;
    width: 14px !important;
    height: 22px !important;
    padding-left: 3px;
}

    .dvSmallIconContainer > span {
        display: inline-block;
    }

.Top {
    vertical-align: top !important;
}




.rgMasterTable {
    overflow: visible !important;
}


.bringToBack {
    z-index: 3000 !important;
}

.CycledItem {
    background-color: red !important;
}

.CriticalItem {
    background: red !important;
}

.Invisible {
    height: 0 !important;
}

.LinkTask {
    color: #054AC9 !important;
    cursor: pointer;
    text-decoration: underline;
}

.rdgTaskGeneral table .rgRow td div, .rdgTaskGeneral table .rgAltRow td div, .rdgTaskGeneral table .rgRow td span, .rdgTaskGeneral table .rgAltRow td span,
.rdgProjectCodes table .rgRow td div, .rdgProjectCodes table .rgAltRow td div, .rdgProjectCodes table .rgRow td span, .rdgProjectCodes table .rgAltRow td span {
    white-space: normal !important;
    overflow: visible !important;
}


.rdgProjectCodes {
    border: 0 !important;
}

    .rdgProjectCodes table .rgRow > td, .rdgProjectCodes table .rgAltRow > td {
        border-width: 0 0 1px 0px !important;
        /*word-break : break-all ;*/
    }

.diagram Div {
    overflow: visible !important;
}

.TaskSplitter .rspResizeBarHorizontal {
    cursor: default !important;
}


.RadDock .rdTitleBar em {
    padding: 2px !important;
    margin-left: 5px !important;
    font-size: 16px !important;
    line-height: 21px !important;
}

.RadScheduler .rsAptSimple .rsAptOut {
    border: 2px solid AliceBlue;
}



.Modelupload .ruButton {
    margin-left: 0 !important;
    width: 210px !important;
}

.Modelupload.BigUpload .ruBrowse, .Modelupload.BigUpload .ruFileInput {
    height: 24px !important;
    width: 210px !important;
    line-height: 23px !important;
    padding: 0 !important;
}


.Modelupload .ruInputs {
    padding: 4px 0 4px 0 !important;
}

input[type="button"].CancelUploadButton, input[type="submit"].CancelUploadButton {
    height: 24px !important;
    /*font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif !important;
    font-family:'Work Sans' !important;*/
    width: 211px !important;
}

.GridHeaderWithoutFilter > input.rgOptions {
    display: none !important;
}

.PMWebUniversityVideoTraining {
    background-image: url('Images/Global/PMWebUniversity.png') !important;
    background-repeat: no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    text-align: center;
    cursor: pointer;
    margin-left: 61px;
    outline: 0;
    display: block;
    margin-top: 2px;
}

.PMWebUniversityVideoTrainingDisabled {
    background-image: url('Images/Global/PMWebUniversityDisabled.png') !important;
    background-repeat: no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    text-align: center;
    cursor: pointer;
    margin-left: 61px;
    outline: 0;
    display: block;
    margin-top: 2px;
}


/*/////////////////////////////////Fix For FIREFOX Checkbox icons still enabled when should be disabled/////////////////////////////////////////////////////////*/

.RadForm .rfdCheckboxUnchecked.rfdInputDisabled, .RadForm .rfdCheckboxUnchecked.rfdInputDisabled:hover {
    background-position: 0 -860px !important;
}

.RadForm .rfdCheckboxChecked.rfdInputDisabled, .RadForm .rfdCheckboxChecked.rfdInputDisabled:hover {
    background-position: 0 -1080px !important;
}

.rgCommandRow .GridCmdClearFilerGrid .Icon {
    background-image: url('Images/Global/Cancel.png') !important;
    width: 16px !important;
    display: inline-block !important;
    height: 16px !important;
    vertical-align: middle !important;
    margin-bottom: -4px !important;
    background-repeat: no-repeat !important;
    background-position: 4px 0px !important;
}

/***********************************************************Responsive *****************************************************************************************************/

.documentSinglePage {
    margin-top: 50px;
    margin-bottom: 36px;
}


/********************Responsive Grid Layout**************************/
.PMHeader {
    width: 100%;
}

.paddingLeft {
    padding-left: 24px;
}

.PMHeader > .row {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    /*padding-right:24px;*/
}

.PMHeader .col-1, .PMHeader .col-2, .PMHeader .col-3, .PMHeader > .col-4, .PMHeader .col-5, .PMHeader .col-6, .PMHeader .col-7,
.PMHeader .col-8, .PMHeader .col-9, .PMHeader .col-10, .PMHeader .col-11, .PMHeader .col-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    box-sizing: border-box;
}

.PMHeader .row .col-1 {
    flex: 0 0 8.33333%;
    /*max-width: 8.33333%;*/
    float: left;
}

.PMHeader .row .col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    float: left;
}

.PMHeader .row .col-3, .PMMainPage .row .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader > .row > .col-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    float: left;
    /*padding-left: 24px;*/
}

.AssetExplorerVisible .PMHeader > .row > .col-4 {
    margin-left: 16px !important;
}

.PMHeader .row .col-5 {
    flex: 0 0 41.6666%;
    max-width: 41.6666%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader .row .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader .row .col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    float: left;
}

.PMHeader .row .col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    float: left;
    padding-left: 24px;
}

.PMHeader .row .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader .row .col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader .row .col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader .row .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    float: left;
    /*padding-left: 24px;*/
}

.PMHeader > .row:after {
    display: table;
    clear: both;
}


/****************************************************************/

.UsersTree, .EntitiesTree {
    height: calc(100vh - 130px);
    overflow: auto;
    max-width: 400px;
}

.chartwidth {
    width: 800px !important;
}


.ContentPane {
    float: right;
    width: calc(100% - 200px);
}

.rail .ContentPane {
    width: calc(100% - 72px);
}

.tdProgramprojectLogin {
    padding-bottom: 15px;
}

    .tdProgramprojectLogin span {
        font-size: 24pt;
        font-weight: bold;
        color: /*1*/#316888/*1*/;
        padding-bottom: 18px;
    }

.WhiteDarkBlueBack {
    background-color: /*2*/#7396AA/*2*/ !important;
}

.imgIpadLogo {
    display: none;
    margin-left: 10px;
}

.drawer {
    width: 200px;
    background-color: /*1*/#316888/*1*/;
    color: #fff;
    z-index: 1;
    top: 0;
    bottom: 0;
    position: fixed;
}


    .drawer a {
        text-decoration: none;
        color: #fff;
    }

.btnToggleMenu {
    float: left;
    margin-top: 10px;
    margin-right: 3px;
}

    .btnToggleMenu i, .drawer-header input {
        margin-top: 8px;
    }

.drawer-header table {
    margin-left: 0px;
    table-layout: fixed;
    padding-top: 4px;
}

.drawer-header {
    height: 80px;
    border-bottom: 1px solid /*2*/#7396AA/*2*/;
}

.Module {
    -webkit-box-flex: 0;
    ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 100%;
    border-bottom: 1px solid /*2*/#7396AA/*2*/;
}

.nav {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    ms-flex-direction: column !important;
    flex-direction: column !important;
    display: flex;
    flex-wrap: nowrap;
    /*font-family:'Work Sans' !important;*/
}

.drawer a:visited, .drawer a:active {
    color: #fff;
}

.drawer .Utility a:visited, .drawer .Utility a:active {
    color: /*2*/#7396AA/*2*/ !important;
}

.nav-link:first-child {
    margin-top: 10px;
}

.nav-link {
    display: block;
    /*padding:7px 1rem;*/
    /*padding:13px 1rem 0px 12px;*/
    margin-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 0.8rem !important;
    text-transform: uppercase;
}

.bottomtoolbar {
    position: fixed;
    bottom: 0;
    z-index: 997;
    left: 0;
}

.nav-link table td:first-child {
    width: 24px;
    padding-left: 5px;
}

.nav-link table td:nth-child(2) {
    padding-left: 15px;
    max-width: 135px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*font-family:'Work Sans'!important;*/
}

.nav-link table:hover {
    background-color: /*2*/#7396AA/*2*/;
    border-radius: 20px;
}

.nav-link table {
    /*background-color: rgb(249,170,51);*/
    width: 170px;
    height: 40px;
    border-radius: 20px;
    padding: 0;
    white-space: nowrap;
}

.nav-link.active table {
    background-color: /*3*/#F9AA33/*3*/;
}

.nav-link.active i, .nav-link.active span {
    color: /*1*/#316888/*1*/ !important;
}

.Utility a {
    color: #fff;
}

.DeleteMsr .rtbIcon {
            background-image: url('Images/ResponsiveIcons/16Enabled.png');
            background-position: -512px 0px !important;
            height:16px;
            width:16px;
}

.disabledbtn.DeleteMsr .rtbIcon {
            background-image: url('Images/ResponsiveIcons/16Disabled.png');
            background-position: -512px 0px !important;
            height:16px;
            width:16px;
}


.Closerail {
    background-image: url('Images/ResponsiveIcons/16White.png');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: -176px 0px;
}

.Openrail {
    background-image: url('Images/ResponsiveIcons/16White.png');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: -192px 0px;
}

.toolbartop {
    position: fixed;
    top: 0;
    left: 200px;
}

.rail .toolbartop {
    left: 72px;
}

.rail .drawer {
    width: 72px;
}

    .rail .drawer .nav-link table td:last-child {
        display: none;
    }

    .rail .drawer .nav-link table td:first-child {
        padding-left: 0px;
    }

    .rail .drawer .nav-link i {
        margin-left: -1px;
    }

    .rail .drawer .nav-link table {
        display: block;
        width: 38px;
        padding: 0 0;
        margin-left: 8px;
    }

    .rail .drawer .nav-link .text {
        display: none;
    }

    .rail .drawer .imgDrawerLogo {
        display: none;
    }

    .rail .drawer .imgRailLogo {
        display: inline-block !important;
    }

    .rail .drawer .hiderail {
        display: inline-block !important;
    }

    .rail .drawer .showrail {
        display: none !important;
    }

.nav-link table td:first-child > div {
    background-image: url('Images/ResponsiveIcons/24White.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.Plans {
    background-position: -144px 0px;
}

.Home {
    background-position: -1848px 0px;
}

.MobileHome {
    background-image: url('Images/ResponsiveIcons/24MobileEnabled.png') !important;
    background-position: -2472px 0px !important;
}

.rail .nav-link table td:first-child > div {
    margin-top: 5px;
    margin-left: 5px;
}

.rail .Schedules {
    margin-top: 5px !important;
    margin-left: 5px !important;
}

.Forms {
    background-position: -408px 0px;
}

.Costs {
    background-position: -385px 0px;
}

.Schedules {
    background-position: -456px 0;
}

.Assets {
    background-position: -528px 0;
}

.Workflows {
    background-position: -505px 0;
}

.Portfolio {
    background-position: -480px 0;
}

.Tools {
    background-position: -360px 0;
}

.Recent {
    background-position: -240px 0;
}

.Search {
    background-position: -216px 0;
}

.University {
    background-image: url('Images/ResponsiveIcons/24WhiteNew.png') !important;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -168px 0;
}

.Exit {
    background-position: -192px 0;
}



.backdrop-activated {
    display: none !important;
}

.divContentHolder {
    padding-top: 30px;
}

.MenuContainer {
    width: 200px;
    empty-cells: show; /*display: flex;*/
}

.rail .MenuContainer {
    width: 72px;
}

.dvIpadMenu {
    display: none;
    margin-left: 10px;
}

.RotatorContainer {
    position: absolute;
    width: inherit;
    top: 0;
    left: -1px;
}

.MobileFixedMenu {
    display: none;
}

.divMenuPagesMobile {
    display: none;
}

.mainHomeTabs {
    background-color: /*1*/#316888/*1*/ !important;
    color: white !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: lighter !important;
}

.EmailSetupTabs {
    background-color: RGB(255,255,255) !important;
    padding-top: 5px !important;
    position: fixed !important;
    background: white !important;
    z-index: 990 !important;
    top: 30px;
}

.ReportManagerTabs {
    background-color: RGB(255,255,255) !important;
    padding-top: 5px !important;
    font-weight: lighter !important;
}

.ReportManagerTabstreehidden {
    background-color: RGB(255,255,255) !important;
    padding-top: 5px !important;
    font-weight: lighter !important;
}

.StyleCalculation {
    float: left;
    padding-top: 50px;
    width: calc(100vw - 220px);
}

.StyleCurrencyFields {
    max-width: 200px;
    overflow: auto;
    float: left;
    padding-top: 50px;
    height: calc(100vh - 50px);
}

.RadTabStrip_Default .rtsLevel1 .rtsLink.mainHomeTabs {
    font-size: 20px !important;
    color: #afafaf !important;
}

.mainHomeTabs .rtsSelected .rtsOut {
    border-bottom: none !important;
    color: white !important;
}



/*  ReportManagertabs   */
.RadTabStrip_Office2007 .rtsLevel1 .rtsLink.ReportManagerTabs {
    font-size: 20px !important;
}

.RadTabStrip_Office2007 .rtsLevel1 .rtsLink.ReportManagerTabstreehidden {
    font-size: 20px !important;
}

/*  --------------------*/
.ParameterValuesFrom {
    width: 230px;
}

.ParameterValuesTo {
    width: 200px;
}

.RDPWord .rtsLevel.rtsLevel1 {
    width: 100% !important;
}

.reToolCell .retool {
    background-image: url(/Images/ResponsiveIcons/16Enabled.png);
}

.RDPWord html.undo {
    background-position: -944px 0;
}

.removeAssign .Icon {
    background-image: url(../CSS/Images/ResponsiveIcons/16Enabled.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: -208px 0;
    display: inline-block;
}

.btnLeftParenth {
}



.EmailSetupTabs.RadTabStrip .rtsSeparator {
    background-color: white !important;
    width: 2px !important;
    height: 23px !important;
    margin-top: 5px !important;
}

.ReportManagerTabs.RadTabStrip .rtsSeparator {
    background-color: white !important;
    width: 2px !important;
    height: 23px !important;
    margin-top: 5px !important;
}

.ReportManagerTabstreehidden.RadTabStrip .rtsSeparator {
    background-color: white !important;
    width: 2px !important;
    height: 23px !important;
    margin-top: 5px !important;
}

.toolbartopHome {
    display: none;
}

.toolbartopHomeMobile {
    display: none;
}

.divContentHolderHome {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.HomeTabTabs .rtsLink {
    position: relative;
}

.HomeTabTabs.RadTabStrip_Default .rtsLevel .rtsSelected .rtsOut {
    border-bottom: none !important;
}

.HomeTabTabs .rtsSelected:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 3px;
    background-color: #fff;
    top: 47px;
    left: 0px;
}

.HomeTabTabs .rtsSelected .rtsOut {
    border-bottom-color: white !important;
    border-bottom-width: 2px !important;
    color: white !important;
}



.HomeTabTabs {
    background-color: /*1*/#316888/*1*/;
    color: /*2*/#7396AA/*2*/ !important;
    vertical-align: middle !important;
    text-transform: capitalize !important;
    line-height: 50px;
    height: 50px !important;
}

    .HomeTabTabs .rtsTxt {
        display: inline-block;
        margin-top: 10px;
    }

.RadTabStrip_Default .rtsLevel1 .rtsLink.HomeTabTabs {
    text-transform: capitalize !important;
    color: /*2*/#7396AA/*2*/ !important;
}

.HomeTabTabs a, .HomeTabTabs a:visited, .HomeTabTabs a:active {
    font-size: 11px !important;
}

.HomeTabTabs.RadTabStrip .rtsSeparator {
    height: 30px !important;
    background-color: /*2*/#7396AA/*2*/ !important;
    width: 1px;
    margin-top: 10px;
}

.ImgUser {
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    width: 33px !important;
    height: 33px !important;
    border-radius: 50%;
}

.RadiobuttonListDisplay {
    display: inline-flex !important;
}

    .RadiobuttonListDisplay > label {
        padding-top: 3px;
    }

.drawing-viewer-toolbar .rtbIcon {
    width: 16px !important;
    height: 16px !important;
    background-image: url('Images/2007Small.png') !important;
    background-repeat: no-repeat;
}

.drawing-viewer-toolbar .ToolbarUndo .rtbIcon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -768px 0px;
}

.drawing-viewer-toolbar .ToolbarRedo .rtbIcon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -784px 0px;
}

.drawing-viewer-toolbar .drawThickness .rtbIcon {
    background-position: -3424px 0px;
}

.drawing-viewer-toolbar .ToolbarPrint .rtbIcon {
    background-position: -2720px 0px !important;
}
/*.drawing-viewer-toolbar a
{
    display:inline !important;
}*/


.drawing-viewer-toolbar .Toolbarellipse .rtbIcon {
    background-position: -2816px 0px;
}

/*.drawing-viewer-toolbar .rtbItem
{
   margin: 2px 2px 2px 2px;
}*/


.drawing-viewer-toolbar .Toolbarline .rtbIcon {
    background-position: -2784px 0px;
}

.drawing-viewer-toolbar .Toolbarpolyline .rtbIcon {
    background-position: -2880px 0px;
}

.drawing-viewer-toolbar .rtbChoiceArrow {
    margin: 0 0 0 0px !important;
    padding: 0 0 0 0px !important;
}

.drawing-viewer-toolbar .Toolbarrectangle .rtbIcon {
    background-position: -2848px 0px;
    /*width: 16px !important;
     height: 16px  !important;*/
}

.drawing-viewer-toolbar .Toolbartext .rtbIcon {
    background-position: -2752px 0px;
}

.drawing-viewer-toolbar .ToolbarDefault .rtbIcon {
    background-position: -3168px 0px;
}

.drawing-viewer-toolbar .ToolbarPointer .rtbIcon {
    background-position: -3200px 0px;
}

.drawing-viewer-toolbar .ToolbarMove .rtbIcon {
    background-position: -3232px 0px;
}

.drawing-viewer-toolbar .ToolbarCurveLine .rtbIcon {
    background-position: -3072px 0px;
}

.drawing-viewer-toolbar .ToolbarTriangle .rtbIcon {
    background-position: -3040px 0px;
}

.drawing-viewer-toolbar .ToolbarNotes .rtbIcon {
    background-position: -3104px 0px;
}

.drawing-viewer-toolbar .Toolbarstamps .rtbIcon {
    background-position: -3136px 0px;
}

.drawing-viewer-toolbar .ToolbarLinkRecords .rtbIcon {
    background-position: -384px 0px;
}

.drawing-viewer-toolbar .ToolbarPrevious .rtbIcon {
    background-position: -3296px 0px;
}

.drawing-viewer-toolbar .ToolbarNext .rtbIcon {
    background-position: -3312px 0px;
}

.drawing-viewer-toolbar .ToolbarBubble .rtbIcon {
    background-position: -3264px 0px;
}

.menu-stamps .icon {
    background-image: url('Images/Others.png');
    background-position: -48px 0px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.RL_ActionHeader .icon {
    background-image: url('Images/OthersSmall.png');
    background-position: -64px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
}

.drawing-iconSpace, .SpaceButton .Icon {
    background-image: url('Images/OthersSmall.png');
    background-position: -144px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.drawing-iconEquipment, .EquipmentButton .Icon {
    background-image: url('Images/OthersSmall.png');
    background-position: -160px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}



/*.drawing-viewer-rdsplitter .rspSlideContainerResize
    {
        background-image: url('Images/2007Small.png') !important;
        background-repeat: repeat-x !important;
        background-position-y: center !important;
        background-position-x: -3300px !important;
        border-right: 4px solid !important;
        border-left: 4px solid !important;
        background-color: #C4DBF9 !important;
        border-color: #C4DBF9 !important;
    }

   .drawing-viewer-rdsplitter .rspSlideContainerResizeOver:hover
    {
        cursor: pointer !important;
        resize: none !important;
        background-color: #C4DBF9 !important;
    }*/


.drawing-viewer-rdsplitter .rspSlideTitleContainer,
.drawing-viewer-rdsplitter .rspSlideHeaderIconWrapper,
.drawing-viewer-rdsplitter .rspResizeBar {
    /*display: none;*/
}

.drawing-viewer-rdsplitter .rspSlideTitle {
    visibility: hidden;
}

.drawing-viewer-rdsplitter .rspPaneTabText {
    display: none !important;
}

.drawing-viewer-rdsplitter .rspPaneTabContainer {
    width: 10px !important;
    background-image: url('Images/2007Small.png') !important;
    background-repeat: repeat-x;
    background-position: -3315px center !important;
    position: absolute;
    /*top: 600px;*/
    background-color: #C4DBF9;
    height: 30px !important;
}

.drawing-viewer-UnDockrdLeftPane {
    width: 10px !important;
}

/*.drawing-viewer-ToolTipManager .rtWrapper 
    {
        height:60px !important;
    }
    .drawing-viewer-ToolTipManager .rtCallout 
    {
        visibility: hidden;
    }*/

.measurement-viewer-divselect {
    background-color: #FFCB60;
    width: 252px;
    padding: 5px;
    border-width: 0 0px 0 0px;
    border-color: #8d8b8b;
    border-style: solid;
    display: table;
}

    .measurement-viewer-divselect:hover {
        background-color: #FFCB60;
        cursor: pointer;
    }

.TooltipManagerTextNote .rtCloseButton {
    margin-top: 10px;
    margin-right: 10px;
}

.TooltipManagerTextNote .rtCalloutBottomLeft {
    visibility: hidden;
}

.TooltipManagerTextNote {
    overflow: hidden;
    padding-bottom: 50px;
}

.ShowOnMobile {
    display: none !important;
}

.divTable {
    display: table;
    width: auto;
}

.divRow {
    width: auto;
    display: table-row;
}

.divCell {
    float: left;
    display: table-column;
}

.controlWidth {
    width: 100% !important;
    min-width: 240px;
}

    .controlWidth .RadComboBox {
        width: 100% !important;
        box-sizing: border-box;
    }

    .controlWidth > span:first-of-type {
        width: 100% !important;
        box-sizing: border-box;
    }

    .controlWidth > input[type=checkbox] {
        margin: 0;
    }

    .controlWidth > textarea {
        height: 82px;
        margin: 0 !important;
    }

    .controlWidth > .RadInputMultiline {
        height: 100%;
    }

.PortfolioOverviewIframe {
    height: calc(100vh - 86px);
}

.AssetExplorerTree {
    height: calc(100vh - 132px);
}

.QueryViewwerTree {
    height: calc(100vh - 109px);
}

.Margins {
    padding-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
}

.EmailSetupTabs li {
    width: calc(50% - 8px) !important;
}

@media screen and (min-width:1681px) {
    .workflowTreeMaxWidth {
        max-width: 280px !important;
    }
    /*.StepsTreeListWidth {
        width:100% !important; 
    }*/
    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -110px !important;
    }
}

@media screen and (min-width:1515px) and (max-width:1680px) {
    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -100px !important;
    }
}

@media screen and (min-width:1282px) and (max-width:1514px) {
    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -140px !important;
    }
}

@media screen and (min-width:1282px) and (max-width:1680px) {
    .workflowTreeMaxWidth {
        max-width: 180px !important;
    }

    .PMHeader .row .col-5 {
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
    /*.StepsTreeListWidth {
        width:97% !important;
    }*/
    /*.ProjectCenterContainer .labelWidth{width:160px !important}
    .ProjectCenterContainer .controlWidth{width:240px !important}
    .ProjectCenterContainer .PMHeader .row .col-3 {width:274px !important}*/
}


/*.ResponsiveMargin {
    margin-top:24px;
    margin-left:24px;
    margin-right:24px;
    }*/
@media screen and (min-width:1324px) {

    .mainHomeTabs ul {
        width: 100% !important;
    }

    .EmailSetupTabs ul {
        width: 100% !important;
    }

    .ReportManagerTabs ul {
        width: 100% !important;
    }

    .ReportManagerTabstreehidden ul {
        width: 100% !important;
    }

    .mainHomeTabs li {
        width: calc(25% - 8px) !important;
    }

    .flyoutTreeList {
        display: block !important;
    }

    .flyoutTreeListOnMobile {
        display: block !important;
    }


    .ReportManagerTabs .rtsLevel.rtsLevel1 {
        width: calc(97vw - 458px) !important;
    }

    .ReportManagerTabstreehidden .rtsLevel.rtsLevel1 {
        width: calc(97vw - 178px) !important;
    }

    .ReportManagerTabs li {
        width: calc(50% - 8px) !important;
    }

    .ReportManagerTabstreehidden li {
        width: calc(50% - 8px) !important;
    }


    .ToolbarMobileMenu, .GridMobileMenu, .GridMobileAddToolbar {
        display: none !important;
    }

    .rtsLevel.rtsLevel1 {
        width: calc(100vw - 217px) !important;
    }

    .tbsDocSpec .rtsLevel.rtsLevel1 {
        width: 100% !important;
    }

    .AssetExplorerVisible .tbsDocSpec .rtsLevel.rtsLevel1 {
        width: 100% !important;
    }

    .AssetExplorerVisible .rtsLevel.rtsLevel1 {
        width: calc(100vw - 507px) !important;
    }

    .rail .documentTabs .rtsLevel.rtsLevel1 {
        width: calc(100vw - 83px) !important;
    }

    .rail.AssetExplorerVisible .rtsLevel.rtsLevel1 {
        width: calc(100vw - 373px) !important;
    }

    .tdSpecs {
        max-width: 700px;
    }



    .ReportManagerTree {
        height: calc(100vh - 86px);
    }

    .BiReportingTree {
        height: calc(100vh - 89px);
    }
}

@media screen and (min-width:1195px) and (max-width:1281px) {
    .colTable {
        /*padding-left: 24px !important;*/
    }

    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -140px !important;
    }
    /*.StepsTreeListWidth {
        width:90% !important;
    }*/
}

@media screen and (min-width:1110px) and (max-width:1195px) {
    .colTable {
        /*padding-left: 16px !important;*/
    }
    /*.StepsTreeListWidth {
        width:95% !important;  
    }*/

    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -130px !important;
    }
}

@media screen and (min-width:1025px) and (max-width:1110px) {
    .colTable {
        /*padding-left: 8px !important;*/
    }
    /*.StepsTreeListWidth {
        width:78% !important;
    }*/

    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -115px !important;
    }
}

/*@media screen and (min-width:1281px) and (max-width:1434px) {
         .Gutter{width:Calc(100vw - 1048px) !important;
        min-width:8px;}
         .rail .Gutter{width:Calc(100vw - 920px) !important; /*920=400+400+24+24+72
        min-width:8px;}
}*/

/*@media screen and (min-width:1037px) and (max-width:1323) {
   

    .flyoutPopup {
        left: 0px !important;
    }

    .flyoutTreeList {
        display: block !important;
    }

    .flyoutTreeListOnMobile {
        display: block !important;
    }

    .tbsDocSpec .rtsLevel.rtsLevel1 {
        width: 100% !important;
    }

    .mainHomeTabs ul {
        width: 100% !important;
    }

    .EmailSetupTabs ul {
        width: 100% !important;
    }

    .ReportManagerTabs ul {
        width: 100% !important;
    }

    .ReportManagerTabstreehidden ul {
        width: 100% !important;
    }

    .mainHomeTabs li {
        width: calc(25% - 8px) !important;
    }


    .ReportManagerTabs li {
        width: calc(50% - 8px) !important;
    }

    .ReportManagerTabstreehidden li {
        width: calc(50% - 8px) !important;
    }

    .AssetExplorerVisible .rtsLevel.rtsLevel1 {
        width: calc(97vw - 290px) !important;
    }

    .divContentHolder {
        margin-left: 0px !important;
    }

    .HeaderMenuLogout {
        display: inline-block !important;
    }

    .toolbartop {
        left: 0px !important;
    }



    .drawer {
        position: fixed;
        display: none;
        z-index: 9999;
        top: 0;
        bottom: 0;
    }

    .MenuBackDrop {
        display: none;
    }

    .divMenuPages.activated {
        display: block;
        overflow: auto;
    }



    .MenuBackDrop.activated {
        display: block;
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
    }

    .drawer.activated {
        display: block !important;
    }

    .divMenuPages {
        top: 0;
        bottom: 0;
    }

    .drawer-header {
        display: none;
    }

    .drawer-Exit {
        display: none;
    }

    .Utility {
        border-bottom: 0px !important;
    }

    .backdrop-activated {
        display: block !important;
    }

    .dvIpadMenu {
        display: inline-block !important;
    }

    .toolbartopHome {
        display: block;
    }

    .toolbartopHomeMobile {
        display: none;
    }

    .divContentHolderHome {
        margin-top: 30px !important;
    }

    .imgIpadLogo {
        display: inline-block !important;
    }

    .WhiteDarkBlueBack {
        height: 32px !important;
        padding-top: 2px !important;
    }

    .MenuContainer {
        width: 0px !important;
    }

    .ContentPane {
        width: 100% !important;
    }

    .PMHeader .row .col-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }


    .mainHomeTabs .rtsLevel.rtsLevel1 {
        width: 97vw !important;
        padding-top: 5px;
    }


    .ReportManagerTabs .rtsLevel.rtsLevel1 {
        width: 72vw !important;
        padding-top: 5px;
    }

    .ReportManagerTabstreehidden .rtsLevel.rtsLevel1 {
        width: 99vw !important;
        padding-top: 5px;
    }

    .ToolbarMobileMenu, .GridMobileMenu, .GridMobileAddToolbar {
        display: none !important;
    }

    .PMHeader .row .col-5 {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
    }
    /*.mobile-switch input:checked {
    border-color: #999 !important;
    box-shadow: inset 12px 0 0 0 #999 !important;
}

.mobile-switch input {
    position: relative !important;
    outline: none !important;
    width: 32px !important;
    height: 18px !important;
    background-color: #D9DADC !important;
    border: 1px solid #999 !important;
    border-radius: 50px !important;
    box-shadow: inset -20px 0 0 0 #D9DADC !important;
    transition-duration: 200ms !important;
    -webkit-appearance: none !important;
    background-image:none !important;
    vertical-align: middle !important;
}

.mobile-switch input:checked:after {
    left: 7px !important;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05) !important;
    border-right: none !important;
}

.mobile-switch input:after {
    content: "" !important;
    position: absolute !important;
    top: 1px !important;
    width: 15px !important;
    left: 1px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2) !important;
    height: 14px !important;
    border-right: 1px solid #999 !important;
     vertical-align: middle !important;
}

    .mobile-switch input:disabled {opacity: 0.5 !important;}
}*/
/*Desktop Tablet*/

@media screen and (min-width:939px) and (max-width:1024px) {
    .colTable {
        /*padding-left: 24px !important;*/
    }
    /*.StepsTreeListWidth {
        width:50% !important;
    }*/

    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -100px !important;
    }
}

@media screen and (min-width:881px) and (max-width:938px) {
    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: -85px !important;
    }

    .rdgrightmaxwidth {
        overflow: auto;
    }
}

@media screen and (min-width:320px) and (max-width:860px) {
    .HideOnMiddleScreen {
        display: none !important;
    }
}

@media screen and (min-width:320px) and (max-width:843px) {
    .ToolBarWorkflowRoles {
        height: 30px;
        position: fixed;
        z-index: 999;
        top: 0px;
        margin-top: 67px !important;
    }

    .WorkflowSinglePage {
        margin-top: 118px !important;
    }
}

.AssetSplitterRightPane.WorkflowSinglePage {
    margin-top: 68px !important;
    margin-bottom: 28px !important;
}

.WorkflowSinglePageWithoutToolbar {
    margin-top: 67px !important;
}

@media screen and (min-width:844px) and (max-width:880px) {
    .WorkflowSinglePage {
        margin-top: 83px !important;
    }
}

.DelegatePopupMarginOnMobile {
    margin-top: 50px;
}

@media screen and (min-width:320px) and (max-width:880px) {

    .MarginTopOnMobileRoles {
        margin-top: 20px;
    }

    .SecurityMarginTopOnMobile {
        margin-top: 0px !important;
    }

    .ManagerPagePaddingTopOnMobile {
        padding-top: 70px !important;
    }


    .ManagerPageMarginTopOnMobile {
        margin-top: 82px;
    }

    .WorkflowAssignmentsOnMobile {
        padding-top: 65px !important;
    }

    .RadTabStrip.WorkflowTabsOnMobile {
        height: 32px;
        position: fixed;
        z-index: 999;
        margin-top: 30px !important;
        background-color: #ffffff !important;
    }

    td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: 0px !important;
    }

    .rdgrightmaxwidth {
        overflow: auto;
    }
}

@media screen and (min-width:854px) and (max-width:938px) {
    .colTable {
        /*padding-left: 16px !important;*/
    }
    /*.StepsTreeListWidth {
        width:50% !important;
    }*/
    .BreadCrumbLabel {
        display: inline-block;
        overflow: hidden;
        max-width: 475px;
        text-overflow: ellipsis;
    }

    /*td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: 0px !important;
    }*/
    .rdgrightmaxwidth {
        max-width: 800px;
    }
}

@media screen and (min-width:768px) and (max-width:854px) {
    .colTable {
        /*padding-left: 8px !important;*/
    }
    /*.StepsTreeListWidth {
        width:50% !important;
    }*/
    .BreadCrumbLabel {
        display: inline-block;
        overflow: hidden;
        max-width: 475px;
        text-overflow: ellipsis;
    }

    .rdgrightmaxwidth {
        max-width: 854px;
    }
    /*td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: 10px !important;
    }*/
}

@media screen and (min-width:768px) {
    .overflowscroll {
        overflow: hidden !important;
    }
}

.ProjectCenterToolbarWidth {
    width: 80% !important;
}

.WorkflowRulesSinglePage {
    margin-top: 20px;
}

.ProjectCenterDDLWidth {
    width: 20% !important;
}

.HideTabWhenDetailShownInHeader.rtsSelected {
    /*visibility: visible !important;*/
    display: block !important;
    width: auto !important;
}

.RadMultiPage .rmpView.ShowInHeaderWhenFit {
    display: block !important;
}

.RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit .ResponsiveMargin {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

.showOnTableAndMobile {
    display: none !important;
}

.showOnMobile {
    display: none !important;
}

.PreviewMaxWidth {
    max-width: calc(50vw);
}

.ExitIpad {
    background-image: url('Images/ResponsiveIcons/24White.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -192px 0;
}

.toolbartopExit {
    display: none;
}

@media screen and (max-height:774px) { 
    /*.toolbartopExit {
        display: table-cell;
    }*/

    /*.drawer-Exit {
        display: none;
    }*/

    .Tools {
        background-position: -360px 0;
    }

    .Recent {
        background-position: -240px 0;
    }

    .Search {
        background-position: -216px 0;
    }

    .University {
        background-position: -168px 0;
    }

    .Exit {
        background-position: -192px 0;
    }


    .HomeTabTabs .rtsLevel.rtsLevel1 {
        width: calc(100vw - 259px) !important;
    }

    .drawer .Utility {
        margin-top: 5px;
    }

    .Utility {
        border-bottom: 0px !important;
    }

    .Module {
        -webkit-box-flex: 0;
        ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 100%;
        border-bottom: 1px solid /*2*/#7396AA/*2*/;
    }

   

    .nav-link table td:first-child > div {
        background-image: url('Images/ResponsiveIcons/24White.png');
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
    }

    .Utility {
        border-bottom: 0px !important;
    }

  .drawer .Utility .nav-link{
      margin-bottom:5px;
  }
      
}

@media screen and (max-height:740px) {
     .drawer .Utility .nav-link {
        float: left;
    }

      .drawer .Utility .nav-link table {
            margin-left: 10px;
        }

       .drawer .Utility .nav-link table td:last-child {
        display: none;
    }
        .drawer .Utility .nav-link table {
        width: 38px;
        padding: 0;
    }
         .drawer .Utility .nav-link table td:first-child {
            padding-left: 0px !important;
        }

          .Utility .nav-link table td:first-child > div {
        margin-left: 5px;
    }
           .drawer .Utility .nav-link:last-child table {
            margin-left: 15px;
        }
            .rail .Utility .nav-link:last-child table {
            margin-left: 10px;
        }

      .drawer .Utility .nav-link {
        padding-left: 0px;
    }
      .rail .Utility .nav-link {
        padding-left: 10px;
    }
    

    .Utility .nav-link:first-child {
        margin-top: 0px !important;
        margin-left: -1px;
    }
}

@media screen and (min-width:320px) and (max-width:1510px) {
    .MarginTopGridWorkflowRoles {
        margin-top: 20px !important;
    }
}

@media screen and (min-width:1511px) and (max-width:1750px) {
    .AssetExplorerVisible .PMHeader > .row > .col-4 { /*****************************************************************************************/
        flex: 0 0 48% !important;
        max-width: 48% !important;
        margin-left: 16px !important;
    }
}

.PreviewNotesPadding {
    padding-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
}


@media screen and (min-width:844px) and (max-width:1323px) { /********************** Ipads and Tablets***********************/
    .PreviewNotesPadding {
        padding-left: 16px;
        padding-top: 24px;
        padding-right: 16px;
    }

    .RadTabStripVertical .rtsLevel.rtsLevel1{
        width:100% !important;
    }

    .rtsLevel.rtsLevel1 {
        width: calc(100vw - 217px) !important;
    }

    .rail .documentTabs .rtsLevel.rtsLevel1 {
        width: calc(100vw - 89px) !important;
    }

    .paddingLeft {
        padding-left: 16px !important;
    }

    .EstimateItemSelectColLeft-6 {
        width: 400px !important;
        padding-left: 16px !important;
        padding-right: 8px !important;
    }

    .EstimateItemSelectColRight-6 {
        width: 400px !important;
        padding-left: 8px !important;
        padding-right: 16px !important;
    }

    .Margins {
        padding-left: 16px;
        padding-top: 16px;
        padding-right: 16px;
    }

    .ProjectCenterToolbarWidth {
        width: 70% !important;
    }

    .ProjectCenterDDLWidth {
        width: 30% !important;
    }

    /*.toolbartopExit {
        display: table-cell;
    }*/

    .colWorkflowInbox {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        float: left !important;
    }

    /*.HideTabWhenDetailShownInHeader {
        /*visibility: visible !important;
        display: block !important;
        width: auto !important;
    }*/

    .flyoutTreeList {
        position: absolute !important;
        background-color: #fff;
        box-shadow: 10px 0 5px -2px #666;
        z-index: 9;
    }

    .flyoutTreeListOnMobile {
        display: block !important;
    }

    .showOnTableAndMobile {
        display: inline-block !important;
    }

    .workflowTreeMaxWidth {
        max-width: 280px !important;
    }

    .ToolbarGenerateNext .rtbIcon { 
        background-position: -504px;
    }

    a.lnkButtonBar.ToolbarGenerateNext.rtbWrap.active {
        font-size: 13px;
    }

    /*.RadTabStrip .rtsPrevArrowDisabled, .RadTabStrip .rtsNextArrow,.RadTabStrip .rtsNextArrowDisabled,.RadTabStrip .rtsPrevArrow {display:none !important;}*/
    /*.ImgUser {
        text-align: center;
        margin-left: 1px;
        margin-top: 1px;
        width: 32px !important;
        height: 32px !important;
        border-radius: 26px;
    }*/

    /*.RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit {
        display: none !important;
        height: 0px;
    }*/

    /*.flyoutPopup {
        left: 0px !important;
    }*/

    .mainHomeTabs ul {
        width: 100% !important;
    }

    .EmailSetupTabs ul {
        width: 100% !important;
    }

    .ReportManagerTabs ul {
        width: 100% !important;
    }

    .ReportManagerTabstreehidden ul {
        width: 100% !important;
    }

    /*.mainHomeTabs li {
        width: calc(25% - 8px) !important;
    }*/

    /*.EmailSetupTabs li {
        width: calc(50% - 8px) !important;
    }*/

    /*.ReportManagerTabs li {
        width: calc(50% - 8px) !important;
    }*/

    /*.ReportManagerTabstreehidden li {
        width: calc(50% - 8px) !important;
    }*/

    /*.HeaderMenuLogout {
        display: inline-block !important;
    }*/

    .ReportManagerTree {
        height: calc(100vh - 87px);
    }

    .BiReportingTree {
        height: calc(100vh - 80px);
    }

    .DocumentManagerTree {
        height: calc(100vh - 87px);
    }




    /*.rtsLevel.rtsLevel1 {
        width: calc(97vw) !important;
    }*/

    /*.tbsDocSpec .rtsLevel.rtsLevel1 {
        width: 100% !important;
    }*/

    /*.AssetExplorerVisible .tbsDocSpec .rtsLevel.rtsLevel1 {
        width: 100% !important;
    }

    .AssetExplorerVisible .rtsLevel.rtsLevel1 {
        width: calc(97vw - 306px) !important;
    }



    .divContentHolder {
        margin-left: 0px !important;
    }*/

    /*.toolbartop {
        left: 0px !important;
    }*/

    /*.drawer {
        position: fixed;
        display: none;
        z-index: 9999;
        top: 0 !important;
        bottom: 0 !important;
        /*background-color:#000000
    }*/


    /*.MenuBackDrop {
        display: none;
    }*/

    .divMenuPages.activated {
        display: block;
        overflow: auto;
    }

    .MenuBackDrop.activated {
        display: block;
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
    }

    .drawer.activated {
        display: block !important;
    }

    /*.drawer-header {
        display: none;
    }*/

    /*.drawer-Exit {
        display: none;
    }*/

    .divMenuPages {
        top: 31px;
        bottom: 0;
    }



    .backdrop-activated {
        display: block !important;
    }



    /*.dvIpadMenu {
        display: inline-block !important;
    }*/

    /*.toolbartopHome {
        display: block;
    }*/

    .toolbartopHomeMobile {
        display: none;
    }

    .HomeTabTabs .rtsLevel.rtsLevel1 {
        width: calc(99vw - 265px) !important;
    }

    .divContentHolderHome {
        margin-top: 30px !important;
    }


    .WhiteDarkBlueBack {
        height: 32px !important;
        /*padding-top: 2px !important;*/
    }

    /*.imgIpadLogo {
        display: inline-block !important;
    }*/

    /*.MenuContainer {
        width: 0px !important;
    }

    .ContentPane {
        width: 100% !important;
    }*/

    .AssetExplorerVisible .PMHeader .row .col-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .PMHeader .row .col-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        /*padding-left: 16px !important;*/
    }

    .AssetExplorerVisible .PMHeader > .row > .col-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        /*padding-left: 12px !important;*/
    }

    .PMHeader > .row > .col-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        /*padding-left: 16px !important;*/
    }

    .PMHeader .row .col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        /*padding-left: 16px !important;*/
    }

    .PMHeader .row .col-5 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        /*padding-left: 16px !important;*/
    }

    .PMHeader .row .col-8 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 16px !important;
    }

    .PMHeader .row .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 16px !important;*/
    }

    .mainHomeTabs .rtsLevel.rtsLevel1 {
        width: 99vw !important;
        padding-top: 5px;
    }

    .ReportManagerTabs .rtsLevel.rtsLevel1 {
        width: calc(97vw - 290px) !important;
    }

    .ReportManagerTabstreehidden .rtsLevel.rtsLevel1 {
        width: calc(97vw - 0px) !important;
    }

    .ToolbarMobileMenu, .GridMobileMenu, .GridMobileAddToolbar {
        display: none !important;
    }

    .AssetExplorerVisible .HideOnMobileToolbar {
        display: none !important;
    }

    .AssetExplorerVisible .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .HideOniPadToolbar {
        display: none !important;
    }
}

/*@media screen and (max-height:640px) {*/ /**************************Collespe Menue Items****************************/
/*.Utility .nav-link:first-child {
        margin-top: 0px !important;
        margin-left: -1px;
    }
 .Utility {
        border-bottom: 0px !important;
    }
 .Utility .nav-link table td:first-child > div {
        margin-left: 5px;
    }
   .drawer .Utility .nav-link table td:last-child {
        display: none;
    }

    .drawer .Utility .nav-link table {
        width: 38px;
        padding: 0;
    }

        .drawer .Utility .nav-link table td:first-child {
            padding-left: 0px !important;
        }

    .drawer .Utility .nav-link {
        float: left;
    }

    .drawer .Utility .nav-link {
        padding: 0;
    }

        .drawer .Utility .nav-link table {
            margin-left: 10px;
        }

        .drawer .Utility .nav-link:last-child table {
            margin-left: 15px;
        }

    .drawer .Utility {
        margin-top: 0px;
    }
}*/


@media screen and (max-width:1138px) {
    .AssetExplorerVisible .PMHeader > .row > .col-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 4px !important;
    }
}

.ToolbarMobileMenu .rmSlide {
    left: -96px !important;
    z-index: 2999 !important;
}

@media screen and (min-width:767px) and (max-width:880px) {
    .BiReportingExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 287px;
        height: calc(100vh) !important;
    }
}

@media screen and (min-width:618px) and (max-width:767px) {
    .WorkflowRolesGrid {
        padding: 24px;
    }

    .StepsTreeListWidth {
        max-width: 600px !important;
    }

    .overflowscroll {
        overflow: hidden !important;
    }

    .BiReportingExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 287px;
        height: calc(100vh) !important;
    }
    /*td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: 8px !important;
    }*/
}

@media screen and (min-width:469px) and (max-width:618px) {
    .WorkflowRolesGrid {
        padding: 16px;
    }

    .StepsTreeListWidth {
        max-width: 450px !important;
    }

    .overflowscroll {
        overflow: hidden !important;
    }

    .BiReportingExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 285px;
        height: calc(100vh) !important;
    }
}

@media screen and (min-width:390px) and (max-width:468px) {
    .HideOnMobile {
        display: none !important;
    }

    .SpecStripDesignOnMobile {
        display: table-row !important;
        float: left !important;
    }

    .SpecGridDesignOnMobile {
        display: table-row !important;
        float: left !important;
        padding-top: 20px !important;
        padding-left: 10px !important;
    }

    .ButtonsDesignOnMobile {
        display: table-row !important;
        float: left !important;
    }

    .BiReportingExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 287px;
        height: calc(100vh) !important;
    }


    /*td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: 3px !important;
    }*/
}

@media screen and (min-width:320px) and (max-width:389px) {

    .HideOnMobile {
        display: none !important;
    }

    .SpecStripDesignOnMobile {
        display: table-row !important;
        float: left !important;
    }

    .SpecGridDesignOnMobile {
        display: table-row !important;
        float: left !important;
        padding-top: 20px !important;
        padding-left: 8px !important;
    }

    .ButtonsDesignOnMobile {
        display: table-row !important;
        float: left !important;
    }

    .BiReportingExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 287px;
        height: calc(100vh) !important;
    }
    /*td#ctl00_CPH1_ConditionalSecurity1_rpRecordTypeRules {
        margin-right: 3px !important;
    }*/
}

.HideTabWhenDetailShownInHeader {
    /*visibility: hidden;*/
    display: none !important;
    width: 0px;
}

@media screen and (min-width:320px) and (max-width:469px) {
    .colTable {
        /*padding-left: 8px !important;*/
    }

    .WorkflowRolesGrid {
        padding: 8px;
    }

    PopupMutiPage .StepsTreeListWidth {
        max-width: 280px !important;
    }

    .overflowscroll {
        overflow: hidden !important;
    }

    .ParameterValuesTo {
        width: 136px;
    }

    .ParameterValuesFrom {
        width: 142px;
    }

    .MiscellaneousPermissionTree {
        max-width: 290px !important;
    }
}

.MobileMarginTopDocumentTasks {
    padding-top: 0px;
}


.AssetSplitterPane {
    height: calc(100vh - 62px) !important;
}

.AssetSplitterRightPane {
    height: calc(100vh - 62px) !important;
}

DisplayOnMobileAsRow .EstimateItemSelectColLeft-6 {
    width: 400px !important;
    padding-left: 24px;
}

.EstimateItemSelectColRight-6 {
    width: 400px !important;
    padding-left: 24px;
}

.EstimateItemSelectCol-12 {
    padding-right: 8px;
    padding-top: 24px;
}

.EstimateItemSelectPadTop {
    padding-top: 24px;
}

legend {
    padding-top: 0 !important;
    line-height: 24px;
}

.MoreMenu .Recent {
    display: none;
}



@media screen and (min-width:896px) and (max-width:1030px) {
    .SmallToolbar .HideOnMobileToolbar {
        display: none !important;
    }

    .SmallToolbar .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .SmallToolbar .HideOnMobileToolbar.showOnIpad {
        display: table-cell !important;
    }

    .rail .SmallToolbar .HideOnMobileToolbar {
        display: inline-block !important;
    }

    .rail .SmallToolbar .ToolbarMobileMenu {
        display: none !important;
    }

    .rail .SmallToolbar .ToolbarTd.HideOnMobileToolbar {
        display: table-cell !important;
    }
}

/*@media screen and (min-width:896px) and (max-width:1323px) {
    .rtsLevel.rtsLevel1 {
        width: calc(100vw - 205px) !important;
    }

    .rail .rtsLevel.rtsLevel1 {
        width: calc(100vw - 81px) !important;
    }
}*/

.AssetExplorerVerticalSplitter .documentTabs .rtsLevel.rtsLevel1 {
    width: calc(100vw - 226px) !important;
}

.rail .AssetExplorerVerticalSplitter .documentTabs .rtsLevel.rtsLevel1 {
    width: calc(100vw - 102px) !important;
}

@media screen and (max-width:843px) {
    .AssetExplorerVerticalSplitter .documentTabs .rtsLevel.rtsLevel1 {
        width: calc(100vw - 26px) !important;
    }

    .rail .AssetExplorerVerticalSplitter .documentTabs .rtsLevel.rtsLevel1 {
        width: calc(100vw - 26px) !important;
    }
}



@media screen and (min-width:844px) and (max-width:895px) {
    .SmallToolbar .HideOnMobileToolbar {
        display: none !important;
    }

    .SmallToolbar .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .SmallToolbar .HideOnMobileToolbar.showOnIpad {
        display: table-cell !important;
    }

        .SmallToolbar .HideOnMobileToolbar.showOnIpad.Recent {
            display: none !important;
        }

    .rail .SmallToolbar .HideOnMobileToolbar {
        display: none !important;
    }

    .rail .SmallToolbar .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .rail .SmallToolbar .ToolbarTd.HideOnMobileToolbar {
        display: table-cell !important;
    }

    .rail .SmallToolbar .Recent {
        display: table-cell !important;
    }

    .SmallToolbar .MoreMenu .Recent {
        display: list-item !important;
    }

    .rail .SmallToolbar .MoreMenu .Recent {
        display: none !important;
    }
    /*.rtsLevel.rtsLevel1 {width: calc(100vw - 220px) !important;}
.rail .rtsLevel.rtsLevel1 {width: calc(100vw - 96px) !important;}*/
}

@media screen and (min-width:1058px) and (max-width:1186px) {
    .LargeToolBar .HideOnMobileToolbar {
        display: none !important;
    }

    .LargeToolBar .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .LargeToolBar .HideOnMobileToolbar.showOnIpad {
        display: table-cell !important;
    }

    .rail .LargeToolBar .HideOnMobileToolbar {
        display: inline-block !important;
    }

    .rail .LargeToolBar .ToolbarMobileMenu {
        display: none !important;
    }

    .rail .LargeToolBar .ToolbarTd.HideOnMobileToolbar {
        display: table-cell !important;
    }
}

@media screen and (min-width:844px) and (max-width:1057px) {
    .LargeToolBar .HideOnMobileToolbar {
        display: none !important;
    }

    .LargeToolBar .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .LargeToolBar .HideOnMobileToolbar.showOnIpad {
        display: table-cell !important;
    }

        .LargeToolBar .HideOnMobileToolbar.showOnIpad.Recent {
            display: none !important;
        }

    .rail .LargeToolBar .HideOnMobileToolbar {
        display: none !important;
    }

    .rail .LargeToolBar .ToolbarMobileMenu {
        display: inline-block !important;
    }

    .rail .LargeToolBar .ToolbarTd.HideOnMobileToolbar {
        display: table-cell !important;
    }

    .rail .LargeToolBar .Recent {
        display: table-cell !important;
    }

    .LargeToolBar .MoreMenu .Recent {
        display: list-item !important;
    }

    .rail .LargeToolBar .MoreMenu .Recent {
        display: none !important;
    }
}

.marginBottomOnMobile {
    margin-bottom: 24px;
}

@media screen and (min-width:320px) and (max-width:843px) { /***********************Mobile*********************************/
    /*.DMHeaderPane, .DetailPane {
    width:calc(100vw) !important;
    }*/
    .TopToolbarWorkflowCss {
        height: 30px;
        position: fixed;
        z-index: 999;
        top: 0px;
        margin-top: 0px !important;
    }

    .btnTreeDropItems {
        display: none !important;
    }

    .btnTreeDropItemswithBackground {
        display: none !important;
    }

    .marginBottomOnMobile {
        margin-bottom: 24px;
        margin-top: 5px;
    }

    .AuditTrailOnMobile {
        padding-bottom: 36px;
    }

    .MoreMenu .Recent {
        display: list-item !important;
    }

    .Exit {
        margin-top: 3px;
    }

    .MarginTopWorkflowInboxOnMobile {
        padding-bottom: 36px !important;
    }

    .TreeUsersOnMobile {
        width: 270px !important;
    }

    .WorkflowInboxOnMobile {
        margin-top: 28px;
    }

    .TreeUsersHeaderOnMobile {
        padding: 0px 8px !important;
    }

    .MenuWidth {
        width: 290px !important;
    }

    .ToolbarPositionOnMobile {
        left: 8px;
    }

    .WorkflowRoleManagerMarginOnMobile {
        margin-top: 50px !important;
        margin-bottom: 36px !important;
    }

    .paddingLeft {
        padding-left: 0px !important;
    }

    .Margins {
        padding-left: 4px;
        padding-top: 4px;
        padding-right: 4px;
    }

    .EstimateItemSelectColLeft-6 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .EstimateItemSelectColRight-6 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .EstimateItemSelectCol-12 {
        padding-right: 24px;
        padding-top: 24px;
        padding-left: 24px;
    }

    .EstimateItemSelectPadTop {
        padding-top: 8px;
    }

    .AssetSplitterRightPane {
        height: calc(100vh - 37px) !important;
        width: calc(100vw - 5px) !important;
    }

    .TopMarginWhenMobileMenuShown {
        margin-bottom: 36px;
    }

    .HeaderMenuLogout {
        display: none !important;
    }

    .MarginTop {
        margin-top: 49px;
    }

    .fullWidthPane {
        width: calc(99vw - 2px) !important;
    }

    .RadMultiPage.ProjectCenterMultiPage .rmpView > .PDFIframe {
        height: calc(100vh - 80px);
    }

    .SplitterPanePopup {
        position: fixed;
        width: 70vw !important;
        background: white;
        top: 0;
        height: 100% !important;
        z-index: 3000;
        border: 1px solid #999;
    }

    .DMSplitter {
        position: fixed;
        left: calc(60vw);
        z-index: 3000;
        height: 100% !important;
    }

    .AssetSplitter {
        position: fixed;
        left: calc(60vw);
        z-index: 3010;
        height: 100% !important;
        top: 0;
    }

    .rspCollapseBarCollapse {
        margin-top: 50vh !important;
    }

    .rspCollapseBarExpand {
        margin-top: 50vh !important;
    }

    .DMSplitterPane {
        margin-top: 50px;
        position: fixed;
        width: 60vw !important;
        background: white;
        top: 0;
        height: 100% !important;
        z-index: 3000;
        border: 1px solid #999;
    }

    .AssetSplitterPane {
        /*margin-top: 19px;*/
        position: fixed;
        width: 60vw !important;
        background: white;
        top: 0;
        height: 100% !important;
        z-index: 3009;
        border: 1px solid #999;
        height: calc(100vh - 37px) !important;
    }

    .SpecificationPadding {
        padding-left: 0px !important;
    }

    .PortfolioOverviewIframe {
        margin-top: 28px;
    }

    .PreviewNotesPadding {
        padding-left: 1px;
        padding-top: 24px;
        padding-right: 1px;
    }

    .tblHomeControls {
        margin-left: -2px;
    }

    .divTableOnMobile {
        display: table;
        width: auto;
    }

    .divRowOnMobile {
        width: auto;
        display: table-row;
    }

    .divCellOnMobile {
        float: left;
        display: table-column;
    }

    .SelectCLauseRow {
        padding-top: 74px !important;
    }

    .MarginTopOnMobileClausePopup {
        padding-top: 100px;
    }

    .MobileMarginTopDocumentTasks {
        padding-top: 50px;
    }

    .MobileMarginTopGenerateRecordPopup {
        margin-top: 51px;
    }

    .ProjectCenterToolbarWidth {
        width: 50% !important;
    }

    .ProjectCenterDDLWidth {
        width: 50% !important;
    }

    .tbshorizantaltabs {
        visibility: visible !important;
        margin-top: -20px !important;
    }

    .tbsDocSpec {
        display: none !important;
    }

    .SpecTableMargin {
        margin-top: -2px !important;
    }
    /*.RadTabStrip .rtsPrevArrowDisabled, .RadTabStrip .rtsNextArrow,.RadTabStrip .rtsNextArrowDisabled,.RadTabStrip .rtsPrevArrow {display:none !important;}*/
    /*::-webkit-scrollbar{display:none;}*/
    .divBox {
        width: 100% !important;
    }
    /*.ResponsiveMargin {
    margin-top:24px;
    margin-left:4px;
    margin-right:4px;
    }*/
    .controlWidth {
        min-width: 20px !important;
    }

    .colWorkflowInbox {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        float: left !important;
    }

    .PMHeader {
        padding-top: 0;
    }

    .VerticalTabs {
        margin-top: 39px !important;
    }

    .MobileLabelColor {
        color: #fff !important;
    }

    .PortfolioOverviewIframe {
        height: calc(100vh - 65px);
    }

    .ImageSizeOnMobile {
        max-width: calc(99%);
    }

    .PreviewMaxWidth {
        max-width: calc(99vw) !important;
    }

    .flyoutTreeList {
        position: absolute !important;
        background-color: #fff;
        box-shadow: 10px 0 5px -2px #666;
        z-index: 9;
    }

    .flyoutTreeListOnMobile {
        position: absolute !important;
        background-color: #fff;
        box-shadow: 10px 0 5px -2px #666;
        z-index: 9;
    }

    .showOnTableAndMobile {
        display: inline-block !important;
    }

    .showOnMobile {
        display: inline-block !important;
    }

    .displayTableRow {
        display: table-row !important;
    }

    .HideTabWhenDetailShownInHeader {
        /*visibility: visible !important;*/
        display: block !important;
        width: auto !important;
    }

    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit {
        display: none !important;
    }

    .RadToolBar_Horizontal .rtbItem {
        margin-right: 9px !important;
        margin-left: 0px !important;
    }

    .tdProgramprojectLogin span {
        font-size: 18pt !important;
    }

    .flyoutPopup {
        left: 0px !important;
        width: 100% !important;
    }

        .flyoutPopup .tblcontainer {
            width: 100% !important;
        }

    .Utility .nav-link:first-child {
        margin-top: 0px !important;
        margin-left: 5px;
    }

    .AssetExplorerTree {
        height: calc(100vh - 107px) !important;
        /*max-height: calc(100vh - 110px) !important;*/
        /*margin-top: 30px;*/
    }

    .QueryViewwerTree {
        height: calc(116vh - 0px) !important;
        max-height: calc(116vh - 0px) !important;
        margin-top: 30px;
    }

    .ReportManagerTree {
        height: calc(100vh - 35px) !important;
        max-height: calc(100vh - 35px) !important;
    }

    .DocumentManagerTree {
        height: calc(100vh - 86px) !important;
        max-height: calc(100vh - 86px) !important;
    }

    .DocumentManagerToolbar {
        max-width: calc(60vw);
    }

    .BiReportingTree {
        height: calc(100vh - 127px) !important;
        max-height: calc(100vh - 127px) !important;
    }

    .ToolbarTd {
        padding-left: 17px !important;
    }

    .PopUp_ToolbarTd {
        padding-left: 17px !important;
    }

    .RadiobuttonListDisplay {
        display: inline-block !important;
    }

    .rtsLevel.rtsLevel1 {
        width: calc(100vw - 17px) !important;
    }

    .tbsDocSpec .rtsLevel.rtsLevel1 {
        width: 100% !important;
    }

    .mainHomeTabs li {
        width: auto !important;
    }

    .mainHomeTabs ul {
        width: auto !important;
        display: flex !important;
    }

    .EmailSetupTabs ul {
        width: 100% !important;
    }



    .ToolbarMobileMenu {
        display: inline-block !important;
        padding-left: 5px;
    }

    .MobileAssetTree {
        position: fixed;
        z-index: 9999;
        vertical-align: top;
        background-color: #666;
    }

    .MobileFormsTree {
        position: fixed;
        z-index: 9999;
        vertical-align: top;
        background-color: #FFF;
        height: calc(100vh - 36px) !important;
    }

    .MobileAssetExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 290px;
        height: calc(100vh - 37px) !important;
    }


    .WorksheetCalculationBar {
        position: fixed;
        z-index: 9999;
        left: 411px;
        height: calc(56vh) !important;
    }

    .MobileFormsExplorerBar {
        position: fixed;
        z-index: 9999;
        left: 315px !important;
        height: calc(100vh) !important;
    }

    .MobileAssetExplorerBarClosed {
        position: fixed;
        z-index: 9999;
        left: 0px;
        height: calc(100vh - 37px) !important;
    }

    .MobileAsserExplorerbutton {
        margin-top: calc(100vh /2) !important;
    }

    .MobileWorksheetbutton {
        margin-top: calc(56vh /2) !important;
    }

    .Utility .nav-link table td:first-child > div {
        margin-left: 5px;
    }

    .workflowTreeMaxWidth {
        max-width: 320px !important;
        max-height: 445px !important;
    }

    .divContentHolder {
        margin-left: 0px !important;
    }

    .EmailSetupTabs {
        position: fixed;
        z-index: 999;
        top: 0px;
    }

    .toolbartop {
        display: none;
    }

    .divContentHolder {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .MobileFixedMenu {
        display: block !important;
    }

    .toolbartopHome {
        display: block !important;
    }

    .toolbartopHomeMobile {
        display: block;
    }

    .bottomtoolbar {
        display: none !important;
    }

    .drawer {
        position: fixed;
        display: none;
        z-index: 9999;
        top: 0 !important;
        bottom: 0 !important;
        /*background-color:#000000*/
    }

    .divModulePages {
        background-color: #8D8B8B;
        color: white;
        min-height: calc(100vh - 36px);
    }

    .divCustomForm {
        height: auto !important;
    }

    .MenuBackDrop {
        display: none;
    }


        .MenuBackDrop.activated {
            display: none;
        }

    .drawer.activated {
        display: none !important;
    }

    .drawer-header {
        display: none;
    }

    .drawer-Exit {
        display: none;
    }

    .documentSubToolbar {
        margin-top: 38px;
    }

    .Utility {
        border-bottom: 0px !important;
    }

    .backdrop-activated {
        display: none !important;
    }

    .drawer .Utility .nav-link table td:last-child {
        display: none;
    }

    .drawer .Utility .nav-link table {
        width: 38px;
        padding: 0;
    }

        .drawer .Utility .nav-link table td:first-child {
            padding-left: 0px !important;
        }

    .drawer .Utility .nav-link {
        float: left;
    }

    .drawer .Utility .nav-link {
        padding: 0;
    }

        .drawer .Utility .nav-link table {
            margin-left: 10px;
        }

        .drawer .Utility .nav-link:last-child table {
            margin-left: 15px;
        }

    .drawer .Utility {
        margin-top: 15px;
    }

    .dvIpadMenu {
        display: inline-block !important;
    }

    .HomeTabTabs .rtsLevel.rtsLevel1, .rail .HomeTabTabs .rtsLevel.rtsLevel1 {
        width: calc(99vw - 195px) !important;
    }

    /*table.HomeTabTabsMobile td {
        padding-top: 8px;
        background-color: #316888;
    }*/

    .divContentHolderHome {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .WhiteDarkBlueBack {
        height: 32px !important;
        padding-top: 2px !important;
    }

    .imgIpadLogo {
        display: inline-block !important;
    }

    .imgMobileLogo {
        display: inline-block !important;
        cursor: pointer;
        padding-top: 7px;
    }

    .MenuContainer {
        width: 0px !important;
    }

    .ContentPane {
        width: 100% !important;
        /*padding-bottom: 30px;*/
    }

    .PMHeader .row .col-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader > .row > .col-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader .row .col-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader .row .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader .row .col-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 2px !important;
    }

    .PMHeader .row .col-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader .row .col-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader .row .col-10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMHeader .row .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        /*padding-left: 2px !important;*/
    }

    .PMMenucol4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100%;
    }

    .PMMenucol6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100%;
    }

    .PMMenucol12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100%;
    }

    .PMHeaderMenu4 {
        float: none;
        width: 100%;
        display: block;
    }

    .PMMenuCustomForm4 {
        float: none;
        width: 100%;
        display: block;
        margin-top: 14px;
        margin-right: -10px;
    }

    .PMHeaderMenu3 {
        float: none;
        width: 100%;
        display: block;
    }

    .PMMenuCustomForm3 {
        float: none;
        width: 100%;
        margin-top: 14px;
        display: block;
    }

    .PMHeaderMenu2 {
        float: none;
        width: 100%;
        display: block;
    }

    .PMMenuCustomForm2 {
        float: none;
        width: 100%;
        margin-top: 14px;
        display: block;
    }

    .divMenuPages {
        position: fixed;
        z-index: 15000;
        overflow: hidden;
        width: 100vw;
        height: calc(100vh - 36px);
        overflow: auto;
        top: 0;
        left: 0 !important;
    }

    .mainHomeTabs .rtsLevel.rtsLevel1 {
        width: 99vw !important;
        padding-top: 5px;
    }


    .HideOnMobileToolbar {
        display: none !important;
    }
    /*.RadToolBar{line-height:50px !important}*/
    .ToolBar {
        position: fixed !important;
        z-index: 999 !important;
        width: 100% !important;
        left: 0;
        top: 0 !important;
        table-layout: fixed;
        width: 100%;
    }

    .ProjectCenterToolbar {
        position: fixed !important;
        z-index: 2900 !important;
        width: 100% !important;
        left: 0;
        top: 0;
        table-layout: fixed;
        top: 50px;
    }

    .documentTabs {
        /*margin-top: 47px !important;*/
        /*padding-top: 8px !important;*/
        position: fixed !important;
        background: white !important;
        z-index: 990 !important;
        top: 50px;
    }

    .HomeTabTabsMobile {
        margin-top: 0px !important;
        position: fixed !important;
        z-index: 999 !important;
        left: 0;
    }

    .documentSplitter {
        margin-top: 47px !important;
        padding-top: 8px !important;
        position: fixed !important;
        background: white !important;
        z-index: 2000 !important;
    }

    .CalculatorDocumentSplitter {
        margin-top: 50px !important;
        padding-top: 8px !important;
        position: fixed !important;
        background: white !important;
        z-index: 3000 !important;
    }
    /*.RadTabStrip .rtsUL{
        display:flex !important;
    }*/

    .documentTabWithoutToolbar {
        margin: 0 !important;
        top: 0 !important;
        position: fixed !important;
        background: white !important;
        z-index: 999 !important;
    }

    .documentMultiPagesWithoutToolbar {
        margin-bottom: 36px !important;
    }
    /*margin-top: 90px;*/

    .documentMultiPages {
        margin-top: 88px !important;
    }

    .documentMultiPagesUserProfile {
        margin-bottom: 36px;
    }

    .documentSinglePage {
        margin-top: 50px;
        margin-bottom: 36px;
    }

    .PMPopupMainPage.documentSinglePage, .PMPopupMainPage > .documentSinglePage {
        margin-bottom: 0 !important;
    }

    .ProjectCenterContainer {
        margin-top: 99px;
    }

    .PopupToolbarPaddingTop {
        padding-top: 50px;
    }

    .ToolbarCurrency {
        margin-top: 3px;
    }

    .ReportManagerTabs li {
        width: calc(50% - 8px) !important;
    }

    .ReportManagerTabs {
        padding-top: 22px !important;
    }

    .ReportManagerTabstreehidden {
        padding-top: 22px !important;
    }


    .colpopup-6 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .RadWindow .labelWidth {
        width: 40% !important;
        height: 24px;
        line-height: 24px;
        background: #FFFFFF;
        color: #666666 !important;
    }

    .PopupDocumentTabs {
        margin-top: 50px !important;
    }

    .PaddingTopOnMobile {
        padding-top: 50px !important;
    }

    .ShowOnMobile {
        display: inline-block !important;
    }

    .PopupFileUpload:hover {
        background-color: #EDEDED;
    }

    .PopupFileUpload {
        background-color: #FFF;
        display: flex !important;
        width: calc(65vw) !important;
        height: 32px !important;
        margin-top: 30px !important;
        border: 1px solid #666 !important;
        border-radius: 5px;
        line-height: 1;
    }

        .PopupFileUpload .Icon {
            background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
            background-position: -1568px 0px !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 29%;
            margin-top: 7px;
        }

        .PopupFileUpload .uploadLabel {
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
            color: #666;
            vertical-align: middle;
            margin-left: 3px;
            margin-top: 10px;
            font-size: 12px !important;
        }

    .PopupTextUpload {
        display: inline-block !important;
        width: calc(65vw - 30px) !important;
        height: 25px !important;
        margin-top: 30px !important;
    }

    .HideOnMobilePopup {
        display: none !important;
    }

    .popupDiv {
        position: fixed;
        left: 0;
        height: 100vh;
        background: white;
        width: 70vw;
        border: 1px solid #999;
        z-index: 3000;
        display: none;
        top: 0;
    }

    .SplitterPopup input#RAD_SPLITBAR_SPACER_Splitter {
        display: none;
    }

    .CalculationPanePopup {
        position: fixed;
        width: 40vw !important;
        background: white;
        top: 0;
        height: 100% !important;
        z-index: 3000;
        border: 1px solid #999;
        padding-top: 30px;
        margin-top: 50px;
    }

    #RAD_SPLITTER_PANE_CONTENT_RadContentPane {
        width: calc(99vw) !important;
    }

    #RAD_SPLITTER_PANE_CONTENT_rpnResourcesGrid {
        width: calc(99vw) !important;
    }

    #RAD_SPLITTER_PANE_CONTENT_rpnARPaymentsGrid {
        width: calc(99vw) !important;
    }

    #RAD_SPLITTER_PANE_CONTENT_rpnAPPaymentsGrid {
        width: calc(99vw) !important;
    }
       
    #RAD_SPLITTER_PANE_CONTENT_rpnClausesGrid {
        width: calc(99vw) !important;
    }

    .TreeToolbarCancel {
        position: absolute;
        right: 24px;
        top: 0;
    }

    .TreeToolbarSave {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .TreeToolbarSaveExit {
        position: absolute;
        left: calc(35vw - 16px);
        top: 0;
    }

    .PopupbarSettings {
        position: absolute;
        right: 10px;
        top: 0;
    }

    .toolbarPopup {
        background-color: white;
        border: 1px solid #999;
        width: 70vw;
        height: 100vh;
        top: 0;
        position: fixed;
        z-index: 3001;
        display: none;
        left: 0;
    }

    .UploadSearchIcon {
        height: 24px;
        width: 24px;
        background-image: url('Images/ResponsiveIcons/24Enabled.png');
        display: inline-block !important;
        margin-top: 31px;
        position: absolute;
        margin-left: 10px;
    }

    .fullWidth {
        width: 100% !important;
        max-width: 100% !important;
    }

    .PMHeader .row .col-8.fullWidth {
        width: 100% !important;
        max-width: 100% !important;
    }

    /*.ReportManagerTabs .rtsLevel.rtsLevel1 {
         width: calc(95vw - 10px) !important;
    }
 .ReportManagerTabstreehidden .rtsLevel.rtsLevel1 {
        width: calc(95vw - 10px) !important;
    }*/
    /*.mobile-switch input:checked {
    border-color: #999 !important;
    box-shadow: inset 12px 0 0 0 #999 !important;
}

.mobile-switch input{
    position: relative !important;
    outline: none !important;
    width: 32px !important;
    height: 18px !important;
    background-color: #D9DADC !important;
    border: 1px solid #999 !important;
    border-radius: 50px !important;
    box-shadow: inset -20px 0 0 0 #D9DADC !important;
    transition-duration: 200ms !important;
    -webkit-appearance: none !important;
    background-image:none !important;
    vertical-align: middle !important; 
} 

.mobile-switch input:checked:after {
    left: 7px !important;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05) !important;
    border-right: none !important;
}

.mobile-switch input:after {
    content: "" !important;
    position: absolute !important;
    top: 1px !important;
    width: 15px !important;
    left: 1px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2) !important;
    height: 14px !important;
    border-right: 1px solid #999 !important;
    vertical-align: middle !important;
}

    .mobile-switch input:disabled {opacity: 0.5 !important;}*/

}

@media screen and (max-width: 853px) {
    .calculationBox {
        height: 300px !important;
    }

    .CurrencyFields {
        height: 300px !important;
        margin-bottom: 24px;
    }

    .CalculationFields {
        width: calc(75%);
    }

    .OperationFields {
        width: 25%;
    }
}

@media screen and (max-width:550px) {
    .StyleCalculation {
        float: left;
        padding-top: 50px;
        width: calc(100vw - 170px);
    }

    .StyleCurrencyFields {
        max-width: 150px;
        overflow: auto;
        float: left;
        padding-top: 50px;
        height: calc(100vh - 50px);
    }

    .rgCommandRow .GridCmdClearFilerGrid .SDProjectFilter {
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
    }

    .RdpRolesWidth {
        max-width: 280px !important;
    }
}

@media screen and (max-width:400px) {
    .rgCommandRow .GridCmdClearFilerGrid .SDProjectFilter {
        width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
    }
}

.rail .flyoutPopup {
    left: 75px;
}

.flyoutPopup {
    position: fixed;
    top: 26px;
    bottom: 20px;
    background-color: #fff;
    width: 448px;
    left: 200px;
    z-index: 9999;
}

    .flyoutPopup .tblcontainer {
        width: 448px;
    }

.rail .RecentflyoutPopup {
    left: 75px;
    width: calc(100vw - 75px);
}

.RecentflyoutPopup {
    position: fixed;
    top: 80px;
    bottom: 30px;
    background-color: #fff;
    width: calc(100vw - 218px);
    left: 200px;
    z-index: 9999;
}



.ProjectExplorerContainer {
    position: fixed;
    top: 26px;
    bottom: 0px;
    height: 100%;
}

.RecentDocumentsContainer {
    position: fixed;
    top: 80px;
    bottom: 0px;
    height: 100%;
    width: 100%;
}

#ctl00_ldpFlyoutctl00_tblProjectExplorer {
    width: 448px !important;
}

#ctl00_ctl00_btnPortfolioPanel {
    display: inline !important;
}

.rcbSlide, .rfdSelectBoxDropDown {
    z-index: 99999 !important;
}

.lnkCloseFlyout {
    text-decoration: none;
    margin-right: 10px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    z-index: 9999;
}

.CloseFlyout {
    background-image: url(Images/ResponsiveIcons/16Enabled.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: -208px 0px;
}

.RadUpload.UserProfileUpload .ruInputs {
    background-image: url(Images/ResponsiveIcons/UserProfileUpload.png) !important;
    background-repeat: no-repeat;
    margin-left: 10px !important;
}

.RadUpload .ruButton, .RadUpload .ruButton:focus {
    background-image: none !important;
    border-width: 0px !important;
    margin-top: -2px !important;
    color: #999 !important;
}

.RadUpload.UserProfileUpload .ruButton {
    margin-left: 10px !important;
    height: 20px !important;
}

.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input { /*font-family: 'Work Sans' !important;*/
    text-transform: uppercase !important;
}

.RadUpload {
    border: 1px solid #666 !important;
    border-radius: 5px;
}

    .RadUpload:hover {
        background-color: lightgray;
    }

    .RadUpload .ruInputs li {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }


.tblcontainer .labelWidth {
    width: 40% !important;
}



/****************Specification Header Fields and Fields that link to a popup ********************/

/*.labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}*/


.headerSpecification .labelWidth .lblMemo {
    position: absolute;
    width: 23% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}


/*@media screen and (min-width:400px) and (max-width:500px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }
}*/

@media screen and (min-width:500px) and (max-width:767px) {
    /*.headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }*/
    .RdpRolesWidth {
        max-width: 320px !important;
    }
}


/*@media screen and (min-width:790px) and (max-width:950px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }

}*/

/*@media screen and (min-width:951px) and (max-width:1024px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }
}

@media screen and (min-width:1025px) and (max-width:1290px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }

    .RdpRolesWidth {
        max-width: 320px !important;
    }
}

@media screen and (min-width:1291px) and (max-width:1500px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }
}

@media screen and (min-width:1501px) and (max-width:1600px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }
}


@media screen and (min-width:1601px) {
    .headerSpecification .labelWidth .lblMemo,
    .labelWidth > div[style*="float:left"], .labelWidth > div[style*="float: left"] {
        width: 75%;
    }
}*/

/*******************************************************************/
.tblcontainer .controlWidth {
    width: 60% !important;
}

.btnToolbarSearchDocument {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -696px 0px;
}

.btnPrint {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -816px 0px;
}

.btnToolbarRecent {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -240px 0px;
}

.btnToolbarSearchTree {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1896px 0px;
}

.btnToolbarAssign .Icon {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -504px 0px;
}

.btnToolbarCancelAssign .Icon {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1248px 0px;
}

.ToolbarTd {
    padding-left: 24px;
    width: 24px;
    height: 50px;
    vertical-align: middle;
}

.ToolbarHelp {
    display: none !important;
}

.PopUp_ToolbarTd {
    padding-left: 24px;
    width: 24px;
    height: 39px;
}








/*.RadGrid_Default .rgMasterTable, 
.RadGrid_Default .rgDetailTable, 
.RadGrid_Default .rgGroupPanel table, 
.RadGrid_Default .rgCommandRow table, 
.RadGrid_Default .rgEditForm table, 
.RadGrid_Default .rgPager table{
    font-family:'Work Sans' !important;
}*/



.rgHeaderWrapper .rgHeaderDiv {
    border-color: #afafaf !important;
}


.MobileFixedMenu a table td:first-child > div > div {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 6px;
}

.MobileFixedMenu a table td:last-child {
    padding-bottom: 15px;
}

/*.open .ToggleMobileMenu {
    background-image: url(Images/ResponsiveIcons/24White.png) !important;
    background-position: -266px 0 !important;
}*/

.ToggleMobileMenu {
    background-image: url(Images/ResponsiveIcons/PMWebLogoW.png) !important;
    background-position: 0 0 !important;
}

.mobilemeuwhite div {
    background-image: url('Images/ResponsiveIcons/24White.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
}


.RadDock .rdTitleBar {
    width: 100%;
    height: 100%;
    background-color: /*1*/#316888/*1*/;
    color: #FFFFFF !important;
    display: table;
}

.RadDock_Default .rdTitleBar em {
    color: #FFFFFF !important;
}

.WorkflowInboxLink {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    margin-left: 5px;
}


.RadDock .rdCollapse {
    background-position: -368px 0 !important;
}

.RadDock .rdExpand {
    background-position: -288px 0 !important;
}

.RadDock .rdClose {
    background-position: -208px 0 !important;
}

.RadDock_Default .rdCenter .rdCommands a span {
    background-image: url(Images/ResponsiveIcons/16White.png) !important;
}

.RadDock .rdCenter .rdCommands a, .RadDock .rdCenter .rdCommands a span {
    width: 16px !important;
    height: 16px !important;
    margin-right: 5px !important;
}

.RadDock_Default .rdTop .rdLeft, .RadDock_Default .rdTop .rdRight,
.RadDock_Default .rdTop .rdCenter, .RadDock_Default .rdBottom .rdLeft,
.RadDock_Default .rdBottom .rdRight, .RadDock_Default .rdBottom .rdCenter {
    background: rgba(255,255,255,0.3) !important;
}

.RadDock_Default .rdMiddle .rdLeft, .RadDock_Default .rdMiddle .rdRight {
    background: rgba(255,255,255,0.8) !important;
}

.RadDock_Default .rdMiddle .rdCenter, .RadDock_Default .rdBottom .rdCenter {
    background-color: rgba(255,255,255,0.8) !important;
}

.HomeDockZone .RadDock_Default {
    margin-bottom: 10px;
    outline: none;
}

.RefreshButton .Icon {
    background-image: url(Images/ResponsiveIcons/16White.png);
    width: 16px !important;
    display: inline-block !important;
    height: 16px !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-position: -640px 0px !important;
}

.InboxItem {
    background: #f2f2f2 !important;
}



.GridMobileMenu {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px 0 3px !important;
}


.RadNumericTextBox {
    padding-right: 5px !important;
}

/*.rgEditForm > table > tbody > tr:last-child {
 display: table-header-group!important;
}

.rgEditForm > table > tbody > tr:last-child td{
    height:40px;
}

.rgEditForm > table > tbody > tr:last-child td a{
   margin: 0 0 0 40px;
   background: RGB(49,104,136);
   color: white !important;
   border-radius: 10px;
   text-decoration-line: none;
   padding:6px 15px 6px 15px;
}

.rgEditForm > table > tbody > tr:first-child {
    display: table-footer-group !important;
}*/


.rgEditForm {
    background: white !important;
}

    .rgEditForm > table > tbody > tr > td > table {
        table-layout: fixed;
    }

    .rgEditForm .RadComboBox, .rgEditForm span.Icon, .rgEditRow .RadComboBox, .rgEditRow span.Icon, .rgEditRow textarea, .rgEditForm textarea {
        vertical-align: middle;
    }

    .rgEditForm input[type=checkbox] {
        margin-left: 0 !important;
    }

    /*.rgEditForm > table > tbody > tr:first-child table {
        border-spacing: 0 2px;
    }*/

    .rgEditForm > table {
        margin: 4px 0 4px 0;
    }

    .rgEditForm .LeftAlignOnEditForm {
        text-align: left !important;
    }

    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr {
        height: 30px;
    }

    .rgEditForm .SearchButton {
        margin-left: 4px;
    }

@media screen and (min-width:375px) {

    .rgEditForm .RadPicker .RadInput input[type=text].riTextBox {
        width: 145px !important;
    }

    .rgEditForm .RadPicker .rcTable {
        width: 170px !important;
    }

    .rgEditForm .RadInput.riContSpinButtons input[type=text].riTextBox {
        width: 151.5px !important;
    }

    .rgEditForm select {
        width: 171px !important;
    }

    .rgEditForm > table > tbody > tr > td > table {
        width: 350px !important;
    }

    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td:first-child {
        width: 150px !important;
    }

    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td:last-child {
        width: 200px !important;
    }

    .rgEditForm .RadComboBox input[type=text] {
        width: 150px !important;
    }

    .rgEditForm .RadComboBox {
        width: 170px !important;
    }

    .rgEditForm input[type=text], .rgEditForm textarea {
        width: 170px !important;
    }

    .rgEditForm .RadInput input[type=text] {
        width: 173px !important;
    }

        .rgEditForm .RadInput input[type=text].riTextBox {
            width: 153px !important;
        }
}

@media screen and (max-width:375px) {
    .rgEditForm .RadPicker .RadInput input[type=text].riTextBox {
        width: 116px !important;
    }

    .rgEditForm .RadPicker .rcTable {
        width: 120px !important;
    }

    .rgEditForm .RadInput.riContSpinButtons input[type=text].riTextBox {
        width: 102px !important;
    }

    .rgEditForm > table > tbody > tr > td > table {
        width: 330px !important;
    }

    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td:first-child {
        width: 120px !important;
    }

    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td:last-child {
        width: 150px !important;
    }

    .rgEditForm .RadComboBox input[type=text] {
        width: 100px !important;
    }

    .rgEditForm .RadComboBox {
        width: 120px !important;
    }

    .rgEditForm select {
        width: 121px !important;
    }

    .rgEditForm input[type=text], .rgEditForm textarea {
        width: 120px !important;
    }

    .rgEditForm .RadInput input[type=text] {
        width: 123px !important;
    }

        .rgEditForm .RadInput input[type=text].riTextBox {
            width: 103px !important;
        }
}


.ToolBarTreePane {
    background-color: RGB(237,237,237) !important;
    background-image: none;
    z-index: 2900 !important;
    width: 100% !important;
    height: 30px;
}

@media screen and (min-width:320px) and (max-width:1024px) and (pointer: coarse) {
    .rgDataDiv > table > tbody > tr > td > label,
    .rgDataDiv > table > tbody > tr > td > span,
    .rgDataDiv > table > tbody > .rgEditRow > td > label,
    .rgDataDiv > table > tbody > .rgEditRow > td > input:disabled,
    .rgDataDiv > table > tbody > .rgEditRow > td > input:read-only,
    .rgHeaderDiv > table .rgEditRow > td > label,
    .rgHeaderDiv > table .rgEditRow > td > input:disabled,
    .rgHeaderDiv > table .rgEditRow > td > input:read-only,
    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td > label,
    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td > input:disabled,
    .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td > input:read-only,
    .rgHeaderDiv .rgEditForm > table > tbody > tr:first-child > td > table > tbody > tr > td:first-child,
    .rgPagerCell,
    .rgFooter,
    .rgEditForm {
        pointer-events: none;
    }

        .rgEditForm > table,
        .rgDataDiv > table > tbody > tr > td input,
        .rgDataDiv > table > tbody > .rgEditRow > td > div,
        .rgDataDiv > table > tbody > .rgEditRow > td > span,
        .rgPagerCell > *,
        .rgExpandCol, .rgDataDiv > table > tbody > tr > td a,
        .rgHeaderDiv .rgEditForm {
            pointer-events: auto !important;
        }
}



.rgMasterTable.rgClipCells {
    white-space: nowrap !important;
}

.img_more_menu {
    margin-top: -6px;
    display: inline-block;
}

    .img_more_menu > span {
        background-image: url(Images/ResponsiveIcons/24Enabled.png) !important;
        background-position: -1920px 0px !important;
        display: inline-block !important;
        width: 24px !important;
        height: 16px !important;
    }

.spn_add_more_menu .spn_add_more_menu_icon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -496px 0px !important;
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 3px;
    background-repeat: no-repeat;
}

.spn_add_more_menu .spn_add_more_menu_text, .spn_exchange_more_menu_text {
    padding: 0 3px 2px 3px;
    vertical-align: middle;
    display: inline-block;
    color: #00156e;
    font-size: 11px;
    cursor: pointer;
}

.div_more_menu {
    position: absolute;
    background-color: white;
    border: 1px solid gray;
    z-index: 11000;
}

    .div_more_menu .div_exchange_more_menu {
        border-radius: 4px;
        box-shadow: 0.5px 0.5px 1px 1px #ededed;
    }

    .div_more_menu > table > tbody > tr > td > * {
        padding-left: 6px !important;
    }

.spn_add_more_menu, .spn_add_more_menu_icon, .spn_add_more_menu_text, .spn_add_more_menu_arrow, .spn_exchange_more_menu, .spn_exchange_more_menu_text, .spn_exchange_more_menu_icon {
    cursor: pointer;
}

.spn_add_more_menu_arrow {
    background-image: url('Images/rtbDropArrows.png');
    margin: 0 0 3px 4px;
    padding: 0 0 0 2px;
    width: 18px;
    height: 20px;
    background-color: transparent;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.div_more_menu .spn_add_more_menu_arrow {
    background-image: url(Images/rmSprite.png);
    margin: 0;
    padding: 0 !important;
    float: right;
    background-position: 98% 50%;
}

.div_more_menu a.spn_exchange_more_menu {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.spn_exchange_more_menu .spn_exchange_more_menu_icon {
    background-image: url('Images/ResponsiveIcons/exchange.png') !important;
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 3px;
    background-repeat: no-repeat;
}

.div_more_menu .spn_exchange_more_menu_text {
    padding: 0 0 1px 0 !important;
    line-height: 20px;
}

.div_more_menu .spn_exchange_more_menu_icon {
    display: none;
}

.div_more_menu .spn_exchange_more_menu > span {
    height: 21px;
}

.div_more_menu .div_ExchangeContainer_more_menu {
    width: 100%;
    margin-left: 0 !important;
    padding-left: 5.5px !important;
    box-sizing: border-box;
    z-index: 999 !important;
}

.div_exchange_more_menu span.Icon {
    display: none;
}



.div_more_menu > table > tbody > tr > td {
    padding-left: 5px !important;
    height: 21px;
    vertical-align: middle;
}

    .div_more_menu > table > tbody > tr > td > * {
        padding-left: 0 !important;
        padding-right: 2px !important;
        margin-left: 5.5px !important;
        margin-right: 0 !important;
    }

    .div_more_menu > table > tbody > tr > td > .trvContextMenu, .div_more_menu > table > tbody > tr > td > .MenuAlignDetail {
        margin-left: 2px !important;
    }

    .div_more_menu > table > tbody > tr > td .chkAlignMiddle {
        margin-left: -3px !important;
    }


        .div_more_menu > table > tbody > tr > td .chkAlignMiddle > input, .rgCommandCell .chkAlignMiddle > input {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            vertical-align: text-top;
        }

.SD_div_more_menu b span, .div_more_menu .Menufixedwidth {
    display: inline-block !important;
    width: 50px !important;
}

.div_more_menu b span {
    display: inline-block !important;
    width: 75px !important;
}

.chkAlignMiddle {
    margin-right: 5px !important;
}

.MenuLayout > .rmText {
    display: inline-block !important;
    float: none !important;
}

.trvContextMenu .rmSeparator span.rmText {
    font-size: 0 !important;
}

.RadMenu.rdmLayouts, .RadMenu.rdmLayouts .rmRootGroup ,.RadMenu.rdmLayouts .rmRootGroup > .rmItem {
    z-index: unset !important;
}

.RadMenu.rdmLayouts .rmRootGroup > .rmItem > .rmSlide{
    z-index:7001 !important;
}

.trvContextMenu .rmRoundedCorners .rmGroup .rmItem {
    background-image: none !important;
}

.trvContextMenu .rmGroup .rmText {
    padding-left: 22px !important;
}

.trvContextMenu .rmBottomFix {
    background-image: none !important;
}

.trvContextMenu.RadMenu_Default .rmRootGroup a.rmLink {
    background-image: url(Images/rmSprite.png) !important;
}

    .trvContextMenu.RadMenu_Default .rmRootGroup a.rmLink.rmRootLink {
        background-image: none !important;
    }


/*.SD_div_more_menu .SearchDoctdComboFilters > div ,.SD_div_more_menu .MenuAlignWithCombo,.div_more_menu .MenuAlignWithCombo{
    margin-left: 69px  !important;
}

.div_more_menu > table > tbody > tr > td > .trvContextMenu.MenuAlignWithCombo{
    margin-left: 68px  !important;
}

.SD_div_more_menu .SearchDoctdLayout > div.trvContextMenu{
        margin-left: 69px  !important;
}*/
.trvSubscribe .rtSp {
    background-image: url(Images/ResponsiveIcons/16White.png);
    width: 16px !important;
    height: 22px !important;
    margin-left: -3px !important;
    margin-right: -14px !important;
    background-position: -1600px 0px;
    background-repeat: no-repeat;
    margin-top: 2px;
}

.trvSharedFolder .rtSp {
    background-image: url(Images/ResponsiveIcons/16White.png);
    width: 16px !important;
    height: 22px !important;
    margin-left: -3px !important;
    margin-right: -14px !important;
    background-position: -1568px 0px;
    background-repeat: no-repeat;
    margin-top: 2px;
}




/******************rad tab strip******************************/
.RadTabStrip .rtsLevel1 {
    background: none;
}

.RadTabStrip .rtsLevel {
    background: none;
}

.RadTabStrip .rtsLevel1 .rtsLink .rtsSelected {
    background: none;
}

.RadTabStrip .rtsLevel1 .rtsLink {
    background-image: none;
    color: /*1*/#316888/*1*/;
}

.RadTabStrip {
    border-bottom: 1px solid #999999;
}

/*****************************************************************/

input[type=text], input[type=password] {
    width: 100%;
    font-family: inherit;
    height: 24px;
    line-height: 24px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #666;
    border-radius: 0px;
    box-sizing: border-box;
}

    input[type=text]:disabled, input[type=password]:disabled {
        width: 100%;
        height: 24px;
        line-height: 24px;
        color: #666666;
        background: #EDEDED;
        border-color: #666;
        background-color: #ededed !important;
        border-radius: 0px;
        box-sizing: border-box;
    }

textarea:disabled {
    color: #666666;
    background: #EDEDED;
    border-color: #666;
    background-color: #ededed;
}

.riDisabled {
    color: #666666 !important;
    background: #EDEDED !important;
    border-color: #666 !important;
}

.labelWidthChkBox {
    width: 160px;
    height: 24px;
    line-height: 24px;
    background: #FFFFFF;
    color: #666666 !important;
    min-width: 160px;
    vertical-align: top;
}

.labelWidth {
    width: 160px;
    height: 24px;
    line-height: 24px;
    background: #FFFFFF;
    color: #666666 !important;
    min-width: 160px;
    vertical-align: top;
}

.headerSpecification .labelWidth span {
    white-space: normal !important;
}
.headerSpecification .labelWidth div span {
    white-space: normal !important;
}

    .labelWidth span {
        width: 155px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
    }

    .labelWidth a {
        max-width: 155px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
    }

    .labelWidth div span {
        width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
    }

    .labelWidth .SearchButton {
        display: inline-block;
    }

.AssetExplorerVisible .labelWidth {
    width: 150px !important;
    min-width: 150px !important;
}

.PMMainPage > .row > .col-4 > table {
    width: 100%;
}

.colTable {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
}

    .colTable > tbody > tr > td {
        padding: 0 0 5px 0;
    }

.TableNoSpacingNoBorder {
    border-spacing: 0;
}

    .TableNoSpacingNoBorder > tbody > tr > td {
        padding: 0;
    }


/**************************toolbar*************************************/

.ToolBar {
    background-color: RGB(237,237,237);
    background-image: none;
    position: fixed;
    z-index: 999;
    table-layout: fixed;
    top: 30px;
    width: 100%;
}

.AssetExplorerVerticalSplitter .ToolBar {
    position: relative !important;
    top: 0 !important;
    table-layout: unset !important;
}

.ProjectCenterToolbar {
    background-color: RGB(237,237,237);
    background-image: none;
}

.ToolbarDeleteAssign .rtbIcon {
    width: 24px !important;
    height: 24px !important;
    background-position: -1728px, 0px !important;
}

.menuMore {
    border: 0px !important;
    background-position: 0 1050px !important;
    padding: 0 !important;
}

    .menuMore > span {
        background-image: url('Images/ResponsiveIcons/24Enabled.png') !important;
        background-position: -1920px 0px !important;
        display: inline-block !important;
        width: 24px !important;
        height: 24px !important;
        padding: 0 !important;
        border: 0px solid transparent !important;
    }

    .menuMore:hover {
        background-image: url('Images/rtbClickedBg.png') !important;
        width: 24px;
        height: 24px;
    }

/**************************fieldset*************************************/
fieldset {
    width: 100% !important;
    border: 0;
    border-top: 1px solid #999999;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-width: 1px;
}
/***************************************************************/

.SearchButton .Icon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png') !important;
    background-position: -72px 0px !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
}

.filterButton .Icon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png') !important;
    background-position: -2064px 0px !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
}

.filterButtonLease .Icon {
    background-image: url(Images/ResponsiveIcons/24Enabled.png) !important;
    background-position: -2448px 0px !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
}


/*.SearchButton[Disabled] .Icon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png') !important;
    background-position: -96px 0px !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
}*/

.RemoveButton .Icon {
    background-image: url(Images/ResponsiveIcons/16Enabled.png) !important;
    background-position: -208px 0px !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
}


.HeaderMenuLogout {
    background-image: url('Images/ResponsiveIcons/24White.png');
    background-repeat: no-repeat;
    background-position: -192px 0px;
    width: 24px;
    height: 24px;
    display: none;
    outline: 0;
}

input, textarea, select, button {
    font-size: inherit;
}

/********************Header Master Page*****************************/
.ShowAssetMenu {
    background-image: url('Skins/Office2007/Images/2007Large.png');
    background-position: -312px 0px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    margin: 0px 4px 2px 6px;
}

.HideAssetMenu {
    background-image: url('Skins/Office2007/Images/2007Large.png');
    background-position: -288px 0px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    margin: 0px 4px 2px 6px;
}

.HeaderMenuHelp {
    background-image: url('Images/ResponsiveIcons/24White.png');
    background-repeat: no-repeat;
    background-position: -336px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
    outline: 0;
}

.HeaderMenuLogout {
    background-image: url('Images/ResponsiveIcons/24White.png');
    background-repeat: no-repeat;
    background-position: -192px 0px;
    width: 24px;
    height: 24px;
    display: none;
    outline: 0;
}

.WhiteDarkBlueBack {
    height: 24px;
    color: #fff;
}

/*******************************************************/

.breadcumb > div {
    display: inline-block;
}

breadcumb > div a {
    font-size: 16px;
}

.BreadCrumbLabel {
    font-size: 16px;
}

textarea {
    height: 82px;
    background: #FFFFFF;
    overflow-y: auto;
    border-radius: 0;
    resize: none;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #666666;
    font-family: 'Work Sans';
}

select {
    height: 24px;
    color: inherit;
    font-family: inherit;
    border: 1px solid #666666;
}

    select > option[selected=selected] {
        background: /*2*/#7396AA/*2*/;
        color: white;
    }

    select > option:hover {
        background: white;
    }

.CheckedDefault {
    background-position: -336px 0px !important;
    background-image: url(Images/ResponsiveIcons/16Enabled.png);
    width: 16px;
    height: 16px;
}

.ToolbarPDFButton .rtbIcon, .ToolbarExportPDF .rtbIcon {
    background-image: url('Images/ResponsiveIcons/24newEnabled.png') !important;
    background-position: -2760px 0px !important;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}


.RadToolBar .rtbItemHovered .ToolbarPDFButton .rtbIcon, .RadToolBar .rtbItemHovered .ToolbarExportPDF:hover .rtbIcon {
    background-image: url('Images/ResponsiveIcons/24newHovered.png') !important;
    background-position: -2760px 0px !important;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.ToolbarReportViewerButton .rtbIcon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png');
    background-position: -432px 0px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.SendEmailButton .rtbIcon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png');
    background-position: -4332px 0px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.ToolbarCancelButton .rtbIcon {
    background-position: -1248px;
}

.ToolbarPDFButton .rtbIcon, .ToolbarExportPDF .rtbIcon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png');
    background-position: -288px 0px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.small-toolbar .ToolbarExcel .rtbIcon {
    background-position: -1600px 0px !important;
    background-image: url('Images/2007Small.png') !important;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.linearAssetButton .Icon, .CmdGMapsButton .Icon {
    background-image: url('Skins/Office2007/Images/2007Large.png');
    background-repeat: no-repeat;
    background-position: -960px 0px !important;
    display: inline-block;
    width: 24px !important;
    height: 24px !important;
}


.popup-toolbar .ToolbarRefresh .rtbIcon {
    background-position: -1824px 0px !important;
}

.ToolbarToggle .rtbIcon {
    background-position: -432px 0px !important;
    background-image: url('Images/ResponsiveIcons/24Enabled.png') !important;
    display: inline-block;
    vertical-align: middle;
    width: 24px !important;
    height: 24px !important;
    background-repeat: no-repeat;
}



.ToolbarToggleReport .rtbIcon {
    background-position: -432px 0px !important;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.ToolbarRefresh .rtbIcon {
    background-position: -960px;
}

.documentMultiPages {
    margin-top: 88px;
    margin-bottom: 36px;
}



.colWorkflowInbox {
    flex: 0 0 33%;
    max-width: 33%;
    float: left;
    width: 33%;
}

.divIcon {
    height: 24px;
    width: 24px;
    background-image: url('CSS/Images/ResponsiveIcons/24White.png');
    display: inline-block;
    margin-top: 0px;
    position: absolute;
    margin-left: 4px;
}

@media screen and (min-width:1201px) {
    .MenuWidth {
        width: 400px !important;
    }
}

@media screen and (min-width:844px) and (max-width:1200px) {
    .TreeUsersOnMobile {
        width: 270px !important;
        padding-left: 10px;
    }

    .TreeUsersHeaderOnMobile {
        width: 290px !important;
        padding: 0px !important;
    }

    .MenuWidth {
        width: 290px !important;
    }
}

@media screen and (min-width:844px) {
    .TopToolbarWorkflowCss {
        height: 30px;
        position: fixed;
        z-index: 999;
        top: 0px;
        margin-top: 30px !important;
    }

    .ToolbarPositionOnMobile {
        left: unset;
    }

    td#treeGroupsAndItemsPane {
        display: block !important;
        visibility: visible !important;
        position: relative;
    }

    td#treeGroupAssetsPane {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnLaborsTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnAPPaymentsTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnARPaymentsTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnClausesTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnLeaseChargesTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnScoringTree {
        display: block !important;
        visibility: visible !important;
    }

    /*td#rpnResourceTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnResourceTree {
        display: block !important;
        visibility: visible !important;
    }*/

    td#treeGroupComponentsPane {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnCostCodesTree {
        display: block !important;
        visibility: visible !important;
    }

    td#rpLinkedRecords {
        display: block !important;
        visibility: visible !important;
    }

    td#treeFoldersAndFilesPane {
        display: block !important;
        visibility: visible !important;
    }

    td#rpnTasksTree {
        display: block !important;
        visibility: visible !important;
    }

    table#tblAssemlySelectDetails {
        display: block !important;
        visibility: visible !important;
    }

    .popupDiv {
        display: block !important;
    }

    .toolbarPopup {
        background-color: RGB(237,237,237);
        background-image: none;
        width: 100%;
        display: block !important;
    }

    .UploadSearchIcon {
        height: 24px;
        width: 24px;
        background-image: url('Images/ResponsiveIcons/24Enabled.png');
        display: inline-block;
        margin-top: 0px;
        position: absolute;
        margin-left: 4px;
    }

    .RowWithNoPaddingTop {
        padding-top: 0px !important;
    }
}


.FilledDetails .Icon {
    background-image: url('Images/2007Small.png');
    background-position: -736px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.EmptyDetails .Icon {
    background-image: url('Images/2007Small.png');
    background-position: -704px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.PopupTab {
    padding-top: 8px;
    position: fixed;
    background-color: white;
    z-index: 999;
}

.PopupToolbarUnderTabs {
    background-color: RGB(237,237,237);
    background-image: none;
    position: fixed;
    z-index: 999;
}

.PopupMutiPageUnderTabsToolbar {
    margin-top: 41px;
}
/********************Asset Explorer************************/
.AssetExplorerBar {
    background-image: url(../css/Images/Splitter/ResizeBarVerticalSprites.gif);
    background-color: #000;
    border-color: #8a8a8a;
    background-repeat: repeat-y;
    background-position: 0px 0;
    padding: 0px;
    font-size: 1px;
    line-height: 1px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    height: calc(100vh - 60px);
}

.AsserExplorerbutton {
    width: 4px !important;
    background-image: url(../CSS/Images/Splitter/ExpandCollapseBarsCommands.gif);
    background-position: 0 0;
    line-height: 27px;
    height: 27px !important;
    background-color: #FAFAFA;
    margin: 0 auto;
    display: block;
    cursor: POINTER;
    border: 0 none;
    font-size: 1px;
}

.ReportManagerBar {
    background-image: url(../css/Images/Splitter/ResizeBarVerticalSprites.gif);
    background-color: #000;
    border-color: #8a8a8a;
    background-repeat: repeat-y;
    background-position: 0px 0;
    padding: 0px;
    font-size: 1px;
    line-height: 1px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    height: calc(100vh - 90px);
}

.CheckedInButton .Icon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -1248px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.CheckedIn .Icon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -336px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.ToolbarCreateCompany .rtbIcon {
    background-image: url('Images/ResponsiveIcons/24Enabled.png') !important;
    background-position: -504px 0px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.AwardButton .Icon {
    background-image: url(Images/ResponsiveIcons/16Enabled.png) !important;
    background-position: -336px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.BranchButton .Icon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -1264px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
/***************** Green Uploader****************************/
.RadUpload.ProjectCenterUpload {
    max-width: none;
    border-radius: 0px;
    background-color: rgb(105,185,50);
    border: 1px solid rgb(105,185,50) !important;
    padding: 6px;
    height: 48px;
}

    .RadUpload.ProjectCenterUpload .ruFileWrap {
        height: 48px !important;
    }

.ProjectCenterUpload .ruDropZone {
    height: 48px !important;
    background-color: rgb(105,185,50) !important;
    border-radius: 0px !important;
    color: #fff !important;
    border: 1px solid rgb(105,185,50) !important;
    padding: 0px !important;
    margin-left: 4px !important;
    padding-right: 12px !important;
    margin-top: -6px !important;
}

.ProjectCenterUpload .ruButton {
    color: #fff !important;
    width: 100% !important;
    height: 32px !important;
}

.RadUpload.ProjectCenterUpload .ruInputs li {
    text-align: center !important;
}
/*****************************************************(*/
.trvContextMenu {
    margin-bottom: 1px;
    margin-left: 15px;
    margin-right: 5px;
}

.trvSearchDocContextMenu {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.AdjAutoCalculate > * {
    vertical-align: middle !important;
}

.AdjCalculateNow {
    margin-left: 15px !important;
}

/*********************** online change request --- Recap ******************************************/
.RecapLabelWidth {
    width: 40% !important;
    height: 24px;
    line-height: 24px;
    background: #FFFFFF;
    color: #666666 !important;
    /*text-overflow:ellipsis !important;*/
}

.popuplabelwidth {
    width: 40% !important;
    height: 24px;
    line-height: 24px;
    background: #FFFFFF;
    color: #666666 !important;
    /*text-overflow:ellipsis !important;*/
}

.RecapControlWidth {
    width: 40% !important;
}

.RecapDaysWidth {
    width: 20% !important;
    padding-left: 12px;
}

    .RecapControlWidth input[type=text], .RecapDaysWidth input[type=text] {
        width: 100%;
        font-family: 'Work Sans' !important;
    }
/************************ Radio Buttons Css ****************************/

.RadioCss span {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}

.RadioCss input {
    position: absolute;
    margin-top: -3px;
    height: 18px;
    width: 18px;
    background-color: #ffffff !important;
    border-radius: 50%;
    border-color: #666666 !important;
}

.RadioCss label {
    padding-left: 25px;
    color: #666666 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-left: 3px !important;
}

.RadioCss span:checked, .RadioCss input:after {
    display: block;
}

.RadioCss input:after {
    top: 5px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #666666;
}

/*.RadioCss td {
        padding-bottom: 10px !important;
    }*/
.RadioAttachmentCss label {
    padding-left: 7px !important;
    vertical-align: super;
}

.RadioAttachmentCss input {
    position: relative !important;
    margin-top: unset !important;
}

.RadioAttachmentCss {
    display: block !important;
    white-space: nowrap;
}

.SmallWarning .Icon {
    background-position: -1360px 0;
}

.TemplateLinkEnabledIcon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    display: inline-block !important;
    background-position: -736px 0px !important;
    height: 16px !important;
    width: 16px !important;
}

.TemplateLinkDisabledIcon {
    background-image: url('Images/ResponsiveIcons/16Disabled.png') !important;
    display: inline-block !important;
    background-position: -736px 0px !important;
    height: 16px !important;
    width: 16px !important;
}

.LockButton .Icon, .smalllock {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -880px 0px !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
}

.UnlockButton .Icon, .smallUnlock {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -896px 0px !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
}

.ScheduleBar {
    background-image: none;
    background-repeat: repeat-x;
    /*background-color: #000;*/
    border-color: #8a8a8a;
    background-position: 0px 0px;
    padding: 0px;
    font-size: 1px;
    line-height: 1px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    height: 5px;
}


/*-----------------------------------------------------   Section  Header Page Responsive Code  ---------------------------------------*/

.PMMainPage {
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

    .PMMainPage > .row {
        table-layout: fixed;
        box-sizing: border-box;
        display: flex !important;
        align-items: flex-start;
        overflow: hidden;
        flex-wrap: wrap;
        padding-top: 24px;
        min-width: 404px;
    }

    .PMMainPage > .PMHeader {
        min-width: 404px;
    }

    .PMMainPage .PMHeader .row {
        padding-top: 24px;
    }

.row.JustifyContent {
    justify-content: space-between;
}

.PMMainPage > .row-6-5 {
    min-width: 624px;
}

.PMMainPage > .row-4-5-4 {
    min-width: 504px;
}

.PMMainPage > .row .col-4 {
    position: relative;
    min-height: 1px;
    width: 400px;
}

.PMMainPage > .row.row-4-5-4 .col-4.col-4-middle {
    width: 500px;
}

.PMMainPage > .row > .col-5 {
    position: relative;
    min-height: 1px;
    width: 500px;
}

.PMMainPage > .row > .col-6 {
    position: relative;
    min-height: 1px;
    width: 600px;
}

.PMMainPage > .row > .col-8 {
    position: relative;
    min-height: 1px;
    width: 824px;
}

.PMMainPage > .row > .col-560 {
    position: relative;
    min-height: 1px;
    width: 560px;
    padding-left: 24px;
}

.PMMainPage > .row > .col-12 {
    width: 100%;
}

.RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit .ResponsiveMargin {
    padding-top: 24px;
}

.PMMainPage > .row .col-4-left {
    order: 1;
}

.PMMainPage > .row .col-4-middle {
    padding-left: 24px;
    order: 2;
}

.PMMainPage > .row .col-4-right {
    padding-left: 24px;
    order: 3;
}

.row.JustifyContent .col-4-middle, .row.JustifyContent .col-4-right {
    padding-left: 8px;
}

.PMMainPage > .PMHeader > .row div.col-6:last-child, .PMMainPage > .row-6-5 > div:last-child, .PMMainPage > .row-8-4 > div:last-child {
    padding-left: 24px;
}

.PMMainPage div.row.row-6-5, .PMMainPage div.row.row-8-4 {
    justify-content: flex-start !important;
}

.PMMainPage > .row > .col-8-fit {
    width: calc(100% - 424px) !important;
    min-width: 400px !important;
}

.PMMainPage > .row > .col-4-fit {
    width: calc(100% - 848px) !important;
    min-width: 400px !important;
}

@media screen and (min-width:1485px) {
    .PMMainPage {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media screen and (min-width:1468px) and (max-width:1484px) {
    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 16px;
        padding-right: 16px;
    }

    .PMMainPage.R3Cols{
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media screen and (min-width:1452px) and (max-width:1467px) { /*********************1* Decrease gutters 8px ***********************/
    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 8px;
        padding-right: 8px;
    }

    .PMMainPage.R3Cols{
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media screen and (min-width:1356px) and (max-width:1451px) {
    .rail .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 24px;
        padding-right: 24px;
    }

    .rail .PMMainPage.R3Cols {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media screen and (min-width:1340px) and (max-width:1355px) {
    .rail .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 16px;
        padding-right: 16px;
    }

    .rail .PMMainPage.R3Cols {
        padding-right: 16px;
        padding-left: 16px;
    }
}


@media screen and (min-width:1324px) and (max-width:1339px) {
    .rail .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 8px;
        padding-right: 8px;
    }

    .rail .PMMainPage.R3Cols {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media screen and (min-width:1284px) and (max-width:1323px) {
    .PMMainPage {
        padding-right: 24px;
        padding-left: 24px;
    }

    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media screen and (min-width:1268px) and (max-width:1283px) {
    .PMMainPage.R3Cols {
        padding-right: 16px;
        padding-left: 16px;
    }

    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width:1252px) and (max-width:1267px) {
    .PMMainPage.R3Cols {
        padding-right: 8px;
        padding-left: 8px;
    }

    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit.Responsive .ResponsiveMargin {
        padding-left: 8px;
        padding-right: 8px;
    }
}


@media screen and (min-width:1251px) and (max-width:1295px) {

    div.PMMainPage.PMPopupMainPage {
        padding-Left: 24px;
        padding-right: 24px;
    }
}

@media screen and (min-width: 853px) and (max-width: 1209px) {
    .CalculationFields {
        width: calc(80%);
    }

    .OperationFields {
        width: 20%;
    }
}

@media screen and (min-width:844px) and (max-width:879px) {

    .PMMainPage > div.row {
        justify-content: space-between !important;
    }

    div.PMMainPage {
        padding-right: 8px;
        padding-left: 8px;
    }

    .RadMultiPage .rmpView.rmpHidden.ShowInHeaderWhenFit .ResponsiveMargin {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media screen and (min-width:468px) and (max-width:843px) {

    .PMMainPage > div.row {
        justify-content: space-between !important;
    }

    .PMMainPage > .PMHeader > .row div.col-6,
    .PMMainPage > .PMHeader > .row div.col-12 {
        padding-left: 0 !important;
    }
}

@media screen and (min-width:418px) and (max-width:467px) {

    .PMMainPage > div.row {
        justify-content: space-between !important;
    }

    div.PMMainPage {
        padding-right: 8px;
        padding-left: 8px;
    }

    .PMMainPage > .PMHeader > .row div.col-6,
    .PMMainPage > .PMHeader > .row div.col-12 {
        padding-left: 0 !important;
    }
}

@media screen and (max-width:417px) {
    .PMMainPage > div.row {
        justify-content: space-between !important;
    }

    div.PMMainPage {
        padding-right: 2px;
        padding-left: 2px;
    }

        div.PMMainPage.PopupGridMargin {
            padding-right: 0;
            padding-left: 0;
        }

    .PMMainPage > .PMHeader > .row div.col-6,
    .PMMainPage > .PMHeader > .row div.col-12 {
        padding-left: 0 !important;
    }
}

@media screen and (max-width:420px) {
    .PMMainPage > .row-8-4 {
        display: block !important;
    }
}

@media screen and (min-width:844px) {
    .PopupGridMargin {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 843px) and (min-width: 320px) {
    .col-560 {
        width: 400px !important;
    }
}

.PopupGridMargin .row {
    min-width: 100% !important;
}

.PMMainPage .RadioCss {
    table-layout: fixed;
    border-spacing: 0;
}

    .PMMainPage .RadioCss td {
        height: 24px;
        padding: 0 !important;
    }

    .PMMainPage .RadioCss input[type="radio" i] {
        margin-left: 0;
    }

.RrightGutterCalc {
    padding-right: calc(100% - 824px) !important;
}

.row-4-5-4 .RrightGutterCalc {
    padding-right: calc(100% - 924px) !important;
}

.RrightGutterCalc560 {
    padding-right: calc(100% - 560px) !important;
}



.R24Gutter {
    padding-left: 24px !important;
}

.R16Gutter {
    padding-left: 16px !important;
}

.R8Gutter {
    padding-left: 8px !important;
}

.R0Gutter {
    padding-left: 0px !important;
}

/*.Order2{
    order:2 !important;
}

.Order3{
    order:3 !important; 
}*/

.row.Cols2 {
    justify-content: space-between !important;
}

.row.R0MinWidth {
    min-width: 100%;
}

.R24rightGutter {
    padding-right: 24px;
}

.RColFitPageSize {
    width: 100% !important;
    box-sizing: border-box;
}

.R24Top {
    padding-top: 24px !important;
}

.R808width {
    width: 808px !important;
}

.R24SidePadding {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.rleftCalc {
    left: calc(100% - 808px + 400px) !important;
}

.row-4-5-4 .rleftCalc {
    left: calc(100% - 908px + 400px) !important;
}

@media screen and (min-width:500px) {
    div.PMMainPage.R1Col {
        padding-Left: 24px !important;
        padding-right: 24px !important;
    }
}

/*-------------------------------------------- End of Section: Header Page Responsive Code -------------------------------------------*/





.PMwebViewerButton .Icon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -80px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.PMwebViewerButton_disabled .Icon {
    background-image: url('Images/ResponsiveIcons/16Disabled.png') !important;
    background-position: -80px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.BluebeamIcon .Icon {
    background-image: url('Images/ResponsiveIcons/16Enabled.png') !important;
    background-position: -16px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.btnAssetTree {
    background-image: url(Images/ResponsiveIcons/24Enabled.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -2424px 0px;
}

    .btnAssetTree:hover {
        background-image: url(Images/ResponsiveIcons/24Hovered.png);
        width: 24px;
        height: 24px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -2424px 0px;
    }

.MobileMenuItems .mobilMenuIcon {
    z-index: 0;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 40px;
    display: inline-block;
}

.MobileMenuItems .active .mobilMenuIcon {
    background: /*3*/#F9AA33/*3*/;
}

.MobileFixedMenu a.active table td:first-child > div > div {
    background-image: url(Images/ResponsiveIcons/24White.png) !important;
}

.MobileFixedMenu .University {
    background-image: url(Images/ResponsiveIcons/24newEnabled.png) !important;
    background-position: -168px 0 !important;
}

.btnAddNote {
    background-image: url('Images/ResponsiveIcons/AddNewNote.png') !important;
    background-position: 0px 0px;
    display: inline-block;
    width: 204px;
    height: 204px;
}

.StepActionsColor .rtlHeader {
    background: none !important;
    background-color: #999999 !important;
    color: #ffffff !important;
    text-align: center !important;
    text-transform: uppercase !important;
}
/**************************************** Workflow Roles Css********************************************/
div#ctl00_CPH1_ucRoles_rdgRoles_GridData {
    height: 329px !important;
}

div#ctl00_CPH1_ucRoles_rdgRoles {
    height: 498px !important;
    border-left: none !important;
}

table#ctl00_CPH1_ucRoles_rdgRoles_ctl00_Pager {
    height: 47px !important;
}

div#ctl00_CPH1_ucRoles_rtvUsers {
    max-height: 445px;
}

.HelpButton .Icon {
    background-image: url('../CSS/Images/ResponsiveIcons/16Enabled.png');
    background-position: -224px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.SmallLink {
    background-image: url('../CSS/Images/ResponsiveIcons/16Enabled.png');
    background-position: -736px 0px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
    cursor: pointer;
}

.HistoryButton {
    background-image: url('../CSS/Images/ResponsiveIcons/16Enabled.png');
    background-position: -848px 0px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
    cursor: pointer;
}

.btnTreeDropItems {
    background-image: url('../CSS/Images/ResponsiveIcons/TreeDropItems.png');
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 30px;
    bottom: 24px;
}

.btnTreeDropItemswithBackground {
    background-image: url('../CSS/Images/ResponsiveIcons/TreeDropItemsWithBackground.png');
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 30px;
    bottom: 24px;
    border-radius: 25px;
}

.RadioPadding span {
    padding: 6px 0 6px 0;
}

.rcbInputCell input[type="text"]:read-only {
    background-color: transparent !important;
}

.ShowMargins {
    background-image: url('../CSS/Images/ResponsiveIcons/ddlArrowDown.png');
    background-position: -0px 0px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
    cursor: pointer;
}

.ShowMargins.HideMargins {
    background-image: url('../CSS/Images/ResponsiveIcons/ddlArrowUp.png');
    background-position: -0px 0px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
    cursor: pointer;
}

.SwitchButton input[type="checkbox"] {display: none;}
.SwitchButton input[type="checkbox"] + label i.icon {
    width: 24px !important;
    height: 24px !important;
    background-image: url(../CSS/Images/ResponsiveIcons/24Enabled.png) !important;
    background-position: -1224px 0px !important;
    display: inline-block;
}

.SwitchButton input[type="checkbox"]:checked + label i.icon {
    width: 24px !important;
    height: 24px !important;
    background-image: url(../CSS/Images/ResponsiveIcons/24Enabled.png) !important;
    background-position: -1200px 0px !important;
    display: inline-block;
}

.SwitchButton input[type="checkbox"]:disabled + label i.icon {
    width: 24px !important;
    height: 24px !important;
    background-image: url(../CSS/Images/ResponsiveIcons/24Disabled.png) !important;
    background-position: -1224px 0px !important;
    display: inline-block;
}

.SwitchButton input[type="checkbox"]:checked:disabled + label i.icon, .chkBoxDisabled label i.icon {
    width: 24px !important;
    height: 24px !important;
    background-image: url(../CSS/Images/ResponsiveIcons/24Disabled.png) !important;
    background-position: -1200px 0px !important;
    display: inline-block;
}

/***********************************Vendor Account Page ***************************************************/
.Sidebar{height: 100%;background-color:/*2*/#7396AA/*2*/;}
#licenseAgreement
{ 
    margin-left:5px;
    text-align:left;
	text-decoration: none;
	color: white;
	font-size: 8pt;
    display:block;
}
#out_links{
 margin-left:10px;
   text-align:Left;
    margin-top:30px;
    line-height:20px;
}

#copyright
{ bottom:5px;
    text-align:left;
    margin-left:5px;
	text-decoration: none;
	color: white;
	font-size: 8pt;
        display:block;
        margin-top:5px;
} 
.TopPageButton{text-transform:uppercase;color:#666}