body {
     
    max-width: 100% !important;
    font-family: Barlow, sans-serif;
    overflow-x: hidden !important;
}
h1, h2, h3, h4, h5 {
    font-family: Barlow, sans-serif;
}

i
h1 {
    font-weight: bold !important;
}

.alignCenter {
    text-align: center !important;
}

.hideC2Internal {
    opacity: 0.9 !important;
}

/*.fa-info-circle::after {
background-color:white;
}*/


.gridBackBlue{
    background-color:#ddebf7;
    text-align:center;
}
.gridBackGray {
    background-color: #ededed;
    text-align: center;
}
.gridBackYellow {
    background-color: #fff2cc;
    text-align: center;
}

i {
    cursor: pointer;
}
.rcbDropdown{max-width:100%!important; left:0px;}

.rcbDropDownInput {
    font-size:36px;
    font-weight:bold;
}

.tblMain {
    width:100%;
}
.tblMain > tbody > tr > td, .tblSecondary > tbody > tr > td{
    padding:5px!important
}

.tblSecondary > tbody > tr > td > input, .tblSecondary > tbody > tr > td > textarea
{
    width:100%!important;
   
}
.tblSecondary {
width:100%!important;
}

#divMaintenance {
    font-size: 22px!important;
    font-weight: bold;
    color: #333;
    /*font-size: 1.0vw;*/
}

/*Spinner*/
/* Center the loader */
#loader, #menuLoader {
    /*top: 25%;
    left: 50%;*/
    z-index: 1;
    width: 75px;
    height: 75px;
    margin: auto !important;
    border: 8px solid #dae1e8;
    border-top: 8px solid #265C79;
    border-bottom: 8px solid #265C79;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}



@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*media screen*/
.dropdown-menu > li > table {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu {
    /*left: auto !important;*/
    right: 0px !important;
}

.dropdown-menuProspect {
    left: auto !important;
    right: 0px !important;
}


/*.tblSecondary > tbody > tr > td > .RadComboBox_Bootstrap,    
.tblSecondary > tbody > tr > td > .RadPicker_Bootstrap,*/
.tblSecondary > tbody > tr > td > .RadComboBox_Bootstrap tbody > tr > td > input {
    width:100%!important;
    }
    /*.tblSecondary > tbody > tr > td > .RadComboBox_Bootstrap {
        width:100%!important;
    }*/

.RadListBox .rlbItem .RadListBox .rlbItem > span input{
    padding: 2px 0px !important;
    text-align: left !important;
}
html:first-child .RadWindow ul {
    float: left !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    width: 100%;
}


.RadListBoxFrom, .TextBoxFrom {
    width: 170px;
}
.RadListBoxTo {
    width: 125px;
}
.RadListBoxFrom, .RadListBoxTo {
    height: 125px !important;
    text-align: left !important;
}

.radStripTerritory{
    width:515px;
}

    .RadComboBox_Bootstrap, .RadPicker_Bootstrap {
        /*border:1px solid;
border-radius: 5px;*/
    }

    .RadCalendar_Bootstrap .rcTitlebar table,
    .RadCalendar_Bootstrap .rcMainTable, .RadListBox_Default {
        font-family: 'Barlow', sans-serif !important;
    }

    #ribbon {
        height: 1px !important;
        min-height: 1px !important;
    }

    .page-footer {
        height: 30px !important;
    }

    .menu-on-top .page-footer {
        padding: 5px 5px 0 !important;
    }

    .rtWrapperContent > div {
        /*max-width: 250px;*/
    }

    .subHeader {
        font-size: 10px !important;
    }

.widgetHeader > header {
    border-radius: 6px 6px 0px 0px;
    font-size: 25px;
    padding-left: 0.95rem !important;
    padding-right: 0.75rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    min-height: 45px;
    height: auto;
    border: 1px solid #e7e8ea!important;
}
.headerLabel {
    color: #343a40 !important;
    font-size: 25px!important;
}

