@font-face {
    font-family: 'Roboto Medium';
    src: url('fonts/Medium/Roboto-Medium.ttf') format('truetype');
    /*src: url('fonts/Medium/Roboto-Medium.eot'), url('fonts/Medium/Roboto-Medium.eot?#iefix') format('eot'), url('fonts/Medium/Roboto-Medium.woff') format('woff');*/
}

body {
    margin: 0px;
    padding: 0px;
}

.loginScrBg {
    background-color: #45606b;
    margin: 0px;
    padding: 0px;
}

.valueofconcheckbox {
    padding-left: 3px !important;
}

.mySettings .radioButtonList {
}

#componetArtGridcontainer .grid {
    border: none;
}

.radioButtonList {
    color: #4f4f4f;
    /*padding: 2px;*/
    margin: 0px;
}

    .radioButtonList ul {
        margin: 0px;
        padding: 0px;
    }

    .radioButtonList li {
        list-style: none;
    }

    .radioButtonList td {
        vertical-align: top;
        width: 20%;
    }

    .radioButtonList input {
        vertical-align: middle;
        margin: 0px;
        padding: 0;
        width: 13px;
        height: 13px;
    }

    .radioButtonList label {
        padding: 0 0 0 5px;
        font-weight: normal;
    }

.radioButtonListSubKPI {
    color: #4f4f4f;
    /*padding: 2px;*/
    margin: 0px;
}

    .radioButtonListSubKPI td {
        width: 130px;
    }

.envirAnaly .radioButtonList li {
    float: left;
    width: 40%;
}

.textBox, .myupDatestextBox, .targetactualsTextBox {
    border: 1px solid #c8d1da;
    color: #4f4f4f;
    padding: 4px 4px;
    color: #555252;
}

.businessUnitTextbox {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
}

.businessEditorLinkTextBox {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
}

.textBoxKpiTargetGrid {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
    /*margin: 5px 0px 0px 0px;*/
}

.textBoxrigthalign {
    text-align: right !important;
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
}

.myupDatestextBox {
    padding: 0 0 0 2px;
}

.quickupdatetextBox {
    border: 1px solid #939494;
    color: #4f4f4f;
    /*padding: 2px;*/
    overflow: hidden !important;
    z-index: 0 !important;
    height: 26px;
}

.quickupdatetextBox2 {
    border: 1px solid #e5e5e5;
    color: #4f4f4f;
    /*padding: 2px;*/
    position: relative;
    overflow: hidden !important;
    z-index: 0 !important;
    height: 45px;
}

.quickupdatetextBox3 {
    border: 1px solid #e5e5e5;
    color: #4f4f4f;
    /*padding: 2px;*/
    position: relative;
    overflow: hidden !important;
    z-index: 0 !important;
    height: 45px !important;
}

.ProjectBlock .MyExecutiveUpdate .executivReportButtonAlign {
    margin-top: 10px !important;
    margin-left: 0 !important;
}

.multipleTextBox, .scoreCardmulti {
    border: 1px solid #c8d1da;
    color: #4f4f4f;
    padding: 4px;
    height: 100px;
}

.scoreCardmulti {
    height: 50px;
}

.fileUpload {
    border: 1px solid #939494;
    color: #4f4f4f;
    /*padding: 2px;*/
    width: 300px;
    min-width: 300px;
}

.hyperBackground {
    background-color: #d8d8d8;
    border: none;
}

.DropDownList {
    border: 1px solid #c8d1da;
    color: #4f4f4f;
    padding: 4px;
    word-spacing: 1px;
    z-index: 1;
}

    .DropDownList option {
        border: 1px solid #c8d1da;
        font-size: 13px;
    }

select[disabled], input[type="text"]:disabled {
    border: 1px solid #ccc;
    color: #999;
}

.DropDownListrisk {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
    z-index: 1;
}

.closeBtn {
    display: block;
    width: 24px;
    height: 24px;
    background: url("ToolBar/ToolbarClose.svg") no-repeat scroll center center transparent;
    float: right;
    margin-right: 5px;
    cursor: pointer;
    background-size: 20px;
}

.PopupButton {
    width: 20px;
    height: 20px;
    background: url("media/toolbar_icon/popup.png") no-repeat scroll center center transparent;
    color: #fff !important;
    border: 0px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bolder;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
}

.button, .buttonCenalign, .buttonsUploadShapeFile, .roundedButtonStyle {
    color: #444 !important;
    border: solid 2px #2D6A9F !important;
    background: #fff;
    text-shadow: none !important;
    padding: 2px 10px !important;
    margin: 0 2px 2px 2px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 13px !important;
    line-height: 20px !important;
    /*margin-bottom:5px;*/
}

    .button[disabled], input[type=submit][disabled], buttonCenalign[disabled], .button[disabled]:hover, .buttonCenalign[disabled]:hover, input[disabled].buttonsUploadShapeFile, input[disabled].buttonsUploadShapeFile:hover, .roundedButtonStyle[disabled] {
        color: #767676 !important;
        border: solid 2px #d2d2d2 !important;
        background: #eeeeee;
        background-color: #eeeeee !important;
        text-shadow: none !important;
        padding: 2px 10px !important;
        margin: 0 2px;
        border-radius: 12px;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        cursor: default;
        /*margin-bottom:5px;*/
    }




    .button:hover, .buttonCenalign:hover, .buttonsUploadShapeFile:hover {
        color: #fff !important;
        border: solid 2px #2D6A9F;
        background: #2D6A9F;
    }

.ruButton {
    background-color: blue;
}

.buttonEnivirAnyLin {
    width: 100px;
    background-color: #fff;
    color: #444 !important;
    border: solid 2px #2D6A9F;
    margin: 1px;
    display: block;
    padding: 2px 10px;
    border-radius: 12px;
    line-height: 20px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    /*font-weight: 800;*/
    text-align: center;
}

    .buttonEnivirAnyLin:hover, .buttonEnivirAnyLin:focus {
        background-color: #229FBF;
        color: #fff !important;
        border: solid 2px #229FBF;
    }

button:hover {
    border: solid 1px #004b66;
}

button:focus {
    border: solid 1px #004b66;
}

    button:focus:hover {
        border: solid 1px #004b66;
    }

.buttonsUploadShapeFile {
    background-color: #cc0000;
    color: #fff !important;
    border: solid 1px #004b66;
    margin: 1px;
    display: block;
    padding: 2px 4px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bolder;
    text-align: right !important;
}

.EnvAnalysisButtFontL {
}

.kpiEditorbutton {
    background-color: #33c1d4;
    border: 1px solid #33c1d4;
    color: #fff !important;
    margin: 1px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: normal;
    text-align: center;
}

.taskBrowsergrid .grid input.button {
    display: inline;
}

.displayinline {
    display: inline;
}

.displayBlock {
    display: inline-block;
}

.buttonGrouping {
    background-color: #fff;
    border: 2px solid #229FBF;
    color: #444;
    cursor: pointer;
    display: block;
    min-width: 20px;
    min-height: 20px;
    font-weight: 500;
    margin-left: 5px;
    padding: 0 6px;
    border-radius: 5px;
}

.linkButton {
    cursor: pointer;
    /*color: #3c6169;*/
    /*font-weight:800;*/
    /*font-weight:bolder;*/
}

input[disabled="disabled"].button {
    background-color: #dddddd;
    border: #b8b8b8 1px solid;
}

.wordNoWrap {
    white-space: nowrap;
}

.Preline {
    white-space: pre-line;
}

.label {
    color: #555252;
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    font-size: 13px;
    padding: 0;
    white-space: normal;
    /*word-break: break-all;*/
}

.BreadCrumlabel {
    color: #2b2b2b;
    text-align: left;
    vertical-align: top;
    text-wrap: normal;
    /*word-break: break-all;*/
}

.labelgisshapefilesize {
}

.labelmessage {
    color: #ff0033;
    text-align: right;
}

.tasklabeldatacell {
    vertical-align: text-top;
    text-align: right;
}

.labeldatacell {
    text-align: left;
    padding: 5px;
    /*white-space: nowrap;*/
    vertical-align: top;
    /*min-width: 60px;*/
}

    .labeldatacell .label, .datacell .label {
        line-height: 19px;
    }

    .labeldatacell sup {
        top: 0;
    }

.labeldatacellLeft {
    text-align: left;
    padding: 5px 5px;
    /*white-space: nowrap;*/
    vertical-align: text-top;
    min-width: 60px;
}

.labeldatacellLeftnormal {
    text-align: left;
    padding: 5px 0;
    /*white-space: nowrap;*/
    vertical-align: text-top;
    min-width: 60px;
}

.defaultLinks .label {
    color: #33c1d4 !important;
}

.labeldatacellLeft label {
    vertical-align: middle;
}

.labeldatacell .mandatory, .special, .INTERPLAN_breadcrumb, .redlabel {
    color: red;
}

.datacellLogin {
    padding: 5px 0px;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}

.datacellspacing {
    padding: 2px 1px !important;
}

.datacellactiondetails {
    /*padding: 5px 1px !important;*/
}

.datacell {
    padding: 5px;
    vertical-align: top;
    text-align: left;
}

.datacellwithoutpadding {
    text-align: left;
    vertical-align: top;
}

.pagetopdropdown {
    margin: 10px 0 0;
}

.dropDCorporateplan {
    padding: 10px 0;
    border-bottom: 1px solid #e1dede;
}

.actionLinktext .label {
    color: #0054a6;
    /*vertical-align:middle;*/
}

.datacellfirst {
    padding-top: 4px;
}

.datapadding {
    padding-left: 5px;
}

.tdpadding {
    padding: 2px;
}

.valutabpadd {
    padding-left: 7px;
}

.morefildHgap {
    height: 5px;
}

.datacell a {
    vertical-align: text-top;
}

.tablelayoutfixed {
    table-layout: fixed;
}

.searchdatacell {
    padding: 4px 0px 4px 0px;
}

.quickupdatecheckbox .CheckBox label {
}

.checkBoxdatacell {
    text-align: left;
    padding: 2px;
    /*white-space: nowrap;*/
    vertical-align: top;
}

.actioncheckBoxdatacell {
    white-space: normal;
}

.wordWrap {
    white-space: normal;
}

.checkBoxdatacell {
    margin: 0px;
    padding: 0px;
}

    .checkBoxdatacell li {
        float: left;
        list-style: none;
        display: block;
        width: 40%;
        margin-top: 2px;
    }

        .checkBoxdatacell li input[type=checkbox] {
            /*width: 5%;*/
            float: left;
            /*margin:4px 0 0;*/
        }

        .checkBoxdatacell li label {
            width: 90%;
            float: left;
        }

        .checkBoxdatacell li span input {
            float: left;
        }

        .checkBoxdatacell li span label {
            display: block;
            height: 13px;
            line-height: 13px;
            float: left;
            margin-top: 3px;
            color: #2B2B2B;
        }


.checkBoxdatacellLogin {
    text-align: left;
    padding: 2px;
    white-space: nowrap;
    vertical-align: top;
    width: 237px;
}

.checkBoxdatacell label {
    margin-bottom: 4px;
    font-weight: normal;
    /*height: 13px;*/
    line-height: 20px;
    display: inline;
}

.CheckBox input {
    float: left;
}

.CheckBox label {
    display: block;
    height: 13px;
    line-height: 13px;
    float: left;
    /*margin-top: 3px;*/
    font-weight: normal;
}

.CheckBoxbusUnitedit label {
}

.EmailtmChkbox label {
    height: 13px;
    line-height: 13px;
    /*margin-top: 3px;*/
    /*color: #2B2B2B;*/
    vertical-align: top;
}

.businessUnitEditorCheckBox label {
}

.radioButtList {
    width: 100%;
}

.radioButtlabel {
    width: 100%;
    text-align: left !important;
}

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

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

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

.aligntop {
    vertical-align: top;
}

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

.valigntop {
    vertical-align: top !important;
    padding-top: 5px;
}

.valignmiddle {
    vertical-align: middle !important;
}

.valignbottom {
    vertical-align: bottom !important;
}

.orghipaddtop {
    padding-top: 4px;
    vertical-align: top;
}

.kpiSingleRlluppadd {
    padding-top: 3px;
}

.padding25 {
    padding: 0 0 0 25px;
}

.padding2 {
    padding-left: 2px !important;
}

.paddingBott5 {
    padding-bottom: 5px !important;
}

.marginRight4 {
    margin-right: 4px;
}

.clientlogo {
    height: 60px;
}

.dispalynone {
    display: none;
}

.clentlogoalignment {
    padding: 5px;
}

.tableboadernone td {
    border: none !important;
}

.defaultFont {
}
/* **************************** login page styles ****************************** */
/*.login_header {
	background-color: #01aef0;
	height: 44px;
	padding: 8px 15px 2px 15px;
}

    .login_header img {
		float: left;
	}*/

/*#loginPosition {
	margin: 150px auto;
	background-color: #f3f1f2;
}*/

/*#sycleLoginDiv {
	margin: 150px auto;
	background-color: #f3f1f2;
}

.loginBody {
	padding: 15px 30px;
}

.loginRow {
	width: 100%;
	margin: 4px 0;
}

.loginLabel {
	width: 26.5%;
	padding-right: 1%;
	float: left;
	
	text-align: right;
	line-height: 20px;
	vertical-align: middle;
}

.loginControl {
	width: 60%;
	float: left;
}

.loginValidation {
	width: 100%;
	height: 15px;
	clear: both;
}

    .loginValidation span {
		
		float: left;
		padding-left: 120px;
	}

.loginValidationBottom {
	clear: both;
	float: none;
	margin: 5px 0;
}

.loginControl .CheckBox {
	float: left;
	
}

.loginControl .CheckBox {
	display: inline-block;
	
	height: 13px;
	line-height: 13px;
	vertical-align: baseline;
	margin-top: -1px;
}

    .loginControl .CheckBox input[type="checkbox"] {
		margin-left: 0;
		padding-left: 0;
	}

.loginControl input.button {
	width: 100px;
	float: right;
	
}

.login-footer a {
	
	text-decoration: none;
	color: #01aef0;
}

.login-footer {
	height: 20px;
	background-color: #e5e5e5;
	padding: 12px 15px 6px;
}

    .login-footer .footerLink {
		float: left;
	}

    .login-footer .copyright {
		float: right;
	}

.login-rowgap {
	height: 10px;
	line-height: 10px;
}

#loginPage span.CheckBox label {
	font-size: 100%!important;
}

/*#loginPage input[type="text"], #loginPage input[type="password"] {
	width: 98%;
	vertical-align: middle;
}*/

#loginPage .labeldatacell {
    text-align: right;
    padding: 2px;
    vertical-align: middle;
    min-width: 60px;
}

*/
/* **************************** login page styles ****************************** */
/* **************************** master page styles ****************************** */
#quickappmenu {
    background-color: #333333;
    padding: 10px;
    width: 100%;
    display: none;
    z-index: 99999999;
    zoom: 1;
    position: absolute;
    left: 0px;
    top: 50px;
}

.quickappbtm {
    background-color: #888888;
    bottom: -6px;
    height: 4px;
    position: relative;
    width: 100%;
}

.quickappmenuitems {
    margin: 0px;
    padding: 0px;
}

    .quickappmenuitems li {
        display: inline-block;
        margin: 5px;
        float: left;
        width: 100px;
    }

        .quickappmenuitems li a img {
            border: none;
        }

.HeaderTopContainer {
    /*height: 50px;
	z-index: 999;*/
}

.headerContent, .footerContent, .HeaderTopContainer {
    float: left;
    width: 100%;
    min-width: 980px;
    z-index: 0;
}

.middleContent {
    /*padding-bottom: 23px !important;*/
    margin-left: 52px;
    margin-top: 50px;
}

.dashoboard .middleContent {
    margin-left: 0px;
    margin-top: 50px;
}

.headerContent, .footerContent {
    background-color: #21415a;
}

.headerContentPopUp {
    background-color: #00afef;
}

.headerContentPopUpHeading {
    color: #FFFFFF;
    font-weight: bold;
    margin: 5px;
}

.mainNavigation {
    float: right;
    margin-right: 10px;
    margin-top: 8px;
}

    .mainNavigation ul {
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .mainNavigation ul li {
            display: inline;
            list-style: none outside none;
            margin: 0 2px;
        }

#roNavigation {
    float: left;
    display: block;
    position: relative;
    /*z-index: 10 !important;*/
    margin-top: -2px;
    z-index: 2 !important;
}

div#roNavWrap ul {
    height: auto;
    width: 180px;
    border: 1px #6fcced solid;
    background: transparent;
    margin: 0 10px;
    z-index: 10 !important;
    /*z-index: 10 !important;*/
}

    div#roNavWrap ul li {
        margin: 0;
        z-index: 9997;
        a [name="lnkPasswordRecovery"] color: #09f;
        display: block;
        height: 22px;
        line-height: 22px;
        vertical-align: middle;
    }



        div#roNavWrap ul li.item:hover, div#roNavWrap ul li.selected.item {
            /*background: #2d485d !important;
				color: #fff;*/
        }

        div#roNavWrap ul li.item a {
            color: #0F9CDB;
        }

            div#roNavWrap ul li.item a:hover {
                color: #fff;
            }

        div#roNavWrap ul li#selectedItem {
            cursor: pointer;
            display: block;
            width: 155px;
            padding-right: 16px;
            height: 24px;
            background: url(media/icons/arrow.png) no-repeat center right;
        }

        div#roNavWrap ul li#selectedItem {
            z-index: 1;
        }

            div#roNavWrap ul li#selectedItem input {
                padding: 1px 0 0 3px;
            }



        div#roNavWrap ul li#selectedItemSystemperiod {
            cursor: pointer;
            display: block;
            width: 130px;
            padding-right: 0px;
            background: url(media/icons/arrow.png) no-repeat center right;
        }

        div#roNavWrap ul li#selectedItemSystemperiod {
            z-index: 1;
        }

            div#roNavWrap ul li#selectedItemSystemperiod input {
                padding: 1px 0 0 3px;
            }






        div#roNavWrap ul li input {
            float: left !important;
            margin-right: 3px;
            margin-top: 2px;
        }

/*.HeaderBottomContainer {
	float: left;
	width: 100%;
	background-color: #cfcfcf;
	height: 20px;
	border-style: solid;
	border-color: #fff;
	border-width: 1px 0 2px;
	border-bottom: solid 2px #fff;
    position: fixed;
    top:0;
    /* z-index: 0; */
z-index: 1000000;
}

*/

.headerContent {
    margin-bottom: 1px;
}

.interplanLogo {
    float: left;
    margin: 5px 10px;
}

    .interplanLogo .intplnlogo {
        float: left;
    }

    .interplanLogo .applcationMenu {
        background: url("media/icons/arrow.png") no-repeat scroll center center #00afef;
        display: block;
        float: left;
        height: 30px;
        margin-left: 4px;
        margin-top: 5px;
        width: 24px;
        cursor: pointer;
    }

        .interplanLogo .applcationMenu:hover {
            background-color: #078dbe;
        }

    .interplanLogo .logoBorader {
        border-left: 1px solid #FFFFFF;
        float: left;
        height: 30px;
        margin-left: 10px;
        margin-top: 5px;
    }

.footerContent {
    margin-top: 1px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
    text-transform: uppercase;
}

.reportfooterContent {
    margin-top: 1px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    right: 0px;
    left: 0px;
    background: #00afef;
}

    .footerContent .left-Side, .reportfooterContent .left-Side {
        float: left;
        clear: right;
    }

        .footerContent .left-Side a, .reportfooterContent .left-Side a {
            text-decoration: none !important;
            color: #fff !important;
            margin: 1px 10px;
            vertical-align: middle;
        }

.footerContent .alginRight .label {
    color: #fff;
    margin: 1px 10px;
    vertical-align: middle;
}

/*Report page footer*/
.reporttablefooter {
    margin-bottom: 24px;
}

/* **************************** master page styles ****************************** */

/* ================== Framework styles ========== */
.SideMenuCell {
    vertical-align: top;
    width: 200px;
    padding-top: 5px;
}

/* ================== Framework styles ========== */

/* ====================== Side Menu styles ====================== */
.SideMenu_DataList {
    background-color: #FFFFFF;
}

.sideMenuItem a {
    display: block;
    /*height: 30px;*/
    padding: 10px 5px 10px 13px;
    border: 1px solid #fff;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-collapse: separate;
    background-color: #f5f5f5;
    color: #555252;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

    .sideMenuItem a:hover {
        background-color: #e5e5e5;
        color: #555252;
        border: 0px solid #229FBF;
        border-left: 4px solid #229FBF;
        padding: 11px 6px 11px 10px;
        text-decoration: none;
    }

    .sideMenuItem a div {
        /*height: 20px;*/
        /*padding: 6px 5px 6px 0;*/
        width: 150px;
        color: #555252;
        vertical-align: middle;
        /*margin: 8px 5px 5px 5px;*/
    }

.interplanConfiguration .sideMenuItem a div {
    padding: 0;
}

.sideMenuItemSelected a {
    background-color: #e5e5e5;
    color: #555252;
    display: block;
    /*height: 30px;*/
    padding: 10px 5px 10px 10px;
    border: 0px solid #229FBF;
    border-left: 4px solid #229FBF;
    border-collapse: separate;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

    .sideMenuItemSelected a:hover {
        /*padding: 6px 5px 6px 10px;*/
        text-decoration: none;
    }

    .sideMenuItemSelected a div {
        /*height: 20px;*/
        /*padding: 6px 5px 6px 0px;*/
        vertical-align: middle;
        /*margin: 8px 5px 5px 5px;*/
    }

.contentHeadaerstretch {
    color: #fff;
}

    .contentHeadaerstretch .contentHeadaer {
        padding: 9px 0 5px 6px;
        text-decoration: none;
        font-size: 18px;
        color: #21415b;
        font-weight: 400;
        /*text-transform:uppercase;*/
    }

        .contentHeadaerstretch .contentHeadaer a {
            text-decoration: none;
            color: #ffffff;
            cursor: pointer;
        }

            .contentHeadaerstretch .contentHeadaer a:hover {
                text-decoration: underline;
            }

.contentHeadaerlink {
    width: 30px;
    /*background-color: #0C6E91;*/
}

.staffHeader.contentHeadaerlink {
    display: inline-flex;
    padding-top: 10px;
    width: 18px;
    float: right !important;
    margin-right: 41px;
}
    .staffHeader.contentHeadaerlink .btnStaffHistory{
        padding-left:8px;
    }
    .btn_new {
        /*background: transparent url('media/btn_New_left.jpg') no-repeat top left;  */
        display: block;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        vertical-align: middle;
        color: #FFF;
    }

.userLeftPanel .staffHeader.contentHeadaerlink {
    margin-right: 41px;
}
/* ====================== Side Menu styles ====================== */
/* ====================== tool bar styles ====================== */
.toolBar {
    /*background-color: #dddddd;
	color: #3b899f;
	
	font-weight: bold;
	padding-left: 10px;*/
    vertical-align: middle;
    margin: 0;
}

.mainHeaders {
    /*background-color: #dddddd;*/
    padding: 4px 5px;
}

    .mainHeaders .label {
        font-size: 15px;
        color: #21415b;
        font-weight: bold;
        vertical-align: middle !important;
        vertical-align: middle;
        padding-top: 5px;
        padding-left: 15px;
    }

.toolbariconcell {
    padding: 0px 2px;
    width: 35px;
    text-align: center;
}

.tbarpadd {
    padding-top: 2px;
}

.consistantHeight {
    padding: 5px;
}

.toolBarquickupdate {
    line-height: 24px;
    vertical-align: middle !important;
}

toolBarquickupdate .toolbardatacell {
    padding: 0 4px;
}

.myupdateheader .toolbardatacell {
    padding: 0px 5px;
    width: 18px;
    line-height: 24px;
    vertical-align: middle !important;
}

.toolbardatacell img, .toolbardatacell input {
    width: 24px;
}

.toolBar td {
    height: 35px;
}

    .toolBar td * {
        vertical-align: middle;
        outline: none;
    }


/* ====================== tool bar styles ====================== */
.grifviewCon > div {
}

.GV-DetailList tr td {
    border: solid 1px #e1dede;
    border-left: none;
    border-right: none;
    border-bottom: none;
    vertical-align: top;
    /*background-color:#f5f5f5;*/
    /*min-height:40px;*/
}

.GV-DetailList tr > td:last-child {
    /*border-bottom:solid 1px #e1dede;*/
}

.GV-DetailList tr td td {
    border: none;
    /*padding-left: 5px;*/
    text-align: left;
}

    .GV-DetailList tr td td.first {
        width: 35px;
        padding: 4px;
        padding-bottom: 4px;
    }

    .GV-DetailList tr td td.content {
        padding: 5px;
        font-weight: normal;
    }

        .GV-DetailList tr td td.content .label {
            line-height: 19px;
            /*font-weight:normal;*/
        }

        .GV-DetailList tr td td.content .title {
            height: 16px;
            font-weight: bold;
        }

        .GV-DetailList tr td td.content .cellresperson {
            height: 10px;
            padding-bottom: 2px;
        }

        .GV-DetailList tr td td.content .maintitle .label {
        }

        .GV-DetailList tr td td.content .lbsubTitle, .GV-DetailList tr td td .lbsubTitle label {
            vertical-align: top;
            margin: 0px;
            padding: 0px;
            table-layout: initial;
        }

        .GV-DetailList tr td td.content td {
            border: none;
        }

        .GV-DetailList tr td td.content.UserEditlist {
            overflow-wrap: break-word;
            word-wrap: break-word;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
            width: 100px;
            display: block;
        }

.lbsubContent .label {
}

.lbsubTitle .label {
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.GV-DetailList tr td td.content .lbsubContent {
    vertical-align: top;
    font-style: italic;
}

.GV-DetailList tr td td.content .title .label {
    vertical-align: top;
}

.GV-DetailList tr td td.last {
    width: 20px;
    border: none;
    padding: 5px 0px;
    height: 50px;
    white-space: nowrap;
    padding-bottom: 4px;
}

.GV-DetailList tr td {
}


/*List View styles - by Nilaksha */
.dl-DetailList {
    width: 100%;
}

    .dl-DetailList tr td {
        border: solid 2px #fff;
        border-left: none;
        border-right: none;
        background-color: #e1e1e1;
        vertical-align: top;
        /*min-height:40px;*/
    }

        .dl-DetailList tr td td {
            border: none;
            padding-left: 5px;
            white-space: pre-line;
            text-align: left;
        }

            .dl-DetailList tr td td.first {
                width: 30px;
                padding-top: 5px;
                padding-bottom: 4px;
            }

            .dl-DetailList tr td td.content {
                padding: 5px;
                font-weight: normal;
            }

                .dl-DetailList tr td td.content .label {
                    line-height: 12px;
                    vertical-align: top;
                }

                .dl-DetailList tr td td.content .title {
                    height: 10px;
                    font-weight: bold;
                }

                .dl-DetailList tr td td.content .cellresperson {
                    height: 10px;
                }

                .dl-DetailList tr td td.content .title .label {
                    font-weight: bold;
                }

            .dl-DetailList tr td td.last {
                width: 20px;
                background-color: #0C6E91;
                padding: 0px;
                font-weight: bold;
                white-space: nowrap;
                padding-bottom: 4px;
            }
/*List View styles*/

.TargetsActualsDetailListHeaderStyle td {
    background-color: #d5d5d5;
    color: #2b2b2b;
    font-weight: normal;
    height: 40px;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    padding: 0 0 0 5px !important;
}
/* ====================== Style for TargetActuals Right Hand Border ====================== */

#tblHeader {
    border-right: 1px solid #b8b8b8;
}

.TargetsActualsDetailListHeaderStyle td .label {
    color: #2b2b2b;
    font-weight: normal;
    text-align: left;
    text-indent: 5px;
    height: 25px;
    vertical-align: middle;
}

.TargetsActualsDetailListRowStyle td {
    padding: 4px;
    border-top: #b8b8b8 0px solid;
    border-bottom: #eeeeee 2px solid;
    border-left: #b8b8b8 0px solid;
    border-right: #b8b8b8 0px solid;
    background-color: #fff;
}



    .TargetsActualsDetailListRowStyle td table td {
        padding: 0px;
        border: none;
    }

        .TargetsActualsDetailListRowStyle td table td span {
            text-align: left;
            text-indent: 5px;
            height: 25px;
        }

    .TargetsActualsDetailListRowStyle td .PlusMinusbut {
        width: 20px;
        color: #fff !important;
        border: solid 1px #33c1d4;
        background: #33c1d4;
        cursor: pointer;
        display: block;
        padding: 0;
        text-align: center !important;
    }

    .TargetsActualsDetailListRowStyle td table td .targetActualsTextboxPadding {
        padding-left: 8px;
    }

    .TargetsActualsDetailListRowStyle td table td table td {
        padding: 4px;
    }

.targetactsize {
    /*height:500px;*/
}

.targetactualmin {
    min-width: 60px;
}

.targetactualmin2 {
    min-width: 150px;
}

/* ====================== Style for TargetActuals Right Hand Border End====================== */

.SelectedRowStyle td td, .SelectedItemStyle td.content {
    color: #555252 !important;
}

.SelectedRowStyle td.last, .SelectedItemStyle td.last {
    /*background-color: #0C6E91!important;*/
}

.GV-DetailList .SelectedRowStyle td td .label, .SelectedItemStyle td.content span {
}

.GV-DetailList .RowStyle a.btn_gridRightEdit, .GV-DetailList .AlternatingRowStyle a.btn_gridRightEdit, .GV-DetailList .SelectedRowStyle a.btn_gridRightEdit,
.dl-DetailList a.btn_gridRightEdit, .dl-DetailList .AlternatingRowStyle a.btn_gridRightEdit, .dl-DetailList .SelectedRowStyle a.btn_gridRightEdit {
    /*writing-mode: tb-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);*/
    /*height:60px;*/
    color: #FFFFFF;
    display: block;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

    .GV-DetailList .RowStyle a.btn_gridRightEdit img, .GV-DetailList .AlternatingRowStyle a.btn_gridRightEdit img, .GV-DetailList .SelectedRowStyle a.btn_gridRightEdit img,
    .dl-DetailList a.btn_gridRightEdit img, .dl-DetailList .AlternatingRowStyle a.btn_gridRightEdit img, .dl-DetailList .SelectedRowStyle a.btn_gridRightEdit img {
        margin-top: 2px;
    }

.GV-DetailList .PagerStyle td {
    height: 10px;
    padding: 0px;
    margin: 0px;
    /*background-color: #dddddd;*/
}



    .GV-DetailList .PagerStyle td .label {
        display: block;
        color: #fff;
        /*background-color: #2195C9;*/
        /*padding: 4px;*/
        text-align: center;
        vertical-align: middle;
        font-weight: bolder;
        /*height: 10px;*/
        margin: 1px;
    }

    .GV-DetailList .PagerStyle td a {
        display: block;
        /*background-color: #a2a2a2;*/
        color: #21415a;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        padding: 2px 4px;
        height: 10px;
        margin: 1px;
    }

.btn_gridRightEdit:visited {
    white-space: pre-line;
    color: #fff;
    padding-right: 2px;
}


/* ====================== Common Menu styles ====================== */
.commonSideMenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .commonSideMenu li {
        padding: 0;
        margin: 0;
    }

        .commonSideMenu li div, .sideMenuItemSelected li div {
            text-decoration: none;
        }
/* ====================== Tab Menu Begin ====================== */
.LinkButton1, .lb_TabMenu {
    background-color: #e5e5e5;
    display: block;
    float: left;
}

a.LinkButton1[disabled="disabled"], a.lb_TabMenu[disabled="disabled"] {
    color: #fff;
}

a:link.LinkButton1, a:visited.LinkButton1, a:active.LinkButton1, a:link.lb_TabMenu, a:visited.lb_TabMenu, a:active.lb_TabMenu {
    color: #21415b;
    text-decoration: none;
    border-right: solid 1px #fff;
    border-top: solid 3px #e5e5e5;
    border-bottom: solid 1px #fff;
}

a.LinkButton1 span, a.LinkButton1 span, a.lb_TabMenu span, a.lb_TabMenu span {
    display: block;
    white-space: nowrap;
    padding: 6px 16px;
    border-bottom: none;
    font-size: 13px;
}

a.LinkButton1:hover span, a.lb_TabMenu:hover span {
    background-position: bottom right;
}

.LinkButton1Roll, .lb_TabMenuRoll {
    background-color: #FFFFFF;
    border-top: solid 2px #229FBF;
    display: block;
    float: left;
    font-size: 13px;
}

a:link.LinkButton1Roll, a:visited.LinkButton1Roll, a:active.LinkButton1Roll, a:link.lb_TabMenuRoll, a:visited.lb_TabMenuRoll, a:active.lb_TabMenuRoll {
    color: #21415b;
    text-decoration: none;
}

a.LinkButton1Roll span, a.LinkButton1Roll span, a.lb_TabMenuRoll span, a.lb_TabMenuRoll span {
    display: block;
    white-space: nowrap;
    padding: 5px 8px;
    border: solid 2px #fff;
    /*border-bottom: none;*/
}

.StrtgyQckLnkBtn a.LinkButton1Roll span, .StrtgyQckLnkBtn a.LinkButton1Roll span, .StrtgyQckLnkBtn a.lb_TabMenuRoll span, .StrtgyQckLnkBtn a.lb_TabMenuRoll span {
    display: block;
    white-space: nowrap;
    padding: 4px;
    border: solid 1px #fff;
    border-bottom: none;
}

.tabHorizGap {
    background-color: #fff;
    height: 4px;
}

.tabHorizbotm {
    /*background-color: #148DBA;
	height: 3px;*/
}

/* ====================== Tab Menu End ====================== */

.radtreeActGroup {
    height: 400px;
    width: 200px;
    overflow: scroll;
}

.secoundryMenu {
    float: right;
}

/* ====================== GridView Begin ====================== */
.CollabPrrssInfoTble {
    border-left: #b8b8b8 1px solid;
    border-bottom: #b8b8b8 1px solid;
    background-color: #fff;
    width: 100%;
    color: #2c2c2c;
    background-color: #f1fafe;
}

    .CollabPrrssInfoTble tr td {
        padding: 4px;
        border-right: #b8b8b8 1px solid;
        border-top: #b8b8b8 1px solid;
    }

.CollabPrrssInfoTbleImgTd {
    vertical-align: middle !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.GridView {
    border: solid 1px #eeeeee;
    background-color: #fff;
    width: 100%;
    /*color: #2c2c2c;*/
}

    .actionProgressTab .GridView .HeaderStyle,
    .GridView .HeaderStyle th, .scorecardgrid .GridView .HeaderStyle td {
        /*background: #e9e9cf url('media/Grid_Header_bk.jpg') repeat-x top left;*/
        background-color: #e7e7e7;
        color: #21415b;
        text-align: left;
        font-weight: 500;
        /*padding-top: 5px;*/
        padding-bottom: 4px;
        font-size: 14px;
        padding-left: 6px;
        padding-right: 6px;
        height: 40px;
        vertical-align: middle !important;
    }

.scorecardgrid .GridView .HeaderStyle td, .scorecardgrid .GridView .RowStyle td, .scorecardgrid .GridView .RowStyle td label {
}


.GridView .HeaderStyle th {
    border: none;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
}

.GridView .EditRowStyle td {
    padding: 4px 0 4px 7px;
}

.GridView a {
    /*color: #fff*/;
    text-decoration: underline;
    cursor: pointer;
}

.GridView .HeaderStyle a {
    text-decoration: none;
    color: #21415b !important;
    font-weight: 500;
    font-size: 14px;
}

.GridView .RowStyle td {
    padding: 4px;
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    BORDER-LEFT: #b8b8b8 1px solid;
    BORDER-BOTTOM: #b8b8b8 1px solid;
}




    .GridView .RowStyle td table td, .GridView .AlternatingRowStyle td table td, .GridView td table td table td, .GridView .FooterStyle td table td {
        padding: 0px;
        border: none !important;
    }

.updateKPI .datacell {
    padding: 5px;
}

.RollupKpilabel span, .RollupKpilabel .button {
}

.GridView .RowStyle td table td, .GridView .AlternatingRowStyle td table td, .GridView .FooterStyle td table td {
    border: none;
}

.GridView .RowStyle td, .GridView .AlternatingRowStyle td, .GridView .FooterStyle td {
    border: none;
}

    .GridView .RowStyle td .mandatory, .GridView .AlternatingRowStyle td .mandatory, .GridView .FooterStyle td .mandatory {
    }

.droppable .FooterStyle td {
    height: 50px;
}

.GridView .HeaderStyle .label {
    border: none;
    font-size: 14px;
    color: #21415b;
    font-weight: 500;
}

.GridView .HeaderStyle .label {
    display: block;
    float: left;
    padding: 3px 0 0 0;
}

.GridView .FooterStyle td .label {
    border: none;
}

.ActionBugetTab .GridView .FooterStyle td .label {
    border: none;
}


#actionBudgetTabgrid2 .GridView .RowStyle td .label, #actionBudgetTabgrid2 .GridView .AlternatingRowStyle td .label, #actionBudgetTabgrid2 .GridView .FooterStyle td .label {
    border: none;
}

.bussUnitOverview .GridView .HeaderStyle .label, .envirAnalysis .GridView .HeaderStyle .label {
}


.GridView .RowStyle td .button, .GridView .AlternatingRowStyle td .button, .GridView .FooterStyle td .button, .GridView .HeaderStyle .button {
}

.ActionBugetTab .GridView .RowStyle td .button, .ActionBugetTab .GridView .AlternatingRowStyle td .button, .ActionBugetTab .GridView .FooterStyle td .button, .ActionBugetTab .GridView .HeaderStyle .button {
}

.GridView .RowStyle td .multipleTextBox, .GridView .AlternatingRowStyle td .multipleTextBox, .GridView .FooterStyle td .multipleTextBox, .GridView .HeaderStyle .multipleTextBox {
}

.projectRiskbrowser .GridView .RowStyle td .button, .projectRiskbrowser .GridView .AlternatingRowStyle td .button, .projectRiskbrowser .GridView .FooterStyle td .button, .projectRiskbrowser .GridView .HeaderStyle .button,
.actionProgress .GridView .RowStyle td .button, .actionProgress .GridView .AlternatingRowStyle td .button, .actionProgress .GridView .HeaderStyle .button {
}

.actionProgress .GridView .FooterStyle td .button {
}

/*.projectRiskbrowser .GridView .RowStyle td .button, .projectRiskbrowser .GridView .AlternatingRowStyle td .button, .projectRiskbrowser .GridView .FooterStyle td .button, .projectRiskbrowser .GridView .HeaderStyle .button
{
   
	font-size:12px;
}*/
.GridView .EditRowStyle .button {
}

#actionBudgetTabgrid2 .GridView .RowStyle td .DropDownList, #actionBudgetTabgrid2 .AlternatingRowStyle td .DropDownList, #actionBudgetTabgrid2 .GridView .FooterStyle td .DropDownList {
}

.GridView .RowStyle td .DropDownList, .AlternatingRowStyle td .DropDownList, .GridView .FooterStyle td .DropDownList {
}

.ActionBugetTab .GridView .RowStyle td .DropDownList, .ActionBugetTab .DropDownList .AlternatingRowStyle td .DropDownList, .ActionBugetTab .GridView .FooterStyle td .DropDownList {
}

.GridView .RowStyle td .textBox, .GridView .AlternatingRowStyle td .textBox, .DropDownList .AlternatingRowStyle td .textBox, .GridView .FooterStyle td .textBox {
}

.DataGrid .ItemStyle td .textBox, .DataGrid .AlternatingItemStyle td .textBox {
}

.GridView .RowStyle td a, .DropDownList .AlternatingRowStyle td a, .GridView .FooterStyle td a {
    color: #298096;
}

.trimLinkGrid .GridView .RowStyle td a, .trimLinkGrid .DropDownList .AlternatingRowStyle td a, .trimLinkGrid .GridView .FooterStyle td a {
}

.myUpdtHomeRiskDropdown {
}

.RowStyle a, .SelectedRowStyle a, .ItemStyle a, .SelectedItemStyle a {
    /*color: #585858;*/
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}


.GridView .AlternatingRowStylesharepopup, .GridView .AlternatingRowStylesharepopup td, .GridView .RowStylesharepopup, .GridView .RowStylesharepopup td {
    background-color: #f1fafe;
    padding: 4px;
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    BORDER-LEFT: #b8b8b8 1px solid;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    text-align: left;
}

.GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle td, .GridView .FooterStyle td {
    background-color: #fff;
    padding: 5px 0 4px 8px;
    BORDER-RIGHT: none !important;
    BORDER-TOP: none !important;
    BORDER-LEFT: none !important;
    border-bottom: solid 2px #eeeeee;
}

.GridView input[type=checkbox], .GridView input[type=radio] {
    margin: -1px 4px 0px 1px !important
}

.GridView .AlternatingRowStyle td .label, .GridView .RowStyle td .label {
    text-align: left;
    line-height: 19px;
}

.GridView .HeaderStylesharepopup,
.GridView .HeaderStylesharepopup th, .GridView .HeaderStylesharepopup td {
    background-color: #b8b8b8;
    color: #2b2b2b;
    font-weight: normal !important;
    text-align: left;
    padding-left: 2px;
    /*height: 25px;*/
    vertical-align: middle;
    padding: 4px;
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    BORDER-LEFT: #b8b8b8 1px solid;
    BORDER-BOTTOM: #b8b8b8 1px solid;
}


.GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle td {
    background-color: #fff;
    padding: 6px 6px 6px 6px;
    BORDER-RIGHT: none;
    BORDER-TOP: none;
    BORDER-LEFT: none;
    border-bottom: solid 2px #eeeeee;
    vertical-align: middle;
}

.AlternatingRowStyle a, .RowStyle a, .ItemStyle a, .SelectedItemStyle a, .SelectedRowStyle a {
    /*color: #585858;*/
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #298096;
    text-decoration: none;
    line-height: 18px;
}

    .AlternatingRowStyle a:hover, .RowStyle a:hover, .ItemStyle a:hover, .SelectedItemStyle a:hover, .SelectedRowStyle a:hover {
        text-decoration: underline;
    }

.GridView .FooterStyle, .GridView .FooterStyle td {
    background-color: #fff;
    BORDER-RIGHT: none;
    BORDER-TOP: none;
    BORDER-LEFT: none;
    border-bottom: solid 2px #eeeeee;
    vertical-align: top;
}

.GridView .SelectedRowStyle td {
    color: #585858;
    padding: 4px;
    font-weight: bold;
    background-color: #d5f2f6;
    border: none;
    BORDER-BOTTOM: solid 2px #eeeeee;
}

.GridView .HeaderStyle th.currencyheadr {
    text-align: right !important;
}

.GridView .EditRowStyle, .GridView .EditRowStyle td {
    background-color: #fff;
    BORDER-RIGHT: #b8b8b8 0px solid;
    BORDER-TOP: #b8b8b8 0px solid;
    BORDER-LEFT: #b8b8b8 0px solid;
    BORDER-BOTTOM: solid 2px #eeeeee;
    vertical-align: top;
}

    .GridView .EditRowStyle td td {
        border: none;
        padding: 0;
    }

        .GridView .EditRowStyle td td.datacell, .GridView .EditRowStyle td td.labeldatacell {
            border: none;
            padding: 5px;
        }

.GridView .CheckBox label {
}

.GridView .FooterStyle {
    background-color: #ffffff;
}

    .GridView .FooterStyle td {
        /*padding-left: 4px;*/
    }

.kpiLinks .GridView .EmptyDataRowStyle {
}

.kpiLinks .kpiLinksGrid2 .GridView .EmptyDataRowStyle .label {
}

.kpiLinks .GridView .EmptyDataRowStyle td {
    padding-left: 5px;
}

.CalculItem .linkButton {
}

.GridView .EmptyDataRowStyle {
    border: 0px;
    background-color: rgb(193, 229, 246);
    color: #FFF;
    vertical-align: middle !important;
    height: 27px;
}

    .GridView .EmptyDataRowStyle .label {
        color: #FFF;
        vertical-align: middle !important;
        margin: 0px;
        padding: 0px;
    }

.GridView .PagerStyle {
    background-color: #eeeeee;
    height: 25px;
    /*font-weight: bold;*/
    border: solid 1px #fff;
    padding: 10px;
}

.GridView .button {
    min-width: 50px;
    float: left;
    margin-bottom: 5px;
}

.GridView th .button {
    margin: 5px 0 1px;
}

.GridView .widebutton {
    background-color: #33c1d4;
    color: #fff !important;
    border: solid 1px #33c1d4;
    margin: 1px;
    display: block;
    padding: 2px 4px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: normal;
    text-align: center;
    text-decoration: none !important;
}

.tablebordernone td {
    border: none !important;
}

.FooterStyle td .label {
    width: 100% !important;
}

.RegularExpressionValidator {
    width: 100% !important;
}

.gridGroupheader {
    /*background-color:#858585;*/
    /*background:rgb(151, 147, 147);*/
    border-right: solid 1px #AAA7A7 !important;
    border-bottom: solid 1px #AAA7A7 !important;
}

.gridborderright {
    /*border-right: solid 1px rgb(184,184,184) !important;*/
}

.gridborderleft {
    /*border-left: solid 1px rgb(184,184,184) !important;*/
}

.eisbudget .GridView .HeaderStyle th {
    font-weight: bold;
    text-align: left;
    padding: 2px 3px;
    vertical-align: top;
}

    .eisbudget .GridView .HeaderStyle th a {
    }

.eisbudget .GridView .RowStyleGrandTotal td {
    font-weight: bold;
    text-align: right;
    /*padding: 2px 5px;*/
}

.eisbudget .GridView .RowStyle td {
    text-align: right;
    vertical-align: top;
    border-bottom: none;
    border-top: none;
    border-style: dotted;
    border-width: 1px;
    min-width:50px;
}

    .eisbudget .GridView .RowStyle td a {
    }

.eisbudget .GridView .RowStyle .FirstCell {
    border: none;
    border: #fff;
}

/* ====================== List User Grid ====================== */

.listUsers tr .AlternatingRowStyle, .listUsers tr.RowStyle {
}

.listUsers .PagerStyle td {
    background-color: #eee;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    border: none;
}

    .listUsers .PagerStyle td table td {
        border: 0 !important;
    }

.PagerStyle td a {
    text-decoration: none;
    /*background: #A2A2A2;*/
    /*padding: 4px;*/
    /*margin: 1px;*/
    margin-right: 10px;
    text-align: center;
    height: 10px;
    vertical-align: middle;
    color: #343434 !important;
    font-weight: 300;
}

.PagerStyle td span {
    /*background: #2195C9;*/
    /*padding: 4px;*/
    /*margin: 1px;*/
    text-align: center;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    color: #fff;
    background-color: #034459;
    border-radius: 50%;
    display: table;
    line-height: 20px;
    margin-right: 10px;
    /*display:block;*/
}

.testing table tr {
}


/* ====================== List User Grid End ====================== */

/* ====================== Property List Grid ====================== */

.propertyList tr .AlternatingRowStyle, .propertyList tr.RowStyle {
}

.propertyList .PagerStyle td {
    background-color: #DDDDDD;
    font-weight: normal;
    text-decoration: none;
}

    .propertyList .PagerStyle td a {
        /*text-decoration: none;
		background: #A2A2A2;
		padding: 4px;
		margin: 1px;
		text-align: center;
		height: 10px;
		vertical-align: middle;*/
    }

    .propertyList .PagerStyle td span {
        /*background: #2195C9;
		padding: 4px;
		margin: 1px;
		text-align: center;
		height: 10px;
		vertical-align: middle;
		color: #fff;*/
    }

/* ====================== Property List Grid End ====================== */

/* ====================== Staff Grouping ====================== */
.staffGroupgrid td {
    border: 1px solid #b8b8b8;
    border-left: none;
}


/* ====================== Staff Grouping End ====================== */

/*.PagerStyle a:hover
{
	background-color:#FFFFFF;
	height:10px;
	color:#2195c9;
	font-weight:bold;	
	padding:4px;
	margin:1px;
	text-decoration:none;
}*/
/* ====================== GridView End ====================== */

/* ====================== DataGrid - START ====================== */
.DataGrid {
    background-color: #ffffff;
    border: #d5d5d5 1px solid;
    width: 100%;
}

    .DataGrid td {
        padding: 5px 4px;
        vertical-align: middle;
        border-width: 0;
    }

        .DataGrid td.datacell.orghipaddtop {
            padding: 0;
        }

        .DataGrid td td {
            PADDING-RIGHT: 0;
            PADDING-LEFT: 0;
            text-align: center;
            padding: 0;
        }

    .DataGrid .EditItemStyle td.datacell {
        padding: 0;
    }

        .DataGrid .EditItemStyle td.datacell .button {
            margin-right: 0;
        }

.myUpdatehomeKpiFont {
}

.DataGrid td td * {
    border: none;
}


.DataGrid .HeaderStyle {
    background-color: #e7e7e7;
    color: #21415b;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    PADDING-RIGHT: 5px;
    padding-left: 7px;
    height: 40px;
}

    .DataGrid .HeaderStyle span.label {
        color: #21415b;
        font-size: 14px;
        font-weight: 500;
    }

.DataGrid .ItemStyle {
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
}


.DataGrid .AlternatingItemStyle td, .DataGrid .ItemStyle td, .DataGrid .FooterStyle td {
    background-color: #fff;
    padding: 4px 4px 4px 7px;
    BORDER-RIGHT: none;
    BORDER-TOP: none;
    BORDER-LEFT: none;
    border-bottom: solid 2px #eeeeee;
    vertical-align: middle;
}

.DataGrid .input-group-addon {
    padding: 3px 5px;
    font-size: 11px;
    min-width: 20px;
}

.DataGrid .HeaderStyle td {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    font-size: 14px;
    font-weight: 500;
}

.DataGrid .HeaderStyle th {
    font-weight: 500;
    font-size: 14px;
}

.DataGrid .AlternatingItemStyle td .table-bordered > tbody > tr > td, .DataGrid .ItemStyle td .table-bordered > tbody > tr > td {
    BORDER-RIGHT: solid 1px #eeeeee;
}

.DataGrid .ItemStyle .label, .DataGrid .AlternatingItemStyle .label {
}

.DataGrid .ItemStyle .button, .DataGrid .AlternatingItemStyle .button {
}

.DataGrid .SelectedItemStyle {
}

.DataGrid .EditItemStyle td {
    border-width: 0;
    border-bottom: solid 2px #eeeeee;
}

.DataGrid .FooterStyle {
}

.DataGrid .PagerStyle {
    background-color: #2195c9;
    height: 25px;
    font-weight: bold;
    padding-right: 10px;
}

.DataGrid input.button {
    min-width: 50px;
    margin-bottom: 5px;
}
/* ====================== DataGrid - END ====================== */


/* ====================== navigationPad Start ====================== */
.navigationPadHorgap {
    width: 100%;
    z-index: 50 !important;
}

    .navigationPadHorgap td, .navigationPadHorgap div {
        z-index: 100000000 !important;
    }

.navigationPadTable {
    /*width:980px;*/
    /*position:absolute;*/
    /*z-index:10;*/
}

.navigationPadTD {
    color: #fff;
    padding: 5px 10px 5px 10px;
    /*border: solid 1px #fff;*/
    border-right: none;
    /*width: 169px;*/
    font-size: 13px;
    font-weight: normal;
}

.HierarchyNavigationPad .navigationPadHorgap td td td {
    padding: 5px 15px;
}
/*.ctl00_cphMain_NavigationPad1_navpadmenu_6 td,*/ .navpad ctl00_cphMain_NavigationPad1_navpadmenu_2 td {
    background-color: #f5f5f5;
}

.ctl00_cphMain_NavigationPad1_navpadmenu_6 {
    margin: 0 !important;
}

table.navpaditem {
    width: 199px;
}

.navpaditem {
    width: 196px;
    color: #5c5a5a;
    min-height: 25px;
    font-weight: normal;
    /*z-index:10000;*/
}

    .navpaditem table tr td:first-child {
        width: 4px;
        overflow: hidden;
        border-width: 0px 1px;
        /*border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;*/
    }

    .navpaditem table tr td:last-child {
        padding: 5px 15px 5px 10px;
        border-width: 0px 1px;
        /*border-bottom: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;*/
        /*background-image: url('media/Breadcrumb/bc_separator.png');
        background-repeat:no-repeat;
        background-position: 98% center;*/
    }

.navigationpadNormal .navigationPadHorgap td {
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}

.navigationpadNormal .navigationPadHorgap tr:hover td {
    border-bottom: 1px solid #33c1d4;
    border-top: 1px solid #33c1d4;
}

    .navigationpadNormal .navigationPadHorgap td td, .navigationpadNormal .navigationPadHorgap tr:hover td td {
        border: none;
    }

.navpaditem a {
    padding: 0px;
    text-decoration: none;
}

.ctl00_cphMain_NavigationPad1_navpadmenu_0 {
    margin-left: 10px;
}

.navpaditemHover {
    /*color: #fff;*/
    background-color: #d5f2f6;
}

    .navpaditemHover table tr td:last-child {
        padding: 5px 15px 5px 10px;
        border-width: 0px 1px;
        /*border-bottom: 1px solid #33c1d4;
    border-top: 1px solid #33c1d4;*/
    }

.navigationPadTDLast {
    border: solid 1px #fff;
    border-left: none;
}

.navpad a {
    text-decoration: none;
    padding: 0px;
}

.navpad {
}

    .navpad ul {
        margin: 0px;
        padding: 0px;
        border: solid 1px #c2c2c2;
    }

        .navpad ul li {
            list-style: none;
            background-color: #fff;
        }

            .navpad ul li a {
                display: block;
                padding: 5px 15px 5px 10px;
                white-space: normal;
                color: #004B66;
                border-bottom: 1px dotted #DEDEDE;
            }

                .navpad ul li a:focus {
                    outline: 1px solid #b8b8b8;
                }

                .navpad ul li a.highlighted {
                    background-color: #cfcfcf;
                }

                .navpad ul li a.popout {
                    background: url('media/popup-arrow.png') no-repeat top right;
                }

                    .navpad ul li a.popout:hover {
                        background: #0F9CDB url('media/popup-arrow_wh.png') no-repeat top right;
                    }

                .navpad ul li a:hover {
                    color: #fff;
                    background-color: #0F9CDB;
                }

/* ====================== HierarchyNavigationPad====================== */

.HierarchyNavigationPad .navpad ul li a {
    display: block;
    padding: 5px 8px;
    margin: 0px;
    white-space: normal;
    color: #5c5a5a;
    /*border-top: 1px solid #d8d8d8;*/
    border-bottom: 1px solid #d8d8d8;
}

    .HierarchyNavigationPad .navpad ul li a.highlighted {
        background-color: #cfcfcf;
        padding: 0;
    }

    .HierarchyNavigationPad .navpad ul li a.popout {
        background: url('media/Breadcrumb/bc_separator.png') no-repeat 98% center;
        padding: 0;
    }

        .HierarchyNavigationPad .navpad ul li a.popout:hover {
            background: #f5f5f5 url('media/Breadcrumb/bc_separator.png') no-repeat 98% center;
        }

    .HierarchyNavigationPad .navpad ul li a:hover {
        /*color: #fff;*/
        background-color: #f5f5f5;
    }

/* ====================== HierarchyNavigationPad====================== */

/* ====================== navigationPad End ====================== */

/* ====================== Welcome control start ====================== */

.welcomeControl {
}

    .welcomeControl .WelcomeTitle {
        font-weight: bold;
        color: #4d4d4d;
    }

    .welcomeControl .WelcomePosition {
        color: #4d4d4d;
    }

    .welcomeControl .WelcomeSettlink {
        vertical-align: bottom;
    }

        .welcomeControl .WelcomeSettlink a {
            background: url("media/Home_BTN/Engineering.png") no-repeat scroll 65% -67% transparent;
            color: #14B7FC;
            display: block;
            height: 18px;
            padding-top: 7px;
            text-decoration: none;
        }

.Welcomecelldata {
    padding: 4px 0px;
}

.WelcomecelldataLeft {
    height: 75px;
    padding: 4px 10px;
}

    .WelcomecelldataLeft img {
        height: 75px;
    }

.welcocontrolgap {
    height: 12px;
}
/* ====================== Welcome control End ====================== */


/* ====================== About page Start ====================== */
.abtPagealign {
    margin: 10px auto 0px auto;
    padding: 5px;
    background-color: #fff;
    /*height: 190px;*/
    width: 80%;
    /*border: solid 2px #ddd;*/
}

.abtpagetopconatiner, .abtpagebotmconatiner {
    /*float: left;
	width: 100%;*/
    /*background-color:#21415a;*/
    padding: 10px;
}

    .abtpagetopconatiner .label {
    }

.abtpagebotmconatiner {
    margin-top: 10px;
}

.abtpagebotmconatiner2 {
    /*padding: 10px;
     clear:both;*/
    /*border-left:1px solid #ddd;*/
    padding: 20px;
    border-radius: 10px;
    background-color: #f5f5f5;
    min-width: 870px;
}

.intplver, .intdbsvr, .intdb, .intwebsvr {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 70px;
}


    .intplver span {
        color: #2389df !important;
        font-size: 16px !important;
        display: inline-block;
        /*padding-bottom:20px;*/
    }

    .intdb span, .intdb {
        color: #555252 !important;
        font-size: 13px !important;
        line-height: 20px !important;
    }

.intcop .label {
    line-height: 20px;
}

.cammslogo {
    float: left;
    margin: 0px 8px 0 0;
}

.intcop, .intwarn, .intcop .label {
    color: #004B66;
}

.intwarn {
    margin-top: 5px;
    font-style: italic;
}

.versionBox {
    /*border:1px solid #21415a;*/
    border-radius: 5px;
    margin: 20px auto;
    width: 80%;
    padding: 10px;
}

/* ====================== About page End ====================== */

/* =========== Service Profile History page - START =========== */
.spHistoryWrap {
    width: 100%;
    margin: 0 auto;
}

.spHistoryHeader {
    display: block;
    width: 100%;
    padding: 1%;
    background-color: #21415a;
    vertical-align: middle;
    margin-bottom: 10px;
}

    .spHistoryHeader .spHistoryLogo {
        float: left;
    }

    .spHistoryHeader .spHistoryTitle {
        float: right;
        vertical-align: middle;
        padding: 0;
        padding-left: 20px;
        display: inline-block;
        margin: 0;
    }

        .spHistoryHeader .spHistoryTitle span.label {
            color: #FFFFFF;
            height: 40px;
            line-height: 40px;
            vertical-align: middle;
        }

.spHistoryBody table tr th {
    /*background-color: #b8b8b8;*/
    font-size: 13px;
    font-weight: normal;
    border-color: #bfbfbf;
}

    .spHistoryBody table tr th span.label {
        color: #21415b;
        font-weight: normal;
    }

.spHistoryBody table tr td {
    font-weight: normal;
    border-color: #eee;
    padding-left: 6px;
    /*word-break: break-all;*/
}

.whiteText {
    color: #fff !important;
}

    .whiteText .label {
        color: #fff !important;
    }

.historyPage .GridView .RowStyle td, .historyPage .GridView .AlternatingRowStyle td {
    vertical-align: top;
}

.historycss {
    padding-left: 4px;
    border-bottom: 2px solid #eee;
}


/* ============ Service Profile History page - END ============ */

/* ============ Planning - Business Unit - START ============= */
/* =============== SectionToolbar.ascx Start   ======================= */
.toolbar_left {
    width: 8px;
    height: 22px;
}

.toolbar_middle {
    height: 22px;
    vertical-align: middle;
}

.toolbar_middle_btn {
    width: auto;
    vertical-align: middle;
}

.toolbar_right {
    width: 8px;
    height: 22px;
}

.swotButton, .wideButton {
    width: 150px !important;
    background-color: #148db9;
    color: #fff;
    border: solid 1px #004b66;
    display: block;
    padding: 2px 4px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bolder;
}

.editCmntBtn {
    /*height: 15px;*/
    /*width: 20px;*/
    vertical-align: bottom;
}

/* ============ Override Input Type button browser User Agent style ============= */
.inputbutton {
    /*-webkit-appearance: none !important;
    background-color: #33c1d4 !important; 
    color: #fff !important;
    border: solid 1px #33c1d4 !important;
    margin: 1px !important;
    display: block !important;
    padding: 2px 4px !important;
   
    cursor: pointer !important;
    font-weight: normal !important;
    text-align: center !important;*/
    color: #444 !important;
    border: solid 2px #2D6A9F !important;
    background: #fff;
    text-shadow: none !important;
    padding: 2px 10px !important;
    margin: 0 2px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

    .inputbutton:hover {
        color: #fff !important;
        border: solid 2px #2D6A9F;
        background: #2D6A9F;
    }

.ExecutiveReporting {
    margin-top: 10px;
}

.executivereportingkpi .inputbutton {
    min-width: 50px;
}

.executivereportingkpi .dateCellWidth3 {
    width: 116px;
}

/* =============== SectionToolbar.ascx End   ======================= */
/* ============ Planning - Business Unit - END ============= */

/* ============ Clear Fix for DIV layouts - START ============= */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* ============= Clear Fix for DIV layouts - END ============== */
/* =============== RiskTab.ascx End   ======================= */
.tabMenu_wrapper {
    /*background:#FFF url('media/tab_menu_bk.jpg') repeat-x top;*/
    width: 100%;
    min-width: 634px;
}

.tabMenutab, .LinkButton1 {
    float: left;
    text-decoration: none;
    color: #004B66;
}

.tabMenutop {
    height: 15px;
    background-color: #f5f5f5;
}

.tabsideCell {
    background-color: #f5f5f5;
    width: 15px;
}

.tabtopCell {
    height: 15px;
    background-color: #f5f5f5;
}

.tabMenuContainer {
    padding: 0 15px;
    background-color: #f5f5f5;
}

.tabContainer {
    /*padding:0 15px;*/
    background-color: #f5f5f5;
    padding-bottom: 20px;
}

.innertabContainer {
    background-color: #fff;
    padding-top: 10px !important;
}
    .innertabContainer .customFieldAlignPadding {
        padding-left: 15px;
    }
.tabbotmline {
    background-color: #fff;
    height: 3px;
    clear: both;
}

/* =============== RiskTab.ascx End   ======================= */

/* ============= Repot Main Page ============== */

.reportHeadlbl {
    padding: 0 5px 0 5px;
    font-weight: bold;
    color: #004462;
}

.rptButtonswrap {
    float: left;
    margin: 0 0 20px 0;
}

.rptDropdownwrap {
    width: 800px;
    float: left;
}

.prexpowrap {
    width: 100%;
    float: left;
}

.rptButtonwrap {
    width: 70px;
    float: left;
    margin: 0 0 0 3px;
}

.rptdropwrap {
    float: left;
    margin: 0 0 0 30px;
}

.reportDropdown {
    width: 165px;
    float: left;
}

.reportMainheader {
    text-align: right;
}

.reportExpowrap {
    width: 70px;
    float: left;
    margin: 0 0 0 10px;
}

.reportlbltd {
    /*padding: 0 0 2 0;*/
    width: 90px;
}

    .reportlbltd .label {
        vertical-align: bottom;
    }

.reportConfigItem .label {
    vertical-align: bottom;
}

.reportHeaddisplay {
    display: none;
}

.reportradiobutt {
}

/* ============= Report Page Tree View ============== */

.rep_main {
    padding: 5px 0 5px 0;
    color: #767676;
    border: 1px solid #e5e5e5;
}

    .rep_main td {
        padding: 3px 5px 4px 5px;
        vertical-align: top;
    }

.rep_select {
    color: #fff;
    background-color: #21415a;
}

    .rep_select a {
        color: #fff !important;
    }

.rep_hover {
    background: #229FBF;
}

.rep_nod a {
    color: #767676;
}

.RadTreeView_Interplan {
    width: 100%;
    display: block;
    overflow: auto;
    /*overflow: scroll;*/
    /*min-height: 450px;
    max-height: 500px;*/
}

    .RadTreeView_Interplan ul.rtUL ul {
        width: auto;
        overflow: visible;
        min-height: auto;
    }

/* ============= Report Page Tree View End============== */

/* ============= Repot Page Table  ============== */

.reporticon img {
    width: 28px;
    height: 28px;
    border: 0px;
}

.reporticon A:link {
    color: #0C6E91;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

.reporticonCell {
    vertical-align: middle;
    border: 0px;
}

.reportItem :hover {
    color: #249FD9;
    text-decoration: none;
}

.reportItem {
    border-style: none;
}

.reporticon td {
    padding: 5px;
    min-width: 80px;
}

.reportDateselect input[type="text"] {
    border: 1px solid #939494 !important;
    padding: 2px;
    color: #4F4F4F;
}

.previewButtgap {
    height: 8px;
}

.previewButtSep {
    background-color: #148DBA;
    height: 1px;
}

.reportHeader {
    font-weight: 400;
    font-size: 15px;
}

.reportHeaderwrap {
    float: right;
    min-width: 50px;
    margin: 11px 10px 0 0;
    color: #fff;
}

.taskHistoryPopUpHeader {
    font-weight: bold;
    color: #FFFFFF;
}

.actionHistoryHeader {
    font-weight: bold;
    color: #FFF !important;
}

.HstryPOPupHeader {
    font-weight: bold;
    color: #FFF !important;
    text-align: right;
    padding: 10px 5px 0px 0px;
    height: 38px;
}

.reportRadiobutt {
}

/* ============= Repot Page Table End  ============== */

/* ============= Performance Management  ============== */

.kpiCollapsebut {
    width: 25px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #229FBF;
    color: #444;
    cursor: pointer;
    display: block;
    border-radius: 5px;
    margin-right: 5px;
    padding: 0;
    height: 25px;
}

.kpiCollapsetbl {
    padding: 5px 0 0 0;
}

#performanceManaTree ul {
    width: 350px !important;
    /*display: block;
	height: 450px;*/
}

    #performanceManaTree ul ul {
        height: auto;
    }

.kpisTable {
    /*border: 1px solid #E1E1E1;*/
    border-top: none;
    margin: 0 0 5px 0;
}

    .kpisTable td {
        padding: 3px 3px 5px 5px !important;
    }

    .kpisTable .cellFormData {
    }

.KpiTagetActuLabel .label {
    text-align: left !important;
}

.perfoindiCheckBox {
    display: block;
    padding-left: 5px;
}

    .perfoindiCheckBox input {
        float: left;
    }

.kpisTable .perfoindiCheckBox input {
    float: left;
}

.kpisTable .perfoindiCheckBox label {
    float: left;
    width: 80%;
    margin-top: 0;
    line-height: 15px;
}

.perfoindiCheckBox label {
    height: 18px;
    line-height: 13px;
    margin-top: 3px;
    /*color: #2B2B2B;*/
    text-wrap: normal;
    font-weight: normal;
}

/* ============= PerformanceManagement End ============== */

/* ============= Strategyc Page Table ============== */

/* ============= Strategyc Page Table End  ============== */

.stragTheme {
    width: 40px;
    padding: 0 0 0 6px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

/* ============= Rad Menu  ============== */

/*.rtBot {background:url("media/treeviewexpand.png") 0 7px no-repeat !important;}*/

/* ============= Myquickupdate page  ============== */
#warapperQuickUpdate .myupdateheader {
    display: none;
}

.GV-DetailList {
    background-color: #f5f5f5;
}

.toolBarMainCon {
    margin: 0;
}

.MyQuickUpdateMainTitle, .toolbarCon {
    padding: 10px 15px;
}

    .MyQuickUpdateMainTitle .label {
        font-weight: 500;
        font-size: 15px;
        color: #21415b;
    }

    .toolbarCon .toolbardatacell, .toolbardatacell {
        width: 30px;
    }

.myupdateheaderline {
    /*border-bottom: 2px solid #26A0DA;background-color:#dbe3e8;*/ /* Old browsers */
}

.RadMultiPage {
    background-color: #fff;
    /*margin-top:15px;*/
}

body.reportpage .RadMultiPage {
    margin-top: 15px;
}

.myupdateheader .myupdateTitle, .myupdateheader .itemNumber {
    float: left;
    margin-left: 5px;
    font-weight: 500;
    clear: right;
}

    .myupdateheader .myupdateTitle .label {
        color: #21415b;
        font-weight: 600;
        /*cursor: pointer;*/
        font-size: 15px;
        line-height: 24px;
        vertical-align: middle;
    }

.myupdateheader .myupdateExpCol {
    float: left;
    margin-left: 0px;
    vertical-align: middle;
    font-weight: 500;
    clear: right;
    padding-top: 6px;
}


.myupdateheader .itemNumber {
    /*background-color: #d5d5d5;*/
    margin-top: 4px;
    padding: 2px 2px;
}

    .myupdateheader .itemNumber .label {
        color: #298096;
    }

.myupdateheader .myupdateToolbar {
    float: right;
    margin-right: 5px;
}

.clear {
    clear: both; /* Old browsers */
}

.quickupdateprogresstpadd {
    padding-top: 7px !important;
}

.RadNumericTextBoxwidth {
    border: solid 1px #ccc;
    width: 100px;
}

.RadInput_Interplan input {
    /*width: 50px;*/
}

.quickupDatepageTable tr td {
    border: none;
}

/*  span.RadInput_Default 
{

    width: 50px !important;
    z-index:0 !important;

}*/
.displycommentbox textarea {
    overflow: hidden;
    padding: 2px !important;
    width: 146px;
}

.progreesfontsize {
}

.riSingle, .riLabel, .riSingle .riTextBox, .riSingle .riContentWrapper {
    /*box-sizing:content-box !important;*/
}
/* ============= RadTabStrip start============== */
.RadTabStrip_Interplan {
}

.RadGrid .rgAdd, .RadGrid .rgRefresh, .RadGrid .rgEdit, .RadGrid .rgDel, .RadGrid .rgDrag, .RadGrid .rgFilter, .RadGrid .rgPagePrev, .RadGrid .rgPageNext, .RadGrid .rgPageFirst, .RadGrid .rgPageLast, .RadGrid .rgExpand, .RadGrid .rgCollapse, .RadGrid .rgSortAsc, .RadGrid .rgSortDesc, .RadGrid .rgUpdate, .RadGrid .rgCancel, .RadGrid .rgUngroup, .RadGrid .rgExpXLS, .RadGrid .rgExpDOC, .RadGrid .rgExpPDF, .RadGrid .rgExpCSV {
    height: 35px !important;
    width: 20px !important;
    outline: none;
}


/* ============= RadTabStrip end============== */

/* ============= Myquickupdate page end============== */

/*============ My Settings page =========== */
.mySettingPageHeader {
    background-color: #e4f4fb;
    height: 15px;
    line-height: 26px;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: bold;
    color: #0F9CDB;
}

.mySettingsTitle {
    height: 15px;
    line-height: 24px;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 15px;
    color: #21415b;
}

.mySettingsRow {
    padding: 5px;
    background-color: #dddddd;
}

.passwordpopup .col-md-6 {
    float: left;
    width: 50%;
}

.budgetgrid .GridView .HeaderStyle th {
}

.mySettingsRow .label {
}

.mySettingsRow .button {
}

.rowSeperator {
    background-color: #7f7f7f;
    height: 1px;
    line-height: 1px;
    width: 100%;
    clear: both;
}
/**=========== Mailer Alerts ===========*/
.alertWrap {
    position: absolute;
    width: 230px;
    height: auto;
    min-height: 75px;
    top: 200px;
    left: 180px;
    background: #148db9;
    margin: auto;
    z-index: 9999;
    vertical-align: middle;
}

    .alertWrap .alertImg img {
        width: 48px;
        height: 48px;
        padding: 5px;
        margin: 8px 0 1px 0;
    }

    .alertWrap .alertImg {
        width: 58px;
        height: auto;
        float: left;
        vertical-align: middle;
    }

    .alertWrap .alertText {
        display: table-cell;
        float: right;
        width: 150px;
        height: 80%;
        margin: 0;
        padding: 10px;
        color: #fff;
        text-align: center;
        clear: right;
        vertical-align: middle;
    }

/*============ History page =========== */
.historypagecell {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    vertical-align: top;
}

    .historypagecell .GridView .RowStyle td, .historypagecell .GridView .AlternatingRowStyle td {
        padding-left: 4px;
        border: none !important;
    }

.headercontainerhistorypage {
    float: left;
    width: 100%;
}
/*============ History page =========== */


/*============ Quater Control =========== */

.quaterTable td {
    padding: 0 5px 3px 0;
}


/*============ Email Control page =========== */

ul.token-input-list-interplan {
    overflow: hidden;
    height: auto !important;
    height: 18px;
    width: 350px;
    border: 1px solid #ccc;
    cursor: text;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

    ul.token-input-list-interplan li input {
        border: 0;
        width: 100px;
        padding: 3px 8px;
        background-color: white;
        margin: 2px 0;
        height: 18px;
        -webkit-appearance: caret;
    }

li.token-input-token-interplan {
    overflow: hidden;
    height: auto !important;
    height: 15px;
    margin: 2px 1px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

.mailTextbox input {
    max-width: 350px !important;
    width: 350px !important;
}

li.token-input-token-interplan p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-interplan span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-interplan {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-interplan {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-interplan {
    position: absolute;
    width: 350px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    z-index: 1;
}

    div.token-input-dropdown-interplan p {
        margin: 0;
        padding: 5px;
        font-weight: bold;
        color: #777;
    }

    div.token-input-dropdown-interplan ul {
        margin: 0;
        padding: 0;
        /*height:350px;
    overflow-y:scroll;*/
    }

        div.token-input-dropdown-interplan ul li {
            background-color: #fff;
            padding: 3px;
            margin: 0;
            list-style-type: none;
        }

            div.token-input-dropdown-interplan ul li.token-input-dropdown-item-interplan {
                background-color: #fff;
            }

            div.token-input-dropdown-interplan ul li.token-input-dropdown-item2-interplan {
                background-color: #fff;
            }

            div.token-input-dropdown-interplan ul li em {
                font-weight: bold;
                font-style: normal;
            }

            div.token-input-dropdown-interplan ul li.token-input-selected-dropdown-item-interplan {
                background-color: #3b5998;
                color: #fff;
            }

.mailerWrap * {
}

.scroll * {
    overflow: hidden;
}

.mailerWrap .mailerRow {
    /*overflow:auto;*/
}

.mailerWrap {
    width: 100%;
    float: left;
    padding-left: 5px;
    padding: 5px;
}

    .mailerWrap .error {
        color: red;
        padding-left: 55px;
    }

        .mailerWrap .error .label {
            color: red;
            font-weight: bold;
        }

.mailerRow {
    float: left;
    clear: left;
    width: 100%;
}

.mailLabel {
    clear: left;
    float: left;
    vertical-align: top;
    text-align: right;
    width: 50px;
    display: block;
    margin-right: 4px;
}

.mailTextbox {
    float: left;
    padding-bottom: 5px;
}

.mailbtn {
    clear: none;
    float: left;
    margin: 0 4px;
}

    .mailbtn .button {
        height: 25px;
        width: 65px;
    }

.radeditor {
    clear: left;
    margin-top: 5px;
}

.mailboxtextbox {
    width: 350px;
    border: solid 1px #ccc;
    min-height: 25px;
}

.editormailLabel {
    clear: left;
    float: left;
    text-align: left;
    width: 50px;
}

.rwExternalContent iframe html {
}

.mailhintmsg {
    color: #cc0000 !important;
    padding-left: 50px;
}

/*============ Email Control page end =========== */


/* ====================== GridView LinkedKPI Begin ====================== */
.GV-LinkedKPI {
    border: #ccc 1px solid;
    /*background-color: #e9f1f4;*/
    width: 100%;
    color: #585858;
    margin: 0 0 5px 0;
}

    .GV-LinkedKPI .HeaderStyle {
        /*background: #e9e9cf url('media/Grid_Header_bk.jpg') repeat-x top left;*/
        background-color: #129cd9;
        color: #fff;
        font-weight: bold;
        text-align: left;
        text-indent: 5px;
        height: 0px;
        vertical-align: middle;
        visibility: hidden;
    }

    .GV-LinkedKPI .RowStyle, .GV-LinkedKPI .RowStyle td {
        padding: 2px 4px;
        border: 1px solid #B8B8B8;
    }

    .GV-LinkedKPI .AlternatingRowStyle, .GV-LinkedKPI .AlternatingRowStyle td {
        /*background-color: #cc0000;*/
        padding: 2px 4px;
        border: 1px solid #B8B8B8;
    }

    .GV-LinkedKPI .SelectedRowStyle {
    }

    .GV-LinkedKPI .EditRowStyle {
        background-color: #e9f1f4;
    }

    .GV-LinkedKPI .FooterStyle {
    }

    .GV-LinkedKPI .EmptyDataRowStyle {
    }

    .GV-LinkedKPI .PagerStyle, .GV-LinkedKPI .PagerStyle span {
        /*font-weight: bold;
		padding: 4px 2px 2px 2px;
		color: #555252;*/
    }

        .GV-LinkedKPI .PagerStyle a {
            height: 25px;
            font-weight: normal;
            padding: 1px;
            color: #337ab7;
        }

            .GV-LinkedKPI .PagerStyle a:hover {
                /*background-color: #FFFFFF;
				height: 25px;
				color: #2195c9;
				font-weight: bold;
				
				padding: 4px 2px 2px 2px;
				text-decoration: none;*/
            }

/* ====================== GridView kpiListPanel Begin ====================== */
.GV-kpiListPanel {
    border: #8cd1ef 1px solid;
    background-color: #e9f1f4;
    width: 100%;
    color: #585858;
    margin: 0 0 5px 0;
}

    .GV-kpiListPanel .HeaderStyle {
        /*background: #e9e9cf url('media/Grid_Header_bk.jpg') repeat-x top left;*/
        background-color: #129cd9;
        color: #fff;
        font-weight: bold;
        text-align: left;
        text-indent: 5px;
        height: 0px;
        vertical-align: middle;
        visibility: hidden;
    }

    .GV-kpiListPanel .RowStyle, .GV-kpiListPanel .RowStyle td {
        padding: 2px 4px;
        border: 1px solid #8cd1ef;
    }

a.linkButton {
    /*text-decoration: underline !important;*/
}

.GV-kpiListPanel .AlternatingRowStyle, .GV-kpiListPanel .AlternatingRowStyle td {
    background-color: #cc0000;
    padding: 2px 4px;
    border: 1px solid #8cd1ef;
}

.GV-kpiListPanel .ui-widget-content a {
}

.GV-kpiListPanel .SelectedRowStyle {
}

.GV-kpiListPanel .EditRowStyle {
    background-color: #e9f1f4;
}

.GV-kpiListPanel .FooterStyle {
}

.GV-kpiListPanel .EmptyDataRowStyle {
}

.GV-kpiListPanel .PagerStyle {
    height: 25px;
    padding: 10px;
}

    .GV-kpiListPanel .PagerStyle td {
        background-color: #DDDDDD;
        font-weight: normal;
        text-decoration: none;
        height: 20px;
    }

        .GV-kpiListPanel .PagerStyle td a {
            text-decoration: none;
            background: #A2A2A2;
            padding: 4px;
            margin: 1px;
            text-align: center;
            height: 10px;
            vertical-align: middle;
            color: #FFF;
            font-weight: bold;
        }

        .GV-kpiListPanel .PagerStyle td span {
            background: #2195C9;
            padding: 4px;
            margin: 1px;
            text-align: center;
            height: 10px;
            vertical-align: middle;
            color: #fff;
        }

    .GV-kpiListPanel .PagerStyle a:hover {
    }

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.FloatClear {
    clear: both;
}


.subheaders {
    color: #3b899f;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 15px;
    color: #21415b;
    background-color: #fff;
}

    .subheaders .label {
        font-weight: bold;
        font-size: 15px;
        color: #21415b;
    }

.subheaderReportconfig {
    color: #3b899f;
    font-weight: bold;
}

.fontBold {
    font-weight: bold;
}

.fontSize {
}

.fontQupdate {
}

.fontSize0 {
}

.fontSize01 {
}

.fontSize1 {
}

.fontSize2 {
}

.fontSize3 {
}

.fontSize4 {
}

.fontSizepx {
}


.fontColorwhite {
}

.fontNormal {
    font-weight: normal !important;
}

.defaultFontColor {
    color: #000 !important;
}

.Historyfont td {
}

/* ================ GridView LinkedKPI End ====================== */

/* ================ MySettings ====================== */

.myFavReportsButton {
    /*background-color:#148dba!important;*/
    Width: 24px !important;
    /*padding: 0!important;*/
    margin: 0 !important;
    text-align: right;
}

    .myFavReportsButton a {
        display: block;
        /*background-color: #148dba!important;*/
        Width: 24px !important;
        height: 24px;
        padding: 0 !important;
        float: right;
    }


.myFavReportsBarbusUnitFont {
    background-color: #148dba !important;
    Width: 3px !important;
    padding: 0 !important;
}
/* ================ MySettings ====================== */
.marginTop3px {
    margin-top: 3px;
}

.resetFontMultiTextBox {
    /*font-size: 1.5em !important;*/
    color: #4f4f4f !important;
}

.resetFont {
}

/* ====================== Scorecard ====================== */

.subLinkbutt {
    color: #2b2b2b;
}

.scoreCardyearwrap {
    float: left;
    min-width: 400px;
    width: 60%;
    margin-bottom: 5px;
}

.scoreCarddatewrap {
    float: left;
}

.scoreCardgrid {
    font-weight: normal;
}

    .scoreCardgrid .header {
        height: 40px;
        background: #d5d5d5;
        font-weight: normal !important;
        color: #21415b;
        Border: 0 !important;
        padding: 0 0 0 5px !important;
    }

    .scoreCardgrid td {
        border: 0px solid #b8b8b8;
        font-weight: normal;
        border-bottom: solid 2px #eeeeee !important;
        padding-top: 4px;
        padding-bottom: 3px;
    }

    .scoreCardgrid .HeaderStyle {
    }

    .scoreCardgrid .AlternatingRowStyle, .scoreCardgrid .RowStyle, .scoreCardgrid .AlternatingRowStyle select {
    }

        .scoreCardgrid .AlternatingRowStyle select {
        }

/* ====================== Scorecard End ====================== */

/* ====================== Users ====================== */

.UserEditlist label {
    clear: both;
    padding: 0;
}


/* ====================== Action List ====================== */
.actionLabel {
}

.actioncelspace {
}

.actionNamecol {
    min-width: 250px;
}

.actionListmain .PagerStyle td {
    background: #fff;
}

/* ====================== Action List End ====================== */
/* ====================== Scorecard ====================== */


/*================= Authorised/Administration/Emails ==================*/
.sideMenuItem a div span {
    /*color: #004B66;*/
}

.sideMenuItemSelected a div span {
    color: #555252;
}

.header_message {
    color: #0C6E91;
    font-weight: bold;
}

.Ulcontent {
    list-style-type: none;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
/*================= Authorised/Administration/Emails ==================*/

/*================= Authorised/Administration/SystemSettings page ==================*/

.Syssettings_div {
    /*border-bottom: 1px solid #129cd9;*/
    border-bottom: 1px solid #f3f3f3;
    text-align: left;
    vertical-align: central;
    padding: 5px;
    margin: 10px 0px;
}

.Syssettings_title {
    color: #0C6E91;
    /*font-weight: bold;*/
    padding-left: 3px;
}

.Syssettings_hint {
    color: #4f4f4f;
    font-weight: normal;
    font-style: italic;
    padding-left: 2px;
    margin: 2px 0px 0px 0px;
}

    .Syssettings_hint p {
        margin: 2px 0px 2px 0px;
    }

.Syssettings_checkbox_lbl {
    color: #000;
}

.Syssettings_warning {
    color: #CC0000;
    /*font-weight: bold;*/
}

.Syssettings_warning_msg {
    color: #CC0000;
    font-style: italic;
    /*font-weight: bold;*/
}

.Syssettings_note {
    font-style: italic;
    color: #5aa600;
}

#divRevisedLabel legend {
    border: 1px solid #939494;
    padding: 5px;
}

.Syssettings_risklabel_wrap {
    color: #4f4f4f;
    padding: 10px;
    font-weight: bold;
}

/*================= Authorised/Administration/SystemSettings page end ==================*/


/*================= Authorised/Administration/InterplanConfiguration ==================*/

.IntConfig_splcheck {
    width: 85%;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.IntConfig_splcheck li {
	border-right: 1px solid #808080;
	display: inline !important;
	margin: 2px 0px 2px 5px;
	padding: 0px 5px 0px 0px;
	/*width: 20px;*/
	float: left;
}

    ul.IntConfig_splcheck li:nth-last-child(1) {
        border: none;
        padding: 0px 0px 0px 0px;
    }

    ul.IntConfig_splcheck li:nth-last-child(26) {
        padding: 0px 5px 0px 0px;
        margin: 2px 5px 2px 0px;
    }

.IntConfig_splcheck_ListBox {
    width: 80%;
    height: 300px;
}

    .IntConfig_splcheck_ListBox option:active {
        background-color: #33c1d4;
    }

    .IntConfig_splcheck_ListBox:focus {
        border: solid 1px #33c1d4;
    }

    .IntConfig_splcheck_ListBox option:checked,
    .IntConfig_splcheck_ListBox option:focus,
    .IntConfig_splcheck_ListBox option:active,
    .IntConfig_splcheck_ListBox option:visited, select:-internal-list-box, select:-internal-list-box option:checked {
        background-color: #33c1d4;
    }

.configlinkButtons {
    width: 24px;
    height: 24px;
    background: url('ToolBar/ToolbarEdit.svg') no-repeat;
}

/*================= Authorised/Administration/InterplanConfiguration end==================*/

/* ====================== GIS Map Styles ====================== */

.gismapdimensions {
    position: relative;
    /*height: 400px;*/
    /*flex-item-align: center;*/
    text-align: left;
    vertical-align: top !important;
}

.gismaplatlongzoom {
    padding: 5px;
    margin: 0px 0px 5px 0px;
    background-color: #efefef;
    vertical-align: top !important;
}

.gismapheadertext {
    /*font-weight:bold;*/
    padding: 10px;
}

.gisMapPageMap {
    position: relative;
    width: 100%;
    height: 400px;
}


/* ====================== GIS Map Styles ====================== */

/* ====================== ComponentArt:Grid Styles ====================== */

/*.grid {	BORDER-RIGHT: #8cd1ef 1px solid; BORDER-TOP: #8cd1ef 1px solid;	BORDER-LEFT: #8cd1ef 1px solid;	COLOR: #004462;	BORDER-BOTTOM: #8cd1ef 1px solid}
.grid .header {	FONT-WEIGHT: bold;	BACKGROUND: #129cd9; COLOR: #ffffff; padding:5px; TEXT-INDENT: 5px;	TEXT-ALIGN: left}
.grid .alternatingrow {	COLOR: #004462;	BACKGROUND-COLOR: #dceef6}
.grid .item {	BORDER-RIGHT: #8cd1ef 1px solid; padding:5px;  COLOR: #004462; BACKGROUND-COLOR:#CC0000; BORDER-BOTTOM: #8cd1ef 1px solid}
.grid .footer {	BORDER-RIGHT: #8cd1ef 1px solid; padding:5px; COLOR: #004462; 	BORDER-BOTTOM: #8cd1ef 1px solid}
.grid .itemclick {	BORDER-RIGHT: #8cd1ef 1px solid; padding:5px;  CURSOR: pointer; COLOR: #004462; BORDER-BOTTOM: #8cd1ef 1px solid}*/
.grid {
    /*border: #8cd1ef 1px solid;
	color: #004462;*/
    border: solid 1px #eeeeee;
}

    .grid .header {
        background: #b8b8b8;
        color: #2B2B2B;
        text-align: left;
        text-indent: 5px;
        font-weight: bold;
    }

.taskgridview .grid .header {
    background: #b8b8b8;
    color: #21415b;
    text-align: left;
    text-indent: 0px;
    font-weight: bold;
}

.grid .row {
    /*text-indent: 5px;
		color: #004462;*/
}

.taskgridview .grid .row {
    text-indent: 0px;
    color: #004462;
}

.grid .alternatingrow td {
    /*background-color: #F1FAFE;
		color: #004462;
		text-indent: 5px;*/
    padding-top: 4px;
    padding-bottom: 3px;
    min-height: 20px;
    border-bottom: solid 2px #eeeeee;
}

.taskgridview .grid .alternatingrow {
}

.grid .item, .grid .footer {
    border-right: #8cd1ef 1px solid;
    border-bottom: #8cd1ef 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    color: #004462;
}

.grid .itemclick {
    border-right: #8cd1ef 1px solid;
    border-bottom: #8cd1ef 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    color: #004462;
    cursor: pointer;
}

.grid input {
    border: solid 1px #ccc;
}

    .grid input.button {
        color: #444 !important;
        border: solid 2px #2D6A9F !important;
        background: #fff;
        text-shadow: none !important;
        padding: 2px 10px !important;
        margin: 0 2px 2px 2px;
        border-radius: 12px;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
    }
/* ====================== GIS Map Styles ====================== */
/* ====================== quickupdate filter Styles ====================== */
#divStrategy, #divLeftColumn, #divRightColumn {
    float: left;
}

#divStrategy {
    width: 98%;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

#divLeftColumn, #divRightColumn {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}

.labelfloat {
    float: left;
    width: 100px;
}

.datacellfloat {
    clear: right;
}

/* ====================== quickupdate filter Styles End ====================== */

/* ====================== Rollover finished ====================== */

.rolloverfinFont {
}

.rollBacktbl {
    height: 30px;
    vertical-align: middle;
}

.rolloverButton input {
    background-color: #33c1d4;
    color: #fff !important;
    border: solid 1px #33c1d4;
    margin: 1px;
    display: block;
    padding: 2px 4px 4px 4px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: normal;
    text-align: center;
    width: 50px;
}


/* ====================== Rollover finished End ====================== */

/* ====================== Error page ====================== */

.Errormain_wrap {
    width: 100%;
    height: 100%;
}

.Errorheader {
    height: 75px;
    background: #00afef;
    padding: 15px 0px 0px 15px;
}

.ErrorPageheader_logo {
    width: 140px;
    height: 40px;
}

.Error_msg_wrap {
    text-align: center;
    padding: 10px;
}

.Error_msg_wrap_linkbutton1 {
    text-decoration: none;
    color: #939494; /*#00afef*/
}

.ErrorTitleWrap {
    margin: 10px 0px 10px 0px;
    /*border: 10px dashed #fbfafa;*/
    padding: 10px;
}

.erropage {
    margin-top: 40px;
}

    .erropage .img-responsive {
        margin: 0 auto;
    }

.ErrorTitleWrap .ErrorTitle {
    font-size: 20px;
    color: #012b8b !important;
    font-family:Roboto Medium, Roboto, Arial;
    font-weight:500;
}

.ErrorTitle2 {
    font-size: 20px;
    color: #949292;
    font-family:Roboto, Arial;
    font-weight:300;
}

.secondryErrorTitleWrap .ErrorTitle {
    font-size: 16px !important;
    font-weight: bold;
}

.errormsgcon .ErrorTitle {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.errormsgcon a {
    color: #33c1d4;
    text-decoration: underline;
    font-size: 13px;
}

.errormsgcon {
    margin-bottom: 25px;
}

.errormsg .well {
    background-color: #f3f3f4;
    border: none;
    border-radius: 0;
    padding: 15px;
    line-height: 20px;
}

.ErrorTitle {
    text-align: center;
    color: #4f4f4f;
    margin: 10px; /*border-radius:5px;*/
    padding: 10px;
}

.Error_msg {
    color: #4f4f4f;
    /*margin: 10px;*/
}

.Error_msg_height {
    height: 140px !important;
}
/* ====================== Error page End====================== */

/* ====================== Interplan Configuration ====================== */


/*Project Progress Targets*/

.gridHeadcolor {
    background: #B8B8B8;
    font-weight: bold !important;
    height: 25px;
}

/*.rgMasterTable td,.mainGridtbl td
{
    border-right:1px solid #B8B8B8;
    border-bottom:1px solid #B8B8B8; 
    background:#F1FAFE;
}*/

.mainGridtbl {
    border-left: 1px solid #B8B8B8;
}

.KpiQucikradiofont {
    color: #4f4f4f;
    margin: 0px;
    padding: 0;
    list-style: none;
    display: inline;
}

    .KpiQucikradiofont li {
        margin: 0px;
        padding: 0px;
    }

.KPIQuickUpdateColums td table td {
    padding: 0px !important;
}

/* Project Progress Targets End*/


/* ====================== Interplan Configuration End ====================== */


.subheadingstext {
    font-weight: bold;
}

    .subheadingstext .label {
        font-size: 13px;
    }

/*=================== spell checker ==================*/

/* ====================== Authorised/AnalysisServices/EIS page ====================== */

.EISDefaultTab {
    background-color: #FFFFFF;
    font-size: 14px;
    color: #21415b;
    cursor: pointer;
    border: none;
}

    .EISDefaultTab td {
        border-top: solid 2px #229FBF;
    }

.EISDefaultTabHover, .EISSelectedTab {
    background-color: #e5e5e5;
    color: #21415b;
    border-top: solid 3px #e5e5e5;
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-size: 14px;
    border-left: 1px solid #fff;
}

.linkEis {
    padding: 15px 10px !important
}

.submenu {
    margin: 0;
}

    .submenu > div {
        padding: 15px 0;
    }

    .submenu .title .label {
        margin-left: 10px;
    }

    .submenu .label {
        font-size: 13px;
        font-weight: 500;
        color: #21415b;
    }

.EISDisabledTab {
    color: #AAAAAA;
    cursor: default;
}

.EisExpandIcon {
    cursor: pointer;
    width: 20px;
    background: #c9c9c9;
    vertical-align: top !important;
}

    .EisExpandIcon img {
        width: 16px;
        height: 16px;
        margin-top: 7px;
        vertical-align: middle;
        cursor: pointer;
        background: url(../../App_Themes/INTERPLAN/Grid/sprite.gif) 3px -498px no-repeat;
    }

.EiscollapsIcon {
    cursor: pointer;
    width: 20px;
    background: #c9c9c9;
    vertical-align: top !important;
}

    .EiscollapsIcon img {
        width: 16px;
        height: 16px;
        margin-top: 7px;
        vertical-align: middle;
        cursor: pointer;
        background: url(../../App_Themes/INTERPLAN/Grid/sprite.gif) 3px -445px no-repeat;
    }

/*background image path has changed according to server version*/
.EIS_chartsWrapper {
    width: 60%;
}

.EIS_Seperator {
    background: url('media/executiveDashboard/EIS_Seperator_img.gif') repeat-y left top;
}

.EIS_AlertsWrapper {
    width: 100%;
    background: #d9f7fc;
}

.EISAlertTitle {
    /*width: 100%;*/
    background: #b9edfe;
    padding: 2px;
}

.EIS_AlertsBody {
    width: 100%;
    display: none;
    overflow-x: hidden;
    cursor: pointer;
}

.EIS_AlertsLogo {
    float: left;
    width: 150px;
    height: 21px;
    margin: 5px 0 5px 0;
    vertical-align: top;
}

    .EIS_AlertsLogo .label {
        vertical-align: top;
        color: #00415d !important;
        font: bold 13px "Roboto", Arial;
        padding-top: 1px;
        margin-top: 4px;
        font-weight: 500;
    }

.EIS_AlertsSettings {
    float: right;
    height: 18px;
    width: 130px;
    margin: 7px 0 0 15px;
    cursor: pointer;
}

    .EIS_AlertsSettings .label {
        vertical-align: top;
        color: #00415d !important;
        font: bold 13px "Roboto", Arial;
    }

.EIS_AlertSettingstxtWrap {
    width: 100%;
    padding: 8px 0 0 0;
}

.EIS_ASPopuptext {
    vertical-align: bottom !important;
}

.EISkpiDatetxt {
    vertical-align: middle;
    color: #2b2b2b;
}

.EIS_AlertsBodylinktext a {
    /*color: #0066cc;*/
}

.EIS_AlertsBodylinktext {
    color: #0066cc;
}

.EIS_BugetToolbar {
    width: 35px;
}

.EIS_ScorecardTablelinks a {
    color: #004462;
}

/*EIS Pie Chart*/
.legendConRight {
    /* float: left; */
    width: 490px;
    margin: 0 auto;
}

.legendConBottom {
}

    .legendConBottom .RadHtmlChart {
    }

    .legendConBottom .legendCon {
        margin: 0 auto;
        float: none;
    }

.legendConRight .RadHtmlChart {
    float: left;
    margin: 0 auto;
}

.labelfontresize {
    color: #000;
}

.EISlabeldatacell {
    width: 80px;
    font-weight: bold;
    text-align: right;
    padding: 5px;
    vertical-align: middle;
}

.EISOverViewChartLabel {
    /*width: 300px;*/
    /*margin-bottom:-10px;*/
    min-height: 30px;
}

.EISOverViewChartLabelright {
    width: 400px;
}

    .EISOverViewChartLabelright .label {
        font-weight: bold;
        text-align: center;
        color: #0b6890;
    }

.EISOverViewChartLabel .label {
    /*font-weight: bold;*/
    text-align: center;
    color: #21415b;
    font-size: 15px;
    /*line-height:19px;*/
}

.EISOverViewTitlemain {
    /*width:100%;*/
    /*background: #B9EDFE;*/
    padding: 5px;
}

.EISOverViewToolbar {
    float: left;
    min-width: 70px;
    color: #00415d !important;
    /*font-weight: 800;*/
    font-weight: bolder;
}

    .EISOverViewToolbar .label {
        font-weight: bolder;
        display: block;
        margin-top: 5px;
    }

.EISOverViewclosebut {
    cursor: pointer;
    float: right;
}

#divActionProgressHeader {
    padding: 0px;
    background: #F3F1F2;
    border-bottom: 1px solid #fff;
    width: 100%;
}

#divActionExpenditureHeader {
    padding: 0px;
    background: #F3F1F2;
    border-bottom: 1px solid #fff;
    width: 100%;
}

#divKPIPerformanceHeader {
    padding: 0px;
    background: #F3F1F2;
    border-bottom: 1px solid #fff;
    width: 100%;
}

#divActionProgressHeader tr {
    height: 35px;
}

#divActionExpenditureHeader tr {
    height: 35px;
}

#divKPIPerformanceHeader tr {
    height: 35px;
}

/*EISDate Picker Droup Down*/
.comboBox {
    background-color: white;
    border: 1px solid #c3c3c3;
    color: #4f4f4f;
    z-index: 1;
    /*border-radius: 6px;*/
    display: inline-grid;
}

.comboBoxHover {
    border: 1px solid #c3c3c3;
    background-color: white;
    color: #fff;
    /*border-radius:10px;*/
    /*border-radius: 6px;*/
    display: inline-grid;
}

.comboDropDown {
    border: 1px solid #939494;
    background: #fff;
    color: #4f4f4f;
    padding: 2px;
    z-index: 1;
}

.comboTextBox {
    border: 0px;
    padding-left: 10px;
    padding-right: 2px;
}

.comboItem {
    padding: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.comboItemHover {
    background-color: #148db9;
    color: #4f4f4f;
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*Breadcrumb*/
#INTERPLAN_breadcrumb {
    font-size: 13px;
    background-repeat: repeat-x;
    height: auto;
    /*line-height: 30px;*/
    color: #004462;
    /*border: solid 1px #cacaca;*/ /*width:100%;*/
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    float: left;
    /*width:100%;*/
    display: inline-flex;
    white-space: nowrap;
}

    #INTERPLAN_breadcrumb li {
        list-style-type: none;
        float: left;
        padding-left: 10px;
    }

        #INTERPLAN_breadcrumb li span {
            font-size: 15px;
            color: #21415b;
            font-weight: 400 !important;
        }

            #INTERPLAN_breadcrumb li span .label {
                vertical-align: middle !important;
                font-size: 14px;
                color: #21415b;
                font-weight: bold;
            }

    #INTERPLAN_breadcrumb a, #INTERPLAN_breadcrumb .label {
        height: 20px;
        display: block;
        background-image: url('media/Breadcrumb/bc_separator.png');
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 15px;
        text-decoration: none;
        font-size: 15px;
        color: #21415b;
        font-weight: 500;
    }

    #INTERPLAN_breadcrumb .label {
        line-height: 30px;
    }

    #INTERPLAN_breadcrumb a:hover {
        /*color: #004462;*/
    }

.periodViewCon {
    float: right;
}

#divDateFrom, #divCbMonth {
    width: 150px;
}

.eisHeader #divDateFrom, #divCbMonth {
    width: auto !important;
}

.eistabMenu_wrapper {
    /*float:left;*/
}

/*No Record Found Msg*/
.NoRecordFoundMsg {
    margin: 80px auto 20px auto;
    text-align: center;
}

.EisActionGridheader {
    word-break: normal !important;
    word-wrap: break-word;
}

/* ====================== Authorised/AnalysisServices/EIS page End====================== */

/*Randika Test*/

.myAuditRecom {
    float: left;
    width: 33%;
}

.myProjectfieldset {
    float: left;
    width: 48%;
}

.myproTextwrap {
    float: left;
    width: 100%;
    margin: 4px 0;
}

.myprolabel {
    width: 37%;
    float: left;
    text-align: right;
    white-space: nowrap;
}

.quickfiltertextbox {
    float: left;
    width: 62%;
}

#divMyActionQuickUpdateFilter {
    position: absolute;
    top: 97px;
    z-index: 1001;
    left: 50px;
    right: 0;
    background-color: #fff
}

.quickupdateFilter {
    padding: 7px 0px;
    background-color: #fff;
    float: left;
    width: 100%;
}

    .quickupdateFilter > .row {
        margin: 0;
    }

    .quickupdateFilter .form-control {
        border-radius: 0;
        padding: 3px 5px;
        height: 27px;
        border: 1px solid #c8d1da;
    }

.ui-widget-content {
    text-decoration: none !important;
}

/*IE9 compatible Drag and drop - Start*/
.draggable td
/*{
	padding:2px 4px;
	border:2px solid #8cd1ef;	
	
}*/
/*.ui-state-active 
    {
        border: dashed 2px #007ed0 !important;
}  
/*IE9 compatible Drag and drop - End*/
/**************** Authorised/Administration/FavoriteReports.aspx ********************/
.RadGrid_Outlook {
    border: 1px solid #e5e5e5 !important;
    margin-top: 5px;
}

.RadGrid_Outlook .rgMasterTable {
    background-color: #F3F1F2;
    border-bottom: 1px solid #fff;
    line-height: 25px !important;
}

.RadGrid_Outlook .rgRow a {
    color: #000 !important;
}

.RadGrid_Outlook .rgAltRow a {
    color: #000 !important;
}

.RadGrid_Outlook td {
    border-color: #fff !important;
}
/**************** Authorised/Administration/FavoriteReports end ********************/

/**************** Authorised/Framework/ ********************/

/*Priority Criteria*/
.PriorityCriteria .button, .PriorityCriteria .FooterStyle td .button {
}

.FooterStyle td .PriorityCriteria .dateCellWidth1 {
    padding-left: 1px;
}

/*Governance*/
.Governance td .button {
}

.FooterStyle td .Governance .DropDownList {
}

.priorityCriteria {
    padding-left: 4px !important;
}

/**************** Authorised/Framework end ********************/

.SUBKPIhedding_fontsize {
    color: #000;
}


#ctl00_ContentPlaceHolder1_ReportViewer1_ctl09 {
    overflow: visible !important;
}

/**************** MY Update Home/ KPI Section  ********************/



.myUpdatekpi input {
}


.myUpdatekpi .HeaderStyle {
}

/**************** MY Update Home/ KPI Section End ********************/
/****************HierarchyComponentPropertySelection ********************/

.EISGridTitle {
    background-color: #01AEF0;
    color: #fff;
}

    .EISGridTitle td {
        padding: 2px 4px;
    }

        .EISGridTitle td div {
            vertical-align: middle;
        }


.EISGridRow {
    background-color: #FFFFFF;
    cursor: default;
    background-color: #f1fafe;
}

.EISGridData {
    border: 0px;
    background-color: #ffffff;
}

.EISGridData {
    border: 1px solid #b8b8b8;
}

.EISScrollBar {
}

.EISScrollGrip {
}

.EISGridRow a {
    color: #585858;
}

.EISGridDataCell {
    padding: 4px;
    border-left: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
}

.EISGridHeadingCell {
    background-color: #b8b8b8;
    color: #2b2b2b;
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
    height: 25px;
    vertical-align: middle;
}

.EISGridHeadingCellHover {
}

.EISGridHeadingRow td.FirstHeadingCell {
}

.EISGridHeadingCellText {
}

.EISGridSelectedRow {
    background-color: #A7CDF0;
    cursor: default;
}

.EISGridTitle input {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
    margin: 5px 0px 5px 0px;
}

.EISGridleftwhitespace {
    float: left;
}

.EISalertscrollbar {
    /*overflow-y: scroll;*/
    display: none;
}

.componentartGridPaging {
    margin: 5px 0px 0px 0px;
}

.componentartFooterGridPaging {
    background-color: #DDDDDD;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #B8B8B8;
}

.componentartGridPaging a:link {
    color: #fff;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: #a2a2a2;
    font-weight: bold;
    margin: 1px;
    text-decoration: none;
}

.pagertextcss {
    background: rgb(221, 221, 221);
    /*padding:4px;*/
}

    .pagertextcss a {
        text-decoration: none;
        color: #fff;
        background: rgb(162, 162, 162);
        padding: 2px 4px 2px 4px;
    }

.HierarchyComponentPropertySelection .ui-widget-header {
    font-weight: normal !important;
}

.HierarchyComponentPropertySelection .GridView .EditRowStyle .linkButton {
}

.undefined {
}
/****************EIS ActionGrid Styles ********************/

.imgBorderNone {
    border: 0px;
}

.eisActionGridProgressBar {
    width: 120px;
    float: left;
}

.eisActionGridProgressBarProgress {
    width: 35px;
    float: left;
}

.eisActionGridProgressBarTrafficLight {
    clear: left;
    float: left;
    margin-top: 3px;
    width: 50px;
}

/**************** My UPdates Quick Project Search ********************/

.gridHeaderlink {
    color: #000 !important;
}

/**************** My UPdates Quick Project Search End ********************/
/*IE9 compatible Drag and drop - Start*/
.draggable td {
    padding: 5px 4px;
    border-width: 1px 1px 2px 1px;
    border-bottom: solid 2px #eeeeee;
    color: #555252;
    background-color: #fff;
    border-color: #ccc;
    border-style: solid;
}

.ui-state-active {
    border: 2px dashed #33c1d4 !important;
}
/*IE9 compatible Drag and drop - End*/

.EisProjects .sendMail {
    display: block;
    width: 20px;
    height: 15px;
    background-image: url('media/icons/Mail.png');
    background-repeat: no-repeat;
}

.btnSubtask {
    background-color: TRANSPARENT;
    /*background-image: url("media/icons/subtask.png");*/
    background-image: url('ToolBar/tooBarTask.svg');
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.commentIcon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('media/icons/comment.png');
    background-repeat: no-repeat;
    background-position-y: 100%;
}

/**************** GIS Setup Shape Files ********************/
.gisSetupShapeFilesLeftMargin {
    margin: 0px 10px 0px 10px;
}
/**************** GIS Setup Shape Files ********************/
/**************** ExecutiveReportControl ********************/
.executReportMain {
    width: 99%;
    float: left;
}

.lbdiv {
    float: left;
}

.celldiv {
    float: left;
}

.datacellExecutPrt {
    padding: 4px 10px;
}

.Topline {
    border-top: solid 2px #6699cc;
}

.bottomline {
    border-bottom: solid 2px #6699cc;
}

.SummComHeader {
    width: 99%;
    margin: 0px 10px;
}

    .SummComHeader .myupdateToolbar {
        float: right;
    }

.SummComItemContainer {
    /*background-color: #F1FAFE;*/
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    width: 98%;
    /*border: solid 1px #b1daec;*/
}

.SumtableHeader, .SumtableHitem {
    width: 99%;
    float: left;
    text-align: left;
    padding: 0px;
    margin: 2px 0px;
}

    .SumtableHeader .label, .SumtableHitem .label {
        vertical-align: middle;
        padding: 0px;
    }

    .SumtableHeader .label {
        color: #255e6f;
    }

.SumtableHbtn .DropDownList, .SumtableHbtn .button {
    float: right;
    margin: 0 3px 0 5px;
}

.SumtableHbtn .button {
    padding: 1px;
}

.SumtableinneContent {
    float: left;
    width: 94%;
}

.SumtableHbtn {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.collapseItem {
}

.CollapseBar {
    float: left;
    width: 100%;
    text-align: center;
    padding: 3px 0px;
    background-color: #b4b4b4;
    background-image: url('media/icons/collapsebar.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

    .CollapseBar .label {
        font-weight: bold;
    }
/**************** ExecutiveReportControl ********************/

/******************** Welcome page Navigation **********************/
.navwrap {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    margin: 0px auto 0px auto;
}

.navigationPadHorgap {
    background-color: #f5f5f5;
    padding: 5px;
}

    .navigationPadHorgap .navheader div {
        float: left;
    }

    .navigationPadHorgap .navheaderwidth {
        width: 190px;
        margin-right: 10px;
        height: 40px;
        text-align: left;
        display: flex;
        align-items: center;
        color: #fff;
    }

    .navigationPadHorgap #divBody table .navpaditem {
        width: 190px;
        text-decoration: none;
        background-color: #fff;
    }

        .navigationPadHorgap #divBody table .navpaditem tr td {
            padding-right: 5px;
        }

    .navigationPadHorgap .navpad ul li a {
        width: 198px;
        padding: 0;
        text-decoration: none;
    }

.navpadcon {
    min-width: 1450px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


    .navigationPadHorgap .navheaderwidth {
        width: 180px;
    }

    .navigationPadHorgap #divBody table .navpaditem {
        width: 196px;
    }

    .navigationPadHorgap .navpad ul li a {
        width: 150px;
    }
}
/*********************************************/
.navpad [class*="level"] {
    margin-left: 0px;
}

.cus-navHeader {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    white-space: nowrap;
    overflow: auto;
}

    .cus-navHeader .cus-navlist:first-child {
        margin-left: 0;
    }

    .cus-navHeader .cus-navlist {
        display: inline-block;
        margin-left: 11px;
        background-color: #21415b;
        padding: 5px 6px 5px 15px;
        width: 199px;
        font-size: 13px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/*************************************************/

#divBody {
    float: left;
    clear: both;
}

.navwrap li {
    list-style-type: none;
    float: left;
    cursor: pointer;
}

    .navwrap li a {
        text-decoration: none;
        cursor: pointer;
    }

    .navwrap li img {
        float: left;
        cursor: pointer;
    }

.category {
    float: left;
    width: 160px;
    background-color: #e3e2e2;
    text-align: left;
    margin: 2px;
    padding: 4px 2px 4px 2px;
}

    .category span, .selected span {
        float: left;
        display: block;
        margin: 6px 0px 0px 5px !important;
    }

.selected {
    float: left;
    width: 160px;
    background-color: #0184c3;
    text-align: left;
    color: White;
    position: relative;
    margin: 2px;
    padding: 4px 2px 4px 2px;
}

    .selected span {
        color: #fff;
    }

    .selected .label {
        float: left;
        color: #fff;
        display: block;
        margin: 6px 0px 0px 5px !important;
        ;
    }

.ExecutiveElement .RadInput .riTextBox {
    /*width:100px;*/
    z-index: 0 !important;
}

.ExecutiveElement {
    margin: 0px 5px;
}

#StrategyRadGridControlTableRow td, #ActionRadGridControlTableRow td, #KpiRadGridControlTableRow td, #ScoreCardRadGridControlTableRow td {
    padding: 0px 4px;
}

.ExecutiveElement .quickupdatetextBox {
    height: 18px;
}

.QuickupdateStatusDroptxt {
}

.QuickupdateStatuspopDroptxt {
}

/******************** Welcome page Navigation End ********************/

/***************** Executive Update TAB*******************/
fieldset {
    margin: 0px !important;
    padding: 0px !important;
}


/***************** Executive Update TAB End*******************/
/***************** Audit Trial Grid*******************/
.historyhd {
    /*border: 1px solid #b8b8b8;*/
    padding: 4px;
    background: #fff;
    height: 20px;
    text-align: left;
    vertical-align: top;
}

    .historyhd .historycss:first-child {
        border-left: solid 5px #33c1d4 !important;
    }
/**************** Audit Trial Grid End*******************/

/* =============== Rad Tree Node ====================== */
.TreeView {
    border: #efefef 1px solid;
    background-color: White;
    padding: 5px 0 5px 0;
    cursor: default;
    color: #767676;
}

.TreeNode {
    padding: 1px;
    cursor: default;
    padding: 3px 5px 4px 5px;
}

.HoverTreeNode {
    padding: 3px 5px 4px 5px;
    color: #648bcb;
    background: #e5e5e5;
    cursor: default;
}

.SelectedTreeNode {
    padding: 3px 5px 4px;
    color: #fff;
    background-color: #33c1d4;
    cursor: default;
}

/* =============== Rad Tree Node End ====================== */


/* =============== MODULES SECTION ====================== */
/***************** modules/ImportToInterplan.aspx *******************/

.modulesgvSubGrouping .FooterStyle {
}
/***************** modules/ImportToInterplan.aspx *******************/


/***************** executivePortal *******************/
.executivePortal .myupdateTitle, .executivePortal .itemNumber {
    margin-left: 5px !important;
}

.executivePortal #StrategyRadGridControlTableRow td, .executivePortal #KpiRadGridControlTableRow td, .executivePortal #ScoreCardRadGridControlTableRow td {
    padding: 5px 4px;
}

.executivePortal #ActionRadGridControlTableRow .rgAltRow td input[type=checkbox], .executivePortal #ActionRadGridControlTableRow .rgRow td input[type=checkbox] {
    margin: 15px 0;
}

.executivePortal #ActionRadGridControlTableRow .rgAltRow td img, .executivePortal #ActionRadGridControlTableRow .rgRow td img {
    margin: 9px 0;
}

.executivePortal .myupdateheader .toolbardatacell {
    padding: 0px 4px !important;
}

.executivePortal .RadGrid .rgRow td, .executivePortal .RadGrid .rgAltRow td {
    padding-left: 2px !important;
}

.executivePortal .ExecutiveElement .RadInput .riTextBox {
    width: 275px;
}

.executivePortal .ExecutiveElement .RadInput .riTextBox {
    width: 275px;
    border-width: 1px;
}

.executivePortal #ScoreCardRadGridControlTableRow .ExecutiveElement .RadInput .riTextBox {
    width: 600px;
}

.executivePortal #KpiRadGridControlTableRow .ExecutiveElement .RadInput .riTextBox {
    width: 475px;
}

.Eiskpi .RadGrid_Interplan .rgRow td, .RadGrid_Interplan .rgAltRow td, .RadGrid_Interplan .rgEditRow td, .RadGrid_Interplan .rgFooter td {
    /*background-color: #F1FAFE;*/
}

.Eiskpi .RadGrid_Interplan .rgRow td, .Eiskpi .RadGrid_Interplan .rgAltRow td {
    /*border-left: 1px solid #B8B8B8;
    border-top: 1px solid #B8B8B8;*/
    padding: 5px 5px 4px 5px !important;
    border-right: none;
    border-bottom: none;
}

.RadGrid_Interplan .rgRow td .RegularExpressionValidator, .RadGrid_Interplan .rgAltRow td .RegularExpressionValidator {
    font-size: 10px;
}

.Eiskpi .rgPager .rgPagerCell {
    border-left: 1px solid #B8B8B8;
    border-top: 1px solid #B8B8B8;
    border-right: none;
    border-bottom: none;
    padding: 4px;
}

    .Eiskpi .rgPager .rgPagerCell .Panel, .Eiskpi .rgPager .rgPagerCell .Panel {
    }
/***************** executivePortal *******************/
/***************** modules/Exreport *******************/
.ExReportGridview .GridView .HeaderStyle .button {
    width: auto !important;
}

.Overfolw {
    overflow-y: auto;
    overflow-x: auto;
    height: 100% !important;
}

.Overfolw-yHide {
    overflow-y: hidden;
}

.ipmlinksubheading {
    font-weight: bold;
    padding-right: 5px;
}

.ipmlinkText {
    font-style: italic;
}
/* =============== MODULES SECTION End ====================== */

.floatRight {
    float: right;
}

.tablelayoutfixed {
    table-layout: fixed;
}

.radeditor {
    border: solid 1px #ccc !important;
}

.ProgressHistoryGrid {
    color: #000;
    font-weight: normal;
}

    .ProgressHistoryGrid td {
        border: 1px solid #b8b8b8;
        font-weight: normal;
        padding: 4px;
        text-align: left;
        background-color: rgb(246, 246, 246);
    }

.historyProgresscss {
    padding-right: 4px;
    padding-left: 4px;
    border: 0px solid #ACA899;
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    overflow: auto;
}

.historyProgressHeadercss {
    padding-right: 4px;
    padding-left: 4px;
    border: 0px solid #ACA899;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    overflow: auto;
}

/* =============== TASK HISTORY GRID ====================== */

.taskHistoryGrid {
    color: #000;
    font-weight: normal;
    border: solid 1px #eeeeee;
}

    .taskHistoryGrid th .label {
        font-size: 13px;
        color: #21415b;
    }

    .taskHistoryGrid th:first-child {
        border-left: solid 5px #d5d5d5 !important;
    }

    .taskHistoryGrid th, .subheadingstext {
        height: 40px;
        background: #d5d5d5;
        font-weight: normal !important;
        color: #21415b;
        Border: 0 !important;
        padding: 5px 0 0 5px !important;
        font-size: 13px;
        vertical-align: top;
    }

        .taskHistoryGrid th span {
            font-weight: normal;
        }

    .taskHistoryGrid td {
        border-width: 0 0 2px 0 !important;
        border-bottom: solid 2px #eeeeee;
        text-align: left;
        color: #555252;
        padding-top: 4px;
        padding-bottom: 3px;
        /*min-width :250px;*/
    }

    .taskHistoryGrid .HeaderStyle {
    }

    .taskHistoryGrid .AlternatingRowStyle, .taskHistoryGrid .RowStyle, .taskHistoryGrid .AlternatingRowStyle select {
    }

        .taskHistoryGrid .AlternatingRowStyle select {
        }

.prcentagesign {
    padding-left: 2px;
    padding-top: 6px;
}

    .prcentagesign .label {
        color: #000;
    }
/* =============== EIS KPI tab ====================== */
.rgGroupPanel {
}

    .rgGroupPanel .rgGroupItem {
        line-height: 10px !important;
    }

        .rgGroupPanel .rgGroupItem .button {
            width: 25px;
            margin-top: 5px;
            display: none;
        }

.RadGrid .rgGroupItem {
    color: #004b66;
    padding: 3px 5px 3px 10px !important;
    font: 13px 700 "Roboto", Arial, Helvetica, sans-serif !important;
    vertical-align: middle !important;
    text-align: center !important;
}


/* =============== TASK HISTORY GRID ====================== */

.proritycell .DropDownList {
    width: 101px;
}

/* =================== Action Budget Grid ===================== */
.ActionbudgetGrid {
    position: absolute;
}

/*.ActionbudgetBtn {
	
	background-color: #148db9 !important;
	color: #fff !important;
	border: solid 1px #004b66 !important;
	text-align: center;
    text-decoration: none !important;
    -webkit-appearance: none !important;
    border: solid 1px #004b66 !important;
    margin: 1px !important;
    display: block !important;
    padding: 2px 4px !important;
    
    cursor: pointer !important;
    font-weight: 600 !important;
    text-align: center !important;
}*/

.divBudgetSection {
    min-width: 450px;
    overflow: auto;
    height: 100%;
}

/* =================== excecitve reporting/action ===================== */

.actionchkbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.actionchkbox li {
    display: block;
    float: left;
    margin: 5px 40px 0 0;
    padding: 0;
    width: 120px;
}

.executiveReportingActionSearchTable .dataFromTR .reportPeriodCheckBoxTD {
    padding-left: 2px;
}

.executiveReportingActionSearchTable .addSelectedActionsTD input{
    margin-left: 0px;
}

.actionklist li {
    float: left;
}

.myupdateGrid .rgGroupCol {
    padding: 0px !important;
    margin: 0px;
    width: 20px !important;
    /* display:none;*/
}

.Enivoranalisiscell {
    padding: 5px;
}

/* =================== Business Unit action/ Budget===================== */
.bugetgridTexbox {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
}

/* =================== Business Unit action/ Budget End===================== */

.gridBorder td {
    border: none !important;
    border-style: none !important;
}

.RadToolBar .rtbIcon, x:-moz-any-link, x:default {
    padding: 0px !important;
    margin: 0px !important;
}

.paddingReset {
    padding: 0 !important;
}

.ScorecardListEditImage {
    padding-top: 4px !important;
}

.buttonPadding {
    padding: 0 4px 0 4px !important;
    width: auto !important;
}

/************* GISHierarchy Tree Control*****************/

.GISHierarchyTreePoPUp {
    width: 100%;
    height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
}

.GISHierTreeDiv {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/************* KPI History page *****************/
.KpiHistoryGrid .sideMenuItem {
    width: 15%;
    float: left;
    padding: 2px;
    height: 200px;
    border: solid 1px #ccc;
    overflow-x: auto;
    margin: 0px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.KpiHistoryGrid .SideMenu_DataList {
    /*background-color: rgb(241, 250, 254);*/
}

.KpiHistoryGrid .GridView .AlternatingRowStyle, .KpiHistoryGrid .GridView .AlternatingRowStyle td, .KpiHistoryGrid .GridView .RowStyle, .KpiHistoryGrid .GridView .RowStyle td {
    padding: 0px;
}


/***********Parameter Page*************/
.MangeParacontent {
    margin: 200px auto 0px auto;
    height: 100px;
    width: 300px;
}

.paddRignt {
    padding-right: 5px;
}


.quickKPIFieldChanged {
    border: 1px solid #eee;
}


    .quickKPIFieldChanged td {
        border: 1px solid #eee;
    }


.DataGrid td table .innerTableGrid td {
    text-align: left !important;
}

.Execporgap {
    height: 2px;
}

.myUpdatefildegap {
    margin: 5px 0px;
}

.mykpiformgap {
    height: 35px;
}

.actionpopuptoolbar {
    float: right;
}

.iconbugetalign {
    margin-right: 5px;
    margin-bottom: 5px;
}

.colorPanel {
    background: white;
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    height: 150px;
}

.colorPanelCell {
    width: 25px;
    height: 25px;
}


/* =============== Hierarchy Level Popup Grid ====================== */

.heirachypopupgrid {
    /*width: 725px;*/
    /*overflow-x: scroll;*/
}


/* =============== Hierarchy Level Popup Grid End ====================== */

/* =============== Hierarchy Level Popup Grid ====================== */

.QukKpierror span {
}

/* =============== Auto Height End ====================== */
.divBudgetSection .GridView .eisbudgetrgHeader th {
    font-weight: normal;
}

/* =============== Hierarchy Level Popup Grid End ====================== */

.superscript {
    color: red;
    position: relative;
    top: -1px;
    padding-left: 5px;
}

.superscriptKpis {
    color: red;
    position: relative;
    top: -5px;
    padding-left: 5px;
}

.superscriptActions {
    color: red;
    position: relative;
    top: -1px;
    padding-left: 5px;
}

/* =============== Auto Height ====================== */

.heightAuto {
    height: auto !important;
    max-height: none !important;
}

/* =============== Auto Height End ====================== */
.bussUnitOverview .GridView .RowStyle a, .bussUnitOverview .GridView .AlternatingRowStyle a {
}

.rmRootGroup {
    z-index: 20000;
}


/* =============== KPI Quick Update Setting ====================== */

.KPIQuickUpdateColums {
    width: 170px;
}

/* =============== KPI Quick Update Setting End ====================== */

/* =============== Styles ====================== */

.scrollDisable {
    overflow: hidden !important;
}

.scrollEnable {
    overflow: scroll;
}

.scrollAutoEnable {
    overflow: auto;
}


.scrollDisablex {
    overflow-x: hidden !important;
}

/* ===============  Styles End ====================== */

/* =============== Email Template ====================== */

/*.reContentCell iframe
{
    border:1px solid #939494 !important;
}*/

.RadEditor .Default .reContentCell {
    border: 0 !important;
}

.reWrapper .RadEditor table td {
    border: 0 !important;
}

/* =============== Email Template End ====================== */

.kpiGraphBorder {
    position: relative;
}

.ruInputs .ruFakeInput {
    border: solid #ccc 1px !important;
    background-color: #f0f0f0 !important;
}

.ruInputs .ruButton {
    border: solid #ccc 1px !important;
    background-color: #f0f0f0;
    padding: 0px 5px !important;
}

.ruInputs .ruUploadSuccess {
    padding: 0px 4px;
}

.ruInputs .RadUpload {
    float: right;
}

.RadUpload .ruInputs ul {
    float: left;
}

.RadUpload .ruRemove {
    margin-left: 5px;
}

.RadUpload .ruActions {
    margin-top: 0px !important;
    margin-bottom: 5px;
}

/* =============== Report Uploader setup ====================== */
.reportUploadgridtxt {
    word-break: break-all;
}
/* =============== Report Uploader setup End ====================== */

.defaultValimessage {
    color: blue;
}

.Gridview .EmptyDataRowStyle td .button {
}

/*=================== View Email Notification Log =========================*/

.E-mailnotificLog_main {
    padding: 10px;
    background-color: #e9edf1;
}

.E-mailnotificLog_header {
    color: #3b3b3b;
    background-color: #e9edf1;
    width: 97.6%;
    float: left;
    padding: 10px;
    height: 100px;
    min-height: 60px;
}

.E-mailnotificLog_middlecontent {
    width: 97.6%;
    height: 435px;
    float: left;
    padding: 10px;
    border: 1px solid #a5acb5;
    background-color: #fff;
    margin: 5px 0px 0px 0px;
    overflow: auto;
}

.fontcolorblack {
    color: #000;
}

.E-mailnotificLog_ToList {
    float: left;
    width: 850px;
    vertical-align: top;
    max-height: 32px;
    overflow-y: auto;
}

/*=================== View Email Notification Log =========================*/


/*=============== ReportTableControl lbBlankMessage =======================*/
.ReportBlnkMsg {
    color: #4f4f4f;
    text-align: center !important;
    display: block;
    padding: 15px;
    width: 80%;
    margin: 15px auto 0px auto;
}
/*=============== ReportTableControl lbBlankMessage =======================*/

.emailtempGridmain {
}


/*========== About page============*/

.AboutlblCopyright {
    color: #004b66;
    /**/
    text-align: right;
    vertical-align: top !important;
}

.commentboxbtn {
    background-color: #efefef !important;
    /*vertical-align:middle !important;*/
    padding-top: 5px !important;
    text-align: center;
}

    .commentboxbtn td {
        height: 45px;
    }

/* ====================== Access Denied page ====================== */

.accessdenied .Errormain_wrap {
    width: 100%;
    height: 100%;
}

.accessdenied .Errorheader {
    height: auto;
    background: #21415a;
    padding: 0 0px 0px 15px;
}

.accessdenied .ErrorPageheader_logo {
    width: 140px;
    height: 40px;
}

.accessdenied .Error_msg_wrap {
    text-align: left;
    padding: 10px;
}

.accessdenied .Error_msg_wrap_linkbutton1 {
    font: normal 16px;
    text-decoration: none;
    color: #066fb2; /*#00afef*/
    text-decoration: underline;
    font-weight: 400;
}

.accessdenied .ErrorTitleWrap {
    margin: 10px 0px 10px 0px;
    /*border: 10px dashed #fbfafa;*/
    padding: 10px;
}

.accessdenied .ErrorTitle {
    /*font: bold 14px "Segoe UI Semibold";*/
    text-align: center;
    color: #e84849;
    margin: 0px; /*border-radius:5px;*/
    padding: 0px;
}

.accessdenied .Error_msg {
    font: normal 13px "Roboto", "Segoe UI Light", "Segoe UI Semibold";
    color: #4f4f4f;
    margin: 10px;
}

.accessdenied .Error_msg_height {
    height: 200px !important;
}
/* ====================== Access Denied page End====================== */

/*======= Access Denied page footer content =======*/
.accessdenied .footerContent {
    height: 25px;
    color: #fff;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background: #00afef;
}

    .accessdenied .footerContent .left-Side {
        float: left;
        clear: right;
        margin: 5px 10px 0px 0px;
    }

        .accessdenied .footerContent .left-Side a {
            text-decoration: none;
            color: #fff;
            margin: 1px 10px;
            vertical-align: middle;
        }

    .accessdenied .footerContent .CopyRight .label {
        width: 300px;
        color: #fff !important;
        vertical-align: middle;
    }

.accessdenied .CopyRight {
    margin: 0px 10px 0px 0px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
    background-repeat: repeat-x;
    float: right;
}

/*======= Access Denied page footer content =======*/

/*========== Framework/ Governance ============*/

#govergridwidth {
    overflow-x: scroll;
}

/*========== Framework/ Governance End ============*/
.ActionBugetTab .riTextBox {
    text-align: right;
}

.viewReportiframe {
    width: 100% !important;
    height: 95% !important;
    background-image: url('media/logos/i-animation.gif') !important;
    background-position: top !important;
    background-repeat: no-repeat;
}

.mandatory {
    color: red;
}

/*========== Task Quick Update ============*/

.compArtgridhead {
    background: #b8b8b8;
    color: #000;
    font-weight: bold;
    height: 28px;
}

.compArtgridaltrow {
    background-color: #f1fafe;
    padding: 10px 15px 10px 5px;
    text-align: left;
}

    .compArtgridaltrow input, .compArtgridaltrow select, .compArtgridaltrow textarea, .compArtgridaltrow span {
        width: 80%;
    }

    .compArtgridaltrow textarea {
        height: 35px;
    }

.compArtgridrowpadd {
    padding: 0 15px 0 10px;
    color: red;
}

.comArtpmaintable {
    border-left: 1px solid #b8b8b8;
}

    .comArtpmaintable td {
        border-bottom: 1px solid #b8b8b8;
        border-right: 1px solid #b8b8b8;
    }

.testback {
    background: #000;
}
/*========== Task Quick Update End ============*/

sup, sup:hover {
    color: red;
    text-decoration: none;
    /*top: 1px;*/
    left: 5px;
    font-size: 9px;
}

#divMyUpdateKPIGrid sup, #divMyUpdateKPIGrid sub:hover {
    color: red;
    text-decoration: none;
    top: -5px;
    left: 0px;
    font-size: 9px;
}

small {
    color: blue;
}

.validatormsg {
    color: red;
}


/* =============== Replicate KPI Date ====================== */

.replicatelist {
    padding: 0 0 0 10px;
    margin: 0 0 0 8px;
    margin-right: 80px;
}

    .replicatelist li {
        padding: 0 0 0px 0;
        color: #004b66;
        text-align: justify;
        list-style-position: initial;
    }

.ReplicateKpiCheck td {
    padding: 0 8px 4px 0;
    color: #2b2b2b;
}


/* =============== Replicate KPI Date End ====================== */

/*========== Interplan User Control Styles ============*/
.radAjaxPanelWizard {
    background-color: rgb(239, 243, 251);
}

.radAjaxPanelSideBarStyle {
    background-color: rgb(80, 124, 209);
}

.radAjaxPanelHeaderStyle {
    background-color: rgb(40, 78, 152);
}

.radAjaxPanelSideBarButtonStyle {
    background-color: rgb(80, 124, 209);
}

.manageKPI {
    background-color: rgb(224, 224, 224);
}

span.imagePanel {
    text-align: center;
    float: left;
}

    span.imagePanel a:link div {
        background: rgb(221, 221, 221);
        width: 75px;
        min-height: 75px;
        color: white;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
    }

    span.imagePanel a:visited div {
        background: rgb(221, 221, 221);
        width: 75px;
        min-height: 75px;
        color: white;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
    }

    span.imagePanel a:hover div {
        background: rgb(221, 221, 221);
        width: 75px;
        color: white;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
    }

    span.imagePanel a:active div {
        background: rgb(221, 221, 221);
        width: 75px;
        min-height: 75px;
        color: white;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 );
    }

    span.imagePanel a:hover div {
        background: rgb(238, 238, 238);
        width: 75px;
        min-height: 75px;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DDDDDD',GradientType=0 );
    }

    span.imagePanel a div img {
        width: 75px; /*height: 50px;*/
    }

.accessDeniedHeader {
    padding: 10px;
    width: auto;
    height: 70%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.budgetGaugeContainer {
    background-color: rgb(233, 241, 244);
}

.dundasWebChart {
    background-color: rgb(233, 241, 244);
}

.radGridItemStyle {
    background-image: url("media/Grid/Delete.gif");
}

.divKPIAlertExpand {
    margin-top: -15px;
    margin-right: 3px;
    background-image: url("../../../RadControls/Dock/Skins/Interplan/Img/Expand.gif");
}

.selector {
    width: 12px;
    text-align: left;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}

.picker {
    padding: 2px;
    border: 1px solid gray;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}

.calendar_button {
    border: currentColor;
    cursor: pointer;
    background-image: url("media/Calendar/btn_calendar.gif");
}

.calendar td {
}

.title {
    font-weight: bold;
}

.day {
    border: 1px solid rgb(246, 246, 246);
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.dayhover {
    border: 1px solid rgb(246, 246, 246);
    width: 25px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.dayheader {
    border: 1px solid white;
    width: 25px;
    text-align: center;
    font-weight: bold;
    background-color: rgb(255, 255, 255);
}

.othermonthday {
    color: rgb(153, 153, 153);
}

.selectedday {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(187, 85, 3) !important;
    width: 25px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background-color: rgb(251, 230, 148);
}

.calendar {
    border: 1px solid black;
    border-collapse: collapse;
    cursor: default;
    background-color: rgb(255, 255, 255);
}

.month {
    margin: 0px 5px 5px;
    background-color: rgb(246, 246, 246);
}

.nextprev {
    padding: 0px 5px;
    height: 25px;
    cursor: pointer;
}

.loginTableRow {
    background-repeat: repeat-x;
}

.loginTableCell {
    width: 100%;
    color: white;
    font-weight: bold;
}

div.tabs {
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: normal;
}

.loginLabel {
    margin: 0px;
    height: 10px;
    color: rgb(0, 68, 104);
}

.loginBody {
    height: 100%;
    vertical-align: middle;
}

.headerSize {
    width: 100%;
    height: 30px;
}

.headerArchivePeriodPanel {
    text-align: center;
}

.leftNavigationDiv {
    background: silver;
    width: 150px;
    height: 100%;
}

.leftNavigationTable {
    width: 150px;
    height: 100%;
}

.leftNavigationTableData {
    height: 16px;
    display: inherit;
    background-color: rgb(222, 222, 222);
}

.leftNavigationCell {
    width: 150px;
    height: 100%;
    overflow: auto;
    display: inherit;
}

.lefeNavigationDivToolbar {
    display: none;
    writing-mode: tb-rl;
}

.lefeNavigationSpanToolbar {
    padding: 2px;
    writing-mode: tb-rl;
    background-color: aqua;
}

.menuFrameTd {
    color: rgb(0, 153, 220);
    text-decoration: none;
}

.tableForm {
}

.cellFormLabel {
    padding: 8px 8px 3px 3px;
    text-align: left;
    color: rgb(0, 68, 98);
    font-weight: 700;
    vertical-align: top;
    white-space: nowrap;
    min-width: 60px;
}

.cellFormData {
    padding: 5px 8px;
    width: 95%;
    color: rgb(79, 79, 79);
    vertical-align: top;
}

.FormLabelDynamic {
    color: rgb(0, 68, 98);
    font-weight: bold;
}

.textBoxAlignmentCenter {
    text-align: center;
}

.hierarchyComponentDetailsWidth {
    width: 100%;
}

.CustomFieldFormLabel {
    padding: 8px 8px 3px 3px;
    text-align: left;
    color: rgb(0, 68, 98);
    font-weight: 700;
    vertical-align: top;
}

.labelWarning {
    color: red;
}

.EditSection_FormLabel {
    padding: 4px 0px 0px 2px;
}

.cellDetailLabel {
    font-weight: bold;
}

.cellDetailData {
}

.cellFormValidator {
    padding: 9px 0;
    width: 10px;
    text-align: center;
    vertical-align: top;
    min-width: 10px;
    /*background-color: rgb(243, 237, 254);*/
}

.mandatoryfields {
    color: #ff0000;
    font-size: 9px;
}

.mandatory {
    color: red;
    font-size: 9px;
}

.cellFormContent {
    padding: 5px 8px;
    width: 100%;
    color: rgb(102, 102, 153);
    vertical-align: top;
}

.cellFormInner table {
    padding: 2px 0px;
}

.cellFormInnerLabel {
    padding: 2px 8px 2px 0px;
    width: 150px;
    text-align: right;
    color: rgb(102, 102, 153);
    white-space: nowrap;
}

.cellFormInnerData {
    padding: 2px 8px 2px 0px;
    width: 200px;
    color: rgb(79, 79, 79);
}

.cellGridLabel {
    padding: 8px 8px 3px 1px;
    text-align: left;
    color: rgb(102, 102, 153);
    vertical-align: top;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    white-space: nowrap;
    background-color: rgb(233, 241, 244);
}

.cellGridData {
    padding: 5px 8px;
    width: 90%;
    color: rgb(79, 79, 79);
    vertical-align: top;
    background-color: rgb(233, 241, 244);
}

.cellGridValidator {
    padding: 10px 4px;
    width: 10px;
    color: rgb(102, 102, 153);
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgb(243, 237, 254);
}

.cellGridContent {
    padding: 5px 8px;
    width: 100%;
    color: rgb(102, 102, 153);
    background-color: white;
}

#header {
    background: url("media/header-bar_bk.png") repeat-x top rgb(255, 255, 255);
    height: 38px;
}

.IRM_logo {
    width: 293px;
    height: 50px;
    padding-left: 10px;
}

.header_right {
    width: 13px;
    height: 38px;
}

.header_bottom_line {
    background: url("media/header_bottom_line.jpg") repeat-x top rgb(255, 255, 255);
    height: 5px;
}

.navigation {
    height: 27px !important;
}

.contentHeadaer_left {
    background: url("media/My_Action_TB_LHS.gif") no-repeat left top;
    width: 8px;
    height: 27px;
}

.contentHeadaer_middle {
    background: url("media/My_Action_TB_Middle_66.gif") repeat-x left top;
    height: 27px;
    color: rgb(255, 255, 255);
    padding-left: 10px;
    font-weight: 700;
    vertical-align: middle;
    white-space: nowrap;
}

.contentHeadaer_right {
    background: url("media/My_Action_TB_RHS.gif") no-repeat right top;
    width: 8px;
    height: 27px;
}

.contentHeadaerstretch {
}

.SideMenu_width {
    width: 150px;
    border-right-color: rgb(255, 255, 255);
    border-right-width: 5px;
    border-right-style: solid;
}

.EditGridCell {
    width: 250px;
    vertical-align: top;
}

.EditGridCellRight {
    width: 250px;
    vertical-align: top;
}

.EditContentCell {
    vertical-align: top;
}

.SideTreeCell {
    width: 200px;
    vertical-align: top;
    border-right-color: rgb(233, 241, 244);
    border-right-width: 5px;
    border-right-style: solid;
}

.KPIMiddleCell {
    width: 60%;
    vertical-align: top;
}

.SideListPanelCell {
    width: 250px;
    vertical-align: top;
    border-left-color: rgb(233, 241, 244);
    border-left-width: 5px;
    border-left-style: solid;
}

eal_width_left {
    width: 250px;
}

eal_width_right {
    width: 250px;
}

.dm_wrap {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

    .dm_wrap .dm_ContentWrapper {
        vertical-align: top;
    }

.DIV_Border_Risk_Ratings {
    border: 1px solid rgb(183, 205, 252);
    width: 99%;
    vertical-align: top;
}

.Table1 {
    width: 99%;
    text-align: center;
    vertical-align: middle;
    min-width: 340px;
}

.Image2 {
    background-image: url("media/executiveDashboard/Executive_Left_Top_Corner.gif");
}

.Executive_Top_Edge {
    background-position: bottom;
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Top_Edge_Only {
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Top_Edge1 {
    background-position: bottom;
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Bottom_Edge {
    background-image: url("media/executiveDashboard/Executive_Bottom_Edge.gif");
}

.tborder {
    width: 99%;
    text-align: center;
    vertical-align: middle;
    min-width: 340px;
}

.Executive_Top_Edge {
    background-position: bottom;
    width: 200px;
    height: 1px;
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Top_Edge1 {
    background-position: bottom;
    width: 500px;
    height: 1px;
    background-image: url("media/executiveDashboard/Executive_Top_Edge.gif");
}

.Executive_Left_Edge {
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Left_Edge {
    width: 2px;
    background-image: url("media/executiveDashboard/Executive_Left_Edge.gif");
}

.Executive_Right_Edge {
    width: 2px;
    background-image: url("media/executiveDashboard/Executive_Right_Edge.gif");
}

.Executive_Bottom_Edge {
    width: 400px;
    background-image: url("media/executiveDashboard/Executive_Bottom_Edge.gif");
}

.riskFadingFooter {
    width: 100%;
    height: 20px;
}

.ExecutiveDashboard .title {
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
}

div.sideTreeMenu {
    background-color: rgb(248, 248, 255);
}

td.sideTreeMenu {
    border-right-color: rgb(238, 238, 238);
    border-right-width: 1px;
    border-right-style: solid;
    background-color: rgb(248, 248, 255);
}

.wrap_project_risk {
    text-align: left;
}

.wrap_eis {
    left: 0px;
    top: 0px;
    visibility: hidden;
    position: absolute;
}

.TextHeader {
    padding: 1px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.MisspelledWordStyle {
    color: red;
    font-weight: bold;
}

.toolbarButton {
    vertical-align: middle;
}

.cellFormDataBUnits {
    padding: 5px;
    vertical-align: middle;
}

sup {
    color: red;
}

small {
    color: blue;
}

.rightAlign {
    text-align: right;
}

div.tinySection {
    border-width: 2px 1px 1px;
    border-style: solid;
    border-color: rgb(18, 156, 217) gainsboro gainsboro;
    margin: 3px 3px 6px;
    background-color: rgb(240, 247, 253);
}

.sectionToolbar {
    width: 100%;
    height: 22px;
    background-image: url("media/myxheaders/My_Action_TB_Middle_66.gif");
    background-repeat: repeat-x;
}

.section {
    border: 1px solid gainsboro;
    margin-bottom: 20px;
    background-color: rgb(233, 241, 244);
}

.treewiewOSTreeTD {
    width: 250px;
}

.treewiewOSTreeTR {
    width: 300px;
    height: 500px;
    overflow: auto;
}

.gridOSTreeTR {
    width: 100%;
    vertical-align: top;
}

.IPConfigurationTDMenu {
    vertical-align: top;
}

.IPConfigurationTD {
    width: 100%;
    vertical-align: top;
}

.IPConfigurationTDMenu {
    vertical-align: top;
}

.IPConfigurationTD {
    width: 100%;
    vertical-align: top;
}

.ChartTD {
    width: 100%;
    height: 200px;
}

.GraphTD {
    width: 100%;
}

.AQUlblEndDate {
    padding: 5px 10px 10px;
    text-align: left;
    color: rgb(102, 102, 153);
    vertical-align: top;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    white-space: nowrap;
    min-width: 100px;
    background-color: rgb(243, 237, 254);
}

.AQUtxtEndDate {
    padding: 0px 5px;
}

.QuickUpdateHeader {
    top: 110px;
    text-align: right;
    right: 3px;
    padding-right: 3px;
    float: right;
    position: absolute;
}

.KPIPro {
    text-align: right;
    color: red;
}

.Section {
    border: 1px solid gainsboro;
    margin-bottom: 20px;
    background-color: rgb(233, 241, 244);
}

.GridArea {
    overflow: auto;
}

.myactionpanel {
    width: 100%;
}

.mykpipanel {
    width: 100%;
}

.myTaskPanel {
    width: 100%;
}

.myactionpanel .list {
    height: 190px;
}

.myTaskPanel .list {
    height: 190px;
}

.mykpipanel .list {
    height: 190px;
}

.myactionpanel .header td {
    vertical-align: middle;
}

.mykpipanel .header td {
    vertical-align: middle;
}

.myTaskPanel .header td {
    vertical-align: middle;
}

.myactionpanel .header .title {
    color: white;
    font-weight: bold;
}

.mykpipanel .header .title {
    color: white;
    font-weight: bold;
}

.myTaskPanel .header .title {
    color: white;
    font-weight: bold;
}

.myactionpanel .list {
    border-collapse: separate;
    overflow-y: scroll;
}

.mykpipanel .list {
    border-collapse: separate;
    overflow-y: scroll;
}

.myTaskPanel .list {
    border-collapse: separate;
    overflow-y: scroll;
}

.myactionpanel .action {
    border: 1px solid rgb(168, 204, 220);
    background-color: rgb(233, 241, 244);
}

.mykpipanel .kpi {
    border: 1px solid rgb(168, 204, 220);
    background-color: rgb(233, 241, 244);
}

.myTaskPanel .task {
    border: 1px solid rgb(168, 204, 220);
    background-color: rgb(233, 241, 244);
}

.myactionpanel .fadingfooter {
    width: 100%;
    height: 50px;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#C4D6DE', EndColorStr='#e9f1f4');
}

.mykpipanel .fadingfooter {
    width: 100%;
    height: 50px;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#C4D6DE', EndColorStr='#e9f1f4');
}

.myTaskPanel .fadingfooter {
    width: 100%;
    height: 50px;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#C4D6DE', EndColorStr='#e9f1f4');
}

.frontDashboard {
    text-align: center;
}

.sectionSubHeader {
    background-color: rgb(18, 156, 217);
}

.section {
    border: 1px solid gainsboro;
    margin-bottom: 20px;
    background-color: rgb(233, 241, 244);
}

.headerFormCellLabel {
    padding: 8px 8px 3px 3px;
    text-align: left;
    color: rgb(102, 102, 153);
    vertical-align: top;
    white-space: nowrap;
    min-width: 30px;
    background-color: rgb(233, 241, 244);
}

.headerFormCellData {
    padding: 5px 8px;
    width: 95%;
    color: rgb(79, 79, 79);
    vertical-align: top;
    background-color: rgb(233, 241, 244);
}

.RightListGrid {
    width: 250px;
    padding-left: 5px;
    vertical-align: top;
}

.menuParentDropDown {
    padding: 5px;
    border: 1px solid gray;
    width: auto;
    height: 20px;
    font-weight: bold;
}

.CenterGridArea {
    width: 100%;
    padding-left: 5px;
    vertical-align: top;
}

.Error {
    color: red;
    font-weight: bold;
}

.QuickSearchGrid {
    text-align: right;
}

.ScoreCardSecondTD {
    width: 5px;
    background-color: rgb(168, 204, 220);
}

.ScoreCardThirdTD {
    width: 49%;
    margin-left: 10px;
}

.ImportToInterplan {
    width: 100%;
    vertical-align: top;
}

.QuickKPIComment {
    /*background-color: rgb(233, 241, 244);*/
}

.FontItalic {
    font-style: italic;
}

.FontBold {
    font-weight: bold;
}

.viewReportiframe {
    background-position: center;
    width: 100%;
    height: 95%;
    background-image: url("media/logos/i-animation.gif");
    background-repeat: no-repeat;
}

.report_header_middle {
    text-align: right;
}

.tinysection2 {
    border: 1px solid gainsboro;
    background-color: rgb(255, 255, 255);
}

.Menu_bk {
    background: url("media/tab_menu_bk.jpg") repeat-x left top;
}

.lblWrap {
    color: rgb(0, 68, 98);
    font-weight: 700;
    white-space: normal;
}

.MoveTable {
    margin-top: 8px;
}

.MoveTableLabel {
    padding: 4px 8px 3px 3px;
    text-align: right;
    color: rgb(0, 68, 98);
    font-weight: 700;
    vertical-align: top;
    white-space: nowrap;
}

.MoveTable2 {
    width: 650px;
    margin-top: 8px;
}

.checkTable {
    margin-right: 5px;
    margin-left: 4px;
}

.history {
    /*border: 1px solid rgb(172, 168, 153);*/
    padding-right: 0px;
    padding-left: 0px;
}

    .history .td {
        border: 1px solid rgb(172, 168, 153);
        padding-right: 3px;
        padding-left: 3px;
    }

.SelectableImage {
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.cellFormData1 {
    padding: 5px 8px;
    color: rgb(79, 79, 79);
    vertical-align: top;
}

.tinySection table td {
    height: 20px;
}

.reportConfigItem {
}

    .reportConfigItem label {
        padding-left: 4px;
    }

.ganttChart {
    width: 726px;
    height: 353px;
}


/*========== Interplan user Control Styles  End ============*/

.mandetarylabel {
    color: red;
}

#INTERPLAN_breadcrumb li a .button {
    background-color: transparent !important;
    color: #004462 !important;
    padding: 5px;
    border: none;
}

.incomeGrid {
    overflow-x: scroll;
}

/* =============== Replicate KPI Date End ====================== */

/*========== Master Product Menu ============*/

.topproductsmenu a {
    display: block;
    width: 80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.topproductsmenu span {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
}

.prodEIS {
    background: #b1b1b1;
}

.prodIPM {
    background: #069392;
}

.prodIRM {
    background: #e51b24;
}

.prodPES {
    background: #f5901e;
}

.prodBMC {
    background: #fdb50c;
}

.prodWPC {
    background: #5c7f2f;
}

.prodISR {
    background: #cac923;
}

.prodSPS {
    background: #e73e97;
}

.prodCCP {
    background: #04a756;
}

.prodIBP {
    background: #004f59;
}

/*========== Master Product Menu End ============*/

/*==========  Default tooltip style ============*/

.qtip-default {
    /*border-width: 1px;
	border-style: solid;
	border-color: #F1D031;*/
    color: #555;
    padding: 19px 10px 0 0 !important;
    background: url('media/tooltippointer.png') no-repeat top left !important;
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon {
        /*border-color: #CCC;*/
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-weight: bold;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 0 0 8px 0;
    overflow: hidden;
    background: url('media/tooltipshadow.png') repeat-x bottom !important;
    text-align: left;
    word-wrap: break-word;
    margin: 0 3px 15px 0;
    /*border: #F1D031 1px solid;
        border-top:0;*/
}

    .qtip-content span {
        display: block;
        padding: 15px 10px 9px 10px;
        background: #f7ffb5;
    }


.qtip-titlebar {
    position: relative;
    padding: 12px 35px 5px 10px;
    overflow: hidden;
    /*border: #F1D031 1px solid;
		border-bottom:0;*/
    font-weight: bold;
    margin: 3px 3px 0 0;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

/* Default close button class */
.qtip-close {
    position: absolute;
    right: 12px;
    top: 18px;
    cursor: pointer;
    outline: medium none;
    /*border-width: 1px;
border-style: solid;
border-color: transparent;*/
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}
/* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-close :hover {
    background: #dddddd !important;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 13px Tahoma,sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em;
    }

.qtip-light {
    /*border-color: #E2E2E2;*/
    color: #454545;
}

    .qtip-light .qtip-titlebar {
        background-color: #f7ffb5;
    }


/*==========  Default tooltip style  End============*/

/*========== My Performance / My Budget Summary Grid ============*/

.divBudgetSection .RowStyleGrandTotal td, .divBudgetSection .RowStyle td {
}

/*========== My Performance / My Budget Summary Grid End ============*/

/*========== Administration / Settings ============*/
.settingsgrid {
    border-left: 1px solid #b8b8b8;
}


    .settingsgrid .rgHeader {
        /*color: #000;

        background: #BBBBBB;*/
    }

    .settingsgrid .rgRow td, .settingsgrid .rgAltRow td, .settingsgrid .rgFilterRow td {
        border-bottom: solid 2px #eeeeee;
        min-height: 20px;
        padding-top: 4px;
        padding-bottom: 3px;
        padding-left: 5px;
    }

    .settingsgrid .rgPagerCell {
        border: 1px solid #b8b8b8;
        background: #DDDDDD;
        font-weight: normal;
    }

    .settingsgrid .rgAdvPart {
        display: none !important;
    }

.rgFilterRow .button {
    background: url('media/toolbar_icon/filter.png') no-repeat !important;
    width: 18px;
    height: 18px;
    border: 0;
}

.rgFilterRow input {
    float: left;
}

/*========== Administration / Settings  End ============*/

/*========== Rad Upload ============*/

/* RadUpload Common Styles */
.RadUpload {
    /*width: 242px !important;*/
    /*default*/
    text-align: left;
}

.RadUpload_rtl {
    text-align: right;
}

.RadUpload .ruInputs {
    position: relative;
    zoom: 1;
    /*IE fix - removing items on the client*/
}

    .RadUpload .ruInputs li {
        margin: 0 0 5px;
        float: left;
        width: 100%;
        display: block;
    }

        .RadUpload .ruInputs li.ruActions {
            margin: 1.4em 0 0;
        }

.RadUpload .ruInputs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.RadUpload .ruCheck {
    top: 1px;
    padding: 3px;
    position: static;
    zoom: 1;
}

.RadUpload .ruFileWrap {
  position: relative;
  display: inline-block;
  /*white-space: nowrap;*/
  vertical-align: top;
  line-height: 20px;
  zoom: 1;
  overflow: hidden !important;
    /*height: 24px;*/
}

.RadUpload_rtl .ruFileWrap {
    padding-left: 12px;
    padding-right: 0;
}

/*========== Rad Upload End ============*/

/*========== Planing / Action / Detail ============*/
.agencyChkBoxscroll {
    height: 100px;
    overflow-y: scroll;
    border: solid 1px #ccc;
}

/*========== Planing / Action / Detail End============*/

/*========== Planing / Corporate Planing / Task / Task Document ============*/

.Actiontaskeditor .ruButton {
    cursor: pointer;
    background-color: #fff !important;
    border: solid 2px #2D6A9F !important;
    border-radius: 12px;
    color: #444 !important;
    font-weight: 500;
    margin: 0 0 0 5px;
    height: auto !important;
    padding: 2px 10px !important;
    text-shadow: none !important;
}

.Actiontaskeditor .ruInputs {
    width: 600px !important;
}

.Actiontaskeditor .ruFileWrap {
    /*width: 400px;*/
}

.Actiontaskdoc th {
    /*background: #B8B8B8;
    color: #000 !important;
    font-weight: bold;*/
}

.Actiontaskdoc .rgGroupHeader td {
    font-weight: bold;
}

.Actiontaskdoc .rgAltRow td, .Actiontaskdoc .rgRow td {
    /*border-right: 1px solid #B8B8B8 !important;
    border-bottom: 1px solid #B8B8B8 !important;*/
    color: #000 !important;
}

.Actiontaskdoc .rgGroupHeader {
    border-bottom: 1px solid #B8B8B8 !important;
}

/*========== Planing / Corporate Planing / Task / Task Document End ============*/

.performanceManaTree {
    padding-bottom: 30px;
}

.navigationPadTDLast {
    display: none;
}

/*========== My Risk Grid  ============*/

.myriskGridprogress {
}

/*========== My Risk Grid  ============*/

/*========== Risk Concequnce & Likelihood Tables*/



.tcRowHeader {
    background: #33c1d4;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: solid 1px #d4d0c8;
    color: #FFF;
    font-size: 13px;
}

.tcHeader {
    background: #33c1d4;
    width: 150px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: solid 1px #d4d0c8;
    color: #FFF;
}

.tcRowColumnHeader {
    background: #33c1d4;
    /*width: 150px;*/
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: solid 1px #d4d0c8;
    color: #FFF;
}

    .tcRowColumnHeader:first-child {
        width: 150px;
    }

.tcContent {
    background: #fcfff4;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #d4d0c8;
    color: #000;
}

.tcContentCell {
    height: 50px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFF;
    border-right: solid 1px #d4d0c8;
    border-bottom: solid 1px #d4d0c8;
    color: #000;
}

.textBoxPopUp {
    border: 1px solid #939494;
    color: #4f4f4f;
    padding: 2px;
}
/*========== Risk Concequnce & Likelihood Tables*/
/*========RadComboBox Appearance =========*/

.comboHeadingTemplate {
    color: #000000;
    font-weight: bold;
}

.comboSubHeadingTemplate {
    color: #333333;
    font-weight: normal;
    margin-left: 10px !important;
    /*padding-left:20px !important;*/
}

.comboSubHeading2Template {
    color: #666666;
    font-weight: normal;
    margin-left: 20px !important;
    /*padding-left:40px !important;*/
}

.Actiontaskeditor span {
    float: left;
    display: block;
    min-width: 100px;
    text-align: left;
}

.tabContainer.mCustomScrollbarActionTask.actionTasksPadding {
    padding-left: 14px;
}

.otherlinkwidth {
    width: 105px;
}
/*========RadComboBox Appearance End =========*/

/*========== Rad Paging============*/

.radPanelpaging div .panel {
    min-width: 80px;
    float: left;
    background-color: #000 !important;
}

/*========== Rad Paging End============*/

/*========== Action link tab ============*/

.HierarchyTree {
    /*min-height: 375px !important;
    max-height: 375px !important;*/
}

/*========== Action link tab End============*/

/****************** ManualProgress *******************/
.ManualProgressTDwidth {
    width: 150px;
}

.FilterClearButton {
    width: 100px !important;
}

.CoursorHand {
    cursor: pointer;
}

.paddingleft50 {
    padding-left: 50px;
}


/********* product nav page ***************/
.accessDeniedHeader {
    padding: 10px;
    width: auto;
    height: 70%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.errorimgproductnav {
    text-align: center;
    line-height: 50px;
}

.errormsgproductnav {
    text-align: center;
    line-height: 24px;
    padding: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #888;
}


/****************EIS Chat Styles ********************/



.chatPopUpMainHeader {
    background-color: #25a0da;
    color: #FFF;
    padding: 5px;
}

.chatContent {
    margin-top: 10px;
}

.chatPopUpContactList {
    height: 260px;
    overflow-y: auto;
    overflow-x: auto;
    background-color: #FFF;
    line-height: 10px;
    margin: 10px 0;
}

    .chatPopUpContactList div {
        /*height:20px;
    
    margin-bottom:-10px;*/
        line-height: 15px;
    }

    .chatPopUpContactList #ChatUserImage {
        width: 41px !important;
        height: 41px !important;
        border-radius: 50%;
    }

    .chatPopUpContactList label {
        margin-top: -5px;
    }


.chatPopUpCloseBut {
    float: left;
    width: 10%;
}

.chatPopUpSubHeaderText {
    font-weight: bold;
    margin: 0 0 10px 10px;
    color: #444444 !important;
}

.chatPopUpContentGap {
    height: 10px;
}

.chatPopTextBoxFont {
    color: #838383;
    padding: 5px !important;
}

.chatPopDropDownFont {
}

.chatPopDropDownMargin {
    margin: 0 0 0 3px;
}


.chatPopButtonFont {
    background: transparent !important;
    border: 0;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    width: 100%;
    height: 79px;
    color: #555252 !important;
    border: 1px solid #c3c3c3;
}

.chatPopUpMainContentSeperator {
    border-bottom: 1px solid #cdcdcd;
    height: 1px;
}

.chatPopUpMainContent {
    background-color: #fff;
    color: #000;
    /*padding: 5px;*/
    height: 320px;
    overflow-y: auto;
}

.chatPopUpMainFooter {
    color: #444;
    position: relative;
    /*margin-top:10px;*/
    /*height: 130px;*/
}


    .chatPopUpMainFooter a, .chatPopUpMainFooter a:link, .chatPopUpMainFooter a:hover, .chatPopUpMainFooter a:active {
        color: #444;
        font-weight: bold;
    }

.chatPopUpfooterContentTextbox {
    background-color: #fff;
    /*padding: 5px;*/
}


.chatPopUpfooterContentDropDown {
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    /*width:270px;*/
}

.chatPopUpfooterContentDropDownOuter {
    float: left;
    text-align: left;
    border: solid 1px #ededed;
    border-radius: 2px;
}

.chatPopUpfooterContentDropDownInner {
    /*background-color: #d9e1fd;*/
    padding: 0 0 5px 0;
    width: 100%;
    font-size: 15px;
    margin-top: 5px;
}

    .chatPopUpfooterContentDropDownInner .DropDownList,
    .chatPopUpfooterContentTextbox .textBox {
        width: 100%;
        font-size: 13px;
        border-radius: 4px;
        height: 28px;
        padding: 4px;
        margin-bottom: 2px;
    }

.chatPopupLeftPanelShowHide {
    /*width: 10px;*/
    float: left;
    text-align: left;
    z-index: 999999;
    margin-left: -2px;
    margin-top: -1px;
}

.chatPopUpfooterContentButton {
    width: 10%;
    float: right;
}

.chatPoUpfooterContentNotifer {
    float: left;
    text-wrap: avoid;
    padding-left: 10px;
}

.chatPopUpMainChatContainer {
}

.chatPopUpMainChatContainerImage {
    /*width: 50px;*/
    float: left;
    margin: 5px;
    /*width:13%;*/
}

.chatPopUpMainChatContainerChat {
    /*width: 140px;*/
    float: left;
    width: 81.4%;
}

.chatPopUpMainChatContainerChatName {
    text-align: left;
    /*width: 93%;*/
    font-weight: bold;
    color: #004462;
    margin: 2px;
    float: left;
    width: 88%;
}

#sharepopupbottomcontent {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.chaticonwrap {
    float: left;
    width: 20px;
    height: 18px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /*padding:2px 4px 2px 2px;*/
    background-color: #b8b8b8;
    margin-right: 3px;
}

.chatPopUpMainChatContainerChatDelete {
    float: right;
    width: 16px;
    height: 16px;
    background: url('media/icons/delete-16.png') no-repeat !important;
    cursor: pointer;
    margin: 2px;
}

.chatPopUpMainChatContainerChatIconIndividual {
    margin: 2px;
    background: url('media/icons/contacts-16.png') no-repeat !important;
}

.chatPopUpMainChatContainerChatIconUserGroup {
    margin: 2px;
    background: url('media/icons/group-16.png') no-repeat !important;
    cursor: pointer;
}

.chatPopUpMainChatContainerChatIconGlobalGroup {
    margin: 2px;
    background: url('media/icons/conference-16.png') !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.chatPopUpMainChatContainerChatLocation {
    text-align: left;
    width: 100%;
    color: #6e6e6e;
    margin: -3px 2px 3px 2px;
    float: left;
    line-height: 14px;
}

.chatPopUpMainChatContainerChatDate {
    text-align: left;
    width: 100%;
    color: #aaaaaa;
    margin: 5px 0px;
    min-width: 165px;
}

.chatPopUpMainChatContainerChatContent {
    text-align: left;
    width: 100%;
    color: #4e4e4e;
    margin: 2px 2px 8px 2px;
    float: left;
}



.chatPopupMainContainerShowPreviousMsg {
    background-color: #fffdca;
    padding: 2px;
    text-align: center;
}


    .chatPopupMainContainerShowPreviousMsg a, .chatPopupMainContainerShowPreviousMsg a:link, .chatPopupMainContainerShowPreviousMsg a:hover, .chatPopupMainContainerShowPreviousMsg a:active {
        color: #4f4f4f;
        font-weight: bold;
        text-decoration: none;
    }

.chatPopupMainContainerMsgLoader {
    background: url('media/icons/loadmgs.gif') no-repeat !important;
    float: left;
}

.chatPopUserImage {
    margin: 5px 0 0 0;
}

.cUnReadMessageCount {
    padding: 2px;
    color: #FFF;
    position: fixed;
    right: 30px;
    top: 25px;
    font-weight: bold;
    cursor: pointer;
    z-index: 5000;
    width: 18px;
    height: 19px;
    visibility: hidden;
    float: right;
    margin: 3px;
    text-align: center;
    border-radius: 15px;
}

.collabSharePopupLabel {
    vertical-align: bottom;
}

/*.collabSharePopupButton
{
	
	background-color: #148db9;
	color: #fff !important;
	border: solid 1px #004b66;
	margin: 1px;
	display: block;
	padding: 2px 4px;
	font-size: .7em;
	cursor: pointer;
	font-weight: 800;
	text-align: center;
	margin:0px 10px 0px 0px;
}*/


#collabSharePopup {
    display: normal;
}

.unreadMessagePopup {
    background-color: #fff;
    float: right;
    width: 200px;
    padding: 3px;
    border: 1px solid #92d0e6;
    display: none;
    position: absolute;
    min-height: 150px;
}

.unreadMessagePopupInsideDiv {
    width: 100%;
    text-align: right;
    cursor: pointer;
    padding-right: 4px;
    padding-bottom: 2px;
}

.unreadMessagesView {
    float: right;
    position: absolute;
    right: 220px;
    top: 30px;
    z-index: 8000;
}

.unreadMessagePopupSeperator {
    vertical-align: middle !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f2f1f1;
    padding: 3px;
}

.sharePopUpDiv {
    max-height: 145px;
    overflow-x: hidden;
    overflow-Y: auto;
    margin: 2px 0px;
}

.sharePopUpDivSmall {
    max-height: 125px;
    overflow-x: hidden;
    overflow-Y: auto;
    margin: 2px 0px;
}

.sharePopUpDivExpand {
    max-height: 270px;
    overflow-x: hidden;
    overflow-Y: auto;
    margin: 2px 0px;
}

.sharePopUpDivTaskExpand {
    max-height: 300px;
    overflow-x: hidden;
    overflow-Y: auto;
    margin: 2px 0px;
}

.sharePopUpDivKPI {
    height: 380px;
    overflow-x: hidden;
    overflow-Y: auto;
    margin: 2px;
}

.sharePopUpTD {
    background-color: #fdfcfc;
    height: 270px;
}

.collabSharePopupTextbold {
    font-weight: bold;
}

.collabSharePopupNoteText {
    padding-top: 5px;
    padding-bottom: 5px;
}


.collabSharePopupButton {
    background-color: #148db9;
    color: #fff !important;
    border: solid 1px #004b66;
    margin: 1px;
    /*display: block;*/
    padding: 2px 4px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    margin: 0px 3px 0px 2px;
}

.errorimgproductnav {
    text-align: center;
    line-height: 50px;
}

.sharedOnlineCommentIcon {
    cursor: pointer;
}

.viewGroupMemberButton {
    background: url('media/icons/search.png') no-repeat !important;
    width: 13px;
    height: 14px;
    border: 0;
    float: right;
    cursor: pointer;
    margin-top: 5px;
}

.chatPopupMainContainerShowNoMsgFound {
    padding: 2px;
    text-align: center;
    line-height: 50px;
}
/************* GISHierarchy Tree Control*****************/

.collaborationGroupsGridScroll {
    max-height: 360px;
    overflow-y: auto;
}

#collabSharePopup .GridView .HeaderStyle TH {
}

#collabSharePopup .GridView .RowStyle Td {
    text-align: left;
}

#collabSharePopup .GridView .AlternatingRowStyle Td {
    text-align: left;
}

.collabgridShowData .GridView .HeaderStyle td {
    border: solid 1px #000;
    font-weight: bold;
}


.kpisharepop {
}

/************* Collaboration Group *****************/

.paddingLeftrest .rgHeader {
    padding-left: 8px !important;
}



.collabgridbackground td {
    /*background-color: #f8e794 !important;*/
    background-color: #fae7b2 !important;
    border: 1px solid #fff;
    padding: 0 0 0 8px;
}

    .collabgridbackground td table td {
        border: 0 !important;
        padding: 0;
    }

.collaborationGroupsGridScroll .rgEditRow td {
    border: 1px solid #fff !important;
}

.collabgridShowData .RadGrid_Interplan,
.collabgridShowData .RadGrid_Interplan .rgMasterTable,
.collabgridShowData .RadGrid_Interplan .rgDetailTable,
.collabgridShowData .RadGrid_Interplan .rgGroupPanel table,
.collabgridShowData .RadGrid_Interplan .rgCommandRow table,
.collabgridShowData .RadGrid_Interplan .rgEditForm table,
.collabgridShowData .RadGrid_Interplan .rgPager table,
.collabgridShowData .GridToolTip_Interplan {
    font: 0.85em "segoe ui",arial,sans-serif;
}

.collabgridShowData .GridView .RowStyle td, .collabgridShowData .GridView .AlternatingRowStyle td, .collabgridShowData .GridView .FooterStyle td {
    font: 1em "segoe ui",arial,sans-serif;
    text-align: center;
}

.collabgridShowData .GridView .HeaderStyle th {
    text-align: center;
}

.collabgridShowData .actionProgressTab .GridView .HeaderStyle, .collabgridShowData .GridView .HeaderStyle th, .collabgridShowData .scorecardgrid .GridView .HeaderStyle td {
    font-weight: bold;
}

/************* Collaboration Group End *****************/

/************* Overriding RadListBox style*****************/

.groupsList .RadListBox {
    width: auto !important;
}


#unreadMesageTable td {
    padding: 2px;
}

#unreadMesageTable tr {
    background-color: #EFEFEF;
}

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

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

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

.unreadMesageTablecount {
    background-color: #00afef;
    padding: 6px;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    z-index: 5000;
    width: 30px;
    height: 30px;
    float: right;
    margin: 3px;
    text-align: center;
    border-radius: 15px;
    vertical-align: middle;
}



.unreadMesageTableLink a:link {
    color: #555;
    text-decoration: none;
}

.unreadMesageTableLink a:hover {
    color: #555;
    text-decoration: none;
}

.unreadMesageTableLink a:visited {
    color: #555;
    text-decoration: none;
}

.unreadMessagePopupRow {
    cursor: pointer;
}

.sharedKPIPrgrsFont {
}
/*.errormsgproductnav
{
    text-align:center;*/
/*line-height:10px;*/
/*padding:30px;
}*/


.charttitleheightseprator {
    height: 50px;
}

#riskcontrolgriddiv {
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: 200px !important;
}

.chatexpandButton {
    height: 50px;
}

.DisplayNone {
    display: none !important;
}

.button:visited {
    background-color: #148db9;
    color: #fff !important;
    border: solid 1px #004b66;
    margin: 1px;
    display: block;
    padding: 2px 4px;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    text-decoration: none !important;
}

.chatexpandbuttonstyle {
    background-color: #229FBF;
    color: #fff !important;
    border: solid 1px #229FBF;
    margin: 1px;
    display: block;
    padding: 2px 4px;
    cursor: pointer;
    /*font-weight: 800;*/
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
}


.notificationpopupouter {
    padding-left: 4px;
    height: 20px;
    width: 100%;
    margin-bottom: 4px;
    background-color: #33c1d4;
    color: #FFF;
    font-weight: bold;
}


.notificationpopinner {
    float: left;
    line-height: 20px;
    vertical-align: middle;
    width: 87%;
}

.notificationpopinnerclose {
    line-height: 20px;
    vertical-align: middle;
    width: 10%;
    float: left;
}


.chatuserpopup {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #4f4f4f;
}

.chatuserpopupseperator {
    border-bottom: 1px solid #efefef;
    height: 1px;
    padding-top: 5px;
    float: left;
    width: 100%;
}

.chaticonwrapblank {
    float: left;
}

    .chaticonwrapblank #ChatUserImage {
        width: 40px;
        border-radius: 50%;
    }

.discussionGroupMemberdiv {
    height: 170px;
    overflow: auto;
    width: 420px;
}

.myqucikupdateRiskNestedView {
    background-color: #fff;
}

.bannerImage {
    background-repeat: no-repeat;
    /*background-image: url(/DynamicBannerImages/banner.jpg);*/
    background-size: 100% auto;
    height: 72px;
    margin: 3px 0;
    background-position: center top;
    max-height: 100px;
}

.paddingtop12 {
    padding-top: 12px;
}



.status-indicator-message {
    width: 283px;
    padding: 5px;
    margin-right: 5px;
    position: absolute;
    z-index: 3000;
    right: 20px;
    background-color: #efefef;
    text-align: center;
}

.removebold {
    font-weight: normal !important;
}

.status-indicator-member {
    margin-right: 5px;
    position: absolute;
    z-index: 3000;
    left: 20px;
}

.status-indicator-message.inline {
    display: inline;
}

.radioButtonListlblnowrap label {
    white-space: nowrap;
}

.status-indicator-member.inline {
    display: inline;
}

.status-inline {
    display: inline;
}

.status-progress {
    background: url('../../_content/spinner.gif');
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
}

.small-status-progress {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(media/callback/small-loader.gif) no-repeat -0px -0px !important;
}

.labelminWidth {
    min-width: 64px;
}

.searchdatacell {
    vertical-align: middle;
    text-align: left;
    padding: 5px;
}

.mCustomScrollbar01 {
    height: 500px;
}

.searchdatacell .button {
    float: right;
}

.searchdatacell .searchBox {
    width: 100%;
}

.inactivebut {
    background: transparent;
    color: #000 !important;
    font-weight: normal;
    border: 0px;
    min-width: 20px !important;
    cursor: pointer;
}

.activebut {
    background: transparent;
    color: #000 !important;
    font-weight: normal;
    border: 1px solid #21415a;
    min-width: 20px !important;
    cursor: pointer;
}

.EISOverViewChartLabelDiv {
    width: 180px;
    float: left;
    padding-left: 20px;
    margin-left: 30px;
}

    .EISOverViewChartLabelright label,
    .EISOverViewChartLabelDiv .label {
        font-weight: bold;
        text-align: left;
        color: #242424;
    }

.EISOverViewChartLabelright {
    float: left;
    width: 140px;
}

.paddingright10 {
    padding-right: 10px;
}

.cursorhand {
    cursor: pointer;
}

#searchmemberscheckbox {
    max-height: 170px;
    overflow: auto;
    width: 100%;
}

.myupdateGrid textarea {
    font-size: 13px;
}

.CheckBox tr td {
    height: 30px !important
}

#sharecontrolpopupbottombuttons {
    bottom: 0px;
    position: absolute;
}

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
#divContactList input[type=radio] {
    display: none;
    margin: 10px;
}


#divContactList img {
    margin-left: 5px;
    margin-bottom: 5px;
}




/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
#divContactList input[type=radio] + label {
    display: inline-block;
    margin: -2px;
    padding: 4px 4px;
    line-height: 18px;
    min-height: 25px;
}

/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
#divContactList input[type=radio]:checked + label {
    background-image: none;
    background-color: #c3c2c2;
    min-height: 25px;
}
/***********************************/

.RadWindow .rwDialogPopup {
    padding: 0px !important;
}

.RadWindow .rwWindowContent .radalert {
    background-image: none !important;
}

.TaskBrowserGridLoadingPanel {
    text-align: center;
    background: #25a0da url('Ajax/loading.gif') no-repeat center;
    height: 150px;
}

.hilighttd {
    padding: 4px;
    text-align: center;
    background-color: orange !important;
}

    .hilighttd textarea {
        background-color: orange !important;
        scrollbar-base-color: orange;
    }

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}


/******************************************  loginpage by lakshan ********************************************/
#loginControl {
    max-width: 600px;
    margin: 0 auto;
}

body.loginScrBg {
    background: #26587c url('media/loginbg.jpg') fixed;
    background-size: cover;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

@media (min-width: 368px) {
    .loginboxouter {
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .loginboxouter {
        padding: 50px 30px 25px;
    }
}

@media (min-width: 1200px) {
    .loginboxouter {
        padding: 50px 80px 25px;
    }
}

.loginboxouter {
    background: rgba(255, 255, 255, 0.3);
    /* padding-bottom: 20px; */
    border-radius: 2px;
    /* border: 1px solid #9fb1ba; */
    display: table;
    width: 100%;
}

    .loginboxouter .label,
    .loginboxouter.form-horizontal .control-label {
        color: #fff !important;
        font-size: 15px !important;
        vertical-align: middle;
        padding-top: 7px;
    }

.form-box {
    /*max-width:600px;*/
    margin-top: 75px;
    font-size: 15px !important;
}


.form-box-password-recover {
    /*max-width:600px;*/
    margin-top: 75px;
    font-size: 16px !important;
}


    .form-box label, .errlbl, .form-box-password-recover label {
        color: #fff;
    }

#loginControl .form-horizontal .control-label {
    color: #fff;
    font-size: 16px !important;
}

.loginboxouterPasswordRecover {
    background: rgba(255, 255, 255, 0.45);
    /* padding-bottom: 20px; */
    border-radius: 2px;
    /* border: 1px solid #9fb1ba; */
    display: table;
    width: 100%;
    padding: 20px 80px 5px;
}

.loginproductLogo img {
    margin: 0 auto;
    margin: 0 auto;
    display: block;
}

.loginproductLogo {
    margin-bottom: 24px;
}

.form-horizontal .control-label {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color: #555252;
    font-size: 13px;
    padding-top: 0px;
}

.btnlogin {
    height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #048483;
    border: solid 1px #017e7d;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    /*line-height: 50px;*/
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    width: 100%;
}

.btnloginlink {
    height: 40px;
    margin: 0;
    padding: 8px 20px;
    vertical-align: middle;
    background: #069392;
    border: solid 1px #017e7d;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    /* line-height: 50px; */
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
}

    .btnloginlink:hover, .btnloginlink:focus {
        text-decoration: none;
        color: #fff;
    }

.forgotpassdescription {
    color: #fff;
    font-size: 13px;
}

.form-box .CheckBox label {
    font-size: 16px !important;
}

.textboxCon {
    height: 35px;
}

    .textboxCon input {
        font-weight: bold;
    }

.loginhr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 6px auto 5px;
    background: none;
    height: auto;
}

.loginlink {
    font-size: 13px;
    text-align: center;
    color: #04c2c1 !important;
    margin-top: 25px;
}

    .loginlink a {
        color: #04c2c1 !important;
    }

.loglinkseparator {
    color: #c0c0c0;
    margin: 0 15px;
}

.loginCopyRight {
    color: #bec0bf;
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

.indicator {
    position: absolute;
    top: 7px;
    right: 0;
}

    .indicator .glyphicon {
        color: red;
    }

.form-box .CheckBox input {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0;
}

.form-box label, .errlbl {
    font-weight: 400;
    margin: 0 5px;
}
/******************************************  loginpage by lakshan ********************************************/
/********************************************** new theme************************************************/


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


.navbar-default {
    background: #21415a !important;
    border-radius: 0px !important;
    /*z-index:100;*/
    z-index: 30000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.navbar-collapse.collapse {
    display: block !important;
}
/***********stop nav toggle*************/
.navbar-collapse.collapse {
    display: block !important;
}

.navbar-nav > li, .navbar-nav {
    float: left !important;
    height: 51px;
}

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px !important;
    }

.navbar-right {
    float: right !important;
}

/*****************************************/
.navbar-default .navbar-nav > li > a {
    color: #FFF !important;
}

.nav > li > a {
    padding: 10px 10px !important;
}


.nav > li > div#headerFavourite {
    padding: 12px 10px !important;
}



.nav > li > input {
    padding: 10px 10px !important;
}


.navbar-brand {
    padding: 8px 16px !important;
}


.headerSeperator {
    padding: 8px 10px;
    width: 1px;
}

.headerUserSection {
    padding: 4px 10px;
}

.headerUserFont {
    color: #fff;
    font-size: 11px;
    text-align: right;
    line-height: 8px;
}

.headerUserFontBold {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}


.headerUserFontBoldWrap {
    color: #fff;
    font-weight: bold;
}

.headerUserImage {
    height: 38px;
    margin: 0px 0px 0 15px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.datarange .control-label {
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
}

.navbar-brand img {
    margin-top: 3px;
    margin-left: 14px;
}

.navbar-header .clientLogo {
    margin-top: 8px;
    margin-left: 10px;
}

.clientLogoText {
    font-size: 24px;
    color: #ccc;
    line-height: 50px;
    font-weight: normal;
}

.headerUserFontBoldWrap {
    color: #fff;
    font-weight: bold;
}
/******Discussion Alert*****/

#DiscussionAlertHeader {
    background-color: red;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 25px;
    left: 10px;
}

#divUpdateDiscussionAlert {
    background-color: red;
    border-radius: 50%;
    font-weight: 400;
    color: #FFFFFF;
    padding: 3px;
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    /*left:22px;*/
    top: -8px;
    cursor: pointer;
}

#divUpdateTaskDiscussionAlert {
    background-color: red;
    border-radius: 50%;
    font-weight: 400;
    color: #FFFFFF;
    padding: 3px;
    position: relative;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    left: -5px;
    top: -5px;
    cursor: pointer;
}

.RecentMessageCountRound {
    background-color: red;
    border-radius: 50%;
    font-weight: 400;
    color: #FFFFFF;
    padding: 3px;
    position: relative;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    /*left:-5px;
    top:-5px;*/
    cursor: pointer;
    float: right;
    line-height: 13px !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent !important;
}

ul.productMenu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px solid #3a5468;
}

/*ul.hubQuickUpdateMenu > li > a {
  display: block;
  padding: 10px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  font-size:12px;
  border-bottom:1px solid #3a5468;
}*/


ul.helpMenu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px solid #3a5468;
}

ul.userMenu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px solid #3a5468;
    background: #21415a !important;
}




    ul.userMenu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #fff;
        background: #2d485d !important;
    }


.navbar-nav > li > ul.productMenu {
    margin-top: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #21415a !important;
    padding: 0 !important;
}

.navbar-nav > li > ul.userMenu {
    margin-top: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #21415a !important;
    padding: 0 !important;
}

.navbar-nav > li > ul.helpMenu {
    margin-top: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #21415a !important;
    padding: 0 !important;
}



.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #2d485d !important;
    /*background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;*/
    color: #fff !important;
}

ul.hubQuickUpdateMenu > li > a:hover,
ul.hubQuickUpdateMenu > li > a:focus {
    background-color: #2b9c9c !important;
    background: none;
    color: #fff !important;
}


.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 1000000 !important;
}

.dropdown-menu.bullet.pull-right:before {
    left: auto;
    right: 9px;
}

.dropdown-menu.bullet:before {
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    -webkit-transform: rotate(360deg);
    border-width: 0 7px 7px;
    border-bottom-color: #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    top: -7px;
    left: 9px;
}
/*********************************/
/****Mega Menu*****/

.dropdown-large {
    position: static !important;
}

.dropdown-menu-large {
    margin-left: 0;
    margin-right: 0;
    /*padding: 20px 0;*/
    width: 100%;
    z-index: 10000;
    border: none;
    border-radius: 0;
    background-color: #122331;
    color: #72a0c0;
}

    .dropdown-menu-large > li > ul {
        padding: 0;
        margin: 0;
    }

        .dropdown-menu-large > li > ul > li {
            list-style: none;
        }

            .dropdown-menu-large > li > ul > li > a, .dropdown-menu-large > li > ul > li > a:hover {
                display: block;
                padding: 3px 0;
                clear: both;
                font-weight: normal;
                line-height: 1.428571429;
                color: #fff;
                white-space: normal;
                text-decoration: none;
                text-transform: uppercase;
                padding: 0 20px;
            }

.mainmenu ul.sublist li a {
    padding: 0 20px;
    display: block;
}

    .mainmenu ul.sublist li a:hover {
        text-decoration: none;
    }

.dropdown-menu-large .WORKSPACE {
    width: 170px;
}

.dropdown-menu-large .FRAMEWORK {
    width: 160px;
}

.dropdown-menu-large .FRAMEWORK200 {
    width: 200px;
}

.dropdown-menu-large .PLANNING {
    width: 200px;
}

.dropdown-menu-large .Custom.Hierarchies {
    width: 180px;
}

.dropdown-menu-large .REPORTS {
    width: 221px;
}

.dropdown-menu-large .Tools {
    width: 205px;
}

.dropdown-menu-large .Administration {
    width: 222px;
}

.dropdown-menu-large .Favourites {
    width: 165px;
}

.mainmenu ul.sublist li li {
    padding: 0 10px;
}

.dropdown-menu-large > li ul > li > a:hover /*,
    .dropdown-menu-large > li ul > li > a:focus*/ {
    text-decoration: none;
    color: #fff;
    background-color: #122331;
}

.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    color: #72a0c0;
}

    .dropdown-menu-large .disabled > a:hover,
    .dropdown-menu-large .disabled > a:focus {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: not-allowed;
    }

.dropdown-menu-large .dropdown-header {
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

        .dropdown-menu-large > li {
            margin-bottom: 30px;
        }

            .dropdown-menu-large > li:last-child {
                margin-bottom: 0;
            }

        .dropdown-menu-large .dropdown-header {
            padding: 3px 15px !important;
        }
}


.dropdown-menu-large .divider {
    border: 0;
    height: 5px;
    background-color: transparent;
}

.dropdown-header > li > a:hover {
    color: #fff;
}

.mainmenu .dropdown-header {
    border-left: 1px solid #274f6b;
    min-height: 285px;
    padding: 0;
    margin-top: 5px;
}

.mainmenu ul li {
    list-style: none;
}


    .mainmenu ul li ul, .mainmenu ul {
        padding-left: 0px;
    }

        .mainmenu ul li ul a {
            color: #6c8599;
            line-height: 23px;
            white-space: normal;
            font-size: 13px;
            /*float:left;*/
        }

            .mainmenu ul li ul a:hover {
                color: #3494d1;
                line-height: 23px;
            }

.tabmenubg {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
}


.mainmenu ul > li > ul > li > ul li a {
    padding-left: 20px !important;
    color: #9ba7b0;
}

.mainmenu ul.sublist li a.sublink_heading {
    background-image: url('media/Breadcrumb/arrowhead.svg');
    background-repeat: no-repeat;
    background-position-x: 6px;
    background-position-y: 3px;
}

    .mainmenu ul.sublist li a.sublink_heading.active {
        background-image: url('media/Breadcrumb/arrowhead_down.svg');
        background-repeat: no-repeat;
        background-position-x: 6px;
    }

    .mainmenu ul.sublist li a.sublink_heading.last {
        background-image: none;
    }

.mainmenu ul > li > ul > li > ul li a:hover {
    padding-left: 20px;
    color: #3494d1;
}

.sublist {
    /*display:block;
    max-height:270px !important;
    overflow-y:auto;*/
}
/****Mega Menu*****/
/**************Side Navigation Bar*/


#SideNavigationBar {
    /*background-color: #d8d8d8;*/
    width: 50px;
}


    #SideNavigationBar .SideNavigationBlock {
        padding: 2px;
        border-bottom: 1px solid #10a4a3;
        height: 76px;
        text-align: center !important;
        vertical-align: middle !important;
        background-color: #069392;
        cursor: pointer;
        line-height: 83px;
    }

        #SideNavigationBar .SideNavigationBlock:hover {
            padding: 2px;
            border-bottom: 1px solid #10a4a3;
            border-right: 1px solid #069392;
            height: 76px;
            text-align: center !important;
            vertical-align: middle !important;
            background-color: #fff;
            cursor: pointer;
            line-height: 83px;
        }





.SideNavigationBar input {
    margin-top: 10px;
}

#NavigationtoolBarArea {
    float: left;
    width: 50px;
    background-color: #229FBF;
    position: absolute;
    left: 0px;
    top: 50px;
    /*min-height:1000px;*/
}
/***************************/

.btn-group-vertical.ipmworkspacetoolbar > .btn:first-child:not(:last-child), .btn-group-vertical.ipmworkspacetoolbar > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical.ipmworkspacetoolbar > .btn, .btn-group-vertical.ipmworkspacetoolbar > .btn-group > .btn {
    display: block;
    float: none;
    width: 50px;
    max-width: 100%;
    height: 80px;
    background-color: transparent;
    padding: 0px;
    background-image: url('SideNavigationBar/SideNavigationIcons.svg');
    /*background-image: url('../../resources/images/SideNavigationBar/SideNavigationIcons.svg');*/
    background-size: 120px 420px;
    background-repeat: no-repeat;
    border: 0px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q01 {
    background-position-x: -5px;
    background-position-y: -100px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q02 {
    background-position-x: -11px;
    background-position-y: -40px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q03 {
    background-position-x: -7px;
    background-position-y: -154px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q04 {
    background-position-x: -7px;
    background-position-y: 19px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q05 {
    background-position-x: -6px;
    background-position-y: -358px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q06 {
    background-position-x: -6px;
    background-position-y: -303px;
}

.btn-group-vertical.ipmworkspacetoolbar .btn.q07 {
    background-position-x: -7px;
    background-position-y: -246px;
}
/*.btn-group-vertical.ipmworkspacetoolbar .btn-default:hover,*/ .btn-group-vertical.ipmworkspacetoolbar .btn-default.active {
    background-color: #fff !important;
    background-position-x: -68px;
    transition: all 0.2s ease-in-out 0s;
}
    /*.btn-group-vertical.ipmworkspacetoolbar .btn-default:hover svg,*/ .btn-group-vertical.ipmworkspacetoolbar .btn-default.active svg {
        background-color: #fff !important;
        fill: #3494d1 !important;
    }

.vdivider {
    height: 30px;
    width: 10px;
    margin: 10px 3px;
    border-left: 1px solid #fff;
}

.btn-group-vertical.ipmworkspacetoolbar .btn:active, .active.btn {
    box-shadow: none !important;
}

.btn {
    padding: 4px !important;
    font-size: 13px !important;
}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active {
    border-color: #069392 !important;
    color: #fff !important;
    font-size: 13px !important;
    border-radius: 0 !important;
    background: #069392;
    text-shadow: none !important;
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);*/
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);*/
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navigation-tooltip + .tooltip > .tooltip-inner {
    background-color: #21415a !important;
    white-space: nowrap;
    color: #fff;
    padding: 10px;
    font-size: 13px;
}

.navigation-tooltip + .tooltip > .tooltip-arrow {
    border-right-color: #21415a !important;
}

.HubNavigationBlock-tooltip + .tooltip > .tooltip-inner {
    background-color: #21415a;
    white-space: nowrap;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    border: 0px;
}

.HubNavigationBlock-tooltip + .tooltip > .tooltip-arrow {
    border-left-color: #21415a;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.toolbartitle .label {
    font-size: 18px;
    color: #21415b;
    font-weight: 400;
    /*text-transform: uppercase;*/
    vertical-align: middle;
    padding-top: 5px;
}

.toolbartitle .superscript {
    vertical-align: super;
    font-size: 10px;
}

input[type=checkbox], input[type=radio] {
    margin: 1px 9px 0 0;
}

.editableformBg {
    padding: 15px;
    background-color: #f5f5f5;
    /*border-top:1px solid #ddd;*/
}

.editableformTableBg {
    background-color: #fff;
    border-top: solid 10px #fff;
}

.toolbartitle {
    margin: 12px 10px;
    float: left;
}

.verticalgap2 {
    width: 15px;
}

.GV-DetailList tr.SelectedRowStyle > td {
    background-color: #e5e5e5;
    border: 0px solid #229FBF;
    border-left: 4px solid #229FBF;
}

.GV-DetailList * {
    box-sizing: content-box;
}

.rgHeaderLinkedKpi, .toolBar.rgHeaderLinkedKpi .label {
    background-color: #d5d5d5;
    color: #21415b;
    text-align: left;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 13px;
    padding-left: 7px;
    height: 25px !important;
    vertical-align: middle;
}

.toolBar.rgHeaderLinkedKpi td {
    height: auto;
}

.quickupDateCarouselBtn {
    background-color: #fff;
    border: solid 1px #e0e0e0;
    border-radius: 35px;
    width: 60px;
    height: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
    overflow: hidden;
    color: #CD1D38;
    font-weight: bold;
    font-size: 18px;
}

    .quickupDateCarouselBtn.active {
        background-color: #2D78A9;
        color: #fff;
    }

.quickupDateCarouselBtnlabel {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #1e425b;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    width: 103px;
    font-size: 14px;
    height: 18px;
}

.resetdiv {
    /*padding:0;*/
    margin: 0;
}

#summaryQuickUpdate {
    background-color: #f5f5f5;
    padding-bottom: 10px;
}

.myupdateGrid, #contentQuickUpdate {
    background-color: #f5f5f5;
}

.quickupdatwiget {
    background-color: #f5f5f5;
    /*padding-top:15px;*/
}

#warapperQuickUpdate {
    background-color: #fff;
    overflow: hidden;
}

.quickupdateblock {
    background-color: #fff;
    margin: 0 15px;
}

.ProjectBlock {
    border: 1px solid #CCC;
    margin-bottom: 30px;
    background-color: #FFF;
    padding: 5px;
    font-size: 13px !important;
    min-height: 375px;
    position: relative;
}

    .ProjectBlock .editableformBg {
        background-color: #fff;
    }

#headerlabel {
    padding: 10px;
}

.floatRight {
    float: right;
}

.ToolbarItem {
    padding-left: 5px;
    width: 30px;
}

.expandBtn .LinkButton {
    color: #1e425b !important;
}

.MyQuickUpdateBlockTitle {
    margin-top: 3px !important;
}

    .MyQuickUpdateBlockTitle a, .MyQuickUpdateBlockTitle .label {
        text-decoration: none !important;
        color: #1e425b !important;
        font-size: 13px;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        text-align: left;
        width: 450px;
        height: 20px;
        cursor: pointer;
        text-overflow: ellipsis;
    }

.quickupdateprojectblockmargin {
    padding-left: 10px;
    padding-right: 10px;
    border-top: solid 1px #ccc;
    float: left;
    width: 100%;
    margin-top: 7px;
    padding-top: 5px;
}

.TextBox {
    border: 1px solid #c8d1da;
    padding: 4px;
}

.quickupdateprojectblocktextarea {
    font-size: 13px;
    /*color: #8e8d8d !important;*/
    width: 100%;
    min-height: 78px;
}

.text-left {
    text-align: left;
}

.ProjectBlock .paddingTop10 {
    padding-top: 15px;
    height: 35px;
}

.ProjectBlock .paddingTop20 {
    padding-top: 20px !important;
}

.paddingTop20 {
    padding-top: 20px;
}

.rowPadding {
    padding: 5px 0;
    margin: 0;
}

#slide {
    width: 220px !important
}
/********************************************** new theme************************************************/

/*********************************************************** 
 *  Owl Carousel - Animate Plugin
 ************************************************************/
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 90%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    margin-left: 50px;
    margin: 35px auto;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /*border-right:solid 1px #ccc;*/
    }

        .owl-carousel .owl-item div {
            /*margin: 14px auto;
    width: 40px;
    text-align: center;
    border-right:solid 1px #d4d4d4;*/
        }

        .owl-carousel .owl-item:last-child > div {
            /*border-right:none;*/
        }

        .owl-carousel .owl-item:last-child {
            border: none;
        }

        .owl-carousel .owl-item img {
            display: block;
            /*width: 100%;*/
            -webkit-transform-style: preserve-3d;
            margin: 0 auto;
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -moz-transition: scale(1.3, 1.3);
        -ms-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-item .item {
    padding: 10px;
    border: 1px solid transparent;
}

    .owl-carousel .owl-item .item:hover {
        border: 1px solid #f00;
    }

.owl-me {
    padding-right: 0;
    position: relative;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    color: transparent;
}

.owl-prev {
    left: -40px;
    background-image: url('ToolBar/scrollLeft_normal.png');
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgd2lkdGg9IjEyOHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMkYzNDM1O3N0cm9rZS13aWR0aDoxMjtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iODcuNSIgeDI9IjQwLjUiIHkxPSIxMTEiIHkyPSI2NCIvPjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMyRjM0MzU7c3Ryb2tlLXdpZHRoOjEyO3N0cm9rZS1saW5lY2FwOnNxdWFyZTtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSI0MC41IiB4Mj0iODcuNSIgeTE9IjY0IiB5Mj0iMTciLz48L2c+PC9zdmc+);*/
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 45px;*/
}

.owl-next {
    right: -40px;
    background-image: url('ToolBar/scrollRight_normal.png');
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgd2lkdGg9IjEyOHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMkYzNDM1O3N0cm9rZS13aWR0aDoxMjtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iNDAuNSIgeDI9Ijg3LjUiIHkxPSIxNyIgeTI9IjY0Ii8+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzJGMzQzNTtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9Ijg3LjUiIHgyPSI0MC41IiB5MT0iNjQiIHkyPSIxMTEiLz48L2c+PC9zdmc+);*/
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 45px;*/
}

    .owl-next:hover {
        /*background-size: 55px;*/
        background-image: url('ToolBar/scrollRight.png');
    }

.owl-prev:hover {
    background-image: url('ToolBar/scrollLeft.png');
}

/*******************************************/
#topMenu {
    /*background-color:#222;*/
    overflow: auto;
}

#box {
    /*background-color:#111111;*/
    position: relative;
    /*margin:0 auto;*/
    padding: 10px 0;
    width: 100%;
}

.scroller {
    color: #ffffff;
    width: 40px;
    text-align: center;
    cursor: pointer;
    /*display:none;*/
    height: 70px;
    margin-top: 5px;
}

.scroller-right {
    float: right;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgd2lkdGg9IjEyOHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMkYzNDM1O3N0cm9rZS13aWR0aDoxMjtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iNDAuNSIgeDI9Ijg3LjUiIHkxPSIxNyIgeTI9IjY0Ii8+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzJGMzQzNTtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9Ijg3LjUiIHgyPSI0MC41IiB5MT0iNjQiIHkyPSIxMTEiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px;
}

.scroller-left {
    float: left;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgd2lkdGg9IjEyOHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMkYzNDM1O3N0cm9rZS13aWR0aDoxMjtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iODcuNSIgeDI9IjQwLjUiIHkxPSIxMTEiIHkyPSI2NCIvPjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMyRjM0MzU7c3Ryb2tlLXdpZHRoOjEyO3N0cm9rZS1saW5lY2FwOnNxdWFyZTtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSI0MC41IiB4Mj0iODcuNSIgeTE9IjY0IiB5Mj0iMTciLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    /*padding:5px;*/
    height: 110px;
}

.list {
    position: absolute;
    left: 0px;
    top: 0px;
    /*min-width:3000px;*/
    /*margin-left:12px;*/
    margin-top: 0px;
}


.item {
    padding: 10px;
    /*float:left;*/
    display: table-cell;
    margin: 1px;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    border-right: solid 1px #ccc;
    width: 100px;
    vertical-align: middle;
}

    .item:last-child {
        border: none;
    }

.kanbanblockmargin .dateCellquickupdateprogress #slide {
    width: 110px !important;
}

.dateCellquickupdateprogress #slide {
    width: 150px !important;
    float: left;
    margin-top: 8px;
    padding: 0;
}

.dateCellquickupdateprogress .progressOnTrack {
    width: 250px;
}

    .dateCellquickupdateprogress .progressOnTrack .value {
        /*float:left;*/
    }

.sendMail {
    width: 24px;
}

/* Dropdown Button */
.dropbtn {
    background-color: transparent !important;
    width: 50px;
    height: 80px;
    color: white;
    border: none;
    cursor: pointer;
}

    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
    }

/* The container <div> - needed to position the dropdown content */
.dropdown1 {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    TOP: 0;
    LEFT: 50px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

.dropbtn .dropdown-content a {
    padding: 10px 20px !important;
    font-size: 13px !important;
    background-color: #33c1d4;
    border-width: 0;
    text-align: left;
}

.passwordsucessmsg {
    color: #fff !important;
    font-size: 15px !important;
}

    .passwordsucessmsg p, .passwordResetmsgTxt, .passwordResetmsgTxt, .passwordResetmsgTxt {
        margin: 5px 0;
    }

.loginCopyRight .label {
    color: #bebebe;
    font-size: 13px;
    text-align: center;
}

.nomargin {
    margin: 0;
}

h3.toolbartitle {
    margin: 12px 0;
}

.toolBarStrategyMap {
    margin: 10px 0;
    background-color: #fff;
}

    .toolBarStrategyMap h3.toolbartitle {
        margin: 15px 0;
    }

    .toolBarStrategyMap .filterBtn {
        margin: 5px 10px;
        cursor: pointer;
    }

#divMyStrategyMapFilter {
    position: fixed;
    top: 115px;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    border-top: 1px solid #CCC;
}

html body .RadInput_IPM .riTextBox, html body .RadInputMgr_IPM {
    border-color: #c8d1da;
    background: #fff;
    /* color: #8e8d8d; */
    font-size: 13px;
}

.StrategyMaplegendmaintable {
    width: 100%;
    border: solid 1px #d7d7d7;
}

.legendConin {
    width: 130px;
    margin: auto;
}

.StrategyMaplegendmaintable .ontrackicon, .StrategyMaplegendmaintable .offtrackicon, .StrategyMaplegendmaintable .monitoricon, .StrategyMaplegendmaintable .notargeticon {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 10px;
    /*margin-left: 35px;*/
    background-size: 40px;
}

.StrategyMaplegendmaintable .cellindicaters {
    padding: 0;
    border-right: solid 1px #d7d7d7;
    margin: 5px 0;
}

    .StrategyMaplegendmaintable .cellindicaters:last-child {
        border: none;
    }

    .StrategyMaplegendmaintable .cellindicaters .label {
        color: #373737;
        vertical-align: middle;
        display: inline-block;
        margin: 15px 0;
        text-overflow: ellipsis;
        width: 66px;
        height: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

.ontrackicon, .offtrackicon, .monitoricon, .notargeticon {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 10px;
    margin-left: 35px;
}

.ontrackicon {
    background-image: url('ToolBar/OnTrack.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.offtrackicon {
    background-image: url('ToolBar/OffTrack.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.monitoricon {
    background-image: url('ToolBar/Monitoring.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.notargeticon {
    background-image: url('ToolBar/StrategyNAColor.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px;
}

.StrategyMapbg {
    background-color: #f5f5f5;
    padding: 0;
}

.strategicMapBLock {
    display: block;
    width: 200px; /*height: 255px;*/
    background-color: #fff;
    border: solid 1px #cdcdcd;
    position: relative;
    margin-bottom: 14px;
}

.strategicMapBLockOneLink {
    height: 210px !important;
}

.strategicMapBLockNoLink {
    height: 165px !important;
}

.strategicMapBLock.active {
    background-color: #21415b;
    border: solid 1px #21415b;
}

    .strategicMapBLock.active:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        width: 0;
        height: 0;
        border-top: solid 15px #21415b;
        border-left: solid 15px transparent;
        border-right: solid 15px transparent;
    }

    .strategicMapBLock.active.last:after {
        border-width: 0 !important;
    }

.strategicMapBLock h3 {
    font-size: 13px;
    text-align: center;
    color: #555252;
    text-transform: uppercase;
    margin: 10px 8px;
    font-weight: 500;
}

.strategicMapBLock.active h3,
.strategicMapBLock.active h3 .label, .strategicMapBLock.active .blockDiscription .label,
.strategicMapBLock.active .percentCompleted .label, .strategicMapBLock.active .percentCompleted .label,
.strategicMapBLock .blocindicaterCon .blockdateCon .label {
    color: #fff;
}

.strategicMapBLock h3 .label {
    /*font-size: 18px;*/
    font-size: 13px;
    font-family: 'Roboto Medium';
    font-weight: unset;
    color: #555252;
    cursor: pointer;
}

.strategicMapBLock .blockDiscription {
    text-align: center;
    padding: 5px 8px;
    height: 120px;
    overflow: hidden;
}

    .strategicMapBLock .blockDiscription .label {
        /*font-size: 13px;*/
        color: #555252;
        /*font-weight: 500;*/
        /*line-height: 15px;*/
        font-size: 16px;
        font-family: 'Roboto Medium';
        font-weight: unset;
        line-height: 19px;
    }

.strategicMapBLock .blockPercentage {
    text-align: center;
    margin-top: 10px;
}

    .strategicMapBLock .blockPercentage .label {
        font-size: 13px;
        color: #33c1d4;
        font-weight: 500;
    }

.strategicMapBLock .blockDetailview {
    text-align: center;
    margin-top: 18px;
    width: 200px;
    /*position:absolute;
    top:120px;*/
}

    .strategicMapBLock .blockDetailview a {
        color: #21415b;
        font-size: 13px;
        display: block;
        background-image: url(ToolBar/detail_darkblue.svg);
        background-repeat: no-repeat;
        background-position: 128px 2px;
        text-indent: -24px;
        font-weight: 500;
        padding-bottom: 10px;
    }

.strategicMapBLock.active .blockDetailview a {
    color: #33c1d4;
    font-size: 13px;
    display: block;
    background-image: url(ToolBar/detail_lightblue.svg);
    background-repeat: no-repeat;
    background-position: 128px 2px;
    text-indent: -24px;
    font-weight: 500;
}

.strategicMapBLock .percentCompleted {
    margin-top: 10px;
}

    .strategicMapBLock .percentCompleted .label {
        color: #21415b;
        font-size: 16px;
        display: block;
        text-align: center;
    }

.strategicMapBLock .blocindicaterCon {
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
}

    .strategicMapBLock .blocindicaterCon .blockprojectOnTrack {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #33ca76;
        background-image: url('ToolBar/OnTrack_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
        /*border-bottom:solid 1px #fff;*/
    }

        .strategicMapBLock .blocindicaterCon .blockprojectOnTrack .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockprojectOffTrack {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #e54a60;
        background-image: url('ToolBar/OffTrack_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

        .strategicMapBLock .blocindicaterCon .blockprojectOffTrack .label {
            color: #fff;
            text-transform: uppercase;
            cursor: pointer;
        }

    .strategicMapBLock .blocindicaterCon .blockprojectMonitoring {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #f7b433;
        background-image: url('ToolBar/Monitoring_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

        .strategicMapBLock .blocindicaterCon .blockprojectMonitoring .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockprojectNA {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #649dc5;
        background-image: url('ToolBar/StrategyNAwhite.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
        background-size: 27px;
        /*border-bottom:solid 1px #fff;*/
    }

        .strategicMapBLock .blocindicaterCon .blockprojectNA .label {
            color: #fff;
            text-transform: uppercase;
        }



    .strategicMapBLock .blocindicaterCon .blockactionOnTrack {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #33ca76;
        background-image: url('ToolBar/OnTrack_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
        /*border-bottom:solid 1px #fff;*/
    }

        .strategicMapBLock .blocindicaterCon .blockactionOnTrack .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockactionOffTrack {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #e54a60;
        background-image: url('ToolBar/OffTrack_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

        .strategicMapBLock .blocindicaterCon .blockactionOffTrack .label {
            color: #fff;
            text-transform: uppercase;
            cursor: pointer;
        }

    .strategicMapBLock .blocindicaterCon .blockactionMonitoring {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #f7b433;
        background-image: url('ToolBar/Monitoring_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

        .strategicMapBLock .blocindicaterCon .blockactionMonitoring .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockactionNA {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #649dc5;
        background-image: url('ToolBar/StrategyNAwhite.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
        background-size: 27px;
        /*border-bottom:solid 1px #fff;*/
    }

        .strategicMapBLock .blocindicaterCon .blockactionNA .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockKpiOnTrack {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #33ca76;
        background-image: url('ToolBar/OnTrack_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

        .strategicMapBLock .blocindicaterCon .blockKpiOnTrack .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockKpiOffTrack {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #e54a60;
        background-image: url('ToolBar/OffTrack_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

        .strategicMapBLock .blocindicaterCon .blockKpiOffTrack .label {
            color: #fff;
            text-transform: uppercase;
        }

    .strategicMapBLock .blocindicaterCon .blockKpiMonitoring {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #f7b433;
        background-image: url('ToolBar/Monitoring_white.svg');
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding-top: 16px;
        text-indent: 19px;
    }

    .strategicMapBLock .blocindicaterCon .blockKpiNA {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #649dc5;
        background-image: url('ToolBar/StrategyNAwhite.svg');
        background-repeat: no-repeat;
        background-position: 10px 8px;
        padding-top: 16px;
        text-indent: 19px;
        background-size: 27px;
    }

        .strategicMapBLock .blocindicaterCon .blockKpiNA .label {
            color: #fff;
            text-transform: uppercase;
            cursor: pointer;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .strategicMapBLock .blocindicaterCon .blockRiskNA {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #649dc5;
        background-image: url('ToolBar/StrategyNAwhite.svg');
        background-repeat: no-repeat;
        background-position: 10px 8px;
        padding-top: 16px;
        text-indent: 19px;
        background-size: 27px;
    }

    .strategicMapBLock .blocindicaterCon .blockRiskNA-noimage {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #fff;
        /*background-image: url('ToolBar/StrategyNAwhite.svg');*/
        /*background-repeat: no-repeat;
        background-position: 10px 8px;*/
        padding-top: 16px;
        text-indent: 4px;
        display: flex;
        flex-direction: row;
        border-top: solid 1px #cacaca;
    }

        .strategicMapBLock .blocindicaterCon .blockRiskNA-noimage .label {
            color: #555252;
            text-transform: uppercase;
            cursor: pointer;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .strategicMapBLock .blocindicaterCon .blockRiskNA-blueIcon {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #fff;
        background-image: url('ToolBar/StrategyNAColor.svg');
        background-repeat: no-repeat;
        background-position: 10px 8px;
        padding-top: 16px;
        text-indent: 19px;
        background-size: 27px;
        border-top: solid 1px #cacaca;
    }

        .strategicMapBLock .blocindicaterCon .blockRiskNA-blueIcon .label {
            color: #555252;
            text-transform: uppercase;
            cursor: pointer;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .strategicMapBLock .blocindicaterCon .blockRiskNA-noimage img {
        margin: -6px 12px;
    }

    .strategicMapBLock .blocindicaterCon .blockRiskNA .label {
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .strategicMapBLock .blocindicaterCon .blockRiskNA-noimageBackgroundColor {
        width: 100%;
        text-align: center;
        height: 45px;
        background-color: #fff;
        padding-top: 16px;
        text-indent: 4px;
        display: flex;
        flex-direction: row;
        border-top: solid 1px #cacaca;
    }

        .strategicMapBLock .blocindicaterCon .blockRiskNA-noimageBackgroundColor .label {
            color: #fff;
            text-transform: uppercase;
            cursor: pointer;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .strategicMapBLock .blocindicaterCon .blockRiskNA-noimageBackgroundColor img {
            margin: -6px 12px;
        }

    .strategicMapBLock .blocindicaterCon .blockKpiMonitoring .label {
        color: #fff;
        text-transform: uppercase;
    }

.strategicMapBLock.active .blockdateCon, .strategicMapBLock.active .blockdateCon .label {
    color: #fff;
}

.strategicMapBLock .blockdateCon {
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
    height: 45px;
    padding-top: 10px;
    border-top: solid 1px #cacaca;
    /*background-color: #fff;*/
    text-align: center;
    /*background-color: #f7b433;*/
    /*background-image: url('ToolBar/Monitoring_white.svg');
         background-repeat: no-repeat;
        background-position: 22px 10px;
        
        text-indent: 19px;*/
}
/***********************************************************************/
.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionOnTrack {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/OnTrack_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionOnTrack .label {
        color: #555252;
        text-transform: uppercase;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionOffTrack {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/OffTrack_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionOffTrack .label {
        color: #555252;
        text-transform: uppercase;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionMonitoring {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/Monitoring_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionMonitoring .label {
        color: #555252;
        text-transform: uppercase;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionNA {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/StrategyNAColor.svg');
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
    background-size: 24px;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockactionNA .label {
        color: #555252;
        text-transform: uppercase;
        cursor: pointer;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiOnTrack {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/OnTrack_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiOnTrack .label {
        color: #555252;
        text-transform: uppercase;
        cursor: pointer;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiOffTrack {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/OffTrack_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiOffTrack .label {
        color: #555252;
        text-transform: uppercase;
        cursor: pointer;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiMonitoring {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/Monitoring_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiNA {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/StrategyNAColor.svg');
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
    background-size: 24px;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiNA .label {
        color: #555252;
        text-transform: uppercase;
        cursor: pointer;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockRiskNA {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/StrategyNAColor.svg');
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
    background-size: 24px;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockRiskNA .label {
        color: #555252;
        text-transform: uppercase;
        cursor: pointer;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockKpiMonitoring .label {
    color: #555252;
    text-transform: uppercase;
    cursor: pointer;
}


.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectOnTrack {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/OnTrack_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectOnTrack .label {
        color: #555252;
        text-transform: uppercase;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectOffTrack {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/OffTrack_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectOffTrack .label {
        color: #555252;
        text-transform: uppercase;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectMonitoring {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/Monitoring_small.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectMonitoring .label {
        color: #555252;
        text-transform: uppercase;
    }

.gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectNA {
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: #fff;
    background-image: url('ToolBar/StrategyNAColor.svg');
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-top: 16px;
    text-indent: 19px;
    border-top: solid 1px #cacaca;
    background-size: 24px;
}

    .gaugebgwhite .strategicMapBLock .blocindicaterCon .blockprojectNA .label {
        color: #555252;
        text-transform: uppercase;
        cursor: pointer;
    }




/***********************************************************************/
.strategicMapBLock .blocindicaterCon .blockdateCon .label {
    color: #555252;
    text-transform: uppercase;
}

.GridView .RowStyle td table td label, .GridView .AlternatingRowStyle td table td label, .GridView .FooterStyle td table td label {
    font-weight: normal;
}

label {
    font-weight: normal;
}

.gridHeader td {
    height: 40px;
    background: #d5d5d5;
    font-weight: normal !important;
    color: #21415b;
    Border: 0 !important;
    padding: 0 0 0 5px !important;
}

a {
    text-decoration: none;
    color: #298096;
}

    a:hover {
        text-decoration: underline;
    }

.toolBar .label {
    font-size: 18px;
    color: #21415b;
    font-weight: 400 !important;
    /* text-transform: uppercase; */
    vertical-align: middle;
    padding-top: 0px;
    padding-left: 15px;
    display: block;
    text-align: left;
}

.eisGraphContainer {
    margin: 10px 0;
}

.eisGraphBlock {
    border: solid 1px #cccccc;
    float: left;
    background-color: #fff;
    margin-bottom: 30px;
    width: 100%;
}

.eisGraphBlockTitle {
    height: 40px;
    vertical-align: middle;
    padding-top: 10px;
    border-bottom: solid 1px #ccc;
}

    .eisGraphBlockTitle .label {
        text-decoration: none !important;
        color: #1e425b !important;
        font-size: 15px;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        text-align: center;
        height: 20px;
        max-width: 300px;
    }

.eisGraphBlock .cellindicaters {
    margin-top: 5px;
}

.label.ontracktext {
    color: #01c971;
    font-weight: bold;
    display: block;
    float: left;
    /* vertical-align: middle; */
    margin-top: 10px;
    font-size: 13px;
}

.label.offtracktext {
    color: #e44259;
    font-weight: bold;
    display: block;
    float: left;
    /* vertical-align: middle; */
    margin-top: 10px;
    font-size: 13px;
}

.label.monitortext {
    color: #ed8b22;
    font-weight: bold;
    display: block;
    float: left;
    /* vertical-align: middle; */
    margin-top: 10px;
    font-size: 13px;
}

.label.NoTargettext {
    color: #5585c5;
    font-weight: bold;
    display: block;
    float: left;
    /* vertical-align: middle; */
    margin-top: 10px;
    font-size: 13px;
}

.ontrackborder {
    background-color: #01c971;
    height: 7px;
}

.offtrackborder {
    background-color: #e44259;
    height: 7px;
}

.monitertrackborder {
    background-color: #ed8b22;
    height: 7px;
}

.notargetborder {
    background-color: #5585c5;
    height: 7px;
}

.EmailtmChkbox table {
    min-width: 238px;
}

.popupkpiRollupComments .toolBar .col-md-6, .popupkpiRollupComments .toolBar .col-sm-6 {
    width: 50%;
    float: left;
    padding: 0;
}

.popupkpiRollupComments .toolBar .label {
    padding-left: 0;
}

legend .label {
    font-size: 15px;
    color: #21415b;
    font-weight: bold;
    padding: 6px 0;
    /*border-bottom: 2px solid #e5e5e5;*/
}

.indicatiertitle .label {
    font-size: 18px;
    font-weight: 500;
}

.indicatiersubtitle .label {
    font-size: 15px;
    font-weight: normal;
}

.precentageValue .label {
    font-size: 38px;
    font-weight: normal;
    border-radius: 0;
    /*padding-right: 10px;*/
}
.secondndcon .precentageValue .label:first-child{
    /*border-right: solid 1px #ccc;*/
}

.indicatiertitle, .indicatiersubtitle, .precentageValue {
    margin: 20px 0;
    width: 190px;
}

.dataContainer {
    margin-top: 75px;
}

.chartcontainer {
    padding: 0;
    border-right: solid 1px #ccc;
}

.mCustomScroll {
    overflow: auto;
}

.toolBar .col-md-6 {
    padding: 0;
    width: 50%;
    float: left;
}

.toolBar .toolbartitle {
    margin: 12px 0;
}

legend {
    color: #1e425b !important;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.ProjectBlock .scrollablewidth {
    overflow: auto;
    width: 500px;
}

.qucikupdatescroll .scrollablewidth .GridView {
    /*width:1000px;*/
}

.RadGrid .progressDefault {
    width: 250px;
}

.rgRow .kpigraph {
    background-color: #fff;
}

.kpigraph {
    background-color: #fff;
}

.ProjectBlock .editableformBg {
    padding: 0;
}

.eisGraphBlock01 {
    border: solid 1px #cccccc;
    float: left;
    background-color: #fff;
    margin-bottom: 30px;
    margin: auto 15px 25px;
    padding: 0;
    width: 30%;
}

.dropdownwidgetsetting {
    width: 140px !important;
    float: left;
}

.table > tbody > tr.customrow > td {
    padding: 0;
}

.myFavReportsBar {
    /*background-color:#33c1d4 !important;
     border:none !important;*/
    padding: 1px !important;
}

.widgetsetting tr td {
    padding: 3px 0;
}

.hierarchyKpigrid .label {
    color: #21415b;
}

.navpadheader {
    background-color: #fff;
}

.navpadcon {
    float: left;
    width: 100%;
    /*min-height:500px;*/
}

.textblox {
    padding: 5px 25px;
}

#textOnlyTd .label {
    vertical-align: middle;
}

.submenu .linkEis .label {
    color: #21415b;
}

.dateCellWidth2 {
    width: 140px;
}

a[name="lnkPasswordRecovery"] {
    color: #fff !important;
    font-size: 15px;
}

.form-control {
    font-size: 13px;
}

iframe {
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
}

.reTextAreaHidden {
    display: none;
}

}

.contentscroll {
    /*height:250px;
     overflow-y:auto;*/
}

.executivechkbox .label {
    white-space: nowrap;
}

.paddingrest {
    padding: 3px 0 !important;
    text-align: right !important;
}

.progressOffTrackZero {
    width: 300px;
}

a:focus {
    text-decoration: none;
}

.commentboxbtn input {
    width: 32px;
}

.actionliststMap .RadGrid .progressOnTrack,
.actionliststMap .RadGrid .progressOffTrackZero,
.actionliststMap .RadGrid .progressMonitor {
    position: relative;
}

.RadGrid .progressOffTrackZero {
    width: 208px;
}

.actionliststMap .RadGrid .progressOffTrackZero {
    width: 140px;
}

#divMyUpdateTaskGrid .progressNegative {
    width: 230px;
}
/*.RadGrid .dateCellquickupdateprogress .progressOnTrack,*/
.kanbanblockmargin .RadGrid .dateCellquickupdateprogress .progressNegative, .kanbanblockmargin .RadGrid .dateCellquickupdateprogress .progressDefault {
    width: 180px;
}

.logotext .label {
    font-size: 25px;
    color: #fff;
    display: block;
    margin-top: 11px;
    font-weight: 400;
    margin-left: 20px;
}

.SelectorCell {
    background-color: #d5d5d5;
}

.IndentCell img {
    cursor: pointer;
}

.hypelinktaskgrid span, #btnEditLink, #btnDeleteLink, .btncomart {
    color: #0c92a4;
    text-decoration: none !important;
}

    .hypelinktaskgrid span:hover, #btnEditLink:hover, #btnDeleteLink:hover, .btncomart:hover {
        text-decoration: underline !important;
    }

.rgHeader, .grid .header {
    font-size: 14px;
}

.MyQuickUpdateMainTitle {
    margin-top: 5px;
}

/******************************/
#roNavigation {
    float: left;
    display: block;
    position: relative;
    vertical-align: bottom;
    margin-top: 0px;
    z-index: 2147483636 !important;
}

div#roNavWrap {
    position: static;
    padding: 12px 0;
}

    div#roNavWrap ul {
        height: auto;
        width: 140px;
        border: 1px #989898 solid;
        background: transparent;
        margin: 0;
        z-index: 10 !important;
        text-wrap: normal;
    }

        div#roNavWrap ul li {
            margin: 0;
            z-index: 9997;
            width: 100px;
            font-size: 13px;
            color: #09f;
            display: block;
            height: 20px;
            line-height: 20px;
            vertical-align: bottom;
            list-style: none;
        }


    div#roNavWrap ul {
        -webkit-padding-start: 0px !important;
        padding-left: 0px !important;
    }

        div#roNavWrap ul li.item {
            float: left;
            width: 140px;
            display: none;
            background: #fff !important;
            padding: 3px 3px 3px 3px;
            text-align: left;
            border: 1px #989898 solid;
            border-width: 0 1px 1px 1px;
            height: 26px;
            color: #555252;
        }

            div#roNavWrap ul li.item:hover, div#roNavWrap ul li.selected.item {
                /*background: #09f;*/
                background: #ccc;
                color: #555252;
            }

            div#roNavWrap ul li.item a {
                color: #555252;
            }

                div#roNavWrap ul li.item a:hover {
                    color: #555252;
                }

        div#roNavWrap ul li#selectedItem {
            cursor: pointer;
            display: block;
            /*width: 155px;*/
            padding-right: 16px;
            height: 20px;
            background: url(media/icons/arrow.png) no-repeat center right;
        }

        div#roNavWrap ul li#selectedItem {
            z-index: 1;
        }

            div#roNavWrap ul li#selectedItem input {
                padding: 1px 0 0 3px;
            }

        div#roNavWrap ul li a {
            padding: 0px 10px 1px 10px;
            z-index: 2;
            font-size: 13px;
            color: #fff;
            text-decoration: none;
            display: block;
            height: 20px;
            line-height: 18px;
            vertical-align: middle;
        }

        div#roNavWrap ul li input {
            float: left !important;
            margin-right: 3px;
            margin-top: 2px;
        }

.hidearchiveperioditem {
    display: none !important;
}

li#togglewrenchmenubtn {
    list-style-type: none;
}

#togglewrenchmenubtn {
    /*background:#fff;*/
    border: 1px solid #989898;
    float: left;
}

#togglecogmenubtn {
    border: 1px solid #989898;
    text-align: center;
}


#togglemenuwrench, #togglemenucog {
    width: 100%;
    max-width: 190px;
    border: 1px solid #888888;
    display: none;
    position: absolute;
    left: 0px;
    top: 23px;
    /*right:191px !important;*/
    background: #efefef;
    z-index: 9999;
    vertical-align: middle;
}

    #togglemenuwrench div ul, #togglemenucog div ul {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        #togglemenuwrench div ul li, #togglemenucog div ul li {
            text-align: left;
            width: 100%;
            background: #fff;
            margin: 0px;
        }

#togglemenucog {
    width: 140px;
}

    #togglemenucog div ul li a {
        font-size: 11px;
        font-weight: normal;
        line-height: 12px;
        color: #4D4D4D;
        padding: 4px;
        display: block;
        text-decoration: none;
        cursor: pointer;
        white-space: pre-line;
    }

        #togglemenucog div ul li a:hover, #togglemenucog div ul li:hover {
            background: #888888;
            color: #fff !important;
            display: block;
        }

#roNavWrap ul li a {
    text-decoration: none !important;
}

.btnContainer {
    float: left;
}

textarea {
    resize: vertical;
}

:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: transparent;
    outline-style: auto;
    outline-width: 5px;
    outline:none;
}

.chartsettingIcon {
    float: right;
    margin: 12px 15px;
}

    .chartsettingIcon .label {
        vertical-align: middle;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        padding: 0;
    }

.RadHtmlChart_MetroTouch {
    margin: 0 auto;
}

.RadTabStripTop_Interplan .rtsLevel1 .rtsLink {
    border-top: solid 3px #e5e5e5;
}

#divChartSettingsBodyActionHeader {
    margin-top: 10px;
}

.eisGraphBlock01 .k-chart {
    margin: 0 auto;
}

.eisGraphBlock01 .cellindicaters {
    display: block;
    /* float: left; */
    /* background-color: aqua; */
    width: 150px;
    height: 30px;
    margin: 5px auto;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e113"; /* adjust as needed, taken from bootstrap.css */
    /* adjust as needed */
    color: grey; /* adjust as needed */
    vertical-align: middle;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
}

.errocollapse .panel-title a {
    text-decoration: none;
}

.errocollapse .textboxWidthLiq7 {
    width: 100% !important;
}

.errocollapse .panel-body {
    padding: 0;
}

.errocollapse .panel-group .panel {
    border-radius: 0;
}

.panel-title a {
    color: #444444;
    font-size: 13px;
    text-align: center;
}

.errocollapse .panel-title {
    text-align: center;
}




.kanbanBlockHeader {
    background-color: #21415b;
    border: solid 1px #21415b;
}

    .kanbanBlockHeader h3 {
        color: #fff;
    }


.kanbanBlock {
    /*border: 1px solid #CCC;*/
    background-color: #FFF;
    padding: 5px;
    font-size: 13px !important;
    min-height: 130px;
    /*border-radius: 4px;*/
    min-width: 260px;
    background-color: #e5e5e5;
}

    .kanbanBlock > div {
        background-color: #fff;
        border-radius: 4px;
        margin: 3px;
        padding: 10px 8px;
    }

.kanbanBlockTitle {
    margin-top: 3px !important;
}

    .kanbanBlockTitle a, .kanbanBlockTitle .label {
        text-decoration: none !important;
        /*color: #1e425b !important;*/
        font-size: 13px;
        /*font-weight: bold;*/
        white-space: nowrap;
        /*text-overflow: ellipsis;*/
        /*overflow: hidden;*/
        display: block;
        text-align: left;
    }

.eisHeader {
    padding: 10px 0;
}

.eisBg {
    padding: 15px;
    background-color: #f5f5f5;
}

.gapdropdowneis {
    width: 10px;
}

.eisgrCon {
    margin-bottom: 40px;
}

.EISActions {
    margin-bottom: 80px;
    padding-left: 15px;
}

.subkpicon {
    padding: 15px;
    background-color: #f5f5f5;
}

.kpigraph .labeldatacell {
    padding-top: 10px;
}

.RowStyleGrandTotal td {
    border-color: #eee;
}

.budgetCon {
    padding-bottom: 85px;
}

.rapEISScoreCardcon {
    padding-bottom: 85px;
}

.column-offset-strategy-map-icons {
    margin-left: 13.5%;
}

.diamond {
    background-image: url(ToolBar/diamond.svg);
    height: 15px;
    width: 12px;
    display: block;
    float: left;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
}

.GridView.widgetsetting {
    border: none;
}

table.GridView.widgetsetting .HeaderStyle th:first-child {
    border: none !important;
}

a.LinkButton1Roll span, a.LinkButton1Roll span {
    padding: 5px 8px;
}

.starategypopupheader {
    margin: 0;
}

    .starategypopupheader h3 {
        margin: 15px 0;
    }

    .starategypopupheader p {
        margin: 15px 0;
    }

    .starategypopupheader h3 .label {
        font-size: 14px;
        color: #21415b;
        font-weight: bold;
        /* text-transform: uppercase; */
        vertical-align: middle;
        padding-top: 5px;
    }

.chartdetail {
    margin-top: 80px;
}

.popupCon {
    width: 98%;
}

.mCSB_container_wrapper {
    margin-right: 5px !important;
}

.RadTreeView {
    white-space: normal !important;
}

.kpiFormulaDiv {
    margin: 9px 5px;
    float: left;
}

    .kpiFormulaDiv .label {
        font-weight: 500;
    }

.strategytoolbar .form-inline {
    float: right;
}

.mCustomScrollbarKanban {
    padding: 0 0;
    overflow-y: auto;
}

.kanbanheaderCol {
    /*border: solid 4px #fff;
    border-width: 0 4px;*/
    height: 30px;
    min-width: 260px;
    display: block;
}

.kanbanCol {
    /*background-color: #e5e5e5;*/
    /*border: solid 4px #fff;
    border-width:0 4px;*/
    /*padding-top:15px;*/
    min-width: 260px;
    height: auto;
}

.kanbanColFocus {
    border: 1px solid #21415a;
    background-color: #21415a;
}

.kanbanCol ul {
    padding: 0;
}

    .kanbanCol ul li {
        list-style: none;
    }

.kanbanheaderCol > .label {
    display: block;
    color: #fff;
    background-color: #21415a;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 5px;
    width: 100%;
    margin-bottom: 15px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
}

.kanbanrow {
    margin: 0;
    display: flex;
}

.kanbanCol > .label {
    display: block;
    color: #fff;
    background-color: #21415a;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 5px;
    width: 100%;
    margin-bottom: 15px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
}

.kanbantoolbar .RadButton_Interplan, .kanbantoolbar .RadButton_Interplan:focus, .kanbantoolbar .RadButton_Interplan:hover {
    background-image: url('ToolBar/view_btn.svg');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: center;
}

.kanbantoolbar .viewbtn {
    background-image: url(ToolBar/view_btn.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: center;
}

.kanbantoolbar .RadButton_Interplan input {
    text-indent: -900px;
    display: block;
    /* overflow: hidden; */
    /* background: #ccc; */
    width: 16px;
    padding: 0;
}

.rbSplitRight {
}

.kanbantoolbar .RadButton .rbSplitPart {
    padding: 0;
    border-radius: 0;
    border-color: transparent;
}

.kanbantoolbar .RadButton span.rbSplitIcon::before {
    display: none;
}

.kanbantoolbar .RadButton.rbButton {
    min-width: 0;
    line-height: normal;
    border-width: 0;
    border: none;
    color: transparent;
}

.kanbanBlock .row {
    margin: 0 -10px;
}

.kanbanBlock .mainlbl .label {
    font-weight: 500;
    line-height: 15px;
    font-size: 13px;
}

.kanbanBlock .detailbtn {
    background-image: url(ToolBar/detailBtn.svg);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-position: center;
    float: right;
    background-size: 5px;
    text-indent: -500px;
    width: 10px;
    color: transparent;
    padding: 0 !important;
}

    .kanbanBlock .detailbtn:hover:focus {
        border: none;
        outline: none;
    }

.kanbanBlock .paddingTop10 {
    margin-top: 15px;
}

.kanbanBlock .blockdateCon .label {
    font-weight: 500;
    vertical-align: middle;
}

.kanbanBlock .blockdateCon {
    margin-top: 8px;
    text-align: right;
    padding-right: 8px;
    float: right;
}

.kanbanBlock .headerUserImage {
    height: 35px;
    width: 35px;
    margin: 0;
}

.kanbanBlock .dropdown-menu {
    padding: 2px;
    border-radius: 0;
    background-color: #21415b;
    border: none;
    min-width: 95px;
    border-radius: 4px;
    margin-top: 15px;
    left: -74px;
    top: 15px;
}
/*.kanbanBlock .dropdown-menu:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 100px 100px 100px;
        border-color: transparent transparent #007bff transparent;
    }*/
.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #21415b;
    position: absolute;
    top: -10px;
    left: 83px;
}

.kanbanBlock .dropdown-menu a {
    color: #fff;
    text-decoration: none;
    float: left;
    display: block;
    width: 90px;
    padding-left: 40px;
    padding: 5px 0 5px 40px;
    border-top: solid 2px #264a68;
    font-size: 13px;
}

    .kanbanBlock .dropdown-menu a:first-child, .kanbanBlock .dropdown-menu a:nth-child(2) {
        border-top: none;
    }

    .kanbanBlock .dropdown-menu a:hover /*:focus:active*/ {
        color: #446177;
        text-decoration: none;
        background-color: #21415b;
    }

    .kanbanBlock .dropdown-menu a:nth-child(2) {
        background-image: url('ToolBar/detail_white.svg');
        background-repeat: no-repeat;
        background-position: 9% 50%;
    }

        .kanbanBlock .dropdown-menu a:nth-child(2):hover {
            background-image: url('ToolBar/detail_hover .svg');
        }

    .kanbanBlock .dropdown-menu a:nth-child(3) {
        background-image: url('ToolBar/ToolbarDiscussoin_white.svg');
        background-repeat: no-repeat;
        background-position: 9% 50%;
    }

        .kanbanBlock .dropdown-menu a:nth-child(3):hover {
            background-image: url('ToolBar/ToolbarDiscussoin_hover.svg');
        }

.kanbanBlock #slide {
    width: 73% !important;
}

.kanbanBlock .progressOffTrackZero, .kanbanBlock .progressOffTrack, .kanbanBlock .progressOnTrack, .kanbanBlock .progressNegative {
    width: auto;
    margin-left: 2px;
}

.mikeyActiontools .label, .mikeyActiontools .dropdown {
    float: right;
    cursor: pointer;
}

.mikeyActiontools .label {
    font-size: 13px;
    font-weight: 500;
}

.kanbanGridswitchbtn {
    background-image: url('ToolBar/view_btn.svg');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: center;
    background-color: white;
    border: none;
    outline: none;
    margin-top: 3px;
}

.mikeyActiontools .label {
    background-image: url(ToolBar/settings.svg);
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 22px;
    margin-left: 10px;
    background-size: 17px;
    background-position: 1px 3px;
    text-indent: -575px;
    color: transparent;
}

.mikeyActiontools .dropdown-menu {
    padding: 2px;
    border-radius: 0;
    background-color: #21415b;
    border: none;
    min-width: 110px;
    border-radius: 0;
    margin-top: 15px;
    left: -85px;
    z-index: 1500;
}

    .mikeyActiontools .dropdown-menu a {
        color: #fff;
        text-decoration: none;
        float: left;
        display: block;
        width: 100px;
        padding: 10px 0 10px 45px;
        border-top: solid 2px #264a68;
        background-size: 24px;
    }

        .mikeyActiontools .dropdown-menu a:hover {
            color: #446177;
            text-decoration: none;
            background-color: #21415b;
        }

        .mikeyActiontools .dropdown-menu a:nth-child(2) {
            background-image: url('ToolBar/grid.svg');
            background-repeat: no-repeat;
            background-position: 6px 50%;
            border: none;
        }

            .mikeyActiontools .dropdown-menu a:nth-child(2):hover {
                background-image: url('ToolBar/grid_hover.svg');
            }

        .mikeyActiontools .dropdown-menu a:nth-child(3) {
            background-image: url('ToolBar/kanban.svg');
            background-repeat: no-repeat;
            background-position: 6px 50%;
        }

            .mikeyActiontools .dropdown-menu a:nth-child(3):hover {
                background-image: url('ToolBar/kanban_hover.svg');
            }

.kanbanGridswitchbtn:hover, .kanbanGridswitchbtn:focus, .kanbanGridswitchbtn:active {
    outline: none;
    border: none !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .kanbanBlock {
        /* border: 1px solid #CCC; */
        margin-bottom: 15px;
        background-color: #FFF;
        padding: 5px;
        font-size: 13px !important;
        min-height: 130px;
        border-radius: 4px;
        min-width: 200px;
    }

        .kanbanBlock #slide {
            width: 60% !important;
        }
}

.legendName {
    margin-left: 5px;
}

.legendCon {
    width: 180px;
    display: block;
    margin: 0 auto;
    float: left;
    margin-top: 85px;
    max-height: 145px;
}

#divRiskDonut .legendCon {
   /* margin-top: -15px;*/
    overflow-y: auto;
    overflow-x: hidden;
    width: 215px;
}

.colorthum {
    width: 10px;
    height: 10px;
    margin: 3px 5px 3px 0;
}

.legendName, .colorthum {
    float: left;
}

.legendVlu, .precentage {
    float: right;
    padding-left: 5px;
}

.legrow {
    width: 200px;
    float: left;
    border-bottom: solid 2px #dfdfdf;
    padding: 15px 0 5px 0;
}

.precentageval {
    float: right;
    width: 50px;
}

.legendCon > .legrow:first-child {
    padding-top: 0;
}

.legendCon > .legrow:last-child {
    margin-bottom: 10px;
}

.legendCon .label {
    font-weight: 500;
    font-size: 14px;
}

.RadComboBoxDropDown .rcbScroll {
    width: 100%;
}

.RadComboBox table {
    table-layout: auto !important;
}

.RadTreeView_Default .rtSelected .rtIn, .RadTreeView_Default .rtHover .rtIn {
    background-color: #33c1d4 !important;
    background-image: none !important;
    border: none !important;
    color: #fff !important;
}

/*.eisBg .EISpie_ChartFloat {
    height:500px;
}
*/
.HierarchyComponenth {
    height: 60px;
}

.mCustomScrollbarRadTreeView {
    border: solid 4px #f5f5f5;
    padding: 5px
}

.dropdowntoolbar {
    padding-top: 10px;
}

    .dropdowntoolbar > labeldatacell {
    }

.kanbanpopupTitle .col-md-8 {
    width: 85%;
}

.kanbanpopupTitle .col-md-4 {
    width: 15%;
}

.kanbanblockmargin {
    /*padding-left: 25px;
    padding-right: 25px;*/
    border-top: solid 1px #ccc;
    float: left;
    width: 99%;
    margin-top: 7px;
    padding-top: 5px;
    padding: 5px 10px;
    margin-left: 5px;
}

.text-container, .imageContainer {
    float: left;
}

.projectListProgresskanban, .text-container2 {
    float: right;
}

.imageContainer {
    margin-right: 10px;
}

    .imageContainer img {
        padding: 0;
        margin: 0;
    }

.text-container, .text-container2 {
    height: 40px;
    vertical-align: middle;
    margin: 0 10Px 0 0;
}

    .text-container .label, .text-container2 .label {
        vertical-align: middle;
        display: inline-block;
        margin: 10px 0;
    }

.projectListProgresskanban {
    /*width:50%;*/
}

    .projectListProgresskanban .progressOffTrackZero, .projectListProgresskanban .progressOnTrack,
    .projectListProgresskanban .progressDefault, .projectListProgresskanban .progressOffTrack {
        width: 300px;
        float: right;
    }

    .projectListProgresskanban #slide {
        /*width: 260px !important;*/
        float: left;
        margin-top: 12px;
        padding: 0;
    }

    .projectListProgresskanban .progressOffTrackZero .value, .projectListProgresskanban .progressOffTrackZero .symbol {
        margin-top: 3px;
    }

.kanbanblocktextarea {
    width: 100%;
}

.textField, .Inputfield {
    float: left;
}

.textField {
    padding: 0 5px;
    text-align: right;
    margin: 5px 0;
}

    .textField .label, .Inputfield .label {
        margin: 0;
        padding: 0;
        padding: 5px 0;
        display: block;
        text-align: left;
    }

.Inputfield {
    padding: 0 5px;
    text-align: left;
    margin: 5px 0;
    min-width: 80px;
}

.kanbanpopup html {
    overflow: hidden;
}

.rspSlideContent nobr {
    white-space: normal;
}

.rspSlideContent td, .rspSlideContent th {
    vertical-align: top;
}

#eisouterdiv .TreeNode {
    padding: 1px;
    cursor: default;
    padding: 3px 5px 4px 5px;
    min-width: 200px
}

#ulHeaderAlerts table {
    width: 100%;
}

#eisouterdiv .HoverTreeNode {
    padding: 3px 5px 4px 5px;
    color: #648bcb;
    background: #e5e5e5;
    cursor: default;
    min-width: 200px
}

#eisouterdiv .SelectedTreeNode {
    padding: 3px 5px 4px;
    color: #fff;
    background-color: #229FBF;
    cursor: default;
    min-width: 200px
}

#eisouterdiv .TreeView {
    width: 400px !important;
}

.kpisTable td.removepadding {
    padding: 0 !important;
    vertical-align: top;
}

.scoreCardyearwrap td.datacell {
    padding: 0;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    /*padding-right: 10px;
    padding-left: 10px;*/
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
        margin: 0 5px;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
        margin: 0 5px;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
        margin: 0 5px;
    }
}

.kanbanheader {
    position: relative;
    z-index: 100;
}

.kanbanwidgetCon {
    /*margin-top: 30px;*/
}

.kanbanheader .kanbanheaderCol {
}

.kanbanBlock.ui-draggable-dragging {
    background-color: #777777;
}

.kanbantitle {
    float: left;
    margin-left: 10px;
    width: 89%;
}

.kanbandetailbtn {
    float: left;
}

.usericon {
    float: left;
    padding-left: 10px;
}

.kanbanBlock .projectListProgress {
    /*margin: 10px 0;*/
     margin: 0 0 5px 0;
     padding-left:7px;
       padding-right:5px;
}

.kanbanBlock .value, .kanbanBlock .symbol {
    font-size: 13px;
}

#divL4 .strategicMapBLock .blockDetailview {
    top: 160px;
}

.Progressbarstaratgymap .progressNegative, .RadGrid .Progressbarstaratgymap .progressDefault {
    width: 155px !important;
}

.Progressbarstaratgymap #slide {
    width: 85px !important;
    float: left;
    margin-top: 6px
}

.Progressbarstaratgymap .progressNegative .value, .RadGrid .Progressbarstaratgymap .progressDefault .value {
    text-align: right;
    color: rgb(255, 255, 255);
    background-color: rgb(51, 193, 212);
    /*width: 45px;*/
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-left: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 15px;
    padding-left: 5px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 20px;
}

@supports (-ms-ime-align: auto) {
    .Progressbarstaratgymap .progressNegative .value, .RadGrid .Progressbarstaratgymap .progressDefault, .progressNegative .value {
        padding-right: 20px !important;
    }

    .reportpage .middleContent {
        min-height: auto !important;
    }
}

@media all and (-ms-high-contrast:none) {
    .widgetsetting sup {
        top: -0.5em !important;
    }

    .projectListProgresskanban .progressOffTrackZero, .projectListProgresskanban .progressOnTrack, .projectListProgresskanban .progressDefault, .projectListProgresskanban .progressOffTrack {
        padding-top: 5px;
    }

    .Progressbarstaratgymap .progressNegative .value, .RadGrid .Progressbarstaratgymap .progressDefault .value, .progressNegative .value {
        padding-right: 20px !important;
    }
    /* IE10 */
    *::-ms-backdrop, .Progressbarstaratgymap .progressNegative .value, .RadGrid .Progressbarstaratgymap .progressDefault .value, .progressNegative .value {
        padding-right: 20px !important;
    }
    /* IE11 */
    .dateCellquickupdateprogress #slide, .projectListProgresskanban #slide, .Progressbarstaratgymap #slide {
        margin-top: 2px;
    }

    .progressOnTrack .value, .progressNegative .value, .progressOffTrackZero .value {
        padding-top: 0;
    }

    .projectListProgresskanban .progressNegative {
        width: 300px !important;
    }

    .progressNegative {
        width: 245px !important;
    }

    .ProjectBlock .progressNegative {
        width: 300px !important;
    }

    .StrategyMapDetail .progressNegative {
        width: 304px !important;
    }

    .StrategyMapDetail #slide {
        margin-top: 3px !important;
    }

    .strategicMapBLock h3 {
        margin: 7px 5px;
    }

    .kanbanBlock .progressOffTrackZero, .kanbanBlock .progressOffTrack, .kanbanBlock .progressOnTrack, .kanbanBlock .progressNegative {
        width: auto !important;
        margin-left: 2px;
    }

    .reportpage .middleContent {
        min-height: auto !important;
    }
}

.Progressbarstaratgymap .progressNegative .symbol {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 2px;
    margin-left: -15px;
    position: relative;
    font-weight: bold;
    font-size: 15px;
}


.RadWindow .rwCorner {
    display: none;
}

#SideNavigationBar .dropdown-menu {
    position: absolute;
    top: 0%;
    left: 50px;
    z-index: 10000;
    float: left;
    min-width: 100px;
    padding: 0;
    /* margin: 2px 0 0; */
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 1px solid rgba(0,0,0,.15); */
    border-radius: 0;
    /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
    /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
    font-size: 13px !important;
    background-color: #33c1d4;
    border-width: 0;
    text-align: left;
}

    #SideNavigationBar .dropdown-menu .btn-default, #SideNavigationBar .dropdown-menu .btn-default:hover, #SideNavigationBar .dropdown-menu .btn-default:focus, #SideNavigationBar .dropdown-menu .btn-default:active, #SideNavigationBar .dropdown-menu a:active, #SideNavigationBar .dropdown-menu a:hover {
        border-color: #fff;
        border-width: 0 0 1px 0;
        color: #fff !important;
        font-size: 13px !important;
        padding: 10px 20px !important;
        border-radius: 0 !important;
        text-align: left;
        background: #229FBF !important;
        text-shadow: none !important;
    }

.kanbanpopupTitle {
    margin: 5px 0 !important;
}

    .kanbanpopupTitle .label {
        font-weight: bold;
        padding-left:8px;
    }

.kanbanblockmargin .imageContainer {
    margin-left: 0px;
}

.radcontrol .quickupdatedatetextBox {
    width: 110px !important;
}

.WidgetSettingsControlfilter {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.mCustomScrollbarWidgetSettings {
    float: left;
    width: 100%;
}

.cammsstrategyDiscussion .RadTabStripTop_Interplan .rtsLevel1 .rtsUL {
    float: left;
    border: none;
}
/************chat popup ******************/

/************* Collaboration Group End *****************/

/************* Overriding RadListBox style*****************/

.groupsList .RadListBox {
    width: auto !important;
}



.chatPopupMainTitle {
    background-color: #fff;
    color: #555252;
    padding: 5px;
    font-size: 13px;
    font-weight: 500;
    cursor: auto;
    /*margin-bottom: 10px;*/
    /*position: absolute;*/
    /*left: 0px;*/
    width: 100%;
    /*height: 33px;*/
}

.chatPopUpMain {
    /*width: 68%;*/
    /*border: 1px solid #cdcdcd;*/
    display: inline;
    /*z-index: 10001;*/
    /*position: fixed;*/
    /*right: 40px;*/
    /*top: 10px;*/
    font-size: 13px;
    font-weight: normal;
    float: left;
    width: 100%;
}

.chatPopUpMainHeader {
    background-color: #653d95;
    color: #FFF;
    padding: 5px;
}

.chatPopUpContactList {
    /*overflow-y: auto !important;
    overflow-x: hidden;*/
    font-size: 13px;
    background-color: #FFF;
    /*line-height: 10px;*/
    margin-bottom: 10px;
    overflow-y: auto;
}

#divContactList {
    height: 214px !important;
    overflow-x: hidden;
    float: left;
    width: 100%;
}

#divRecentContactList {
    height: 290px;
    overflow-x: hidden;
    float: left;
    width: 100%;
}

.chatPopUpContactList div {
    /*height: 20px;*/
    /*line-height: 40px;*/
    /*margin-bottom: -10px;*/
}



.chatPopUpContactList label {
    margin-top: -5px;
}


.chatPopUpCloseBut {
    float: left;
    width: 10%;
}

.chatPopUpSubHeaderText {
    /*font-weight: bold;*/
    margin: 0 0 10px 10px;
    color: #444444 !important;
}

.chatPopUpContentGap {
    height: 10px;
}

.chatPopTextBoxFont {
    font-size: 13px;
}

.chatPopDropDownFont {
    font-size: 13px;
}

.chatPopDropDownMargin {
    margin: 0 0 0 3px;
}


.chatPopButtonFont {
    font-size: 13px;
    height: 25px;
}

.chatPopUpMainContentSeperator {
    border-bottom: 1px solid #e7e7e7;
    height: 1px;
}

.chatPopUpMainContent {
    background-color: #fff;
    color: #000;
    /*padding: 5px;*/
    height: 312px !important;
    overflow-y: auto;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.chatPopUpMainFooter {
    /*background-color: #f5f5f5;*/
    color: #444;
    /*padding: 5px;*/
    position: relative;
    /*margin-top:10px;*/
    /*height: 130px;*/
}


    .chatPopUpMainFooter a, .chatPopUpMainFooter a:link, .chatPopUpMainFooter a:hover, .chatPopUpMainFooter a:active {
        color: #444;
        font-weight: bold;
    }

.chatPopUpfooterContentTextbox {
    background-color: #fff;
    padding: 5px;
    font-size: 9px;
    font-weight: bold;
}

.chatPopupfooterContextCheckBox {
    background-color: #fff;
    padding-bottom: 10px;
}

.chatPopUpfooterContentDropDown {
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    /*width: 30%;*/
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    /*height:364px;*/
}

.chatfooterline {
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.chatPopUpfooterContentDropDownOuter {
    float: left;
    text-align: left;
    background-color: #FFF;
    height: 225px;
}

.chatPopUpfooterContentDropDownInner {
    /*background-color: #d9e1fd;*/
    padding: 0 0 10px 0;
    /*width: 220px;*/
}


.chatPopupLeftPanelShowHide {
    /*width: 10px;*/
    /*float: left;*/
    /*text-align: left;*/
    /*z-index: 999999;*/
    /*margin-left: -2px;
    margin-top: -1px;*/
    /*width:2%;*/
    /*float:left;*/
    /*position:absolute;
    left:-2px;*/
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1000;
}

.chatPopUpfooterContentButton {
    width: 10%;
    float: right;
}

.chatPoUpfooterContentNotifer {
    float: left;
    text-wrap: avoid;
    padding-left: 10px;
}

.chatPopUpMainChatContainer {
}

.chatPopUpMainChatContainerImage {
    /*width: 50px;*/
    float: left;
    margin: 5px;
    /*width:13%;*/
    padding: 16px;
}

.chatPopUpMainChatContainerChat {
    /*width: 140px;*/
    float: left;
    width: 80.4% !important;
    padding: 20px 0;
}

.chatPopUpMainChatContainerChatName {
    text-align: left;
    /*width: 93%;*/
    font-size: 13px;
    /*font-weight: bold;*/
    color: #555252;
    margin: 2px;
    float: left;
    width: 70%;
}

#sharepopupbottomcontent {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.chaticonwrap {
    float: left;
    width: 20px;
    height: 18px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /*padding:2px 4px 2px 2px;*/
    background-color: #b8b8b8;
    margin-right: 3px;
}

.chaticonwrapblank {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 3px;
}

    .chaticonwrapblank .ChatUserImage {
        width: 40px;
        border-radius: 50%;
    }

    .chaticonwrapblank #ChatUserImage {
        width: 40px;
        border-radius: 50%;
    }

.chatPopUpMainChatContainerChatDelete {
    float: right;
    width: 16px;
    height: 16px;
    background: url('media/icons/delete-16.png') no-repeat !important;
    cursor: pointer;
    margin: 2px;
}

.chatPopUpMainChatContainerChatIconIndividual {
    margin: 2px;
    background: url('media/icons/contacts-16.png') no-repeat !important;
}

.chatPopUpMainChatContainerChatIconUserGroup {
    margin: 2px;
    background: url('media/icons/group-16.png') no-repeat !important;
    cursor: pointer;
}

.chatPopUpMainChatContainerChatIconGlobalGroup {
    margin: 2px;
    background: url('media/icons/conference-16.png') !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.chatPopUpMainChatContainerChatLocation {
    text-align: left;
    width: 85%;
    color: #6e6e6e;
    /*margin: -3px 2px 3px 2px;*/
    float: left;
    /*line-height: 14px;*/
}

.chatPopUpMainChatContainerChatDate {
    text-align: right;
    width: 100%;
    color: #aaaaaa;
    margin: 5px 0;
    /*min-width: 165px;*/
    font-size: 11px;
}

.chatPopUpMainChatContainerChatContent {
    text-align: left;
    width: 100%;
    font-size: 13px;
    color: #838383;
    /*margin: 2px 2px 8px 2px;*/
    float: left;
    /*margin-top:10px;*/
}



.chatPopupMainContainerShowPreviousMsg {
    background-color: #e9f8f8;
    padding: 2px;
    text-align: center;
}


    .chatPopupMainContainerShowPreviousMsg a, .chatPopupMainContainerShowPreviousMsg a:link, .chatPopupMainContainerShowPreviousMsg a:hover, .chatPopupMainContainerShowPreviousMsg a:active {
        color: #4f4f4f;
        /*font-weight: bold;*/
        text-decoration: none;
    }

.chatPopupMainContainerMsgLoader {
    background: url('media/icons/loadmgs.gif') no-repeat !important;
    float: left;
}

.chatPopUserImage {
    margin: 5px 0 0 0;
}

.cUnReadMessageCount {
    font-size: 10px;
    background-color: #F00;
    padding: 3px;
    color: #FFF;
    position: fixed;
    right: 3px;
    top: 26px;
    font-weight: bold;
    cursor: pointer;
    z-index: 2500;
    width: 20px;
    height: 20px;
    float: right;
    /* margin: 3px; */
    text-align: center;
}

.cItemUnReadMessageCount {
    background-color: red;
    border-radius: 50%;
    font-size: 9px;
    color: #FFFFFF;
    padding: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 25px;
    left: 7px;
    cursor: pointer;
}

.collabSharePopupLabel {
    font-size: 1em;
    vertical-align: bottom;
}

/*.collabSharePopupButton
{
	font-family: "Segoe UI",Arial, Helvetica, sans-serif;
	background-color: #148db9;
	color: #fff !important;
	border: solid 1px #004b66;
	margin: 1px;
	display: block;
	padding: 2px 4px;
	font-size: .7em;
	cursor: pointer;
	font-weight: 800;
	text-align: center;
	margin:0px 10px 0px 0px;
}*/


#collabSharePopup {
    display: normal;
}

.unreadMessagePopup {
    background-color: #fff;
    float: right;
    width: 200px;
    padding: 3px;
    border: 1px solid #92d0e6;
    display: none;
    position: absolute;
    min-height: 150px;
    font-size: 13px;
}

.unreadMessagePopupInsideDiv {
    width: 13%;
    text-align: right;
    font-size: 9px;
    cursor: pointer;
    padding-right: 4px;
    padding-bottom: 2px;
}

.unreadMessagesView {
    float: right;
    position: absolute;
    right: 220px;
    top: 30px;
    z-index: 8000;
}

.unreadMessagePopupSeperator {
    vertical-align: middle !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f2f1f1;
    padding: 3px;
}

.chatPopUpMainChatContainerImage {
    /*width: 50px;*/
    float: left;
    margin: 5px;
    /*width:13%;*/
    padding: 0px !important;
}

.chatPopUpMainChatContainerChat {
    /*width: 140px;*/
    float: left;
    width: 80.4% !important;
    padding: 0px 0 !important;
}


#chatUserImageDiv, .discussionRecentImg, .discussionContactsImg {
    width: 20%;
    float: left;
    padding-top: 7px;
}


#chatUserDescrDiv, .discussionRecentUser, .discussionContactsUser {
    width: 80%;
    float: left;
    padding-top: 10px;
}

.chatPopUpMainChatContainerImage #ChatUserImage {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
}


li#ChatSearchTextBox {
    width: 79%;
}

li#ChatSearchTextBox {
}

#ChatsearchControl {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0;
    width: 100%;
}

#recentChatSearchControl {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0;
    width: 100%;
}

#ChatSearchTextBox input {
    margin: 3px;
    border: 0;
    width: 98%;
}

#recentChatSearchTextBox input {
    margin: 3px;
    border: 0;
    width: 98%;
}

li#ChatSearchTextBox {
    width: 88%;
    border-right: 1px solid #ccc;
}

li#recentChatSearchTextBox {
    width: 88%;
    border-right: 1px solid #ccc;
}

li#ChatSearchButton input {
    margin: auto !important
}

li#recentChatSearchButton input {
    margin: auto !important
}


.chatPopUpfooterContentDropDown .list-inline {
    margin-left: 0 !important;
}


.chatNotifytxt {
    width: 92%;
    float: left;
    padding: 10px 0;
    font-weight: bold;
    font-size: 15px;
    color: #21415b;
}

#divPrivateGroup {
    width: 8%;
    float: left;
    padding: 10px 0;
}

.chatPopUpfooterContentDropDown select {
    border-radius: 4px;
    height: 28px;
}

.discussionContactsContainer, .discussionRecentContainer {
    height: 54px;
    position: relative;
}

.discussionTxtMessage {
    border: 0 !important;
    color: #838383;
    padding: 5px !important;
}

#recentChatSearchButton {
    vertical-align: middle;
}

.discussionbtnMessageSend {
    background: transparent;
    border: 0;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    width: 100%;
    height: 77px;
}

#ProjectdetailsContent {
    /*overflow: auto;*/
    /*padding-top:15px;*/
    /*padding-left:15px;*/
    /*padding-right:15px;*/
    margin-top: 15px;
    /*margin-left:15px;*/
    width: 100%;
    float: left;
}


#ProjectdetailsArea {
    background-color: #f5f5f5;
}


.chatPopUpContactList #ChatUserImage {
    width: 41px !important;
    height: 41px !important;
    border-radius: 50%;
}


.chatPopUpMainChatContainerImage #ChatUserImage {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50%;
}

.discussionTxtMessage {
    border: 0 !important;
    color: #838383;
    padding: 5px !important;
}


.discussionbtnMessageSend {
    background: transparent;
    border: 0;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    width: 100%;
    height: 77px;
}


.rowlline {
    border-top: 1px solid #c3c3c3;
}


.columnline {
    border-left: 1px solid #c3c3c3;
}



#ChatsearchControl {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0;
    width: 100%;
}

#recentChatSearchControl {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0;
    width: 100%;
}

#ChatSearchTextBox input {
    margin: 3px;
    border: 0;
    width: 98%;
}

#recentChatSearchTextBox input {
    margin: 3px;
    border: 0;
    width: 98%;
}

li#ChatSearchTextBox {
    width: 88%;
    border-right: 1px solid #ccc;
}

li#recentChatSearchTextBox {
    width: 88%;
    border-right: 1px solid #ccc;
}

li#ChatSearchButton input {
    margin: auto !important
}

#ChatSearchButton {
    vertical-align: middle;
}

li#recentChatSearchButton input {
    margin: auto !important
}


.chatPopUpfooterContentDropDown .list-inline {
    margin-left: 0 !important;
}


.chatNotifytxt {
    width: 92%;
    float: left;
    padding: 10px 0;
    font-weight: bold;
    font-size: 15px;
    color: #21415b;
}

#divPrivateGroup {
    width: 8%;
    float: left;
    padding: 10px 0;
}

.chatPopUpfooterContentDropDown select {
    border-radius: 4px;
    height: 28px;
}

.chaticonwrap {
    float: left;
    width: 20px;
    height: 18px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /* padding: 2px 4px 2px 2px; */
    background-color: #b8b8b8;
    margin-right: 3px;
}

.divContactListChecked {
    background-image: none;
    background-color: #c3c2c2;
    min-height: 54px;
}

.chaticonwrap {
    float: left;
    width: 20px;
    height: 18px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /* padding: 2px 4px 2px 2px; */
    background-color: #b8b8b8;
    margin-right: 3px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

#divChatPopupLeftPanel .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: solid 3px #229FBF !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    font-size: 13px !important;
    background-color: #fff !important;
    color: #21415b;
}


#divChatPopupLeftPanel .nav-tabs > li > a {
    border-radius: 0px !important;
    font-size: 13px !important;
    background-color: #e7e7e7;
    color: #21415b;
}

#divChatPopupLeftPanel .nav-tabs {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
    margin-left: -14px;
    float: left !important;
}

    #divChatPopupLeftPanel .nav-tabs > li {
        margin-bottom: 0px !important;
    }


#divChatPopupLeftPanel .nav > li > a {
    padding: 5px 10px !important;
}

#divRecentContactList input[type=radio] {
    display: none;
    margin: 10px;
}

.charttitleheightseprator {
    height: 10px;
}

.chatNotifytxt {
    width: 92%;
    float: left;
    padding: 10px 0;
    font-weight: bold;
    font-size: 15px;
    color: #21415b;
}

.chatPopUpSubHeaderText {
    /* font-weight: bold; */
    margin: 0 0 10px 10px;
    color: #444444 !important;
}

#chatUserImageDiv {
    width: 20%;
    float: left;
    padding-top: 7px;
}

#chatUserDescrDiv {
    width: 80%;
    float: left;
    padding-top: 10px;
}

.discussionContactsContainer {
    height: 54px;
}

.chatPopupLeftPanelShowHide {
    /* width: 10px; */
    /* float: left; */
    /* text-align: left; */
    /* z-index: 999999; */
    /* width: 2%; */
    /* float: left; */
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1000;
}

.paddingTop10 {
    padding-top: 10px;
}

.chatexpandbuttonstyle {
    background-color: transparent;
    color: #fff !important;
    border: none;
    display: block;
    padding: 2px;
    font-size: 16px;
    cursor: pointer;
    background-color: #229FBF;
    border-radius: 4px;
    /* border: 1px solid #444; */
    /* font-weight: 800; */
}

.chaticonwrap {
    float: left;
    width: 20px;
    height: 18px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /* padding: 2px 4px 2px 2px; */
    background-color: #b8b8b8;
    margin-right: 3px;
}
/*****************************/
/*****************************************************/

.WidgetSettingsControlCon {
    margin: 0 10px;
}

.Eiskpi .rgMasterTable tr.rgMultiHeaderRow:first-child .rgHeader {
    height: 20px;
}

.Eiskpi .rgMasterTable tr.rgMultiHeaderRow .rgHeader {
    height: 30px;
    padding: 5px 5px 4px 5px !important;
}

.myupdateGrid .rbSkinnedButton {
    height: auto;
}

.WidgetSettingsControlCon .RadGrid_Interplan {
    border: none;
}

.RadWindow_Interplan .rwFooterRow td {
    border-bottom: 1px solid #cdcdcd !important;
}

.GV-DetailList_ItemTable .button {
    float: right;
}

.FlexibleHierarchyTreescroll {
    min-height: 380px;
}

button, input, select, textarea {
    font-size: 13px;
    word-spacing: 1px;
}

button, .button {
    cursor: pointer;
}

.chartlegendfont {
    float: left;
    width: 100%;
}

.mCustomScrollBox {
    /*padding:0 5px;*/
}

.chartlegendfont {
    float: left;
    margin-bottom: 15px;
}

.contentscroll .chartlegendfont {
    margin-left: 4%;
}

.rbSkinnedButton {
    height: auto !important;
}

.gisuploadpopup {
    padding: 5px;
}

.taskweightingbtn {
    position: absolute;
    bottom: 0;
    /*right: 20px;*/
    width: 100%;
}

.mysettingscon td {
    padding: 4px 0;
}

.rgCollapse .EisExpandIcon img {
    background-position: 3px -448px;
}

.gridbtngap img {
    margin-left: 5px;
}

.rgStatus {
    display: none;
}

.mandatoryfieldswidth {
    width: 10px;
    vertical-align: top;
}

#MySubTaskQuickUpdateDiv #INTERPLAN_breadcrumb li {
}

    #MySubTaskQuickUpdateDiv #INTERPLAN_breadcrumb li span {
        font-size: 15px;
        color: #21415b;
        font-weight: bold;
        height: 30px;
        display: block;
        /* vertical-align: middle; */
        padding: 8px 15px 0 0;
    }

.myupdateheader .myupdateTitle {
    margin-left: 25px;
}

.eisBg .mikeyActiontools {
    margin: 2px 0px !important;
    float: right;
    padding: 0;
}

.eisBg .toolBarquickupdate {
    line-height: 24px;
    vertical-align: middle !important;
    float: right;
    width: auto !important;
}

.eisBg .FixWidth2 {
    width: 140px;
    float: right;
    margin: 7px;
}

.actionliststMap .RadGrid .Progressbarstaratgymap .progressDefault .value {
    padding-right: 20px;
}

.paddingtopgrid {
    padding-top: 5px !important;
}

.labeldatacell .mandatoryfields {
    color: #ff0000;
    font-size: 9px;
    vertical-align: top;
    display: inline-block;
    padding-top: 4px;
}

.mandatoryalgnment {
    position: relative;
    top: -3px;
}

.preloaderContainer {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: none;
    background-color: #a2dee9;
    /*opacity: 0.5;*/
    z-index: 10000000000000 !important;
    text-align: center;
}

    .preloaderContainer img {
        width: 43px;
        display: block;
        /*height:20px;*/
        margin: 20% auto;
        background-image: none;
    }

.recomentaiontabCon .RadTabStrip_Interplan {
    position: relative;
    /*top: 20px;
    left: 2px;*/
}

.KeyIndicatorNoitemwidget {
    text-align: center;
    float: left;
    width: 98%;
    padding: 10%;
    margin: 10px;
    border: solid 1px #efefef;
}

    .KeyIndicatorNoitemwidget h3 {
    }

        .KeyIndicatorNoitemwidget h3 label {
            font-size: 20px;
            color: #333;
        }

    .KeyIndicatorNoitemwidget label {
        font-size: 15px;
    }

.emtymessage {
    text-align: center;
    width: 100%;
    padding: 10px;
}

    .emtymessage h3 {
        font-size: 20px;
        color: #333;
    }

    .emtymessage label {
        font-size: 15px;
    }

.eisPerformanceChartSettingWindow {
    height: 40px;
}

.toppadding {
    padding-top: 5px;
}

.btn-up {
    background-image: url('media/arrow-up.png');
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -900px;
    overflow: hidden;
    width: 20px;
}

.btn-down {
    background-image: url('media/arrow-down.png');
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -900px;
    overflow: hidden;
    width: 20px;
}

.navpad ul.level1 {
}

.navpad ul.level2 {
    margin-left: 11px;
}

.navpad ul.level3 {
    margin-left: 11px;
}

.navpad ul.level4 {
    margin-left: 11px;
}

.navpad ul.level5 {
    margin-left: 11px;
}

.navpad ul.level6 {
    margin-left: 11px;
}

.navpad > ul {
    margin-left: 11px;
}

.navpad ul table td {
    border: none;
}

.enableul {
    min-height: 1500px;
}

.popupscroll, .navpadscroll, .navigationPadHorgap, .adminmCustomScrollbar, .scorecardlistscrolldiv, .mCustomScrolldashboard, .mCustomScrolldashboardeditor, .mCustomScrollscorecard, .mCustomScrollbargrid02, .mCustomScrollpefrormance, .mCustomScrollbarlinked, .mCustomScrollbar01 {
    overflow: auto !important;
}

    .navpadscroll .navigationPadHorgap {
        overflow: visible !important;
    }

.navheader {
    min-width: 1450px;
}

.adminmCustomScrollbar {
    position: relative;
}

.navpadsetting .GridView tr td .colorpellate {
}

.isdirFlagOn {
    background: url('media/Grid/image1.png') no-repeat !important;
    width: 15px;
    margin: 5px 0 0 0;
    display: block;
    text-indent: -9999px;
}

.isdirFlagOff {
    background: url('media/Grid/image2.png') no-repeat !important;
    width: 15px;
    margin: 5px 0 0 0;
    display: block;
    text-indent: -9999px;
}

.actionqucikupadecon {
    overflow: auto;
    /*width:1000px;*/
}

.ProjectBlock .actionqucikupadecon {
    overflow: auto;
    width: 500px !important;
}

.labeldatacelldiv {
    text-align: left;
    padding: 0 0 5px;
    /* white-space: nowrap; */
    vertical-align: top;
    /* min-width: 60px; */
}

.RadAjax_Interplan .raColor {
    background-color: #25a0da;
    color: #000000;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-left: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color: #fff;
        white-space: nowrap;
        font-size: 13px;
        border-bottom: 1px solid #3a5468;
        background: #21415a !important;
        padding: 8px 5px;
    }

        .dropdown-submenu > .dropdown-menu#ulHeaderAlerts {
            width: 450px;
            max-height: 450px;
            overflow: auto;
            overflow-x: hidden;
        }

            .dropdown-submenu > .dropdown-menu#ulHeaderAlerts tr {
                background-color: transparent !important;
            }

        .dropdown-submenu > .dropdown-menu a {
            white-space: normal;
            color: #fff;
        }

.unreadMesageTableLink, .unreadMessagePopupRow td {
    padding: 5px 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

}

.RadComboBox .rcbInner {
    border-width: 0 !important;
}
/************ scroll bar style chrome browser ***************/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    /*width: 8px;
  height: 8px;*/
}

::-webkit-scrollbar-thumb {
    background: #555555;
    border: 0px none #ffffff;
    border-radius: 65px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555555;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #555555;
    }

::-webkit-scrollbar-track {
    background: #efefef;
    border: 3px none #ffffff;
    border-radius: 0px;
}

    ::-webkit-scrollbar-track:hover {
        background: #eeeeee;
    }

    ::-webkit-scrollbar-track:active {
        background: #eeeeee;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}
/************ scroll bar style chrome browser ***************/

.RadComboBox .rcbEmptyMessage {
    font-style: normal !important;
}

.personelDiscussiongridarea {
    border: solid 1px #e1dede;
}

.toolbardydatnamicacell {
    width: 70px;
}

.StrategyMapDetail #slide {
    float: left;
    margin-top: 8px;
}

.DataGrid .ItemStyle td .DataGrid .ItemStyle > td:first-child, .DataGrid .AlternatingItemStyle td .DataGrid .ItemStyle > td:first-child {
    border-left: solid 1px #eeeeee !important;
}

.DataGrid .AlternatingItemStyle td table td, .DataGrid .ItemStyle td table td, .DataGrid .FooterStyle td table td {
    border: none;
}

.DataGrid td td textarea, .DataGrid td td input.form-control {
    border-color: #eee;
    border-width: 1px;
    border-style: solid;
}

.DataGrid .AlternatingItemStyle td .table-bordered > tbody > tr > td, .DataGrid .ItemStyle td .table-bordered > tbody > tr > td {
    border-bottom: 1px solid #eee;
}

.customscrollpara {
    height: 450px;
    overflow: auto;
}

.discussionRecentContainer .RecentMessageCountRound {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.myupdateheaderpopup {
    width: 100%;
}

    .myupdateheaderpopup .myupdateTitle {
        margin-left: 10px;
    }

#MySubTaskQuickUpdateDiv #INTERPLAN_breadcrumb .label {
    line-height: 15px;
}

.emptiyContainer {
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 230px;
}

    .emptiyContainer .label {
        font-size: 20px;
    }


.padding10 {
    padding: 5px 0;
}

#componetArtGridcontainer {
    overflow: auto;
}

.widgetsetting sup {
    top: 5px;
    left: 0px;
}

.widgetsetting .RadGrid_Interplan .label {
    line-height: 18px;
}

a sup {
    text-decoration: none !important;
    display: inline-block;
}

.nomandoteryfeld .labeldatacell {
    padding-left: 16px;
}

.quickKPIUpdate .DataGrid .AlternatingItemStyle td sup, .quickKPIUpdate .DataGrid .ItemStyle td sup, .DataGrid .FooterStyle td sup {
    top: 1px;
}

.GridView .EmptyDataRowStyle td {
    padding: 5px 5px;
}

.RadGrid_Interplan .rgMasterTable tr.rgRow td > select, .RadGrid_Interplan .rgMasterTable tr.rgAltRow td > select, .grid .row td > select, .RadGrid_Interplan .rgMasterTable tr.rgEditRow td > select {
    width: 95% !important;
}

.actionGridso input[type=checkbox], .actionGridso input[type=radio] {
    margin: 0;
}

.input-group .form-control:first-child {
    min-width: 50px;
    padding: 5px;
}

.executivePortal {
    margin-bottom: 100px;
}

.GridView .EmptyDataRowStyle td .button {
    margin-bottom: 0;
}

.mCustomScrollbar01 .checkboxCon {
    padding-left: 12px;
}

.mCustomScrollbar01 .checkboxCon1 {
    padding-left: 11px;
}

.quickupdateriskcontrolsDetails {
    background-color: #fff;
}

.quickupdateriskcontrolsDetail table table:first-child {
    width: 80% !important;
}

.contentscroll .RadGrid_Interplan {
    border: solid 1px #fff;
}

.gisHierTreeDiv {
    overflow-y: auto;
}

.ProjectBlock .alertindicatorQuickUpdateWid {
    right: 0;
}

.alertindicatorQuickUpdateWid {
    top: 11px;
    right: 22px;
    z-index: 1000;
    float: none;
    background-color: red;
    position: absolute;
    display: block;
    width: 15px;
    /* height: 12px; */
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 11px;
}

.disscutionbtnColum {
    position: relative;
}

    .disscutionbtnColum .alertindicatorQuickUpdateWid {
        top: 18px;
        right: auto;
        left: 20px;
        z-index: 1000;
        float: none;
        background-color: red;
        position: absolute;
        display: block;
        width: 15px;
        /* height: 12px; */
        text-align: center;
        color: #fff;
        border-radius: 50%;
        font-weight: 600;
        font-size: 10px;
    }

.navpadsetting {
    margin-bottom: 150px;
}

.datacellmandatory {
    padding: 5px 2px;
    text-align: left;
    width: 12px;
    vertical-align: top;
}

textarea {
    overflow-x: hidden;
    line-height: 19px !important;
    word-spacing: 1px !important;
}

.mCustomScrolllinking .RadTreeView_Interplan {
    overflow-x: auto;
    overflow-y: hidden;
}

.innerdatacell {
    vertical-align: top;
    text-align: left;
}

.myupdateTaskCus > table {
    width: 91% !important;
}

.myupatetaskCon .textboxWidthLiq7 {
    width: 700px !important;
}

.myupatetaskCon .dropdownWidthLiq7 {
    width: 700px !important;
}

.DataGrid .ItemStyle td td.orghipaddtop {
    border-left: none !important;
}

.paddingrightremove {
    padding-right: 0px !important;
}

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

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

.quickupdateriskcontrolsDetails .dateCellWidth4riskcontrol {
    width: 188px !important;
    padding-left: 10px;
}

.periodTextTarget {
    font-size: 10px;
    text-align: left;
    padding-top: 5px;
}

.marginezero {
    margin: 0;
}

.mandatoryspace {
    display: block;
    width: 10px;
    height: 20px;
    float: left;
}

.defaultScroll {
    overflow: scroll !important;
}

.HierarchyNavigationPad .navpaditem {
    background-color: #fff;
    border-bottom: 1px dotted #DEDEDE;
}

    .HierarchyNavigationPad .navpaditem a {
        text-decoration: none;
    }

    .HierarchyNavigationPad .navpaditem:hover {
        /*background-color: #7f7f7f;*/
    }

        .HierarchyNavigationPad .navpaditem:hover .navpaditem {
            /*background-color: #7f7f7f;*/
        }

.mCustomScrolllinking .RadTreeView_Interplan {
    overflow-y: hidden;
}

.discussionCon {
    position: relative
}

.textwrap {
    word-break: all;
}

.searchcombo {
    padding: 0 !important;
    height: auto !important;
}

.navigationpadNormal .ctl00_cphMain_NavigationPad1_navpadmenu_6 td, .navigationpadNormal .navpad ctl00_cphMain_NavigationPad1_navpadmenu_2 td {
    background-color: #fff;
}

#divMyActionQuickUpdateFilter .textboxFilterWidthLiq {
    width: 100%;
}

.dateCellWidth4riskcontrol {
    white-space: normal;
}

.RadDataPager .rdpWrap .label {
    vertical-align: middle;
}

.RadDataPager {
    background-color: #dfdbdb;
}

.superscriptGrid {
    left: 0;
}

#divMyActionQuickUpdateFilter .dropdownWidthLiq7 {
    width: 91% !important;
}

.mCustomScrollbar01 .dataCellMinWidth2 {
    width: 150px;
}

.staffResList {
    margin: 5px 0;
}

    .staffResList .RadListBox, .staffResList .RadListBox .rlbGroup {
        border-color: transparent !important;
    }

        .staffResList .RadListBox .rlbItem {
            border-bottom: 1px solid #ccc !important;
            padding: 5px 5px;
            min-height: 45px;
        }

.staffUserImage {
    height: 35px;
    margin: 0 0 0 0;
    cursor: pointer;
    width: 35px;
}

.staffResListImg {
    /*width:20%;*/
    float: left;
}

.staffResListDtls {
    width: 80%;
    float: left;
    text-align: left;
    padding-left: 10px;
}

.textCenter {
    text-align: center;
}

.staffUserImageMargin {
    margin: 5px 0;
}

.staffUserImageSeperator {
    border-right: 1px solid #ccc;
}

.staffIndividualBlock {
    padding: 5px 5px;
    min-height: 45px;
}

.staffIndividual {
    /*border-top:1px solid #ccc;*/
}

.staffResView {
    width: 100%;
    padding: 0 15px;
}

.staffResViewResponsibility {
    width: 60%;
    float: left;
    min-height: 45px;
    border-left: 5px solid #33c1d4;
    padding-left: 5px;
    margin-bottom: 2px;
}

.responsibilityFromTitle .label {
    font-weight: 500;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
}

.responsibilityAssignTitle .label {
    font-weight: 500;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
}

.staffResViewstaffIndividual {
    width: 30%;
    float: left;
}

.staffResViewsaveStatus {
    width: 10%;
    float: left;
}

.staffResViewResponsibility {
    padding-top: 5px;
}


.staffResViewSeperator {
    border-bottom: 1px solid #ddd;
}

.staffResViewResponsibilityHeader {
    width: 60%;
    float: left;
    padding-left: 5px;
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 13px;
    background-color: #d5d5d5;
    color: #21415b;
}

.staffResViewstaffIndividualHeader {
    width: 30%;
    float: left;
    padding-left: 5px;
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 13px;
    background-color: #d5d5d5;
    color: #21415b;
}

.staffResViewsaveStatusHeader {
    width: 10%;
    float: left;
    padding-left: 5px;
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 13px;
    background-color: #d5d5d5;
    color: #21415b;
}

#staffBatchApply button {
    margin-left: 10px;
}

.saveStatus div {
    margin-top: 10px;
}

.responsibilityPendingSave {
    color: #ffac2c;
    font-size: 13px;
    font-weight: 500;
}

.responsibilitySuccessfullyTransferred {
    color: #01c971;
    font-size: 13px;
    font-weight: 500;
}

.responsibilityFailTransfer {
    color: #e44259;
    font-size: 13px;
    font-weight: 500;
}

.responsibilityNoChange {
    color: #639dc5;
    font-size: 13px;
    font-weight: 500;
}

#staffBatchApply .dropdown-menu {
    padding: 2px;
    border-radius: 0;
    background-color: #21415b;
    border: none;
    min-width: 200px;
    border-radius: 4px;
    margin-top: 15px;
    left: -38px;
    z-index: 1500;
}

    #staffBatchApply .dropdown-menu a {
        color: #fff;
        text-decoration: none;
        float: left;
        display: block;
        width: 200px;
        padding: 5px;
        border-top: solid 2px #264a68;
        /*background-size:24px;*/
    }

        #staffBatchApply .dropdown-menu a:hover {
            color: #446177;
            text-decoration: none;
            background-color: #21415b;
        }

#staffBatchApply {
    margin-bottom: 5px;
    margin-left: 10px;
}

#responsibilitiesTo {
    float: left;
    width: 50%;
}

.staffResponsibilityToolbar .form-inline {
    float: right;
    padding-top: 8px;
}

.default-tooltip + .tooltip > .tooltip-inner {
    background-color: #21415a !important;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    text-align: left;
    margin-top: 50px;
}

.default-tooltip + .tooltip > .tooltip-arrow {
    border-right-color: #21415a !important;
}

.helpIcon {
    background: url("ToolBar/helpicon.svg") no-repeat scroll center center transparent;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: -7px;
}

.helpIconNew {
    background: url("ToolBar/helpicon.svg") no-repeat scroll center center transparent;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 7px;
}


.quickupdateKanbanSwitch {
    /*z-index: 1000;*/
    z-index: 10;
    width: 100%;
    margin-bottom: 5px;
    position: fixed;
    top: 212px;
    left: 0px;
}

.KanbanPopupTextfld {
    max-width: 110px;
}

#warapperQuickUpdate .quickupdateKanbanSwitch {
    left: -10px;
}

.RadDataPager .rdpNumPart a {
    padding: 0 !important;
    color: #4d4d4d;
}

.RadDataPager .rdpWrap, .RadDataPager .rdpWrapRight, .RadDataPager .rdpWrapNone {
    padding: 0 2px !important;
}

    .RadDataPager .rdpWrap b {
        font-weight: normal;
    }

    .RadDataPager .rdpWrap .label, .RadDataPager .rdpWrap span b {
        font-weight: bold;
    }

.kanbanBlock .arrow-up {
    left: 70px;
}

.hazzardcommentbox {
    border: solid 1px #e5e5e5;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .progressNegative .symbol {
        position: relative;
    }
}

.conseqContent {
    background-color: #e4e4e4;
}

.conseqTable td {
    border: 1px solid #b8b8b8;
}

    .conseqTable td textarea {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
        font-size: 13px !important;
        color: #4f4f4f !important;
    }


.paddingBottom200 {
    padding-bottom: 200px;
}

#SideNavigationBar .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: 0px !important;
}

.passwordpopup .col-sm-6 {
    float: left;
    width: 50%;
}

.emailNotificationschkbox label {
    padding-right: 5px !important;
}

.quickUpdateCmntPopUpTxt {
    width: 100%;
    height: 350px;
    border: none !important;
    resize: none;
}

textarea#actComment {
    border: 1px solid #ccc !important;
}

.budgeyGridCellHeight {
    height: 22px;
    vertical-align: middle !important;
}

.gaugeContainers {
    height: 510px;
}

.hiryPopup {
    z-index: 5000 !important;
}

.ScoreLable .label {
    font-size: 10px;
    margin-top: 3px;
    padding-top: 10px;
}

.MAMCntainerBG {
    background-color: #fff;
}

.MAMCntainerTitle {
    background-color: #d5d5d5;
    padding: 7px;
}

    .MAMCntainerTitle .label {
        color: #21415b;
        font-weight: 500;
    }

.MyUpdateAchieCntnr {
    border: solid 1px #eeeeee;
    background-color: #fff;
}

#divHeaderAchievements {
    padding: 10px 5px;
    background-color: #eee;
    text-align: left;
}

    #divHeaderAchievements .label {
        color: #21415b;
        font-size: 13px;
        font-weight: 500;
    }

#divHeaderRecognitions {
    padding: 10px 5px;
    background-color: #eee;
    text-align: left;
}

    #divHeaderRecognitions .label {
        color: #21415b;
        font-size: 13px;
        font-weight: 500;
    }

#divHeaderOtherIssues {
    padding: 10px 5px;
    background-color: #eee;
    text-align: left;
}

    #divHeaderOtherIssues .label {
        color: #21415b;
        font-size: 13px;
        font-weight: 500;
    }

#divAchievementsMainHeader {
    padding: 10px 5px;
    background-color: #d5d5d5;
    text-align: left;
    color: #21415b;
    font-size: 13px;
}

.myMamsBtnContainer {
    background-color: #fff;
    padding: 5px;
}

.previousMamsContainer {
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.previousMams {
    padding: 10px 5px;
    background-color: #eee;
    text-align: left;
    color: #21415b;
    font-size: 13px;
}


.radButtons, .radButtons input {
    color: #fff !important;
    /*border:solid 1px #3a91cb;*/
    border-radius: 0 !important;
    background: #33c1d4;
    text-shadow: none !important;
    padding: 0;
    margin: 0 !important;
    background-image: none !important;
}

.MyMAMSPopUpTitle .label {
    font-weight: bold;
    color: #21415b;
    font-size: 15px;
}

.MyMaMMSExpandCollapseColumn {
    width: 2%;
    background-color: #eee;
    float: left;
    padding: 11px 5px;
}

.MyMaMMSDetailColumn {
    width: 98%;
    background-color: #eee;
    float: left;
}

.MyMAMSMngrCmnt .label {
    font-weight: 500;
    color: #21415b;
    font-size: 14px;
    line-height: 30px;
}

.mCustomScrollbarActionBudgetTab .GridView .RowStyle td table td, .mCustomScrollbarActionBudgetTab .GridView .AlternatingRowStyle td table td, .mCustomScrollbarActionBudgetTab .GridView .FooterStyle td table td {
    padding: 5px 0;
}

.quickKPIUpdate .DataGrid .ItemStyle .label,
body .quickKPIUpdate .DataGrid .AlternatingItemStyle .label {
    line-height: 25px;
}

.quickupdateFilter .RadComboBox {
    width: 80%;
    border: 1px solid #c8d1da;
    padding: 3px 5px;
    height: 27px;
}

.RadGrid_Interplan .rgRow a sup, .RadGrid_Interplan .rgAltRow a sup, .RadGrid_Interplan tr.rgEditRow a sup, .RadGrid_Interplan .rgFooter a sup, .RadGrid_Interplan .rgEditForm a sup {
    top: 0;
}

#KPIgridSup {
    top: -11px !important;
    left: 42px !important;
}

.action_BudgetTabgrid .GridView .FooterStyle td .textBox {
    width: 70px !important;
}

.paddingBott20 {
    padding-bottom: 20px !important;
}

.noLicenseMsg {
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #e84849;
    margin-top: 100px;
}

.noLicenseMsg2 {
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #e84849;
    margin-top: 40px;
}



/********************************************************* New Theming************************************************************/


/*#newTheme .toolBar {

    background-color:#f7f7f7;
    border-bottom:1px solid #e0e0e0;
    height:35px;
}

#newTheme .toolBar .toolbartitle
{
    margin:5px 0;
}

#newTheme .toolBar .label
{
    font-size:17px;
    font-weight:400;
}

#newTheme .editableformBg
{
    background-color:#fff;
}*/

/*#newTheme {*/

/*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
/*font-size:13px;
    color:#555252;
}*/

/*#newTheme .label {*/
/*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
/*font-size:13px;
    color:#555252;
}*/

/*#newTheme .userLeftPanel
{
    background-color:#fff;
}

#newTheme .toolbariconcell
{
    padding:5px 2px;
}

#newTheme .contentHeadaerstretch
{
    height:35px;
    background-color:#eee;
     border-bottom:1px solid #e0e0e0;

}*/
/*.fristcolumboarder .rgMasterTable .rgRow > td:first-child,.fristcolumboarder .rgMasterTable .rgAltRow  > td:first-child {
    border: none !important;
    width: 10px;
    padding: 0;
    background-color: #33c1d4;
}*/
.tabButtons {
    display: block;
    white-space: nowrap;
    padding: 5px 8px;
    /* border: solid 2px #fff; */
    margin: 0;
    border: 0;
    border-right: solid #fff 1px;
    border-top: solid 3px rgb(221,221,221);
    float: left;
    color: #21415b;
}

    .tabButtons.active {
        background-color: #FFFFFF;
        border-top: solid 3px #33c1d4;
    }

/*#newTheme .contentHeadaerstretch .contentHeadaer
{
    font-size:17px;
    font-weight:400;
    color:#555252;
    padding:5px 0 0px 10px;
}
.tabButtons.active{
    background-color: #FFFFFF;
    border-top: solid 3px #33c1d4;
}

#newTheme .first img.mCS_img_loaded
{
    border-radius:50%;
    height:35px;
}



#newTheme .GV-DetailList tr.SelectedRowStyle > td
{
    border:0px;
    background-color:#fff;
    border-left:4px solid #33c1d4;
}

#newTheme .GV-DetailList tr td
{
    background-color:#fff;
}

#newTheme .GV-DetailList tr td td.content.UserEditlist
{
    font-size:16px;
    width:100%;
    /*word-break:break-all;*/
}

#newTheme .GV-DetailList tr td td.last {
    padding: 5px;
}

#newTheme .textBox, .myupDatestextBox, .targetactualsTextBox {
    padding: 5px;
}

#newTheme .DropDownList {
    padding: 5px;
}

#newTheme .searchdatacell .textBox {
    /*border-radius:20px;*/
    padding: 3px 7px;
}

#newTheme .btn_new {
    background-color: #fff;
    border-radius: 50%;
    /*border:1px solid #ddd;*/
    padding: 3px;
    width: 24px;
    height: 24px;
}

/*#newTheme .btn_new img
{
  
    height:18px !important;
    width:auto !important;
}*/

.paddingLeft10 {
    padding-left: 10px;
}

/*#newTheme .actionProgressTab .GridView .HeaderStyle,#newTheme .GridView .HeaderStyle th,#newTheme .scorecardgrid .GridView .HeaderStyle td
{
    background-color:#e7e7e7;
    color:#555253;
    font-weight:500;
    padding-bottom:4px;
    /*font-size:14px;*/
height:40px;
vertical-align:middle;
}

#newTheme .GridView .AlternatingRowStyle, #newTheme .GridView .AlternatingRowStyle td, #newTheme .GridView .RowStyle, #newTheme .GridView .RowStyle td {
    background-color: #fff;
    padding: 14px 0 14px 7px;
}

.RadGrid_Interplan .rgEditForm table td:last-child {
    padding: 5px;
    vertical-align: top;
    text-align: left;
}

#newTheme .GridView .AlternatingRowStyle, .GridView .AlternatingRowStyle td, .GridView .RowStyle, .GridView .RowStyle td {
    border-bottom: solid 1px #ddd;
}

#newTheme .GridView .HeaderStyle th .label {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.paddingOut10 {
    padding: 10px;
}

#newTheme .GridView .HeaderStyle th:first-child, #newTheme .DataGrid .HeaderStyle > td:first-child, #newTheme .rgMasterTable > th:first-child {
    border-left: solid 5px #f5f5f5 !important;
}

*/
/*#newTheme .GridView .RowStyle > td:first-child
{
    border-left:solid 5px #33c1d4 !important;
}

#newTheme .GridView .AlternatingRowStyle > td:first-child
{
    border-left:solid 5px #21415a !important;
}*/
.paddingTopBottom10 {
    padding: 10px 0;
}

/*#newTheme .listUsers .PagerStyle td
{
    background-color:#fff;
    font-size:14px;
}


#newTheme .listUsers .PagerStyle td a:link,#newTheme .listUsers .PagerStyle td a:active, #newTheme .listUsers .PagerStyle td a:visited
{
  color:#555253 !important;
  font-weight:bold;
}

#newTheme .toolbartitle .label
{
    padding-left:0px !important;
}*/

.staffEditCheckBox table {
    width: auto !important;
    /*float:right;*/
    padding-right: 5px;
}

#divMyUpdateRisksGrid .GridView .EditRowStyle > td:first-child,
.RadGrid_Interplan .rgMasterTable td.rgExpandCol:first-child, .GridView .AlternatingRowStyle > td:first-child, .GridView .RowStyle > td:first-child, .GridView .RowStyleGrandTotal > td:first-child, .GridView .FooterStyle > td:first-child, .DataGrid .AlternatingItemStyle > td:first-child, .DataGrid .ItemStyle > td:first-child, .rgMasterTable .rgRow > td:first-child, .rgMasterTable .rgAltRow > td:first-child, .DataGrid .FooterStyle > td:first-child, .GridView .ui-widget-content > td:first-child, .taskHistoryGrid tr td:first-child, .GridView .SelectedRowStyle > td:first-child, .DataGrid .EditItemStyle > td:first-child, .grid .alternatingrow > td:first-child, .DataGrid .ItemStyle td:first-child {
    border-left: solid 5px #3a91cb !important;
}

.DataGrid .ItemStyle td.normalborder {
    border-left: solid 1px #eeeeee !important;
}

#divMyUpdateRisksGrid .fristcolumboarder .rgMasterTable .rgRow > td:first-child, .fristcolumboarder .rgMasterTable .rgAltRow > td:first-child {
    background-color: #fff !important;
    border-left: 5px solid #229FBF !important;
}

#divMyUpdateRisksGrid .RadGrid_Interplan .rgMasterTable tr.rgRow td, .RadGrid_Interplan .rgMasterTable tr.rgAltRow td, .grid .row td, .RadGrid_Interplan .rgMasterTable tr.rgEditRow td {
    border-bottom: solid 2px #eeeeee !important;
}

/*#newTheme .textBox, .myupDatestextBox, .targetactualsTextBox
{
    border-radius:5px;
}*/

#divMyUpdateRisksGrid .RadGrid_Interplan .rgRow a, .RadGrid_Interplan .rgAltRow a, .RadGrid_Interplan tr.rgEditRow a, .RadGrid_Interplan .rgFooter a, .RadGrid_Interplan .rgEditForm a {
    color: #298096 !important;
    font-size: 13px !important;
    background-color: transparent !important;
    border: 0px !important;
    float: left !important;
}

/*#newTheme .DropDownList
{
     border-radius:5px;
}*/
.HierarchyButton-con {
    padding: 10px 0;
}

    .HierarchyButton-con * {
        font-size: 14px !important;
        float: left;
        padding-top: 3px;
    }

    .HierarchyButton-con .label {
        font-weight: bold;
    }

.popupToolBarTitle {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}


.licenseExpiredMsg {
    width: 58%;
    margin: auto;
    /*background-color: #f8f8f8;*/
    padding: 10px;
    border-radius: 10px;
    display: flex;
}


.imageButtonPopup {
    background: transparent url('ToolBar/ToolbarDiscussoin1.svg') no-repeat;
    width: 30px;
    height: 30px;
    border: 0px;
}

#ScorecardKpiComment {
    border: 1px solid #eee !important;
    padding: 10px;
}


.baseKPiLblAlignment {
    width: 50px;
    padding: 4px;
}

#divInternetStatus {
    top: 18px;
    right: 700px;
    display: flex;
    position: absolute;
    z-index: 100000;
}

.appOnline {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: lawngreen;
    margin-right: 5px;
}

.appOnlineTxt:after {
    content: 'ONLINE';
    color: lawngreen;
}


.appOffline {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #fff;
    margin-right: 5px;
}

.appOfflineTxt:after {
    content: 'OFFLINE';
    color: #fff;
}

.exceedNoUsrsMsg .label {
    font-size: 17px !important;
    font-weight: 500;
}

.customtrafficlightcolordiv {
    width: 70px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    margin: auto;
}

    .customtrafficlightcolordiv .label {
        color: #fff;
        font-weight: 500;
    }

.SMTheshConfig .label {
    float: none !important;
    text-align: center;
}


/** styles for tag **/


.icon-github {
    background: no-repeat url('../img/github-16px.png');
    width: 16px;
    height: 16px;
}


.accordion {
    margin-bottom: -3px;
}

.accordion-group {
    border: none;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 135px !important;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    background-color: #f5f5f5 !important;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

    .tt-suggestion:hover,
    .tt-suggestion:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }


.springgreen {
    background-color: #00FF7F;
}

.palegreen {
    background-color: #90EE90;
}

.lightgreen {
    background-color: #80ff80;
}

.approxspringgreen {
    background-color: #ff0019;
}

.approxpalegreen {
    background-color: #98fb98;
}

.limegreen {
    background-color: #32CD32;
}

.luminusgreen {
    background-color: #80ff00;
}

.luminusvividgreen {
    background-color: #00ff40;
}

.antiquewhite {
    background-color: #FAEBD7;
}

.wheat {
    background-color: #F5DEB3;
}

.lightsalmon {
    background-color: #FFA07A;
}

.salmon {
    background-color: #FA8072;
}

.coral {
    background-color: #FF7F50;
}

.approxcoral {
    background-color: #ff8040;
}

.approxdarkorange {
    background-color: #ff8000;
}

.approxdeeppink {
    background-color: #ff0080;
}

.yellow {
    background-color: #FFFF00;
}

.orange {
    background-color: #FFA500;
}

.darkorange {
    background-color: #FF8C00;
}

.tomato {
    background-color: #FF6347;
}

.orangered {
    background-color: #FF4500;
}

.tangerineyellow {
    background-color: #FFCC11;
}

.sandybrown {
    background-color: #F4A460;
}

.approxdeeppink {
    background-color: #ff0080;
}



.cyan {
    background-color: #00FFFF;
}

.darkturquoise {
    background-color: #00CED1;
}

.deepsky {
    background-color: #00BFFF;
}

.dodgerblue {
    background-color: #1E90FF;
}

.royalblue {
    background-color: #4169E1;
}

.blue {
    background-color: #0000FF;
}

.cornflowerblue {
    background-color: #6495ED;
}

.electricindigo {
    background-color: #8000ff;
}


.firebrick {
    background-color: #B22222;
}

.darkred {
    background-color: #8B0000;
}

.crimson {
    background-color: #DC143C;
}

.palevioletred {
    background-color: #D87093;
}

.indianred {
    background-color: #CD5C5C;
}

.brown {
    background-color: #A52A2A;
}

.sienna {
    background-color: #A0522D;
}

.rosybrown {
    background-color: #BC8F8F;
}

.approxbittersweet {
    background-color: #FF6A6A;
}

.approxredorange {
    background-color: #FF3333;
}

.brown {
    background-color: #FF4040;
}

.red {
    background-color: #FF0000;
}

.approxlightredorange {
    background-color: #FF3030;
}

.approxred {
    background-color: #EE0000;
}

.approxscarlet {
    background-color: #FF2400;
}

.black {
    background-color: #000000;
}

.bootstrap-tagsinput input {
    width: 100% !important;
}



span.twitter-typeahead {
    /*width:20px !important;*/
    float: left;
}

.bootstrap-tagsinput .tag {
    padding: 5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    border-radius: 3px !important;
    font-size: 13px;
    vertical-align: middle;
    margin: 1px !important;
    display: inline-flex;
    float: left;
    margin-right: 3px !important;
    margin-bottom: 3px !important;
    text-align:left;
}
/** end of tag***/

.targetactsize .mCSB_container {
    min-height: 400px !important;
}


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

.colorCircle {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
}

.divColorDisplay {
    width: 37px !important;
    background-color: #fff;
    border-radius: 50% !important;
}

/************************************************* support button CSS ************************************************/
.freshwidget-button {
    /*position: absolute !important;
    right: 20px;
    bottom: 0;
    top:auto !important;
    background-color: rgb(6, 147, 146) !important;*/
}

    .freshwidget-button a {
        /*position: fixed !important;
        bottom: 0;
        right: 15px;
        left: auto !important;
        -moz-border-radius-topleft: 6px;
        -webkit-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -moz-border-radius-bottomleft: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        -moz-border-radius-bottomright: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        box-shadow: none !important;
        transform: rotate(0deg) !important;
        transform-origin: top left !important;
        -moz-transform: rotate(0deg) !important;
        -moz-transform-origin: top left !important;
        -webkit-transform: rotate(0deg) !important;
        -webkit-transform-origin: top left !important;
        -o-transform: rotate(0deg) !important;
        background-color: #95a5a6 !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJlbnZlbG9wZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWVudmVsb3BlIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ2NCA2NEg0OEMyMS40OSA2NCAwIDg1LjQ5IDAgMTEydjI4OGMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4aDQxNmMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjExMmMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4em0wIDQ4djQwLjgwNWMtMjIuNDIyIDE4LjI1OS01OC4xNjggNDYuNjUxLTEzNC41ODcgMTA2LjQ5LTE2Ljg0MSAxMy4yNDctNTAuMjAxIDQ1LjA3Mi03My40MTMgNDQuNzAxLTIzLjIwOC4zNzUtNTYuNTc5LTMxLjQ1OS03My40MTMtNDQuNzAxQzEwNi4xOCAxOTkuNDY1IDcwLjQyNSAxNzEuMDY3IDQ4IDE1Mi44MDVWMTEyaDQxNnpNNDggNDAwVjIxNC4zOThjMjIuOTE0IDE4LjI1MSA1NS40MDkgNDMuODYyIDEwNC45MzggODIuNjQ2IDIxLjg1NyAxNy4yMDUgNjAuMTM0IDU1LjE4NiAxMDMuMDYyIDU0Ljk1NSA0Mi43MTcuMjMxIDgwLjUwOS0zNy4xOTkgMTAzLjA1My01NC45NDcgNDkuNTI4LTM4Ljc4MyA4Mi4wMzItNjQuNDAxIDEwNC45NDctODIuNjUzVjQwMEg0OHoiPjwvcGF0aD48L3N2Zz4=);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: 10px center;
        padding-left: 45px;*/
        visibility: hidden;
    }
/************************************************* support button CSS ************************************************/



.quBCLeftNavHub {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    float: left;
    cursor: pointer;
    padding-top: 8px;
    /*margin-top:4px;*/
    margin-right: 10px;
}

    .quBCLeftNavHub .glyphicon {
        /*top:0% !important;*/
        line-height: 0 !important;
    }


/*.quBCLeftNavHubOuter
{
    width:24px;
    height:24px;
    float:left; 
     margin-right:10px;
}*/

.quBCRightNavHub {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    float: right;
    cursor: pointer;
    padding-top: 8px;
    /*margin-top:4px;*/
    margin-left: 5px;
    padding-left: 2px;
    position: absolute;
    right: -5px;
}

    .quBCRightNavHub .glyphicon {
        /*top:0% !important;*/
        line-height: 0 !important;
    }

#eisBreadCrumbDiv {
    float: left;
    width: 95%;
    overflow: hidden;
    /*margin:0 10px;*/
}

.eisBreadcrumbContainer {
    text-align: center;
    padding-left: 30px !important;
    padding-top: 10px !important;
}

.innerSearchArea {
    height: 300px !important;
    width: 100% !important;
    overflow-y: auto !important;
}

.divSearchCriteriaContent {
    z-index: 3000;
    position: absolute;
    background-color: #fbfbfb;
    /*left:-100px;*/
    /*top:35px;*/
    /*left:-184px;*/
    border-radius: 2px;
    border: 1px solid #CCC;
    width: 370px;
    margin-left: -50px;
}

#searchControl {
    border: 1px solid #CCC;
    border-radius: 2px;
    /*padding: 5px;*/
    margin-left: 0px !important;
}

li#SearchTextBox {
    width: 85%;
    border-right: 1px solid #ccc;
}

#SearchTextBox input {
    margin: 5px;
    border: 0;
    width: 97%;
}



.bootstrap-tagsinput:hover {
    background-color: #fff !important;
    border: 1px solid #e4e2e2 !important;
    box-shadow: none !important;
}

.bootstrap-tagsinput {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    width: 100%;
    text-align: left !important;
}

.kpiTitleTxtDiv {
    float: left;
    width: 87%;
}

.executoveCommentIconDiv {
    float: left;
    width: 18px;
    display: none;
}

    .executoveCommentIconDiv img {
        margin-left: 5px;
        margin-top: 4px;
    }

.executoveCommentIconDivProjects {
    margin-left: 8px;
    margin-top: -2px;
    display: none;
}

.image-con {
    margin-top: 100px;
    text-align: center;
}

    .image-con img {
        width: 144px;
        height: 144px;
    }

.norecord-title, .norrecord-desc {
    text-align: center;
}

    .norecord-title .label {
        font-size: 24px;
        font-weight: bold;
        color: #26529c;
    }

.norecord-title {
    margin-top: 62px;
    margin-bottom: 35px;
}

.norrecord-desc {
    font-size: 18px;
    font-weight: normal;
    color: #707070;
}

    .norrecord-desc .label {
        line-height: 20px;
    }

.accessdeniedTxt {
    font-family: Roboto, Arial;
    font-size: 24px;
    font-weight: 600;
    color: #26529C;
    margin-top: 40px;
}



.btnExecSignOffDisabled {
    background: url('../../resources/images/ExecutiveReport/ExecSignOffDisabled.svg') no-repeat 17px center !important;
    background-size: 16px !important;
    color: #767676 !important;
    border: solid 2px #d2d2d2 !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 36px !important;
    white-space: nowrap;
    /*opacity:0.4;*/
    /*width:80px;*/
}

.btnExecSignOff {
    background: url('../../resources/images/ExecutiveReport/ExecSignOff.svg') no-repeat 15px center !important;
    background-size: 16px !important;
    color: #444 !important;
    border: solid 2px #2D6A9F !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 35px !important;
    white-space: nowrap;
    /*width:80px;*/
}

.btnExecReject {
    background: url('../../resources/images/ExecutiveReport/ExecReject.svg') no-repeat 15px center !important;
    background-size: 16px !important;
    color: #444 !important;
    border: solid 2px #2D6A9F !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 35px !important;
    white-space: nowrap;
    /*width:80px;*/
}

.btnExecRejectDisabled {
    background: url('../../resources/images/ExecutiveReport/ExecRejectedDisabled.svg') no-repeat 17px center !important;
    background-size: 16px !important;
    color: #767676 !important;
    border: solid 2px #d2d2d2 !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 36px !important;
    white-space: nowrap;
    /*opacity:0.4;*/
    /*width:80px;*/
}

.btnExecReOpen {
    background: url('../../resources/images/ExecutiveReport/ExecReOpen.svg') no-repeat 15px center !important;
    background-size: 16px !important;
    color: #444 !important;
    border: solid 2px #2D6A9F !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 35px !important;
    white-space: nowrap;
    /*width:80px;*/
}

.btnExecReOpenDisabled {
    background: url('../../resources/images/ExecutiveReport/ExecReOpenDisabled.svg') no-repeat 17px center !important;
    background-size: 16px !important;
    color: #767676 !important;
    border: solid 2px #d2d2d2 !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 36px !important;
    white-space: nowrap;
    /*opacity:0.4;
    width:80px;*/
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.navpad ul.level7 {
    margin-left: 11px;
}

.navpad ul.level8 {
    margin-left: 11px;
}

.navpad ul.level9 {
    margin-left: 11px;
}

.navpad ul.level10 {
    margin-left: 11px;
}

.navpad ul.level11 {
    margin-left: 11px;
}

.navpad ul.level12 {
    margin-left: 11px;
}

.navpad ul.level13 {
    margin-left: 11px;
}

.navpad ul.level14 {
    margin-left: 11px;
}

.navpad ul.level15 {
    margin-left: 11px;
}




.divExecSignedOff {
    color: #444 !important;
    border: solid 2px #488500 !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 35px !important;
    background: url('../../resources/images/ExecutiveReport/ExecSignedOff.svg') no-repeat 15px center;
    background-size: 16px;
    white-space: nowrap;
    display: inline-block;
    /*width:117px;*/
    text-align: center;
}


.divExecRejected {
    color: #444 !important;
    border: solid 2px #e42a2a !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 35px !important;
    background: url('../../resources/images/ExecutiveReport/ExecRejected.svg') no-repeat 15px center;
    background-size: 16px;
    white-space: nowrap;
    display: inline-block;
    /*width:117px;*/
    text-align: center;
}

.divExecNotSubmitted {
    color: #444 !important;
    border: solid 2px #f79902 !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px !important;
    padding-left: 35px !important;
    background: url('../../resources/images/ExecutiveReport/ExecNotSubmitted.svg') no-repeat 15px center;
    background-size: 16px;
    white-space: nowrap;
    display: inline-block;
    /*width:117px;*/
    text-align: center;
}

.minWidth100 {
    min-width: 100px;
}

.minWidth85 {
    min-width: 85px;
}

.LeftPadding10 {
    padding-left: 10px
}

.rightPadding20 {
    padding-right: 20px;
}

.bottomPadding20 {
    padding-bottom: 20px;
}

.topPadding20 {
    padding-top: 20px;
}

.execCmntPopUpTxt {
    width: 100%;
    height: 200px;
    /*border:none !important;*/
    resize: none;
}

.emptyPageText {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 50px;
    color: #21415a;
}

ul.systemErrorUL li {
    text-align: left;
}

ul.systemErrorUL {
    margin-top: 20px;
}

.RadComboBoxDropDown .rcbHovered > label {
    width: 100%;
    min-height: 21px !important;
}

.RadComboBoxDropDown .rcbItem {
    min-height: auto !important;
}

.RadComboBoxDropDown .rcbCheckAllItems {
    min-height: 21px !important;
}

.RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
    height: 21px !important;
}

.emailNotificationschkbox table.checkBoxdatacell td {
    padding-right: 10px;
}

.emailNotificationschkbox .checkBoxdatacell tr td {
    padding-top: 0px !important;
}

.checkBoxdatacell input[type=checkbox] {
    margin: 0px 5px 0 0 !important;
}

.actioncriteriaMain td {
    padding: 2px !important;
    vertical-align: middle !important;
}

.EmailtmChkbox table tr td {
    padding-right: 5px !important
}

input[disabled].roundedButtonStyle, .ui-dialog-buttonset button[disabled].roundedButtonStyle {
    color: #767676 !important;
    border: solid 2px #d2d2d2 !important;
    background: #fff;
    text-shadow: none !important;
    padding: 4px 15px !important;
    margin: 2px !important;
    border-radius: 15px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20px;
}

.form-control.searchcombo {
    border-radius: 0;
    box-shadow: none;
}

.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox .rcbArrowCellRight {
    position: relative;
}

    .RadComboBox .rcbArrowCellRight::after {
        width: 9px;
        height: 14px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTkyIDM4NGMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTYwLTE2MGMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMTkyIDMwNi44bDEzNy40LTEzNy40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xNjAgMTYwQzIwOC40IDM4MC45IDIwMC4yIDM4NCAxOTIgMzg0eiIvPjwvc3ZnPg==");
        /*border-style: solid;
        border-width: 5px 3px 0 3px;
        border-color: #212121 transparent transparent transparent;*/
        background-repeat: no-repeat;
        position: absolute;
        content: '';
        top: 6px;
        left: 2px;
    }

.Progressbarstaratgymap .progressNegative .bar::-webkit-slider-thumb {
    background: transparent !important;
}

.ProjectBlock .expandBtn {
    margin-top: 4px !important;
}

.calendarImage {
    background-image: url('Calendar/calendar.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-position-y: 2px;
    cursor: pointer;
}

/***** Rad Tree List CSS*****/

.RadTreeList_Default {
    border: 1px solid #eee !important;
    font-family: Roboto !important;
}

    .RadTreeList_Default .rtlHeader th {
        background-color: #e7e7e7 !important;
        color: #21415b !important;
        font-weight: 500 !important;
        font-size: 14px;
        padding: 6px;
        height: 40px;
        vertical-align: middle;
        font-family: Roboto !important;
        border-color: #e7e7e7 !important;
    }

    .RadTreeList_Default .rtlTable {
        font-family: Roboto !important;
        font-size: 13px !important;
    }

.RadTreeList .rtlVBorders .rtlA td, .RadTreeList .rtlHBorders .rtlR td {
    border-bottom: 1px solid #ddd !important;
    vertical-align: middle;
    padding: 6px;
    border-bottom-width: 1px !important;
    background-color: #fff !important;
    border-bottom-width: 1px !important;
}

.RadTreeList_Default .rtlHeader {
    border-color: #e7e7e7 !important;
}


.RadTreeList .rtlTable .rtlRFooter td {
    padding: 6px;
}

.RadTreeList .rtlVBorders .rtlRFooter td {
    border-left-width: 0px !important;
    vertical-align: middle;
}

.RadTreeList_Default .rtlRFooter td {
    background-color: #fff !important;
}

.RadComboBox table td {
    padding: 0px !important;
    background-color: #fff !important;
}

.RadTreeList .rtlVBorders .rtlHeader th.rtlCF {
    width: 300px;
}

.precentageValue .tooltip > .tooltip-inner {
    width: 300px !important;
    white-space: normal !important;
    text-align: left;
}

.RadTreeList .rtlREdit td {
    border-style: none !important;
}

.RadTreeList .rtlVBorders .rtlREdit td {
    overflow: visible !important;
}

.RadTreeList .rtlTable {
    table-layout: auto !important;
}

.RadTreeList .rtlVBorders .rtlR td, .RadTreeList .rtlVBorders .rtlA td, .RadTreeList .rtlVBorders .rtlREdit td, .RadTreeList .rtlVBorders .rtlRFooter td {
    overflow: visible !important;
}

.minWidth200 {
    min-width: 200px;
}

.minWidth250 {
    min-width: 250px;
}

.minWidth150 {
    min-width: 150px;
}

.minWidth165 {
    min-width: 165px;
}


.RadPicker .RadInput {
    width: 80px !important;
}

.RadTreeList_Default .rtlLines td.rtlL0, .RadTreeList_Default .rtlLines td.rtlL1, .RadTreeList_Default .rtlLines td.rtlL2 {
    background-image: none !important;
}

.RadTreeList_Default .rtlExpand {
    background-image: url('../../resources/images/icons/arrowexpandnew.png') !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 auto !important;
    background-position: 8px 4px !important;
    background-size: 8px;
}

.RadTreeList_Default .rtlCollapse {
    background-image: url('../../resources/images/icons/arrowcollapsenew.png') !important;
    width: 21px !important;
    height: 20px !important;
    margin: 0 auto !important;
    background-position: 8px 6px !important;
    background-size: 11px;
}

.RadComboBox_Default .rcbInput {
    font-family: Roboto !important;
    font-size: 13px !important;
    background-color: #fff !important;
    padding: 2px !important;
}

.RadComboBoxDropDown_Default {
    font-size: 13px !important;
    font-family: Roboto !important;
}

td.rcbArrowCell.rcbArrowCellRight {
    background-color: #fff !important;
}

/*.ui-widget-content {
    background: #21415a !important;
    border-radius: 5px !important;
}

.ui-widget-content .label {
    color: #fff !important;
}*/

#tasksGrid .RadTreeList_Default .rtlLines td.rtlL3 {
    background-image: none !important;
}

.RadTreeList .precentageTextBox .textBox {
    text-align: center !important;
}

.padding5 {
    padding: 5px;
}

.paddingAll10 {
    padding: 10px;
}

.lblHierarchyName .label {
    font-size: 13px !important;
    margin-bottom: 5px;
    font-weight: 500 !important;
}

.hilighttd td {
    padding: 4px;
    text-align: center;
    background-color: orange !important;
}
.RadComboBox .rcbArrowCell a {
    z-index: 10;
}

#warapperQuickUpdate .bootstrap-tagsinput:hover
{
border-style:none !important;
padding:5px 7px !important;
cursor:default !important;
background-color:transparent !important;
}

#warapperQuickUpdate .bootstrap-tagsinput input
{
display:none;
}

.kanbanpopupTitle .toolbartitle
{
margin-bottom:0px;
}

.EISActions .bootstrap-tagsinput:hover
{
border-style:none !important;
padding:5px 7px !important;
cursor:default !important;
background-color:transparent !important;
}

.EISActions .bootstrap-tagsinput input
{
display:none;
}

.mCustomScrollbarKanban  .bootstrap-tagsinput:hover
{
border-style:none !important;
padding:5px 7px !important;
cursor:default !important;
}

.mCustomScrollbarKanban  .bootstrap-tagsinput input
{
display:none;
}

.kanbanpopupdiv  .bootstrap-tagsinput:hover
{
border-style:none !important;
padding:5px 7px !important;
cursor:default !important;
}

.kanbanpopupdiv  .bootstrap-tagsinput input
{
display:none;
}

.listUsers  .bootstrap-tagsinput:hover
{
border-style:none !important;
padding:5px 7px !important;
cursor:default !important;
}

.listUsers  .bootstrap-tagsinput input
{
display:none;
}

.bootstrap-tagsinput .tag.label
{
    line-height:normal !important;
}

#divMyUpdateProjectTaskGrid .RadGrid_Interplan .rgCollapse
{
background-position: 7px -437px !important
}


#divMyUpdateProjectTaskGrid .buttonrgCollapse
{
background-position: 5px -437px  !important
}

.projectTaskGroupingHeaderAlign
{
    margin-left:-20px;
}

.QUtasknameimgMilstnDiv
{
    float:left; 
    width:6%;
    margin-top:-1px;
    min-height:20px;
    margin-left:20px;
}

.QUtasknamelinkTitleDiv
{
    float:left; 
    width:83%;
}

.QuickUpdateParentTextAlignment .QUtasknamelinkTitleDiv {
    margin-left: 0px;
    width: 80% !important;
}

.QuickUpdateParentTextAlignment .QUtasknameimgMilstnDiv
{
margin-left:-15px;
}

.approvalsGroupingHeaderAlign
{
    margin-left:-19px;
}

.wordBreak {
    word-break:break-all;
}

#hubIssueDocumentUploadinner .RadGrid .rgHeader
{
padding-left:20px !important;
}


#hubIssueDocumentUploadinner  .RadGrid .rgRow>td, #hubIssueDocumentUploadinner  .RadGrid .rgAltRow>td
{
padding-left:20px !important;
}

.accessDeniedImgDv
{
    width:15%; 
    float:left; 
    text-align:center; 
    margin-right:20px; 
    border-right:1px solid #2065bf;
}

.accessDeniedTxtDv
{
    width:82%; 
    float:left; 
    padding-top:6px; 
    padding-bottom:10px;
}

.paddingTop5 {
    padding-top: 5px;
}

.projectListProgress input[type="number"]::-webkit-inner-spin-button {
    position: relative;
    right: 0px;
    z-index: 100000 !important;
    cursor: pointer;
}

/********************** Kanban View ********************************/


.divKanBanBoard {
    background-color: #bad9f3;
    border-radius: 7px;
    padding: 15px 10px;
    /*min-width: 240px;*/
    /*float: left;*/
    border: 1px solid #cfcece;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    position: relative;
    /*width:19%;*/
}

.divKanBanBoardContainer {
    min-width: 230px;
    float: left;
    width: 19.2%;
    margin: 0 5px;
    /*border: 1px dashed #ccc;*/
    border-radius: 7px;
    height: 100%;
    /*min-height:600px;*/
}



    .divKanBanBoardContainer:focus {
        border: 1px dashed #ccc;
    }


.divKanBanBoardOuter {
    min-width: 1250px;
    /*padding-bottom: 50px;*/
    /*display: table;*/
    width: 100%;
    /*height:100%;*/
}

.divKanBanBoardScroll {
    /*overflow-x:auto*/
    display: inline-flex;
    width: 100%;
    height: 100%;
}

.divKanBanBoardDisplayName {
    font-family: Roboto Medium, Roboto, Arial;
    font-weight: 500;
    font-size: 15px;
    color: #294861;
    /*margin-left: 10px;*/
}

.divKanBanBoard ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
}

.TaskPlanningkanbanBlock {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #cfcece;
    padding: 10px;
    margin-top: 10px;
}



#templateTaskKanBanAppend .panel-heading {
    border: 1px solid #cfcece;
    -webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.24);
    background-color: #fff;
    cursor: pointer;
    margin-right: 5px;
}

    #templateTaskKanBanAppend .panel-heading h4 {
        font-size: 15px !important;
        color: #294861 !important;
        font-family: Roboto Medium, Roboto, Arial;
        white-space: now;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 1220px;
    }

        #templateTaskKanBanAppend .panel-heading h4 a, #templateTaskKanBanAppend .panel-heading h4 a:active, #templateTaskKanBanAppend .panel-heading h4 a:active, #templateTaskKanBanAppend .panel-heading h4 a:visited {
            color: #294861 !important;
            text-decoration: none;
            font-size:15px !important;
        }


.TaskPlanningkanbanBlock .kanbantitle a, .TaskPlanningkanbanBlock .kanbantitle a:active, .TaskPlanningkanbanBlock .kanbantitle a:hover {
    font-family: Roboto Medium, Roboto, Arial;
    font-weight: 500;
    font-size: 13px;
    color: #294861;
    /*margin-left:10px;*/
    text-decoration: none;
    /*margin-left:15px;*/
    cursor: default;
}

.TaskPlanningkanbanBlock #slide {
    width: 144px !important;
}

/*.TaskPlanningkanbanBlock .projectListProgress .value {
    border-style: none;
    width: 45px;
    margin-left: 0px;
    color: #294861 !important;
    font-family: Roboto, Arial;
    font-weight: 500;
    margin-top: -1px;
}*/

/*.TaskPlanningkanbanBlock .symbol {
    margin-left: -16px !important;
    color: #294861 !important;
    position: relative;
    vertical-align: top;
    line-height: 23px;
    font-size:14px !important;
}*/

/*.TaskPlanningkanbanBlock input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7;
}*/

#divTaskPlanningKanBan {
    /*background-color:#fff;*/
    width: 100%;
    /*height:500px;
     overflow:auto;*/
}

#TaskPlanningKanBanMainContent {
    /*height:500px;*/
    /*overflow: auto;*/
    background-color: #fff;
}

.kanBanIconRowCell {
    /*float:left;*/
    margin-right: 10px;
}

.kanBanCardCircle {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    display: table-cell;
    margin-right: -5px;
    border: 1px solid #fff;
    margin-top: -1px;
}

/*.kanBanCardCircleCount {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    display: table-cell;
    margin-right: -5px;
    border: 1px solid #fff;
    margin-top: -1px;
    background-color: #21415A;
    color: #fff;
    z-index: 10;
    padding: 4px;
    cursor: pointer;
}*/


.kanBanCalendarIcon {
    height: 14px;
    margin-top: -3px;
    /*cursor: pointer;*/
}

.kanbantitle {
    margin-bottom: 5px;
}

.kanBanIconRow {
    margin-top: 7px;
}

.kanBanCommentIcon {
    width: 16px;
    cursor: pointer;
}

.kanBanAttachmentIcon {
    width: 16px;
    /*cursor: pointer;*/
}


.kanBanCalendarLbl {
    font-weight: 400 !important;
    color: #888;
    font-size: 13px;
    font-family: Roboto;
}

.kanBanDelete {
    height: 16px;
    cursor: pointer;
}

.kanBanCardCircleAdjust {
    margin-top: -2px;
    margin-right: 0px;
}


.kanBanViewAccordion.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e252";
    float: left;
    transition: all 0.5s;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 2px;
}

.kanBanViewAccordion.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px;
    margin-top: 0px;
    font-size: 12px;
}

.kanBanCommentDialog {
    width: 600px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    height: auto !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

    .kanBanCommentDialog.ui-dialog .ui-widget-header {
        background-color: #fff !important;
        color: #444 !important;
        font-weight: 300;
        font-size: 20px !important;
    }

    .kanBanCommentDialog.ui-dialog .ui-dialog-titlebar {
        padding: 0px !important;
    }

    .kanBanCommentDialog.ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }


    .kanBanCommentDialog textarea {
        width: 100%;
        height: 170px;
        border-color: #ccc;
        border-radius: 5px !important;
        padding: 5px;
    }

button.kanBanCommentClose, button.kanBanCommentClose:focus, button.kanBanCommentClose:active {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/ToolbarClose.svg') no-repeat 10px center !important;
    margin: 0px !important;
}

button.kanBanCommentSave, button.kanBanCommentSave:focus, button.kanBanCommentSave:active {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/ToolbarSave.svg') no-repeat 10px center !important;
    background-size: 21px !important;
}

.kanBanCommentDialog .ui-button-text-only .ui-button-text {
    margin-left: 23px;
    padding: 6px 10px;
}

.kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border-radius: 30px !important;
}

    .kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active, .kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus {
        background-color: initial !important;
        color: initial !important;
    }

#TaskPlanningKanBanMainContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#TaskPlanningKanBanMainContent::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

#TaskPlanningKanBanMainContent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


.TaskPlanningkanbanBlock input[type='range'] {
    -webkit-appearance: none;
    overflow: hidden;
    background-color: transparent;
    height: 22px;
    border-radius: 6px;
}

#divTaskPlanningKanBan input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 6px;
    border: none;
    border-radius: 6px;
}

/*#divTaskPlanningKanBan  input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: auto;
        border: none;
        height: 6px;
        width: 5px;
        cursor: ew-resize;
         }*/


.TaskPlanningkanbanBlock .projectListProgress input[type=range] {
    margin-top: 0px !important;
}

/*#divTaskPlanningKanBan .progressOnTrack .bar::-webkit-slider-thumb {
        background: #ffffff;
        border:1px solid #444;
        cursor:pointer;
        margin-top:-5px;
         -webkit-appearance: none;
           height: 15px;
        width: 15px;
            border-radius: 17px;
       
        box-shadow: -5px 0 0 -5px #01c971, -10px 0 0 -5px #01c971, -15px 0 0 -5px #01c971, -20px 0 0 -5px #01c971, -25px 0 0 -5px #01c971, -30px 0 0 -5px #01c971, -35px 0 0 -5px #01c971, -40px 0 0 -5px #01c971, -45px 0 0 -5px #01c971, -50px 0 0 -5px #01c971, -55px 0 0 -5px #01c971, -60px 0 0 -5px #01c971, -65px 0 0 -5px #01c971, -70px 0 0 -5px #01c971, -75px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -85px 0 0 -5px #01c971, -90px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -100px 0 0 -5px #01c971, -105px 0 0 -5px #01c971, -110px 0 0 -5px #01c971, -115px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -125px 0 0 -5px #01c971, -130px 0 0 -5px #01c971, -135px 0 0 -5px #01c971, -140px 0 0 -5px #01c971, -145px 0 0 -5px #01c971, -150px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -160px 0 0 -5px #01c971, -165px 0 0 -5px #01c971, -170px 0 0 -5px #01c971, -175px 0 0 -5px #01c971, -180px 0 0 -5px #01c971, -185px 0 0 -5px #01c971, -190px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -200px 0 0 -5px #01c971, -205px 0 0 -5px #01c971, -210px 0 0 -5px #01c971, -215px 0 0 0 #01c971;
    }*/



.TaskPlanningkanbanBlock .progressDefault .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ccb,-6px 0 0 -5px #ccb,-7px 0 0 -5px #ccb,-8px 0 0 -5px #ccb,-9px 0 0 -5px #ccb, -10px 0 0 -5px #ccb,-11px 0 0 -5px #ccb,-12px 0 0 -5px #ccb,-13px 0 0 -5px #ccb,-14px 0 0 -5px #ccb, -15px 0 0 -5px #ccb,-15px 0 0 -5px #ccb,-16px 0 0 -5px #ccb,-17px 0 0 -5px #ccb,-18px 0 0 -5px #ccb,-19px 0 0 -5px #ccb,-20px 0 0 -5px #ccb, -21px 0 0 -5px #ccb,-22px 0 0 -5px #ccb,-23px 0 0 -5px #ccb,-24px 0 0 -5px #ccb,-25px 0 0 -5px #ccb, -26px 0 0 -5px #ccb,-27px 0 0 -5px #ccb,-28px 0 0 -5px #ccb,-29px 0 0 -5px #ccb,-30px 0 0 -5px #ccb, -31px 0 0 -5px #ccb,-32px 0 0 -5px #ccb,-33px 0 0 -5px #ccb,-34px 0 0 -5px #ccb,-35px 0 0 -5px #ccb, -36px 0 0 -5px #ccb,-37px 0 0 -5px #ccb,-38px 0 0 -5px #ccb,-39px 0 0 -5px #ccb,-40px 0 0 -5px #ccb, -11px 0 0 -5px #ccb,-42px 0 0 -5px #ccb,-43px 0 0 -5px #ccb,-44px 0 0 -5px #ccb,-45px 0 0 -5px #ccb, -46px 0 0 -5px #ccb,-47px 0 0 -5px #ccb,-48px 0 0 -5px #ccb,-49px 0 0 -5px #ccb,-50px 0 0 -5px #ccb, -51px 0 0 -5px #ccb,-52px 0 0 -5px #ccb,-53px 0 0 -5px #ccb,-54px 0 0 -5px #ccb,-55px 0 0 -5px #ccb, -56px 0 0 -5px #ccb,-57px 0 0 -5px #ccb,-58px 0 0 -5px #ccb,-59px 0 0 -5px #ccb,-60px 0 0 -5px #ccb, -61px 0 0 -5px #ccb,-62px 0 0 -5px #ccb,-63px 0 0 -5px #ccb,-64px 0 0 -5px #ccb,-65px 0 0 -5px #ccb, -66px 0 0 -5px #ccb,-67px 0 0 -5px #ccb,-68px 0 0 -5px #ccb,-69px 0 0 -5px #ccb,-70px 0 0 -5px #ccb, -71px 0 0 -5px #ccb,-72px 0 0 -5px #ccb,-73px 0 0 -5px #ccb,-74px 0 0 -5px #ccb,-75px 0 0 -5px #ccb,-76px 0 0 -5px #ccb,-77px 0 0 -5px #ccb,-78px 0 0 -5px #ccb,-79px 0 0 -5px #ccb, -80px 0 0 -5px #ccb, -81px 0 0 -5px #ccb,-82px 0 0 -5px #ccb,-83px 0 0 -5px #ccb,-84px 0 0 -5px #ccb,-85px 0 0 -5px #ccb,-86px 0 0 -5px #ccb,-87px 0 0 -5px #ccb,-88px 0 0 -5px #ccb,-89px 0 0 -5px #ccb,-90px 0 0 -5px #ccb,-91px 0 0 -5px #ccb,-92px 0 0 -5px #ccb,-93px 0 0 -5px #ccb,-94px 0 0 -5px #ccb, -95px 0 0 -5px #ccb, -96px 0 0 -5px #ccb,-97px 0 0 -5px #ccb,-98px 0 0 -5px #ccb,-99px 0 0 -5px #ccb,-100px 0 0 -5px #ccb, -101px 0 0 -5px #ccb,-102px 0 0 -5px #ccb,-103px 0 0 -5px #ccb,-104px 0 0 -5px #ccb,-105px 0 0 -5px #ccb, -106px 0 0 -5px #ccb,-107px 0 0 -5px #ccb,-108px 0 0 -5px #ccb,-109px 0 0 -5px #ccb,-110px 0 0 -5px #ccb, -111px 0 0 -5px #ccb,-112px 0 0 -5px #ccb,-113px 0 0 -5px #ccb,-114px 0 0 -5px #ccb,-115px 0 0 -5px #ccb,-116px 0 0 -5px #ccb,-117px 0 0 -5px #ccb,-118px 0 0 -5px #ccb,-119px 0 0 -5px #ccb, -120px 0 0 -5px #ccb, -121px 0 0 -5px #ccb,-122px 0 0 -5px #ccb,-123px 0 0 -5px #ccb,-124px 0 0 -5px #ccb,-125px 0 0 -5px #ccb, -126px 0 0 -5px #ccb,-127px 0 0 -5px #ccb,-128px 0 0 -5px #ccb,-129px 0 0 -5px #ccb,-130px 0 0 -5px #ccb, -131px 0 0 -5px #ccb,-132px 0 0 -5px #ccb,-133px 0 0 -5px #ccb,-134px 0 0 -5px #ccb,-135px 0 0 -5px #ccb, -136px 0 0 -5px #ccb,-137px 0 0 -5px #ccb,-138px 0 0 -5px #ccb,-139px 0 0 -5px #ccb,-140px 0 0 -5px #ccb, -141px 0 0 -5px #ccb,-142px 0 0 -5px #ccb,-143px 0 0 -5px #ccb,-144px 0 0 -5px #ccb,-145px 0 0 -5px #ccb, -146px 0 0 -5px #ccb,-147px 0 0 -5px #ccb,-148px 0 0 -5px #ccb,-149px 0 0 -5px #ccb,-150px 0 0 -5px #ccb, -151px 0 0 -5px #ccb,-152px 0 0 -5px #ccb,-153px 0 0 -5px #ccb,-154px 0 0 -5px #ccb, -155px 0 0 -5px #ccb, -156px 0 0 -5px #ccb,-157px 0 0 -5px #ccb,-158px 0 0 -5px #ccb,-159px 0 0 -5px #ccb,-160px 0 0 -5px #ccb, -161px 0 0 -5px #ccb,-162px 0 0 -5px #ccb,-163px 0 0 -5px #ccb,-164px 0 0 -5px #ccb,-165px 0 0 -5px #ccb, -166px 0 0 -5px #ccb,-167px 0 0 -5px #ccb,-168px 0 0 -5px #ccb,-169px 0 0 -5px #ccb,-170px 0 0 -5px #ccb, -171px 0 0 -5px #ccb, -172px 0 0 -5px #ccb,-173px 0 0 -5px #ccb,-174px 0 0 -5px #ccb,-175px 0 0 -5px #ccb, -176px 0 0 -5px #ccb,-177px 0 0 -5px #ccb,-178px 0 0 -5px #ccb,-179px 0 0 -5px #ccb,-180px 0 0 -5px #ccb, -181px 0 0 -5px #ccb,-182px 0 0 -5px #ccb,-183px 0 0 -5px #ccb,-184px 0 0 -5px #ccb,-185px 0 0 -5px #ccb, -186px 0 0 -5px #ccb,-187px 0 0 -5px #ccb,-188px 0 0 -5px #ccb, -189px 0 0 -5px #ccb,-190px 0 0 -5px #ccb,-191px 0 0 -5px #ccb,-192px 0 0 -5px #ccb,-193px 0 0 -5px #ccb,-194px 0 0 -5px #ccb, -195px 0 0 -5px #ccb, -196px 0 0 -5px #ccb,-197px 0 0 -5px #ccb,-198px 0 0 -5px #ccb,-199px 0 0 -5px #ccb,-200px 0 0 -5px #ccb, -201px 0 0 -5px #ccb,-202px 0 0 -5px #ccb,-203px 0 0 -5px #ccb,-204px 0 0 -5px #ccb,-205px 0 0 -5px #ccb, -2061px 0 0 -5px #ccb,-207px 0 0 -5px #ccb,-208px 0 0 -5px #ccb,-209px 0 0 -5px #ccb,-210px 0 0 -5px #ccb, -211px 0 0 -5px #ccb,-212px 0 0 -5px #ccb,-213px 0 0 -5px #ccb,-214px 0 0 -5px #ccb,-215px 0 0 0 #ccb;
}



.TaskPlanningkanbanBlock .progressOnTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #01c971,-6px 0 0 -5px #01c971,-7px 0 0 -5px #01c971,-8px 0 0 -5px #01c971,-9px 0 0 -5px #01c971, -10px 0 0 -5px #01c971,-11px 0 0 -5px #01c971,-12px 0 0 -5px #01c971,-13px 0 0 -5px #01c971,-14px 0 0 -5px #01c971, -15px 0 0 -5px #01c971,-15px 0 0 -5px #01c971,-16px 0 0 -5px #01c971,-17px 0 0 -5px #01c971,-18px 0 0 -5px #01c971,-19px 0 0 -5px #01c971,-20px 0 0 -5px #01c971, -21px 0 0 -5px #01c971,-22px 0 0 -5px #01c971,-23px 0 0 -5px #01c971,-24px 0 0 -5px #01c971,-25px 0 0 -5px #01c971, -26px 0 0 -5px #01c971,-27px 0 0 -5px #01c971,-28px 0 0 -5px #01c971,-29px 0 0 -5px #01c971,-30px 0 0 -5px #01c971, -31px 0 0 -5px #01c971,-32px 0 0 -5px #01c971,-33px 0 0 -5px #01c971,-34px 0 0 -5px #01c971,-35px 0 0 -5px #01c971, -36px 0 0 -5px #01c971,-37px 0 0 -5px #01c971,-38px 0 0 -5px #01c971,-39px 0 0 -5px #01c971,-40px 0 0 -5px #01c971, -11px 0 0 -5px #01c971,-42px 0 0 -5px #01c971,-43px 0 0 -5px #01c971,-44px 0 0 -5px #01c971,-45px 0 0 -5px #01c971, -46px 0 0 -5px #01c971,-47px 0 0 -5px #01c971,-48px 0 0 -5px #01c971,-49px 0 0 -5px #01c971,-50px 0 0 -5px #01c971, -51px 0 0 -5px #01c971,-52px 0 0 -5px #01c971,-53px 0 0 -5px #01c971,-54px 0 0 -5px #01c971,-55px 0 0 -5px #01c971, -56px 0 0 -5px #01c971,-57px 0 0 -5px #01c971,-58px 0 0 -5px #01c971,-59px 0 0 -5px #01c971,-60px 0 0 -5px #01c971, -61px 0 0 -5px #01c971,-62px 0 0 -5px #01c971,-63px 0 0 -5px #01c971,-64px 0 0 -5px #01c971,-65px 0 0 -5px #01c971, -66px 0 0 -5px #01c971,-67px 0 0 -5px #01c971,-68px 0 0 -5px #01c971,-69px 0 0 -5px #01c971,-70px 0 0 -5px #01c971, -71px 0 0 -5px #01c971,-72px 0 0 -5px #01c971,-73px 0 0 -5px #01c971,-74px 0 0 -5px #01c971,-75px 0 0 -5px #01c971,-76px 0 0 -5px #01c971,-77px 0 0 -5px #01c971,-78px 0 0 -5px #01c971,-79px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -81px 0 0 -5px #01c971,-82px 0 0 -5px #01c971,-83px 0 0 -5px #01c971,-84px 0 0 -5px #01c971,-85px 0 0 -5px #01c971,-86px 0 0 -5px #01c971,-87px 0 0 -5px #01c971,-88px 0 0 -5px #01c971,-89px 0 0 -5px #01c971,-90px 0 0 -5px #01c971,-91px 0 0 -5px #01c971,-92px 0 0 -5px #01c971,-93px 0 0 -5px #01c971,-94px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -96px 0 0 -5px #01c971,-97px 0 0 -5px #01c971,-98px 0 0 -5px #01c971,-99px 0 0 -5px #01c971,-100px 0 0 -5px #01c971, -101px 0 0 -5px #01c971,-102px 0 0 -5px #01c971,-103px 0 0 -5px #01c971,-104px 0 0 -5px #01c971,-105px 0 0 -5px #01c971, -106px 0 0 -5px #01c971,-107px 0 0 -5px #01c971,-108px 0 0 -5px #01c971,-109px 0 0 -5px #01c971,-110px 0 0 -5px #01c971, -111px 0 0 -5px #01c971,-112px 0 0 -5px #01c971,-113px 0 0 -5px #01c971,-114px 0 0 -5px #01c971,-115px 0 0 -5px #01c971,-116px 0 0 -5px #01c971,-117px 0 0 -5px #01c971,-118px 0 0 -5px #01c971,-119px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -121px 0 0 -5px #01c971,-122px 0 0 -5px #01c971,-123px 0 0 -5px #01c971,-124px 0 0 -5px #01c971,-125px 0 0 -5px #01c971, -126px 0 0 -5px #01c971,-127px 0 0 -5px #01c971,-128px 0 0 -5px #01c971,-129px 0 0 -5px #01c971,-130px 0 0 -5px #01c971, -131px 0 0 -5px #01c971,-132px 0 0 -5px #01c971,-133px 0 0 -5px #01c971,-134px 0 0 -5px #01c971,-135px 0 0 -5px #01c971, -136px 0 0 -5px #01c971,-137px 0 0 -5px #01c971,-138px 0 0 -5px #01c971,-139px 0 0 -5px #01c971,-140px 0 0 -5px #01c971, -141px 0 0 -5px #01c971,-142px 0 0 -5px #01c971,-143px 0 0 -5px #01c971,-144px 0 0 -5px #01c971,-145px 0 0 -5px #01c971, -146px 0 0 -5px #01c971,-147px 0 0 -5px #01c971,-148px 0 0 -5px #01c971,-149px 0 0 -5px #01c971,-150px 0 0 -5px #01c971, -151px 0 0 -5px #01c971,-152px 0 0 -5px #01c971,-153px 0 0 -5px #01c971,-154px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -156px 0 0 -5px #01c971,-157px 0 0 -5px #01c971,-158px 0 0 -5px #01c971,-159px 0 0 -5px #01c971,-160px 0 0 -5px #01c971, -161px 0 0 -5px #01c971,-162px 0 0 -5px #01c971,-163px 0 0 -5px #01c971,-164px 0 0 -5px #01c971,-165px 0 0 -5px #01c971, -166px 0 0 -5px #01c971,-167px 0 0 -5px #01c971,-168px 0 0 -5px #01c971,-169px 0 0 -5px #01c971,-170px 0 0 -5px #01c971, -171px 0 0 -5px #01c971, -172px 0 0 -5px #01c971,-173px 0 0 -5px #01c971,-174px 0 0 -5px #01c971,-175px 0 0 -5px #01c971, -176px 0 0 -5px #01c971,-177px 0 0 -5px #01c971,-178px 0 0 -5px #01c971,-179px 0 0 -5px #01c971,-180px 0 0 -5px #01c971, -181px 0 0 -5px #01c971,-182px 0 0 -5px #01c971,-183px 0 0 -5px #01c971,-184px 0 0 -5px #01c971,-185px 0 0 -5px #01c971, -186px 0 0 -5px #01c971,-187px 0 0 -5px #01c971,-188px 0 0 -5px #01c971, -189px 0 0 -5px #01c971,-190px 0 0 -5px #01c971,-191px 0 0 -5px #01c971,-192px 0 0 -5px #01c971,-193px 0 0 -5px #01c971,-194px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -196px 0 0 -5px #01c971,-197px 0 0 -5px #01c971,-198px 0 0 -5px #01c971,-199px 0 0 -5px #01c971,-200px 0 0 -5px #01c971, -201px 0 0 -5px #01c971,-202px 0 0 -5px #01c971,-203px 0 0 -5px #01c971,-204px 0 0 -5px #01c971,-205px 0 0 -5px #01c971, -2061px 0 0 -5px #01c971,-207px 0 0 -5px #01c971,-208px 0 0 -5px #01c971,-209px 0 0 -5px #01c971,-210px 0 0 -5px #01c971, -211px 0 0 -5px #01c971,-212px 0 0 -5px #01c971,-213px 0 0 -5px #01c971,-214px 0 0 -5px #01c971,-215px 0 0 0 #01c971;
}


.TaskPlanningkanbanBlock .progressMonitor .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ffcb2c,-6px 0 0 -5px #ffcb2c,-7px 0 0 -5px #ffcb2c,-8px 0 0 -5px #ffcb2c,-9px 0 0 -5px #ffcb2c, -10px 0 0 -5px #ffcb2c,-11px 0 0 -5px #ffcb2c,-12px 0 0 -5px #ffcb2c,-13px 0 0 -5px #ffcb2c,-14px 0 0 -5px #ffcb2c, -15px 0 0 -5px #ffcb2c,-15px 0 0 -5px #ffcb2c,-16px 0 0 -5px #ffcb2c,-17px 0 0 -5px #ffcb2c,-18px 0 0 -5px #ffcb2c,-19px 0 0 -5px #ffcb2c,-20px 0 0 -5px #ffcb2c, -21px 0 0 -5px #ffcb2c,-22px 0 0 -5px #ffcb2c,-23px 0 0 -5px #ffcb2c,-24px 0 0 -5px #ffcb2c,-25px 0 0 -5px #ffcb2c, -26px 0 0 -5px #ffcb2c,-27px 0 0 -5px #ffcb2c,-28px 0 0 -5px #ffcb2c,-29px 0 0 -5px #ffcb2c,-30px 0 0 -5px #ffcb2c, -31px 0 0 -5px #ffcb2c,-32px 0 0 -5px #ffcb2c,-33px 0 0 -5px #ffcb2c,-34px 0 0 -5px #ffcb2c,-35px 0 0 -5px #ffcb2c, -36px 0 0 -5px #ffcb2c,-37px 0 0 -5px #ffcb2c,-38px 0 0 -5px #ffcb2c,-39px 0 0 -5px #ffcb2c,-40px 0 0 -5px #ffcb2c, -11px 0 0 -5px #ffcb2c,-42px 0 0 -5px #ffcb2c,-43px 0 0 -5px #ffcb2c,-44px 0 0 -5px #ffcb2c,-45px 0 0 -5px #ffcb2c, -46px 0 0 -5px #ffcb2c,-47px 0 0 -5px #ffcb2c,-48px 0 0 -5px #ffcb2c,-49px 0 0 -5px #ffcb2c,-50px 0 0 -5px #ffcb2c, -51px 0 0 -5px #ffcb2c,-52px 0 0 -5px #ffcb2c,-53px 0 0 -5px #ffcb2c,-54px 0 0 -5px #ffcb2c,-55px 0 0 -5px #ffcb2c, -56px 0 0 -5px #ffcb2c,-57px 0 0 -5px #ffcb2c,-58px 0 0 -5px #ffcb2c,-59px 0 0 -5px #ffcb2c,-60px 0 0 -5px #ffcb2c, -61px 0 0 -5px #ffcb2c,-62px 0 0 -5px #ffcb2c,-63px 0 0 -5px #ffcb2c,-64px 0 0 -5px #ffcb2c,-65px 0 0 -5px #ffcb2c, -66px 0 0 -5px #ffcb2c,-67px 0 0 -5px #ffcb2c,-68px 0 0 -5px #ffcb2c,-69px 0 0 -5px #ffcb2c,-70px 0 0 -5px #ffcb2c, -71px 0 0 -5px #ffcb2c,-72px 0 0 -5px #ffcb2c,-73px 0 0 -5px #ffcb2c,-74px 0 0 -5px #ffcb2c,-75px 0 0 -5px #ffcb2c,-76px 0 0 -5px #ffcb2c,-77px 0 0 -5px #ffcb2c,-78px 0 0 -5px #ffcb2c,-79px 0 0 -5px #ffcb2c, -80px 0 0 -5px #ffcb2c, -81px 0 0 -5px #ffcb2c,-82px 0 0 -5px #ffcb2c,-83px 0 0 -5px #ffcb2c,-84px 0 0 -5px #ffcb2c,-85px 0 0 -5px #ffcb2c,-86px 0 0 -5px #ffcb2c,-87px 0 0 -5px #ffcb2c,-88px 0 0 -5px #ffcb2c,-89px 0 0 -5px #ffcb2c,-90px 0 0 -5px #ffcb2c,-91px 0 0 -5px #ffcb2c,-92px 0 0 -5px #ffcb2c,-93px 0 0 -5px #ffcb2c,-94px 0 0 -5px #ffcb2c, -95px 0 0 -5px #ffcb2c, -96px 0 0 -5px #ffcb2c,-97px 0 0 -5px #ffcb2c,-98px 0 0 -5px #ffcb2c,-99px 0 0 -5px #ffcb2c,-100px 0 0 -5px #ffcb2c, -101px 0 0 -5px #ffcb2c,-102px 0 0 -5px #ffcb2c,-103px 0 0 -5px #ffcb2c,-104px 0 0 -5px #ffcb2c,-105px 0 0 -5px #ffcb2c, -106px 0 0 -5px #ffcb2c,-107px 0 0 -5px #ffcb2c,-108px 0 0 -5px #ffcb2c,-109px 0 0 -5px #ffcb2c,-110px 0 0 -5px #ffcb2c, -111px 0 0 -5px #ffcb2c,-112px 0 0 -5px #ffcb2c,-113px 0 0 -5px #ffcb2c,-114px 0 0 -5px #ffcb2c,-115px 0 0 -5px #ffcb2c,-116px 0 0 -5px #ffcb2c,-117px 0 0 -5px #ffcb2c,-118px 0 0 -5px #ffcb2c,-119px 0 0 -5px #ffcb2c, -120px 0 0 -5px #ffcb2c, -121px 0 0 -5px #ffcb2c,-122px 0 0 -5px #ffcb2c,-123px 0 0 -5px #ffcb2c,-124px 0 0 -5px #ffcb2c,-125px 0 0 -5px #ffcb2c, -126px 0 0 -5px #ffcb2c,-127px 0 0 -5px #ffcb2c,-128px 0 0 -5px #ffcb2c,-129px 0 0 -5px #ffcb2c,-130px 0 0 -5px #ffcb2c, -131px 0 0 -5px #ffcb2c,-132px 0 0 -5px #ffcb2c,-133px 0 0 -5px #ffcb2c,-134px 0 0 -5px #ffcb2c,-135px 0 0 -5px #ffcb2c, -136px 0 0 -5px #ffcb2c,-137px 0 0 -5px #ffcb2c,-138px 0 0 -5px #ffcb2c,-139px 0 0 -5px #ffcb2c,-140px 0 0 -5px #ffcb2c, -141px 0 0 -5px #ffcb2c,-142px 0 0 -5px #ffcb2c,-143px 0 0 -5px #ffcb2c,-144px 0 0 -5px #ffcb2c,-145px 0 0 -5px #ffcb2c, -146px 0 0 -5px #ffcb2c,-147px 0 0 -5px #ffcb2c,-148px 0 0 -5px #ffcb2c,-149px 0 0 -5px #ffcb2c,-150px 0 0 -5px #ffcb2c, -151px 0 0 -5px #ffcb2c,-152px 0 0 -5px #ffcb2c,-153px 0 0 -5px #ffcb2c,-154px 0 0 -5px #ffcb2c, -155px 0 0 -5px #ffcb2c, -156px 0 0 -5px #ffcb2c,-157px 0 0 -5px #ffcb2c,-158px 0 0 -5px #ffcb2c,-159px 0 0 -5px #ffcb2c,-160px 0 0 -5px #ffcb2c, -161px 0 0 -5px #ffcb2c,-162px 0 0 -5px #ffcb2c,-163px 0 0 -5px #ffcb2c,-164px 0 0 -5px #ffcb2c,-165px 0 0 -5px #ffcb2c, -166px 0 0 -5px #ffcb2c,-167px 0 0 -5px #ffcb2c,-168px 0 0 -5px #ffcb2c,-169px 0 0 -5px #ffcb2c,-170px 0 0 -5px #ffcb2c, -171px 0 0 -5px #ffcb2c, -172px 0 0 -5px #ffcb2c,-173px 0 0 -5px #ffcb2c,-174px 0 0 -5px #ffcb2c,-175px 0 0 -5px #ffcb2c, -176px 0 0 -5px #ffcb2c,-177px 0 0 -5px #ffcb2c,-178px 0 0 -5px #ffcb2c,-179px 0 0 -5px #ffcb2c,-180px 0 0 -5px #ffcb2c, -181px 0 0 -5px #ffcb2c,-182px 0 0 -5px #ffcb2c,-183px 0 0 -5px #ffcb2c,-184px 0 0 -5px #ffcb2c,-185px 0 0 -5px #ffcb2c, -186px 0 0 -5px #ffcb2c,-187px 0 0 -5px #ffcb2c,-188px 0 0 -5px #ffcb2c, -189px 0 0 -5px #ffcb2c,-190px 0 0 -5px #ffcb2c,-191px 0 0 -5px #ffcb2c,-192px 0 0 -5px #ffcb2c,-193px 0 0 -5px #ffcb2c,-194px 0 0 -5px #ffcb2c, -195px 0 0 -5px #ffcb2c, -196px 0 0 -5px #ffcb2c,-197px 0 0 -5px #ffcb2c,-198px 0 0 -5px #ffcb2c,-199px 0 0 -5px #ffcb2c,-200px 0 0 -5px #ffcb2c, -201px 0 0 -5px #ffcb2c,-202px 0 0 -5px #ffcb2c,-203px 0 0 -5px #ffcb2c,-204px 0 0 -5px #ffcb2c,-205px 0 0 -5px #ffcb2c, -2061px 0 0 -5px #ffcb2c,-207px 0 0 -5px #ffcb2c,-208px 0 0 -5px #ffcb2c,-209px 0 0 -5px #ffcb2c,-210px 0 0 -5px #ffcb2c, -211px 0 0 -5px #ffcb2c,-212px 0 0 -5px #ffcb2c,-213px 0 0 -5px #ffcb2c,-214px 0 0 -5px #ffcb2c,-215px 0 0 0 #ffcb2c;
}



.TaskPlanningkanbanBlock .progressOffTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #e44259,-6px 0 0 -5px #e44259,-7px 0 0 -5px #e44259,-8px 0 0 -5px #e44259,-9px 0 0 -5px #e44259, -10px 0 0 -5px #e44259,-11px 0 0 -5px #e44259,-12px 0 0 -5px #e44259,-13px 0 0 -5px #e44259,-14px 0 0 -5px #e44259, -15px 0 0 -5px #e44259,-15px 0 0 -5px #e44259,-16px 0 0 -5px #e44259,-17px 0 0 -5px #e44259,-18px 0 0 -5px #e44259,-19px 0 0 -5px #e44259,-20px 0 0 -5px #e44259, -21px 0 0 -5px #e44259,-22px 0 0 -5px #e44259,-23px 0 0 -5px #e44259,-24px 0 0 -5px #e44259,-25px 0 0 -5px #e44259, -26px 0 0 -5px #e44259,-27px 0 0 -5px #e44259,-28px 0 0 -5px #e44259,-29px 0 0 -5px #e44259,-30px 0 0 -5px #e44259, -31px 0 0 -5px #e44259,-32px 0 0 -5px #e44259,-33px 0 0 -5px #e44259,-34px 0 0 -5px #e44259,-35px 0 0 -5px #e44259, -36px 0 0 -5px #e44259,-37px 0 0 -5px #e44259,-38px 0 0 -5px #e44259,-39px 0 0 -5px #e44259,-40px 0 0 -5px #e44259, -11px 0 0 -5px #e44259,-42px 0 0 -5px #e44259,-43px 0 0 -5px #e44259,-44px 0 0 -5px #e44259,-45px 0 0 -5px #e44259, -46px 0 0 -5px #e44259,-47px 0 0 -5px #e44259,-48px 0 0 -5px #e44259,-49px 0 0 -5px #e44259,-50px 0 0 -5px #e44259, -51px 0 0 -5px #e44259,-52px 0 0 -5px #e44259,-53px 0 0 -5px #e44259,-54px 0 0 -5px #e44259,-55px 0 0 -5px #e44259, -56px 0 0 -5px #e44259,-57px 0 0 -5px #e44259,-58px 0 0 -5px #e44259,-59px 0 0 -5px #e44259,-60px 0 0 -5px #e44259, -61px 0 0 -5px #e44259,-62px 0 0 -5px #e44259,-63px 0 0 -5px #e44259,-64px 0 0 -5px #e44259,-65px 0 0 -5px #e44259, -66px 0 0 -5px #e44259,-67px 0 0 -5px #e44259,-68px 0 0 -5px #e44259,-69px 0 0 -5px #e44259,-70px 0 0 -5px #e44259, -71px 0 0 -5px #e44259,-72px 0 0 -5px #e44259,-73px 0 0 -5px #e44259,-74px 0 0 -5px #e44259,-75px 0 0 -5px #e44259,-76px 0 0 -5px #e44259,-77px 0 0 -5px #e44259,-78px 0 0 -5px #e44259,-79px 0 0 -5px #e44259, -80px 0 0 -5px #e44259, -81px 0 0 -5px #e44259,-82px 0 0 -5px #e44259,-83px 0 0 -5px #e44259,-84px 0 0 -5px #e44259,-85px 0 0 -5px #e44259,-86px 0 0 -5px #e44259,-87px 0 0 -5px #e44259,-88px 0 0 -5px #e44259,-89px 0 0 -5px #e44259,-90px 0 0 -5px #e44259,-91px 0 0 -5px #e44259,-92px 0 0 -5px #e44259,-93px 0 0 -5px #e44259,-94px 0 0 -5px #e44259, -95px 0 0 -5px #e44259, -96px 0 0 -5px #e44259,-97px 0 0 -5px #e44259,-98px 0 0 -5px #e44259,-99px 0 0 -5px #e44259,-100px 0 0 -5px #e44259, -101px 0 0 -5px #e44259,-102px 0 0 -5px #e44259,-103px 0 0 -5px #e44259,-104px 0 0 -5px #e44259,-105px 0 0 -5px #e44259, -106px 0 0 -5px #e44259,-107px 0 0 -5px #e44259,-108px 0 0 -5px #e44259,-109px 0 0 -5px #e44259,-110px 0 0 -5px #e44259, -111px 0 0 -5px #e44259,-112px 0 0 -5px #e44259,-113px 0 0 -5px #e44259,-114px 0 0 -5px #e44259,-115px 0 0 -5px #e44259,-116px 0 0 -5px #e44259,-117px 0 0 -5px #e44259,-118px 0 0 -5px #e44259,-119px 0 0 -5px #e44259, -120px 0 0 -5px #e44259, -121px 0 0 -5px #e44259,-122px 0 0 -5px #e44259,-123px 0 0 -5px #e44259,-124px 0 0 -5px #e44259,-125px 0 0 -5px #e44259, -126px 0 0 -5px #e44259,-127px 0 0 -5px #e44259,-128px 0 0 -5px #e44259,-129px 0 0 -5px #e44259,-130px 0 0 -5px #e44259, -131px 0 0 -5px #e44259,-132px 0 0 -5px #e44259,-133px 0 0 -5px #e44259,-134px 0 0 -5px #e44259,-135px 0 0 -5px #e44259, -136px 0 0 -5px #e44259,-137px 0 0 -5px #e44259,-138px 0 0 -5px #e44259,-139px 0 0 -5px #e44259,-140px 0 0 -5px #e44259, -141px 0 0 -5px #e44259,-142px 0 0 -5px #e44259,-143px 0 0 -5px #e44259,-144px 0 0 -5px #e44259,-145px 0 0 -5px #e44259, -146px 0 0 -5px #e44259,-147px 0 0 -5px #e44259,-148px 0 0 -5px #e44259,-149px 0 0 -5px #e44259,-150px 0 0 -5px #e44259, -151px 0 0 -5px #e44259,-152px 0 0 -5px #e44259,-153px 0 0 -5px #e44259,-154px 0 0 -5px #e44259, -155px 0 0 -5px #e44259, -156px 0 0 -5px #e44259,-157px 0 0 -5px #e44259,-158px 0 0 -5px #e44259,-159px 0 0 -5px #e44259,-160px 0 0 -5px #e44259, -161px 0 0 -5px #e44259,-162px 0 0 -5px #e44259,-163px 0 0 -5px #e44259,-164px 0 0 -5px #e44259,-165px 0 0 -5px #e44259, -166px 0 0 -5px #e44259,-167px 0 0 -5px #e44259,-168px 0 0 -5px #e44259,-169px 0 0 -5px #e44259,-170px 0 0 -5px #e44259, -171px 0 0 -5px #e44259, -172px 0 0 -5px #e44259,-173px 0 0 -5px #e44259,-174px 0 0 -5px #e44259,-175px 0 0 -5px #e44259, -176px 0 0 -5px #e44259,-177px 0 0 -5px #e44259,-178px 0 0 -5px #e44259,-179px 0 0 -5px #e44259,-180px 0 0 -5px #e44259, -181px 0 0 -5px #e44259,-182px 0 0 -5px #e44259,-183px 0 0 -5px #e44259,-184px 0 0 -5px #e44259,-185px 0 0 -5px #e44259, -186px 0 0 -5px #e44259,-187px 0 0 -5px #e44259,-188px 0 0 -5px #e44259, -189px 0 0 -5px #e44259,-190px 0 0 -5px #e44259,-191px 0 0 -5px #e44259,-192px 0 0 -5px #e44259,-193px 0 0 -5px #e44259,-194px 0 0 -5px #e44259, -195px 0 0 -5px #e44259, -196px 0 0 -5px #e44259,-197px 0 0 -5px #e44259,-198px 0 0 -5px #e44259,-199px 0 0 -5px #e44259,-200px 0 0 -5px #e44259, -201px 0 0 -5px #e44259,-202px 0 0 -5px #e44259,-203px 0 0 -5px #e44259,-204px 0 0 -5px #e44259,-205px 0 0 -5px #e44259, -2061px 0 0 -5px #e44259,-207px 0 0 -5px #e44259,-208px 0 0 -5px #e44259,-209px 0 0 -5px #e44259,-210px 0 0 -5px #e44259, -211px 0 0 -5px #e44259,-212px 0 0 -5px #e44259,-213px 0 0 -5px #e44259,-214px 0 0 -5px #e44259,-215px 0 0 0 #e44259;
}



.TaskPlanningkanbanBlock .progressOffTrackZero .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px transparent,-6px 0 0 -5px transparent,-7px 0 0 -5px transparent,-8px 0 0 -5px transparent,-9px 0 0 -5px transparent, -10px 0 0 -5px transparent,-11px 0 0 -5px transparent,-12px 0 0 -5px transparent,-13px 0 0 -5px transparent,-14px 0 0 -5px transparent, -15px 0 0 -5px transparent,-15px 0 0 -5px transparent,-16px 0 0 -5px transparent,-17px 0 0 -5px transparent,-18px 0 0 -5px transparent,-19px 0 0 -5px transparent,-20px 0 0 -5px transparent, -21px 0 0 -5px transparent,-22px 0 0 -5px transparent,-23px 0 0 -5px transparent,-24px 0 0 -5px transparent,-25px 0 0 -5px transparent, -26px 0 0 -5px transparent,-27px 0 0 -5px transparent,-28px 0 0 -5px transparent,-29px 0 0 -5px transparent,-30px 0 0 -5px transparent, -31px 0 0 -5px transparent,-32px 0 0 -5px transparent,-33px 0 0 -5px transparent,-34px 0 0 -5px transparent,-35px 0 0 -5px transparent, -36px 0 0 -5px transparent,-37px 0 0 -5px transparent,-38px 0 0 -5px transparent,-39px 0 0 -5px transparent,-40px 0 0 -5px transparent, -11px 0 0 -5px transparent,-42px 0 0 -5px transparent,-43px 0 0 -5px transparent,-44px 0 0 -5px transparent,-45px 0 0 -5px transparent, -46px 0 0 -5px transparent,-47px 0 0 -5px transparent,-48px 0 0 -5px transparent,-49px 0 0 -5px transparent,-50px 0 0 -5px transparent, -51px 0 0 -5px transparent,-52px 0 0 -5px transparent,-53px 0 0 -5px transparent,-54px 0 0 -5px transparent,-55px 0 0 -5px transparent, -56px 0 0 -5px transparent,-57px 0 0 -5px transparent,-58px 0 0 -5px transparent,-59px 0 0 -5px transparent,-60px 0 0 -5px transparent, -61px 0 0 -5px transparent,-62px 0 0 -5px transparent,-63px 0 0 -5px transparent,-64px 0 0 -5px transparent,-65px 0 0 -5px transparent, -66px 0 0 -5px transparent,-67px 0 0 -5px transparent,-68px 0 0 -5px transparent,-69px 0 0 -5px transparent,-70px 0 0 -5px transparent, -71px 0 0 -5px transparent,-72px 0 0 -5px transparent,-73px 0 0 -5px transparent,-74px 0 0 -5px transparent,-75px 0 0 -5px transparent,-76px 0 0 -5px transparent,-77px 0 0 -5px transparent,-78px 0 0 -5px transparent,-79px 0 0 -5px transparent, -80px 0 0 -5px transparent, -81px 0 0 -5px transparent,-82px 0 0 -5px transparent,-83px 0 0 -5px transparent,-84px 0 0 -5px transparent,-85px 0 0 -5px transparent,-86px 0 0 -5px transparent,-87px 0 0 -5px transparent,-88px 0 0 -5px transparent,-89px 0 0 -5px transparent,-90px 0 0 -5px transparent,-91px 0 0 -5px transparent,-92px 0 0 -5px transparent,-93px 0 0 -5px transparent,-94px 0 0 -5px transparent, -95px 0 0 -5px transparent, -96px 0 0 -5px transparent,-97px 0 0 -5px transparent,-98px 0 0 -5px transparent,-99px 0 0 -5px transparent,-100px 0 0 -5px transparent, -101px 0 0 -5px transparent,-102px 0 0 -5px transparent,-103px 0 0 -5px transparent,-104px 0 0 -5px transparent,-105px 0 0 -5px transparent, -106px 0 0 -5px transparent,-107px 0 0 -5px transparent,-108px 0 0 -5px transparent,-109px 0 0 -5px transparent,-110px 0 0 -5px transparent, -111px 0 0 -5px transparent,-112px 0 0 -5px transparent,-113px 0 0 -5px transparent,-114px 0 0 -5px transparent,-115px 0 0 -5px transparent,-116px 0 0 -5px transparent,-117px 0 0 -5px transparent,-118px 0 0 -5px transparent,-119px 0 0 -5px transparent, -120px 0 0 -5px transparent, -121px 0 0 -5px transparent,-122px 0 0 -5px transparent,-123px 0 0 -5px transparent,-124px 0 0 -5px transparent,-125px 0 0 -5px transparent, -126px 0 0 -5px transparent,-127px 0 0 -5px transparent,-128px 0 0 -5px transparent,-129px 0 0 -5px transparent,-130px 0 0 -5px transparent, -131px 0 0 -5px transparent,-132px 0 0 -5px transparent,-133px 0 0 -5px transparent,-134px 0 0 -5px transparent,-135px 0 0 -5px transparent, -136px 0 0 -5px transparent,-137px 0 0 -5px transparent,-138px 0 0 -5px transparent,-139px 0 0 -5px transparent,-140px 0 0 -5px transparent, -141px 0 0 -5px transparent,-142px 0 0 -5px transparent,-143px 0 0 -5px transparent,-144px 0 0 -5px transparent,-145px 0 0 -5px transparent, -146px 0 0 -5px transparent,-147px 0 0 -5px transparent,-148px 0 0 -5px transparent,-149px 0 0 -5px transparent,-150px 0 0 -5px transparent, -151px 0 0 -5px transparent,-152px 0 0 -5px transparent,-153px 0 0 -5px transparent,-154px 0 0 -5px transparent, -155px 0 0 -5px transparent, -156px 0 0 -5px transparent,-157px 0 0 -5px transparent,-158px 0 0 -5px transparent,-159px 0 0 -5px transparent,-160px 0 0 -5px transparent, -161px 0 0 -5px transparent,-162px 0 0 -5px transparent,-163px 0 0 -5px transparent,-164px 0 0 -5px transparent,-165px 0 0 -5px transparent, -166px 0 0 -5px transparent,-167px 0 0 -5px transparent,-168px 0 0 -5px transparent,-169px 0 0 -5px transparent,-170px 0 0 -5px transparent, -171px 0 0 -5px transparent, -172px 0 0 -5px transparent,-173px 0 0 -5px transparent,-174px 0 0 -5px transparent,-175px 0 0 -5px transparent, -176px 0 0 -5px transparent,-177px 0 0 -5px transparent,-178px 0 0 -5px transparent,-179px 0 0 -5px transparent,-180px 0 0 -5px transparent, -181px 0 0 -5px transparent,-182px 0 0 -5px transparent,-183px 0 0 -5px transparent,-184px 0 0 -5px transparent,-185px 0 0 -5px transparent, -186px 0 0 -5px transparent,-187px 0 0 -5px transparent,-188px 0 0 -5px transparent, -189px 0 0 -5px transparent,-190px 0 0 -5px transparent,-191px 0 0 -5px transparent,-192px 0 0 -5px transparent,-193px 0 0 -5px transparent,-194px 0 0 -5px transparent, -195px 0 0 -5px transparent, -196px 0 0 -5px transparent,-197px 0 0 -5px transparent,-198px 0 0 -5px transparent,-199px 0 0 -5px transparent,-200px 0 0 -5px transparent, -201px 0 0 -5px transparent,-202px 0 0 -5px transparent,-203px 0 0 -5px transparent,-204px 0 0 -5px transparent,-205px 0 0 -5px transparent, -2061px 0 0 -5px transparent,-207px 0 0 -5px transparent,-208px 0 0 -5px transparent,-209px 0 0 -5px transparent,-210px 0 0 -5px transparent, -211px 0 0 -5px transparent,-212px 0 0 -5px transparent,-213px 0 0 -5px transparent,-214px 0 0 -5px transparent,-215px 0 0 0 transparent;
}


#divTaskPlanningKanBan .projectListProgress {
    margin-top: 10px;
    margin-right: -10px;
}

.kanbanMenuItems {
    float: right;
    margin-left: 10px;
}

.kanbanMenuMenuText {
    font-weight: 500;
    padding: 0 0 0 10px;
    /*height: 18px;*/
    cursor: pointer;
    /*line-height: 16px;*/
    color: #21415a;
    font-size: 14px;
}

.kanbanMenuItems .btn, .kanbanMenuItems .btn-default {
    border-style: none;
    padding: 0px;
    background-color: transparent !important;
    line-height: auto !important;
    margin: 0px !important;
}

    .kanbanMenuItems .btn-default:active, .kanbanMenuItems .btn-primary:active {
        box-shadow: none !important;
    }

.kanbanMenuMenuTextFilter {
    margin-left: -5px;
}

/*#TaskPlanningKanBanMainContent .panel-body {
    padding-right: 0px !important;
}*/

#TaskPlanningKanBanMainContent .panel {
    box-shadow: none !important;
    display: table;
    width: 100%;
    height: 100%;
    /*padding-right:5px;*/
}

#templateTaskKanBanAppend {
    display: table;
    width: 100%;
}

#TaskPlanningKanBanMainContent .panel-body {
    padding: 15px 0 15px 0;
}

.kanBanFilterDrodown {
    width: 450px;
    position: absolute;
    right: 0px;
    z-index: 100;
}

    .kanBanFilterDrodown .panel-body {
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0.1);
        -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,1);
        box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
        border-radius: 10px !important;
        background-color: #fff;
        border: 1px solid #ccc;
    }

.kanBanFilterDrodownBtn button {
    background-color: #fff !important;
    color: #2D6A9F !important;
    border: 2px solid #048483 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    width: auto;
    border-radius: 15px;
    font-weight: 500;
    outline: none !important;
    background-image: none;
    font-size: 13px !important;
    text-shadow: none !important;
    box-shadow: none;
    line-height: 20px !important;
    margin: 0px 2px;
}

.kanBanFilterClose {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/ToolbarClose.svg') no-repeat 10px center !important;
    margin: 0px !important;
    width: 36px;
    height: 36px;
    background-size: 24px !important;
    float: right;
    margin-top: -10px !important;
}

.kanBanFilterDrodown .form-control {
    box-shadow: none !important;
}

.kanBanFilterDrodown .ddlFilter {
    padding: 4px 5px 4px 5px;
    border: 1px solid #ececec;
    border-radius: 3px;
}

.kanBanFilterDrodown .bootstrap-select .dropdown-toggle .caret {
    right: 4px !important;
}

.kanBanFilterDrodown .btn, .kanBanFilterDrodown .btn-default {
    font-weight: 400 !important;
}

.kanBanFilterDrodown .filterDatePicker {
    width: 150px;
}

.filterDatePicker input {
    padding: 4px 5px 4px 5px !important;
    height: auto !important;
}


.filterDatePicker .form-control {
    border: 1px solid #ececec !important;
    border-radius: 3px 0 0 3px !important;
    border-right-style: none !important; 
    cursor:pointer;
}

.filterDatePicker .input-group-addon {
    border: 1px solid #ececec !important;
    border-radius: 0 3px 3px 0 !important;
    background-color: #fff !important;
    border-left-style: none !important;
    cursor: pointer;
}

.kanBanFilterDrodown #divPerformanceStatus, .kanBanFilterDrodown #divActionStatus {
    width: 100%;
}

    .kanBanFilterDrodown #divPerformanceStatus .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
    .kanBanFilterDrodown #divActionStatus .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        width: 100%;
    }

.kanBanFilterDrodown label.filter-col-title {
    font-family: Roboto Medium, Roboto, Arial;
    font-weight: 500 !important;
    margin-top: 8px !important;
}

.kanBanFilterDPIcone {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/kanBanCalendar.svg') no-repeat 0 center !important;
    margin: 0px !important;
    width: 18px;
    height: 18px;
    background-size: 16px !important;
    float: right;
    margin-right: -6px !important;
}

.kanBanFilterDrodown .bootstrap-select.show-tick .dropdown-menu li a span.text {
    color: #555252 !important;
    font-family: Roboto, Arial;
    font-size: 13px !important;
    white-space: normal;
    margin:0px !important;
}

.kanBanFilterDrodown .dropdown-menu > li > a {
    padding: 10px !important;
    height: 35px;
}

    .kanBanFilterDrodown .dropdown-menu > li > a:hover, .kanBanFilterDrodown .dropdown-menu > li > a:active, .kanBanFilterDrodown .dropdown-menu > li > a:focus {
        background-color: #f5f5f5 !important;
        background-image: none !important;
    }

.kanBanFilterDrodown .bs-searchbox .form-control {
    font-size: 13px !important;
    padding: 4px 5px 4px 5px !important;
}

.kanBanFilterDrodown .bootstrap-select .dropdown-toggle .filter-option {
    outline: none !important;
}

.kanBanFilterDrodown .bootstrap-select, .kanBanFilterDrodown .bootstrap-select > .dropdown-toggle.bs-placeholder {
    outline: none !important;
}

    .kanBanFilterDrodown .bootstrap-select > .dropdown-toggle.bs-placeholder {
        box-shadow: none !important;
    }

.kanBanFilterDrodown .dropdown-menu > .active > a, .kanBanFilterDrodown .dropdown-menu > .active > a:hover, .kanBanFilterDrodown .dropdown-menu > .active > a:focus {
    background-image: none !important;
    background-color: #f5f5f5 !important;
}

.setCursorHand img {
    cursor: pointer;
}


.kanBanCardMorePopup {
    border-radius: 10px !important;
    padding: 10px !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

    .kanBanCardMorePopup.ui-dialog .ui-widget-header {
        background-color: #fff !important;
        color: #444 !important;
        font-weight: 300;
        font-size: 20px !important;
        display: none;
    }

    .kanBanCardMorePopup.ui-dialog .ui-dialog-titlebar {
        padding: 0px !important;
    }

    .kanBanCardMorePopup.ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }

    .kanBanCardMorePopup.ui-dialog .popUpTitle {
        font-family: Roboto, Arial;
        color: #21415b !important;
        font-weight: 300;
        font-size: 20px !important;
    }

    .kanBanCardMorePopup.ui-dialog .saveButton {
        background-color: #fff !important;
        color: #444 !important;
        border: 2px solid #048483 !important;
        border-radius: 30px;
        font-family: Roboto, 'Roboto Regular', Arial !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        background: url('../../resources/images//ToolBar/ToolbarSave.svg') no-repeat 10px center !important;
        background-size: 21px !important;
        width: 80px;
        padding: 6px 5px 6px 25px;
    }

    .kanBanCardMorePopup.ui-dialog .closeButton {
        background-color: #fff !important;
        color: #444 !important;
        border: 2px solid #2D6A9F !important;
        border-radius: 30px;
        font-family: Roboto, 'Roboto Regular', Arial !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        background: url('../../resources/images//ToolBar/ToolbarClose.svg') no-repeat 10px center !important;
        width: 80px;
        padding: 6px 0px 6px 25px;
        margin-left: 5px;
    }


#ShowTaskDetailsDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#ShowTaskDetailsDiv::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

#ShowTaskDetailsDiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.kanBanCardMorePopup input, .kanBanCardMorePopup select {
    font-family: Roboto, Arial;
    font-size: 13px;
    border: 1px solid #ececec;
    color: #484e53 !important;
    padding: 4px 5px 4px 5px;
    border-radius: 4px;
}

.kanBanCardMorePopup .cellFormLabel {
    font-family: Roboto, Arial;
    font-weight:400;
    font-size: 13px;
    color: #484e53 !important;
    padding-bottom: 10px !important;
}

.kanBanCardMorePopup .cellFormData {
    padding-bottom: 10px !important;
}

#ShowTaskDetailsDiv {
    overflow-y: auto;
    height: 445px;
    margin-top: 20px;
}


.kanBanCardMorePopup #taskShowDetailsDurationID,
.kanBanCardMorePopup #taskShowDetailsPriorityID,
.kanBanCardMorePopup #taskShowDetailsRevisedEndDateID,
.kanBanCardMorePopup #taskShowDetailsRevisedStartDateID,
.kanBanCardMorePopup #taskShowDetailsCompletionDateID,
.kanBanCardMorePopup #taskShowDetailsStatusID {
    width: 130px;
}

.kanBanCardMorePopup input#taskShowDetailsTaskNameID, .kanBanCardMorePopup input#taskShowDetailsCommentID {
    width: 91%;
}

.kanBanFilterDrodown .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    width: 90%;
}

.KanbanMenuViews {
    width: 91px;
}

    .KanbanMenuViews .dropdown-menu {
        border-radius: 7px !important;
        padding: 10px;
        min-width: 113px !important;
        /*margin-top:-24px;*/
        margin-left: -10px;
        margin-top: 2px;
    }

.kanbanMenuMenuTextActive {
    color: #048483;
}

.kanbanMenuItemsUnderline {
    border-bottom: 2px solid #048483;
    clear: both;
    margin-top: 8px;
}

.kanBanCardMorePopup textarea {
    font-family: Roboto, Arial;
    font-size: 13px;
    border: 1px solid #ececec;
    color: #484e53 !important;
    padding: 4px 5px 4px 5px;
    border-radius: 4px;
    width: 91%;
}

.kanBanCardMorePopup #taskShowDetailsRevisedEndDateID, .kanBanCardMorePopup #taskShowDetailsRevisedStartDateID, .kanBanCardMorePopup #taskShowDetailsCompletionDateID {
    width: 140px !important;
    background: url('../../resources/images//ToolBar/kanBanCalendar.svg') no-repeat 118px center !important;
    background-size: 16px !important;
}

.kanBanCardMorePopup input.hasDatepicker[disabled] {
    background-color: #fff !important;
    border-style: none;
    width: 140px;
    padding-left: 0px;
    background: none !important;
}



.kanBanCardMorePopup #slide {
    width: 157px !important;
}


.kanBanCardMorePopup .value {
    border-style: none;
    width: 48px !important;
    margin-left: 0px !important;
    color: #294861 !important;
    font-family: Roboto, Arial;
    font-weight: 400 !important;
    margin-top: -3px !important;
}

.kanBanCardMorePopup .symbol {
    margin-left: -16px !important;
    color: #294861 !important;
    position: relative !important;
    vertical-align: top;
    line-height: 26px;
}

.kanBanCardMorePopup input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7;
}


.kanBanCardMorePopup input[type='range'] {
    -webkit-appearance: none;
    overflow: hidden;
    background-color: transparent;
    height: 22px;
    border-radius: 6px;
    border-style: none;
    padding: 0px !important;
}

    .kanBanCardMorePopup input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        height: 6px;
        border: none;
        border-radius: 6px;
    }




.kanBanCardMorePopup.projectListProgress input[type=range] {
    margin-top: 0px !important;
}





.kanBanCardMorePopup .progressDefault .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ccb,-6px 0 0 -5px #ccb,-7px 0 0 -5px #ccb,-8px 0 0 -5px #ccb,-9px 0 0 -5px #ccb, -10px 0 0 -5px #ccb,-11px 0 0 -5px #ccb,-12px 0 0 -5px #ccb,-13px 0 0 -5px #ccb,-14px 0 0 -5px #ccb, -15px 0 0 -5px #ccb,-15px 0 0 -5px #ccb,-16px 0 0 -5px #ccb,-17px 0 0 -5px #ccb,-18px 0 0 -5px #ccb,-19px 0 0 -5px #ccb,-20px 0 0 -5px #ccb, -21px 0 0 -5px #ccb,-22px 0 0 -5px #ccb,-23px 0 0 -5px #ccb,-24px 0 0 -5px #ccb,-25px 0 0 -5px #ccb, -26px 0 0 -5px #ccb,-27px 0 0 -5px #ccb,-28px 0 0 -5px #ccb,-29px 0 0 -5px #ccb,-30px 0 0 -5px #ccb, -31px 0 0 -5px #ccb,-32px 0 0 -5px #ccb,-33px 0 0 -5px #ccb,-34px 0 0 -5px #ccb,-35px 0 0 -5px #ccb, -36px 0 0 -5px #ccb,-37px 0 0 -5px #ccb,-38px 0 0 -5px #ccb,-39px 0 0 -5px #ccb,-40px 0 0 -5px #ccb, -11px 0 0 -5px #ccb,-42px 0 0 -5px #ccb,-43px 0 0 -5px #ccb,-44px 0 0 -5px #ccb,-45px 0 0 -5px #ccb, -46px 0 0 -5px #ccb,-47px 0 0 -5px #ccb,-48px 0 0 -5px #ccb,-49px 0 0 -5px #ccb,-50px 0 0 -5px #ccb, -51px 0 0 -5px #ccb,-52px 0 0 -5px #ccb,-53px 0 0 -5px #ccb,-54px 0 0 -5px #ccb,-55px 0 0 -5px #ccb, -56px 0 0 -5px #ccb,-57px 0 0 -5px #ccb,-58px 0 0 -5px #ccb,-59px 0 0 -5px #ccb,-60px 0 0 -5px #ccb, -61px 0 0 -5px #ccb,-62px 0 0 -5px #ccb,-63px 0 0 -5px #ccb,-64px 0 0 -5px #ccb,-65px 0 0 -5px #ccb, -66px 0 0 -5px #ccb,-67px 0 0 -5px #ccb,-68px 0 0 -5px #ccb,-69px 0 0 -5px #ccb,-70px 0 0 -5px #ccb, -71px 0 0 -5px #ccb,-72px 0 0 -5px #ccb,-73px 0 0 -5px #ccb,-74px 0 0 -5px #ccb,-75px 0 0 -5px #ccb,-76px 0 0 -5px #ccb,-77px 0 0 -5px #ccb,-78px 0 0 -5px #ccb,-79px 0 0 -5px #ccb, -80px 0 0 -5px #ccb, -81px 0 0 -5px #ccb,-82px 0 0 -5px #ccb,-83px 0 0 -5px #ccb,-84px 0 0 -5px #ccb,-85px 0 0 -5px #ccb,-86px 0 0 -5px #ccb,-87px 0 0 -5px #ccb,-88px 0 0 -5px #ccb,-89px 0 0 -5px #ccb,-90px 0 0 -5px #ccb,-91px 0 0 -5px #ccb,-92px 0 0 -5px #ccb,-93px 0 0 -5px #ccb,-94px 0 0 -5px #ccb, -95px 0 0 -5px #ccb, -96px 0 0 -5px #ccb,-97px 0 0 -5px #ccb,-98px 0 0 -5px #ccb,-99px 0 0 -5px #ccb,-100px 0 0 -5px #ccb, -101px 0 0 -5px #ccb,-102px 0 0 -5px #ccb,-103px 0 0 -5px #ccb,-104px 0 0 -5px #ccb,-105px 0 0 -5px #ccb, -106px 0 0 -5px #ccb,-107px 0 0 -5px #ccb,-108px 0 0 -5px #ccb,-109px 0 0 -5px #ccb,-110px 0 0 -5px #ccb, -111px 0 0 -5px #ccb,-112px 0 0 -5px #ccb,-113px 0 0 -5px #ccb,-114px 0 0 -5px #ccb,-115px 0 0 -5px #ccb,-116px 0 0 -5px #ccb,-117px 0 0 -5px #ccb,-118px 0 0 -5px #ccb,-119px 0 0 -5px #ccb, -120px 0 0 -5px #ccb, -121px 0 0 -5px #ccb,-122px 0 0 -5px #ccb,-123px 0 0 -5px #ccb,-124px 0 0 -5px #ccb,-125px 0 0 -5px #ccb, -126px 0 0 -5px #ccb,-127px 0 0 -5px #ccb,-128px 0 0 -5px #ccb,-129px 0 0 -5px #ccb,-130px 0 0 -5px #ccb, -131px 0 0 -5px #ccb,-132px 0 0 -5px #ccb,-133px 0 0 -5px #ccb,-134px 0 0 -5px #ccb,-135px 0 0 -5px #ccb, -136px 0 0 -5px #ccb,-137px 0 0 -5px #ccb,-138px 0 0 -5px #ccb,-139px 0 0 -5px #ccb,-140px 0 0 -5px #ccb, -141px 0 0 -5px #ccb,-142px 0 0 -5px #ccb,-143px 0 0 -5px #ccb,-144px 0 0 -5px #ccb,-145px 0 0 -5px #ccb, -146px 0 0 -5px #ccb,-147px 0 0 -5px #ccb,-148px 0 0 -5px #ccb,-149px 0 0 -5px #ccb,-150px 0 0 -5px #ccb, -151px 0 0 -5px #ccb,-152px 0 0 -5px #ccb,-153px 0 0 -5px #ccb,-154px 0 0 -5px #ccb, -155px 0 0 -5px #ccb, -156px 0 0 -5px #ccb,-157px 0 0 -5px #ccb,-158px 0 0 -5px #ccb,-159px 0 0 -5px #ccb,-160px 0 0 -5px #ccb, -161px 0 0 -5px #ccb,-162px 0 0 -5px #ccb,-163px 0 0 -5px #ccb,-164px 0 0 -5px #ccb,-165px 0 0 -5px #ccb, -166px 0 0 -5px #ccb,-167px 0 0 -5px #ccb,-168px 0 0 -5px #ccb,-169px 0 0 -5px #ccb,-170px 0 0 -5px #ccb, -171px 0 0 -5px #ccb, -172px 0 0 -5px #ccb,-173px 0 0 -5px #ccb,-174px 0 0 -5px #ccb,-175px 0 0 -5px #ccb, -176px 0 0 -5px #ccb,-177px 0 0 -5px #ccb,-178px 0 0 -5px #ccb,-179px 0 0 -5px #ccb,-180px 0 0 -5px #ccb, -181px 0 0 -5px #ccb,-182px 0 0 -5px #ccb,-183px 0 0 -5px #ccb,-184px 0 0 -5px #ccb,-185px 0 0 -5px #ccb, -186px 0 0 -5px #ccb,-187px 0 0 -5px #ccb,-188px 0 0 -5px #ccb, -189px 0 0 -5px #ccb,-190px 0 0 -5px #ccb,-191px 0 0 -5px #ccb,-192px 0 0 -5px #ccb,-193px 0 0 -5px #ccb,-194px 0 0 -5px #ccb, -195px 0 0 -5px #ccb, -196px 0 0 -5px #ccb,-197px 0 0 -5px #ccb,-198px 0 0 -5px #ccb,-199px 0 0 -5px #ccb,-200px 0 0 -5px #ccb, -201px 0 0 -5px #ccb,-202px 0 0 -5px #ccb,-203px 0 0 -5px #ccb,-204px 0 0 -5px #ccb,-205px 0 0 -5px #ccb, -2061px 0 0 -5px #ccb,-207px 0 0 -5px #ccb,-208px 0 0 -5px #ccb,-209px 0 0 -5px #ccb,-210px 0 0 -5px #ccb, -211px 0 0 -5px #ccb,-212px 0 0 -5px #ccb,-213px 0 0 -5px #ccb,-214px 0 0 -5px #ccb,-215px 0 0 0 #ccb;
}



.kanBanCardMorePopup .progressOnTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #01c971,-6px 0 0 -5px #01c971,-7px 0 0 -5px #01c971,-8px 0 0 -5px #01c971,-9px 0 0 -5px #01c971, -10px 0 0 -5px #01c971,-11px 0 0 -5px #01c971,-12px 0 0 -5px #01c971,-13px 0 0 -5px #01c971,-14px 0 0 -5px #01c971, -15px 0 0 -5px #01c971,-15px 0 0 -5px #01c971,-16px 0 0 -5px #01c971,-17px 0 0 -5px #01c971,-18px 0 0 -5px #01c971,-19px 0 0 -5px #01c971,-20px 0 0 -5px #01c971, -21px 0 0 -5px #01c971,-22px 0 0 -5px #01c971,-23px 0 0 -5px #01c971,-24px 0 0 -5px #01c971,-25px 0 0 -5px #01c971, -26px 0 0 -5px #01c971,-27px 0 0 -5px #01c971,-28px 0 0 -5px #01c971,-29px 0 0 -5px #01c971,-30px 0 0 -5px #01c971, -31px 0 0 -5px #01c971,-32px 0 0 -5px #01c971,-33px 0 0 -5px #01c971,-34px 0 0 -5px #01c971,-35px 0 0 -5px #01c971, -36px 0 0 -5px #01c971,-37px 0 0 -5px #01c971,-38px 0 0 -5px #01c971,-39px 0 0 -5px #01c971,-40px 0 0 -5px #01c971, -11px 0 0 -5px #01c971,-42px 0 0 -5px #01c971,-43px 0 0 -5px #01c971,-44px 0 0 -5px #01c971,-45px 0 0 -5px #01c971, -46px 0 0 -5px #01c971,-47px 0 0 -5px #01c971,-48px 0 0 -5px #01c971,-49px 0 0 -5px #01c971,-50px 0 0 -5px #01c971, -51px 0 0 -5px #01c971,-52px 0 0 -5px #01c971,-53px 0 0 -5px #01c971,-54px 0 0 -5px #01c971,-55px 0 0 -5px #01c971, -56px 0 0 -5px #01c971,-57px 0 0 -5px #01c971,-58px 0 0 -5px #01c971,-59px 0 0 -5px #01c971,-60px 0 0 -5px #01c971, -61px 0 0 -5px #01c971,-62px 0 0 -5px #01c971,-63px 0 0 -5px #01c971,-64px 0 0 -5px #01c971,-65px 0 0 -5px #01c971, -66px 0 0 -5px #01c971,-67px 0 0 -5px #01c971,-68px 0 0 -5px #01c971,-69px 0 0 -5px #01c971,-70px 0 0 -5px #01c971, -71px 0 0 -5px #01c971,-72px 0 0 -5px #01c971,-73px 0 0 -5px #01c971,-74px 0 0 -5px #01c971,-75px 0 0 -5px #01c971,-76px 0 0 -5px #01c971,-77px 0 0 -5px #01c971,-78px 0 0 -5px #01c971,-79px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -81px 0 0 -5px #01c971,-82px 0 0 -5px #01c971,-83px 0 0 -5px #01c971,-84px 0 0 -5px #01c971,-85px 0 0 -5px #01c971,-86px 0 0 -5px #01c971,-87px 0 0 -5px #01c971,-88px 0 0 -5px #01c971,-89px 0 0 -5px #01c971,-90px 0 0 -5px #01c971,-91px 0 0 -5px #01c971,-92px 0 0 -5px #01c971,-93px 0 0 -5px #01c971,-94px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -96px 0 0 -5px #01c971,-97px 0 0 -5px #01c971,-98px 0 0 -5px #01c971,-99px 0 0 -5px #01c971,-100px 0 0 -5px #01c971, -101px 0 0 -5px #01c971,-102px 0 0 -5px #01c971,-103px 0 0 -5px #01c971,-104px 0 0 -5px #01c971,-105px 0 0 -5px #01c971, -106px 0 0 -5px #01c971,-107px 0 0 -5px #01c971,-108px 0 0 -5px #01c971,-109px 0 0 -5px #01c971,-110px 0 0 -5px #01c971, -111px 0 0 -5px #01c971,-112px 0 0 -5px #01c971,-113px 0 0 -5px #01c971,-114px 0 0 -5px #01c971,-115px 0 0 -5px #01c971,-116px 0 0 -5px #01c971,-117px 0 0 -5px #01c971,-118px 0 0 -5px #01c971,-119px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -121px 0 0 -5px #01c971,-122px 0 0 -5px #01c971,-123px 0 0 -5px #01c971,-124px 0 0 -5px #01c971,-125px 0 0 -5px #01c971, -126px 0 0 -5px #01c971,-127px 0 0 -5px #01c971,-128px 0 0 -5px #01c971,-129px 0 0 -5px #01c971,-130px 0 0 -5px #01c971, -131px 0 0 -5px #01c971,-132px 0 0 -5px #01c971,-133px 0 0 -5px #01c971,-134px 0 0 -5px #01c971,-135px 0 0 -5px #01c971, -136px 0 0 -5px #01c971,-137px 0 0 -5px #01c971,-138px 0 0 -5px #01c971,-139px 0 0 -5px #01c971,-140px 0 0 -5px #01c971, -141px 0 0 -5px #01c971,-142px 0 0 -5px #01c971,-143px 0 0 -5px #01c971,-144px 0 0 -5px #01c971,-145px 0 0 -5px #01c971, -146px 0 0 -5px #01c971,-147px 0 0 -5px #01c971,-148px 0 0 -5px #01c971,-149px 0 0 -5px #01c971,-150px 0 0 -5px #01c971, -151px 0 0 -5px #01c971,-152px 0 0 -5px #01c971,-153px 0 0 -5px #01c971,-154px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -156px 0 0 -5px #01c971,-157px 0 0 -5px #01c971,-158px 0 0 -5px #01c971,-159px 0 0 -5px #01c971,-160px 0 0 -5px #01c971, -161px 0 0 -5px #01c971,-162px 0 0 -5px #01c971,-163px 0 0 -5px #01c971,-164px 0 0 -5px #01c971,-165px 0 0 -5px #01c971, -166px 0 0 -5px #01c971,-167px 0 0 -5px #01c971,-168px 0 0 -5px #01c971,-169px 0 0 -5px #01c971,-170px 0 0 -5px #01c971, -171px 0 0 -5px #01c971, -172px 0 0 -5px #01c971,-173px 0 0 -5px #01c971,-174px 0 0 -5px #01c971,-175px 0 0 -5px #01c971, -176px 0 0 -5px #01c971,-177px 0 0 -5px #01c971,-178px 0 0 -5px #01c971,-179px 0 0 -5px #01c971,-180px 0 0 -5px #01c971, -181px 0 0 -5px #01c971,-182px 0 0 -5px #01c971,-183px 0 0 -5px #01c971,-184px 0 0 -5px #01c971,-185px 0 0 -5px #01c971, -186px 0 0 -5px #01c971,-187px 0 0 -5px #01c971,-188px 0 0 -5px #01c971, -189px 0 0 -5px #01c971,-190px 0 0 -5px #01c971,-191px 0 0 -5px #01c971,-192px 0 0 -5px #01c971,-193px 0 0 -5px #01c971,-194px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -196px 0 0 -5px #01c971,-197px 0 0 -5px #01c971,-198px 0 0 -5px #01c971,-199px 0 0 -5px #01c971,-200px 0 0 -5px #01c971, -201px 0 0 -5px #01c971,-202px 0 0 -5px #01c971,-203px 0 0 -5px #01c971,-204px 0 0 -5px #01c971,-205px 0 0 -5px #01c971, -2061px 0 0 -5px #01c971,-207px 0 0 -5px #01c971,-208px 0 0 -5px #01c971,-209px 0 0 -5px #01c971,-210px 0 0 -5px #01c971, -211px 0 0 -5px #01c971,-212px 0 0 -5px #01c971,-213px 0 0 -5px #01c971,-214px 0 0 -5px #01c971,-215px 0 0 0 #01c971;
}


.kanBanCardMorePopup .progressMonitor .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ffcb2c,-6px 0 0 -5px #ffcb2c,-7px 0 0 -5px #ffcb2c,-8px 0 0 -5px #ffcb2c,-9px 0 0 -5px #ffcb2c, -10px 0 0 -5px #ffcb2c,-11px 0 0 -5px #ffcb2c,-12px 0 0 -5px #ffcb2c,-13px 0 0 -5px #ffcb2c,-14px 0 0 -5px #ffcb2c, -15px 0 0 -5px #ffcb2c,-15px 0 0 -5px #ffcb2c,-16px 0 0 -5px #ffcb2c,-17px 0 0 -5px #ffcb2c,-18px 0 0 -5px #ffcb2c,-19px 0 0 -5px #ffcb2c,-20px 0 0 -5px #ffcb2c, -21px 0 0 -5px #ffcb2c,-22px 0 0 -5px #ffcb2c,-23px 0 0 -5px #ffcb2c,-24px 0 0 -5px #ffcb2c,-25px 0 0 -5px #ffcb2c, -26px 0 0 -5px #ffcb2c,-27px 0 0 -5px #ffcb2c,-28px 0 0 -5px #ffcb2c,-29px 0 0 -5px #ffcb2c,-30px 0 0 -5px #ffcb2c, -31px 0 0 -5px #ffcb2c,-32px 0 0 -5px #ffcb2c,-33px 0 0 -5px #ffcb2c,-34px 0 0 -5px #ffcb2c,-35px 0 0 -5px #ffcb2c, -36px 0 0 -5px #ffcb2c,-37px 0 0 -5px #ffcb2c,-38px 0 0 -5px #ffcb2c,-39px 0 0 -5px #ffcb2c,-40px 0 0 -5px #ffcb2c, -11px 0 0 -5px #ffcb2c,-42px 0 0 -5px #ffcb2c,-43px 0 0 -5px #ffcb2c,-44px 0 0 -5px #ffcb2c,-45px 0 0 -5px #ffcb2c, -46px 0 0 -5px #ffcb2c,-47px 0 0 -5px #ffcb2c,-48px 0 0 -5px #ffcb2c,-49px 0 0 -5px #ffcb2c,-50px 0 0 -5px #ffcb2c, -51px 0 0 -5px #ffcb2c,-52px 0 0 -5px #ffcb2c,-53px 0 0 -5px #ffcb2c,-54px 0 0 -5px #ffcb2c,-55px 0 0 -5px #ffcb2c, -56px 0 0 -5px #ffcb2c,-57px 0 0 -5px #ffcb2c,-58px 0 0 -5px #ffcb2c,-59px 0 0 -5px #ffcb2c,-60px 0 0 -5px #ffcb2c, -61px 0 0 -5px #ffcb2c,-62px 0 0 -5px #ffcb2c,-63px 0 0 -5px #ffcb2c,-64px 0 0 -5px #ffcb2c,-65px 0 0 -5px #ffcb2c, -66px 0 0 -5px #ffcb2c,-67px 0 0 -5px #ffcb2c,-68px 0 0 -5px #ffcb2c,-69px 0 0 -5px #ffcb2c,-70px 0 0 -5px #ffcb2c, -71px 0 0 -5px #ffcb2c,-72px 0 0 -5px #ffcb2c,-73px 0 0 -5px #ffcb2c,-74px 0 0 -5px #ffcb2c,-75px 0 0 -5px #ffcb2c,-76px 0 0 -5px #ffcb2c,-77px 0 0 -5px #ffcb2c,-78px 0 0 -5px #ffcb2c,-79px 0 0 -5px #ffcb2c, -80px 0 0 -5px #ffcb2c, -81px 0 0 -5px #ffcb2c,-82px 0 0 -5px #ffcb2c,-83px 0 0 -5px #ffcb2c,-84px 0 0 -5px #ffcb2c,-85px 0 0 -5px #ffcb2c,-86px 0 0 -5px #ffcb2c,-87px 0 0 -5px #ffcb2c,-88px 0 0 -5px #ffcb2c,-89px 0 0 -5px #ffcb2c,-90px 0 0 -5px #ffcb2c,-91px 0 0 -5px #ffcb2c,-92px 0 0 -5px #ffcb2c,-93px 0 0 -5px #ffcb2c,-94px 0 0 -5px #ffcb2c, -95px 0 0 -5px #ffcb2c, -96px 0 0 -5px #ffcb2c,-97px 0 0 -5px #ffcb2c,-98px 0 0 -5px #ffcb2c,-99px 0 0 -5px #ffcb2c,-100px 0 0 -5px #ffcb2c, -101px 0 0 -5px #ffcb2c,-102px 0 0 -5px #ffcb2c,-103px 0 0 -5px #ffcb2c,-104px 0 0 -5px #ffcb2c,-105px 0 0 -5px #ffcb2c, -106px 0 0 -5px #ffcb2c,-107px 0 0 -5px #ffcb2c,-108px 0 0 -5px #ffcb2c,-109px 0 0 -5px #ffcb2c,-110px 0 0 -5px #ffcb2c, -111px 0 0 -5px #ffcb2c,-112px 0 0 -5px #ffcb2c,-113px 0 0 -5px #ffcb2c,-114px 0 0 -5px #ffcb2c,-115px 0 0 -5px #ffcb2c,-116px 0 0 -5px #ffcb2c,-117px 0 0 -5px #ffcb2c,-118px 0 0 -5px #ffcb2c,-119px 0 0 -5px #ffcb2c, -120px 0 0 -5px #ffcb2c, -121px 0 0 -5px #ffcb2c,-122px 0 0 -5px #ffcb2c,-123px 0 0 -5px #ffcb2c,-124px 0 0 -5px #ffcb2c,-125px 0 0 -5px #ffcb2c, -126px 0 0 -5px #ffcb2c,-127px 0 0 -5px #ffcb2c,-128px 0 0 -5px #ffcb2c,-129px 0 0 -5px #ffcb2c,-130px 0 0 -5px #ffcb2c, -131px 0 0 -5px #ffcb2c,-132px 0 0 -5px #ffcb2c,-133px 0 0 -5px #ffcb2c,-134px 0 0 -5px #ffcb2c,-135px 0 0 -5px #ffcb2c, -136px 0 0 -5px #ffcb2c,-137px 0 0 -5px #ffcb2c,-138px 0 0 -5px #ffcb2c,-139px 0 0 -5px #ffcb2c,-140px 0 0 -5px #ffcb2c, -141px 0 0 -5px #ffcb2c,-142px 0 0 -5px #ffcb2c,-143px 0 0 -5px #ffcb2c,-144px 0 0 -5px #ffcb2c,-145px 0 0 -5px #ffcb2c, -146px 0 0 -5px #ffcb2c,-147px 0 0 -5px #ffcb2c,-148px 0 0 -5px #ffcb2c,-149px 0 0 -5px #ffcb2c,-150px 0 0 -5px #ffcb2c, -151px 0 0 -5px #ffcb2c,-152px 0 0 -5px #ffcb2c,-153px 0 0 -5px #ffcb2c,-154px 0 0 -5px #ffcb2c, -155px 0 0 -5px #ffcb2c, -156px 0 0 -5px #ffcb2c,-157px 0 0 -5px #ffcb2c,-158px 0 0 -5px #ffcb2c,-159px 0 0 -5px #ffcb2c,-160px 0 0 -5px #ffcb2c, -161px 0 0 -5px #ffcb2c,-162px 0 0 -5px #ffcb2c,-163px 0 0 -5px #ffcb2c,-164px 0 0 -5px #ffcb2c,-165px 0 0 -5px #ffcb2c, -166px 0 0 -5px #ffcb2c,-167px 0 0 -5px #ffcb2c,-168px 0 0 -5px #ffcb2c,-169px 0 0 -5px #ffcb2c,-170px 0 0 -5px #ffcb2c, -171px 0 0 -5px #ffcb2c, -172px 0 0 -5px #ffcb2c,-173px 0 0 -5px #ffcb2c,-174px 0 0 -5px #ffcb2c,-175px 0 0 -5px #ffcb2c, -176px 0 0 -5px #ffcb2c,-177px 0 0 -5px #ffcb2c,-178px 0 0 -5px #ffcb2c,-179px 0 0 -5px #ffcb2c,-180px 0 0 -5px #ffcb2c, -181px 0 0 -5px #ffcb2c,-182px 0 0 -5px #ffcb2c,-183px 0 0 -5px #ffcb2c,-184px 0 0 -5px #ffcb2c,-185px 0 0 -5px #ffcb2c, -186px 0 0 -5px #ffcb2c,-187px 0 0 -5px #ffcb2c,-188px 0 0 -5px #ffcb2c, -189px 0 0 -5px #ffcb2c,-190px 0 0 -5px #ffcb2c,-191px 0 0 -5px #ffcb2c,-192px 0 0 -5px #ffcb2c,-193px 0 0 -5px #ffcb2c,-194px 0 0 -5px #ffcb2c, -195px 0 0 -5px #ffcb2c, -196px 0 0 -5px #ffcb2c,-197px 0 0 -5px #ffcb2c,-198px 0 0 -5px #ffcb2c,-199px 0 0 -5px #ffcb2c,-200px 0 0 -5px #ffcb2c, -201px 0 0 -5px #ffcb2c,-202px 0 0 -5px #ffcb2c,-203px 0 0 -5px #ffcb2c,-204px 0 0 -5px #ffcb2c,-205px 0 0 -5px #ffcb2c, -2061px 0 0 -5px #ffcb2c,-207px 0 0 -5px #ffcb2c,-208px 0 0 -5px #ffcb2c,-209px 0 0 -5px #ffcb2c,-210px 0 0 -5px #ffcb2c, -211px 0 0 -5px #ffcb2c,-212px 0 0 -5px #ffcb2c,-213px 0 0 -5px #ffcb2c,-214px 0 0 -5px #ffcb2c,-215px 0 0 0 #ffcb2c;
}



.kanBanCardMorePopup .progressOffTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #e44259,-6px 0 0 -5px #e44259,-7px 0 0 -5px #e44259,-8px 0 0 -5px #e44259,-9px 0 0 -5px #e44259, -10px 0 0 -5px #e44259,-11px 0 0 -5px #e44259,-12px 0 0 -5px #e44259,-13px 0 0 -5px #e44259,-14px 0 0 -5px #e44259, -15px 0 0 -5px #e44259,-15px 0 0 -5px #e44259,-16px 0 0 -5px #e44259,-17px 0 0 -5px #e44259,-18px 0 0 -5px #e44259,-19px 0 0 -5px #e44259,-20px 0 0 -5px #e44259, -21px 0 0 -5px #e44259,-22px 0 0 -5px #e44259,-23px 0 0 -5px #e44259,-24px 0 0 -5px #e44259,-25px 0 0 -5px #e44259, -26px 0 0 -5px #e44259,-27px 0 0 -5px #e44259,-28px 0 0 -5px #e44259,-29px 0 0 -5px #e44259,-30px 0 0 -5px #e44259, -31px 0 0 -5px #e44259,-32px 0 0 -5px #e44259,-33px 0 0 -5px #e44259,-34px 0 0 -5px #e44259,-35px 0 0 -5px #e44259, -36px 0 0 -5px #e44259,-37px 0 0 -5px #e44259,-38px 0 0 -5px #e44259,-39px 0 0 -5px #e44259,-40px 0 0 -5px #e44259, -11px 0 0 -5px #e44259,-42px 0 0 -5px #e44259,-43px 0 0 -5px #e44259,-44px 0 0 -5px #e44259,-45px 0 0 -5px #e44259, -46px 0 0 -5px #e44259,-47px 0 0 -5px #e44259,-48px 0 0 -5px #e44259,-49px 0 0 -5px #e44259,-50px 0 0 -5px #e44259, -51px 0 0 -5px #e44259,-52px 0 0 -5px #e44259,-53px 0 0 -5px #e44259,-54px 0 0 -5px #e44259,-55px 0 0 -5px #e44259, -56px 0 0 -5px #e44259,-57px 0 0 -5px #e44259,-58px 0 0 -5px #e44259,-59px 0 0 -5px #e44259,-60px 0 0 -5px #e44259, -61px 0 0 -5px #e44259,-62px 0 0 -5px #e44259,-63px 0 0 -5px #e44259,-64px 0 0 -5px #e44259,-65px 0 0 -5px #e44259, -66px 0 0 -5px #e44259,-67px 0 0 -5px #e44259,-68px 0 0 -5px #e44259,-69px 0 0 -5px #e44259,-70px 0 0 -5px #e44259, -71px 0 0 -5px #e44259,-72px 0 0 -5px #e44259,-73px 0 0 -5px #e44259,-74px 0 0 -5px #e44259,-75px 0 0 -5px #e44259,-76px 0 0 -5px #e44259,-77px 0 0 -5px #e44259,-78px 0 0 -5px #e44259,-79px 0 0 -5px #e44259, -80px 0 0 -5px #e44259, -81px 0 0 -5px #e44259,-82px 0 0 -5px #e44259,-83px 0 0 -5px #e44259,-84px 0 0 -5px #e44259,-85px 0 0 -5px #e44259,-86px 0 0 -5px #e44259,-87px 0 0 -5px #e44259,-88px 0 0 -5px #e44259,-89px 0 0 -5px #e44259,-90px 0 0 -5px #e44259,-91px 0 0 -5px #e44259,-92px 0 0 -5px #e44259,-93px 0 0 -5px #e44259,-94px 0 0 -5px #e44259, -95px 0 0 -5px #e44259, -96px 0 0 -5px #e44259,-97px 0 0 -5px #e44259,-98px 0 0 -5px #e44259,-99px 0 0 -5px #e44259,-100px 0 0 -5px #e44259, -101px 0 0 -5px #e44259,-102px 0 0 -5px #e44259,-103px 0 0 -5px #e44259,-104px 0 0 -5px #e44259,-105px 0 0 -5px #e44259, -106px 0 0 -5px #e44259,-107px 0 0 -5px #e44259,-108px 0 0 -5px #e44259,-109px 0 0 -5px #e44259,-110px 0 0 -5px #e44259, -111px 0 0 -5px #e44259,-112px 0 0 -5px #e44259,-113px 0 0 -5px #e44259,-114px 0 0 -5px #e44259,-115px 0 0 -5px #e44259,-116px 0 0 -5px #e44259,-117px 0 0 -5px #e44259,-118px 0 0 -5px #e44259,-119px 0 0 -5px #e44259, -120px 0 0 -5px #e44259, -121px 0 0 -5px #e44259,-122px 0 0 -5px #e44259,-123px 0 0 -5px #e44259,-124px 0 0 -5px #e44259,-125px 0 0 -5px #e44259, -126px 0 0 -5px #e44259,-127px 0 0 -5px #e44259,-128px 0 0 -5px #e44259,-129px 0 0 -5px #e44259,-130px 0 0 -5px #e44259, -131px 0 0 -5px #e44259,-132px 0 0 -5px #e44259,-133px 0 0 -5px #e44259,-134px 0 0 -5px #e44259,-135px 0 0 -5px #e44259, -136px 0 0 -5px #e44259,-137px 0 0 -5px #e44259,-138px 0 0 -5px #e44259,-139px 0 0 -5px #e44259,-140px 0 0 -5px #e44259, -141px 0 0 -5px #e44259,-142px 0 0 -5px #e44259,-143px 0 0 -5px #e44259,-144px 0 0 -5px #e44259,-145px 0 0 -5px #e44259, -146px 0 0 -5px #e44259,-147px 0 0 -5px #e44259,-148px 0 0 -5px #e44259,-149px 0 0 -5px #e44259,-150px 0 0 -5px #e44259, -151px 0 0 -5px #e44259,-152px 0 0 -5px #e44259,-153px 0 0 -5px #e44259,-154px 0 0 -5px #e44259, -155px 0 0 -5px #e44259, -156px 0 0 -5px #e44259,-157px 0 0 -5px #e44259,-158px 0 0 -5px #e44259,-159px 0 0 -5px #e44259,-160px 0 0 -5px #e44259, -161px 0 0 -5px #e44259,-162px 0 0 -5px #e44259,-163px 0 0 -5px #e44259,-164px 0 0 -5px #e44259,-165px 0 0 -5px #e44259, -166px 0 0 -5px #e44259,-167px 0 0 -5px #e44259,-168px 0 0 -5px #e44259,-169px 0 0 -5px #e44259,-170px 0 0 -5px #e44259, -171px 0 0 -5px #e44259, -172px 0 0 -5px #e44259,-173px 0 0 -5px #e44259,-174px 0 0 -5px #e44259,-175px 0 0 -5px #e44259, -176px 0 0 -5px #e44259,-177px 0 0 -5px #e44259,-178px 0 0 -5px #e44259,-179px 0 0 -5px #e44259,-180px 0 0 -5px #e44259, -181px 0 0 -5px #e44259,-182px 0 0 -5px #e44259,-183px 0 0 -5px #e44259,-184px 0 0 -5px #e44259,-185px 0 0 -5px #e44259, -186px 0 0 -5px #e44259,-187px 0 0 -5px #e44259,-188px 0 0 -5px #e44259, -189px 0 0 -5px #e44259,-190px 0 0 -5px #e44259,-191px 0 0 -5px #e44259,-192px 0 0 -5px #e44259,-193px 0 0 -5px #e44259,-194px 0 0 -5px #e44259, -195px 0 0 -5px #e44259, -196px 0 0 -5px #e44259,-197px 0 0 -5px #e44259,-198px 0 0 -5px #e44259,-199px 0 0 -5px #e44259,-200px 0 0 -5px #e44259, -201px 0 0 -5px #e44259,-202px 0 0 -5px #e44259,-203px 0 0 -5px #e44259,-204px 0 0 -5px #e44259,-205px 0 0 -5px #e44259, -2061px 0 0 -5px #e44259,-207px 0 0 -5px #e44259,-208px 0 0 -5px #e44259,-209px 0 0 -5px #e44259,-210px 0 0 -5px #e44259, -211px 0 0 -5px #e44259,-212px 0 0 -5px #e44259,-213px 0 0 -5px #e44259,-214px 0 0 -5px #e44259,-215px 0 0 0 #e44259;
}



.kanBanCardMorePopup .progressOffTrackZero .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px transparent,-6px 0 0 -5px transparent,-7px 0 0 -5px transparent,-8px 0 0 -5px transparent,-9px 0 0 -5px transparent, -10px 0 0 -5px transparent,-11px 0 0 -5px transparent,-12px 0 0 -5px transparent,-13px 0 0 -5px transparent,-14px 0 0 -5px transparent, -15px 0 0 -5px transparent,-15px 0 0 -5px transparent,-16px 0 0 -5px transparent,-17px 0 0 -5px transparent,-18px 0 0 -5px transparent,-19px 0 0 -5px transparent,-20px 0 0 -5px transparent, -21px 0 0 -5px transparent,-22px 0 0 -5px transparent,-23px 0 0 -5px transparent,-24px 0 0 -5px transparent,-25px 0 0 -5px transparent, -26px 0 0 -5px transparent,-27px 0 0 -5px transparent,-28px 0 0 -5px transparent,-29px 0 0 -5px transparent,-30px 0 0 -5px transparent, -31px 0 0 -5px transparent,-32px 0 0 -5px transparent,-33px 0 0 -5px transparent,-34px 0 0 -5px transparent,-35px 0 0 -5px transparent, -36px 0 0 -5px transparent,-37px 0 0 -5px transparent,-38px 0 0 -5px transparent,-39px 0 0 -5px transparent,-40px 0 0 -5px transparent, -11px 0 0 -5px transparent,-42px 0 0 -5px transparent,-43px 0 0 -5px transparent,-44px 0 0 -5px transparent,-45px 0 0 -5px transparent, -46px 0 0 -5px transparent,-47px 0 0 -5px transparent,-48px 0 0 -5px transparent,-49px 0 0 -5px transparent,-50px 0 0 -5px transparent, -51px 0 0 -5px transparent,-52px 0 0 -5px transparent,-53px 0 0 -5px transparent,-54px 0 0 -5px transparent,-55px 0 0 -5px transparent, -56px 0 0 -5px transparent,-57px 0 0 -5px transparent,-58px 0 0 -5px transparent,-59px 0 0 -5px transparent,-60px 0 0 -5px transparent, -61px 0 0 -5px transparent,-62px 0 0 -5px transparent,-63px 0 0 -5px transparent,-64px 0 0 -5px transparent,-65px 0 0 -5px transparent, -66px 0 0 -5px transparent,-67px 0 0 -5px transparent,-68px 0 0 -5px transparent,-69px 0 0 -5px transparent,-70px 0 0 -5px transparent, -71px 0 0 -5px transparent,-72px 0 0 -5px transparent,-73px 0 0 -5px transparent,-74px 0 0 -5px transparent,-75px 0 0 -5px transparent,-76px 0 0 -5px transparent,-77px 0 0 -5px transparent,-78px 0 0 -5px transparent,-79px 0 0 -5px transparent, -80px 0 0 -5px transparent, -81px 0 0 -5px transparent,-82px 0 0 -5px transparent,-83px 0 0 -5px transparent,-84px 0 0 -5px transparent,-85px 0 0 -5px transparent,-86px 0 0 -5px transparent,-87px 0 0 -5px transparent,-88px 0 0 -5px transparent,-89px 0 0 -5px transparent,-90px 0 0 -5px transparent,-91px 0 0 -5px transparent,-92px 0 0 -5px transparent,-93px 0 0 -5px transparent,-94px 0 0 -5px transparent, -95px 0 0 -5px transparent, -96px 0 0 -5px transparent,-97px 0 0 -5px transparent,-98px 0 0 -5px transparent,-99px 0 0 -5px transparent,-100px 0 0 -5px transparent, -101px 0 0 -5px transparent,-102px 0 0 -5px transparent,-103px 0 0 -5px transparent,-104px 0 0 -5px transparent,-105px 0 0 -5px transparent, -106px 0 0 -5px transparent,-107px 0 0 -5px transparent,-108px 0 0 -5px transparent,-109px 0 0 -5px transparent,-110px 0 0 -5px transparent, -111px 0 0 -5px transparent,-112px 0 0 -5px transparent,-113px 0 0 -5px transparent,-114px 0 0 -5px transparent,-115px 0 0 -5px transparent,-116px 0 0 -5px transparent,-117px 0 0 -5px transparent,-118px 0 0 -5px transparent,-119px 0 0 -5px transparent, -120px 0 0 -5px transparent, -121px 0 0 -5px transparent,-122px 0 0 -5px transparent,-123px 0 0 -5px transparent,-124px 0 0 -5px transparent,-125px 0 0 -5px transparent, -126px 0 0 -5px transparent,-127px 0 0 -5px transparent,-128px 0 0 -5px transparent,-129px 0 0 -5px transparent,-130px 0 0 -5px transparent, -131px 0 0 -5px transparent,-132px 0 0 -5px transparent,-133px 0 0 -5px transparent,-134px 0 0 -5px transparent,-135px 0 0 -5px transparent, -136px 0 0 -5px transparent,-137px 0 0 -5px transparent,-138px 0 0 -5px transparent,-139px 0 0 -5px transparent,-140px 0 0 -5px transparent, -141px 0 0 -5px transparent,-142px 0 0 -5px transparent,-143px 0 0 -5px transparent,-144px 0 0 -5px transparent,-145px 0 0 -5px transparent, -146px 0 0 -5px transparent,-147px 0 0 -5px transparent,-148px 0 0 -5px transparent,-149px 0 0 -5px transparent,-150px 0 0 -5px transparent, -151px 0 0 -5px transparent,-152px 0 0 -5px transparent,-153px 0 0 -5px transparent,-154px 0 0 -5px transparent, -155px 0 0 -5px transparent, -156px 0 0 -5px transparent,-157px 0 0 -5px transparent,-158px 0 0 -5px transparent,-159px 0 0 -5px transparent,-160px 0 0 -5px transparent, -161px 0 0 -5px transparent,-162px 0 0 -5px transparent,-163px 0 0 -5px transparent,-164px 0 0 -5px transparent,-165px 0 0 -5px transparent, -166px 0 0 -5px transparent,-167px 0 0 -5px transparent,-168px 0 0 -5px transparent,-169px 0 0 -5px transparent,-170px 0 0 -5px transparent, -171px 0 0 -5px transparent, -172px 0 0 -5px transparent,-173px 0 0 -5px transparent,-174px 0 0 -5px transparent,-175px 0 0 -5px transparent, -176px 0 0 -5px transparent,-177px 0 0 -5px transparent,-178px 0 0 -5px transparent,-179px 0 0 -5px transparent,-180px 0 0 -5px transparent, -181px 0 0 -5px transparent,-182px 0 0 -5px transparent,-183px 0 0 -5px transparent,-184px 0 0 -5px transparent,-185px 0 0 -5px transparent, -186px 0 0 -5px transparent,-187px 0 0 -5px transparent,-188px 0 0 -5px transparent, -189px 0 0 -5px transparent,-190px 0 0 -5px transparent,-191px 0 0 -5px transparent,-192px 0 0 -5px transparent,-193px 0 0 -5px transparent,-194px 0 0 -5px transparent, -195px 0 0 -5px transparent, -196px 0 0 -5px transparent,-197px 0 0 -5px transparent,-198px 0 0 -5px transparent,-199px 0 0 -5px transparent,-200px 0 0 -5px transparent, -201px 0 0 -5px transparent,-202px 0 0 -5px transparent,-203px 0 0 -5px transparent,-204px 0 0 -5px transparent,-205px 0 0 -5px transparent, -2061px 0 0 -5px transparent,-207px 0 0 -5px transparent,-208px 0 0 -5px transparent,-209px 0 0 -5px transparent,-210px 0 0 -5px transparent, -211px 0 0 -5px transparent,-212px 0 0 -5px transparent,-213px 0 0 -5px transparent,-214px 0 0 -5px transparent,-215px 0 0 0 transparent;
}


.kanBanCardMorePopup .projectListProgress {
    margin-top: 10px;
    margin-right: -10px;
}

.kanBanCardMorePopup input[type="range"] {
    display: initial;
}

.TaskPlanningkanbanBlock .progressOnTrack .bar::-webkit-slider-thumb:hover, .TaskPlanningkanbanBlock .progressOffTrackZero .bar::-webkit-slider-thumb:hover, .TaskPlanningkanbanBlock .progressOffTrack .bar::-webkit-slider-thumb:hover, .TaskPlanningkanbanBlock .progressMonitor .bar::-webkit-slider-thumb:hover, .TaskPlanningkanbanBlock .progressDefault .bar::-webkit-slider-thumb:hover,
.kanBanCardMorePopup .progressOnTrack .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressOffTrackZero .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressOffTrack .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressMonitor .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressDefault .bar::-webkit-slider-thumb:hover {
    background: #22405a;
    transition: 0.7s;
}

/********************** Kanban View ********************************/

.kanBanCardMorePopup input[type=number] {
    width: 21% !important;
}

.kanBanCardMorePopup input[type=text] {
    width: 91%;
}

.kanBanCardMorePopup select {
    width: 21% !important;
}

.kanBanCardMorePopup input.hasDatepicker {
    width: 140px !important;
    background: url('../../resources/images//ToolBar/kanBanCalendar.svg') no-repeat 118px center !important;
    background-size: 16px !important;
    cursor:pointer;
}

input#percentageTask {
    width: 50px !important;
}

.kanbanArea, .kanbanArea .panel-body, .kanbanArea #templateTaskKanBanAppend, .kanbanArea .panel-collapse {
    height: 100%;
}

.kanbanArea {
    height: 97%;
}

#HubContent .kanbanArea .panel-body {
    padding-top: 0px !important;
}

#HubContent #TaskPlanningKanBanMainContent {
    padding-top: 5px !important;
}

#HubContent #divTaskPlanningKanBan {
    padding-top: 5px;
}

#HubContent #templateTaskKanBanAppend .panel-heading {
    margin-bottom: 15px;
}


#HubContent .adJustHubKanbanMenu {
    padding-top: 10px !important;
}

.QUKanBanImg img {
    height: 22px;
    margin-left: -10px;
    margin-top: 2px;
}

.projectGrouping .kanBanViewAccordion {
    padding-left: 30px;
}


.kanBanViewProjectAccordion.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e252";
    float: left;
    transition: all 0.5s;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 2px;
}

.kanBanViewProjectAccordion.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px;
    margin-top: 0px;
    font-size: 12px;
}

.kanBanViewProjectAccordion.panel-heading {
    margin-bottom: 10px;
}

.divKanBanBoard:hover {
    box-shadow: 0 0 9px rgba(33,33,33,.4);
    transition: box-shadow 0.4s ease-in;
}

.kanBanCardRoList.dropdown-menu img.kanBanCardCircle:hover {
    box-shadow: 0 0 7px rgba(20,88,255,1);
    transition: box-shadow 0.7s auto;
    border-style: none;
}


.kanBanViewProjectAccordion:hover, .kanBanViewAccordion:hover {
    box-shadow: 0 0 7px rgba(20,88,255,1) !important;
    transition: box-shadow 0.3s ease-in;
}

#ShowTaskDetailsDiv span.mandatoryIcon.glyphicon {
    color: red;
    top: 2px;
    margin-left: -9px;
}



.divKanBanBoard {
    background-color: #bad9f3;
    border-radius: 7px;
    padding: 15px 10px;
    /*min-width: 240px;*/
    /*float: left;*/
    border: 1px solid #cfcece;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    position: relative;
    /*width:19%;*/
}

.divKanBanBoardContainer {
    min-width: 230px;
    float: left;
    width: 19.2%;
    margin: 0 5px;
    /*border: 1px dashed #ccc;*/
    border-radius: 7px;
    height: 100%;
    /*min-height:600px;*/
}



    .divKanBanBoardContainer:focus {
        border: 1px dashed #ccc;
    }


.divKanBanBoardOuter {
    min-width: 1250px;
    /*padding-bottom: 50px;*/
    /*display: table;*/
    width: 100%;
    /*height:100%;*/
}

.divKanBanBoardScroll {
    /*overflow-x:auto*/
    display: inline-flex;
    width: 100%;
    height: 100%;
}

.divKanBanBoardDisplayName {
    font-family: Roboto Medium, Roboto, Arial;
    font-weight: 500;
    font-size: 15px;
    color: #294861;
    /*margin-left: 10px;*/
}

.divKanBanBoard ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
}

.TaskPlanningkanbanBlock {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #cfcece;
    padding: 10px;
    margin-top: 10px;
}



#templateTaskKanBanAppend .panel-heading {
    border: 1px solid #cfcece;
    -webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 7px -2px rgba(0,0,0,0.24);
    background-color: #fff;
    cursor: pointer;
    margin-right: 5px;
}

    /*#templateTaskKanBanAppend .panel-heading h4 {
        font-size: 15px !important;
        color: #294861 !important;
        font-family: Roboto Medium, Roboto, Arial;
        white-space: now;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 1220px;
    }*/

        /*#templateTaskKanBanAppend .panel-heading h4 a, #templateTaskKanBanAppend .panel-heading h4 a:active, #templateTaskKanBanAppend .panel-heading h4 a:active, #templateTaskKanBanAppend .panel-heading h4 a:visited {
            color: #294861 !important;
            text-decoration: none;
        }*/


.TaskPlanningkanbanBlock .kanbantitle a, .TaskPlanningkanbanBlock .kanbantitle a:active, .TaskPlanningkanbanBlock .kanbantitle a:hover {
    font-family: Roboto Medium, Roboto, Arial;
    font-weight: 500;
    font-size: 13px;
    color: #294861;
    /*margin-left:10px;*/
    text-decoration: none;
    /*margin-left:15px;*/
    cursor: default;
}

/*.TaskPlanningkanbanBlock #slide {
    width: 146px !important;
}*/

.TaskPlanningkanbanBlock .projectListProgress .value {
    border-style: none;
    width: 45px;
    margin-left: 0px;
    color: #294861 !important;
    font-family: Roboto, Arial;
    font-weight: 500;
    margin-top: 0px;
    background-color: #fff;
    font-size: 14px !important;
}

.TaskPlanningkanbanBlock .symbol {
    margin-left: -16px !important;
    color: #294861 !important;
    position: relative;
    vertical-align: top;
    line-height: 18px;
    font-size: 14px !important;
}

.TaskPlanningkanbanBlock input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7;
}

#divTaskPlanningKanBan {
    /*background-color:#fff;*/
    width: 100%;
    /*height:500px;
     overflow:auto;*/
}

#TaskPlanningKanBanMainContent {
    /*height:500px;*/
    /*overflow: auto;*/
}

.kanBanIconRowCell {
    /*float:left;*/
    margin-right: 10px;
}

.kanBanCardCircle {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    display: table-cell;
    margin-right: -5px;
    border: 1px solid #fff;
    margin-top: -1px;
}

.kanBanCardCircleCount {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 80%;
    display: table-cell;
    margin-right: -5px;
    border: 1px solid #fff;
    margin-top: -1px;
    background-color: #21415A;
    color: #fff;
    z-index: 10;
    padding: 4px;
    cursor: pointer;
    padding-top: 4px;
    padding-left: 2px;
    text-align: center !important;
}


.kanBanCalendarIcon {
    height: 14px;
    margin-top: -3px;
    /*cursor: pointer;*/
}

.kanbantitle {
    margin-bottom: 5px;
}

.kanBanIconRow {
    margin-top: 7px;
}

.kanBanCommentIcon {
    width: 16px;
    cursor: pointer;
}

.kanBanAttachmentIcon {
    width: 16px;
    /*cursor: pointer;*/
}


label.kanBanCalendarLblId {
    font-weight: 400 !important;
    color: #888;
    font-size: 13px;
    font-family: Roboto;
}

.kanBanDelete {
    height: 16px;
    cursor: pointer;
}

.kanBanCardCircleAdjust {
    margin-top: -2px;
    margin-right: 0px;
}


.kanBanViewAccordion.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e252";
    float: left;
    transition: all 0.5s;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 2px;
}

.kanBanViewAccordion.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px;
    margin-top: 0px;
    font-size: 12px;
}

.kanBanCommentDialog {
    width: 600px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    height: auto !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

    .kanBanCommentDialog.ui-dialog .ui-widget-header {
        background-color: #fff !important;
        color: #444 !important;
        font-weight: 300;
        font-size: 20px !important;
    }

    .kanBanCommentDialog.ui-dialog .ui-dialog-titlebar {
        padding: 0px !important;
    }

    .kanBanCommentDialog.ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }


    .kanBanCommentDialog textarea {
        width: 100%;
        height: 170px;
        border-color: #ccc;
        border-radius: 5px !important;
        padding: 5px;
    }

button.kanBanCommentClose, button.kanBanCommentClose:focus, button.kanBanCommentClose:active {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/ToolbarClose.svg') no-repeat 10px center !important;
    margin: 0px !important;
}

button.kanBanCommentSave, button.kanBanCommentSave:focus, button.kanBanCommentSave:active {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/ToolbarSave.svg') no-repeat 10px center !important;
    background-size: 21px !important;
}

.kanBanCommentDialog .ui-button-text-only .ui-button-text {
    margin-left: 23px;
    padding: 6px 10px;
}

.kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border-radius: 30px !important;
}

    .kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active, .kanBanCommentDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus {
        background-color: initial !important;
        color: initial !important;
    }

#TaskPlanningKanBanMainContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#TaskPlanningKanBanMainContent::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

#TaskPlanningKanBanMainContent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


.TaskPlanningkanbanBlock input[type='range'] {
    -webkit-appearance: none;
    overflow: hidden;
    background-color: transparent;
    height: 22px;
    border-radius: 6px;
}

#divTaskPlanningKanBan input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 6px;
    border: none;
    border-radius: 6px;
}

.TaskPlanningkanbanBlock .projectListProgress input[type=range] {
    margin-top: 0px !important;
}


#divTaskPlanningKanBan .progressDefault .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ccb,-6px 0 0 -5px #ccb,-7px 0 0 -5px #ccb,-8px 0 0 -5px #ccb,-9px 0 0 -5px #ccb, -10px 0 0 -5px #ccb,-11px 0 0 -5px #ccb,-12px 0 0 -5px #ccb,-13px 0 0 -5px #ccb,-14px 0 0 -5px #ccb, -15px 0 0 -5px #ccb,-15px 0 0 -5px #ccb,-16px 0 0 -5px #ccb,-17px 0 0 -5px #ccb,-18px 0 0 -5px #ccb,-19px 0 0 -5px #ccb,-20px 0 0 -5px #ccb, -21px 0 0 -5px #ccb,-22px 0 0 -5px #ccb,-23px 0 0 -5px #ccb,-24px 0 0 -5px #ccb,-25px 0 0 -5px #ccb, -26px 0 0 -5px #ccb,-27px 0 0 -5px #ccb,-28px 0 0 -5px #ccb,-29px 0 0 -5px #ccb,-30px 0 0 -5px #ccb, -31px 0 0 -5px #ccb,-32px 0 0 -5px #ccb,-33px 0 0 -5px #ccb,-34px 0 0 -5px #ccb,-35px 0 0 -5px #ccb, -36px 0 0 -5px #ccb,-37px 0 0 -5px #ccb,-38px 0 0 -5px #ccb,-39px 0 0 -5px #ccb,-40px 0 0 -5px #ccb, -11px 0 0 -5px #ccb,-42px 0 0 -5px #ccb,-43px 0 0 -5px #ccb,-44px 0 0 -5px #ccb,-45px 0 0 -5px #ccb, -46px 0 0 -5px #ccb,-47px 0 0 -5px #ccb,-48px 0 0 -5px #ccb,-49px 0 0 -5px #ccb,-50px 0 0 -5px #ccb, -51px 0 0 -5px #ccb,-52px 0 0 -5px #ccb,-53px 0 0 -5px #ccb,-54px 0 0 -5px #ccb,-55px 0 0 -5px #ccb, -56px 0 0 -5px #ccb,-57px 0 0 -5px #ccb,-58px 0 0 -5px #ccb,-59px 0 0 -5px #ccb,-60px 0 0 -5px #ccb, -61px 0 0 -5px #ccb,-62px 0 0 -5px #ccb,-63px 0 0 -5px #ccb,-64px 0 0 -5px #ccb,-65px 0 0 -5px #ccb, -66px 0 0 -5px #ccb,-67px 0 0 -5px #ccb,-68px 0 0 -5px #ccb,-69px 0 0 -5px #ccb,-70px 0 0 -5px #ccb, -71px 0 0 -5px #ccb,-72px 0 0 -5px #ccb,-73px 0 0 -5px #ccb,-74px 0 0 -5px #ccb,-75px 0 0 -5px #ccb,-76px 0 0 -5px #ccb,-77px 0 0 -5px #ccb,-78px 0 0 -5px #ccb,-79px 0 0 -5px #ccb, -80px 0 0 -5px #ccb, -81px 0 0 -5px #ccb,-82px 0 0 -5px #ccb,-83px 0 0 -5px #ccb,-84px 0 0 -5px #ccb,-85px 0 0 -5px #ccb,-86px 0 0 -5px #ccb,-87px 0 0 -5px #ccb,-88px 0 0 -5px #ccb,-89px 0 0 -5px #ccb,-90px 0 0 -5px #ccb,-91px 0 0 -5px #ccb,-92px 0 0 -5px #ccb,-93px 0 0 -5px #ccb,-94px 0 0 -5px #ccb, -95px 0 0 -5px #ccb, -96px 0 0 -5px #ccb,-97px 0 0 -5px #ccb,-98px 0 0 -5px #ccb,-99px 0 0 -5px #ccb,-100px 0 0 -5px #ccb, -101px 0 0 -5px #ccb,-102px 0 0 -5px #ccb,-103px 0 0 -5px #ccb,-104px 0 0 -5px #ccb,-105px 0 0 -5px #ccb, -106px 0 0 -5px #ccb,-107px 0 0 -5px #ccb,-108px 0 0 -5px #ccb,-109px 0 0 -5px #ccb,-110px 0 0 -5px #ccb, -111px 0 0 -5px #ccb,-112px 0 0 -5px #ccb,-113px 0 0 -5px #ccb,-114px 0 0 -5px #ccb,-115px 0 0 -5px #ccb,-116px 0 0 -5px #ccb,-117px 0 0 -5px #ccb,-118px 0 0 -5px #ccb,-119px 0 0 -5px #ccb, -120px 0 0 -5px #ccb, -121px 0 0 -5px #ccb,-122px 0 0 -5px #ccb,-123px 0 0 -5px #ccb,-124px 0 0 -5px #ccb,-125px 0 0 -5px #ccb, -126px 0 0 -5px #ccb,-127px 0 0 -5px #ccb,-128px 0 0 -5px #ccb,-129px 0 0 -5px #ccb,-130px 0 0 -5px #ccb, -131px 0 0 -5px #ccb,-132px 0 0 -5px #ccb,-133px 0 0 -5px #ccb,-134px 0 0 -5px #ccb,-135px 0 0 -5px #ccb, -136px 0 0 -5px #ccb,-137px 0 0 -5px #ccb,-138px 0 0 -5px #ccb,-139px 0 0 -5px #ccb,-140px 0 0 -5px #ccb, -141px 0 0 -5px #ccb,-142px 0 0 -5px #ccb,-143px 0 0 -5px #ccb,-144px 0 0 -5px #ccb,-145px 0 0 -5px #ccb, -146px 0 0 -5px #ccb,-147px 0 0 -5px #ccb,-148px 0 0 -5px #ccb,-149px 0 0 -5px #ccb,-150px 0 0 -5px #ccb, -151px 0 0 -5px #ccb,-152px 0 0 -5px #ccb,-153px 0 0 -5px #ccb,-154px 0 0 -5px #ccb, -155px 0 0 -5px #ccb, -156px 0 0 -5px #ccb,-157px 0 0 -5px #ccb,-158px 0 0 -5px #ccb,-159px 0 0 -5px #ccb,-160px 0 0 -5px #ccb, -161px 0 0 -5px #ccb,-162px 0 0 -5px #ccb,-163px 0 0 -5px #ccb,-164px 0 0 -5px #ccb,-165px 0 0 -5px #ccb, -166px 0 0 -5px #ccb,-167px 0 0 -5px #ccb,-168px 0 0 -5px #ccb,-169px 0 0 -5px #ccb,-170px 0 0 -5px #ccb, -171px 0 0 -5px #ccb, -172px 0 0 -5px #ccb,-173px 0 0 -5px #ccb,-174px 0 0 -5px #ccb,-175px 0 0 -5px #ccb, -176px 0 0 -5px #ccb,-177px 0 0 -5px #ccb,-178px 0 0 -5px #ccb,-179px 0 0 -5px #ccb,-180px 0 0 -5px #ccb, -181px 0 0 -5px #ccb,-182px 0 0 -5px #ccb,-183px 0 0 -5px #ccb,-184px 0 0 -5px #ccb,-185px 0 0 -5px #ccb, -186px 0 0 -5px #ccb,-187px 0 0 -5px #ccb,-188px 0 0 -5px #ccb, -189px 0 0 -5px #ccb,-190px 0 0 -5px #ccb,-191px 0 0 -5px #ccb,-192px 0 0 -5px #ccb,-193px 0 0 -5px #ccb,-194px 0 0 -5px #ccb, -195px 0 0 -5px #ccb, -196px 0 0 -5px #ccb,-197px 0 0 -5px #ccb,-198px 0 0 -5px #ccb,-199px 0 0 -5px #ccb,-200px 0 0 -5px #ccb, -201px 0 0 -5px #ccb,-202px 0 0 -5px #ccb,-203px 0 0 -5px #ccb,-204px 0 0 -5px #ccb,-205px 0 0 -5px #ccb, -2061px 0 0 -5px #ccb,-207px 0 0 -5px #ccb,-208px 0 0 -5px #ccb,-209px 0 0 -5px #ccb,-210px 0 0 -5px #ccb, -211px 0 0 -5px #ccb,-212px 0 0 -5px #ccb,-213px 0 0 -5px #ccb,-214px 0 0 -5px #ccb,-215px 0 0 0 #ccb;
}



#divTaskPlanningKanBan .progressOnTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #01c971,-6px 0 0 -5px #01c971,-7px 0 0 -5px #01c971,-8px 0 0 -5px #01c971,-9px 0 0 -5px #01c971, -10px 0 0 -5px #01c971,-11px 0 0 -5px #01c971,-12px 0 0 -5px #01c971,-13px 0 0 -5px #01c971,-14px 0 0 -5px #01c971, -15px 0 0 -5px #01c971,-15px 0 0 -5px #01c971,-16px 0 0 -5px #01c971,-17px 0 0 -5px #01c971,-18px 0 0 -5px #01c971,-19px 0 0 -5px #01c971,-20px 0 0 -5px #01c971, -21px 0 0 -5px #01c971,-22px 0 0 -5px #01c971,-23px 0 0 -5px #01c971,-24px 0 0 -5px #01c971,-25px 0 0 -5px #01c971, -26px 0 0 -5px #01c971,-27px 0 0 -5px #01c971,-28px 0 0 -5px #01c971,-29px 0 0 -5px #01c971,-30px 0 0 -5px #01c971, -31px 0 0 -5px #01c971,-32px 0 0 -5px #01c971,-33px 0 0 -5px #01c971,-34px 0 0 -5px #01c971,-35px 0 0 -5px #01c971, -36px 0 0 -5px #01c971,-37px 0 0 -5px #01c971,-38px 0 0 -5px #01c971,-39px 0 0 -5px #01c971,-40px 0 0 -5px #01c971, -11px 0 0 -5px #01c971,-42px 0 0 -5px #01c971,-43px 0 0 -5px #01c971,-44px 0 0 -5px #01c971,-45px 0 0 -5px #01c971, -46px 0 0 -5px #01c971,-47px 0 0 -5px #01c971,-48px 0 0 -5px #01c971,-49px 0 0 -5px #01c971,-50px 0 0 -5px #01c971, -51px 0 0 -5px #01c971,-52px 0 0 -5px #01c971,-53px 0 0 -5px #01c971,-54px 0 0 -5px #01c971,-55px 0 0 -5px #01c971, -56px 0 0 -5px #01c971,-57px 0 0 -5px #01c971,-58px 0 0 -5px #01c971,-59px 0 0 -5px #01c971,-60px 0 0 -5px #01c971, -61px 0 0 -5px #01c971,-62px 0 0 -5px #01c971,-63px 0 0 -5px #01c971,-64px 0 0 -5px #01c971,-65px 0 0 -5px #01c971, -66px 0 0 -5px #01c971,-67px 0 0 -5px #01c971,-68px 0 0 -5px #01c971,-69px 0 0 -5px #01c971,-70px 0 0 -5px #01c971, -71px 0 0 -5px #01c971,-72px 0 0 -5px #01c971,-73px 0 0 -5px #01c971,-74px 0 0 -5px #01c971,-75px 0 0 -5px #01c971,-76px 0 0 -5px #01c971,-77px 0 0 -5px #01c971,-78px 0 0 -5px #01c971,-79px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -81px 0 0 -5px #01c971,-82px 0 0 -5px #01c971,-83px 0 0 -5px #01c971,-84px 0 0 -5px #01c971,-85px 0 0 -5px #01c971,-86px 0 0 -5px #01c971,-87px 0 0 -5px #01c971,-88px 0 0 -5px #01c971,-89px 0 0 -5px #01c971,-90px 0 0 -5px #01c971,-91px 0 0 -5px #01c971,-92px 0 0 -5px #01c971,-93px 0 0 -5px #01c971,-94px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -96px 0 0 -5px #01c971,-97px 0 0 -5px #01c971,-98px 0 0 -5px #01c971,-99px 0 0 -5px #01c971,-100px 0 0 -5px #01c971, -101px 0 0 -5px #01c971,-102px 0 0 -5px #01c971,-103px 0 0 -5px #01c971,-104px 0 0 -5px #01c971,-105px 0 0 -5px #01c971, -106px 0 0 -5px #01c971,-107px 0 0 -5px #01c971,-108px 0 0 -5px #01c971,-109px 0 0 -5px #01c971,-110px 0 0 -5px #01c971, -111px 0 0 -5px #01c971,-112px 0 0 -5px #01c971,-113px 0 0 -5px #01c971,-114px 0 0 -5px #01c971,-115px 0 0 -5px #01c971,-116px 0 0 -5px #01c971,-117px 0 0 -5px #01c971,-118px 0 0 -5px #01c971,-119px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -121px 0 0 -5px #01c971,-122px 0 0 -5px #01c971,-123px 0 0 -5px #01c971,-124px 0 0 -5px #01c971,-125px 0 0 -5px #01c971, -126px 0 0 -5px #01c971,-127px 0 0 -5px #01c971,-128px 0 0 -5px #01c971,-129px 0 0 -5px #01c971,-130px 0 0 -5px #01c971, -131px 0 0 -5px #01c971,-132px 0 0 -5px #01c971,-133px 0 0 -5px #01c971,-134px 0 0 -5px #01c971,-135px 0 0 -5px #01c971, -136px 0 0 -5px #01c971,-137px 0 0 -5px #01c971,-138px 0 0 -5px #01c971,-139px 0 0 -5px #01c971,-140px 0 0 -5px #01c971, -141px 0 0 -5px #01c971,-142px 0 0 -5px #01c971,-143px 0 0 -5px #01c971,-144px 0 0 -5px #01c971,-145px 0 0 -5px #01c971, -146px 0 0 -5px #01c971,-147px 0 0 -5px #01c971,-148px 0 0 -5px #01c971,-149px 0 0 -5px #01c971,-150px 0 0 -5px #01c971, -151px 0 0 -5px #01c971,-152px 0 0 -5px #01c971,-153px 0 0 -5px #01c971,-154px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -156px 0 0 -5px #01c971,-157px 0 0 -5px #01c971,-158px 0 0 -5px #01c971,-159px 0 0 -5px #01c971,-160px 0 0 -5px #01c971, -161px 0 0 -5px #01c971,-162px 0 0 -5px #01c971,-163px 0 0 -5px #01c971,-164px 0 0 -5px #01c971,-165px 0 0 -5px #01c971, -166px 0 0 -5px #01c971,-167px 0 0 -5px #01c971,-168px 0 0 -5px #01c971,-169px 0 0 -5px #01c971,-170px 0 0 -5px #01c971, -171px 0 0 -5px #01c971, -172px 0 0 -5px #01c971,-173px 0 0 -5px #01c971,-174px 0 0 -5px #01c971,-175px 0 0 -5px #01c971, -176px 0 0 -5px #01c971,-177px 0 0 -5px #01c971,-178px 0 0 -5px #01c971,-179px 0 0 -5px #01c971,-180px 0 0 -5px #01c971, -181px 0 0 -5px #01c971,-182px 0 0 -5px #01c971,-183px 0 0 -5px #01c971,-184px 0 0 -5px #01c971,-185px 0 0 -5px #01c971, -186px 0 0 -5px #01c971,-187px 0 0 -5px #01c971,-188px 0 0 -5px #01c971, -189px 0 0 -5px #01c971,-190px 0 0 -5px #01c971,-191px 0 0 -5px #01c971,-192px 0 0 -5px #01c971,-193px 0 0 -5px #01c971,-194px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -196px 0 0 -5px #01c971,-197px 0 0 -5px #01c971,-198px 0 0 -5px #01c971,-199px 0 0 -5px #01c971,-200px 0 0 -5px #01c971, -201px 0 0 -5px #01c971,-202px 0 0 -5px #01c971,-203px 0 0 -5px #01c971,-204px 0 0 -5px #01c971,-205px 0 0 -5px #01c971, -2061px 0 0 -5px #01c971,-207px 0 0 -5px #01c971,-208px 0 0 -5px #01c971,-209px 0 0 -5px #01c971,-210px 0 0 -5px #01c971, -211px 0 0 -5px #01c971,-212px 0 0 -5px #01c971,-213px 0 0 -5px #01c971,-214px 0 0 -5px #01c971,-215px 0 0 0 #01c971;
}


#divTaskPlanningKanBan .progressMonitor .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ffcb2c,-6px 0 0 -5px #ffcb2c,-7px 0 0 -5px #ffcb2c,-8px 0 0 -5px #ffcb2c,-9px 0 0 -5px #ffcb2c, -10px 0 0 -5px #ffcb2c,-11px 0 0 -5px #ffcb2c,-12px 0 0 -5px #ffcb2c,-13px 0 0 -5px #ffcb2c,-14px 0 0 -5px #ffcb2c, -15px 0 0 -5px #ffcb2c,-15px 0 0 -5px #ffcb2c,-16px 0 0 -5px #ffcb2c,-17px 0 0 -5px #ffcb2c,-18px 0 0 -5px #ffcb2c,-19px 0 0 -5px #ffcb2c,-20px 0 0 -5px #ffcb2c, -21px 0 0 -5px #ffcb2c,-22px 0 0 -5px #ffcb2c,-23px 0 0 -5px #ffcb2c,-24px 0 0 -5px #ffcb2c,-25px 0 0 -5px #ffcb2c, -26px 0 0 -5px #ffcb2c,-27px 0 0 -5px #ffcb2c,-28px 0 0 -5px #ffcb2c,-29px 0 0 -5px #ffcb2c,-30px 0 0 -5px #ffcb2c, -31px 0 0 -5px #ffcb2c,-32px 0 0 -5px #ffcb2c,-33px 0 0 -5px #ffcb2c,-34px 0 0 -5px #ffcb2c,-35px 0 0 -5px #ffcb2c, -36px 0 0 -5px #ffcb2c,-37px 0 0 -5px #ffcb2c,-38px 0 0 -5px #ffcb2c,-39px 0 0 -5px #ffcb2c,-40px 0 0 -5px #ffcb2c, -11px 0 0 -5px #ffcb2c,-42px 0 0 -5px #ffcb2c,-43px 0 0 -5px #ffcb2c,-44px 0 0 -5px #ffcb2c,-45px 0 0 -5px #ffcb2c, -46px 0 0 -5px #ffcb2c,-47px 0 0 -5px #ffcb2c,-48px 0 0 -5px #ffcb2c,-49px 0 0 -5px #ffcb2c,-50px 0 0 -5px #ffcb2c, -51px 0 0 -5px #ffcb2c,-52px 0 0 -5px #ffcb2c,-53px 0 0 -5px #ffcb2c,-54px 0 0 -5px #ffcb2c,-55px 0 0 -5px #ffcb2c, -56px 0 0 -5px #ffcb2c,-57px 0 0 -5px #ffcb2c,-58px 0 0 -5px #ffcb2c,-59px 0 0 -5px #ffcb2c,-60px 0 0 -5px #ffcb2c, -61px 0 0 -5px #ffcb2c,-62px 0 0 -5px #ffcb2c,-63px 0 0 -5px #ffcb2c,-64px 0 0 -5px #ffcb2c,-65px 0 0 -5px #ffcb2c, -66px 0 0 -5px #ffcb2c,-67px 0 0 -5px #ffcb2c,-68px 0 0 -5px #ffcb2c,-69px 0 0 -5px #ffcb2c,-70px 0 0 -5px #ffcb2c, -71px 0 0 -5px #ffcb2c,-72px 0 0 -5px #ffcb2c,-73px 0 0 -5px #ffcb2c,-74px 0 0 -5px #ffcb2c,-75px 0 0 -5px #ffcb2c,-76px 0 0 -5px #ffcb2c,-77px 0 0 -5px #ffcb2c,-78px 0 0 -5px #ffcb2c,-79px 0 0 -5px #ffcb2c, -80px 0 0 -5px #ffcb2c, -81px 0 0 -5px #ffcb2c,-82px 0 0 -5px #ffcb2c,-83px 0 0 -5px #ffcb2c,-84px 0 0 -5px #ffcb2c,-85px 0 0 -5px #ffcb2c,-86px 0 0 -5px #ffcb2c,-87px 0 0 -5px #ffcb2c,-88px 0 0 -5px #ffcb2c,-89px 0 0 -5px #ffcb2c,-90px 0 0 -5px #ffcb2c,-91px 0 0 -5px #ffcb2c,-92px 0 0 -5px #ffcb2c,-93px 0 0 -5px #ffcb2c,-94px 0 0 -5px #ffcb2c, -95px 0 0 -5px #ffcb2c, -96px 0 0 -5px #ffcb2c,-97px 0 0 -5px #ffcb2c,-98px 0 0 -5px #ffcb2c,-99px 0 0 -5px #ffcb2c,-100px 0 0 -5px #ffcb2c, -101px 0 0 -5px #ffcb2c,-102px 0 0 -5px #ffcb2c,-103px 0 0 -5px #ffcb2c,-104px 0 0 -5px #ffcb2c,-105px 0 0 -5px #ffcb2c, -106px 0 0 -5px #ffcb2c,-107px 0 0 -5px #ffcb2c,-108px 0 0 -5px #ffcb2c,-109px 0 0 -5px #ffcb2c,-110px 0 0 -5px #ffcb2c, -111px 0 0 -5px #ffcb2c,-112px 0 0 -5px #ffcb2c,-113px 0 0 -5px #ffcb2c,-114px 0 0 -5px #ffcb2c,-115px 0 0 -5px #ffcb2c,-116px 0 0 -5px #ffcb2c,-117px 0 0 -5px #ffcb2c,-118px 0 0 -5px #ffcb2c,-119px 0 0 -5px #ffcb2c, -120px 0 0 -5px #ffcb2c, -121px 0 0 -5px #ffcb2c,-122px 0 0 -5px #ffcb2c,-123px 0 0 -5px #ffcb2c,-124px 0 0 -5px #ffcb2c,-125px 0 0 -5px #ffcb2c, -126px 0 0 -5px #ffcb2c,-127px 0 0 -5px #ffcb2c,-128px 0 0 -5px #ffcb2c,-129px 0 0 -5px #ffcb2c,-130px 0 0 -5px #ffcb2c, -131px 0 0 -5px #ffcb2c,-132px 0 0 -5px #ffcb2c,-133px 0 0 -5px #ffcb2c,-134px 0 0 -5px #ffcb2c,-135px 0 0 -5px #ffcb2c, -136px 0 0 -5px #ffcb2c,-137px 0 0 -5px #ffcb2c,-138px 0 0 -5px #ffcb2c,-139px 0 0 -5px #ffcb2c,-140px 0 0 -5px #ffcb2c, -141px 0 0 -5px #ffcb2c,-142px 0 0 -5px #ffcb2c,-143px 0 0 -5px #ffcb2c,-144px 0 0 -5px #ffcb2c,-145px 0 0 -5px #ffcb2c, -146px 0 0 -5px #ffcb2c,-147px 0 0 -5px #ffcb2c,-148px 0 0 -5px #ffcb2c,-149px 0 0 -5px #ffcb2c,-150px 0 0 -5px #ffcb2c, -151px 0 0 -5px #ffcb2c,-152px 0 0 -5px #ffcb2c,-153px 0 0 -5px #ffcb2c,-154px 0 0 -5px #ffcb2c, -155px 0 0 -5px #ffcb2c, -156px 0 0 -5px #ffcb2c,-157px 0 0 -5px #ffcb2c,-158px 0 0 -5px #ffcb2c,-159px 0 0 -5px #ffcb2c,-160px 0 0 -5px #ffcb2c, -161px 0 0 -5px #ffcb2c,-162px 0 0 -5px #ffcb2c,-163px 0 0 -5px #ffcb2c,-164px 0 0 -5px #ffcb2c,-165px 0 0 -5px #ffcb2c, -166px 0 0 -5px #ffcb2c,-167px 0 0 -5px #ffcb2c,-168px 0 0 -5px #ffcb2c,-169px 0 0 -5px #ffcb2c,-170px 0 0 -5px #ffcb2c, -171px 0 0 -5px #ffcb2c, -172px 0 0 -5px #ffcb2c,-173px 0 0 -5px #ffcb2c,-174px 0 0 -5px #ffcb2c,-175px 0 0 -5px #ffcb2c, -176px 0 0 -5px #ffcb2c,-177px 0 0 -5px #ffcb2c,-178px 0 0 -5px #ffcb2c,-179px 0 0 -5px #ffcb2c,-180px 0 0 -5px #ffcb2c, -181px 0 0 -5px #ffcb2c,-182px 0 0 -5px #ffcb2c,-183px 0 0 -5px #ffcb2c,-184px 0 0 -5px #ffcb2c,-185px 0 0 -5px #ffcb2c, -186px 0 0 -5px #ffcb2c,-187px 0 0 -5px #ffcb2c,-188px 0 0 -5px #ffcb2c, -189px 0 0 -5px #ffcb2c,-190px 0 0 -5px #ffcb2c,-191px 0 0 -5px #ffcb2c,-192px 0 0 -5px #ffcb2c,-193px 0 0 -5px #ffcb2c,-194px 0 0 -5px #ffcb2c, -195px 0 0 -5px #ffcb2c, -196px 0 0 -5px #ffcb2c,-197px 0 0 -5px #ffcb2c,-198px 0 0 -5px #ffcb2c,-199px 0 0 -5px #ffcb2c,-200px 0 0 -5px #ffcb2c, -201px 0 0 -5px #ffcb2c,-202px 0 0 -5px #ffcb2c,-203px 0 0 -5px #ffcb2c,-204px 0 0 -5px #ffcb2c,-205px 0 0 -5px #ffcb2c, -2061px 0 0 -5px #ffcb2c,-207px 0 0 -5px #ffcb2c,-208px 0 0 -5px #ffcb2c,-209px 0 0 -5px #ffcb2c,-210px 0 0 -5px #ffcb2c, -211px 0 0 -5px #ffcb2c,-212px 0 0 -5px #ffcb2c,-213px 0 0 -5px #ffcb2c,-214px 0 0 -5px #ffcb2c,-215px 0 0 0 #ffcb2c;
}



#divTaskPlanningKanBan .progressOffTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #e44259,-6px 0 0 -5px #e44259,-7px 0 0 -5px #e44259,-8px 0 0 -5px #e44259,-9px 0 0 -5px #e44259, -10px 0 0 -5px #e44259,-11px 0 0 -5px #e44259,-12px 0 0 -5px #e44259,-13px 0 0 -5px #e44259,-14px 0 0 -5px #e44259, -15px 0 0 -5px #e44259,-15px 0 0 -5px #e44259,-16px 0 0 -5px #e44259,-17px 0 0 -5px #e44259,-18px 0 0 -5px #e44259,-19px 0 0 -5px #e44259,-20px 0 0 -5px #e44259, -21px 0 0 -5px #e44259,-22px 0 0 -5px #e44259,-23px 0 0 -5px #e44259,-24px 0 0 -5px #e44259,-25px 0 0 -5px #e44259, -26px 0 0 -5px #e44259,-27px 0 0 -5px #e44259,-28px 0 0 -5px #e44259,-29px 0 0 -5px #e44259,-30px 0 0 -5px #e44259, -31px 0 0 -5px #e44259,-32px 0 0 -5px #e44259,-33px 0 0 -5px #e44259,-34px 0 0 -5px #e44259,-35px 0 0 -5px #e44259, -36px 0 0 -5px #e44259,-37px 0 0 -5px #e44259,-38px 0 0 -5px #e44259,-39px 0 0 -5px #e44259,-40px 0 0 -5px #e44259, -11px 0 0 -5px #e44259,-42px 0 0 -5px #e44259,-43px 0 0 -5px #e44259,-44px 0 0 -5px #e44259,-45px 0 0 -5px #e44259, -46px 0 0 -5px #e44259,-47px 0 0 -5px #e44259,-48px 0 0 -5px #e44259,-49px 0 0 -5px #e44259,-50px 0 0 -5px #e44259, -51px 0 0 -5px #e44259,-52px 0 0 -5px #e44259,-53px 0 0 -5px #e44259,-54px 0 0 -5px #e44259,-55px 0 0 -5px #e44259, -56px 0 0 -5px #e44259,-57px 0 0 -5px #e44259,-58px 0 0 -5px #e44259,-59px 0 0 -5px #e44259,-60px 0 0 -5px #e44259, -61px 0 0 -5px #e44259,-62px 0 0 -5px #e44259,-63px 0 0 -5px #e44259,-64px 0 0 -5px #e44259,-65px 0 0 -5px #e44259, -66px 0 0 -5px #e44259,-67px 0 0 -5px #e44259,-68px 0 0 -5px #e44259,-69px 0 0 -5px #e44259,-70px 0 0 -5px #e44259, -71px 0 0 -5px #e44259,-72px 0 0 -5px #e44259,-73px 0 0 -5px #e44259,-74px 0 0 -5px #e44259,-75px 0 0 -5px #e44259,-76px 0 0 -5px #e44259,-77px 0 0 -5px #e44259,-78px 0 0 -5px #e44259,-79px 0 0 -5px #e44259, -80px 0 0 -5px #e44259, -81px 0 0 -5px #e44259,-82px 0 0 -5px #e44259,-83px 0 0 -5px #e44259,-84px 0 0 -5px #e44259,-85px 0 0 -5px #e44259,-86px 0 0 -5px #e44259,-87px 0 0 -5px #e44259,-88px 0 0 -5px #e44259,-89px 0 0 -5px #e44259,-90px 0 0 -5px #e44259,-91px 0 0 -5px #e44259,-92px 0 0 -5px #e44259,-93px 0 0 -5px #e44259,-94px 0 0 -5px #e44259, -95px 0 0 -5px #e44259, -96px 0 0 -5px #e44259,-97px 0 0 -5px #e44259,-98px 0 0 -5px #e44259,-99px 0 0 -5px #e44259,-100px 0 0 -5px #e44259, -101px 0 0 -5px #e44259,-102px 0 0 -5px #e44259,-103px 0 0 -5px #e44259,-104px 0 0 -5px #e44259,-105px 0 0 -5px #e44259, -106px 0 0 -5px #e44259,-107px 0 0 -5px #e44259,-108px 0 0 -5px #e44259,-109px 0 0 -5px #e44259,-110px 0 0 -5px #e44259, -111px 0 0 -5px #e44259,-112px 0 0 -5px #e44259,-113px 0 0 -5px #e44259,-114px 0 0 -5px #e44259,-115px 0 0 -5px #e44259,-116px 0 0 -5px #e44259,-117px 0 0 -5px #e44259,-118px 0 0 -5px #e44259,-119px 0 0 -5px #e44259, -120px 0 0 -5px #e44259, -121px 0 0 -5px #e44259,-122px 0 0 -5px #e44259,-123px 0 0 -5px #e44259,-124px 0 0 -5px #e44259,-125px 0 0 -5px #e44259, -126px 0 0 -5px #e44259,-127px 0 0 -5px #e44259,-128px 0 0 -5px #e44259,-129px 0 0 -5px #e44259,-130px 0 0 -5px #e44259, -131px 0 0 -5px #e44259,-132px 0 0 -5px #e44259,-133px 0 0 -5px #e44259,-134px 0 0 -5px #e44259,-135px 0 0 -5px #e44259, -136px 0 0 -5px #e44259,-137px 0 0 -5px #e44259,-138px 0 0 -5px #e44259,-139px 0 0 -5px #e44259,-140px 0 0 -5px #e44259, -141px 0 0 -5px #e44259,-142px 0 0 -5px #e44259,-143px 0 0 -5px #e44259,-144px 0 0 -5px #e44259,-145px 0 0 -5px #e44259, -146px 0 0 -5px #e44259,-147px 0 0 -5px #e44259,-148px 0 0 -5px #e44259,-149px 0 0 -5px #e44259,-150px 0 0 -5px #e44259, -151px 0 0 -5px #e44259,-152px 0 0 -5px #e44259,-153px 0 0 -5px #e44259,-154px 0 0 -5px #e44259, -155px 0 0 -5px #e44259, -156px 0 0 -5px #e44259,-157px 0 0 -5px #e44259,-158px 0 0 -5px #e44259,-159px 0 0 -5px #e44259,-160px 0 0 -5px #e44259, -161px 0 0 -5px #e44259,-162px 0 0 -5px #e44259,-163px 0 0 -5px #e44259,-164px 0 0 -5px #e44259,-165px 0 0 -5px #e44259, -166px 0 0 -5px #e44259,-167px 0 0 -5px #e44259,-168px 0 0 -5px #e44259,-169px 0 0 -5px #e44259,-170px 0 0 -5px #e44259, -171px 0 0 -5px #e44259, -172px 0 0 -5px #e44259,-173px 0 0 -5px #e44259,-174px 0 0 -5px #e44259,-175px 0 0 -5px #e44259, -176px 0 0 -5px #e44259,-177px 0 0 -5px #e44259,-178px 0 0 -5px #e44259,-179px 0 0 -5px #e44259,-180px 0 0 -5px #e44259, -181px 0 0 -5px #e44259,-182px 0 0 -5px #e44259,-183px 0 0 -5px #e44259,-184px 0 0 -5px #e44259,-185px 0 0 -5px #e44259, -186px 0 0 -5px #e44259,-187px 0 0 -5px #e44259,-188px 0 0 -5px #e44259, -189px 0 0 -5px #e44259,-190px 0 0 -5px #e44259,-191px 0 0 -5px #e44259,-192px 0 0 -5px #e44259,-193px 0 0 -5px #e44259,-194px 0 0 -5px #e44259, -195px 0 0 -5px #e44259, -196px 0 0 -5px #e44259,-197px 0 0 -5px #e44259,-198px 0 0 -5px #e44259,-199px 0 0 -5px #e44259,-200px 0 0 -5px #e44259, -201px 0 0 -5px #e44259,-202px 0 0 -5px #e44259,-203px 0 0 -5px #e44259,-204px 0 0 -5px #e44259,-205px 0 0 -5px #e44259, -2061px 0 0 -5px #e44259,-207px 0 0 -5px #e44259,-208px 0 0 -5px #e44259,-209px 0 0 -5px #e44259,-210px 0 0 -5px #e44259, -211px 0 0 -5px #e44259,-212px 0 0 -5px #e44259,-213px 0 0 -5px #e44259,-214px 0 0 -5px #e44259,-215px 0 0 0 #e44259;
}



#divTaskPlanningKanBan .progressOffTrackZero .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px transparent,-6px 0 0 -5px transparent,-7px 0 0 -5px transparent,-8px 0 0 -5px transparent,-9px 0 0 -5px transparent, -10px 0 0 -5px transparent,-11px 0 0 -5px transparent,-12px 0 0 -5px transparent,-13px 0 0 -5px transparent,-14px 0 0 -5px transparent, -15px 0 0 -5px transparent,-15px 0 0 -5px transparent,-16px 0 0 -5px transparent,-17px 0 0 -5px transparent,-18px 0 0 -5px transparent,-19px 0 0 -5px transparent,-20px 0 0 -5px transparent, -21px 0 0 -5px transparent,-22px 0 0 -5px transparent,-23px 0 0 -5px transparent,-24px 0 0 -5px transparent,-25px 0 0 -5px transparent, -26px 0 0 -5px transparent,-27px 0 0 -5px transparent,-28px 0 0 -5px transparent,-29px 0 0 -5px transparent,-30px 0 0 -5px transparent, -31px 0 0 -5px transparent,-32px 0 0 -5px transparent,-33px 0 0 -5px transparent,-34px 0 0 -5px transparent,-35px 0 0 -5px transparent, -36px 0 0 -5px transparent,-37px 0 0 -5px transparent,-38px 0 0 -5px transparent,-39px 0 0 -5px transparent,-40px 0 0 -5px transparent, -11px 0 0 -5px transparent,-42px 0 0 -5px transparent,-43px 0 0 -5px transparent,-44px 0 0 -5px transparent,-45px 0 0 -5px transparent, -46px 0 0 -5px transparent,-47px 0 0 -5px transparent,-48px 0 0 -5px transparent,-49px 0 0 -5px transparent,-50px 0 0 -5px transparent, -51px 0 0 -5px transparent,-52px 0 0 -5px transparent,-53px 0 0 -5px transparent,-54px 0 0 -5px transparent,-55px 0 0 -5px transparent, -56px 0 0 -5px transparent,-57px 0 0 -5px transparent,-58px 0 0 -5px transparent,-59px 0 0 -5px transparent,-60px 0 0 -5px transparent, -61px 0 0 -5px transparent,-62px 0 0 -5px transparent,-63px 0 0 -5px transparent,-64px 0 0 -5px transparent,-65px 0 0 -5px transparent, -66px 0 0 -5px transparent,-67px 0 0 -5px transparent,-68px 0 0 -5px transparent,-69px 0 0 -5px transparent,-70px 0 0 -5px transparent, -71px 0 0 -5px transparent,-72px 0 0 -5px transparent,-73px 0 0 -5px transparent,-74px 0 0 -5px transparent,-75px 0 0 -5px transparent,-76px 0 0 -5px transparent,-77px 0 0 -5px transparent,-78px 0 0 -5px transparent,-79px 0 0 -5px transparent, -80px 0 0 -5px transparent, -81px 0 0 -5px transparent,-82px 0 0 -5px transparent,-83px 0 0 -5px transparent,-84px 0 0 -5px transparent,-85px 0 0 -5px transparent,-86px 0 0 -5px transparent,-87px 0 0 -5px transparent,-88px 0 0 -5px transparent,-89px 0 0 -5px transparent,-90px 0 0 -5px transparent,-91px 0 0 -5px transparent,-92px 0 0 -5px transparent,-93px 0 0 -5px transparent,-94px 0 0 -5px transparent, -95px 0 0 -5px transparent, -96px 0 0 -5px transparent,-97px 0 0 -5px transparent,-98px 0 0 -5px transparent,-99px 0 0 -5px transparent,-100px 0 0 -5px transparent, -101px 0 0 -5px transparent,-102px 0 0 -5px transparent,-103px 0 0 -5px transparent,-104px 0 0 -5px transparent,-105px 0 0 -5px transparent, -106px 0 0 -5px transparent,-107px 0 0 -5px transparent,-108px 0 0 -5px transparent,-109px 0 0 -5px transparent,-110px 0 0 -5px transparent, -111px 0 0 -5px transparent,-112px 0 0 -5px transparent,-113px 0 0 -5px transparent,-114px 0 0 -5px transparent,-115px 0 0 -5px transparent,-116px 0 0 -5px transparent,-117px 0 0 -5px transparent,-118px 0 0 -5px transparent,-119px 0 0 -5px transparent, -120px 0 0 -5px transparent, -121px 0 0 -5px transparent,-122px 0 0 -5px transparent,-123px 0 0 -5px transparent,-124px 0 0 -5px transparent,-125px 0 0 -5px transparent, -126px 0 0 -5px transparent,-127px 0 0 -5px transparent,-128px 0 0 -5px transparent,-129px 0 0 -5px transparent,-130px 0 0 -5px transparent, -131px 0 0 -5px transparent,-132px 0 0 -5px transparent,-133px 0 0 -5px transparent,-134px 0 0 -5px transparent,-135px 0 0 -5px transparent, -136px 0 0 -5px transparent,-137px 0 0 -5px transparent,-138px 0 0 -5px transparent,-139px 0 0 -5px transparent,-140px 0 0 -5px transparent, -141px 0 0 -5px transparent,-142px 0 0 -5px transparent,-143px 0 0 -5px transparent,-144px 0 0 -5px transparent,-145px 0 0 -5px transparent, -146px 0 0 -5px transparent,-147px 0 0 -5px transparent,-148px 0 0 -5px transparent,-149px 0 0 -5px transparent,-150px 0 0 -5px transparent, -151px 0 0 -5px transparent,-152px 0 0 -5px transparent,-153px 0 0 -5px transparent,-154px 0 0 -5px transparent, -155px 0 0 -5px transparent, -156px 0 0 -5px transparent,-157px 0 0 -5px transparent,-158px 0 0 -5px transparent,-159px 0 0 -5px transparent,-160px 0 0 -5px transparent, -161px 0 0 -5px transparent,-162px 0 0 -5px transparent,-163px 0 0 -5px transparent,-164px 0 0 -5px transparent,-165px 0 0 -5px transparent, -166px 0 0 -5px transparent,-167px 0 0 -5px transparent,-168px 0 0 -5px transparent,-169px 0 0 -5px transparent,-170px 0 0 -5px transparent, -171px 0 0 -5px transparent, -172px 0 0 -5px transparent,-173px 0 0 -5px transparent,-174px 0 0 -5px transparent,-175px 0 0 -5px transparent, -176px 0 0 -5px transparent,-177px 0 0 -5px transparent,-178px 0 0 -5px transparent,-179px 0 0 -5px transparent,-180px 0 0 -5px transparent, -181px 0 0 -5px transparent,-182px 0 0 -5px transparent,-183px 0 0 -5px transparent,-184px 0 0 -5px transparent,-185px 0 0 -5px transparent, -186px 0 0 -5px transparent,-187px 0 0 -5px transparent,-188px 0 0 -5px transparent, -189px 0 0 -5px transparent,-190px 0 0 -5px transparent,-191px 0 0 -5px transparent,-192px 0 0 -5px transparent,-193px 0 0 -5px transparent,-194px 0 0 -5px transparent, -195px 0 0 -5px transparent, -196px 0 0 -5px transparent,-197px 0 0 -5px transparent,-198px 0 0 -5px transparent,-199px 0 0 -5px transparent,-200px 0 0 -5px transparent, -201px 0 0 -5px transparent,-202px 0 0 -5px transparent,-203px 0 0 -5px transparent,-204px 0 0 -5px transparent,-205px 0 0 -5px transparent, -2061px 0 0 -5px transparent,-207px 0 0 -5px transparent,-208px 0 0 -5px transparent,-209px 0 0 -5px transparent,-210px 0 0 -5px transparent, -211px 0 0 -5px transparent,-212px 0 0 -5px transparent,-213px 0 0 -5px transparent,-214px 0 0 -5px transparent,-215px 0 0 0 transparent;
}


#divTaskPlanningKanBan .projectListProgress {
    margin-top: 10px;
    margin-right: -10px;
}

.kanbanMenuItems {
    float: right;
    margin-left: 10px;
}

.kanbanMenuMenuText {
    font-weight: 500;
    padding: 0 0 0 10px;
    /*height: 18px;*/
    cursor: pointer;
    /*line-height: 16px;*/
    color: #21415a;
    font-size: 14px;
}

.kanbanMenuItems .btn, .kanbanMenuItems .btn-default {
    border-style: none;
    padding: 0px;
    background-color: transparent !important;
    line-height: auto !important;
    margin: 0px !important;
}

    .kanbanMenuItems .btn-default:active, .kanbanMenuItems .btn-primary:active {
        box-shadow: none !important;
    }

.kanbanMenuMenuTextFilter {
    margin-left: -5px;
}


#TaskPlanningKanBanMainContent .panel {
    box-shadow: none !important;
    display: table;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    /*padding-right:5px;*/
}

#templateTaskKanBanAppend {
    display: table;
    width: 100%;
}

#TaskPlanningKanBanMainContent .panel-body {
    padding: 15px 5px 15px 5px;
}

.kanBanFilterDrodown {
    width: 450px;
    position: absolute;
    right: 0px;
    z-index: 100;
}

    .kanBanFilterDrodown .panel-body {
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0.1);
        -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,1);
        box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
        border-radius: 10px !important;
        background-color: #fff;
        border: 1px solid #ccc;
    }

/*.kanBanFilterDrodownBtn button {
    background-color: #fff !important;
    color: #21415a !important;
    border: 2px solid #048483 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    width: auto;
    border-radius: 15px;
    font-weight: 500;
    outline: none !important;
    background-image: none;
    font-size: 13px !important;
    text-shadow: none !important;
    box-shadow: none;
    line-height: 20px !important;
    margin: 0px 2px;
}*/

.kanBanFilterClose {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/ToolbarClose.svg') no-repeat 10px center !important;
    margin: 0px !important;
    width: 36px;
    height: 36px;
    background-size: 24px !important;
    float: right;
    margin-top: -10px !important;
    cursor: pointer;
}

.kanBanFilterDrodown .form-control {
    box-shadow: none !important;
}

.kanBanFilterDrodown .ddlFilter {
    padding: 4px 5px 4px 5px;
    border: 1px solid #ececec;
    border-radius: 3px;
}

.kanBanFilterDrodown .bootstrap-select .dropdown-toggle .caret {
    right: 10px !important;
}

.kanBanFilterDrodown .btn, .kanBanFilterDrodown .btn-default {
    font-weight: 400 !important;
}

.kanBanFilterDrodown .filterDatePicker {
    width: 150px;
}



.filterDatePicker input {
    padding: 4px 5px 4px 5px !important;
    height: auto !important;
}


.filterDatePicker .form-control {
    border: 1px solid #ececec !important;
    border-radius: 3px 0 0 3px !important;
    border-right-style: none !important;
}

.filterDatePicker .input-group-addon {
    border: 1px solid #ececec !important;
    border-radius: 0 3px 3px 0 !important;
    background-color: #fff !important;
    border-left-style: none !important;
}

.kanBanFilterDrodown #divPerformanceStatus, .kanBanFilterDrodown #divActionStatus {
    width: 100%;
}

    .kanBanFilterDrodown #divPerformanceStatus .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
    .kanBanFilterDrodown #divActionStatus .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        width: 100%;
    }

.kanBanFilterDrodown label.filter-col-title {
    font-family: Roboto Medium, Roboto, Arial;
    font-weight: 500 !important;
    margin-top: 8px !important;
}

.kanBanFilterDPIcone {
    border: 0px !important;
    background: url('../../resources/images//ToolBar/kanBanCalendar.svg') no-repeat 0 center !important;
    margin: 0px !important;
    width: 18px;
    height: 18px;
    background-size: 16px !important;
    float: right;
    margin-right: -6px !important;
}

.kanBanFilterDrodown .bootstrap-select.show-tick .dropdown-menu li a span.text {
    color: #555252 !important;
    font-family: Roboto, Arial;
    font-size: 13px !important;
    white-space: normal;
}

.kanBanFilterDrodown .dropdown-menu > li > a {
    padding: 3px 10px !important;
}

    .kanBanFilterDrodown .dropdown-menu > li > a:hover, .kanBanFilterDrodown .dropdown-menu > li > a:active, .kanBanFilterDrodown .dropdown-menu > li > a:focus {
        background-color: #f5f5f5 !important;
        background-image: none !important;
    }

.kanBanFilterDrodown .bs-searchbox .form-control {
    font-size: 13px !important;
    padding: 4px 5px 4px 5px !important;
}

.kanBanFilterDrodown .bootstrap-select .dropdown-toggle .filter-option {
    outline: none !important;
    width: 92%;
}

.kanBanFilterDrodown .bootstrap-select, .kanBanFilterDrodown .bootstrap-select > .dropdown-toggle.bs-placeholder {
    outline: none !important;
}

    .kanBanFilterDrodown .bootstrap-select > .dropdown-toggle.bs-placeholder {
        box-shadow: none !important;
    }

.kanBanFilterDrodown .dropdown-menu > .active > a, .kanBanFilterDrodown .dropdown-menu > .active > a:hover, .kanBanFilterDrodown .dropdown-menu > .active > a:focus {
    background-image: none !important;
    background-color: #f5f5f5 !important;
}

.setCursorHand img {
    cursor: pointer;
}


.kanBanCardMorePopup {
    border-radius: 10px !important;
    padding: 10px !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

    .kanBanCardMorePopup.ui-dialog .ui-widget-header {
        background-color: #fff !important;
        color: #444 !important;
        font-weight: 300;
        font-size: 20px !important;
        display: none;
    }

    .kanBanCardMorePopup.ui-dialog .ui-dialog-titlebar {
        padding: 0px !important;
    }

    .kanBanCardMorePopup.ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }

    .kanBanCardMorePopup.ui-dialog .popUpTitle {
        font-family: Roboto, Arial;
        color: #21415b !important;
        font-weight: 300;
        font-size: 20px !important;
    }

    .kanBanCardMorePopup.ui-dialog .saveButton {
        background-color: #fff !important;
        color: #444 !important;
        border: 2px solid #2D6A9F !important;
        border-radius: 30px;
        font-family: Roboto, 'Roboto Regular', Arial !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        background: url('../../resources/images//ToolBar/ToolbarSave.svg') no-repeat 10px center !important;
        background-size: 21px !important;
        width: 80px;
        padding: 6px 5px 6px 25px;
    }

    /*.kanBanCardMorePopup.ui-dialog .closeButton {
        background-color: #fff !important;
        color: #444 !important;
        border: 2px solid #2D6A9F !important;
        border-radius: 30px;
        font-family: Roboto, 'Roboto Regular', Arial !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        background: url('../../resources/images//ToolBar/ToolbarClose.svg') no-repeat 10px center !important;
        width: 80px;
        padding: 6px 0px 6px 25px;
        margin-left: 5px;
    }*/


#ShowTaskDetailsDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#ShowTaskDetailsDiv::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #F5F5F5;
}

#ShowTaskDetailsDiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.kanBanCardMorePopup input, .kanBanCardMorePopup select {
    font-family: Roboto, Arial;
    font-size: 13px;
    border: 1px solid #ececec;
    color: #484e53 !important;
    padding: 4px 5px 4px 5px;
    border-radius: 4px;
}

/*.kanBanCardMorePopup .cellFormLabel {
    font-family: Roboto, Arial;
    font-weight:500;
    font-size: 13px;
    color: #484e53 !important;
    padding-bottom: 10px !important;
}*/

.kanBanCardMorePopup .cellFormData {
    padding-bottom: 10px !important;
}

/*#ShowTaskDetailsDiv {
    overflow-y: auto;
    height: 400px;
    margin-top: 20px;
    margin-left: 15px;
}*/


.kanBanCardMorePopup #taskShowDetailsDurationID, .kanBanCardMorePopup #taskShowDetailsPriorityID, .kanBanCardMorePopup #taskShowDetailsRevisedEndDateID, .kanBanCardMorePopup #taskShowDetailsRevisedStartDateID, .kanBanCardMorePopup #taskShowDetailsCompletionDateID, .kanBanCardMorePopup #taskShowDetailsStatusID {
    width: 140px !important;
}

.kanBanCardMorePopup input#taskShowDetailsTaskNameID, .kanBanCardMorePopup input#taskShowDetailsCommentID {
    width: 91%;
}

.kanBanFilterDrodown .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    width: 90%;
}

.KanbanMenuViews {
    width: 91px;
}

    .KanbanMenuViews .dropdown-menu {
        border-radius: 7px !important;
        padding: 10px;
        min-width: 113px !important;
        /*margin-top:-24px;*/
        margin-left: -10px;
        margin-top: 2px;
    }

.kanbanMenuMenuTextActive {
    color: #048483;
}

.kanbanMenuItemsUnderline {
    border-bottom: 2px solid #048483;
    clear: both;
    margin-top: 8px;
}

.kanBanCardMorePopup textarea {
    font-family: Roboto, Arial;
    font-size: 13px;
    border: 1px solid #ececec;
    color: #484e53 !important;
    padding: 4px 5px 4px 5px;
    border-radius: 4px;
    width: 91%;
}

/*.kanBanCardMorePopup #taskShowDetailsRevisedEndDateID, .kanBanCardMorePopup #taskShowDetailsRevisedStartDateID, .kanBanCardMorePopup #taskShowDetailsCompletionDateID {
    width: 140px;
    background: url('../../resources/images//ToolBar/kanBanCalendar.svg') no-repeat 115px center !important;
    background-size: 16px !important;
}*/

.kanBanCardMorePopup input.hasDatepicker[disabled] {
    background-color: #fff !important;
    border-style: none;
    width: 140px;
    padding-left: 0px;
}



.kanBanCardMorePopup #slide {
    width: 157px !important;
}


.kanBanCardMorePopup .value {
    border-style: none;
    width: 48px !important;
    margin-left: 0px !important;
    color: #294861 !important;
    font-family: Roboto, Arial;
    font-weight: 400 !important;
    margin-top: -3px !important;
}

.kanBanCardMorePopup .symbol {
    margin-left: -16px !important;
    color: #294861 !important;
    position: relative;
    vertical-align: top;
}

.kanBanCardMorePopup input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7;
}


.kanBanCardMorePopup input[type='range'] {
    -webkit-appearance: none;
    overflow: hidden;
    background-color: transparent;
    height: 22px;
    border-radius: 6px;
    border-style: none;
    padding: 0px !important;
}

    .kanBanCardMorePopup input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        height: 6px;
        border: none;
        border-radius: 6px;
    }




.kanBanCardMorePopup.projectListProgress input[type=range] {
    margin-top: 0px !important;
}





.kanBanCardMorePopup .progressDefault .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ccb,-6px 0 0 -5px #ccb,-7px 0 0 -5px #ccb,-8px 0 0 -5px #ccb,-9px 0 0 -5px #ccb, -10px 0 0 -5px #ccb,-11px 0 0 -5px #ccb,-12px 0 0 -5px #ccb,-13px 0 0 -5px #ccb,-14px 0 0 -5px #ccb, -15px 0 0 -5px #ccb,-15px 0 0 -5px #ccb,-16px 0 0 -5px #ccb,-17px 0 0 -5px #ccb,-18px 0 0 -5px #ccb,-19px 0 0 -5px #ccb,-20px 0 0 -5px #ccb, -21px 0 0 -5px #ccb,-22px 0 0 -5px #ccb,-23px 0 0 -5px #ccb,-24px 0 0 -5px #ccb,-25px 0 0 -5px #ccb, -26px 0 0 -5px #ccb,-27px 0 0 -5px #ccb,-28px 0 0 -5px #ccb,-29px 0 0 -5px #ccb,-30px 0 0 -5px #ccb, -31px 0 0 -5px #ccb,-32px 0 0 -5px #ccb,-33px 0 0 -5px #ccb,-34px 0 0 -5px #ccb,-35px 0 0 -5px #ccb, -36px 0 0 -5px #ccb,-37px 0 0 -5px #ccb,-38px 0 0 -5px #ccb,-39px 0 0 -5px #ccb,-40px 0 0 -5px #ccb, -11px 0 0 -5px #ccb,-42px 0 0 -5px #ccb,-43px 0 0 -5px #ccb,-44px 0 0 -5px #ccb,-45px 0 0 -5px #ccb, -46px 0 0 -5px #ccb,-47px 0 0 -5px #ccb,-48px 0 0 -5px #ccb,-49px 0 0 -5px #ccb,-50px 0 0 -5px #ccb, -51px 0 0 -5px #ccb,-52px 0 0 -5px #ccb,-53px 0 0 -5px #ccb,-54px 0 0 -5px #ccb,-55px 0 0 -5px #ccb, -56px 0 0 -5px #ccb,-57px 0 0 -5px #ccb,-58px 0 0 -5px #ccb,-59px 0 0 -5px #ccb,-60px 0 0 -5px #ccb, -61px 0 0 -5px #ccb,-62px 0 0 -5px #ccb,-63px 0 0 -5px #ccb,-64px 0 0 -5px #ccb,-65px 0 0 -5px #ccb, -66px 0 0 -5px #ccb,-67px 0 0 -5px #ccb,-68px 0 0 -5px #ccb,-69px 0 0 -5px #ccb,-70px 0 0 -5px #ccb, -71px 0 0 -5px #ccb,-72px 0 0 -5px #ccb,-73px 0 0 -5px #ccb,-74px 0 0 -5px #ccb,-75px 0 0 -5px #ccb,-76px 0 0 -5px #ccb,-77px 0 0 -5px #ccb,-78px 0 0 -5px #ccb,-79px 0 0 -5px #ccb, -80px 0 0 -5px #ccb, -81px 0 0 -5px #ccb,-82px 0 0 -5px #ccb,-83px 0 0 -5px #ccb,-84px 0 0 -5px #ccb,-85px 0 0 -5px #ccb,-86px 0 0 -5px #ccb,-87px 0 0 -5px #ccb,-88px 0 0 -5px #ccb,-89px 0 0 -5px #ccb,-90px 0 0 -5px #ccb,-91px 0 0 -5px #ccb,-92px 0 0 -5px #ccb,-93px 0 0 -5px #ccb,-94px 0 0 -5px #ccb, -95px 0 0 -5px #ccb, -96px 0 0 -5px #ccb,-97px 0 0 -5px #ccb,-98px 0 0 -5px #ccb,-99px 0 0 -5px #ccb,-100px 0 0 -5px #ccb, -101px 0 0 -5px #ccb,-102px 0 0 -5px #ccb,-103px 0 0 -5px #ccb,-104px 0 0 -5px #ccb,-105px 0 0 -5px #ccb, -106px 0 0 -5px #ccb,-107px 0 0 -5px #ccb,-108px 0 0 -5px #ccb,-109px 0 0 -5px #ccb,-110px 0 0 -5px #ccb, -111px 0 0 -5px #ccb,-112px 0 0 -5px #ccb,-113px 0 0 -5px #ccb,-114px 0 0 -5px #ccb,-115px 0 0 -5px #ccb,-116px 0 0 -5px #ccb,-117px 0 0 -5px #ccb,-118px 0 0 -5px #ccb,-119px 0 0 -5px #ccb, -120px 0 0 -5px #ccb, -121px 0 0 -5px #ccb,-122px 0 0 -5px #ccb,-123px 0 0 -5px #ccb,-124px 0 0 -5px #ccb,-125px 0 0 -5px #ccb, -126px 0 0 -5px #ccb,-127px 0 0 -5px #ccb,-128px 0 0 -5px #ccb,-129px 0 0 -5px #ccb,-130px 0 0 -5px #ccb, -131px 0 0 -5px #ccb,-132px 0 0 -5px #ccb,-133px 0 0 -5px #ccb,-134px 0 0 -5px #ccb,-135px 0 0 -5px #ccb, -136px 0 0 -5px #ccb,-137px 0 0 -5px #ccb,-138px 0 0 -5px #ccb,-139px 0 0 -5px #ccb,-140px 0 0 -5px #ccb, -141px 0 0 -5px #ccb,-142px 0 0 -5px #ccb,-143px 0 0 -5px #ccb,-144px 0 0 -5px #ccb,-145px 0 0 -5px #ccb, -146px 0 0 -5px #ccb,-147px 0 0 -5px #ccb,-148px 0 0 -5px #ccb,-149px 0 0 -5px #ccb,-150px 0 0 -5px #ccb, -151px 0 0 -5px #ccb,-152px 0 0 -5px #ccb,-153px 0 0 -5px #ccb,-154px 0 0 -5px #ccb, -155px 0 0 -5px #ccb, -156px 0 0 -5px #ccb,-157px 0 0 -5px #ccb,-158px 0 0 -5px #ccb,-159px 0 0 -5px #ccb,-160px 0 0 -5px #ccb, -161px 0 0 -5px #ccb,-162px 0 0 -5px #ccb,-163px 0 0 -5px #ccb,-164px 0 0 -5px #ccb,-165px 0 0 -5px #ccb, -166px 0 0 -5px #ccb,-167px 0 0 -5px #ccb,-168px 0 0 -5px #ccb,-169px 0 0 -5px #ccb,-170px 0 0 -5px #ccb, -171px 0 0 -5px #ccb, -172px 0 0 -5px #ccb,-173px 0 0 -5px #ccb,-174px 0 0 -5px #ccb,-175px 0 0 -5px #ccb, -176px 0 0 -5px #ccb,-177px 0 0 -5px #ccb,-178px 0 0 -5px #ccb,-179px 0 0 -5px #ccb,-180px 0 0 -5px #ccb, -181px 0 0 -5px #ccb,-182px 0 0 -5px #ccb,-183px 0 0 -5px #ccb,-184px 0 0 -5px #ccb,-185px 0 0 -5px #ccb, -186px 0 0 -5px #ccb,-187px 0 0 -5px #ccb,-188px 0 0 -5px #ccb, -189px 0 0 -5px #ccb,-190px 0 0 -5px #ccb,-191px 0 0 -5px #ccb,-192px 0 0 -5px #ccb,-193px 0 0 -5px #ccb,-194px 0 0 -5px #ccb, -195px 0 0 -5px #ccb, -196px 0 0 -5px #ccb,-197px 0 0 -5px #ccb,-198px 0 0 -5px #ccb,-199px 0 0 -5px #ccb,-200px 0 0 -5px #ccb, -201px 0 0 -5px #ccb,-202px 0 0 -5px #ccb,-203px 0 0 -5px #ccb,-204px 0 0 -5px #ccb,-205px 0 0 -5px #ccb, -2061px 0 0 -5px #ccb,-207px 0 0 -5px #ccb,-208px 0 0 -5px #ccb,-209px 0 0 -5px #ccb,-210px 0 0 -5px #ccb, -211px 0 0 -5px #ccb,-212px 0 0 -5px #ccb,-213px 0 0 -5px #ccb,-214px 0 0 -5px #ccb,-215px 0 0 0 #ccb;
}



.kanBanCardMorePopup .progressOnTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #01c971,-6px 0 0 -5px #01c971,-7px 0 0 -5px #01c971,-8px 0 0 -5px #01c971,-9px 0 0 -5px #01c971, -10px 0 0 -5px #01c971,-11px 0 0 -5px #01c971,-12px 0 0 -5px #01c971,-13px 0 0 -5px #01c971,-14px 0 0 -5px #01c971, -15px 0 0 -5px #01c971,-15px 0 0 -5px #01c971,-16px 0 0 -5px #01c971,-17px 0 0 -5px #01c971,-18px 0 0 -5px #01c971,-19px 0 0 -5px #01c971,-20px 0 0 -5px #01c971, -21px 0 0 -5px #01c971,-22px 0 0 -5px #01c971,-23px 0 0 -5px #01c971,-24px 0 0 -5px #01c971,-25px 0 0 -5px #01c971, -26px 0 0 -5px #01c971,-27px 0 0 -5px #01c971,-28px 0 0 -5px #01c971,-29px 0 0 -5px #01c971,-30px 0 0 -5px #01c971, -31px 0 0 -5px #01c971,-32px 0 0 -5px #01c971,-33px 0 0 -5px #01c971,-34px 0 0 -5px #01c971,-35px 0 0 -5px #01c971, -36px 0 0 -5px #01c971,-37px 0 0 -5px #01c971,-38px 0 0 -5px #01c971,-39px 0 0 -5px #01c971,-40px 0 0 -5px #01c971, -11px 0 0 -5px #01c971,-42px 0 0 -5px #01c971,-43px 0 0 -5px #01c971,-44px 0 0 -5px #01c971,-45px 0 0 -5px #01c971, -46px 0 0 -5px #01c971,-47px 0 0 -5px #01c971,-48px 0 0 -5px #01c971,-49px 0 0 -5px #01c971,-50px 0 0 -5px #01c971, -51px 0 0 -5px #01c971,-52px 0 0 -5px #01c971,-53px 0 0 -5px #01c971,-54px 0 0 -5px #01c971,-55px 0 0 -5px #01c971, -56px 0 0 -5px #01c971,-57px 0 0 -5px #01c971,-58px 0 0 -5px #01c971,-59px 0 0 -5px #01c971,-60px 0 0 -5px #01c971, -61px 0 0 -5px #01c971,-62px 0 0 -5px #01c971,-63px 0 0 -5px #01c971,-64px 0 0 -5px #01c971,-65px 0 0 -5px #01c971, -66px 0 0 -5px #01c971,-67px 0 0 -5px #01c971,-68px 0 0 -5px #01c971,-69px 0 0 -5px #01c971,-70px 0 0 -5px #01c971, -71px 0 0 -5px #01c971,-72px 0 0 -5px #01c971,-73px 0 0 -5px #01c971,-74px 0 0 -5px #01c971,-75px 0 0 -5px #01c971,-76px 0 0 -5px #01c971,-77px 0 0 -5px #01c971,-78px 0 0 -5px #01c971,-79px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -81px 0 0 -5px #01c971,-82px 0 0 -5px #01c971,-83px 0 0 -5px #01c971,-84px 0 0 -5px #01c971,-85px 0 0 -5px #01c971,-86px 0 0 -5px #01c971,-87px 0 0 -5px #01c971,-88px 0 0 -5px #01c971,-89px 0 0 -5px #01c971,-90px 0 0 -5px #01c971,-91px 0 0 -5px #01c971,-92px 0 0 -5px #01c971,-93px 0 0 -5px #01c971,-94px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -96px 0 0 -5px #01c971,-97px 0 0 -5px #01c971,-98px 0 0 -5px #01c971,-99px 0 0 -5px #01c971,-100px 0 0 -5px #01c971, -101px 0 0 -5px #01c971,-102px 0 0 -5px #01c971,-103px 0 0 -5px #01c971,-104px 0 0 -5px #01c971,-105px 0 0 -5px #01c971, -106px 0 0 -5px #01c971,-107px 0 0 -5px #01c971,-108px 0 0 -5px #01c971,-109px 0 0 -5px #01c971,-110px 0 0 -5px #01c971, -111px 0 0 -5px #01c971,-112px 0 0 -5px #01c971,-113px 0 0 -5px #01c971,-114px 0 0 -5px #01c971,-115px 0 0 -5px #01c971,-116px 0 0 -5px #01c971,-117px 0 0 -5px #01c971,-118px 0 0 -5px #01c971,-119px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -121px 0 0 -5px #01c971,-122px 0 0 -5px #01c971,-123px 0 0 -5px #01c971,-124px 0 0 -5px #01c971,-125px 0 0 -5px #01c971, -126px 0 0 -5px #01c971,-127px 0 0 -5px #01c971,-128px 0 0 -5px #01c971,-129px 0 0 -5px #01c971,-130px 0 0 -5px #01c971, -131px 0 0 -5px #01c971,-132px 0 0 -5px #01c971,-133px 0 0 -5px #01c971,-134px 0 0 -5px #01c971,-135px 0 0 -5px #01c971, -136px 0 0 -5px #01c971,-137px 0 0 -5px #01c971,-138px 0 0 -5px #01c971,-139px 0 0 -5px #01c971,-140px 0 0 -5px #01c971, -141px 0 0 -5px #01c971,-142px 0 0 -5px #01c971,-143px 0 0 -5px #01c971,-144px 0 0 -5px #01c971,-145px 0 0 -5px #01c971, -146px 0 0 -5px #01c971,-147px 0 0 -5px #01c971,-148px 0 0 -5px #01c971,-149px 0 0 -5px #01c971,-150px 0 0 -5px #01c971, -151px 0 0 -5px #01c971,-152px 0 0 -5px #01c971,-153px 0 0 -5px #01c971,-154px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -156px 0 0 -5px #01c971,-157px 0 0 -5px #01c971,-158px 0 0 -5px #01c971,-159px 0 0 -5px #01c971,-160px 0 0 -5px #01c971, -161px 0 0 -5px #01c971,-162px 0 0 -5px #01c971,-163px 0 0 -5px #01c971,-164px 0 0 -5px #01c971,-165px 0 0 -5px #01c971, -166px 0 0 -5px #01c971,-167px 0 0 -5px #01c971,-168px 0 0 -5px #01c971,-169px 0 0 -5px #01c971,-170px 0 0 -5px #01c971, -171px 0 0 -5px #01c971, -172px 0 0 -5px #01c971,-173px 0 0 -5px #01c971,-174px 0 0 -5px #01c971,-175px 0 0 -5px #01c971, -176px 0 0 -5px #01c971,-177px 0 0 -5px #01c971,-178px 0 0 -5px #01c971,-179px 0 0 -5px #01c971,-180px 0 0 -5px #01c971, -181px 0 0 -5px #01c971,-182px 0 0 -5px #01c971,-183px 0 0 -5px #01c971,-184px 0 0 -5px #01c971,-185px 0 0 -5px #01c971, -186px 0 0 -5px #01c971,-187px 0 0 -5px #01c971,-188px 0 0 -5px #01c971, -189px 0 0 -5px #01c971,-190px 0 0 -5px #01c971,-191px 0 0 -5px #01c971,-192px 0 0 -5px #01c971,-193px 0 0 -5px #01c971,-194px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -196px 0 0 -5px #01c971,-197px 0 0 -5px #01c971,-198px 0 0 -5px #01c971,-199px 0 0 -5px #01c971,-200px 0 0 -5px #01c971, -201px 0 0 -5px #01c971,-202px 0 0 -5px #01c971,-203px 0 0 -5px #01c971,-204px 0 0 -5px #01c971,-205px 0 0 -5px #01c971, -2061px 0 0 -5px #01c971,-207px 0 0 -5px #01c971,-208px 0 0 -5px #01c971,-209px 0 0 -5px #01c971,-210px 0 0 -5px #01c971, -211px 0 0 -5px #01c971,-212px 0 0 -5px #01c971,-213px 0 0 -5px #01c971,-214px 0 0 -5px #01c971,-215px 0 0 0 #01c971;
}


.kanBanCardMorePopup .progressMonitor .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ffcb2c,-6px 0 0 -5px #ffcb2c,-7px 0 0 -5px #ffcb2c,-8px 0 0 -5px #ffcb2c,-9px 0 0 -5px #ffcb2c, -10px 0 0 -5px #ffcb2c,-11px 0 0 -5px #ffcb2c,-12px 0 0 -5px #ffcb2c,-13px 0 0 -5px #ffcb2c,-14px 0 0 -5px #ffcb2c, -15px 0 0 -5px #ffcb2c,-15px 0 0 -5px #ffcb2c,-16px 0 0 -5px #ffcb2c,-17px 0 0 -5px #ffcb2c,-18px 0 0 -5px #ffcb2c,-19px 0 0 -5px #ffcb2c,-20px 0 0 -5px #ffcb2c, -21px 0 0 -5px #ffcb2c,-22px 0 0 -5px #ffcb2c,-23px 0 0 -5px #ffcb2c,-24px 0 0 -5px #ffcb2c,-25px 0 0 -5px #ffcb2c, -26px 0 0 -5px #ffcb2c,-27px 0 0 -5px #ffcb2c,-28px 0 0 -5px #ffcb2c,-29px 0 0 -5px #ffcb2c,-30px 0 0 -5px #ffcb2c, -31px 0 0 -5px #ffcb2c,-32px 0 0 -5px #ffcb2c,-33px 0 0 -5px #ffcb2c,-34px 0 0 -5px #ffcb2c,-35px 0 0 -5px #ffcb2c, -36px 0 0 -5px #ffcb2c,-37px 0 0 -5px #ffcb2c,-38px 0 0 -5px #ffcb2c,-39px 0 0 -5px #ffcb2c,-40px 0 0 -5px #ffcb2c, -11px 0 0 -5px #ffcb2c,-42px 0 0 -5px #ffcb2c,-43px 0 0 -5px #ffcb2c,-44px 0 0 -5px #ffcb2c,-45px 0 0 -5px #ffcb2c, -46px 0 0 -5px #ffcb2c,-47px 0 0 -5px #ffcb2c,-48px 0 0 -5px #ffcb2c,-49px 0 0 -5px #ffcb2c,-50px 0 0 -5px #ffcb2c, -51px 0 0 -5px #ffcb2c,-52px 0 0 -5px #ffcb2c,-53px 0 0 -5px #ffcb2c,-54px 0 0 -5px #ffcb2c,-55px 0 0 -5px #ffcb2c, -56px 0 0 -5px #ffcb2c,-57px 0 0 -5px #ffcb2c,-58px 0 0 -5px #ffcb2c,-59px 0 0 -5px #ffcb2c,-60px 0 0 -5px #ffcb2c, -61px 0 0 -5px #ffcb2c,-62px 0 0 -5px #ffcb2c,-63px 0 0 -5px #ffcb2c,-64px 0 0 -5px #ffcb2c,-65px 0 0 -5px #ffcb2c, -66px 0 0 -5px #ffcb2c,-67px 0 0 -5px #ffcb2c,-68px 0 0 -5px #ffcb2c,-69px 0 0 -5px #ffcb2c,-70px 0 0 -5px #ffcb2c, -71px 0 0 -5px #ffcb2c,-72px 0 0 -5px #ffcb2c,-73px 0 0 -5px #ffcb2c,-74px 0 0 -5px #ffcb2c,-75px 0 0 -5px #ffcb2c,-76px 0 0 -5px #ffcb2c,-77px 0 0 -5px #ffcb2c,-78px 0 0 -5px #ffcb2c,-79px 0 0 -5px #ffcb2c, -80px 0 0 -5px #ffcb2c, -81px 0 0 -5px #ffcb2c,-82px 0 0 -5px #ffcb2c,-83px 0 0 -5px #ffcb2c,-84px 0 0 -5px #ffcb2c,-85px 0 0 -5px #ffcb2c,-86px 0 0 -5px #ffcb2c,-87px 0 0 -5px #ffcb2c,-88px 0 0 -5px #ffcb2c,-89px 0 0 -5px #ffcb2c,-90px 0 0 -5px #ffcb2c,-91px 0 0 -5px #ffcb2c,-92px 0 0 -5px #ffcb2c,-93px 0 0 -5px #ffcb2c,-94px 0 0 -5px #ffcb2c, -95px 0 0 -5px #ffcb2c, -96px 0 0 -5px #ffcb2c,-97px 0 0 -5px #ffcb2c,-98px 0 0 -5px #ffcb2c,-99px 0 0 -5px #ffcb2c,-100px 0 0 -5px #ffcb2c, -101px 0 0 -5px #ffcb2c,-102px 0 0 -5px #ffcb2c,-103px 0 0 -5px #ffcb2c,-104px 0 0 -5px #ffcb2c,-105px 0 0 -5px #ffcb2c, -106px 0 0 -5px #ffcb2c,-107px 0 0 -5px #ffcb2c,-108px 0 0 -5px #ffcb2c,-109px 0 0 -5px #ffcb2c,-110px 0 0 -5px #ffcb2c, -111px 0 0 -5px #ffcb2c,-112px 0 0 -5px #ffcb2c,-113px 0 0 -5px #ffcb2c,-114px 0 0 -5px #ffcb2c,-115px 0 0 -5px #ffcb2c,-116px 0 0 -5px #ffcb2c,-117px 0 0 -5px #ffcb2c,-118px 0 0 -5px #ffcb2c,-119px 0 0 -5px #ffcb2c, -120px 0 0 -5px #ffcb2c, -121px 0 0 -5px #ffcb2c,-122px 0 0 -5px #ffcb2c,-123px 0 0 -5px #ffcb2c,-124px 0 0 -5px #ffcb2c,-125px 0 0 -5px #ffcb2c, -126px 0 0 -5px #ffcb2c,-127px 0 0 -5px #ffcb2c,-128px 0 0 -5px #ffcb2c,-129px 0 0 -5px #ffcb2c,-130px 0 0 -5px #ffcb2c, -131px 0 0 -5px #ffcb2c,-132px 0 0 -5px #ffcb2c,-133px 0 0 -5px #ffcb2c,-134px 0 0 -5px #ffcb2c,-135px 0 0 -5px #ffcb2c, -136px 0 0 -5px #ffcb2c,-137px 0 0 -5px #ffcb2c,-138px 0 0 -5px #ffcb2c,-139px 0 0 -5px #ffcb2c,-140px 0 0 -5px #ffcb2c, -141px 0 0 -5px #ffcb2c,-142px 0 0 -5px #ffcb2c,-143px 0 0 -5px #ffcb2c,-144px 0 0 -5px #ffcb2c,-145px 0 0 -5px #ffcb2c, -146px 0 0 -5px #ffcb2c,-147px 0 0 -5px #ffcb2c,-148px 0 0 -5px #ffcb2c,-149px 0 0 -5px #ffcb2c,-150px 0 0 -5px #ffcb2c, -151px 0 0 -5px #ffcb2c,-152px 0 0 -5px #ffcb2c,-153px 0 0 -5px #ffcb2c,-154px 0 0 -5px #ffcb2c, -155px 0 0 -5px #ffcb2c, -156px 0 0 -5px #ffcb2c,-157px 0 0 -5px #ffcb2c,-158px 0 0 -5px #ffcb2c,-159px 0 0 -5px #ffcb2c,-160px 0 0 -5px #ffcb2c, -161px 0 0 -5px #ffcb2c,-162px 0 0 -5px #ffcb2c,-163px 0 0 -5px #ffcb2c,-164px 0 0 -5px #ffcb2c,-165px 0 0 -5px #ffcb2c, -166px 0 0 -5px #ffcb2c,-167px 0 0 -5px #ffcb2c,-168px 0 0 -5px #ffcb2c,-169px 0 0 -5px #ffcb2c,-170px 0 0 -5px #ffcb2c, -171px 0 0 -5px #ffcb2c, -172px 0 0 -5px #ffcb2c,-173px 0 0 -5px #ffcb2c,-174px 0 0 -5px #ffcb2c,-175px 0 0 -5px #ffcb2c, -176px 0 0 -5px #ffcb2c,-177px 0 0 -5px #ffcb2c,-178px 0 0 -5px #ffcb2c,-179px 0 0 -5px #ffcb2c,-180px 0 0 -5px #ffcb2c, -181px 0 0 -5px #ffcb2c,-182px 0 0 -5px #ffcb2c,-183px 0 0 -5px #ffcb2c,-184px 0 0 -5px #ffcb2c,-185px 0 0 -5px #ffcb2c, -186px 0 0 -5px #ffcb2c,-187px 0 0 -5px #ffcb2c,-188px 0 0 -5px #ffcb2c, -189px 0 0 -5px #ffcb2c,-190px 0 0 -5px #ffcb2c,-191px 0 0 -5px #ffcb2c,-192px 0 0 -5px #ffcb2c,-193px 0 0 -5px #ffcb2c,-194px 0 0 -5px #ffcb2c, -195px 0 0 -5px #ffcb2c, -196px 0 0 -5px #ffcb2c,-197px 0 0 -5px #ffcb2c,-198px 0 0 -5px #ffcb2c,-199px 0 0 -5px #ffcb2c,-200px 0 0 -5px #ffcb2c, -201px 0 0 -5px #ffcb2c,-202px 0 0 -5px #ffcb2c,-203px 0 0 -5px #ffcb2c,-204px 0 0 -5px #ffcb2c,-205px 0 0 -5px #ffcb2c, -2061px 0 0 -5px #ffcb2c,-207px 0 0 -5px #ffcb2c,-208px 0 0 -5px #ffcb2c,-209px 0 0 -5px #ffcb2c,-210px 0 0 -5px #ffcb2c, -211px 0 0 -5px #ffcb2c,-212px 0 0 -5px #ffcb2c,-213px 0 0 -5px #ffcb2c,-214px 0 0 -5px #ffcb2c,-215px 0 0 0 #ffcb2c;
}



.kanBanCardMorePopup .progressOffTrack .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #e44259,-6px 0 0 -5px #e44259,-7px 0 0 -5px #e44259,-8px 0 0 -5px #e44259,-9px 0 0 -5px #e44259, -10px 0 0 -5px #e44259,-11px 0 0 -5px #e44259,-12px 0 0 -5px #e44259,-13px 0 0 -5px #e44259,-14px 0 0 -5px #e44259, -15px 0 0 -5px #e44259,-15px 0 0 -5px #e44259,-16px 0 0 -5px #e44259,-17px 0 0 -5px #e44259,-18px 0 0 -5px #e44259,-19px 0 0 -5px #e44259,-20px 0 0 -5px #e44259, -21px 0 0 -5px #e44259,-22px 0 0 -5px #e44259,-23px 0 0 -5px #e44259,-24px 0 0 -5px #e44259,-25px 0 0 -5px #e44259, -26px 0 0 -5px #e44259,-27px 0 0 -5px #e44259,-28px 0 0 -5px #e44259,-29px 0 0 -5px #e44259,-30px 0 0 -5px #e44259, -31px 0 0 -5px #e44259,-32px 0 0 -5px #e44259,-33px 0 0 -5px #e44259,-34px 0 0 -5px #e44259,-35px 0 0 -5px #e44259, -36px 0 0 -5px #e44259,-37px 0 0 -5px #e44259,-38px 0 0 -5px #e44259,-39px 0 0 -5px #e44259,-40px 0 0 -5px #e44259, -11px 0 0 -5px #e44259,-42px 0 0 -5px #e44259,-43px 0 0 -5px #e44259,-44px 0 0 -5px #e44259,-45px 0 0 -5px #e44259, -46px 0 0 -5px #e44259,-47px 0 0 -5px #e44259,-48px 0 0 -5px #e44259,-49px 0 0 -5px #e44259,-50px 0 0 -5px #e44259, -51px 0 0 -5px #e44259,-52px 0 0 -5px #e44259,-53px 0 0 -5px #e44259,-54px 0 0 -5px #e44259,-55px 0 0 -5px #e44259, -56px 0 0 -5px #e44259,-57px 0 0 -5px #e44259,-58px 0 0 -5px #e44259,-59px 0 0 -5px #e44259,-60px 0 0 -5px #e44259, -61px 0 0 -5px #e44259,-62px 0 0 -5px #e44259,-63px 0 0 -5px #e44259,-64px 0 0 -5px #e44259,-65px 0 0 -5px #e44259, -66px 0 0 -5px #e44259,-67px 0 0 -5px #e44259,-68px 0 0 -5px #e44259,-69px 0 0 -5px #e44259,-70px 0 0 -5px #e44259, -71px 0 0 -5px #e44259,-72px 0 0 -5px #e44259,-73px 0 0 -5px #e44259,-74px 0 0 -5px #e44259,-75px 0 0 -5px #e44259,-76px 0 0 -5px #e44259,-77px 0 0 -5px #e44259,-78px 0 0 -5px #e44259,-79px 0 0 -5px #e44259, -80px 0 0 -5px #e44259, -81px 0 0 -5px #e44259,-82px 0 0 -5px #e44259,-83px 0 0 -5px #e44259,-84px 0 0 -5px #e44259,-85px 0 0 -5px #e44259,-86px 0 0 -5px #e44259,-87px 0 0 -5px #e44259,-88px 0 0 -5px #e44259,-89px 0 0 -5px #e44259,-90px 0 0 -5px #e44259,-91px 0 0 -5px #e44259,-92px 0 0 -5px #e44259,-93px 0 0 -5px #e44259,-94px 0 0 -5px #e44259, -95px 0 0 -5px #e44259, -96px 0 0 -5px #e44259,-97px 0 0 -5px #e44259,-98px 0 0 -5px #e44259,-99px 0 0 -5px #e44259,-100px 0 0 -5px #e44259, -101px 0 0 -5px #e44259,-102px 0 0 -5px #e44259,-103px 0 0 -5px #e44259,-104px 0 0 -5px #e44259,-105px 0 0 -5px #e44259, -106px 0 0 -5px #e44259,-107px 0 0 -5px #e44259,-108px 0 0 -5px #e44259,-109px 0 0 -5px #e44259,-110px 0 0 -5px #e44259, -111px 0 0 -5px #e44259,-112px 0 0 -5px #e44259,-113px 0 0 -5px #e44259,-114px 0 0 -5px #e44259,-115px 0 0 -5px #e44259,-116px 0 0 -5px #e44259,-117px 0 0 -5px #e44259,-118px 0 0 -5px #e44259,-119px 0 0 -5px #e44259, -120px 0 0 -5px #e44259, -121px 0 0 -5px #e44259,-122px 0 0 -5px #e44259,-123px 0 0 -5px #e44259,-124px 0 0 -5px #e44259,-125px 0 0 -5px #e44259, -126px 0 0 -5px #e44259,-127px 0 0 -5px #e44259,-128px 0 0 -5px #e44259,-129px 0 0 -5px #e44259,-130px 0 0 -5px #e44259, -131px 0 0 -5px #e44259,-132px 0 0 -5px #e44259,-133px 0 0 -5px #e44259,-134px 0 0 -5px #e44259,-135px 0 0 -5px #e44259, -136px 0 0 -5px #e44259,-137px 0 0 -5px #e44259,-138px 0 0 -5px #e44259,-139px 0 0 -5px #e44259,-140px 0 0 -5px #e44259, -141px 0 0 -5px #e44259,-142px 0 0 -5px #e44259,-143px 0 0 -5px #e44259,-144px 0 0 -5px #e44259,-145px 0 0 -5px #e44259, -146px 0 0 -5px #e44259,-147px 0 0 -5px #e44259,-148px 0 0 -5px #e44259,-149px 0 0 -5px #e44259,-150px 0 0 -5px #e44259, -151px 0 0 -5px #e44259,-152px 0 0 -5px #e44259,-153px 0 0 -5px #e44259,-154px 0 0 -5px #e44259, -155px 0 0 -5px #e44259, -156px 0 0 -5px #e44259,-157px 0 0 -5px #e44259,-158px 0 0 -5px #e44259,-159px 0 0 -5px #e44259,-160px 0 0 -5px #e44259, -161px 0 0 -5px #e44259,-162px 0 0 -5px #e44259,-163px 0 0 -5px #e44259,-164px 0 0 -5px #e44259,-165px 0 0 -5px #e44259, -166px 0 0 -5px #e44259,-167px 0 0 -5px #e44259,-168px 0 0 -5px #e44259,-169px 0 0 -5px #e44259,-170px 0 0 -5px #e44259, -171px 0 0 -5px #e44259, -172px 0 0 -5px #e44259,-173px 0 0 -5px #e44259,-174px 0 0 -5px #e44259,-175px 0 0 -5px #e44259, -176px 0 0 -5px #e44259,-177px 0 0 -5px #e44259,-178px 0 0 -5px #e44259,-179px 0 0 -5px #e44259,-180px 0 0 -5px #e44259, -181px 0 0 -5px #e44259,-182px 0 0 -5px #e44259,-183px 0 0 -5px #e44259,-184px 0 0 -5px #e44259,-185px 0 0 -5px #e44259, -186px 0 0 -5px #e44259,-187px 0 0 -5px #e44259,-188px 0 0 -5px #e44259, -189px 0 0 -5px #e44259,-190px 0 0 -5px #e44259,-191px 0 0 -5px #e44259,-192px 0 0 -5px #e44259,-193px 0 0 -5px #e44259,-194px 0 0 -5px #e44259, -195px 0 0 -5px #e44259, -196px 0 0 -5px #e44259,-197px 0 0 -5px #e44259,-198px 0 0 -5px #e44259,-199px 0 0 -5px #e44259,-200px 0 0 -5px #e44259, -201px 0 0 -5px #e44259,-202px 0 0 -5px #e44259,-203px 0 0 -5px #e44259,-204px 0 0 -5px #e44259,-205px 0 0 -5px #e44259, -2061px 0 0 -5px #e44259,-207px 0 0 -5px #e44259,-208px 0 0 -5px #e44259,-209px 0 0 -5px #e44259,-210px 0 0 -5px #e44259, -211px 0 0 -5px #e44259,-212px 0 0 -5px #e44259,-213px 0 0 -5px #e44259,-214px 0 0 -5px #e44259,-215px 0 0 0 #e44259;
}



.kanBanCardMorePopup .progressOffTrackZero .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px transparent,-6px 0 0 -5px transparent,-7px 0 0 -5px transparent,-8px 0 0 -5px transparent,-9px 0 0 -5px transparent, -10px 0 0 -5px transparent,-11px 0 0 -5px transparent,-12px 0 0 -5px transparent,-13px 0 0 -5px transparent,-14px 0 0 -5px transparent, -15px 0 0 -5px transparent,-15px 0 0 -5px transparent,-16px 0 0 -5px transparent,-17px 0 0 -5px transparent,-18px 0 0 -5px transparent,-19px 0 0 -5px transparent,-20px 0 0 -5px transparent, -21px 0 0 -5px transparent,-22px 0 0 -5px transparent,-23px 0 0 -5px transparent,-24px 0 0 -5px transparent,-25px 0 0 -5px transparent, -26px 0 0 -5px transparent,-27px 0 0 -5px transparent,-28px 0 0 -5px transparent,-29px 0 0 -5px transparent,-30px 0 0 -5px transparent, -31px 0 0 -5px transparent,-32px 0 0 -5px transparent,-33px 0 0 -5px transparent,-34px 0 0 -5px transparent,-35px 0 0 -5px transparent, -36px 0 0 -5px transparent,-37px 0 0 -5px transparent,-38px 0 0 -5px transparent,-39px 0 0 -5px transparent,-40px 0 0 -5px transparent, -11px 0 0 -5px transparent,-42px 0 0 -5px transparent,-43px 0 0 -5px transparent,-44px 0 0 -5px transparent,-45px 0 0 -5px transparent, -46px 0 0 -5px transparent,-47px 0 0 -5px transparent,-48px 0 0 -5px transparent,-49px 0 0 -5px transparent,-50px 0 0 -5px transparent, -51px 0 0 -5px transparent,-52px 0 0 -5px transparent,-53px 0 0 -5px transparent,-54px 0 0 -5px transparent,-55px 0 0 -5px transparent, -56px 0 0 -5px transparent,-57px 0 0 -5px transparent,-58px 0 0 -5px transparent,-59px 0 0 -5px transparent,-60px 0 0 -5px transparent, -61px 0 0 -5px transparent,-62px 0 0 -5px transparent,-63px 0 0 -5px transparent,-64px 0 0 -5px transparent,-65px 0 0 -5px transparent, -66px 0 0 -5px transparent,-67px 0 0 -5px transparent,-68px 0 0 -5px transparent,-69px 0 0 -5px transparent,-70px 0 0 -5px transparent, -71px 0 0 -5px transparent,-72px 0 0 -5px transparent,-73px 0 0 -5px transparent,-74px 0 0 -5px transparent,-75px 0 0 -5px transparent,-76px 0 0 -5px transparent,-77px 0 0 -5px transparent,-78px 0 0 -5px transparent,-79px 0 0 -5px transparent, -80px 0 0 -5px transparent, -81px 0 0 -5px transparent,-82px 0 0 -5px transparent,-83px 0 0 -5px transparent,-84px 0 0 -5px transparent,-85px 0 0 -5px transparent,-86px 0 0 -5px transparent,-87px 0 0 -5px transparent,-88px 0 0 -5px transparent,-89px 0 0 -5px transparent,-90px 0 0 -5px transparent,-91px 0 0 -5px transparent,-92px 0 0 -5px transparent,-93px 0 0 -5px transparent,-94px 0 0 -5px transparent, -95px 0 0 -5px transparent, -96px 0 0 -5px transparent,-97px 0 0 -5px transparent,-98px 0 0 -5px transparent,-99px 0 0 -5px transparent,-100px 0 0 -5px transparent, -101px 0 0 -5px transparent,-102px 0 0 -5px transparent,-103px 0 0 -5px transparent,-104px 0 0 -5px transparent,-105px 0 0 -5px transparent, -106px 0 0 -5px transparent,-107px 0 0 -5px transparent,-108px 0 0 -5px transparent,-109px 0 0 -5px transparent,-110px 0 0 -5px transparent, -111px 0 0 -5px transparent,-112px 0 0 -5px transparent,-113px 0 0 -5px transparent,-114px 0 0 -5px transparent,-115px 0 0 -5px transparent,-116px 0 0 -5px transparent,-117px 0 0 -5px transparent,-118px 0 0 -5px transparent,-119px 0 0 -5px transparent, -120px 0 0 -5px transparent, -121px 0 0 -5px transparent,-122px 0 0 -5px transparent,-123px 0 0 -5px transparent,-124px 0 0 -5px transparent,-125px 0 0 -5px transparent, -126px 0 0 -5px transparent,-127px 0 0 -5px transparent,-128px 0 0 -5px transparent,-129px 0 0 -5px transparent,-130px 0 0 -5px transparent, -131px 0 0 -5px transparent,-132px 0 0 -5px transparent,-133px 0 0 -5px transparent,-134px 0 0 -5px transparent,-135px 0 0 -5px transparent, -136px 0 0 -5px transparent,-137px 0 0 -5px transparent,-138px 0 0 -5px transparent,-139px 0 0 -5px transparent,-140px 0 0 -5px transparent, -141px 0 0 -5px transparent,-142px 0 0 -5px transparent,-143px 0 0 -5px transparent,-144px 0 0 -5px transparent,-145px 0 0 -5px transparent, -146px 0 0 -5px transparent,-147px 0 0 -5px transparent,-148px 0 0 -5px transparent,-149px 0 0 -5px transparent,-150px 0 0 -5px transparent, -151px 0 0 -5px transparent,-152px 0 0 -5px transparent,-153px 0 0 -5px transparent,-154px 0 0 -5px transparent, -155px 0 0 -5px transparent, -156px 0 0 -5px transparent,-157px 0 0 -5px transparent,-158px 0 0 -5px transparent,-159px 0 0 -5px transparent,-160px 0 0 -5px transparent, -161px 0 0 -5px transparent,-162px 0 0 -5px transparent,-163px 0 0 -5px transparent,-164px 0 0 -5px transparent,-165px 0 0 -5px transparent, -166px 0 0 -5px transparent,-167px 0 0 -5px transparent,-168px 0 0 -5px transparent,-169px 0 0 -5px transparent,-170px 0 0 -5px transparent, -171px 0 0 -5px transparent, -172px 0 0 -5px transparent,-173px 0 0 -5px transparent,-174px 0 0 -5px transparent,-175px 0 0 -5px transparent, -176px 0 0 -5px transparent,-177px 0 0 -5px transparent,-178px 0 0 -5px transparent,-179px 0 0 -5px transparent,-180px 0 0 -5px transparent, -181px 0 0 -5px transparent,-182px 0 0 -5px transparent,-183px 0 0 -5px transparent,-184px 0 0 -5px transparent,-185px 0 0 -5px transparent, -186px 0 0 -5px transparent,-187px 0 0 -5px transparent,-188px 0 0 -5px transparent, -189px 0 0 -5px transparent,-190px 0 0 -5px transparent,-191px 0 0 -5px transparent,-192px 0 0 -5px transparent,-193px 0 0 -5px transparent,-194px 0 0 -5px transparent, -195px 0 0 -5px transparent, -196px 0 0 -5px transparent,-197px 0 0 -5px transparent,-198px 0 0 -5px transparent,-199px 0 0 -5px transparent,-200px 0 0 -5px transparent, -201px 0 0 -5px transparent,-202px 0 0 -5px transparent,-203px 0 0 -5px transparent,-204px 0 0 -5px transparent,-205px 0 0 -5px transparent, -2061px 0 0 -5px transparent,-207px 0 0 -5px transparent,-208px 0 0 -5px transparent,-209px 0 0 -5px transparent,-210px 0 0 -5px transparent, -211px 0 0 -5px transparent,-212px 0 0 -5px transparent,-213px 0 0 -5px transparent,-214px 0 0 -5px transparent,-215px 0 0 0 transparent;
}


.kanBanCardMorePopup .projectListProgress {
    margin-top: 10px;
    margin-right: -10px;
}

.kanBanCardMorePopup input[type="range"] {
    display: initial;
}

#divTaskPlanningKanBan .progressOnTrack .bar::-webkit-slider-thumb:hover, #divTaskPlanningKanBan .progressOffTrackZero .bar::-webkit-slider-thumb:hover, #divTaskPlanningKanBan .progressOffTrack .bar::-webkit-slider-thumb:hover, #divTaskPlanningKanBan .progressMonitor .bar::-webkit-slider-thumb:hover, #divTaskPlanningKanBan .progressDefault .bar::-webkit-slider-thumb:hover,
.kanBanCardMorePopup .progressOnTrack .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressOffTrackZero .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressOffTrack .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressMonitor .bar::-webkit-slider-thumb:hover, .kanBanCardMorePopup .progressDefault .bar::-webkit-slider-thumb:hover {
    background: #22405a;
    transition: 0.7s;
}

.divKanBanBoardOuter .divKanBanBoardContainer:first-child {
    margin-left: 0px !important;
}

/*
.divKanBanBoardOuter .divKanBanBoardContainer:last-child {
    margin-right: 0px !important;
}*/

.kanBanCardRoList.dropdown-menu {
    min-width: 40px !important;
    padding: 5px !important;
    text-align: center;
    border-radius: 20px !important;
    right: 12px !important;
    width: 40px !important;
    float: right;
    left: auto !important;
    margin-bottom: -30px !important;
    padding-bottom: 30px !important;
    z-index: 0 !important;
    padding-top: 10px !important;
}


    .kanBanCardRoList.dropdown-menu img.kanBanCardCircle {
        margin-bottom: 5px;
    }

.kanBanCardCircleCountOuter {
    z-index: 100;
    display: flex;
}



.btn-taskgrid.active {
    background-color: red !important;
}

.btn-kanban {
    background-color: green !important;
}

button.kanbanswitch {
    background-color: pink !important;
}

button.taskGridView {
    background: #e2dedf url('../../resources/images/ToolBar/KBMenuGridViewToggleDefault.svg') no-repeat 15px center !important;
    background-repeat: no-repeat;
    background-color: transparent;
    /*color: #fff !important;*/
    background-size: 18px;
    text-align: center;
    padding-left: 45px !important;
    padding-right: 15px !important;
}

    button.taskGridView.active {
        background: #048483 url('../../resources/images/ToolBar/KBMenuGridViewToggle.svg') no-repeat 15px center !important;
        background-repeat: no-repeat;
        background-color: transparent;
        color: #fff !important;
        background-size: 18px;
        text-align: center;
        padding-left: 45px !important;
        padding-right: 15px !important;
    }

button.kanBanView {
    background: #e2dedf url('../../resources/images/ToolBar/KBMenuKanBanViewToggleDefault.svg') no-repeat 8px 9px !important;
    background-repeat: no-repeat;
    background-color: transparent;
    /*color: #fff !important;*/
    background-size: 18px !important;
    text-align: center;
    padding-left: 32px !important;
    padding-right: 10px !important;
}

    button.kanBanView.active {
        background: #048483 url('../../resources/images/ToolBar/KBMenuKanBanViewToggle.svg') no-repeat 13px 9px !important;
        background-repeat: no-repeat;
        background-color: transparent;
        color: #fff !important;
        background-size: 18px !important;
        text-align: center;
        padding-left: 37px !important;
        padding-right: 10px !important;
    }

.kanbanswitch button {
    border-style: none !important;
    padding: 7px 30px 6px 30px;
    border-radius: 15px;
}

.kanbanswitch .btn {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3) !important;
}


.kanBanFilterDrodown .dropdown-menu > li > a > span:before {
    color: #444 !important
}

.kanBanFilterDrodown .filterDatePicker .input-group-addon {
    padding: 6px 10px 4px 12px !important;
}



.ui-datepicker td span, .ui-datepicker td a {
    width: 28px !important;
    height: 28px !important;
    padding: 5px !important;
    vertical-align: middle;
}


    .ui-datepicker td span, .ui-datepicker td a:hover {
        color: #fff !important;
        width: 28px !important;
        height: 28px !important;
        padding: 5px !important;
        vertical-align: middle;
        text-align:center;
    }

.ui-datepicker-header.ui-widget-header {
    border: 1px solid #eaeaea !important;
    padding: 7px 0px !important;
    border-radius: 10px 10px 0 0;
}



.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 7px !important;
}

#ui-datepicker-div {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}

.ui-datepicker.ui-widget-content .ui-state-active {
    background-color: #e7edfb !important;
    width: 28px !important;
    height: 28px !important;
    padding: 5px !important;
    vertical-align: middle;
    border-radius: 50%;
    border-style: none !important;
    text-align: center;
}

.TaskPlanningkanbanBlock .mainlbl.kanbantitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 500 !important;
    font-family: Roboto, Arial;
    margin-left: 0px !important;
}

.kanbanDisplayName {
    margin-left: 10px;
}


.ui-datepicker .ui-datepicker-header {
    background-image: none !important;
    background-color: #fff;
    color: #175adc !important;
    font-weight: 500 !important;
}

#ui-datepicker-div {
    border: 1px solid #ccc !important;
    padding: 0px !important;
    z-index:1000 !important;

}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background-color: #fff !important;
    background-image: none !important;
}

.ui-datepicker a.ui-state-default.ui-state-highlight {
    background-color: #1f5fdd !important;
    font-weight: 600;
    color: #fff !important;
    width: 28px !important;
    height: 28px !important;
    padding: 5px;
    vertical-align: middle;
    border-radius: 50%;
    border-style:none;
    text-align:center;
}

.ui-datepicker a.ui-state-default.ui-state-hover {
    background-color: #1f5fdd !important;
    border-radius: 50%;
}


.kanBanFilterDrodown .bootstrap-select .dropdown-menu.inner {
    max-height: 200px !important;
}

#templateTaskKanBanAppend .projectGrouping {
    margin-bottom: 0px !important;
}


#ShowTaskDetailsDiv #percentageTask.value {
    background-color: #fff !important;
    padding-top: 5px;
}

.kanBanCardMorePopup {
    top: 80px !important;
}

    .kanBanCardMorePopup #ShowTaskDetails {
        height: 536px !important;
    }


#divTaskPlanningKanBan .progressNegative .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #33c1d4,-6px 0 0 -5px #33c1d4,-7px 0 0 -5px #33c1d4,-8px 0 0 -5px #33c1d4,-9px 0 0 -5px #33c1d4, -10px 0 0 -5px #33c1d4,-11px 0 0 -5px #33c1d4,-12px 0 0 -5px #33c1d4,-13px 0 0 -5px #33c1d4,-14px 0 0 -5px #33c1d4, -15px 0 0 -5px #33c1d4,-15px 0 0 -5px #33c1d4,-16px 0 0 -5px #33c1d4,-17px 0 0 -5px #33c1d4,-18px 0 0 -5px #33c1d4,-19px 0 0 -5px #33c1d4,-20px 0 0 -5px #33c1d4, -21px 0 0 -5px #33c1d4,-22px 0 0 -5px #33c1d4,-23px 0 0 -5px #33c1d4,-24px 0 0 -5px #33c1d4,-25px 0 0 -5px #33c1d4, -26px 0 0 -5px #33c1d4,-27px 0 0 -5px #33c1d4,-28px 0 0 -5px #33c1d4,-29px 0 0 -5px #33c1d4,-30px 0 0 -5px #33c1d4, -31px 0 0 -5px #33c1d4,-32px 0 0 -5px #33c1d4,-33px 0 0 -5px #33c1d4,-34px 0 0 -5px #33c1d4,-35px 0 0 -5px #33c1d4, -36px 0 0 -5px #33c1d4,-37px 0 0 -5px #33c1d4,-38px 0 0 -5px #33c1d4,-39px 0 0 -5px #33c1d4,-40px 0 0 -5px #33c1d4, -11px 0 0 -5px #33c1d4,-42px 0 0 -5px #33c1d4,-43px 0 0 -5px #33c1d4,-44px 0 0 -5px #33c1d4,-45px 0 0 -5px #33c1d4, -46px 0 0 -5px #33c1d4,-47px 0 0 -5px #33c1d4,-48px 0 0 -5px #33c1d4,-49px 0 0 -5px #33c1d4,-50px 0 0 -5px #33c1d4, -51px 0 0 -5px #33c1d4,-52px 0 0 -5px #33c1d4,-53px 0 0 -5px #33c1d4,-54px 0 0 -5px #33c1d4,-55px 0 0 -5px #33c1d4, -56px 0 0 -5px #33c1d4,-57px 0 0 -5px #33c1d4,-58px 0 0 -5px #33c1d4,-59px 0 0 -5px #33c1d4,-60px 0 0 -5px #33c1d4, -61px 0 0 -5px #33c1d4,-62px 0 0 -5px #33c1d4,-63px 0 0 -5px #33c1d4,-64px 0 0 -5px #33c1d4,-65px 0 0 -5px #33c1d4, -66px 0 0 -5px #33c1d4,-67px 0 0 -5px #33c1d4,-68px 0 0 -5px #33c1d4,-69px 0 0 -5px #33c1d4,-70px 0 0 -5px #33c1d4, -71px 0 0 -5px #33c1d4,-72px 0 0 -5px #33c1d4,-73px 0 0 -5px #33c1d4,-74px 0 0 -5px #33c1d4,-75px 0 0 -5px #33c1d4,-76px 0 0 -5px #33c1d4,-77px 0 0 -5px #33c1d4,-78px 0 0 -5px #33c1d4,-79px 0 0 -5px #33c1d4, -80px 0 0 -5px #33c1d4, -81px 0 0 -5px #33c1d4,-82px 0 0 -5px #33c1d4,-83px 0 0 -5px #33c1d4,-84px 0 0 -5px #33c1d4,-85px 0 0 -5px #33c1d4,-86px 0 0 -5px #33c1d4,-87px 0 0 -5px #33c1d4,-88px 0 0 -5px #33c1d4,-89px 0 0 -5px #33c1d4,-90px 0 0 -5px #33c1d4,-91px 0 0 -5px #33c1d4,-92px 0 0 -5px #33c1d4,-93px 0 0 -5px #33c1d4,-94px 0 0 -5px #33c1d4, -95px 0 0 -5px #33c1d4, -96px 0 0 -5px #33c1d4,-97px 0 0 -5px #33c1d4,-98px 0 0 -5px #33c1d4,-99px 0 0 -5px #33c1d4,-100px 0 0 -5px #33c1d4, -101px 0 0 -5px #33c1d4,-102px 0 0 -5px #33c1d4,-103px 0 0 -5px #33c1d4,-104px 0 0 -5px #33c1d4,-105px 0 0 -5px #33c1d4, -106px 0 0 -5px #33c1d4,-107px 0 0 -5px #33c1d4,-108px 0 0 -5px #33c1d4,-109px 0 0 -5px #33c1d4,-110px 0 0 -5px #33c1d4, -111px 0 0 -5px #33c1d4,-112px 0 0 -5px #33c1d4,-113px 0 0 -5px #33c1d4,-114px 0 0 -5px #33c1d4,-115px 0 0 -5px #33c1d4,-116px 0 0 -5px #33c1d4,-117px 0 0 -5px #33c1d4,-118px 0 0 -5px #33c1d4,-119px 0 0 -5px #33c1d4, -120px 0 0 -5px #33c1d4, -121px 0 0 -5px #33c1d4,-122px 0 0 -5px #33c1d4,-123px 0 0 -5px #33c1d4,-124px 0 0 -5px #33c1d4,-125px 0 0 -5px #33c1d4, -126px 0 0 -5px #33c1d4,-127px 0 0 -5px #33c1d4,-128px 0 0 -5px #33c1d4,-129px 0 0 -5px #33c1d4,-130px 0 0 -5px #33c1d4, -131px 0 0 -5px #33c1d4,-132px 0 0 -5px #33c1d4,-133px 0 0 -5px #33c1d4,-134px 0 0 -5px #33c1d4,-135px 0 0 -5px #33c1d4, -136px 0 0 -5px #33c1d4,-137px 0 0 -5px #33c1d4,-138px 0 0 -5px #33c1d4,-139px 0 0 -5px #33c1d4,-140px 0 0 -5px #33c1d4, -141px 0 0 -5px #33c1d4,-142px 0 0 -5px #33c1d4,-143px 0 0 -5px #33c1d4,-144px 0 0 -5px #33c1d4,-145px 0 0 -5px #33c1d4, -146px 0 0 -5px #33c1d4,-147px 0 0 -5px #33c1d4,-148px 0 0 -5px #33c1d4,-149px 0 0 -5px #33c1d4,-150px 0 0 -5px #33c1d4, -151px 0 0 -5px #33c1d4,-152px 0 0 -5px #33c1d4,-153px 0 0 -5px #33c1d4,-154px 0 0 -5px #33c1d4, -155px 0 0 -5px #33c1d4, -156px 0 0 -5px #33c1d4,-157px 0 0 -5px #33c1d4,-158px 0 0 -5px #33c1d4,-159px 0 0 -5px #33c1d4,-160px 0 0 -5px #33c1d4, -161px 0 0 -5px #33c1d4,-162px 0 0 -5px #33c1d4,-163px 0 0 -5px #33c1d4,-164px 0 0 -5px #33c1d4,-165px 0 0 -5px #33c1d4, -166px 0 0 -5px #33c1d4,-167px 0 0 -5px #33c1d4,-168px 0 0 -5px #33c1d4,-169px 0 0 -5px #33c1d4,-170px 0 0 -5px #33c1d4, -171px 0 0 -5px #33c1d4, -172px 0 0 -5px #33c1d4,-173px 0 0 -5px #33c1d4,-174px 0 0 -5px #33c1d4,-175px 0 0 -5px #33c1d4, -176px 0 0 -5px #33c1d4,-177px 0 0 -5px #33c1d4,-178px 0 0 -5px #33c1d4,-179px 0 0 -5px #33c1d4,-180px 0 0 -5px #33c1d4, -181px 0 0 -5px #33c1d4,-182px 0 0 -5px #33c1d4,-183px 0 0 -5px #33c1d4,-184px 0 0 -5px #33c1d4,-185px 0 0 -5px #33c1d4, -186px 0 0 -5px #33c1d4,-187px 0 0 -5px #33c1d4,-188px 0 0 -5px #33c1d4, -189px 0 0 -5px #33c1d4,-190px 0 0 -5px #33c1d4,-191px 0 0 -5px #33c1d4,-192px 0 0 -5px #33c1d4,-193px 0 0 -5px #33c1d4,-194px 0 0 -5px #33c1d4, -195px 0 0 -5px #33c1d4, -196px 0 0 -5px #33c1d4,-197px 0 0 -5px #33c1d4,-198px 0 0 -5px #33c1d4,-199px 0 0 -5px #33c1d4,-200px 0 0 -5px #33c1d4, -201px 0 0 -5px #33c1d4,-202px 0 0 -5px #33c1d4,-203px 0 0 -5px #33c1d4,-204px 0 0 -5px #33c1d4,-205px 0 0 -5px #33c1d4, -2061px 0 0 -5px #33c1d4,-207px 0 0 -5px #33c1d4,-208px 0 0 -5px #33c1d4,-209px 0 0 -5px #33c1d4,-210px 0 0 -5px #33c1d4, -211px 0 0 -5px #33c1d4,-212px 0 0 -5px #33c1d4,-213px 0 0 -5px #33c1d4,-214px 0 0 -5px #33c1d4,-215px 0 0 0 #ccb;
}



.kanBanCardMorePopup .progressNegative .value {
    background-color: #fff !important;
}

.kanBanCardMorePopup input[disabled]#taskShowDetailsCompletionDateID {
    width: 140px !important;
    background: url('../../resources/images//ToolBar/kanBanCalendar.svg') no-repeat 115px center !important;
    background-size: 16px !important;
    border: 1px solid #ececec;
    background-color: #fafafa !important;
}


.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
    border-style: none !important;
    background: #eee !important;
    border-radius: 50%;
}


.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-icon-circle-triangle-e {
    background: url('../../resources/images/icons/arrowexpandnew.png') no-repeat center center !important;
    background-size: 7px !important;
    cursor: pointer;
}

.ui-datepicker .ui-icon-circle-triangle-w {
    background: url('../../resources/images/icons/arrowexpandnew.png') no-repeat center center !important;
    background-size: 7px !important;
    cursor: pointer;
    transform: rotate(180deg);
}

.flexHierarchyArea select,
.flexHierarchyArea input[type=text],
.flexHierarchyArea textarea
{
    width:98% !important;
}

.paddingLeft5 {
    padding-left: 5px;
}

#ListEditordiv .firstSplitterPane 
{
    width: 300px !important;
}

#ListEditordiv .RadGrid .rgCommandRow a {
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    background: url('../INTERPLAN/ToolBar/ToolBarAdd.svg') no-repeat left center !important;
    background-size: 19px !important;
    padding-left: 24px;
}

.RadSplitter_Default,
.RadTreeView_Default {
    font-family: "Roboto", arial, sans-serif !important;
    font-size: 13px !important;
}

#ListEditordiv .RadGrid_Interplan .rgCommandTable caption {
    display: none;
}

#ListEditordiv .RadGrid_Interplan .rgDataDiv 
{
    height:auto !important;
}

#ListEditordiv .RadGrid_Interplan .rgCommandCell {
    border-style: none !important;

}

#ListEditordiv .RadGrid_Interplan .rgCommandRow table {
    border-style: none !important;
}

#ListEditordiv .RadGrid_Interplan .rgCommandTable td {
    padding: 7px !important;
}

.RadGrid_Interplan .rgCommandTable td input[type=submit] {
    display: none;
}

#ListEditordiv .RadGrid .rgCommandRow tr td:last-child {
    display: none;
}

#ListEditordiv .RadGrid_Interplan {
    border-bottom-style: none !important
}

    #ListEditordiv .RadGrid_Interplan .rgEditForm table {
        border-style: none !important;
    }

    #ListEditordiv .RadGrid_Interplan .rgEditForm .datacell {
        vertical-align: middle !important;
    }

    #ListEditordiv .RadGrid_Interplan .rgEditForm .cellFormValidator
{
        padding-top:14px !important;
        padding-left:5px;

    }

#ListEditordiv .rspLastItem,
#ListEditordiv .rspLastItem > div
{
    width: 785px !important;
}



        /*#ListEditordiv .RadGrid_Interplan .rgEditForm table td:last-child {
            padding:0px !important;
        }*/
.divBudgetSectionScroll .GridView .RowStyleGrandTotalCategories td,
.divBudgetSectionScroll .GridView .RowStyleGrandTotal td {
    padding: 6px !important;
}



.divBudgetSectionScroll .GridView .rgHeader th:nth-child(1),
.divBudgetSectionScroll .GridView .rgHeader th:nth-child(2) {
    text-align: left !important;
}

.divBudgetSectionScroll .GridView .rgHeader th {
    padding: 6px;
}

.bootstrap-select .dropdown-menu li.selected {
    width: 100%;
    background-color: #fff;
    float: none;
    margin: 0px !important;
    padding: 0px !important;
}



.divBudgetSectionScrollInner .mCSB_container_wrapper > .mCSB_container {
    padding-right: 0px !important;
}

.divBudgetSectionScrollInner {
    overflow: auto;
   
}


.divBudgetSectionScroll .GridView .rgHeader th {
    position: sticky;
    top: 0px;
    background: #e7e7e7 !important;
}

.divBudgetSectionScroll .GridView .rgHeader {
  
    background: #fff !important;
}

.paddingLeft15 {
    padding-left: 15px;
}

.userLeftPanel .btnStaffHistory {
    margin-left: 7px;
}
/*.userLeftPanel .contentHeadaerstretch .contentHeadaer.staffContentHeader {
    width: 164px;
}
.UserRoleLeftMenu .contentHeadaerstretch .contentHeadaer.staffContentHeader {
    width: 160px;
}
.staffLeftMenu .contentHeadaerstretch .contentHeadaer.staffContentHeader {
    width: 140px;
}*/
.btnHistoryLeftMenuHead {
    width: 20px !important;
    height: 20px !important;
}
/*=========================== History Popup Styles ===========================*/

.font-weight-bolder {
    font-weight: bolder !important;
}
.font-weight-bold {
    font-weight: bolder !important;
}
.toolbariconcell .toolbarHistorybtn {
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    margin-left: 2px;
}

.HistoryWindow{
    top:55px !important;
}

.HistoryWindow a.rwIcon {
    background-image: none !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}


.HistoryWindow .rwTitlebarControls, .HistoryWindow .rwTopResize, .HistoryWindow .rwControlButtons a {
    background-color: #2D6A9F !important;
}

    .HistoryWindow .rwControlButtons a{
        border:none !important;
    }
#summarydiv, #CurrentValueDiv, #PreviousValueDiv {
    margin-top: 50px;
    margin-right: 5px;
    margin-left: 5px;
}
#summaryGrid {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}

    /*#summaryGrid > div, #summarydiv > div, #CurrentValueDiv > div, #PreviousValueDiv > div {
        border: solid 1px #DDD;
        border-radius: 10px !important;
    }*/

    #summaryGrid .GridView, #summarydiv .GridView, #CurrentValueDiv .GridView, #PreviousValueDiv .GridView {
        border-collapse: separate !important;
        border-radius: 10px !important;
        border: solid 1px #DDD;
        table-layout: fixed !important;
    }

        #summaryGrid .GridView .HeaderStyle th, #summarydiv .GridView .HeaderStyle th, #CurrentValueDiv .GridView th, #PreviousValueDiv .GridView th {
            font-size: 13.2px
        }


            #summaryGrid .GridView .HeaderStyle th:first-child, #summaryGrid .GridView .RowStyle > td:first-child, #summaryGrid .GridView .AlternatingRowStyle > td:first-child, .HistoryWindowContent .GridView .HeaderStyle th:first-child, .HistoryWindowContent .GridView .RowStyle > td:first-child, .HistoryWindowContent .GridView .AlternatingRowStyle > td:first-child {
                border-left: 0px !important;
                padding-left: 15px !important;
            }
        #summaryGrid .GridView th:first-of-type, .HistoryWindowContent .GridView th:first-of-type {
            border-top-left-radius: 10px;
        }

        #summaryGrid .GridView th:last-of-type, .HistoryWindowContent .GridView th:last-of-type {
            border-top-right-radius: 10px;
        }

        #summaryGrid .GridView tr:last-of-type td:first-of-type, .HistoryWindowContent .GridView tr:last-of-type td:first-of-type {
            border-bottom-left-radius: 10px;
        }

        #summaryGrid .GridView tr:last-of-type td:last-of-type, .HistoryWindowContent .GridView tr:last-of-type td:last-of-type {
            border-bottom-right-radius: 10px;
        }

        #summaryGrid .GridView tr.RowStyle:last-of-type, #summaryGrid .GridView tr.RowStyle:last-of-type td, #summaryGrid .GridView tr.AlternatingRowStyle:last-of-type, #summaryGrid .GridView tr.AlternatingRowStyle:last-of-type td, .HistoryWindowContent .GridView tr.RowStyle:last-of-type, .HistoryWindowContent .GridView tr.RowStyle:last-of-type td, .HistoryWindowContent .GridView tr.AlternatingRowStyle:last-of-type, .HistoryWindowContent .GridView tr.AlternatingRowStyle:last-of-type td {
            border-bottom: 0px;
        }

        #summaryGrid .GridView tr.RowStyle td, #summaryGrid .GridView tr.AlternatingRowStyle td, .HistoryWindowContent .GridView tr.RowStyle td, .HistoryWindowContent .GridView tr.AlternatingRowStyle td {
            padding-top: 10px;
            padding-bottom: 10px;
            vertical-align: top !important;
        }


        #summaryGrid .GridView .RowStyle:hover td, #summaryGrid .GridView .AlternatingRowStyle:hover td {
            background-color: #f5f5f5;
        }

.HistoryWindowContent .GridView tr.RowStyle td, .HistoryWindowContent .GridView tr.RowStyle td span, .HistoryWindowContent .GridView tr.AlternatingRowStyle td, .HistoryWindowContent .GridView tr.AlternatingRowStyle td span {
    font-size: 13.2px !important;
}

            #summaryGrid .GridView tr.RowStyle td a, #summaryGrid .GridView tr.AlternatingRowStyle td a, .HistoryWindowContent .GridView tr.RowStyle td a, .HistoryWindowContent .GridView tr.AlternatingRowStyle td a {
                font-size: 13.8px;
                color: #2D6A9F;
                text-decoration: none !important;
            }

.button.btnBackHistoryWindow {
    float: right;
    margin-right: 10px;
}

.HistoryWindowContent {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
}

.HistoryWindowTopRow {
    padding-bottom: 20px;
    margin-top: 20px;
}

.lblHistoryWindow {
    font-size: 18px;
    /*font-weight: 600;*/
    color: #1E425B;
}

.HistoryWindowTabStrip input {
    font-size: 14px;
    font-weight: 500;
}

.HistoryWindowTabStrip .tabButtons {
    background-color: #E7E7E7;
    padding-left: 15px;
    padding-right: 15px;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

    .HistoryWindowTabStrip .tabButtons.active {
        background-color: #FFF;
        border-top-color: #044C8C;
        border-left: solid 1px #f2f2f2;
        border-right: solid 1px #f2f2f2;
        border-bottom: solid 1px #f2f2f2;
        /* The border of 0.5px in the mockup is unobtanium atm. However we can trick the human eye to think it's thiner by using a lighter colour. #f2f2f2 does that*/
    }

#divNoPreviousHistory{
    border:none !important;
}

.noDataMsgImg {
    background: transparent url('media/icons/noDataMsg.svg') no-repeat center center;
    width: 80px;
    height: 80px;
    margin: auto;
    margin-top: 140px;
    margin-bottom: 15px;
}
.noDataMsg {
    font-size: 13.5px;
    color: #044C8C;
}

.noDataMsgHint{
    margin-top:5px;
}


.projectListProgress input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7 !important;
}


.projectListProgress input[type='range'] {
    -webkit-appearance: none !important;
    overflow: hidden !important;
    background-color: transparent;
    height: 23px !important;
    border-radius: 6px !important;
    border-style: none !important;
    padding: 0px !important;
}

    .projectListProgress input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none !important;
        height: 6px !important;
        border: none !important;
        border-radius: 6px !important;
    }




.projectListProgress input[type=range] {
    margin-top: 0px !important;
}





.projectListProgress .progressDefault .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ccb,-6px 0 0 -5px #ccb,-7px 0 0 -5px #ccb,-8px 0 0 -5px #ccb,-9px 0 0 -5px #ccb, -10px 0 0 -5px #ccb,-11px 0 0 -5px #ccb,-12px 0 0 -5px #ccb,-13px 0 0 -5px #ccb,-14px 0 0 -5px #ccb, -15px 0 0 -5px #ccb,-15px 0 0 -5px #ccb,-16px 0 0 -5px #ccb,-17px 0 0 -5px #ccb,-18px 0 0 -5px #ccb,-19px 0 0 -5px #ccb,-20px 0 0 -5px #ccb, -21px 0 0 -5px #ccb,-22px 0 0 -5px #ccb,-23px 0 0 -5px #ccb,-24px 0 0 -5px #ccb,-25px 0 0 -5px #ccb, -26px 0 0 -5px #ccb,-27px 0 0 -5px #ccb,-28px 0 0 -5px #ccb,-29px 0 0 -5px #ccb,-30px 0 0 -5px #ccb, -31px 0 0 -5px #ccb,-32px 0 0 -5px #ccb,-33px 0 0 -5px #ccb,-34px 0 0 -5px #ccb,-35px 0 0 -5px #ccb, -36px 0 0 -5px #ccb,-37px 0 0 -5px #ccb,-38px 0 0 -5px #ccb,-39px 0 0 -5px #ccb,-40px 0 0 -5px #ccb, -11px 0 0 -5px #ccb,-42px 0 0 -5px #ccb,-43px 0 0 -5px #ccb,-44px 0 0 -5px #ccb,-45px 0 0 -5px #ccb, -46px 0 0 -5px #ccb,-47px 0 0 -5px #ccb,-48px 0 0 -5px #ccb,-49px 0 0 -5px #ccb,-50px 0 0 -5px #ccb, -51px 0 0 -5px #ccb,-52px 0 0 -5px #ccb,-53px 0 0 -5px #ccb,-54px 0 0 -5px #ccb,-55px 0 0 -5px #ccb, -56px 0 0 -5px #ccb,-57px 0 0 -5px #ccb,-58px 0 0 -5px #ccb,-59px 0 0 -5px #ccb,-60px 0 0 -5px #ccb, -61px 0 0 -5px #ccb,-62px 0 0 -5px #ccb,-63px 0 0 -5px #ccb,-64px 0 0 -5px #ccb,-65px 0 0 -5px #ccb, -66px 0 0 -5px #ccb,-67px 0 0 -5px #ccb,-68px 0 0 -5px #ccb,-69px 0 0 -5px #ccb,-70px 0 0 -5px #ccb, -71px 0 0 -5px #ccb,-72px 0 0 -5px #ccb,-73px 0 0 -5px #ccb,-74px 0 0 -5px #ccb,-75px 0 0 -5px #ccb,-76px 0 0 -5px #ccb,-77px 0 0 -5px #ccb,-78px 0 0 -5px #ccb,-79px 0 0 -5px #ccb, -80px 0 0 -5px #ccb, -81px 0 0 -5px #ccb,-82px 0 0 -5px #ccb,-83px 0 0 -5px #ccb,-84px 0 0 -5px #ccb,-85px 0 0 -5px #ccb,-86px 0 0 -5px #ccb,-87px 0 0 -5px #ccb,-88px 0 0 -5px #ccb,-89px 0 0 -5px #ccb,-90px 0 0 -5px #ccb,-91px 0 0 -5px #ccb,-92px 0 0 -5px #ccb,-93px 0 0 -5px #ccb,-94px 0 0 -5px #ccb, -95px 0 0 -5px #ccb, -96px 0 0 -5px #ccb,-97px 0 0 -5px #ccb,-98px 0 0 -5px #ccb,-99px 0 0 -5px #ccb,-100px 0 0 -5px #ccb, -101px 0 0 -5px #ccb,-102px 0 0 -5px #ccb,-103px 0 0 -5px #ccb,-104px 0 0 -5px #ccb,-105px 0 0 -5px #ccb, -106px 0 0 -5px #ccb,-107px 0 0 -5px #ccb,-108px 0 0 -5px #ccb,-109px 0 0 -5px #ccb,-110px 0 0 -5px #ccb, -111px 0 0 -5px #ccb,-112px 0 0 -5px #ccb,-113px 0 0 -5px #ccb,-114px 0 0 -5px #ccb,-115px 0 0 -5px #ccb,-116px 0 0 -5px #ccb,-117px 0 0 -5px #ccb,-118px 0 0 -5px #ccb,-119px 0 0 -5px #ccb, -120px 0 0 -5px #ccb, -121px 0 0 -5px #ccb,-122px 0 0 -5px #ccb,-123px 0 0 -5px #ccb,-124px 0 0 -5px #ccb,-125px 0 0 -5px #ccb, -126px 0 0 -5px #ccb,-127px 0 0 -5px #ccb,-128px 0 0 -5px #ccb,-129px 0 0 -5px #ccb,-130px 0 0 -5px #ccb, -131px 0 0 -5px #ccb,-132px 0 0 -5px #ccb,-133px 0 0 -5px #ccb,-134px 0 0 -5px #ccb,-135px 0 0 -5px #ccb, -136px 0 0 -5px #ccb,-137px 0 0 -5px #ccb,-138px 0 0 -5px #ccb,-139px 0 0 -5px #ccb,-140px 0 0 -5px #ccb, -141px 0 0 -5px #ccb,-142px 0 0 -5px #ccb,-143px 0 0 -5px #ccb,-144px 0 0 -5px #ccb,-145px 0 0 -5px #ccb, -146px 0 0 -5px #ccb,-147px 0 0 -5px #ccb,-148px 0 0 -5px #ccb,-149px 0 0 -5px #ccb,-150px 0 0 -5px #ccb, -151px 0 0 -5px #ccb,-152px 0 0 -5px #ccb,-153px 0 0 -5px #ccb,-154px 0 0 -5px #ccb, -155px 0 0 -5px #ccb, -156px 0 0 -5px #ccb,-157px 0 0 -5px #ccb,-158px 0 0 -5px #ccb,-159px 0 0 -5px #ccb,-160px 0 0 -5px #ccb, -161px 0 0 -5px #ccb,-162px 0 0 -5px #ccb,-163px 0 0 -5px #ccb,-164px 0 0 -5px #ccb,-165px 0 0 -5px #ccb, -166px 0 0 -5px #ccb,-167px 0 0 -5px #ccb,-168px 0 0 -5px #ccb,-169px 0 0 -5px #ccb,-170px 0 0 -5px #ccb, -171px 0 0 -5px #ccb, -172px 0 0 -5px #ccb,-173px 0 0 -5px #ccb,-174px 0 0 -5px #ccb,-175px 0 0 -5px #ccb, -176px 0 0 -5px #ccb,-177px 0 0 -5px #ccb,-178px 0 0 -5px #ccb,-179px 0 0 -5px #ccb,-180px 0 0 -5px #ccb, -181px 0 0 -5px #ccb,-182px 0 0 -5px #ccb,-183px 0 0 -5px #ccb,-184px 0 0 -5px #ccb,-185px 0 0 -5px #ccb, -186px 0 0 -5px #ccb,-187px 0 0 -5px #ccb,-188px 0 0 -5px #ccb, -189px 0 0 -5px #ccb,-190px 0 0 -5px #ccb,-191px 0 0 -5px #ccb,-192px 0 0 -5px #ccb,-193px 0 0 -5px #ccb,-194px 0 0 -5px #ccb, -195px 0 0 -5px #ccb, -196px 0 0 -5px #ccb,-197px 0 0 -5px #ccb,-198px 0 0 -5px #ccb,-199px 0 0 -5px #ccb,-200px 0 0 -5px #ccb, -201px 0 0 -5px #ccb,-202px 0 0 -5px #ccb,-203px 0 0 -5px #ccb,-204px 0 0 -5px #ccb,-205px 0 0 -5px #ccb, -2061px 0 0 -5px #ccb,-207px 0 0 -5px #ccb,-208px 0 0 -5px #ccb,-209px 0 0 -5px #ccb,-210px 0 0 -5px #ccb, -211px 0 0 -5px #ccb,-212px 0 0 -5px #ccb,-213px 0 0 -5px #ccb,-214px 0 0 -5px #ccb,-215px 0 0 0 #ccb !important;
}



.projectListProgress .progressOnTrack .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a !important;
    cursor: pointer;
    margin-top: -4px !important;
    -webkit-appearance: none;
    height: 15px !important;
    width: 15px !important;
    border-radius: 12px !important;
    box-shadow: -5px 0 0 -5px #01c971,-6px 0 0 -5px #01c971,-7px 0 0 -5px #01c971,-8px 0 0 -5px #01c971,-9px 0 0 -5px #01c971, -10px 0 0 -5px #01c971,-11px 0 0 -5px #01c971,-12px 0 0 -5px #01c971,-13px 0 0 -5px #01c971,-14px 0 0 -5px #01c971, -15px 0 0 -5px #01c971,-15px 0 0 -5px #01c971,-16px 0 0 -5px #01c971,-17px 0 0 -5px #01c971,-18px 0 0 -5px #01c971,-19px 0 0 -5px #01c971,-20px 0 0 -5px #01c971, -21px 0 0 -5px #01c971,-22px 0 0 -5px #01c971,-23px 0 0 -5px #01c971,-24px 0 0 -5px #01c971,-25px 0 0 -5px #01c971, -26px 0 0 -5px #01c971,-27px 0 0 -5px #01c971,-28px 0 0 -5px #01c971,-29px 0 0 -5px #01c971,-30px 0 0 -5px #01c971, -31px 0 0 -5px #01c971,-32px 0 0 -5px #01c971,-33px 0 0 -5px #01c971,-34px 0 0 -5px #01c971,-35px 0 0 -5px #01c971, -36px 0 0 -5px #01c971,-37px 0 0 -5px #01c971,-38px 0 0 -5px #01c971,-39px 0 0 -5px #01c971,-40px 0 0 -5px #01c971, -11px 0 0 -5px #01c971,-42px 0 0 -5px #01c971,-43px 0 0 -5px #01c971,-44px 0 0 -5px #01c971,-45px 0 0 -5px #01c971, -46px 0 0 -5px #01c971,-47px 0 0 -5px #01c971,-48px 0 0 -5px #01c971,-49px 0 0 -5px #01c971,-50px 0 0 -5px #01c971, -51px 0 0 -5px #01c971,-52px 0 0 -5px #01c971,-53px 0 0 -5px #01c971,-54px 0 0 -5px #01c971,-55px 0 0 -5px #01c971, -56px 0 0 -5px #01c971,-57px 0 0 -5px #01c971,-58px 0 0 -5px #01c971,-59px 0 0 -5px #01c971,-60px 0 0 -5px #01c971, -61px 0 0 -5px #01c971,-62px 0 0 -5px #01c971,-63px 0 0 -5px #01c971,-64px 0 0 -5px #01c971,-65px 0 0 -5px #01c971, -66px 0 0 -5px #01c971,-67px 0 0 -5px #01c971,-68px 0 0 -5px #01c971,-69px 0 0 -5px #01c971,-70px 0 0 -5px #01c971, -71px 0 0 -5px #01c971,-72px 0 0 -5px #01c971,-73px 0 0 -5px #01c971,-74px 0 0 -5px #01c971,-75px 0 0 -5px #01c971,-76px 0 0 -5px #01c971,-77px 0 0 -5px #01c971,-78px 0 0 -5px #01c971,-79px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -81px 0 0 -5px #01c971,-82px 0 0 -5px #01c971,-83px 0 0 -5px #01c971,-84px 0 0 -5px #01c971,-85px 0 0 -5px #01c971,-86px 0 0 -5px #01c971,-87px 0 0 -5px #01c971,-88px 0 0 -5px #01c971,-89px 0 0 -5px #01c971,-90px 0 0 -5px #01c971,-91px 0 0 -5px #01c971,-92px 0 0 -5px #01c971,-93px 0 0 -5px #01c971,-94px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -96px 0 0 -5px #01c971,-97px 0 0 -5px #01c971,-98px 0 0 -5px #01c971,-99px 0 0 -5px #01c971,-100px 0 0 -5px #01c971, -101px 0 0 -5px #01c971,-102px 0 0 -5px #01c971,-103px 0 0 -5px #01c971,-104px 0 0 -5px #01c971,-105px 0 0 -5px #01c971, -106px 0 0 -5px #01c971,-107px 0 0 -5px #01c971,-108px 0 0 -5px #01c971,-109px 0 0 -5px #01c971,-110px 0 0 -5px #01c971, -111px 0 0 -5px #01c971,-112px 0 0 -5px #01c971,-113px 0 0 -5px #01c971,-114px 0 0 -5px #01c971,-115px 0 0 -5px #01c971,-116px 0 0 -5px #01c971,-117px 0 0 -5px #01c971,-118px 0 0 -5px #01c971,-119px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -121px 0 0 -5px #01c971,-122px 0 0 -5px #01c971,-123px 0 0 -5px #01c971,-124px 0 0 -5px #01c971,-125px 0 0 -5px #01c971, -126px 0 0 -5px #01c971,-127px 0 0 -5px #01c971,-128px 0 0 -5px #01c971,-129px 0 0 -5px #01c971,-130px 0 0 -5px #01c971, -131px 0 0 -5px #01c971,-132px 0 0 -5px #01c971,-133px 0 0 -5px #01c971,-134px 0 0 -5px #01c971,-135px 0 0 -5px #01c971, -136px 0 0 -5px #01c971,-137px 0 0 -5px #01c971,-138px 0 0 -5px #01c971,-139px 0 0 -5px #01c971,-140px 0 0 -5px #01c971, -141px 0 0 -5px #01c971,-142px 0 0 -5px #01c971,-143px 0 0 -5px #01c971,-144px 0 0 -5px #01c971,-145px 0 0 -5px #01c971, -146px 0 0 -5px #01c971,-147px 0 0 -5px #01c971,-148px 0 0 -5px #01c971,-149px 0 0 -5px #01c971,-150px 0 0 -5px #01c971, -151px 0 0 -5px #01c971,-152px 0 0 -5px #01c971,-153px 0 0 -5px #01c971,-154px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -156px 0 0 -5px #01c971,-157px 0 0 -5px #01c971,-158px 0 0 -5px #01c971,-159px 0 0 -5px #01c971,-160px 0 0 -5px #01c971, -161px 0 0 -5px #01c971,-162px 0 0 -5px #01c971,-163px 0 0 -5px #01c971,-164px 0 0 -5px #01c971,-165px 0 0 -5px #01c971, -166px 0 0 -5px #01c971,-167px 0 0 -5px #01c971,-168px 0 0 -5px #01c971,-169px 0 0 -5px #01c971,-170px 0 0 -5px #01c971, -171px 0 0 -5px #01c971, -172px 0 0 -5px #01c971,-173px 0 0 -5px #01c971,-174px 0 0 -5px #01c971,-175px 0 0 -5px #01c971, -176px 0 0 -5px #01c971,-177px 0 0 -5px #01c971,-178px 0 0 -5px #01c971,-179px 0 0 -5px #01c971,-180px 0 0 -5px #01c971, -181px 0 0 -5px #01c971,-182px 0 0 -5px #01c971,-183px 0 0 -5px #01c971,-184px 0 0 -5px #01c971,-185px 0 0 -5px #01c971, -186px 0 0 -5px #01c971,-187px 0 0 -5px #01c971,-188px 0 0 -5px #01c971, -189px 0 0 -5px #01c971,-190px 0 0 -5px #01c971,-191px 0 0 -5px #01c971,-192px 0 0 -5px #01c971,-193px 0 0 -5px #01c971,-194px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -196px 0 0 -5px #01c971,-197px 0 0 -5px #01c971,-198px 0 0 -5px #01c971,-199px 0 0 -5px #01c971,-200px 0 0 -5px #01c971, -201px 0 0 -5px #01c971,-202px 0 0 -5px #01c971,-203px 0 0 -5px #01c971,-204px 0 0 -5px #01c971,-205px 0 0 -5px #01c971, -2061px 0 0 -5px #01c971,-207px 0 0 -5px #01c971,-208px 0 0 -5px #01c971,-209px 0 0 -5px #01c971,-210px 0 0 -5px #01c971, -211px 0 0 -5px #01c971,-212px 0 0 -5px #01c971,-213px 0 0 -5px #01c971,-214px 0 0 -5px #01c971,-215px 0 0 0 #01c971 !important;
}


.projectListProgress .progressMonitor .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a !important;
    cursor: pointer;
    margin-top: -4px !important;
    -webkit-appearance: none;
    height: 15px !important;
    width: 15px !important;
    border-radius: 12px !important;
    box-shadow: -5px 0 0 -5px #ffcb2c,-6px 0 0 -5px #ffcb2c,-7px 0 0 -5px #ffcb2c,-8px 0 0 -5px #ffcb2c,-9px 0 0 -5px #ffcb2c, -10px 0 0 -5px #ffcb2c,-11px 0 0 -5px #ffcb2c,-12px 0 0 -5px #ffcb2c,-13px 0 0 -5px #ffcb2c,-14px 0 0 -5px #ffcb2c, -15px 0 0 -5px #ffcb2c,-15px 0 0 -5px #ffcb2c,-16px 0 0 -5px #ffcb2c,-17px 0 0 -5px #ffcb2c,-18px 0 0 -5px #ffcb2c,-19px 0 0 -5px #ffcb2c,-20px 0 0 -5px #ffcb2c, -21px 0 0 -5px #ffcb2c,-22px 0 0 -5px #ffcb2c,-23px 0 0 -5px #ffcb2c,-24px 0 0 -5px #ffcb2c,-25px 0 0 -5px #ffcb2c, -26px 0 0 -5px #ffcb2c,-27px 0 0 -5px #ffcb2c,-28px 0 0 -5px #ffcb2c,-29px 0 0 -5px #ffcb2c,-30px 0 0 -5px #ffcb2c, -31px 0 0 -5px #ffcb2c,-32px 0 0 -5px #ffcb2c,-33px 0 0 -5px #ffcb2c,-34px 0 0 -5px #ffcb2c,-35px 0 0 -5px #ffcb2c, -36px 0 0 -5px #ffcb2c,-37px 0 0 -5px #ffcb2c,-38px 0 0 -5px #ffcb2c,-39px 0 0 -5px #ffcb2c,-40px 0 0 -5px #ffcb2c, -11px 0 0 -5px #ffcb2c,-42px 0 0 -5px #ffcb2c,-43px 0 0 -5px #ffcb2c,-44px 0 0 -5px #ffcb2c,-45px 0 0 -5px #ffcb2c, -46px 0 0 -5px #ffcb2c,-47px 0 0 -5px #ffcb2c,-48px 0 0 -5px #ffcb2c,-49px 0 0 -5px #ffcb2c,-50px 0 0 -5px #ffcb2c, -51px 0 0 -5px #ffcb2c,-52px 0 0 -5px #ffcb2c,-53px 0 0 -5px #ffcb2c,-54px 0 0 -5px #ffcb2c,-55px 0 0 -5px #ffcb2c, -56px 0 0 -5px #ffcb2c,-57px 0 0 -5px #ffcb2c,-58px 0 0 -5px #ffcb2c,-59px 0 0 -5px #ffcb2c,-60px 0 0 -5px #ffcb2c, -61px 0 0 -5px #ffcb2c,-62px 0 0 -5px #ffcb2c,-63px 0 0 -5px #ffcb2c,-64px 0 0 -5px #ffcb2c,-65px 0 0 -5px #ffcb2c, -66px 0 0 -5px #ffcb2c,-67px 0 0 -5px #ffcb2c,-68px 0 0 -5px #ffcb2c,-69px 0 0 -5px #ffcb2c,-70px 0 0 -5px #ffcb2c, -71px 0 0 -5px #ffcb2c,-72px 0 0 -5px #ffcb2c,-73px 0 0 -5px #ffcb2c,-74px 0 0 -5px #ffcb2c,-75px 0 0 -5px #ffcb2c,-76px 0 0 -5px #ffcb2c,-77px 0 0 -5px #ffcb2c,-78px 0 0 -5px #ffcb2c,-79px 0 0 -5px #ffcb2c, -80px 0 0 -5px #ffcb2c, -81px 0 0 -5px #ffcb2c,-82px 0 0 -5px #ffcb2c,-83px 0 0 -5px #ffcb2c,-84px 0 0 -5px #ffcb2c,-85px 0 0 -5px #ffcb2c,-86px 0 0 -5px #ffcb2c,-87px 0 0 -5px #ffcb2c,-88px 0 0 -5px #ffcb2c,-89px 0 0 -5px #ffcb2c,-90px 0 0 -5px #ffcb2c,-91px 0 0 -5px #ffcb2c,-92px 0 0 -5px #ffcb2c,-93px 0 0 -5px #ffcb2c,-94px 0 0 -5px #ffcb2c, -95px 0 0 -5px #ffcb2c, -96px 0 0 -5px #ffcb2c,-97px 0 0 -5px #ffcb2c,-98px 0 0 -5px #ffcb2c,-99px 0 0 -5px #ffcb2c,-100px 0 0 -5px #ffcb2c, -101px 0 0 -5px #ffcb2c,-102px 0 0 -5px #ffcb2c,-103px 0 0 -5px #ffcb2c,-104px 0 0 -5px #ffcb2c,-105px 0 0 -5px #ffcb2c, -106px 0 0 -5px #ffcb2c,-107px 0 0 -5px #ffcb2c,-108px 0 0 -5px #ffcb2c,-109px 0 0 -5px #ffcb2c,-110px 0 0 -5px #ffcb2c, -111px 0 0 -5px #ffcb2c,-112px 0 0 -5px #ffcb2c,-113px 0 0 -5px #ffcb2c,-114px 0 0 -5px #ffcb2c,-115px 0 0 -5px #ffcb2c,-116px 0 0 -5px #ffcb2c,-117px 0 0 -5px #ffcb2c,-118px 0 0 -5px #ffcb2c,-119px 0 0 -5px #ffcb2c, -120px 0 0 -5px #ffcb2c, -121px 0 0 -5px #ffcb2c,-122px 0 0 -5px #ffcb2c,-123px 0 0 -5px #ffcb2c,-124px 0 0 -5px #ffcb2c,-125px 0 0 -5px #ffcb2c, -126px 0 0 -5px #ffcb2c,-127px 0 0 -5px #ffcb2c,-128px 0 0 -5px #ffcb2c,-129px 0 0 -5px #ffcb2c,-130px 0 0 -5px #ffcb2c, -131px 0 0 -5px #ffcb2c,-132px 0 0 -5px #ffcb2c,-133px 0 0 -5px #ffcb2c,-134px 0 0 -5px #ffcb2c,-135px 0 0 -5px #ffcb2c, -136px 0 0 -5px #ffcb2c,-137px 0 0 -5px #ffcb2c,-138px 0 0 -5px #ffcb2c,-139px 0 0 -5px #ffcb2c,-140px 0 0 -5px #ffcb2c, -141px 0 0 -5px #ffcb2c,-142px 0 0 -5px #ffcb2c,-143px 0 0 -5px #ffcb2c,-144px 0 0 -5px #ffcb2c,-145px 0 0 -5px #ffcb2c, -146px 0 0 -5px #ffcb2c,-147px 0 0 -5px #ffcb2c,-148px 0 0 -5px #ffcb2c,-149px 0 0 -5px #ffcb2c,-150px 0 0 -5px #ffcb2c, -151px 0 0 -5px #ffcb2c,-152px 0 0 -5px #ffcb2c,-153px 0 0 -5px #ffcb2c,-154px 0 0 -5px #ffcb2c, -155px 0 0 -5px #ffcb2c, -156px 0 0 -5px #ffcb2c,-157px 0 0 -5px #ffcb2c,-158px 0 0 -5px #ffcb2c,-159px 0 0 -5px #ffcb2c,-160px 0 0 -5px #ffcb2c, -161px 0 0 -5px #ffcb2c,-162px 0 0 -5px #ffcb2c,-163px 0 0 -5px #ffcb2c,-164px 0 0 -5px #ffcb2c,-165px 0 0 -5px #ffcb2c, -166px 0 0 -5px #ffcb2c,-167px 0 0 -5px #ffcb2c,-168px 0 0 -5px #ffcb2c,-169px 0 0 -5px #ffcb2c,-170px 0 0 -5px #ffcb2c, -171px 0 0 -5px #ffcb2c, -172px 0 0 -5px #ffcb2c,-173px 0 0 -5px #ffcb2c,-174px 0 0 -5px #ffcb2c,-175px 0 0 -5px #ffcb2c, -176px 0 0 -5px #ffcb2c,-177px 0 0 -5px #ffcb2c,-178px 0 0 -5px #ffcb2c,-179px 0 0 -5px #ffcb2c,-180px 0 0 -5px #ffcb2c, -181px 0 0 -5px #ffcb2c,-182px 0 0 -5px #ffcb2c,-183px 0 0 -5px #ffcb2c,-184px 0 0 -5px #ffcb2c,-185px 0 0 -5px #ffcb2c, -186px 0 0 -5px #ffcb2c,-187px 0 0 -5px #ffcb2c,-188px 0 0 -5px #ffcb2c, -189px 0 0 -5px #ffcb2c,-190px 0 0 -5px #ffcb2c,-191px 0 0 -5px #ffcb2c,-192px 0 0 -5px #ffcb2c,-193px 0 0 -5px #ffcb2c,-194px 0 0 -5px #ffcb2c, -195px 0 0 -5px #ffcb2c, -196px 0 0 -5px #ffcb2c,-197px 0 0 -5px #ffcb2c,-198px 0 0 -5px #ffcb2c,-199px 0 0 -5px #ffcb2c,-200px 0 0 -5px #ffcb2c, -201px 0 0 -5px #ffcb2c,-202px 0 0 -5px #ffcb2c,-203px 0 0 -5px #ffcb2c,-204px 0 0 -5px #ffcb2c,-205px 0 0 -5px #ffcb2c, -2061px 0 0 -5px #ffcb2c,-207px 0 0 -5px #ffcb2c,-208px 0 0 -5px #ffcb2c,-209px 0 0 -5px #ffcb2c,-210px 0 0 -5px #ffcb2c, -211px 0 0 -5px #ffcb2c,-212px 0 0 -5px #ffcb2c,-213px 0 0 -5px #ffcb2c,-214px 0 0 -5px #ffcb2c,-215px 0 0 0 #ffcb2c !important;
}



.projectListProgress .progressOffTrack .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #e44259,-6px 0 0 -5px #e44259,-7px 0 0 -5px #e44259,-8px 0 0 -5px #e44259,-9px 0 0 -5px #e44259, -10px 0 0 -5px #e44259,-11px 0 0 -5px #e44259,-12px 0 0 -5px #e44259,-13px 0 0 -5px #e44259,-14px 0 0 -5px #e44259, -15px 0 0 -5px #e44259,-15px 0 0 -5px #e44259,-16px 0 0 -5px #e44259,-17px 0 0 -5px #e44259,-18px 0 0 -5px #e44259,-19px 0 0 -5px #e44259,-20px 0 0 -5px #e44259, -21px 0 0 -5px #e44259,-22px 0 0 -5px #e44259,-23px 0 0 -5px #e44259,-24px 0 0 -5px #e44259,-25px 0 0 -5px #e44259, -26px 0 0 -5px #e44259,-27px 0 0 -5px #e44259,-28px 0 0 -5px #e44259,-29px 0 0 -5px #e44259,-30px 0 0 -5px #e44259, -31px 0 0 -5px #e44259,-32px 0 0 -5px #e44259,-33px 0 0 -5px #e44259,-34px 0 0 -5px #e44259,-35px 0 0 -5px #e44259, -36px 0 0 -5px #e44259,-37px 0 0 -5px #e44259,-38px 0 0 -5px #e44259,-39px 0 0 -5px #e44259,-40px 0 0 -5px #e44259, -11px 0 0 -5px #e44259,-42px 0 0 -5px #e44259,-43px 0 0 -5px #e44259,-44px 0 0 -5px #e44259,-45px 0 0 -5px #e44259, -46px 0 0 -5px #e44259,-47px 0 0 -5px #e44259,-48px 0 0 -5px #e44259,-49px 0 0 -5px #e44259,-50px 0 0 -5px #e44259, -51px 0 0 -5px #e44259,-52px 0 0 -5px #e44259,-53px 0 0 -5px #e44259,-54px 0 0 -5px #e44259,-55px 0 0 -5px #e44259, -56px 0 0 -5px #e44259,-57px 0 0 -5px #e44259,-58px 0 0 -5px #e44259,-59px 0 0 -5px #e44259,-60px 0 0 -5px #e44259, -61px 0 0 -5px #e44259,-62px 0 0 -5px #e44259,-63px 0 0 -5px #e44259,-64px 0 0 -5px #e44259,-65px 0 0 -5px #e44259, -66px 0 0 -5px #e44259,-67px 0 0 -5px #e44259,-68px 0 0 -5px #e44259,-69px 0 0 -5px #e44259,-70px 0 0 -5px #e44259, -71px 0 0 -5px #e44259,-72px 0 0 -5px #e44259,-73px 0 0 -5px #e44259,-74px 0 0 -5px #e44259,-75px 0 0 -5px #e44259,-76px 0 0 -5px #e44259,-77px 0 0 -5px #e44259,-78px 0 0 -5px #e44259,-79px 0 0 -5px #e44259, -80px 0 0 -5px #e44259, -81px 0 0 -5px #e44259,-82px 0 0 -5px #e44259,-83px 0 0 -5px #e44259,-84px 0 0 -5px #e44259,-85px 0 0 -5px #e44259,-86px 0 0 -5px #e44259,-87px 0 0 -5px #e44259,-88px 0 0 -5px #e44259,-89px 0 0 -5px #e44259,-90px 0 0 -5px #e44259,-91px 0 0 -5px #e44259,-92px 0 0 -5px #e44259,-93px 0 0 -5px #e44259,-94px 0 0 -5px #e44259, -95px 0 0 -5px #e44259, -96px 0 0 -5px #e44259,-97px 0 0 -5px #e44259,-98px 0 0 -5px #e44259,-99px 0 0 -5px #e44259,-100px 0 0 -5px #e44259, -101px 0 0 -5px #e44259,-102px 0 0 -5px #e44259,-103px 0 0 -5px #e44259,-104px 0 0 -5px #e44259,-105px 0 0 -5px #e44259, -106px 0 0 -5px #e44259,-107px 0 0 -5px #e44259,-108px 0 0 -5px #e44259,-109px 0 0 -5px #e44259,-110px 0 0 -5px #e44259, -111px 0 0 -5px #e44259,-112px 0 0 -5px #e44259,-113px 0 0 -5px #e44259,-114px 0 0 -5px #e44259,-115px 0 0 -5px #e44259,-116px 0 0 -5px #e44259,-117px 0 0 -5px #e44259,-118px 0 0 -5px #e44259,-119px 0 0 -5px #e44259, -120px 0 0 -5px #e44259, -121px 0 0 -5px #e44259,-122px 0 0 -5px #e44259,-123px 0 0 -5px #e44259,-124px 0 0 -5px #e44259,-125px 0 0 -5px #e44259, -126px 0 0 -5px #e44259,-127px 0 0 -5px #e44259,-128px 0 0 -5px #e44259,-129px 0 0 -5px #e44259,-130px 0 0 -5px #e44259, -131px 0 0 -5px #e44259,-132px 0 0 -5px #e44259,-133px 0 0 -5px #e44259,-134px 0 0 -5px #e44259,-135px 0 0 -5px #e44259, -136px 0 0 -5px #e44259,-137px 0 0 -5px #e44259,-138px 0 0 -5px #e44259,-139px 0 0 -5px #e44259,-140px 0 0 -5px #e44259, -141px 0 0 -5px #e44259,-142px 0 0 -5px #e44259,-143px 0 0 -5px #e44259,-144px 0 0 -5px #e44259,-145px 0 0 -5px #e44259, -146px 0 0 -5px #e44259,-147px 0 0 -5px #e44259,-148px 0 0 -5px #e44259,-149px 0 0 -5px #e44259,-150px 0 0 -5px #e44259, -151px 0 0 -5px #e44259,-152px 0 0 -5px #e44259,-153px 0 0 -5px #e44259,-154px 0 0 -5px #e44259, -155px 0 0 -5px #e44259, -156px 0 0 -5px #e44259,-157px 0 0 -5px #e44259,-158px 0 0 -5px #e44259,-159px 0 0 -5px #e44259,-160px 0 0 -5px #e44259, -161px 0 0 -5px #e44259,-162px 0 0 -5px #e44259,-163px 0 0 -5px #e44259,-164px 0 0 -5px #e44259,-165px 0 0 -5px #e44259, -166px 0 0 -5px #e44259,-167px 0 0 -5px #e44259,-168px 0 0 -5px #e44259,-169px 0 0 -5px #e44259,-170px 0 0 -5px #e44259, -171px 0 0 -5px #e44259, -172px 0 0 -5px #e44259,-173px 0 0 -5px #e44259,-174px 0 0 -5px #e44259,-175px 0 0 -5px #e44259, -176px 0 0 -5px #e44259,-177px 0 0 -5px #e44259,-178px 0 0 -5px #e44259,-179px 0 0 -5px #e44259,-180px 0 0 -5px #e44259, -181px 0 0 -5px #e44259,-182px 0 0 -5px #e44259,-183px 0 0 -5px #e44259,-184px 0 0 -5px #e44259,-185px 0 0 -5px #e44259, -186px 0 0 -5px #e44259,-187px 0 0 -5px #e44259,-188px 0 0 -5px #e44259, -189px 0 0 -5px #e44259,-190px 0 0 -5px #e44259,-191px 0 0 -5px #e44259,-192px 0 0 -5px #e44259,-193px 0 0 -5px #e44259,-194px 0 0 -5px #e44259, -195px 0 0 -5px #e44259, -196px 0 0 -5px #e44259,-197px 0 0 -5px #e44259,-198px 0 0 -5px #e44259,-199px 0 0 -5px #e44259,-200px 0 0 -5px #e44259, -201px 0 0 -5px #e44259,-202px 0 0 -5px #e44259,-203px 0 0 -5px #e44259,-204px 0 0 -5px #e44259,-205px 0 0 -5px #e44259, -2061px 0 0 -5px #e44259,-207px 0 0 -5px #e44259,-208px 0 0 -5px #e44259,-209px 0 0 -5px #e44259,-210px 0 0 -5px #e44259, -211px 0 0 -5px #e44259,-212px 0 0 -5px #e44259,-213px 0 0 -5px #e44259,-214px 0 0 -5px #e44259,-215px 0 0 0 #e44259 !important;
}



.projectListProgress .progressOffTrackZero .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px transparent,-6px 0 0 -5px transparent,-7px 0 0 -5px transparent,-8px 0 0 -5px transparent,-9px 0 0 -5px transparent, -10px 0 0 -5px transparent,-11px 0 0 -5px transparent,-12px 0 0 -5px transparent,-13px 0 0 -5px transparent,-14px 0 0 -5px transparent, -15px 0 0 -5px transparent,-15px 0 0 -5px transparent,-16px 0 0 -5px transparent,-17px 0 0 -5px transparent,-18px 0 0 -5px transparent,-19px 0 0 -5px transparent,-20px 0 0 -5px transparent, -21px 0 0 -5px transparent,-22px 0 0 -5px transparent,-23px 0 0 -5px transparent,-24px 0 0 -5px transparent,-25px 0 0 -5px transparent, -26px 0 0 -5px transparent,-27px 0 0 -5px transparent,-28px 0 0 -5px transparent,-29px 0 0 -5px transparent,-30px 0 0 -5px transparent, -31px 0 0 -5px transparent,-32px 0 0 -5px transparent,-33px 0 0 -5px transparent,-34px 0 0 -5px transparent,-35px 0 0 -5px transparent, -36px 0 0 -5px transparent,-37px 0 0 -5px transparent,-38px 0 0 -5px transparent,-39px 0 0 -5px transparent,-40px 0 0 -5px transparent, -11px 0 0 -5px transparent,-42px 0 0 -5px transparent,-43px 0 0 -5px transparent,-44px 0 0 -5px transparent,-45px 0 0 -5px transparent, -46px 0 0 -5px transparent,-47px 0 0 -5px transparent,-48px 0 0 -5px transparent,-49px 0 0 -5px transparent,-50px 0 0 -5px transparent, -51px 0 0 -5px transparent,-52px 0 0 -5px transparent,-53px 0 0 -5px transparent,-54px 0 0 -5px transparent,-55px 0 0 -5px transparent, -56px 0 0 -5px transparent,-57px 0 0 -5px transparent,-58px 0 0 -5px transparent,-59px 0 0 -5px transparent,-60px 0 0 -5px transparent, -61px 0 0 -5px transparent,-62px 0 0 -5px transparent,-63px 0 0 -5px transparent,-64px 0 0 -5px transparent,-65px 0 0 -5px transparent, -66px 0 0 -5px transparent,-67px 0 0 -5px transparent,-68px 0 0 -5px transparent,-69px 0 0 -5px transparent,-70px 0 0 -5px transparent, -71px 0 0 -5px transparent,-72px 0 0 -5px transparent,-73px 0 0 -5px transparent,-74px 0 0 -5px transparent,-75px 0 0 -5px transparent,-76px 0 0 -5px transparent,-77px 0 0 -5px transparent,-78px 0 0 -5px transparent,-79px 0 0 -5px transparent, -80px 0 0 -5px transparent, -81px 0 0 -5px transparent,-82px 0 0 -5px transparent,-83px 0 0 -5px transparent,-84px 0 0 -5px transparent,-85px 0 0 -5px transparent,-86px 0 0 -5px transparent,-87px 0 0 -5px transparent,-88px 0 0 -5px transparent,-89px 0 0 -5px transparent,-90px 0 0 -5px transparent,-91px 0 0 -5px transparent,-92px 0 0 -5px transparent,-93px 0 0 -5px transparent,-94px 0 0 -5px transparent, -95px 0 0 -5px transparent, -96px 0 0 -5px transparent,-97px 0 0 -5px transparent,-98px 0 0 -5px transparent,-99px 0 0 -5px transparent,-100px 0 0 -5px transparent, -101px 0 0 -5px transparent,-102px 0 0 -5px transparent,-103px 0 0 -5px transparent,-104px 0 0 -5px transparent,-105px 0 0 -5px transparent, -106px 0 0 -5px transparent,-107px 0 0 -5px transparent,-108px 0 0 -5px transparent,-109px 0 0 -5px transparent,-110px 0 0 -5px transparent, -111px 0 0 -5px transparent,-112px 0 0 -5px transparent,-113px 0 0 -5px transparent,-114px 0 0 -5px transparent,-115px 0 0 -5px transparent,-116px 0 0 -5px transparent,-117px 0 0 -5px transparent,-118px 0 0 -5px transparent,-119px 0 0 -5px transparent, -120px 0 0 -5px transparent, -121px 0 0 -5px transparent,-122px 0 0 -5px transparent,-123px 0 0 -5px transparent,-124px 0 0 -5px transparent,-125px 0 0 -5px transparent, -126px 0 0 -5px transparent,-127px 0 0 -5px transparent,-128px 0 0 -5px transparent,-129px 0 0 -5px transparent,-130px 0 0 -5px transparent, -131px 0 0 -5px transparent,-132px 0 0 -5px transparent,-133px 0 0 -5px transparent,-134px 0 0 -5px transparent,-135px 0 0 -5px transparent, -136px 0 0 -5px transparent,-137px 0 0 -5px transparent,-138px 0 0 -5px transparent,-139px 0 0 -5px transparent,-140px 0 0 -5px transparent, -141px 0 0 -5px transparent,-142px 0 0 -5px transparent,-143px 0 0 -5px transparent,-144px 0 0 -5px transparent,-145px 0 0 -5px transparent, -146px 0 0 -5px transparent,-147px 0 0 -5px transparent,-148px 0 0 -5px transparent,-149px 0 0 -5px transparent,-150px 0 0 -5px transparent, -151px 0 0 -5px transparent,-152px 0 0 -5px transparent,-153px 0 0 -5px transparent,-154px 0 0 -5px transparent, -155px 0 0 -5px transparent, -156px 0 0 -5px transparent,-157px 0 0 -5px transparent,-158px 0 0 -5px transparent,-159px 0 0 -5px transparent,-160px 0 0 -5px transparent, -161px 0 0 -5px transparent,-162px 0 0 -5px transparent,-163px 0 0 -5px transparent,-164px 0 0 -5px transparent,-165px 0 0 -5px transparent, -166px 0 0 -5px transparent,-167px 0 0 -5px transparent,-168px 0 0 -5px transparent,-169px 0 0 -5px transparent,-170px 0 0 -5px transparent, -171px 0 0 -5px transparent, -172px 0 0 -5px transparent,-173px 0 0 -5px transparent,-174px 0 0 -5px transparent,-175px 0 0 -5px transparent, -176px 0 0 -5px transparent,-177px 0 0 -5px transparent,-178px 0 0 -5px transparent,-179px 0 0 -5px transparent,-180px 0 0 -5px transparent, -181px 0 0 -5px transparent,-182px 0 0 -5px transparent,-183px 0 0 -5px transparent,-184px 0 0 -5px transparent,-185px 0 0 -5px transparent, -186px 0 0 -5px transparent,-187px 0 0 -5px transparent,-188px 0 0 -5px transparent, -189px 0 0 -5px transparent,-190px 0 0 -5px transparent,-191px 0 0 -5px transparent,-192px 0 0 -5px transparent,-193px 0 0 -5px transparent,-194px 0 0 -5px transparent, -195px 0 0 -5px transparent, -196px 0 0 -5px transparent,-197px 0 0 -5px transparent,-198px 0 0 -5px transparent,-199px 0 0 -5px transparent,-200px 0 0 -5px transparent, -201px 0 0 -5px transparent,-202px 0 0 -5px transparent,-203px 0 0 -5px transparent,-204px 0 0 -5px transparent,-205px 0 0 -5px transparent, -2061px 0 0 -5px transparent,-207px 0 0 -5px transparent,-208px 0 0 -5px transparent,-209px 0 0 -5px transparent,-210px 0 0 -5px transparent, -211px 0 0 -5px transparent,-212px 0 0 -5px transparent,-213px 0 0 -5px transparent,-214px 0 0 -5px transparent,-215px 0 0 0 transparent !important;
}



.projectListProgress input[type="range"] {
    display: initial;
}

    .projectListProgress input[type='range']::-webkit-slider-runnable-track {
        background: #ebf2f7 !important;
    }

.projectListProgress #slide {
    width: 146px !important;
}



.projectListProgress input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7 !important;
}

.projectListProgress input[type='range'] {
    background-color: #fff !important;
}

.progressNegative .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px !important;
    -webkit-appearance: none !important;
    height: 14px !important;
    width: 14px !important;
    border-radius: 12px !important;
    box-shadow: -5px 0 0 -5px #33c1d4,-6px 0 0 -5px #33c1d4,-7px 0 0 -5px #33c1d4,-8px 0 0 -5px #33c1d4,-9px 0 0 -5px #33c1d4, -10px 0 0 -5px #33c1d4,-11px 0 0 -5px #33c1d4,-12px 0 0 -5px #33c1d4,-13px 0 0 -5px #33c1d4,-14px 0 0 -5px #33c1d4, -15px 0 0 -5px #33c1d4,-15px 0 0 -5px #33c1d4,-16px 0 0 -5px #33c1d4,-17px 0 0 -5px #33c1d4,-18px 0 0 -5px #33c1d4,-19px 0 0 -5px #33c1d4,-20px 0 0 -5px #33c1d4, -21px 0 0 -5px #33c1d4,-22px 0 0 -5px #33c1d4,-23px 0 0 -5px #33c1d4,-24px 0 0 -5px #33c1d4,-25px 0 0 -5px #33c1d4, -26px 0 0 -5px #33c1d4,-27px 0 0 -5px #33c1d4,-28px 0 0 -5px #33c1d4,-29px 0 0 -5px #33c1d4,-30px 0 0 -5px #33c1d4, -31px 0 0 -5px #33c1d4,-32px 0 0 -5px #33c1d4,-33px 0 0 -5px #33c1d4,-34px 0 0 -5px #33c1d4,-35px 0 0 -5px #33c1d4, -36px 0 0 -5px #33c1d4,-37px 0 0 -5px #33c1d4,-38px 0 0 -5px #33c1d4,-39px 0 0 -5px #33c1d4,-40px 0 0 -5px #33c1d4, -11px 0 0 -5px #33c1d4,-42px 0 0 -5px #33c1d4,-43px 0 0 -5px #33c1d4,-44px 0 0 -5px #33c1d4,-45px 0 0 -5px #33c1d4, -46px 0 0 -5px #33c1d4,-47px 0 0 -5px #33c1d4,-48px 0 0 -5px #33c1d4,-49px 0 0 -5px #33c1d4,-50px 0 0 -5px #33c1d4, -51px 0 0 -5px #33c1d4,-52px 0 0 -5px #33c1d4,-53px 0 0 -5px #33c1d4,-54px 0 0 -5px #33c1d4,-55px 0 0 -5px #33c1d4, -56px 0 0 -5px #33c1d4,-57px 0 0 -5px #33c1d4,-58px 0 0 -5px #33c1d4,-59px 0 0 -5px #33c1d4,-60px 0 0 -5px #33c1d4, -61px 0 0 -5px #33c1d4,-62px 0 0 -5px #33c1d4,-63px 0 0 -5px #33c1d4,-64px 0 0 -5px #33c1d4,-65px 0 0 -5px #33c1d4, -66px 0 0 -5px #33c1d4,-67px 0 0 -5px #33c1d4,-68px 0 0 -5px #33c1d4,-69px 0 0 -5px #33c1d4,-70px 0 0 -5px #33c1d4, -71px 0 0 -5px #33c1d4,-72px 0 0 -5px #33c1d4,-73px 0 0 -5px #33c1d4,-74px 0 0 -5px #33c1d4,-75px 0 0 -5px #33c1d4,-76px 0 0 -5px #33c1d4,-77px 0 0 -5px #33c1d4,-78px 0 0 -5px #33c1d4,-79px 0 0 -5px #33c1d4, -80px 0 0 -5px #33c1d4, -81px 0 0 -5px #33c1d4,-82px 0 0 -5px #33c1d4,-83px 0 0 -5px #33c1d4,-84px 0 0 -5px #33c1d4,-85px 0 0 -5px #33c1d4,-86px 0 0 -5px #33c1d4,-87px 0 0 -5px #33c1d4,-88px 0 0 -5px #33c1d4,-89px 0 0 -5px #33c1d4,-90px 0 0 -5px #33c1d4,-91px 0 0 -5px #33c1d4,-92px 0 0 -5px #33c1d4,-93px 0 0 -5px #33c1d4,-94px 0 0 -5px #33c1d4, -95px 0 0 -5px #33c1d4, -96px 0 0 -5px #33c1d4,-97px 0 0 -5px #33c1d4,-98px 0 0 -5px #33c1d4,-99px 0 0 -5px #33c1d4,-100px 0 0 -5px #33c1d4, -101px 0 0 -5px #33c1d4,-102px 0 0 -5px #33c1d4,-103px 0 0 -5px #33c1d4,-104px 0 0 -5px #33c1d4,-105px 0 0 -5px #33c1d4, -106px 0 0 -5px #33c1d4,-107px 0 0 -5px #33c1d4,-108px 0 0 -5px #33c1d4,-109px 0 0 -5px #33c1d4,-110px 0 0 -5px #33c1d4, -111px 0 0 -5px #33c1d4,-112px 0 0 -5px #33c1d4,-113px 0 0 -5px #33c1d4,-114px 0 0 -5px #33c1d4,-115px 0 0 -5px #33c1d4,-116px 0 0 -5px #33c1d4,-117px 0 0 -5px #33c1d4,-118px 0 0 -5px #33c1d4,-119px 0 0 -5px #33c1d4, -120px 0 0 -5px #33c1d4, -121px 0 0 -5px #33c1d4,-122px 0 0 -5px #33c1d4,-123px 0 0 -5px #33c1d4,-124px 0 0 -5px #33c1d4,-125px 0 0 -5px #33c1d4, -126px 0 0 -5px #33c1d4,-127px 0 0 -5px #33c1d4,-128px 0 0 -5px #33c1d4,-129px 0 0 -5px #33c1d4,-130px 0 0 -5px #33c1d4, -131px 0 0 -5px #33c1d4,-132px 0 0 -5px #33c1d4,-133px 0 0 -5px #33c1d4,-134px 0 0 -5px #33c1d4,-135px 0 0 -5px #33c1d4, -136px 0 0 -5px #33c1d4,-137px 0 0 -5px #33c1d4,-138px 0 0 -5px #33c1d4,-139px 0 0 -5px #33c1d4,-140px 0 0 -5px #33c1d4, -141px 0 0 -5px #33c1d4,-142px 0 0 -5px #33c1d4,-143px 0 0 -5px #33c1d4,-144px 0 0 -5px #33c1d4,-145px 0 0 -5px #33c1d4, -146px 0 0 -5px #33c1d4,-147px 0 0 -5px #33c1d4,-148px 0 0 -5px #33c1d4,-149px 0 0 -5px #33c1d4,-150px 0 0 -5px #33c1d4, -151px 0 0 -5px #33c1d4,-152px 0 0 -5px #33c1d4,-153px 0 0 -5px #33c1d4,-154px 0 0 -5px #33c1d4, -155px 0 0 -5px #33c1d4, -156px 0 0 -5px #33c1d4,-157px 0 0 -5px #33c1d4,-158px 0 0 -5px #33c1d4,-159px 0 0 -5px #33c1d4,-160px 0 0 -5px #33c1d4, -161px 0 0 -5px #33c1d4,-162px 0 0 -5px #33c1d4,-163px 0 0 -5px #33c1d4,-164px 0 0 -5px #33c1d4,-165px 0 0 -5px #33c1d4, -166px 0 0 -5px #33c1d4,-167px 0 0 -5px #33c1d4,-168px 0 0 -5px #33c1d4,-169px 0 0 -5px #33c1d4,-170px 0 0 -5px #33c1d4, -171px 0 0 -5px #33c1d4, -172px 0 0 -5px #33c1d4,-173px 0 0 -5px #33c1d4,-174px 0 0 -5px #33c1d4,-175px 0 0 -5px #33c1d4, -176px 0 0 -5px #33c1d4,-177px 0 0 -5px #33c1d4,-178px 0 0 -5px #33c1d4,-179px 0 0 -5px #33c1d4,-180px 0 0 -5px #33c1d4, -181px 0 0 -5px #33c1d4,-182px 0 0 -5px #33c1d4,-183px 0 0 -5px #33c1d4,-184px 0 0 -5px #33c1d4,-185px 0 0 -5px #33c1d4, -186px 0 0 -5px #33c1d4,-187px 0 0 -5px #33c1d4,-188px 0 0 -5px #33c1d4, -189px 0 0 -5px #33c1d4,-190px 0 0 -5px #33c1d4,-191px 0 0 -5px #33c1d4,-192px 0 0 -5px #33c1d4,-193px 0 0 -5px #33c1d4,-194px 0 0 -5px #33c1d4, -195px 0 0 -5px #33c1d4, -196px 0 0 -5px #33c1d4,-197px 0 0 -5px #33c1d4,-198px 0 0 -5px #33c1d4,-199px 0 0 -5px #33c1d4,-200px 0 0 -5px #33c1d4, -201px 0 0 -5px #33c1d4,-202px 0 0 -5px #33c1d4,-203px 0 0 -5px #33c1d4,-204px 0 0 -5px #33c1d4,-205px 0 0 -5px #33c1d4, -2061px 0 0 -5px #33c1d4,-207px 0 0 -5px #33c1d4,-208px 0 0 -5px #33c1d4,-209px 0 0 -5px #33c1d4,-210px 0 0 -5px #33c1d4, -211px 0 0 -5px #33c1d4,-212px 0 0 -5px #33c1d4,-213px 0 0 -5px #33c1d4,-214px 0 0 -5px #33c1d4,-215px 0 0 0 #33c1d4 !important;
}

#divMyUpdateTaskGrid input[type="range"] {
    display: initial;
}

    #divMyUpdateTaskGrid input[type='range']::-webkit-slider-runnable-track {
        background: #ebf2f7 !important;
    }

#divMyUpdateTaskGrid #slide {
    width: 146px !important;
}


#divMyUpdateTaskGrid input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7 !important;
}

#divMyUpdateTaskGrid input[type='range'] {
    background-color: transparent !important;
}

#divMyUpdateTaskGrid input[type='range'] {
    -webkit-appearance: none !important;
    overflow: hidden !important;
    background-color: transparent;
    height: 23px !important;
    border-radius: 6px !important;
    border-style: none !important;
    padding: 0px !important;
}



    #divMyUpdateTaskGrid input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none !important;
        height: 6px !important;
        border: none !important;
        border-radius: 6px !important;
    }


#divMyUpdateTaskGrid input[type=range] {
    margin-top: 0px !important;
}



.projectListProgress input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7 !important;
}


.projectListProgress input[type='range'] {
    -webkit-appearance: none !important;
    overflow: hidden !important;
    background-color: transparent;
    height: 23px !important;
    border-radius: 6px !important;
    border-style: none !important;
    padding: 0px !important;
}

    .projectListProgress input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none !important;
        height: 6px !important;
        border: none !important;
        border-radius: 6px !important;
    }




.projectListProgress input[type=range] {
    margin-top: 0px !important;
}





.projectListProgress .progressDefault .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #ccb,-6px 0 0 -5px #ccb,-7px 0 0 -5px #ccb,-8px 0 0 -5px #ccb,-9px 0 0 -5px #ccb, -10px 0 0 -5px #ccb,-11px 0 0 -5px #ccb,-12px 0 0 -5px #ccb,-13px 0 0 -5px #ccb,-14px 0 0 -5px #ccb, -15px 0 0 -5px #ccb,-15px 0 0 -5px #ccb,-16px 0 0 -5px #ccb,-17px 0 0 -5px #ccb,-18px 0 0 -5px #ccb,-19px 0 0 -5px #ccb,-20px 0 0 -5px #ccb, -21px 0 0 -5px #ccb,-22px 0 0 -5px #ccb,-23px 0 0 -5px #ccb,-24px 0 0 -5px #ccb,-25px 0 0 -5px #ccb, -26px 0 0 -5px #ccb,-27px 0 0 -5px #ccb,-28px 0 0 -5px #ccb,-29px 0 0 -5px #ccb,-30px 0 0 -5px #ccb, -31px 0 0 -5px #ccb,-32px 0 0 -5px #ccb,-33px 0 0 -5px #ccb,-34px 0 0 -5px #ccb,-35px 0 0 -5px #ccb, -36px 0 0 -5px #ccb,-37px 0 0 -5px #ccb,-38px 0 0 -5px #ccb,-39px 0 0 -5px #ccb,-40px 0 0 -5px #ccb, -11px 0 0 -5px #ccb,-42px 0 0 -5px #ccb,-43px 0 0 -5px #ccb,-44px 0 0 -5px #ccb,-45px 0 0 -5px #ccb, -46px 0 0 -5px #ccb,-47px 0 0 -5px #ccb,-48px 0 0 -5px #ccb,-49px 0 0 -5px #ccb,-50px 0 0 -5px #ccb, -51px 0 0 -5px #ccb,-52px 0 0 -5px #ccb,-53px 0 0 -5px #ccb,-54px 0 0 -5px #ccb,-55px 0 0 -5px #ccb, -56px 0 0 -5px #ccb,-57px 0 0 -5px #ccb,-58px 0 0 -5px #ccb,-59px 0 0 -5px #ccb,-60px 0 0 -5px #ccb, -61px 0 0 -5px #ccb,-62px 0 0 -5px #ccb,-63px 0 0 -5px #ccb,-64px 0 0 -5px #ccb,-65px 0 0 -5px #ccb, -66px 0 0 -5px #ccb,-67px 0 0 -5px #ccb,-68px 0 0 -5px #ccb,-69px 0 0 -5px #ccb,-70px 0 0 -5px #ccb, -71px 0 0 -5px #ccb,-72px 0 0 -5px #ccb,-73px 0 0 -5px #ccb,-74px 0 0 -5px #ccb,-75px 0 0 -5px #ccb,-76px 0 0 -5px #ccb,-77px 0 0 -5px #ccb,-78px 0 0 -5px #ccb,-79px 0 0 -5px #ccb, -80px 0 0 -5px #ccb, -81px 0 0 -5px #ccb,-82px 0 0 -5px #ccb,-83px 0 0 -5px #ccb,-84px 0 0 -5px #ccb,-85px 0 0 -5px #ccb,-86px 0 0 -5px #ccb,-87px 0 0 -5px #ccb,-88px 0 0 -5px #ccb,-89px 0 0 -5px #ccb,-90px 0 0 -5px #ccb,-91px 0 0 -5px #ccb,-92px 0 0 -5px #ccb,-93px 0 0 -5px #ccb,-94px 0 0 -5px #ccb, -95px 0 0 -5px #ccb, -96px 0 0 -5px #ccb,-97px 0 0 -5px #ccb,-98px 0 0 -5px #ccb,-99px 0 0 -5px #ccb,-100px 0 0 -5px #ccb, -101px 0 0 -5px #ccb,-102px 0 0 -5px #ccb,-103px 0 0 -5px #ccb,-104px 0 0 -5px #ccb,-105px 0 0 -5px #ccb, -106px 0 0 -5px #ccb,-107px 0 0 -5px #ccb,-108px 0 0 -5px #ccb,-109px 0 0 -5px #ccb,-110px 0 0 -5px #ccb, -111px 0 0 -5px #ccb,-112px 0 0 -5px #ccb,-113px 0 0 -5px #ccb,-114px 0 0 -5px #ccb,-115px 0 0 -5px #ccb,-116px 0 0 -5px #ccb,-117px 0 0 -5px #ccb,-118px 0 0 -5px #ccb,-119px 0 0 -5px #ccb, -120px 0 0 -5px #ccb, -121px 0 0 -5px #ccb,-122px 0 0 -5px #ccb,-123px 0 0 -5px #ccb,-124px 0 0 -5px #ccb,-125px 0 0 -5px #ccb, -126px 0 0 -5px #ccb,-127px 0 0 -5px #ccb,-128px 0 0 -5px #ccb,-129px 0 0 -5px #ccb,-130px 0 0 -5px #ccb, -131px 0 0 -5px #ccb,-132px 0 0 -5px #ccb,-133px 0 0 -5px #ccb,-134px 0 0 -5px #ccb,-135px 0 0 -5px #ccb, -136px 0 0 -5px #ccb,-137px 0 0 -5px #ccb,-138px 0 0 -5px #ccb,-139px 0 0 -5px #ccb,-140px 0 0 -5px #ccb, -141px 0 0 -5px #ccb,-142px 0 0 -5px #ccb,-143px 0 0 -5px #ccb,-144px 0 0 -5px #ccb,-145px 0 0 -5px #ccb, -146px 0 0 -5px #ccb,-147px 0 0 -5px #ccb,-148px 0 0 -5px #ccb,-149px 0 0 -5px #ccb,-150px 0 0 -5px #ccb, -151px 0 0 -5px #ccb,-152px 0 0 -5px #ccb,-153px 0 0 -5px #ccb,-154px 0 0 -5px #ccb, -155px 0 0 -5px #ccb, -156px 0 0 -5px #ccb,-157px 0 0 -5px #ccb,-158px 0 0 -5px #ccb,-159px 0 0 -5px #ccb,-160px 0 0 -5px #ccb, -161px 0 0 -5px #ccb,-162px 0 0 -5px #ccb,-163px 0 0 -5px #ccb,-164px 0 0 -5px #ccb,-165px 0 0 -5px #ccb, -166px 0 0 -5px #ccb,-167px 0 0 -5px #ccb,-168px 0 0 -5px #ccb,-169px 0 0 -5px #ccb,-170px 0 0 -5px #ccb, -171px 0 0 -5px #ccb, -172px 0 0 -5px #ccb,-173px 0 0 -5px #ccb,-174px 0 0 -5px #ccb,-175px 0 0 -5px #ccb, -176px 0 0 -5px #ccb,-177px 0 0 -5px #ccb,-178px 0 0 -5px #ccb,-179px 0 0 -5px #ccb,-180px 0 0 -5px #ccb, -181px 0 0 -5px #ccb,-182px 0 0 -5px #ccb,-183px 0 0 -5px #ccb,-184px 0 0 -5px #ccb,-185px 0 0 -5px #ccb, -186px 0 0 -5px #ccb,-187px 0 0 -5px #ccb,-188px 0 0 -5px #ccb, -189px 0 0 -5px #ccb,-190px 0 0 -5px #ccb,-191px 0 0 -5px #ccb,-192px 0 0 -5px #ccb,-193px 0 0 -5px #ccb,-194px 0 0 -5px #ccb, -195px 0 0 -5px #ccb, -196px 0 0 -5px #ccb,-197px 0 0 -5px #ccb,-198px 0 0 -5px #ccb,-199px 0 0 -5px #ccb,-200px 0 0 -5px #ccb, -201px 0 0 -5px #ccb,-202px 0 0 -5px #ccb,-203px 0 0 -5px #ccb,-204px 0 0 -5px #ccb,-205px 0 0 -5px #ccb, -2061px 0 0 -5px #ccb,-207px 0 0 -5px #ccb,-208px 0 0 -5px #ccb,-209px 0 0 -5px #ccb,-210px 0 0 -5px #ccb, -211px 0 0 -5px #ccb,-212px 0 0 -5px #ccb,-213px 0 0 -5px #ccb,-214px 0 0 -5px #ccb,-215px 0 0 0 #ccb !important;
}



.projectListProgress .progressOnTrack .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a !important;
    cursor: pointer;
    margin-top: -4px !important;
    -webkit-appearance: none;
    height: 15px !important;
    width: 15px !important;
    border-radius: 12px !important;
    box-shadow: -5px 0 0 -5px #01c971,-6px 0 0 -5px #01c971,-7px 0 0 -5px #01c971,-8px 0 0 -5px #01c971,-9px 0 0 -5px #01c971, -10px 0 0 -5px #01c971,-11px 0 0 -5px #01c971,-12px 0 0 -5px #01c971,-13px 0 0 -5px #01c971,-14px 0 0 -5px #01c971, -15px 0 0 -5px #01c971,-15px 0 0 -5px #01c971,-16px 0 0 -5px #01c971,-17px 0 0 -5px #01c971,-18px 0 0 -5px #01c971,-19px 0 0 -5px #01c971,-20px 0 0 -5px #01c971, -21px 0 0 -5px #01c971,-22px 0 0 -5px #01c971,-23px 0 0 -5px #01c971,-24px 0 0 -5px #01c971,-25px 0 0 -5px #01c971, -26px 0 0 -5px #01c971,-27px 0 0 -5px #01c971,-28px 0 0 -5px #01c971,-29px 0 0 -5px #01c971,-30px 0 0 -5px #01c971, -31px 0 0 -5px #01c971,-32px 0 0 -5px #01c971,-33px 0 0 -5px #01c971,-34px 0 0 -5px #01c971,-35px 0 0 -5px #01c971, -36px 0 0 -5px #01c971,-37px 0 0 -5px #01c971,-38px 0 0 -5px #01c971,-39px 0 0 -5px #01c971,-40px 0 0 -5px #01c971, -11px 0 0 -5px #01c971,-42px 0 0 -5px #01c971,-43px 0 0 -5px #01c971,-44px 0 0 -5px #01c971,-45px 0 0 -5px #01c971, -46px 0 0 -5px #01c971,-47px 0 0 -5px #01c971,-48px 0 0 -5px #01c971,-49px 0 0 -5px #01c971,-50px 0 0 -5px #01c971, -51px 0 0 -5px #01c971,-52px 0 0 -5px #01c971,-53px 0 0 -5px #01c971,-54px 0 0 -5px #01c971,-55px 0 0 -5px #01c971, -56px 0 0 -5px #01c971,-57px 0 0 -5px #01c971,-58px 0 0 -5px #01c971,-59px 0 0 -5px #01c971,-60px 0 0 -5px #01c971, -61px 0 0 -5px #01c971,-62px 0 0 -5px #01c971,-63px 0 0 -5px #01c971,-64px 0 0 -5px #01c971,-65px 0 0 -5px #01c971, -66px 0 0 -5px #01c971,-67px 0 0 -5px #01c971,-68px 0 0 -5px #01c971,-69px 0 0 -5px #01c971,-70px 0 0 -5px #01c971, -71px 0 0 -5px #01c971,-72px 0 0 -5px #01c971,-73px 0 0 -5px #01c971,-74px 0 0 -5px #01c971,-75px 0 0 -5px #01c971,-76px 0 0 -5px #01c971,-77px 0 0 -5px #01c971,-78px 0 0 -5px #01c971,-79px 0 0 -5px #01c971, -80px 0 0 -5px #01c971, -81px 0 0 -5px #01c971,-82px 0 0 -5px #01c971,-83px 0 0 -5px #01c971,-84px 0 0 -5px #01c971,-85px 0 0 -5px #01c971,-86px 0 0 -5px #01c971,-87px 0 0 -5px #01c971,-88px 0 0 -5px #01c971,-89px 0 0 -5px #01c971,-90px 0 0 -5px #01c971,-91px 0 0 -5px #01c971,-92px 0 0 -5px #01c971,-93px 0 0 -5px #01c971,-94px 0 0 -5px #01c971, -95px 0 0 -5px #01c971, -96px 0 0 -5px #01c971,-97px 0 0 -5px #01c971,-98px 0 0 -5px #01c971,-99px 0 0 -5px #01c971,-100px 0 0 -5px #01c971, -101px 0 0 -5px #01c971,-102px 0 0 -5px #01c971,-103px 0 0 -5px #01c971,-104px 0 0 -5px #01c971,-105px 0 0 -5px #01c971, -106px 0 0 -5px #01c971,-107px 0 0 -5px #01c971,-108px 0 0 -5px #01c971,-109px 0 0 -5px #01c971,-110px 0 0 -5px #01c971, -111px 0 0 -5px #01c971,-112px 0 0 -5px #01c971,-113px 0 0 -5px #01c971,-114px 0 0 -5px #01c971,-115px 0 0 -5px #01c971,-116px 0 0 -5px #01c971,-117px 0 0 -5px #01c971,-118px 0 0 -5px #01c971,-119px 0 0 -5px #01c971, -120px 0 0 -5px #01c971, -121px 0 0 -5px #01c971,-122px 0 0 -5px #01c971,-123px 0 0 -5px #01c971,-124px 0 0 -5px #01c971,-125px 0 0 -5px #01c971, -126px 0 0 -5px #01c971,-127px 0 0 -5px #01c971,-128px 0 0 -5px #01c971,-129px 0 0 -5px #01c971,-130px 0 0 -5px #01c971, -131px 0 0 -5px #01c971,-132px 0 0 -5px #01c971,-133px 0 0 -5px #01c971,-134px 0 0 -5px #01c971,-135px 0 0 -5px #01c971, -136px 0 0 -5px #01c971,-137px 0 0 -5px #01c971,-138px 0 0 -5px #01c971,-139px 0 0 -5px #01c971,-140px 0 0 -5px #01c971, -141px 0 0 -5px #01c971,-142px 0 0 -5px #01c971,-143px 0 0 -5px #01c971,-144px 0 0 -5px #01c971,-145px 0 0 -5px #01c971, -146px 0 0 -5px #01c971,-147px 0 0 -5px #01c971,-148px 0 0 -5px #01c971,-149px 0 0 -5px #01c971,-150px 0 0 -5px #01c971, -151px 0 0 -5px #01c971,-152px 0 0 -5px #01c971,-153px 0 0 -5px #01c971,-154px 0 0 -5px #01c971, -155px 0 0 -5px #01c971, -156px 0 0 -5px #01c971,-157px 0 0 -5px #01c971,-158px 0 0 -5px #01c971,-159px 0 0 -5px #01c971,-160px 0 0 -5px #01c971, -161px 0 0 -5px #01c971,-162px 0 0 -5px #01c971,-163px 0 0 -5px #01c971,-164px 0 0 -5px #01c971,-165px 0 0 -5px #01c971, -166px 0 0 -5px #01c971,-167px 0 0 -5px #01c971,-168px 0 0 -5px #01c971,-169px 0 0 -5px #01c971,-170px 0 0 -5px #01c971, -171px 0 0 -5px #01c971, -172px 0 0 -5px #01c971,-173px 0 0 -5px #01c971,-174px 0 0 -5px #01c971,-175px 0 0 -5px #01c971, -176px 0 0 -5px #01c971,-177px 0 0 -5px #01c971,-178px 0 0 -5px #01c971,-179px 0 0 -5px #01c971,-180px 0 0 -5px #01c971, -181px 0 0 -5px #01c971,-182px 0 0 -5px #01c971,-183px 0 0 -5px #01c971,-184px 0 0 -5px #01c971,-185px 0 0 -5px #01c971, -186px 0 0 -5px #01c971,-187px 0 0 -5px #01c971,-188px 0 0 -5px #01c971, -189px 0 0 -5px #01c971,-190px 0 0 -5px #01c971,-191px 0 0 -5px #01c971,-192px 0 0 -5px #01c971,-193px 0 0 -5px #01c971,-194px 0 0 -5px #01c971, -195px 0 0 -5px #01c971, -196px 0 0 -5px #01c971,-197px 0 0 -5px #01c971,-198px 0 0 -5px #01c971,-199px 0 0 -5px #01c971,-200px 0 0 -5px #01c971, -201px 0 0 -5px #01c971,-202px 0 0 -5px #01c971,-203px 0 0 -5px #01c971,-204px 0 0 -5px #01c971,-205px 0 0 -5px #01c971, -2061px 0 0 -5px #01c971,-207px 0 0 -5px #01c971,-208px 0 0 -5px #01c971,-209px 0 0 -5px #01c971,-210px 0 0 -5px #01c971, -211px 0 0 -5px #01c971,-212px 0 0 -5px #01c971,-213px 0 0 -5px #01c971,-214px 0 0 -5px #01c971,-215px 0 0 0 #01c971 !important;
}


.projectListProgress .progressMonitor .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a !important;
    cursor: pointer;
    margin-top: -4px !important;
    -webkit-appearance: none;
    height: 15px !important;
    width: 15px !important;
    border-radius: 12px !important;
    box-shadow: -5px 0 0 -5px #ffcb2c,-6px 0 0 -5px #ffcb2c,-7px 0 0 -5px #ffcb2c,-8px 0 0 -5px #ffcb2c,-9px 0 0 -5px #ffcb2c, -10px 0 0 -5px #ffcb2c,-11px 0 0 -5px #ffcb2c,-12px 0 0 -5px #ffcb2c,-13px 0 0 -5px #ffcb2c,-14px 0 0 -5px #ffcb2c, -15px 0 0 -5px #ffcb2c,-15px 0 0 -5px #ffcb2c,-16px 0 0 -5px #ffcb2c,-17px 0 0 -5px #ffcb2c,-18px 0 0 -5px #ffcb2c,-19px 0 0 -5px #ffcb2c,-20px 0 0 -5px #ffcb2c, -21px 0 0 -5px #ffcb2c,-22px 0 0 -5px #ffcb2c,-23px 0 0 -5px #ffcb2c,-24px 0 0 -5px #ffcb2c,-25px 0 0 -5px #ffcb2c, -26px 0 0 -5px #ffcb2c,-27px 0 0 -5px #ffcb2c,-28px 0 0 -5px #ffcb2c,-29px 0 0 -5px #ffcb2c,-30px 0 0 -5px #ffcb2c, -31px 0 0 -5px #ffcb2c,-32px 0 0 -5px #ffcb2c,-33px 0 0 -5px #ffcb2c,-34px 0 0 -5px #ffcb2c,-35px 0 0 -5px #ffcb2c, -36px 0 0 -5px #ffcb2c,-37px 0 0 -5px #ffcb2c,-38px 0 0 -5px #ffcb2c,-39px 0 0 -5px #ffcb2c,-40px 0 0 -5px #ffcb2c, -11px 0 0 -5px #ffcb2c,-42px 0 0 -5px #ffcb2c,-43px 0 0 -5px #ffcb2c,-44px 0 0 -5px #ffcb2c,-45px 0 0 -5px #ffcb2c, -46px 0 0 -5px #ffcb2c,-47px 0 0 -5px #ffcb2c,-48px 0 0 -5px #ffcb2c,-49px 0 0 -5px #ffcb2c,-50px 0 0 -5px #ffcb2c, -51px 0 0 -5px #ffcb2c,-52px 0 0 -5px #ffcb2c,-53px 0 0 -5px #ffcb2c,-54px 0 0 -5px #ffcb2c,-55px 0 0 -5px #ffcb2c, -56px 0 0 -5px #ffcb2c,-57px 0 0 -5px #ffcb2c,-58px 0 0 -5px #ffcb2c,-59px 0 0 -5px #ffcb2c,-60px 0 0 -5px #ffcb2c, -61px 0 0 -5px #ffcb2c,-62px 0 0 -5px #ffcb2c,-63px 0 0 -5px #ffcb2c,-64px 0 0 -5px #ffcb2c,-65px 0 0 -5px #ffcb2c, -66px 0 0 -5px #ffcb2c,-67px 0 0 -5px #ffcb2c,-68px 0 0 -5px #ffcb2c,-69px 0 0 -5px #ffcb2c,-70px 0 0 -5px #ffcb2c, -71px 0 0 -5px #ffcb2c,-72px 0 0 -5px #ffcb2c,-73px 0 0 -5px #ffcb2c,-74px 0 0 -5px #ffcb2c,-75px 0 0 -5px #ffcb2c,-76px 0 0 -5px #ffcb2c,-77px 0 0 -5px #ffcb2c,-78px 0 0 -5px #ffcb2c,-79px 0 0 -5px #ffcb2c, -80px 0 0 -5px #ffcb2c, -81px 0 0 -5px #ffcb2c,-82px 0 0 -5px #ffcb2c,-83px 0 0 -5px #ffcb2c,-84px 0 0 -5px #ffcb2c,-85px 0 0 -5px #ffcb2c,-86px 0 0 -5px #ffcb2c,-87px 0 0 -5px #ffcb2c,-88px 0 0 -5px #ffcb2c,-89px 0 0 -5px #ffcb2c,-90px 0 0 -5px #ffcb2c,-91px 0 0 -5px #ffcb2c,-92px 0 0 -5px #ffcb2c,-93px 0 0 -5px #ffcb2c,-94px 0 0 -5px #ffcb2c, -95px 0 0 -5px #ffcb2c, -96px 0 0 -5px #ffcb2c,-97px 0 0 -5px #ffcb2c,-98px 0 0 -5px #ffcb2c,-99px 0 0 -5px #ffcb2c,-100px 0 0 -5px #ffcb2c, -101px 0 0 -5px #ffcb2c,-102px 0 0 -5px #ffcb2c,-103px 0 0 -5px #ffcb2c,-104px 0 0 -5px #ffcb2c,-105px 0 0 -5px #ffcb2c, -106px 0 0 -5px #ffcb2c,-107px 0 0 -5px #ffcb2c,-108px 0 0 -5px #ffcb2c,-109px 0 0 -5px #ffcb2c,-110px 0 0 -5px #ffcb2c, -111px 0 0 -5px #ffcb2c,-112px 0 0 -5px #ffcb2c,-113px 0 0 -5px #ffcb2c,-114px 0 0 -5px #ffcb2c,-115px 0 0 -5px #ffcb2c,-116px 0 0 -5px #ffcb2c,-117px 0 0 -5px #ffcb2c,-118px 0 0 -5px #ffcb2c,-119px 0 0 -5px #ffcb2c, -120px 0 0 -5px #ffcb2c, -121px 0 0 -5px #ffcb2c,-122px 0 0 -5px #ffcb2c,-123px 0 0 -5px #ffcb2c,-124px 0 0 -5px #ffcb2c,-125px 0 0 -5px #ffcb2c, -126px 0 0 -5px #ffcb2c,-127px 0 0 -5px #ffcb2c,-128px 0 0 -5px #ffcb2c,-129px 0 0 -5px #ffcb2c,-130px 0 0 -5px #ffcb2c, -131px 0 0 -5px #ffcb2c,-132px 0 0 -5px #ffcb2c,-133px 0 0 -5px #ffcb2c,-134px 0 0 -5px #ffcb2c,-135px 0 0 -5px #ffcb2c, -136px 0 0 -5px #ffcb2c,-137px 0 0 -5px #ffcb2c,-138px 0 0 -5px #ffcb2c,-139px 0 0 -5px #ffcb2c,-140px 0 0 -5px #ffcb2c, -141px 0 0 -5px #ffcb2c,-142px 0 0 -5px #ffcb2c,-143px 0 0 -5px #ffcb2c,-144px 0 0 -5px #ffcb2c,-145px 0 0 -5px #ffcb2c, -146px 0 0 -5px #ffcb2c,-147px 0 0 -5px #ffcb2c,-148px 0 0 -5px #ffcb2c,-149px 0 0 -5px #ffcb2c,-150px 0 0 -5px #ffcb2c, -151px 0 0 -5px #ffcb2c,-152px 0 0 -5px #ffcb2c,-153px 0 0 -5px #ffcb2c,-154px 0 0 -5px #ffcb2c, -155px 0 0 -5px #ffcb2c, -156px 0 0 -5px #ffcb2c,-157px 0 0 -5px #ffcb2c,-158px 0 0 -5px #ffcb2c,-159px 0 0 -5px #ffcb2c,-160px 0 0 -5px #ffcb2c, -161px 0 0 -5px #ffcb2c,-162px 0 0 -5px #ffcb2c,-163px 0 0 -5px #ffcb2c,-164px 0 0 -5px #ffcb2c,-165px 0 0 -5px #ffcb2c, -166px 0 0 -5px #ffcb2c,-167px 0 0 -5px #ffcb2c,-168px 0 0 -5px #ffcb2c,-169px 0 0 -5px #ffcb2c,-170px 0 0 -5px #ffcb2c, -171px 0 0 -5px #ffcb2c, -172px 0 0 -5px #ffcb2c,-173px 0 0 -5px #ffcb2c,-174px 0 0 -5px #ffcb2c,-175px 0 0 -5px #ffcb2c, -176px 0 0 -5px #ffcb2c,-177px 0 0 -5px #ffcb2c,-178px 0 0 -5px #ffcb2c,-179px 0 0 -5px #ffcb2c,-180px 0 0 -5px #ffcb2c, -181px 0 0 -5px #ffcb2c,-182px 0 0 -5px #ffcb2c,-183px 0 0 -5px #ffcb2c,-184px 0 0 -5px #ffcb2c,-185px 0 0 -5px #ffcb2c, -186px 0 0 -5px #ffcb2c,-187px 0 0 -5px #ffcb2c,-188px 0 0 -5px #ffcb2c, -189px 0 0 -5px #ffcb2c,-190px 0 0 -5px #ffcb2c,-191px 0 0 -5px #ffcb2c,-192px 0 0 -5px #ffcb2c,-193px 0 0 -5px #ffcb2c,-194px 0 0 -5px #ffcb2c, -195px 0 0 -5px #ffcb2c, -196px 0 0 -5px #ffcb2c,-197px 0 0 -5px #ffcb2c,-198px 0 0 -5px #ffcb2c,-199px 0 0 -5px #ffcb2c,-200px 0 0 -5px #ffcb2c, -201px 0 0 -5px #ffcb2c,-202px 0 0 -5px #ffcb2c,-203px 0 0 -5px #ffcb2c,-204px 0 0 -5px #ffcb2c,-205px 0 0 -5px #ffcb2c, -2061px 0 0 -5px #ffcb2c,-207px 0 0 -5px #ffcb2c,-208px 0 0 -5px #ffcb2c,-209px 0 0 -5px #ffcb2c,-210px 0 0 -5px #ffcb2c, -211px 0 0 -5px #ffcb2c,-212px 0 0 -5px #ffcb2c,-213px 0 0 -5px #ffcb2c,-214px 0 0 -5px #ffcb2c,-215px 0 0 0 #ffcb2c !important;
}



.projectListProgress .progressOffTrack .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px #e44259,-6px 0 0 -5px #e44259,-7px 0 0 -5px #e44259,-8px 0 0 -5px #e44259,-9px 0 0 -5px #e44259, -10px 0 0 -5px #e44259,-11px 0 0 -5px #e44259,-12px 0 0 -5px #e44259,-13px 0 0 -5px #e44259,-14px 0 0 -5px #e44259, -15px 0 0 -5px #e44259,-15px 0 0 -5px #e44259,-16px 0 0 -5px #e44259,-17px 0 0 -5px #e44259,-18px 0 0 -5px #e44259,-19px 0 0 -5px #e44259,-20px 0 0 -5px #e44259, -21px 0 0 -5px #e44259,-22px 0 0 -5px #e44259,-23px 0 0 -5px #e44259,-24px 0 0 -5px #e44259,-25px 0 0 -5px #e44259, -26px 0 0 -5px #e44259,-27px 0 0 -5px #e44259,-28px 0 0 -5px #e44259,-29px 0 0 -5px #e44259,-30px 0 0 -5px #e44259, -31px 0 0 -5px #e44259,-32px 0 0 -5px #e44259,-33px 0 0 -5px #e44259,-34px 0 0 -5px #e44259,-35px 0 0 -5px #e44259, -36px 0 0 -5px #e44259,-37px 0 0 -5px #e44259,-38px 0 0 -5px #e44259,-39px 0 0 -5px #e44259,-40px 0 0 -5px #e44259, -11px 0 0 -5px #e44259,-42px 0 0 -5px #e44259,-43px 0 0 -5px #e44259,-44px 0 0 -5px #e44259,-45px 0 0 -5px #e44259, -46px 0 0 -5px #e44259,-47px 0 0 -5px #e44259,-48px 0 0 -5px #e44259,-49px 0 0 -5px #e44259,-50px 0 0 -5px #e44259, -51px 0 0 -5px #e44259,-52px 0 0 -5px #e44259,-53px 0 0 -5px #e44259,-54px 0 0 -5px #e44259,-55px 0 0 -5px #e44259, -56px 0 0 -5px #e44259,-57px 0 0 -5px #e44259,-58px 0 0 -5px #e44259,-59px 0 0 -5px #e44259,-60px 0 0 -5px #e44259, -61px 0 0 -5px #e44259,-62px 0 0 -5px #e44259,-63px 0 0 -5px #e44259,-64px 0 0 -5px #e44259,-65px 0 0 -5px #e44259, -66px 0 0 -5px #e44259,-67px 0 0 -5px #e44259,-68px 0 0 -5px #e44259,-69px 0 0 -5px #e44259,-70px 0 0 -5px #e44259, -71px 0 0 -5px #e44259,-72px 0 0 -5px #e44259,-73px 0 0 -5px #e44259,-74px 0 0 -5px #e44259,-75px 0 0 -5px #e44259,-76px 0 0 -5px #e44259,-77px 0 0 -5px #e44259,-78px 0 0 -5px #e44259,-79px 0 0 -5px #e44259, -80px 0 0 -5px #e44259, -81px 0 0 -5px #e44259,-82px 0 0 -5px #e44259,-83px 0 0 -5px #e44259,-84px 0 0 -5px #e44259,-85px 0 0 -5px #e44259,-86px 0 0 -5px #e44259,-87px 0 0 -5px #e44259,-88px 0 0 -5px #e44259,-89px 0 0 -5px #e44259,-90px 0 0 -5px #e44259,-91px 0 0 -5px #e44259,-92px 0 0 -5px #e44259,-93px 0 0 -5px #e44259,-94px 0 0 -5px #e44259, -95px 0 0 -5px #e44259, -96px 0 0 -5px #e44259,-97px 0 0 -5px #e44259,-98px 0 0 -5px #e44259,-99px 0 0 -5px #e44259,-100px 0 0 -5px #e44259, -101px 0 0 -5px #e44259,-102px 0 0 -5px #e44259,-103px 0 0 -5px #e44259,-104px 0 0 -5px #e44259,-105px 0 0 -5px #e44259, -106px 0 0 -5px #e44259,-107px 0 0 -5px #e44259,-108px 0 0 -5px #e44259,-109px 0 0 -5px #e44259,-110px 0 0 -5px #e44259, -111px 0 0 -5px #e44259,-112px 0 0 -5px #e44259,-113px 0 0 -5px #e44259,-114px 0 0 -5px #e44259,-115px 0 0 -5px #e44259,-116px 0 0 -5px #e44259,-117px 0 0 -5px #e44259,-118px 0 0 -5px #e44259,-119px 0 0 -5px #e44259, -120px 0 0 -5px #e44259, -121px 0 0 -5px #e44259,-122px 0 0 -5px #e44259,-123px 0 0 -5px #e44259,-124px 0 0 -5px #e44259,-125px 0 0 -5px #e44259, -126px 0 0 -5px #e44259,-127px 0 0 -5px #e44259,-128px 0 0 -5px #e44259,-129px 0 0 -5px #e44259,-130px 0 0 -5px #e44259, -131px 0 0 -5px #e44259,-132px 0 0 -5px #e44259,-133px 0 0 -5px #e44259,-134px 0 0 -5px #e44259,-135px 0 0 -5px #e44259, -136px 0 0 -5px #e44259,-137px 0 0 -5px #e44259,-138px 0 0 -5px #e44259,-139px 0 0 -5px #e44259,-140px 0 0 -5px #e44259, -141px 0 0 -5px #e44259,-142px 0 0 -5px #e44259,-143px 0 0 -5px #e44259,-144px 0 0 -5px #e44259,-145px 0 0 -5px #e44259, -146px 0 0 -5px #e44259,-147px 0 0 -5px #e44259,-148px 0 0 -5px #e44259,-149px 0 0 -5px #e44259,-150px 0 0 -5px #e44259, -151px 0 0 -5px #e44259,-152px 0 0 -5px #e44259,-153px 0 0 -5px #e44259,-154px 0 0 -5px #e44259, -155px 0 0 -5px #e44259, -156px 0 0 -5px #e44259,-157px 0 0 -5px #e44259,-158px 0 0 -5px #e44259,-159px 0 0 -5px #e44259,-160px 0 0 -5px #e44259, -161px 0 0 -5px #e44259,-162px 0 0 -5px #e44259,-163px 0 0 -5px #e44259,-164px 0 0 -5px #e44259,-165px 0 0 -5px #e44259, -166px 0 0 -5px #e44259,-167px 0 0 -5px #e44259,-168px 0 0 -5px #e44259,-169px 0 0 -5px #e44259,-170px 0 0 -5px #e44259, -171px 0 0 -5px #e44259, -172px 0 0 -5px #e44259,-173px 0 0 -5px #e44259,-174px 0 0 -5px #e44259,-175px 0 0 -5px #e44259, -176px 0 0 -5px #e44259,-177px 0 0 -5px #e44259,-178px 0 0 -5px #e44259,-179px 0 0 -5px #e44259,-180px 0 0 -5px #e44259, -181px 0 0 -5px #e44259,-182px 0 0 -5px #e44259,-183px 0 0 -5px #e44259,-184px 0 0 -5px #e44259,-185px 0 0 -5px #e44259, -186px 0 0 -5px #e44259,-187px 0 0 -5px #e44259,-188px 0 0 -5px #e44259, -189px 0 0 -5px #e44259,-190px 0 0 -5px #e44259,-191px 0 0 -5px #e44259,-192px 0 0 -5px #e44259,-193px 0 0 -5px #e44259,-194px 0 0 -5px #e44259, -195px 0 0 -5px #e44259, -196px 0 0 -5px #e44259,-197px 0 0 -5px #e44259,-198px 0 0 -5px #e44259,-199px 0 0 -5px #e44259,-200px 0 0 -5px #e44259, -201px 0 0 -5px #e44259,-202px 0 0 -5px #e44259,-203px 0 0 -5px #e44259,-204px 0 0 -5px #e44259,-205px 0 0 -5px #e44259, -2061px 0 0 -5px #e44259,-207px 0 0 -5px #e44259,-208px 0 0 -5px #e44259,-209px 0 0 -5px #e44259,-210px 0 0 -5px #e44259, -211px 0 0 -5px #e44259,-212px 0 0 -5px #e44259,-213px 0 0 -5px #e44259,-214px 0 0 -5px #e44259,-215px 0 0 0 #e44259 !important;
}



.projectListProgress .progressOffTrackZero .bar::-webkit-slider-thumb {
    background: #ffffff;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px;
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 12px;
    box-shadow: -5px 0 0 -5px transparent,-6px 0 0 -5px transparent,-7px 0 0 -5px transparent,-8px 0 0 -5px transparent,-9px 0 0 -5px transparent, -10px 0 0 -5px transparent,-11px 0 0 -5px transparent,-12px 0 0 -5px transparent,-13px 0 0 -5px transparent,-14px 0 0 -5px transparent, -15px 0 0 -5px transparent,-15px 0 0 -5px transparent,-16px 0 0 -5px transparent,-17px 0 0 -5px transparent,-18px 0 0 -5px transparent,-19px 0 0 -5px transparent,-20px 0 0 -5px transparent, -21px 0 0 -5px transparent,-22px 0 0 -5px transparent,-23px 0 0 -5px transparent,-24px 0 0 -5px transparent,-25px 0 0 -5px transparent, -26px 0 0 -5px transparent,-27px 0 0 -5px transparent,-28px 0 0 -5px transparent,-29px 0 0 -5px transparent,-30px 0 0 -5px transparent, -31px 0 0 -5px transparent,-32px 0 0 -5px transparent,-33px 0 0 -5px transparent,-34px 0 0 -5px transparent,-35px 0 0 -5px transparent, -36px 0 0 -5px transparent,-37px 0 0 -5px transparent,-38px 0 0 -5px transparent,-39px 0 0 -5px transparent,-40px 0 0 -5px transparent, -11px 0 0 -5px transparent,-42px 0 0 -5px transparent,-43px 0 0 -5px transparent,-44px 0 0 -5px transparent,-45px 0 0 -5px transparent, -46px 0 0 -5px transparent,-47px 0 0 -5px transparent,-48px 0 0 -5px transparent,-49px 0 0 -5px transparent,-50px 0 0 -5px transparent, -51px 0 0 -5px transparent,-52px 0 0 -5px transparent,-53px 0 0 -5px transparent,-54px 0 0 -5px transparent,-55px 0 0 -5px transparent, -56px 0 0 -5px transparent,-57px 0 0 -5px transparent,-58px 0 0 -5px transparent,-59px 0 0 -5px transparent,-60px 0 0 -5px transparent, -61px 0 0 -5px transparent,-62px 0 0 -5px transparent,-63px 0 0 -5px transparent,-64px 0 0 -5px transparent,-65px 0 0 -5px transparent, -66px 0 0 -5px transparent,-67px 0 0 -5px transparent,-68px 0 0 -5px transparent,-69px 0 0 -5px transparent,-70px 0 0 -5px transparent, -71px 0 0 -5px transparent,-72px 0 0 -5px transparent,-73px 0 0 -5px transparent,-74px 0 0 -5px transparent,-75px 0 0 -5px transparent,-76px 0 0 -5px transparent,-77px 0 0 -5px transparent,-78px 0 0 -5px transparent,-79px 0 0 -5px transparent, -80px 0 0 -5px transparent, -81px 0 0 -5px transparent,-82px 0 0 -5px transparent,-83px 0 0 -5px transparent,-84px 0 0 -5px transparent,-85px 0 0 -5px transparent,-86px 0 0 -5px transparent,-87px 0 0 -5px transparent,-88px 0 0 -5px transparent,-89px 0 0 -5px transparent,-90px 0 0 -5px transparent,-91px 0 0 -5px transparent,-92px 0 0 -5px transparent,-93px 0 0 -5px transparent,-94px 0 0 -5px transparent, -95px 0 0 -5px transparent, -96px 0 0 -5px transparent,-97px 0 0 -5px transparent,-98px 0 0 -5px transparent,-99px 0 0 -5px transparent,-100px 0 0 -5px transparent, -101px 0 0 -5px transparent,-102px 0 0 -5px transparent,-103px 0 0 -5px transparent,-104px 0 0 -5px transparent,-105px 0 0 -5px transparent, -106px 0 0 -5px transparent,-107px 0 0 -5px transparent,-108px 0 0 -5px transparent,-109px 0 0 -5px transparent,-110px 0 0 -5px transparent, -111px 0 0 -5px transparent,-112px 0 0 -5px transparent,-113px 0 0 -5px transparent,-114px 0 0 -5px transparent,-115px 0 0 -5px transparent,-116px 0 0 -5px transparent,-117px 0 0 -5px transparent,-118px 0 0 -5px transparent,-119px 0 0 -5px transparent, -120px 0 0 -5px transparent, -121px 0 0 -5px transparent,-122px 0 0 -5px transparent,-123px 0 0 -5px transparent,-124px 0 0 -5px transparent,-125px 0 0 -5px transparent, -126px 0 0 -5px transparent,-127px 0 0 -5px transparent,-128px 0 0 -5px transparent,-129px 0 0 -5px transparent,-130px 0 0 -5px transparent, -131px 0 0 -5px transparent,-132px 0 0 -5px transparent,-133px 0 0 -5px transparent,-134px 0 0 -5px transparent,-135px 0 0 -5px transparent, -136px 0 0 -5px transparent,-137px 0 0 -5px transparent,-138px 0 0 -5px transparent,-139px 0 0 -5px transparent,-140px 0 0 -5px transparent, -141px 0 0 -5px transparent,-142px 0 0 -5px transparent,-143px 0 0 -5px transparent,-144px 0 0 -5px transparent,-145px 0 0 -5px transparent, -146px 0 0 -5px transparent,-147px 0 0 -5px transparent,-148px 0 0 -5px transparent,-149px 0 0 -5px transparent,-150px 0 0 -5px transparent, -151px 0 0 -5px transparent,-152px 0 0 -5px transparent,-153px 0 0 -5px transparent,-154px 0 0 -5px transparent, -155px 0 0 -5px transparent, -156px 0 0 -5px transparent,-157px 0 0 -5px transparent,-158px 0 0 -5px transparent,-159px 0 0 -5px transparent,-160px 0 0 -5px transparent, -161px 0 0 -5px transparent,-162px 0 0 -5px transparent,-163px 0 0 -5px transparent,-164px 0 0 -5px transparent,-165px 0 0 -5px transparent, -166px 0 0 -5px transparent,-167px 0 0 -5px transparent,-168px 0 0 -5px transparent,-169px 0 0 -5px transparent,-170px 0 0 -5px transparent, -171px 0 0 -5px transparent, -172px 0 0 -5px transparent,-173px 0 0 -5px transparent,-174px 0 0 -5px transparent,-175px 0 0 -5px transparent, -176px 0 0 -5px transparent,-177px 0 0 -5px transparent,-178px 0 0 -5px transparent,-179px 0 0 -5px transparent,-180px 0 0 -5px transparent, -181px 0 0 -5px transparent,-182px 0 0 -5px transparent,-183px 0 0 -5px transparent,-184px 0 0 -5px transparent,-185px 0 0 -5px transparent, -186px 0 0 -5px transparent,-187px 0 0 -5px transparent,-188px 0 0 -5px transparent, -189px 0 0 -5px transparent,-190px 0 0 -5px transparent,-191px 0 0 -5px transparent,-192px 0 0 -5px transparent,-193px 0 0 -5px transparent,-194px 0 0 -5px transparent, -195px 0 0 -5px transparent, -196px 0 0 -5px transparent,-197px 0 0 -5px transparent,-198px 0 0 -5px transparent,-199px 0 0 -5px transparent,-200px 0 0 -5px transparent, -201px 0 0 -5px transparent,-202px 0 0 -5px transparent,-203px 0 0 -5px transparent,-204px 0 0 -5px transparent,-205px 0 0 -5px transparent, -2061px 0 0 -5px transparent,-207px 0 0 -5px transparent,-208px 0 0 -5px transparent,-209px 0 0 -5px transparent,-210px 0 0 -5px transparent, -211px 0 0 -5px transparent,-212px 0 0 -5px transparent,-213px 0 0 -5px transparent,-214px 0 0 -5px transparent,-215px 0 0 0 transparent !important;
}



.projectListProgress input[type="range"] {
    display: initial;
}

    .projectListProgress input[type='range']::-webkit-slider-runnable-track {
        background: #ebf2f7 !important;
    }

.projectListProgress #slide {
    width: 146px !important;
}



.projectListProgress input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7 !important;
}

.projectListProgress input[type='range'] {
    background-color: #fff !important;
}

.progressNegative .bar::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid #22405a;
    cursor: pointer;
    margin-top: -4px !important;
    -webkit-appearance: none !important;
    height: 14px !important;
    width: 14px !important;
    border-radius: 12px !important;
    box-shadow: -5px 0 0 -5px #33c1d4,-6px 0 0 -5px #33c1d4,-7px 0 0 -5px #33c1d4,-8px 0 0 -5px #33c1d4,-9px 0 0 -5px #33c1d4, -10px 0 0 -5px #33c1d4,-11px 0 0 -5px #33c1d4,-12px 0 0 -5px #33c1d4,-13px 0 0 -5px #33c1d4,-14px 0 0 -5px #33c1d4, -15px 0 0 -5px #33c1d4,-15px 0 0 -5px #33c1d4,-16px 0 0 -5px #33c1d4,-17px 0 0 -5px #33c1d4,-18px 0 0 -5px #33c1d4,-19px 0 0 -5px #33c1d4,-20px 0 0 -5px #33c1d4, -21px 0 0 -5px #33c1d4,-22px 0 0 -5px #33c1d4,-23px 0 0 -5px #33c1d4,-24px 0 0 -5px #33c1d4,-25px 0 0 -5px #33c1d4, -26px 0 0 -5px #33c1d4,-27px 0 0 -5px #33c1d4,-28px 0 0 -5px #33c1d4,-29px 0 0 -5px #33c1d4,-30px 0 0 -5px #33c1d4, -31px 0 0 -5px #33c1d4,-32px 0 0 -5px #33c1d4,-33px 0 0 -5px #33c1d4,-34px 0 0 -5px #33c1d4,-35px 0 0 -5px #33c1d4, -36px 0 0 -5px #33c1d4,-37px 0 0 -5px #33c1d4,-38px 0 0 -5px #33c1d4,-39px 0 0 -5px #33c1d4,-40px 0 0 -5px #33c1d4, -11px 0 0 -5px #33c1d4,-42px 0 0 -5px #33c1d4,-43px 0 0 -5px #33c1d4,-44px 0 0 -5px #33c1d4,-45px 0 0 -5px #33c1d4, -46px 0 0 -5px #33c1d4,-47px 0 0 -5px #33c1d4,-48px 0 0 -5px #33c1d4,-49px 0 0 -5px #33c1d4,-50px 0 0 -5px #33c1d4, -51px 0 0 -5px #33c1d4,-52px 0 0 -5px #33c1d4,-53px 0 0 -5px #33c1d4,-54px 0 0 -5px #33c1d4,-55px 0 0 -5px #33c1d4, -56px 0 0 -5px #33c1d4,-57px 0 0 -5px #33c1d4,-58px 0 0 -5px #33c1d4,-59px 0 0 -5px #33c1d4,-60px 0 0 -5px #33c1d4, -61px 0 0 -5px #33c1d4,-62px 0 0 -5px #33c1d4,-63px 0 0 -5px #33c1d4,-64px 0 0 -5px #33c1d4,-65px 0 0 -5px #33c1d4, -66px 0 0 -5px #33c1d4,-67px 0 0 -5px #33c1d4,-68px 0 0 -5px #33c1d4,-69px 0 0 -5px #33c1d4,-70px 0 0 -5px #33c1d4, -71px 0 0 -5px #33c1d4,-72px 0 0 -5px #33c1d4,-73px 0 0 -5px #33c1d4,-74px 0 0 -5px #33c1d4,-75px 0 0 -5px #33c1d4,-76px 0 0 -5px #33c1d4,-77px 0 0 -5px #33c1d4,-78px 0 0 -5px #33c1d4,-79px 0 0 -5px #33c1d4, -80px 0 0 -5px #33c1d4, -81px 0 0 -5px #33c1d4,-82px 0 0 -5px #33c1d4,-83px 0 0 -5px #33c1d4,-84px 0 0 -5px #33c1d4,-85px 0 0 -5px #33c1d4,-86px 0 0 -5px #33c1d4,-87px 0 0 -5px #33c1d4,-88px 0 0 -5px #33c1d4,-89px 0 0 -5px #33c1d4,-90px 0 0 -5px #33c1d4,-91px 0 0 -5px #33c1d4,-92px 0 0 -5px #33c1d4,-93px 0 0 -5px #33c1d4,-94px 0 0 -5px #33c1d4, -95px 0 0 -5px #33c1d4, -96px 0 0 -5px #33c1d4,-97px 0 0 -5px #33c1d4,-98px 0 0 -5px #33c1d4,-99px 0 0 -5px #33c1d4,-100px 0 0 -5px #33c1d4, -101px 0 0 -5px #33c1d4,-102px 0 0 -5px #33c1d4,-103px 0 0 -5px #33c1d4,-104px 0 0 -5px #33c1d4,-105px 0 0 -5px #33c1d4, -106px 0 0 -5px #33c1d4,-107px 0 0 -5px #33c1d4,-108px 0 0 -5px #33c1d4,-109px 0 0 -5px #33c1d4,-110px 0 0 -5px #33c1d4, -111px 0 0 -5px #33c1d4,-112px 0 0 -5px #33c1d4,-113px 0 0 -5px #33c1d4,-114px 0 0 -5px #33c1d4,-115px 0 0 -5px #33c1d4,-116px 0 0 -5px #33c1d4,-117px 0 0 -5px #33c1d4,-118px 0 0 -5px #33c1d4,-119px 0 0 -5px #33c1d4, -120px 0 0 -5px #33c1d4, -121px 0 0 -5px #33c1d4,-122px 0 0 -5px #33c1d4,-123px 0 0 -5px #33c1d4,-124px 0 0 -5px #33c1d4,-125px 0 0 -5px #33c1d4, -126px 0 0 -5px #33c1d4,-127px 0 0 -5px #33c1d4,-128px 0 0 -5px #33c1d4,-129px 0 0 -5px #33c1d4,-130px 0 0 -5px #33c1d4, -131px 0 0 -5px #33c1d4,-132px 0 0 -5px #33c1d4,-133px 0 0 -5px #33c1d4,-134px 0 0 -5px #33c1d4,-135px 0 0 -5px #33c1d4, -136px 0 0 -5px #33c1d4,-137px 0 0 -5px #33c1d4,-138px 0 0 -5px #33c1d4,-139px 0 0 -5px #33c1d4,-140px 0 0 -5px #33c1d4, -141px 0 0 -5px #33c1d4,-142px 0 0 -5px #33c1d4,-143px 0 0 -5px #33c1d4,-144px 0 0 -5px #33c1d4,-145px 0 0 -5px #33c1d4, -146px 0 0 -5px #33c1d4,-147px 0 0 -5px #33c1d4,-148px 0 0 -5px #33c1d4,-149px 0 0 -5px #33c1d4,-150px 0 0 -5px #33c1d4, -151px 0 0 -5px #33c1d4,-152px 0 0 -5px #33c1d4,-153px 0 0 -5px #33c1d4,-154px 0 0 -5px #33c1d4, -155px 0 0 -5px #33c1d4, -156px 0 0 -5px #33c1d4,-157px 0 0 -5px #33c1d4,-158px 0 0 -5px #33c1d4,-159px 0 0 -5px #33c1d4,-160px 0 0 -5px #33c1d4, -161px 0 0 -5px #33c1d4,-162px 0 0 -5px #33c1d4,-163px 0 0 -5px #33c1d4,-164px 0 0 -5px #33c1d4,-165px 0 0 -5px #33c1d4, -166px 0 0 -5px #33c1d4,-167px 0 0 -5px #33c1d4,-168px 0 0 -5px #33c1d4,-169px 0 0 -5px #33c1d4,-170px 0 0 -5px #33c1d4, -171px 0 0 -5px #33c1d4, -172px 0 0 -5px #33c1d4,-173px 0 0 -5px #33c1d4,-174px 0 0 -5px #33c1d4,-175px 0 0 -5px #33c1d4, -176px 0 0 -5px #33c1d4,-177px 0 0 -5px #33c1d4,-178px 0 0 -5px #33c1d4,-179px 0 0 -5px #33c1d4,-180px 0 0 -5px #33c1d4, -181px 0 0 -5px #33c1d4,-182px 0 0 -5px #33c1d4,-183px 0 0 -5px #33c1d4,-184px 0 0 -5px #33c1d4,-185px 0 0 -5px #33c1d4, -186px 0 0 -5px #33c1d4,-187px 0 0 -5px #33c1d4,-188px 0 0 -5px #33c1d4, -189px 0 0 -5px #33c1d4,-190px 0 0 -5px #33c1d4,-191px 0 0 -5px #33c1d4,-192px 0 0 -5px #33c1d4,-193px 0 0 -5px #33c1d4,-194px 0 0 -5px #33c1d4, -195px 0 0 -5px #33c1d4, -196px 0 0 -5px #33c1d4,-197px 0 0 -5px #33c1d4,-198px 0 0 -5px #33c1d4,-199px 0 0 -5px #33c1d4,-200px 0 0 -5px #33c1d4, -201px 0 0 -5px #33c1d4,-202px 0 0 -5px #33c1d4,-203px 0 0 -5px #33c1d4,-204px 0 0 -5px #33c1d4,-205px 0 0 -5px #33c1d4, -2061px 0 0 -5px #33c1d4,-207px 0 0 -5px #33c1d4,-208px 0 0 -5px #33c1d4,-209px 0 0 -5px #33c1d4,-210px 0 0 -5px #33c1d4, -211px 0 0 -5px #33c1d4,-212px 0 0 -5px #33c1d4,-213px 0 0 -5px #33c1d4,-214px 0 0 -5px #33c1d4,-215px 0 0 0 #33c1d4 !important;
}

#divMyUpdateTaskGrid input[type="range"] {
    display: initial;
}

    #divMyUpdateTaskGrid input[type='range']::-webkit-slider-runnable-track {
        background: #ebf2f7 !important;
    }

#divMyUpdateTaskGrid #slide {
    width: 146px !important;
}


#divMyUpdateTaskGrid input[type='range']::-webkit-slider-runnable-track {
    background: #ebf2f7 !important;
}

#divMyUpdateTaskGrid input[type='range'] {
    background-color: transparent !important;
}

#divMyUpdateTaskGrid input[type='range'] {
    -webkit-appearance: none !important;
    overflow: hidden !important;
    background-color: transparent;
    height: 23px !important;
    border-radius: 6px !important;
    border-style: none !important;
    padding: 0px !important;
}



    #divMyUpdateTaskGrid input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none !important;
        height: 6px !important;
        border: none !important;
        border-radius: 6px !important;
    }


#divMyUpdateTaskGrid input[type=range] {
    margin-top: 0px !important;
}

/*IPM Hierarchy Multilevel Mod Styles Start*/

.hierarchySearchBoxIPM {
    display: flex !important;
}

.IPMHierarchyToolBarAdjust .col-md-8.col-sm-6 {
    height: 56px;
}

.hierarchySearchBtn {
    border-top: 1px solid !important;
    border-left: 1px solid !important;
    border-bottom: 1px solid !important;
    border-color: #c8d1da !important;
    height: 28.4px;
    padding: 6px;
}

.hierarchySearchTextBox {
    border-left: 0px;
}

.hierarchySmallTitleTd {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 25px;
}

    .hierarchySmallTitleTd .label {
        font-weight: 500;
        font-size: 14px;
        color: #21415b;
    }

/*IPM Hierarchy Multilevel Mod Styles END*/


.paddingTB6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.taskSearchHieararchyFilterTD .paddingTB6:first-child {
    padding-top: 0px;
}

/*.linkedChild input, .linkedChild label {
    margin-top: 3px;
}*/

.hierarchyLinkedCheckboxDiv .CheckBox.linkedChild {
    display: flex;
    flex-direction: row;
}

.hierarchyFilterLabel{
    padding-top: 3px;
}

.paddingNone {
    padding: 0px;
}

.HierarchyBottomCheckBoxTD {
    display:inline-flex;
}

    .HierarchyBottomCheckBoxTD label {
        margin-right: 15px;
        width: 100px;
    }

.Width45 {      
        width: 45%;
}

.quickSearchTR, .quickTaskSearchTR {
    border-bottom: 1px solid #DDD;
}

.quickSearchBtnTD, .quickTaskSearchBtnTD {
    padding-top: 10px;
}

.staffreassignRes #ulResponsibilities li .staffResViewResponsibility .default-tooltip + .tooltip > .tooltip-inner {
    margin-top: 20px;
}

.staffreassignRes #ulResponsibilities li .staffResViewResponsibility .default-tooltip + .tooltip > .tooltip-arrow {
    top: 60%;
}

.action-sande-row .RadPicker .RadInput,
.action-revised-date-row .RadPicker .RadInput {
    width: 85px !important;
}

div[id*='radGridAddReports'] > table > tbody {
    height: calc(100vh - 240px);
    overflow: auto;
    display: block;
}

div[id*='radGridAddReports'] > table > tfoot .NumericPages .Panel:first-child {
    margin-top: 9px;
}

.Progressbarstaratgymap.min-width-set {
    min-width: 106px;
}

.multipleHierarchyTree {
    height: 250px;
    width: 100%;
    overflow: scroll;
    border: solid 1px #eaeaea;
    min-width: 340px;
    max-width: 450px;
}

.multipleHierarchyTree .rtTop label .rtChk,
.multipleHierarchyTree .rtMid label .rtChk,
.multipleHierarchyTree .rtBot label .rtChk {
    vertical-align: top;
    margin-top: 5px;
}

.multipleHierarchyTree .rtTop label .rtIn,
.multipleHierarchyTree .rtMid label .rtIn,
.multipleHierarchyTree .rtBot label .rtIn {
    display: inline-block;
    width: 90%;
}

.fullHeightPercentage
{
    height:100%;
}

.height25 {
    height:25px;
}

@media only screen and (max-height: 1280px) {
    .ProjectBlock .scrollablewidth {
        width: 100% !important;
    }
}

th.kpiGridYTDGroupCells {
    background-color: #ccc
}

th.kpiGridPeriodGroupCells {
    background-color: #ddd
}

/*CSS for Angular QU Chat Wndow*/

.middleContent.quChatWindow
{
    margin-top:0px !important;
    margin-left:0px !important;
}


.quChatWindow #divChatPopupMainTitle,
.quChatWindow .chatPopupMainTitle {
    display: none;
}

.quChatWindow .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.quChatWindow #divChatPopupLeftPanel .nav-tabs > li.active > a,
.quChatWindow .nav-tabs > li.active > a:hover,
.quChatWindow .nav-tabs > li.active > a:focus {
    border-bottom: 3px solid #0050a0 !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    font-size: 13px !important;
    background-color: transparent !important;
    color: #21415b;
}

.quChatWindow #divChatPopupLeftPanel .nav-tabs > li > a {
    background-color: transparent;
    border-style: none
}

.quChatWindow #divChatPopupLeftPanel .nav-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 0px !important;
    margin-left: -14px;
    float: left !important;
    width: 106%;
    background-color: #eff8fd;
    padding-top: 5px;
}

.quChatWindow #divChatPopUp,
.quChatWindow #divChatPopupLeftPanel {
    width: 50%;
}


.quChatWindow .chatPopUpfooterContentDropDown
{
    height: 665px !important;
    border-style:none;
    text-align:center;
}

.quChatWindow .chatPopUpMainContent {
    height: 590px !important;
}

.quChatWindow #recentChatSearchControl {
    border: 1px solid #0050a0;
    border-radius: 30px;
    padding-inline: 5px;
    width: 80%;
    height: 35px;
    line-height: 25px;
    margin-left: auto !important;
    margin-right: auto;
    margin-top:15px;
}

.quChatWindow li#recentChatSearchTextBox {
    border-right-style:none !important;
    width:100%;
}

.quChatWindow #recentChatSearchButton {
    display: none;
}

.quChatWindow .chatPopupLeftPanelShowHide {
    float: left;
    text-align: left;
    z-index: 999999;
    margin-left: -7px;
    margin-top: 5px;
}

.quChatWindow .chatexpandbuttonstyle {
    background-color: transparent;
    color: #fff !important;
    border: none;
    display: block;
    padding: 2px;
    font-size: 16px;
    cursor: pointer;
    background-color: #0050a0;
    border-radius: 4px;
    font-weight: 400;
    width: 20px;
    height: 24px;
    border-radius: 8px 0 0 8px;
}

.quChatWindow .chatPopUpMainContent {
    background-color: #fff;
    color: #000;
    height: 590px !important;
    overflow-y: auto;
    border-left: 1px solid #e7e7e7;
}

.quChatWindow .rowlline,
.quChatWindow .chatfooterline,
.quChatWindow .columnline {
    border-style: none;
}

.quChatWindow .discussionTxtMessage {
    border: 1px solid #c9d1da !important;
    margin-left:10px;
}

quChatWindow #divChatCharCount {
    margin-right: 120px;
}

.quChatWindow .discussionbtnMessageSend {
    border-radius: 30px;
    padding-inline: 16px;
    font-size: 14px;
    box-sizing: border-box;
    height: 35px;
    padding-top: 0px;
    margin-inline: 4px;
    padding-bottom: 3px;
    background-color: #0050a0;
    border: 2px solid #0050a0;
    color: #FFF;
    width: auto;
    line-height: 32px !important;
    margin-top:25px;
}

.quChatWindow .quChatSendBtnCell {
    text-align: center;
    height: 88px;
    vertical-align: middle;   
}

.quChatWindow .rowlline {
    margin-inline-start: 20px !important
}

.quChatWindow #divChatPopUpNotify {
    margin-left:40px;
}

.quChatWindow .chatNotifytxt {
    display:none;
}

.quChatWindow .chatPopUpfooterContentDropDownInner {
    margin-top:20px;
}

    .quChatWindow .chatPopUpfooterContentDropDownInner .DropDownList,
    .quChatWindow .chatPopUpfooterContentTextbox .textBox {
        width: 80%;
        font-size: 13px;
        border-radius: 4px;
        height: 35px;
        padding: 4px;
        margin-bottom: 2px;
        margin-inline: auto;
    }

.quChatWindow #recentChatSearchControl {
    border: 1px solid #0050a0;
    border-radius: 30px;
    padding-inline: 5px;
    width: 80%;
    height: 35px;
    line-height: 25px;
    margin-left: auto !important;
    margin-right: auto;
    margin-top: 15px;
}

.quChatWindow #ChatsearchControl {
    border: 1px solid #0050a0;
    border-radius: 30px;
    padding-inline: 5px;
    width: 80%;
    height: 35px;
    line-height: 25px;
    margin-left: auto !important;
    margin-right: auto;
    margin-top: 10px;
}

.quChatWindow #divContactList {
    width:100% !important;
    height:77% !important;
    margin-left:20px;
}

.quChatWindow #chatUserImageDiv {
    width:10% !important;
}

.quChatWindow #chatUserDescrDiv {
    padding-top: 18px;
    width: 90% !important;
}

.quChatWindow .chatPopUpSubHeaderText {
    margin-right: 30%;
    font-weight:500 !important;
}

.quChatWindow .discussionContactsContainer {
    height: 54px;
    border-top: 1px solid #eee;
    padding-inline:60px;
}

.quChatWindow #ChatSearchButton {
    display: none;
}

.quChatWindow li#ChatSearchTextBox {
    width: 100%;
    border-style: none;
}

.quChatWindow #chatUserImageDiv {
    padding-top:13px;
}

.quChatWindow .chatPopUpContactList #ChatUserImage {
    width:32px !important;
    height:32px !important;
}

.quChatWindow #divChatPopupLeftPanel .nav-tabs > li:first-child {
    margin-left: 30px
}


.quChatWindow #divChatPopupLeftPanel .nav-tabs > li:first-child {
    margin-left: 30px;
}

.quChatWindow .divContactListChecked {
    background-image: none;
    background-color: #f9fafb;
    min-height: 54px;
}
.quChatWindow #divContactList input[type=radio]:checked + label {
    background-color: transparent;
}

.quChatWindow .status-indicator-member {
    position: relative !important;
}


.quChatWindow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg  height='24' fill='rgb(95,95,91)' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.87,5.86a1,1,0,0,1-1.63,0L.19,1.58A1,1,0,0,1,1,0H7.11a1,1,0,0,1,.81,1.58Z' /></svg>");
    background-repeat: no-repeat;
    background-position-x: right !important;
    background-position-y: 15px;
    border: 1px solid #dfdfdf;
    padding-right: 30px !important;
    padding: 7px;
}

.quChatWindow .chatPopUpMainChatContainerImage #ChatUserImage {
    border-radius: 50%;
    width: 32px !important;
    height: 32px !important;
}

.quChatWindow #ChatSearchTextBox input {
    margin: 3px;
    border: 0;
    width: 98%;
    background: url(../../App_Themes/INTERPLAN/ToolBar/HubSearchIcon.svg) 0px 6px no-repeat;
    text-indent:20px;
}

.quChatWindow #recentChatSearchTextBox input {
    margin: 3px;
    border: 0;
    width: 98%;
    background: url(../../App_Themes/INTERPLAN/ToolBar/HubSearchIcon.svg) 0px 6px no-repeat;
    text-indent: 20px;
}

.quChatWindow .chatPopUpMainChatContainerChatName {
    font-weight: 500 !important;
}

.chatPopUpMainChatContainerImage {
    /*width: 50px;*/
    float: left;
    margin: 5px 10px;
    /*width:13%;*/
    padding: 0px !important;
}

.quChatWindow #divContactList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}



.quChatWindow #divContactList::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background-color: #F5F5F5;
}


.quChatWindow #divContactList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #0050a0;
}

.EISSplitterWidth {
    width: calc(100vw - 70px) !important;
}

.ProjectBlock .projectListProgress .symbol {
    margin-left: -17px !important;
    padding-top: 2px;
}

.ProjectBlock .projectListProgress .value {
    text-indent: 11px;
    text-align: left;
}

.executiveReportingGridTD > div {
    height: calc(100vh - 110px);
    overflow: auto;
}

    .executiveReportingGridTD > div > .GridView .HeaderStyle {
        position: sticky;
        top: -2px;
    }


.reportviewer-note {
    color: #0050a0;
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 1366px) {

    .mainmenu .dropdown-header {
        border-left: 1px solid #274f6b;
        min-height: 250px;
        padding: 0;
        margin-top: 5px;
        max-height: 250px;
        overflow: auto;
    }
}