@charset "utf-8";
/* CSS Document */

body{ font-family: 'Roboto', sans-serif; font-weight: normal;color: #464a4c; background:#eee;}
::-ms-clear {
    display: none;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}













/** Generated by FG **/
/*@font-face {
    font-family: 'Conv_Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/Roboto-Regular.eot');
    src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    
    src: url('../fonts/Roboto-Medium.eot');
    src: local('☺'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: local('☺'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), url('../fonts/Roboto-MediumItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
    */


label{font-weight: 500;}




.main-sidebar, .left-side{ width:110px;}
.content-wrapper, .right-side, .main-footer{ margin-left:110px;}
.main-header .logo{ width:110px;}
.main-header>.navbar{ margin-left:110px;}
.skin-yellow .main-header .navbar .sidebar-toggle{ display:none;}

a:hover{ text-decoration:none !important;}

.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
    width: 100%;
    font-size: 34px;
    display: block;    
    text-align: center;    
    margin: 0 auto 10px;
    
}
.sidebar-menu li>a{ text-align:center; padding: 14px 5px 16px 15px;}
.sidebar-menu li>a span{ font-weight: 500;}
.dashmain .navtabsmain{background: #f5f5f5;}
.dashmain .navtabsmain>li>a{ padding:10px 40px;}
.nav-tabs-custom>.nav-tabs>li{ border-top:none; border-bottom:3px solid transparent;}
.nav-tabs-custom>.nav-tabs>li.active {border-bottom-color: #f39c12; border-top:none; border-bottom:3px solid #f39c12;}
.nav-tabs-custom>.nav-tabs>li:hover{ border-bottom:3px solid #f39c12; transition:0.4s ease-in-out 0s; background:#fff; color:#000; opacity:1;}
.nav-tabs-custom>.nav-tabs>li:hover a{ color:#000;}

.parametersection {padding: 20px 0 0; position:relative;}

.parametersection .box-tools {position: absolute;right: 0px; top: -10px;}

.parametersection .info-box{ box-shadow:none; border:1px solid #ddd;}
.info-box-number{ font-size:40px;}
.editicon{ display:block; text-align:right; cursor: pointer; color:#999; transition:0.4s ease-in-out 0s;}
.editicon:hover {color: #000;}
.editicon .fa{ font-size:20px;}
.pro_dateandtime{ margin:20px 20px; text-align:center;}
.pro_dateandtime .input-group{ max-width:300px; margin:0 auto;}
.dashpiechart .chart-legend .fa {
    font-size: 20px;
    margin-right: 5px;
    margin-bottom:10px; margin-top:-5px;
}

.tasklist{ margin:0; padding-left:10px;}
.tasklist li{ list-style-type:none; font-size:16px; margin:0 0 0px;}
.tasklist li label{ width:40%; display:inline-block; font-weight:normal;}
.tasklist li span{ width:58%; display:inline-block; text-align:right;}
.viewmore a{ display:block; text-align:right; color:#000; text-decoration:underline;}
h3.box-title {
    font-weight:700;
}


.dashmain .box{ background:#fafafa; border:1px solid #ddd;}
.box-header.with-border {border-bottom: none;}


.sidebar-menu>li>a{ padding-left:5px;}


.sidebar-menu .dropdown-submenu{position:relative; padding: 0;}
.sidebar-menu .dropdown-submenu>.dropdown-menu{ background: #2e52a3; border:none; top:0;left:100%;margin-top:0px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 2px 2px 0px; width: 220px;}
    .sidebar-menu .dropdown-submenu:hover>.dropdown-menu{display:block}
    .sidebar-menu .submenuopen .dropdown-menu {
        display: block;
    }
.sidebar-menu .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
.sidebar-menu .dropdown-submenu:hover>a:after{border-left-color:#fff}
.sidebar-menu .dropdown-submenu.pull-left{float:none}
.sidebar-menu .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}

.sidebar-menu .dropdown-submenu li{ border-bottom: 1px solid #385cb2; text-align: left;}
.sidebar-menu .dropdown-submenu li a{ padding:8px 10px; text-align: left; }
.sidebar-menu .dropdown-submenu .dropdown-menu{ padding-top: 0; box-shadow: 0px 0px 11px 0px #274588;}
.sidebar-menu .dropdown-menu > li > a:hover, .sidebar-menu .dropdown-menu > li > a.active {
    background-color: #e7edf0; color:#464a4c; cursor:pointer;
}

.projectsmenuicon {display: inline-block;vertical-align: top;position: absolute;right: 0;top: 0;}
.projectsmenuicon > li{display: inline-block;margin-left: 5px; vertical-align: top;}
.projectsmenuicon > li:first-child{ margin-left: 0; }
.projectsmenuicon > li > a{ display: block;color: #333; }

ul#projects-menu {padding: 0;margin: 0; width: 200px;background: #f5f5f5;color: #000;box-shadow: 0px 5px 9px 0px #ccc;}
li.dropdown.open #projects-menu {display: inline-table;}
ul#projects-menu li{ border-bottom: 1px solid #ddd; }
ul#projects-menu li a{ padding: 10px 10px; display: block;color: #000;}
ul#projects-menu li a img{ margin-right: 5px; }



.relativediv {
    position: relative;
    padding-right: 25px;
}



/*sitepading*/
.dashmain .nav-tabs-custom{ margin-bottom:0;}
.dashmain .nav-tabs-custom>.tab-content{ padding:30px;}
.dashmain .content{ padding:0px;}
.box-header, .box-body{ padding:20px;}
.nav-tabs-custom>.nav-tabs>li>a.text-muted{ padding-right:30px;}
.navbar-custom-menu {margin-right: 15px;}
/*sitepaddingend*/


.dashpiechart .chart-legend{ margin:55% 0 0;}
.box-header>.box-tools{ right:20px; top:20px;}
.readmoretasklist{ display:none;}
button.viewmorebtn {
    background: no-repeat;
    border: none;
    outline: none;
    text-align: right;
    display: block; float: right; text-decoration:underline;font-weight: 600;
}
.search-menu .input-group {
    margin: 0 10px 10px;
}
.btnyellow{ background:#fbb03b; color:#fff;}
.btnyellow:hover {
    background: #e29214; color:#fff;
}
.mainheadingtop {
    float: left;
    padding: 10px 10px 9px 20px;
    font-size: 20px;
    font-weight: 300;
    
    color: #464a4c;
}

body .nav-tabs-custom>.nav-tabs>li.plusicon:hover{ background:none; border-bottom-color:transparent;}
.navbar-nav>.search-menu>.dropdown-menu{ width:400px;}
.daterangepicker_start_input, .daterangepicker_end_input {display: none;}
.daterangepicker.opensleft .ranges {
    float: none;
    clear: both;
    display: block;
    text-align: right;
    width: 100%;
    padding-right: 10px;
}
.parametersection .info-box span.info-box-number {
    line-height: normal;
}
.parametersection .info-box span.info-box-text {
    margin-bottom: 10px;
    display: block;
}





/*freezeheader_Css_Added_by_pradip*/
table#clone {
    top: 0px !important;
    width: 97.7% !important;
}

table#clone tr {
pointer-events: auto;
}

table#clone tr td, table#clone tr th {
border-radius: 0px;
}


@media only screen and (max-width:3400px) and (min-width:1921px) {
    table#clone {
        width: 98.8% !important;
    }
}

@media only screen and (max-width:1920px) and (min-width:1400px) {
    table#clone {
        width: 98.3% !important;
    }
}
/*End_freezeheader_Css_Added_by_pradip*/







/*Timesheet*/
.weeklytimesheetwrap {    
    background: #eeeeee;
    min-height: 500px;
    height: 100%;
}
.form-inline .form-control {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
    /* width: 100%; */
    margin-right: 10px;
}

ul.inlinelist {
    padding-left: 0;
}
.inlinelist li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.inlinelist li a{ color:#000; text-decoration:underline;}
.inlinelist .btn {
    padding: 6px 20px;
    min-width: 100px;
}

.timesheetrow a{ color:#000; text-decoration:underline;}
.dateanddays{ display:block; width:100%; border-bottom:1px solid #ddd;} 
.timesheettable{ background:none;}

.timesheettable table{width:100%; margin:0 0 10px;}
.timesheettable table{table-layout: fixed;}
.tbl-header{background-color: #e7edf0; /*padding: 0 15px;*/ padding: 0 0px;}
.tbl-header .table{ border-left: none; border-right: none; border-bottom:none;  }
.tbl-content{/*height:72vh;*/ height:auto;/*overflow-x:auto;*/margin-top: 0px; /*padding: 0 15px;*/ width: 100%;}



.timesheettable>tbody>tr:hover{ background:none;}

.timesheettable table tr th{ background:#e7edf0; border-top:1px solid #000; line-height: normal; vertical-align: middle; text-align: center; font-weight: 700; border-bottom: none;}
.timesheettable table tr th:first-child{ border-left: none;}
.timesheettable table tr th:last-child{ border-right: none; }

.timesheettable table tr th span{ display:block;}
/*.timesheettable table tr th:first-child, .timesheettable table tr td:first-child{ text-align:left;}*/
.timesheettable thead {border-top:none;}
.timesheettable tr td { text-align: center;padding: 0px;font-size: 15px; background: #fff; color: #000; vertical-align: middle !important;font-weight: 500;}
.timesheettable tbody tr.task td:first-child {border-left:none; text-align: left;font-weight: normal;}

.timesheettable tbody tr.task td:first-child, .timesheettable thead tr td:first-child,
.timesheettable thead tr th:first-child, header-copy{width: 280px; padding: 8px 12px;}
.timesheettable table tr:hover{ background:none;}

.timesheettable .table tr>td .progress {margin: 5px 0;}
.tbl-projecttitle {
    font-size: 16px;
    color: #4263c1;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    min-height: 30px;
    position: relative;
    padding-right: 16px;
    word-break: break-word;
    white-space: normal;
}
.tbl-projecttitle .projecttitle_actions { position: absolute;right: 0;top: -2px;}
.tbl-projecttitle .projecttitle_actions > a {display: block;line-height: 18px;}
.tbl-projecttitle .projecttitle_actions > a img {width: 13px;}
.timesheettable table tr th span .borderbtn {padding: 2px 10px; transition: 0.0s ease-in-out 0s!important;}
.timesheettable .tbl-header table{ margin-bottom: 15px;border-bottom: none;box-shadow: none; width: 100%;}
.timesheettable tbody tr td:last-child { border-right:none;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border-color: #efefef; }
/*.timesheettable tbody tr.task td:nth-child(2n), .timesheettable thead tr td:nth-child(2n), .timesheettable thead tr th:nth-child(2n){ width: 10%; }*/



/*custom checkbox*/
input[type=checkbox][disabled] {
    cursor: not-allowed !important;
}
.custom_chckbox input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.custom_chckbox label{position:relative;cursor:pointer}
    .custom_chckbox label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #464a4c;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);
        padding: 7px;
        display: inline-block;
        position: relative;
        vertical-align: middle; /*cursor:pointer;*/
       
    }
.custom_chckbox input:checked + label:after{content:'';display:block;position:absolute;top:3px;left:6px;width:5px;height:10px;border:solid #464a4c;border-width:0 1px 1px 0;transform:rotate(45deg)}

.timesheettable table tr th{ word-wrap: break-word;}
.timeno.timenodisabled {color: #b3b3b3;}
.tbl-projecttitle .fas {color: #000;-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;}

.workcomplted {text-decoration: underline;}



.borderdividered {
    border-bottom: 2px dashed #ddd;
    padding: 0;
    margin: -10px 0 10px;
}

tbody.tbodygray {
    background: #f5f5f5;
}
.totlerow{ background:#f0f1f5;}
.totlerow:hover, .totlerow:hover td{ background:#f0f1f5;}

.rowhide{ display:none;}

.graytablebody{ background:#f5f5f5;}
.trcollaps_icon:focus{ outline:none; box-shadow:none;}
.trcollaps_icon .fa {font-size: 18px;font-weight: bold;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{ border-color:#ddd;}
.transparentborder, .transparentbottomborder td, .transparenttopborder td{ border-bottom-color:transparent !important; }
.projectsicon a{ display: inline-block; margin-left: 10px; }

.progress{ background:#ddd; border-radius:4px;}
    .progress.progress-success {
        background: #81cf09;
    }
.progress-bar {
        background-color: #81cf09;
    }
.progress > div { height:10px;
}
.progress-bar-success {
    background: #81cf09;
}
.progress-bar-danger {
    background: #eb1c24;
}
.progress-bar-orange {
    background: #f4cd0f;
}


.btn:active {
    box-shadow: none;
}
.btn:focus{ outline: none; }
li{ list-style-type: none; }
.sidebar-menu>li>a>.fa{ line-height:normal; margin-bottom: 0;}





li.topli{margin-right:10px; width:280px; padding-top:8px; float:left;}
li.topli span{display:inline-block; color:#fff; float:left; margin-right:20px; padding-top:8px }
li.topli select {width: 80%; float: inherit; max-width:180px;     background: transparent;
    border-color: #fff;color: #fff;}
	li.topli select option{ color:#000;}
li.topli select:focus{border-color: #fff;color: #fff;}
button.btn.submitbtn {background: #f5f5f5;}
button.btn.submitbtn:hover{ background:#ddd;}
.main-header .logo .logo-mini{ display:block;}


.timesheettable table tr th.text-center{ text-align:center !important;}
.nostyle {background: none;border: none;}




/*newtimesheet_17-8-2018*/

/*default-color-style*/
.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side{background-color: #4263c1;}
.skin-blue-light .sidebar a{ color:#fff;}
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a{ color:#ffffff;}
.skin-blue-light .main-header .navbar .nav > li > a{ color:#464a4c;}
.skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav > li > a:active, .skin-blue-light .main-header .navbar .nav > li > a:focus, .skin-blue-light .main-header .navbar .nav .open > a, .skin-blue-light .main-header .navbar .nav .open > a:hover, .skin-blue-light .main-header .navbar .nav .open > a:focus, .skin-blue-light .main-header .navbar .nav > .active > a{ color:#464a4c; background: #f0f0f0;}
.skin-blue-light .main-header .navbar {background-color: #fff;}
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a{ background:#2e52a3;}
.skin-blue-light .main-header li.user-header{ background: #4263c2; }
.skin-blue-light .main-header .logo{background-color: #fff;}
.skin-blue-light .main-header .logo:hover {background-color: #ffffff;}
/*default-color-style-end*/


/*stylecustom*/
.btn {
    transition: 0.4s ease-in-out 0s;
    padding: 4px 16px;
    line-height: inherit;
}
.btn:hover, .btn:focus{ outline: none; }
.bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:hover{ outline: none!important; }

/*gray-background-color*/
.graybg{ background:#e7edf0;}

/*white-background-color*/
.bgwhite{ background: #fff!important;}

.content-wrapper, .right-side{ background: #eeeeee; }

.pt-0{ padding-top: 0!important;}
.pb-0{ padding-top: 0!important;}
.pt-1 {padding-top: 10px;}
.pb-1 {padding-bottom: 10px;}
.mt-0{ margin-top: 0px!important;}
.mb-0{ margin-bottom: 0px!important;}
.mt-1{ margin-top: 10px; }
.mt-2{ margin-top: 20px; }
.mt-3{ margin-top: 30px; }
.mt-4{ margin-top: 40px; }
.ml-1{ margin-left: 10px; }
img, .nav > li > a > img{ max-width: 100%;}


.bootstrap-select{ background-color:#ffffff;}
.bootstrap-select > .dropdown-toggle {background-color: #ffffff;color: #464a4c;border-color: #848484; height: 34px;}

.bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:hover{ background:#ffffff;}
.bootstrap-select.open > .dropdown-toggle.btn-default:hover {color: #333; background-color: #ffffff; border-color: none;}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{ background:#ffffff;border-color: #272727;}


.statustext{ margin:0; padding:10px 0 10px;}
.statustext li{ display:inline-block; margin-right:10px;}
.statustext li a{ color:#1359a6; display: block; text-decoration: none; padding: 4px 5px; /*border: 1px solid #1359a6;*/ border-radius: 4px; border-width:1px 1px 1px; font-weight: 500;}
.statustext li a:hover{ text-decoration: none;}
.statustext li span.statustextno{ width:24px; height:20px; line-height:20px; display: inline-block;text-align: center;color: #fff; margin-right: 6px; font-size: 11px;vertical-align: middle;}

.statustext li.criticle a span.statustextno{ background: #eb1c24;}
.statustext li.overdue a span.statustextno{ background: #f4cd0f;}
.statustext li.pending a span.statustextno {background: #fbb03b;}
/*Added by Yasmin S on 4th Dec 2018*/
    .statustext li.schedule a span.statustextno {
        background: #9dd824;
    }
/*Added by Yasmin S on 15th Jan 2019*/
#Filtertasktype .dropdown-menu {
    padding: 0px 0 !important;
    margin: 0px 0 0 !important;
}
.projecttaskinfo_tooltipbox_schedule .col-xs-5 {
    width: 46.666667% !important;
}

.projecttaskinfo_tooltipbox_schedule .col-xs-7 {
    width: 53% !important;
}

#FilterTaskBody {
    height: 300px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
}
.search-box > .input-group > div {
    height: auto !important;
}

.statustext li.active a, .statustext li:hover a {
    background: #1359a6;
    color: #fff;
    transition: 0.4s ease-in-out 0s;
}

    .statustext li.pending a span.statustextno {background: #fbb03b;}
    .statustext li.schedule a span.statustextno { background: #9dd824;}



.btnlistinline{ margin:10px 0 0; padding: 0; }
.btnlistinline li{ display: inline-block; list-style-type: none; }
.borderbtn{ background: #fff; border-color: #1359a6; color: #1359a6; font-weight: 500;}
.borderbtn:hover{ background: #1359a6; color: #fff; }
.timesheetrow a.btn.borderbtn{ text-decoration: none; color: #1359a6; }
.timesheetrow a.btn.borderbtn:hover{ color: #fff; }

/*on-of-switched*/

.cmn-toggle{position:absolute;margin-left:-9999px;visibility:hidden}
.cmn-toggle + label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input.cmn-toggle-round-flat + label{padding:2px;width:55px;height:24px; top:2px;background-color:#1359a6;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s}
input.cmn-toggle-round-flat + label:before,input.cmn-toggle-round-flat + label:after{display:block;position:absolute;content:""}
input.cmn-toggle-round-flat + label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#1359a6;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s}
input.cmn-toggle-round-flat + label:after{top:4px;right:4px;bottom:4px;width:16px;background-color:#fff;-webkit-border-radius:52px;-moz-border-radius:52px;-ms-border-radius:52px;-o-border-radius:52px;border-radius:52px;-webkit-transition:margin 0.4s,background .4s;-moz-transition:margin 0.4s,background .4s;-o-transition:margin 0.4s,background .4s;transition:margin 0.4s,background .4s}
input.cmn-toggle-round-flat:checked + label{background-color:#1359a6;}
input.cmn-toggle-round-flat:checked + label:after{margin-right:30px;background-color:#fff;}
input.cmn-toggle-round-flat:checked + label::before{ background: #1359a6; }

/*on-of-switched_end*/

 .main-header .navbar .nav > li > a{ padding-top:12px; padding-bottom: 10px; line-height: 28px; max-height:50px;  }

.weeklyanddaily span{ display: inline-block;  vertical-align: middle;}
.weeklyanddaily .switch{display: inline-block; margin: 0 10px; vertical-align: top;}
.weeklyanddaily span.labeldail{ color: #464a4c;}


.weekly_calender{ position: relative; text-align: center; }
.weeklyanddaily .filter{ margin-top: 0px; }
.weeklyanddaily .filter .fas{ font-size: 14px; display: block;}
.weekly_calender .input-group { width: 100%;margin: 0 auto; }
.weekly_calender .weeklycalender_icon {position: absolute; right: 70px;top: 7px;font-size: 20px;}

.fa-calendar:before {
    content: "\f073"!important;
}
.timesheetrow .input-group .input-group-addon{ border-radius: 4px 0 0 4px; border-color: #848484;}
.weekly_calender .form-control{border-color: #464a4c; border-radius: 4px!important;}
.input-group .form-control:last-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.weekly_calender .input-group .input-group-addon{ width: 60px;}
.weeklyanddaily {

    margin:1px 0 0;
    line-height: 28px;

}
.weekly_calender button {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;cursor: pointer; background: none; border:none; outline: none;
}
.weekly_calender .input-group-box {
    display: inline-block;
    vertical-align: top;max-width: 215px;
    margin: 0 6px; position: relative;
}
.weekly_calender .input-group-box input{border-radius:0px 4px 4px 0px!important;}
.input-group-box img {
    position: absolute;
    right: 8px;
    width: 20px;
    z-index: 9;
    top: 5px;
}



/*newdatepicker*/
#DateDemo .showCalendar {
    position: absolute;
    right: 10px;
    font-size: 18px;
    z-index: 9;
    top: 5px;
}
.ui-datepicker td span, .ui-datepicker td a{ padding: 0.77em; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #999;background: #ccc; color: #333;}
.ui-state-default, .ui-widget-content .ui-state-default{ border:none; } 
.weekly_calender .ui-widget-content .ui-state-hover{ background:#ccc; }    

.ui-state-active, .ui-widget-content .ui-state-active{border:none;}    
.ui-state-default, .ui-widget-content .ui-state-default{ border:none; }  
.ui-state-default{ background: #fff; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1 !important;
    color: #868383;
} 
.ui-datepicker td{ padding: 0; } 
.ui-state-highlight {background: #1359a6!important; color: #fff!important;}
/*newdatepicker_end*/




.projectsicon {display: block;text-align: right;}

.bootstrap-select.open > .dropdown-toggle.btn-default:hover{ background: none; box-shadow: none; }


.weekly_calender .input-group-box input{ 
    background-position: 96%; padding-right:30px;}


/*custom-modal*/
.custmodal .modal-content{ border-radius: 10px; }
.custmodal .modal-content .modal-header{display: block!important; background: #4263c1; border:none; color: #fff; border-radius: 10px 10px 0 0; padding: 10px; text-align: center; }
.custmodal .modal-content .modal-header .close{ color: #fff; box-shadow:none; border:none; font-size: 24px; text-shadow: none; opacity: 1; position: absolute; top: 14px; right: 20px;}

.custmodal .modal-content .modal-body{ padding: 40px; }
span.startdateicon { /*margin: 6px 0px 0 -15px;display: block;*/
    position: absolute;
    right: 20px;
    z-index: 9;
    top: 6px;
    cursor: pointer;
}


.projecttitle_actions{ float: right; }

.progress.xs, .progress-xs {height: 10px;}

.skin-blue-light .main-header .navbar .nav > li > a i{ font-size: 16px; }

.modal {background: rgba(255,255,255,0.7); z-index:9999;}
#Schedule .modal-dialog{ width: 800px; }
#Schedule .modal-content{ box-shadow: 0 6px 14px rgba(0,0,0,0.225);}
.modal-title {margin: 0;font-weight: 400;font-size: 20px;}
.entryform.scheduleform {font-weight: 500; }

.projecttitle_actions > a{ display: inline-block; margin-left: 10px; }
.caret{border-top: 6px dashed;border-top: 6px solid\9;border-right: 6px solid transparent;border-left: 6px solid transparent;}
.form-control{ color: #464a4c; }
.procollapsdown > img {
    transform: rotate(180deg);
}

.largcustmodal .modal-dialog {width: 800px;}

.weeklyanddaily .filter button{width: 28px; height: 28px; line-height: 28px; border-radius: 4px;}
.weeklyanddaily .filter button.collapsed {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    height: auto; color: #464a4c;
}

.weeklyanddaily .filter button[aria-expanded="true"]{background: #1359a6; color: #fff;}

.filter button{ background: no-repeat; border:none; outline: none;padding: 0; margin: 0;}
span.timeno {
    position: relative;
    display: block;
}

span.selecttimeno {
    display: block;
    /*position: absolute;*/
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.fa-filter {
    cursor: pointer !important;
}
.comment {
    font-size: 13px !important;
    position: relative;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
/*Commented By yasmin S on 7th Dec 2018*/
.notelisticon {
    display: block;
    /*position: absolute;*/
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto; /*top: -16px;*/
}
.timepopupbox{ display: none; 
    background: rgb(255, 255, 255);
    white-space: nowrap; position: absolute;
    width: 200px;
    top:118px;
    z-index: 11; border-radius: 4px;
    background:#e7edf0; padding:10px; border:1px solid #e3ecf1; text-align: left; color: #464a4c; font-size: 13px;}
.timepopupbox textarea {
    color: #999;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin: -17px 0 10px 15px;
  border-bottom: 8px solid #e7edf0;
}

/*.pr{ position: relative; }*/
th.exapnd_and_collaps_column {position: relative;}
th.exapnd_and_collaps_column .fas{ position: absolute; font-size: 16px; cursor: pointer;}
th.exapnd_and_collaps_column .fa-caret-left{ right: 5px; bottom: 0;}
th.exapnd_and_collaps_column .fa-caret-right{ left: 5px; bottom: 0;}



.filterpanelwrap{ background: #ffffff; border-bottom: 1px solid #464a4c;}
.filterpanelbody{ padding: 30px;}
.filterpanelwrap .col-sm-2 {width: auto;max-width: 18.666667%;min-width: 11%;}
.fp_button.text-center {margin: 20px 0 0;}
.fp_searchbox {margin: 0 0 10px;position: relative;}

.ui-widget-content {background: #fff;border: 1px solid #464a4c;width: auto!important; border-radius: 0 0 4px 4px;
  display: none;}
.ui-widget-content li{ list-style-type: none; }
.fp_searchbox .ui-widget-content{position: absolute!important;z-index: 9;width: 100%!important; padding: 6px;}
.quickentryrecord input[type="text"] {display: inline-block;width:40px;margin: 0; border:1px solid #1359a6; text-align: center; font-size: 12px; height: 19px;vertical-align: top;border-radius: 2px;}
.quickentryrecord input[type="text"]::placeholder{ color: #1359a6; font-weight:400; }
.quickentryrecord button {background: #fff;border:1px solid #1359a6;color: #333;padding:1px 4px; border-radius: 2px;}
.quickentryrecord button:hover{ background: #1359a6; color: #fff; transition: 0.4s ease-in-out 0s; }
.quickentryrecord button:hover .fas {-webkit-text-stroke: 1px; -webkit-text-stroke-color: #1359a6;}

.quickentryrecord button .fas {-webkit-text-stroke: 1px; -webkit-text-stroke-color: #fff; font-size: 12px;}


.timesheettable table tr th, .timesheettable table tr td{ padding: 4px;font-size: 13px;width: 100%;border-radius:3px;}
#Dailytab .timesheettable table tr th, #Dailytab .timesheettable table tr td{ width:auto;}
#Dailytab .timesheettable table thead.header-fixed tr th, #Dailytab .timesheettable table thead.header-fixed tr td{ width:auto;}
.timesheettable table tr th label, .timesheettable table tr td label{font-weight: 500; }
.timesheettable table tr th input, .timesheettable table tr td input{font-weight: 500;}

span.timeno input[type="text"], span.workcomplted input[type="text"] {
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
}


 .bootstrap-datetimepicker-widget tr:hover,  .bootstrap-datetimepicker-widget tr:focus {
    background-color: #f5f5f5!important; color: #333;
}

/*hidecolumn*/
.toggleDisplay {
  display: none;
}
.toggleDisplay.in {
  display: table-cell;
}








.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7!important;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

body .week-active{ background: #000!important; }


[placeholder]:focus::-webkit-input-placeholder {color: transparent;}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}

/*[placeholder]:focus::-webkit-input-placeholder {color: transparent;}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}*/

/*IE11*/
.user-menu span.hidden-xs{ float: left; }
.user-menu .dropdown-toggle{ display: block; overflow: hidden; }

/*filterpanel_Css*/
.fplistbox{ margin: 0 0 10px; /*min-height: 240px;*/}
.fplistbox ul.fplist{ margin: 0; padding: 0;height: 120px;overflow-y: auto;}
.fplistbox ul.fplist li{ list-style-type: none;font-weight: 400; position:relative; padding-left:18px; font-size:13px;line-height: 19px;}
.fplistbox ul.fplist li a{ color: #464a4c; }
.fplistbox ul.fplist li input[type="checkbox"]{ margin-right: 5px; position:absolute; left:0;}
.stylish-input-group .form-control{border-right:0;box-shadow:0 0 0;border-color:#464a4c; border-radius: 4px; padding: 4px 8px;    height: 28px;font-size: 12px;}
.stylish-input-group .input-group-addon{ border-radius: 0px 4px 4px 0;border-color:#464a4c;height: 28px;padding: 4px 4px 3px;}
.stylish-input-group button{ border:0;background:transparent;}
.fp_button a.btn {margin: 0 10px;padding: 6px 20px;}
.fp_button a.btn.active{ background:#1359a6; color: #fff;}
.fplist_title{ margin: 0 0 10px;font-weight: 500;font-size: 16px;}
.fp_searchbox{ margin:0 0 10px; max-width: 120px;}

.fp_searchbox input.form-control{ background: url(../../dist/img/search.svg) 94% 7px no-repeat; background-size: 16px;    height: 31px; border-radius: 4px; border-color: #464a4c; }

/*filterpanel_Css_end*/

.responsivewarningmsg{ display: none; }


/*.filterpanelbody > .row > div:nth-child(5n), .filterpanelbody > .row > div:nth-child(6n), .filterpanelbody > .row > div:nth-child(7n) {
    width: 11.66%;
    min-width: auto;
}*/
.filterpanelwrap .col-sm-2 {
    width: auto;
    max-width: 15.666667%;
    min-width: 15.66%; /*min-height:245px;*/ margin-bottom:10px;
}



/*.tooltip > div {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    
}*/

.dropdown-menu.timeinfopopup {
 background: rgb(255, 255, 255);
    white-space: normal;box-shadow: 0px 2px 6px 2px #ccc;
    width: 200px;
    z-index: 11; border-radius: 4px;
    background:#e7edf0; padding:10px; border:1px solid #e3ecf1; text-align: left; color: #464a4c; font-size: 13px; max-height:200px; min-height:175px;
}
span.timeno .timeinfopopup input.form-control {
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ddd; text-align: left;
}

li.picker-switch.accordion-toggle {
    display: none;
}

.subtasktitle .dropdown-menu.timeinfopopup {
    margin-right: 0px;
    width: 100%;
    min-height:380px;
    box-shadow: 0px 2px 6px 2px #ccc;
    transform: translateX(360px); padding: 20px;
    /* transform: translateY(0px); */
    margin-top: -47px;
    width:345px;
     background: #fff;
}
.projecttaskinfo_tooltipbox button.close {
    margin: -9px -6px 0;
    opacity: 1; width:14px;
}
.projecttaskinfo_tooltipbox button.close:hover{ opacity:1; }

.projecttaskinfo_tooltipbox_schedule .row {
    margin-bottom: 3px;
}
.projecttaskinfo_tooltipbox {
    color: #464a4c;
    word-break: break-all;
}
.PTItooltipbox_hading {
    font-size: 18px;
    line-height: normal;
    margin: 0 0 15px;
}
span.PTItooltipbox_hading,.taskname {
    font-size: 14px;
}
/*Changed By Yasmin on 15-5-19*/
.projecttaskinfo_tooltipbox p {
    margin-bottom: 15px;
    word-break: break-word;
    text-align: justify;
    padding: 10px;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-word;
    word-break: keep-all;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.custmodal .form-control{ border-radius:4px;font-weight: normal;}
small.mandatorymsg {margin-left: 15px;font-size: 11px;}
.btn-success{ background: #81cf09; border-color: #66a20a; }
.btn-success:hover, .btn-success:focus{background:#75bb08; border-color:#75bb08; outline:none;}
/*.arrow-left {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin: 0px 0 10px 15px;
    border-right: 14px solid #e7edf0;
    position: relative;
}*/

 .arrow-left {
    width: 16px;
    height: 30px;
    position: absolute;
    left: -16px;
  overflow: hidden;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
}
.arrow-left:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: rotate(45deg);
  top: 6px;
  left: 6px;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}

/*autocomplte*/
.autocompletepicker {
    position: relative;
    /*max-height: 200px;*/
}
.list-to-filter ul li {}
.list-to-filter ul li input[type="checkbox"]{ margin: 3px 4px 0 0;display: inline-block;vertical-align: top;}
.search-box{margin-bottom: 10px;}
.autocompletepicker .dropdown-menu{ border:none; border-radius:4px;}
.autocompletepicker .input-group .input-group-addon {border-radius: 4px 0px 0 4px; padding: 6px 8px;}
.autocompletepicker .form-control{border-radius: 0px 4px 4px 0px!important; height: 30px;}
.autocompletepicker .form-control:focus{ border-color: #464a4c;  }
.live-filtering .hint {color: #ccc;}


/*weeklyanddaily*/
.tab-slider--tabs{display:block;float:left;margin:0;padding:0;list-style:none;position:relative;border-radius:35px;/*overflow:hidden;*/background:#fff;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tab-slider--tabs:after{content:"";width:48%;background:#1359a6;height:100%;position:absolute;top:0;left:0;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;border-radius:35px}
.tab-slider--tabs.slide:after{left:52%}
.tab-slider--trigger{font-size:12px;line-height:1;font-weight:700;color:#ddd;text-transform:uppercase;text-align:center;padding:11px 20px 11px 15px;position:relative;z-index:2;cursor:pointer;display:inline-block;-webkit-transition:color 250ms ease-in-out;transition:color 250ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tab-slider--trigger.active{color:#fff}
.tab-slider--body{margin-bottom:20px}


#Dailytab .timesheettable tbody tr.task td:first-child, #Dailytab .timesheettable thead tr td:first-child, #Dailytab .timesheettable thead tr th:first-child{ width: 360px; }
/*#Dailytab .timesheettable tbody tr.task td:nth-child(3n), #Dailytab .timesheettable thead tr td:nth-child(3n), #Dailytab .timesheettable thead tr th:nth-child(3n){ width: 360px; }*/
body table tr.totalworkcountrow{ background: #f5f5f5; }
    body table tr.totalworkcountrow td:first-child, body table tr.totalworkcountrow th:first-child {
        font-size: 15px;
    }
body table tr.totalworkcountrow td, body table tr.totalworkcountrow th{ background: #ccc!important; }
#Dailytab .timepopupbox{ top: 106px;}
#Dailytab .arrow-up{ margin-left: 50px;}

/*#Dailytab .timesheettable table tr th:nth-child(2n), #Dailytab .timesheettable table tr th:nth-child(4n), #Dailytab .timesheettable table tr th:nth-child(5n), #Dailytab .timesheettable table tr th:nth-child(6n),
#Dailytab .timesheettable table tr td:nth-child(2n), #Dailytab .timesheettable table tr td:nth-child(4n), #Dailytab .timesheettable table tr td:nth-child(5n), #Dailytab .timesheettable table tr td:nth-child(6n) {width: 30%;}*/


.timesheettable thead.header-copy.header-fixed, #scheduleentrytbl thead.header-copy.header-fixed{
    top:0px!important;display: none;
}

.table_row_divider td{padding: 4px!important;line-height: 5px!important; background:#eee!important; border:none!important;} 


.nostylebtn{ background: none; border:none; }
.nostylebtn:focus{ outline: none; border:none; }
/*.input-group_btnbox .workbtn{ background: #f5f5f5; display: inline-block; }
.input-group_btnbox .workbtn span{ border-right: 1px solid #ddd; }*/
span.workno {font-weight: 500;}

body table tr.ttlweekworkcount td{ background: #ccc;}
body table tr.ttlweekworkcount td:first-child{font-size: 15px;}
.customelinks li a {color: #1359a6;text-decoration: none;font-weight: 400;}

 .tbl-content {height: auto;}



/*Timesheetapprovalpage*/

.timesheetapprovalpg .weekly_calender .input-group-box{max-width: 600px; min-width: 300px;}
.tbl_custm thead tr th { background: #e7edf0; padding: 14px 6px; white-space: normal;font-family: 'Roboto', sans-serif; font-weight: 500;}
.tbl_custm tbody tr td { white-space: normal; word-wrap: break-word;font-family: 'Roboto', sans-serif; font-weight: normal; }
.tbl_custm thead tr th > span{ display: block; }


.btn-red{ background: #eb1c24; border-color: #c50008; color: #fff; }
.btn-red:hover, .btn-red:focus{ background:#c71219; color: #fff;}
.custmodal table thead tr th {vertical-align: middle;}
.selectprojecttask table thead tr th label.col-xs-3 {padding-top: 8px;}
.modalheader_startandenddate {font-size: 11px;}
.modalhead_projectid {font-size: 12px;  padding-top: 0px;word-break: break-all;}
.modal_task_hader label{padding-top: 6px;}
body .selectprojecttask .modal-content .modal-body{ padding: 0 0 0px; }

.selectprojecttask table thead tr th:first-child, .selectprojecttask table tbody tr td:first-child {padding-left: 20px; width:6%;}
.selectprojecttask table tbody tr td:last-child, .selectprojecttask table tbody tr td:last-child {padding-right: 20px;}
.selectprojecttask table .modal-footer{ padding-left: 5px; padding-right: 5px; }
.modal_task_hader{padding:20px;}
.selectprojecttask tr:last-child{ border-bottom: none; }
.selectprojecttask tr td {border-bottom: 1px solid #ddd;}
.selectprojecttask table{ border-bottom: none; margin-bottom: 0; }
.selectprojecttask input.form-control {height: 34px;}
.selectprojecttask .modal-footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 65px;
}
.modalheadtaskfilter{font-size: 16px;cursor: pointer;padding: 6px 6px 4px;border-radius: 4px;}
i.fas.fa-filter[aria-expanded="true"] {background: #1359a6;color: #fff;}
.tblfiltering{ position: absolute; }
.p1{ padding: 10px; }
.tblfiltering .dropdown-menu{padding: 10px;box-shadow: 0 0 4px 2px #ccc; min-width:230px;}


/*.fixedtable_container {
    height: 298px;
    overflow-y: scroll;
}*/

/*modal-open-in-container*/
.modal, .modal-backdrop {position: fixed !important; height: 100vh;margin-bottom: 100px;padding-bottom: 100px; }
.after_modal_appended{ position: relative; }
.weeklytimesheetwrap{ position: relative; top:-1px;}
.modal-dialog{ margin-top:80px; margin-bottom: 120px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.modal-dialog{margin-bottom: 60px !important;}
}
/*modal-open-in-container*/

/*Toggleicon*/
#Mmenu_togglebtn{ height: 100%; position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer; top: 5px;}
#Mmenu_togglebtn span{display:block;position:absolute;height:3px;width:40px; background:#1359a6;border-radius:9px;opacity:0.8;left:0;right:0; margin-left:auto;  margin-right:auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
/
/* Icon 3 */
#Mmenu_togglebtn span:nth-child(1){top:0}
#Mmenu_togglebtn span:nth-child(2),#Mmenu_togglebtn span:nth-child(3){top:18px}
#Mmenu_togglebtn span:nth-child(4){top:25px}
#Mmenu_togglebtn.open span:nth-child(1){top:18px;width:0;left:50%}
#Mmenu_togglebtn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#Mmenu_togglebtn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#Mmenu_togglebtn.open span:nth-child(4){top:18px;width:0;left:50%}
/*Toggleicon*/


/*additional_time*/
.bgwhite{ background: #fff; }
.bt{border-top: 1px solid #464a4c;}
span.quickentryrecord { margin-top: 5px;}
.mt-onehalf{ margin-top: 5px; }



/*mobileviewdesign*/
.Mv_formbody{ padding:15px;}
.Mv_heading{padding: 14px 10px;background: #e7edf0;text-align: center;font-weight: 500;font-size: 18px;}
/*.Mvcreateproject {position: absolute;z-index: 9;background: #fff;width: 100%;top: 0;height: 100%; display: none;}*/
.Mvcreateproject.show{ display: block; }
.btn.btnbluefill {background: #1359a6;color: #fff;border-color: #1359a6;}
.Mvcreateproject .text-center .btn{ padding: 6px 20px;margin: 0 10px; }
.Mvcreateproject .form-group label{ padding-top: 6px; }


/*viewtimesheet*/
.mainheaderrighticons{margin-top: 13px;}
.mainheaderrighticons button {background: none;border: none;font-size: 18px;}
.Mvmytimesheetviewtbl table tr td{ padding: 10px; vertical-align: top;vertical-align: top !important; }

.tv_palnneddate {font-size: 16px; font-weight: 500;}
.tv_palnneddate span {display: block;font-weight: 400;font-size: 14px;}
.MvTv_hrs, .Mvmytimesheetviewtbl tr td:last-child {font-size: 16px; font-weight: 500;}
body .text-left{ text-align: left !important; }

/*timesheet_approval*/
.Mv_timesheetapprovalname {font-size: 16px; margin: 0 0 10px; font-weight: 500;}
.Mv_sumbmiteddate { font-size: 16px; margin: 0 0 10px; font-weight: 500;color: #3c8dbc;}
.Mv_actualandapprovaltime p {margin-bottom: 2px;}
.likeanddislike_actions {margin: 20px 0 0;}
.likeanddislike_actions .fas {margin-left: 18px; font-size: 20px;}
.likeanddislike_actions .fas.fa-thumbs-down {transform: scaleX(-1);}
.likeanddislike_actions i:first-child { margin-left: 0;}
.Mv_timesheetabpproval_tbl tr td:last-child {width: 80px;}



/*Mytimesheet page*/
.mytimesheethdtop .control-label{ padding-top: 6px; }
.mts_sction_right a {display: inline-block;vertical-align: middle;margin: 8px 10px 0 20px;font-weight: 500;}
.borderbtnred{ border-color:#eb1c24; background: transparent; color: #eb1c24; }
.borderbtnred:hover{ background: #eb1c24; color: #fff; } 
.tblewrapcustome{ display: flex;flex-wrap: wrap;width: 100%; }
.mytimesheet .tbl-header thead tr th, .mytimesheet .tbl-content tbody tr td { text-align: center;}
.btn_lightred {background-color: #f25a29;border-color: #c7451b; color: #fff;}
.btn_lightred:hover, .btn_lightred:focus {background-color: #e65425;border-color: #e65425; color: #fff; outline:none;}

.btn-danger {background-color: #dd4b39;border-color: #d73925;}

.mtdateperiod span { margin: 0 15px;}
.mytimesheet .tbl-header{ width: 100%;}
.mytimesheet .tbl-content{ width: 100%;}
.mts_sction_right a .fas {color: #464a4c;}

.statusfiltertble td:nth-child(6n) {width: 14%;}
.statusfiltertble td:nth-child(6n) button.btn-info{ min-height:27px; color:#fff;}
.historypopup{ left:153px; top:-40px;}
.historypopup .arrow-left{ margin-top:35px;}

/*Added By Yasmin S On 4th Dec 2018*/
.popover-content {
    width: 350px;
     padding: 18px 14px;
}

.popover {
    max-width: 400px !important;
}
/*.arrow {
top:60%!important;
}*/
#txtQuickEntryDaily {
    margin-right: -4px;
}
.btn-display {
    display: inline-flex;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c5c5c5 !important;
    font-weight: normal !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #c5c5c5 !important;
    font-weight: normal !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #c5c5c5 !important;
    font-weight: normal !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #c5c5c5 !important;
    font-weight: normal !important;
}
.historypopup{
      
    min-height: 60px;
    box-shadow: 0px 2px 6px 2px #ccc;
    width:300px;
    padding: 20px;
    /* transform: translateY(0px); */
    margin-top: -17px;
   
    background: #fff;
}


.historypopup .dropdown-menu.timeinfopopup {
    margin-right: 0px;
    width: 100%;
    min-height: 60px;
    box-shadow: 0px 2px 6px 2px #ccc;
    transform: translateX(360px); padding: 20px;
    /* transform: translateY(0px); */
    margin-top: -47px;
    width:345px;
     background: #fff;
}
.historypopup .projecttaskinfo_tooltipbox button.close {
    margin: -15px -10px 0;opacity: 0.5;
}
.historypopup .projecttaskinfo_tooltipbox button.close:hover{ opacity:1; }

.historypopup .projecttaskinfo_tooltipbox_schedule .row {
    margin-bottom: 3px;
}
.historypopup .projecttaskinfo_tooltipbox {color: #000;}
.historypopup .PTItooltipbox_hading {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 15px;
}
.historypopup .projecttaskinfo_tooltipbox p{ margin-bottom: 15px; }
.tsapprovaltbl .btn-group, #MTstatusfiltertble tr td .btn-group{ width:100%;}
    .tsapprovaltbl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
    #MTstatusfiltertble tr td .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        width: 84.5%;border-radius: 4px;padding: 4px 6px;}
.tsapprovaltbl .btn-group>.btn[data-toggle="modal"], #MTstatusfiltertble tr td .btn-group>.btn[data-toggle="modal"]{ margin-left:5px; background:none; border:none; border-radius:4px; padding:4px 0; float:right;} 





/*timesheet_approval*/
.approval_crossandcheckbtn .input-group .btn {margin: 0 0px;min-width: 32px;}
.approval_crossandcheckbtn .input-group .btn-success{ border-radius: 4px 0 0 4px;}
.approval_crossandcheckbtn .input-group .btn-red{border-radius: 0px 4px 4px 0px;}
.tsapprovaltbl tr:hover td, .tsapprovaltbl tr.activerow td {z-index: 9;background: #f5f5f5;}


.notepopupbox.collapse.in {background: #f5f5f5;padding: 10px;border: 1px solid #ddd;margin: 5px 0;}
.notepopupbox p span .fas{ margin-left:10px; cursor: pointer; }

/*.nextdiv:not(.active){display:none;}*/
.TA_tbl_approvaldate a{ color: #464a4c;}
.np{ padding: 0 !important; }
.mv_tadetailtop{ font-size:12px; color: #000;}
.workbtndiv button { pointer-events: none;}


.hides{ display: none; }
.tsapprovaltbl tr:hover td .hides{ display: block;}

.mvapproval_crossandcheckbtn button {
    padding: 4px 8px;
    font-size: 14px;
}
.mvapproval_crossandcheckbtn button.btn-success:hover{ background: #95e021; border-color:#95e021;}
.mvapproval_crossandcheckbtn button.btn-red:hover{ background: #ff2f37; border-color: #ff2f37;}



.bootstrap-select.btn-group .dropdown-menu.inner{ max-width: 200px;}
.bootstrap-select .dropdown-menu>li>a{ white-space: normal; }

/*.weeklyanddaily .switch{ display: none; }
.weeklyanddaily .switch.activswitch{ display: inline-block; }*/

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: transparent;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
        background-color:transparent!important;
        
    }

/*.table-outer{ width: 97.5%; margin: 0 auto; }  */


.timesheettable tbody tr td .approval_crossandcheckbtn .input-group{ margin: 0 auto; }
.subtasklist.subtasklistsmall {max-width: 222px;float: right;}
.subtasklist.subtasklistsmall .progress.progress-xs {clear: both;}
textarea{ resize: vertical; }

#TAviewdatepaneldetailshow .mvapproval_crossandcheckbtn button{ font-size: 10px; }
#TAviewdatepaneldetailshow .mobcusttble table tr td{ padding: 5px 10px;}
#TAviewdatepaneldetailshow .subtasklist{ margin-bottom: 5px;}
#TAviewdatepaneldetailshow .timenoinput{ margin-bottom: 0px; font-size: 18px;}


.procollapsdown .tooltip{ display: none!important; }
#createtaskmodal .bootstrap-select .tooltip {
    display: none !important;
}
/*#createtaskmodal .bootstrap-select button {
    color: #999;
}
   
#createtaskmodal .dropdown-menu ul li a {
    color: #464a4c;
}*/
/*#createtaskmodal  .bootstrap-select > .dropdown-toggle {
    color: #999 !important;
}*/
.procollapsdown {
    position: relative;
}
/*.tooltip-inner {
    word-break: break-all;
}*/
.procollapsdown:hover::after {
    content: "Show Task";
    background: #000;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 4px;
    position: absolute;
    top: -22px;
    left: -38px;
    right: 0;
    text-align: center;
    color: #fff;
    width: 94px;
}


.dropdown.subtasktitle {margin: 0 0 10px;}
#modaltaskfilte .dropdown-menu, #modalsubtaskfilte .dropdown-menu{ left: auto; right: -20px; }
.dropdown-menu.timeinfopopup {width: auto; min-width:300px; max-width:450px; max-height:none; left:auto; right:0;}
    .dropdown-menu.timeinfopopup textarea { min-height: 120px; resize:both; max-height:300px; max-width:425px;}
.extraweekdaycolshow .fas {transform: rotate(180deg);}
#Filtertasktype .dropdown-menu{ z-index: 2; }
.tooltip{min-width: 100px;}
.tab-slider--tabs .tooltip{min-width: 100px;}
span.mvnotelisticon {margin-top: 2px;display: inline-block;}
.timenoinput {border: none;width: 100%;text-align: center;white-space: normal;}
#selectprojecttask .modal-dialog{max-width: 700px;}
#selectsubtask .modal-dialog{ max-width:560px;}
.table-fixed tr {clear: both;}
.cust_fixed_tbl{}
#hdfixedtbl1, #hdfixedtbl2, #hdfixedtbl3, #hdfixedtbl4, #hdfixedtbl5, #hdfixedtbl6, 
#hdfixedtbl7, #hdfixedtbl8, #hdfixedtbl9, #hdfixedtbl10, #hdfixedtbl11, #hdfixedtbl2{ top: 0!important;background: #fff;z-index: 9; }
.quickentryrecord .fa-check:before{ color: #1359a6;}
.quickentryrecord button:hover .fa-check:before{ color: #fff;}

.approvaldetailtble tr td .approval_crossandcheckbtn{display: none;}
.approvaldetailtble tr:hover td .approval_crossandcheckbtn{ display: block; transition: all 0.4s ease-in-out 0s;}


/*table.statusfiltertble tbody tr.selected{ display: table-row; }*/
.tsapprovaltbl tr th i.fas.fa-filter[aria-expanded="true"]{ background: transparent; color: #364a4c; }
.ml0{ margin-left: 0; }
.mt-0{ margin-top: 0; }
.pb-2{ padding-bottom: 20px;}
.pl-0{ padding-left: 0; }
.pr0{ padding-right: 0; }
.Mvtimesheettable table.progressred tbody tr td:first-child {border-left-color: #eb1c24!important;}

.selectprojecttask .bootstrap-select .bs-caret .caret{ right: 6px; border-width: 4px;}
.selectprojecttask table tr td .bootstrap-select > .dropdown-toggle{height: 28px;padding: 4px 8px 4px 8px;font-size: 14px;}

.projecttaskinfo_tooltipbox_schedule_borderleft{ border-left:1px solid #ddd; }
.dropdown.modalprojectinfo {
    top: -15px;
}
.dropdown-menu.modalpop_projectinfo {background: #fff!important;white-space: normal;box-shadow: 0px 2px 6px 2px #ccc;width:100%; left:auto; right:28px; top:-60px;z-index: 11; border-radius: 4px;background:#e7edf0; padding:20px; border:1px solid #e3ecf1; text-align: left; color: #464a4c; font-size: 13px
}
#fixedtbl1 .dropdown-menu.modalpop_projectinfo {
    background: #fff !important;
    white-space: normal;
    box-shadow: 0px 2px 6px 2px #ccc;
    width: 100%;
    left: auto;
    right: 28px;
    top: -15px;
    z-index: 11;
    border-radius: 4px;
    background: #e7edf0;
    padding: 20px;
    border: 1px solid #e3ecf1;
    text-align: left;
    color: #464a4c;
    font-size: 13px
}
.dropdown-menu.modalpop_projectinfo .arrow-top {width: 36px;height: 14px;position: absolute;right: 5px;overflow: hidden;    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);top: -14px;left: auto;}
.dropdown-menu.modalpop_projectinfo .arrow-top:after { content: "";position: absolute;width: 15px;height: 15px;background: #fff;
    transform: rotate(45deg);top:7px;right:18px;box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);}
#fixedtbl1 .dropdown-menu.modalpop_projectinfo .arrow-right {
    width: 16px;
    height: 30px;
    position: absolute;
    right: -15px;
    overflow: hidden;
    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
    top: 4px;
    left: auto;
}
.dropdown-menu.modalpop_projectinfo .arrow-right {
    width: 16px;
    height: 30px;
    position: absolute;
    right: -15px;
    overflow: hidden;
    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
    top: 50px;
    left: auto;
}
.dropdown-menu.modalpop_projectinfo .arrow-right:after {content: "";position: absolute;width: 20px;height: 20px; background: #fff;
    transform: rotate(45deg);top: 6px;left: -12px;box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);}

.modal-dialog.modalsmall.ui-draggable {width: 420px;}
.subtasklist{font-family: 'Roboto', sans-serif; font-weight: normal;}
.totalworkcountrow td{font-family: 'Roboto', sans-serif;font-weight: normal;}

.rejectmodal .custom_chckbox label, .rejecttaskmodal .custom_chckbox label, #rejecttaskmodal .custom_chckbox label{ padding-left:10px; font-family: 'Roboto', sans-serif;}
.rejectmodal label:before, .rejecttaskmodal label:before, #rejecttaskmodal .custom_chckbox label:before{ left:-10px;}
.taskdisabledrow td {opacity: 0.4; pointer-events: none;}
.taskdisabledcolum{opacity: 0.4; pointer-events: none;}
.approval_crossandcheckbtn .input-group .btn .fas {width: 14px;}
.tsapprovaltbl tr td:last-child {position: relative;}
.tsapprovaltbl tr td:last-child .approval_crossandcheckbtn {position: absolute;top: 10px;right: 10px;padding-left: 10px;background: #f5f5f5;}
/*Comments By Yasmin on 13-5-19*/
.tsapprovaltbl tr td:last-child {
    font-size: 13px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
.tsapprovaltbl tr:hover td:last-child{/*padding-right: 110px; font-size:12px;*/}

#selectprojecttask tr td:nth-child(2) {width: 78%;}
/*Readmore_and_readless*/
.morecontent span {display: none;}
.morelink {display: inline-block;}

.selectprojecttask .more {
    max-width: 95%;
    box-sizing: border-box;
    /* position: relative; */
    display: inline-block;
    margin-right: 10px;
}
.selectprojecttask .dropdown.modalprojectinfo{display: inline-block;vertical-align: top; top:5px;float: right;}
.selectprojecttask .dropdown-menu.modalpop_projectinfo{ min-width:510px;}
a.morelink.less {
    text-align: right;
    display: inline-block;
}

.btninlineshow{display:block;}
.btninlinehide{display:none;}

.viewtimesheetwrap .timenoinput, .viewtimesheetwrap .workcomplted,
 .viewtimesheetwrap table .projectsmenuicon, .viewtimesheetwrap table .custom_chckbox, .viewtimesheetwrap .selecttimeno, .viewtimesheetwrap .quickentryrecord, 
 .viewtimesheetwrap table .borderbtn{ pointer-events:none;}
 	 .MTdetail_wrap .timenoinput, .MTdetail_wrap .workcomplted,
 .MTdetail_wrap table .projectsmenuicon, .MTdetail_wrap table .custom_chckbox, .MTdetail_wrap .selecttimeno, .MTdetail_wrap .quickentryrecord, .MTdetail_wrap table .borderbtn{ pointer-events:none;} 
 
.taskdescriptionbox{ min-height:100px;}

.mv_viewtimesheet .Mv_timeentryfield .timenoinput{ display:inline-block; width:60%;}
.mv_viewtimesheet .Mv_timeentryfield .timenoinput:focus{ outline:none;}
.mv_viewtimesheet .Mv_timeentryfield .timenoinput{ color:#000;  font-weight:500;}
    .mv_viewtimesheet .Mv_timeentryfield .timenoinput::placeholder { font-weight:normal;    
    }
.mv_viewtimesheet .Mv_timeentryfield  small{ font-weight:500;}

.mv_viewtimesheet .Mv_timeentryfield{ pointer-events:none;}
.timesheettable table tr:last-child td .dropdown-menu {/*top:16px;bottom: 100%;*/}
.hidebtn{ display:none;}
.timesheetrow .viewtimesheetsavetbtn{ color:#fff; text-decoration:none;}

button:focus{ outline:none;}
/*button, .btn{ font-weight: normal;}*/

/*Added By yasmin S on 7th Dec 2018*/
.popover {
    font-family: inherit !important;
    font-size: 13px !important;
}
/*Added By yasmin S on 28th Jan 2019*/
.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #464a4c !important;
}
.nodatafound {
    background-color: #f39c12 !important;
    color: #fff;
    text-align: center;
}

#projecttasksearch {
    background: #fff !important;
    border-radius: 4px 4px 4px 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
#txtETC {
    width: 160px !important;
}

.notexfieldstyle {
    /*border: none;*/
    width: 60px !important;
    box-shadow: none;
    outline: none;
    color: #464a4c;
}
.notexfieldstyle::placeholder{ color:#464a4c;}
.main-header .sidebar-toggle{ display:none;}


/*.tblcontainerfixed{ top:0; position:fixed; width:100%; height:50px;}*/

.filedownload .dropdown-menu{ left:auto; right:0;min-width: 94px; max-width:100px;}
.filedownload .dropdown-menu li a{ text-decoration:none; padding:5px 10px; margin:0;}
.filedownload .dropdown-menu li a img{ margin-right:10px;}

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

	.DWnoumber{line-height:normal;text-align: center;font-size: 11px;display: table-cell;vertical-align: middle;background: #fff;border: 1px solid;border-radius: 4px 0px 0px 4px; /* margin-right: -2px; */
    border-right: none; padding:0 5px; width:70px;}
	
.mobview_weektablehead .col-xs-10{ padding:0;}	
.tbl-header.mobview_weektablehead {padding: 0 15px;}

.mobview_weektablehead .col-xs-1 i.fas {margin-top: 16px;font-size: 22px;}
.weektable-wrapper{ white-space:nowrap; overflow: hidden;}
.weektable-wrapper table tr th {white-space: nowrap;width:48px;display: inline-block;word-break: keep-all;}	

.statusfiltertble .dropdown-menu.modalpop_projectinfo {
    width: 500px;
    top: -60px;
}
.Mv_statusfiltertble .dropdown-menu.modalpop_projectinfo {
    width: 300px;
}


.main-footer{position: fixed;width: 100%;bottom: 0;border: none;background: #eee;}	
.content-wrapper{ padding-bottom:10px;}

.timesheettable table tr td.taskdisabledcolum {opacity: 0.5;}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #fff;
    background: #4263c1; transition:0.4s ease-in-out 0s;
}
.mts_sction_right .dropdown.filedownload {
    margin-top: 8px;
}

.viewtimesheetwrap_desk div#DateDemo {
    pointer-events: none;
}
.viewtimesheetwrap_desk div#DateDemo .fa-calendar{ display:none;}

/*freeze_table_columns_horizontal*/

/* Ensure that the demo table scrolls */
   
   
   
   
/*End_freeze_table_columns_horizontal*/
	
	
/*#entryfiltermodalinfo .modal-dialog {width: 400px;}*/	
.DWnoumber span.year {display: block;border-bottom: 1px solid;font-weight: 600;font-size: 12px;}
.DWnoumber span.weekNo {padding-top: 2px;display: block;}	

.row.pt-1.pb-1.bggraylight {
    background: #f5f5f5;
}	



#historymodal .modal-dialog {width: 900px!important;}
.MT_historyicon {float: right;}

div#hdScrollfixedtbl1 {overflow-x: hidden;}
#hdScrollfixedtbl1 {
    overflow-y: hidden !important;
}
.header-copy .tblfiltering {
    top: 150px;
}
.header-copy .tblfiltering .dropdown-menu{ z-index:10000;}


iframe#frmNewVersion {width: 99.8% !important;}


@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    .timesheettable table tr th {
        width:100%;
    }
}

label.approvedlabel{color: #81cf09; font-size:14px;}
label.rejectedlabel{color: #eb1c24; font-size:14px;}
label.rejectedlabel .fas, label.approvedlabel .fas{ display:block;}
.rejectedrow .subtasklist{color: #eb1c24;}

.weekcolumnred {color: #eb1c24;}
.weekcolumnred label, .weekcolumnred input{color: red;}
.weekcolumnred input::placeholder {color: red;}
.autoclosablemsg { max-width:400px; float:right;}
input.hrss {border: none;outline: none;}

.Mv_mobmenushow { pointer-events: none;}
.Mv_mobmenushow .Mv_mobmenu.Mv_mobmenu_open {pointer-events: auto;}
.Mv_mobmenushow .Mv_bottommainsubmenu { pointer-events: auto;}
.navstatuslink > li > a.active {background: #4263c1;color: #ffffff;}

.autoclosablemsg {max-width: 400px;float: right;position: fixed; top:103px; right: 0;border-radius: 4px 0 0 4px;min-width: 320px;z-index: 9999999999;}
.cust_fixed_tbl tr:nth-child(even) {background: #f5f5f5;}
.cust_fixed_tbl tr th {background: #e7edf0;}
.no-search-results {
    display: none;
}
.timeinfopopup .projecttaskinfo_tooltipbox { display:block!important;}

/*teeviewmenu*/
/*.main-sidebar .slimScrollDiv {
    overflow: visible !important;
}
    .main-sidebar .slimScrollDiv section.sidebar {
        overflow: visible !important;
    }*/

/*sidebar_menu_hide_and_show*/
.sidebar-menu {padding-top: 30px;}
#mainmenu_2 {display: none;}
.previousmenu, .nextmenu {font-size: 14px;color: #fff;text-align: center;background: #2e52a3;padding: 5px 0;position: absolute;width: 100%;cursor: pointer;}
.previousmenu {top: 50px;}
.nextmenu {bottom: 0;}
.previousmenu img {transform: rotate(180deg);}


span.selecttimeno input[type="text"] {font-size: 11px;}
textarea::placeholder {font-weight: normal;font-family: 'Roboto', sans-serif;}

.ui-datepicker .ui-datepicker-prev:hover {left: 2px!important; top: 2px!important;}
.ui-datepicker .ui-datepicker-next:hover {right: 2px!important;top: 2px!important;}
/*.ui-state-default, .ui-widget-content .ui-state-default { background:#fff!important;}*/
}

.header-copy ~ .header-copy {
    display: none !important;
}

#selectsubtask div#hdScrollfixedtbl2 {
    overflow-y: auto !important;
    overflow-x: hidden;
}

body {
    padding-right: 0 !important;
}

.loadingoverlay { z-index:9;
}
/*Commented by Yasmin S on 16th jan 2019 for textare issue*/
.timesheettable table tr:last-child td .dropdown-menu.timeinfopopup, .timesheettable table tr:nth-last-child(2) td .dropdown-menu.timeinfopopup, .timesheettable table tr:nth-last-child(3) td .dropdown-menu.timeinfopopup {
    /*top: auto;
    bottom: 100%;*/
}





/*fixedheader*/
.floatThead-container {
    width: 100% !important;
}
.floatThead-container table {
    width: 100% !important;
}
div#ProxyResource .bootstrap-select .tooltip {
    margin-top: -180px;
}

div#ProxyResource .bootstrap-select .dropdown-toggle .filter-option::before {
    border-style: solid;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #000000 transparent;
    content: "";
    position: absolute;
    width: 14px;
    height: 10px;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}

div#ProxyResource .bootstrap-select .dropdown-toggle .filter-option::after {
    content: "Select Proxy User";
    position: absolute;
    width: 160px;
    background: #000;
    border-radius: 4px;
    padding: 3px;
    font-size: 12px;
    color: #fff;
    z-index: 9;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -28px;
    display: none;
}

div#ProxyResource .bootstrap-select .dropdown-toggle:hover .filter-option::before {
    display: block;
}

div#ProxyResource .bootstrap-select .dropdown-toggle:hover .filter-option::after {
    display: block;
}

div#ProxyResource:focus .bootstrap-select::before {
    display: none !important;
}

div#ProxyResource:focus .bootstrap-select::after {
    display: none !important;
}

.entryselectpro_selectfield { position:relative;}
.entryselectpro_selectfield .bootstrap-select::before {
        border-style: solid;
        border-width: 0 7px 8px 7px;
        border-color: transparent transparent #000000 transparent;
        content: "";
        position: absolute;
        width: 14px;
        height: 10px;
        bottom: -7px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: none;
    }

.entryselectpro_selectfield .bootstrap-select::after {
        content: "Select Project";
        position: absolute;
        width: 160px;
        background: #000;
        border-radius: 4px;
        padding: 3px;
        font-size: 12px;
        color: #fff;
        z-index: 9;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -28px;
        display: none;
}
    .entryselectpro_selectfield:hover .bootstrap-select::before {
        display: block;
    }

    .entryselectpro_selectfield:hover .bootstrap-select::after {
        display: block;
    }

.entryselectpro_selectfield .bootstrap-select .tooltip {
    margin-top: -40px;
}

.entryselectpro_selectfield .tooltip {
        z-index: -1;
}


div#ProxyResource .dropdown-menu.open {
    margin-top: 0;
}

/*body::-webkit-scrollbar {
    display: none;
}*/

.table-outer {
    padding: 0 15px;
}

@supports (-moz-appearance:none) {
    /*.content-wrapper {margin-right: -19px !important;}
    .weeklytimesheetwrap{min-height:850px;}
    .fixedtable_container {overflow: hidden;}
    #hdfixedtbl1 {width: 100% !important;}
    .fixedtable_container #hdScrollfixedtbl1 {margin-right: -17px;}*/

/*search_filter*/
/*.fplistbox .list-to-filter {overflow: hidden;}
.fplistbox .list-unstyled {margin-right: -17px;}
#modaltaskfilte .dropdown-menu .list-to-filter > .list-unstyled {
    max-height: 250px;overflow: auto;margin-right: -17px;}

#modaltaskfilte .dropdown-menu .list-to-filter {
    overflow: hidden;}*/

}

.tblefixheadertop thead .table_row_divider { display:none;}
.timesheettable .tblefixheadertop tr.totalworkcountrow th {
    background: #ccc !important;
    border-top: none; border-radius: 0;
}
.timesheettable table tr.totalworkcountrow th { background:#ccc!important; }
.tooltip { z-index:9999999999;
}

/*commented unwanted css style by pradip on 08-01-2019*/
/*table.dataTable thead th {
    border-bottom: 0;
}

table.dataTable tfoot th {
    border-top: 0;
}
table.dataTable {
    border-collapse: collapse!important;
}
    table.dataTable thead th:first-child, table.dataTable thead td:first-child { border-left:none;}
    table.dataTable thead th:last-child, table.dataTable thead td:last-child {border-right: none;}
    table.dataTable thead th, table.dataTable thead td {border-bottom: none!important;}*/

div#ui-datepicker-div {z-index: 9999 !important;}

.modalprojectinfo .projecttaskinfo_tooltipbox > .row {
    /*max-height: 120px;
    overflow-y: auto;*/
}

#Filterproject .input-group > div {height: auto !important;}
.live-filtering .search-box .input-group > div {height: auto !important;}

#hdhistoryfixtbl thead tr th:nth-child(4n) {
    width: 105px !important;
}
#hdhistoryfixtbl { min-width:822px!important;
}
.timesheettable table tr td.daytotlecount {
    background: #f5f5f5;
}
.entryselectpro_selectfield .bootstrap-select::after {z-index: 99;}

.tsapprovaltbl.tblefixheadertop tr th:last-child {z-index: 99 !important;}

.projecttaskinfo_tooltipbox_schedule .row .col-xs-7 {
    word-break: break-word;
}

tbody#tbodyTimesheetApproval {background: #fff;}

/*Added By Yasmin S on 29th Jan 2019*/

.customelinks li {
    display: inline-block;
}
/*Added By Yasmin S on 16-05-19*/
#TAfiltername .input-group .input-group-addon, #TAfilterstatus .input-group .input-group-addon {
    border-radius: 4px 0px 0 4px;
    padding: 6px 8px;
}

#TAfiltername .form-control, #TAfilterstatus .form-control {
    border-radius: 0px 4px 4px 0px !important;
    height: 30px;
}

    @media not all and (min-resolution:.001dpcm) {
        @media {
            .modal, .modal-backdrop {
                height: 100%;
            }
        }
    }
    /*theme-green*/
    .theme-green .main-header .logo{background: #fff;}
.theme-green .main-header .navbar {background-color: #fff;}
.theme-green .wrapper, .theme-green .main-sidebar, .theme-green .left-side {background-color: rgb(7, 68, 96);}
.theme-green .sidebar-menu > li:hover > a, .theme-green .sidebar-menu > li.active > a {background:rgb(49, 103, 127);}
.theme-green .sidebar-menu > li:hover > a, .theme-green .sidebar-menu > li.active > a {color: rgb(255, 255, 255);}
.theme-green .sidebar-menu>li>a {border-left: 3px solid transparent;font-weight: 600;}
.theme-green .sidebar a {color: #fff;}
.theme-green .sidebar-menu .dropdown-submenu>.dropdown-menu{ background:rgb(49, 103, 127);}
.theme-green .sidebar-menu .dropdown-submenu .dropdown-menu {box-shadow: 0px 0px 11px 0px rgb(37, 77, 95);}
.theme-green .sidebar-menu .dropdown-submenu li {border-bottom-color:#385cb2;}

/*theme-gray-dark*/
.theme-gray-dark .main-header .logo{background: #fff;}
.theme-gray-dark .main-header .navbar {background-color: #fff;}
.theme-gray-dark .wrapper, .theme-gray-dark .main-sidebar, .theme-gray-dark .left-side {background-color:rgb(73, 73, 73);}
.theme-gray-dark .sidebar-menu > li:hover > a, .theme-gray-dark .sidebar-menu > li.active > a {background:rgb(56, 55, 55);}
.theme-gray-dark .sidebar-menu > li:hover > a, .theme-gray-dark .sidebar-menu > li.active > a {color: rgb(255, 255, 255);}
.theme-gray-dark .sidebar-menu>li>a {border-left: 3px solid transparent;font-weight: 600;}
.theme-gray-dark .sidebar a {color: #fff;}
.theme-gray-dark .sidebar-menu .dropdown-submenu>.dropdown-menu{ background:rgb(56, 55, 55);}
.theme-gray-dark .sidebar-menu .dropdown-submenu .dropdown-menu {box-shadow: 0px 0px 11px 0px rgb(37, 37, 37);}
.theme-gray-dark .sidebar-menu .dropdown-submenu li {border-bottom-color:#444444;}
select option[disabled]:first-child {
    display: none;
}