.calloutLabel {
    font-size: 35px !important;
    font-weight:bold;
}


    .jarviswidget > div {
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }



    .rightText {
        font-size: 18px;
        vertical-align: middle;
        margin-top: -15px;
    }

    .btnMain, .btnDelete {
        cursor: pointer;
        white-space:nowrap!important;
    }

    .btnDDLAll, .btnDDLAll > a {
        width: 100% !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .btn-group > .btn {
        float: none;
        width: 25%;
    }

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        margin-left: 0 !important;
    }

    .page-footer {
        z-index: 1001 !important;
    }

    .divApplet {
        border-radius: 5px;
    }

.divFooter {
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: center;
    white-space: nowrap!important;
}

    table {
        width: auto;
    }

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

.cbLabels label {
    padding: 2px 5px;
    font-weight: 400 !important;
    line-height: 15px !important;
    vertical-align: middle !important;
}

.cbLabelsBold label {
    padding: 2px 5px;
    font-weight: bold !important;
    line-height: 15px !important;
    vertical-align: middle !important;
    display:inline-block;
}

.cbLabelsForm label {
    padding: 2px 5px;
    font-weight: 400 !important;
    line-height: 15px !important;
    vertical-align: middle !important;
    display: inline;
}

    .cbLabelsOutput label {
        font-weight: 400 !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;
        line-height: 5px !important;
        text-align: left !important;
    }

    .rbText {
        text-align: left !important;
    }

    .RadButton.RadRadioButton span.rbText.rbToggleRadioChecked, .RadButton.RadRadioButton span.rbText.rbToggleRadio, .RadButton.RadCheckBox span.rbText.rbToggleCheckbox, .RadButton.RadCheckBox span.rbText.rbToggleCheckboxChecked {
        width: 150px !important
    }

    .RadButton.RadRadioButton, .RadButton.RadCheckBox {
        vertical-align: top !important;
    }



    GridView {
        width: 100%;
        border: none;
    }

        GridView > td {
            border: none;
        }

.tblBordered, .tblBordered td {
    border: 1px solid black;
}

.gvRow > td, .gvRow > th {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.centerText{
    text-align:center!important;
}
.rightText {
    text-align: right !important;
}
.Width100 {
    width:100%!important;
}
.gvHeader > th, .gridHeaderDropDown {
    padding: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    white-space: nowrap !important;
    font-family: 'Barlow', sans-serif;
}

.gvHeaderWrap > th {
    padding: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    font-family: 'Barlow', sans-serif;
}

.gvHeaderMobilWrap > th {
    padding: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    font-family: 'Barlow', sans-serif;
    white-space:nowrap;
}

.gvHeaderMobilAppletWrap > th {
    padding: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    font-family: 'Barlow', sans-serif;
    white-space: normal ;
}

.padTable > tbody > tr > td, 
.padTable > td > span {
    padding: 2px !important;
}

.padTable5 > tbody > tr > td,
.padTable5 > td > span {
    padding: 5px !important;
}
.padTable10 > tbody > tr > td,
.padTable10 > td > span {
    padding: 10px !important;
}

.padTable > tbody > tr > th {
    padding: 5px !important;
}
/*.indentListItem input, .indentListItem label {
    padding-left: 20px!important;
}*/
/*.fa-info-circle {
    content: attr(tooltip);
    z-index:9999!important;
}*/
.fa-info-circle:hover::after {
    background: #ebeff2;
    border-radius: 5px;
    /*bottom: 26px;*/
    /*color:rgba(0,0,0,.8);*/
    content: attr(tooltip);
    border: 1px solid #265c79 !important;
    /*left: 20%;*/
    padding: 5px 5px;
    position: absolute !important;
    /*width: 220px;*/
    max-width: 350px;
    font-family: "Barlow",sans-serif;
    font-size: 14px !important;
    font-weight: normal;
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    /*-ms-animation: fadeIn ease 2s;*/
    white-space: normal;
    display: inline-block;
    z-index: 999999 !important;
    overflow: visible;
}

/*.fa-info-circle title {
    z-index: 9999 !important;
}

.fa-info-circle > title {
    display: none !important;
}*/
/*.fa-info-circle-tooltip {
    max-width: 100px !important;
    display: inline-block;
    white-space: normal;
}*/
/*.fa-info-circle title {
    max-width: 100px !important;
    display: inline-block;
    white-space: normal;
    color:purple;
}*/
/*title{
    max-width:200px;
}*/
/*.headerFreeze {
    position: relative!important;
    top: expression(this.offsetParent.scrollTop)!important;
    z-index: 10!important;
}*/
.headerFreeze {
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
}

.RadComboBox_Default {
    font-family: 'Barlow', sans-serif;
}

.RadScheduler .rsMonthView .rsAptContent{
    height:18px!important;
}

.screenHeight70 {
    max-height: 70vh; /* For 70% screen height */
}

.gvRow > td > span {
    padding: 5px 5px 5px 5px !important;
    text-transform: uppercase;
}

.gvRowTable > td {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.gvRowHeight30 {
    height:30px!important;
}

.gvHeaderTable > th {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ddlSelectAll, .rcbCheckAllItems > label {
    color: #17406d !important;
    border: none !important;
    font-style: italic !important;
    opacity: .6 !important;
    background-color: transparent !important;
    cursor: pointer;
}

    .rcbCheckAllItemsHovered > label:hover {
        color: #17406d !important;
        border: none !important;
        font-style: italic !important;
        opacity: .9 !important;
        background-color: #eee !important;
        cursor: pointer;
    }

.dropdownFilter {
    max-height: 300px !important;
    
}

    GridView > #project-context, .project-context {
        padding: 0px 0px 0;
    }

        GridView > #project-context > :first-child, .project-context > :first-child {
            display: block;
            font-size: 16px !important;
            font-weight: 700;
            text-transform: none !important;
            text-shadow: none !important;
            margin-left: -5px !important;
            text-align: left;
        }

    .centerPager {
        height: 20px;
        margin: 5px auto;
    }

    .centerMapLabel {
        text-align: center;
        font-size: 8px;
        margin-left: -10px !important;
    }

    /*Rad Window Pop up*/
    .RadWindow_Default td.rwWindowContent {
        /*padding:10px 10px 10px 10px!important;*/
        background-image: none !important;
        /*border: 1px solid green!important;*/
        border-color: #e7e8ea !important;
        border-width: 5px !important;
        border-radius: 10px;
        background-color: transparent !important;
    }

    .RadWindow_Default .rwTopLeft, .RadWindow_Default .rwTopRight, .RadWindow_Default .rwTitlebar, .RadWindow_Default .rwFooterLeft, .RadWindow_Default .rwFooterRight, .RadWindow_Default .rwFooterCenter, .RadWindow_Default .rwTopResize, .RadWindow_Default .rwStatusbar div, .RadWindow_Default .rwStatusbar, .RadWindow_Default .rwPopupButton, .RadWindow_Default .rwPopupButton span, .RadWindow_Default.rwMinimizedWindow .rwCorner, .RadWindow_Default .rwBodyLeft, .RadWindow_Default .rwBodyRight, .RadWindow_Default .rwStatusbarRow .rwCorner {
        background-image: none !important;
    }

.RadUpload .ruBrowse {
    width: auto !important;
    height: 30px !important;
}

.RadUpload .ruFakeInput {
    /*height: 30px !important;*/
}

.RadUpload .ruFileWrap {
display:inline-table!important;
}

.RadTabStrip {
    margin: 0 auto !important;
}
    .RadTabStrip .rtsLevel.rtsCenter, .RadTabStripTop_Bootstrap .rtsLevel1 .rtsUL {
        margin: 0 auto !important;
    }
.RadTabStrip, div, ul, li, span, span {
    font-size:16px!important;

}
.RadTabStrip_Bootstrap .rtsLevel1 {
    border-color:transparent!important;
}

.rgDataDiv {
    height: auto !important;
}
.rwTable .lblBold { /*> tbody > tr > td > span*/
    white-space: nowrap !important;
}

    .MySlider .rslItemsWrapper li {
        display: none;
    }

    .rslHandle {
        display: none !important;
        visibility: collapse !important;
    }

    .RadMultiPage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }



    .rotateText90 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        writing-mode: tb-rl;
    }

@media all and (max-width:1000px) {
    .screenHeight70 {
        max-height: 55vh!important; /* For 55% screen height */
    }
    #divMaintenance {
        font-size: 20px !important;
    }
}

@media all and (max-width:700px) {
    #divMaintenance {
        font-size: 18px !important;
    }
    .gvHeaderMobilWrap > th {
        white-space:normal;
    }
    .radStripTerritory {
        width: auto;
    }

    .btnMain, .btnDelete {
        padding: 5px !important;
    }

    .gvHeader > th, .gridHeaderDropDown, .gvHeader {
        padding: 2px 2px 2px 2px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }
   
}
.chartFont > svg > g > g > g > text {
    font: 12px/normal 'Barlow', sans-serif !important;
    white-space: pre;
    font-size-adjust: none;
    font-stretch: normal;
}


@media all and (max-width:1000px) {
    .chartFont > svg > g > g > g > text {
        
        font: 11px/normal 'Barlow', sans-serif !important;
        white-space: pre;
        font-size-adjust: none;
        font-stretch: normal;
    }
}

    @media all and (max-width:900px) {
        .chartFont > svg > g > g > g > text {
            font: 10px/normal 'Barlow', sans-serif !important;
            white-space: pre;
            font-size-adjust: none;
            font-stretch: normal;
        }
    }

    @media all and (max-width:800px) {
        .chartFont > svg > g > g > g > text {
            font: 9px/normal 'Barlow', sans-serif !important;
            white-space: pre;
            font-size-adjust: none;
            font-stretch: normal;
        }
    }

    @media all and (max-width:700px) {
        .chartFont > svg > g > g > g > text {
            font: 8px/normal 'Barlow', sans-serif !important;
            white-space: pre;
            font-size-adjust: none;
            font-stretch: normal;
        }
    }

    @media all and (max-width:600px) {
        .chartFont > svg > g > g > g > text {
            font: 7px/normal 'Barlow', sans-serif !important;
            white-space: pre;
            font-size-adjust: none;
            font-stretch: normal;
        }
    }

    .colHidden {
        display: none !important;
    }

    .colShow {
        display: block !important;
    }


    .divToggleButton {
        font-size: 18px;
        font-weight: bold;
        /*background-color: green;*/
        /*color: white;*/
    }

        .divToggleButton input[type=checkbox] {
            display: none;
            /*content: "Assigned";
    color: green;
    background-color: green;*/
        }

            .divToggleButton input[type=checkbox] label {
                font-weight: bold;
                color: white;
                /*width: 135px;
            border-radius: 10px;
            margin: 5px 5px 5px 5px;*/
                /*content: "Assigned";
    color: green;
    background-color: green;*/
            }

            .divToggleButton input[type=checkbox]:checked::before,
            .divToggleButton input[type=checkbox]:checked + label::before {
                content: "Assigned \2022"; /*\2022*/
                font-weight: bold;
                background-color: green;
                width: 135px;
                border-radius: 15px;
                padding: 5px 20px 5px 20px;
                color: white;
            }

            .divToggleButton input[type=checkbox]:not(:checked)::after,
            .divToggleButton input[type=checkbox]:not(:checked) + label::after {
                content: "\2022  Un-Assigned"; /*\2022*/
                font-weight: bold;
                background-color: red;
                width: 135px;
                border-radius: 15px;
                padding: 5px 5px 5px 5px;
                color: white;
            }

    .RadHtmlChart {
        touch-action: auto !important;
    }

/*@media all and (stroke: #000) {
    .RadHtmlChart > svg > g > g > g > g > path {
        stroke-width: 5px !important;
        stroke-linecap:butt;
    }
}*/
/*path {
    stroke-width: 5;
}*/

    .jqueryui-accordion {
        margin-top: 0px;    
        margin-bottom: 0px;
    }

        .jqueryui-accordion .ui-accordion-content {
            padding: 0;
        }

        .jqueryui-accordion h2:hover, div.help-text h2:hover {
            background-color: #dae1e8;
        }

        .jqueryui-accordion h2 {
            text-align: left;
            font-weight: bold;
            font-size: larger;
        }

    /*media screen*/
    .ui-accordion .ui-accordion-header {
        background-color: transparent;
        font-size: 18px;
        padding: 10px 15px 10px 0px !important;
    }


    .jqueryui-accordion {
        border: none !important;
        width: 100% !important;
        margin-top: 2px;
        background-color: #ebeff2;
    }

        .jqueryui-accordion:hover {
            background-color: #dae1e8;
        }

        .jqueryui-accordion .ui-state-focus {
            outline: none;
        }

        .jqueryui-accordion > .help-text {
            margin-left: 15px;
            text-align: left !important;
            padding-left: 5px
        }

    .ui-accordion .ui-accordion-header, .ui-accordion-content {
        border: none !important;
    }

    #gvHelpMessage {
        width: 100% !important;
    }

    .jqueryui-accordion h2, div.help-text h2 {
        padding-top: 2px;
        text-align: left;
        margin-left: 14px;
        background-color: #ebeff2;
    }

    .thin-border {
        border: 1px solid #265c79;
        border-radius: 10px;
    }

    .tbl-title {
        background: white none repeat scroll 0 0;
        /*display: inline-block;*/
        padding: 0 2px;
        margin-left: 8em;
        margin-top: -5px;
        top: -10px;
        text-align: left;
    }
.cellBorder {
    border-left: 1px solid black !important;
    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;
}

.divChart {
    border-left: 2px solid black;
    border-right: 2px solid black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 12px;
    width:100%;
}
.divChartMainColor {
    background-color: #c4c4c4;
    min-height: 8px;
    display: inline-block !important;
    padding: 0 0 0 0 !important;
    width:100%;
}
.divChartSubLeft {
    background-color: #265c79;
    color: #265c79;
    display: inline-block !important;
    padding: 0 0 0 0 !important;
    height: 100% !important;
}
.divChartSubCenterEnd {
    background-color: #c4c4c4;
    min-height: 8px;
    display: inline-block!important;
    padding: 0 0 0 0 !important;
}
.divChartSubRigthEnd {
    background-color: #8bd5f1;
    min-height: 8px;
    display: inline-block !important;
    padding: 0 0 0 0 !important;
    float: right;
    color: #8bd5f1;
}

.underLine{
    text-decoration:underline;
}

input[disabled] {
    background-color:transparent;
    box-shadow:none;
    border:1px solid #cfcfcf
}

.rcbFocused {
    color: #333!important;
}


/*triangle*/
.trianglecontainer {
    position: relative;
    background-color: transparent;
}


.trianglecorner {
    width: 0;
    height: 0;
    
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transform: scaleY(-1);
    margin: auto;
}

    .trianglecorner span {
        position: relative;
        top: 2px !important;
        font-size: 16px;
        font-family: arial;
        margin-left: -5px;
        display: block;
        transform: scaleY(-1);
    }

.trianglecorner10 span {
    margin-left: -10px;
}
.triangleTD {
    color: white;
    width: 6.66%!important;
    text-align: center;
    border-right: 1px solid white !important;
    border-left: 1px solid white !important;
}
.triangleTDLight {
color:black;
}

.reEditorModes > ul > li {
    width:150px!important;

}





.planningYear2026 {
    background-image: url('../Images/2026.png') !important;
    background-repeat: repeat !important;
}
.planningYear2025 {
    background-image: url('../Images/2025.png') !important;
    background-repeat: repeat !important;
}
    .planningYear2024 {
        background-image: url('../Images/2024.png') !important;
        background-repeat: repeat !important;
    }

.planningYear2023{
    background-image: url('../Images/2023.png') !important;
    background-repeat: repeat !important;    
}