/*Trupti Styles*/
/*images*/

div#AutoApprovalsBtn:hover {
    /*    color: #55A5EF !important;
*/ color: #FF5E4F !important;
}




/*Timesheet*/
@font-face {
    font-family: BwModelica-Black;
    src: url("/BWModelica/BwModelica-Black.otf") format("truetype");
}

@font-face {
    ;
    src: url("/BWModelica/BwModelica-Bold.otf") format("truetype");
}

@font-face {
    font-family: BwModelica-ExtraBold;
    src: url("/BWModelica/BwModelica-ExtraBold.otf") format("truetype");
}

@font-face {
    font-family: BwModelica-Light;
    src: url("/BWModelica/BwModelica-Light.otf") format("truetype");
}

@font-face {
    font-family: BwModelica-Medium;
    src: url("/BWModelica/BwModelica-Medium.otf") format("truetype");
}

@font-face {
    font-family: ES Klarheit Grotesk;
    src: url("/BWModelica/ES Klarheit Grotesk.otf") format("truetype");
}

@font-face {
    font-family: BwModelica-Thin;
    src: url("/BWModelica/BwModelica-Thin.otf") format("truetype");
}

.modelicaregular17 {
    font-family: ES Klarheit Grotesk;
    font-size: 17px;
}

.modelicaregular16 {
    font-family: ES Klarheit Grotesk;
    font-size: 16px;
}

.modelicaregular14 {
    font-family: ES Klarheit Grotesk;
    font-size: 14px;
}

.modelicaregular12 {
    font-family: ES Klarheit Grotesk;
    font-size: 12px;
}

.myactive {
    /*color: #55A5EF;*/
    color: #FF5E4F;
}

.fa-search:before {
    color: white !important;
}

.summeryColorEven {
    background-color: #0C0C0C;
}

.jstree-default .jstree-clicked {
    background: #1C1C1F !important;
}

.summeryColorOdd {
    background-color: #0C0C0C;
}

.top-search input {
    /*width: 465px !important;*/
    width: 310px !important;
}

.searchbackcolor {
    background-color: #37373D;
    border: 1px solid #ACACAC;
}

.myactive {
/*    color: #55A5EF;
*/}

label {
    margin-bottom: 0.2rem;
}

.inputboxcolor {
    background-color: #37373D;
    color: #aebbbb;
}

a:hover {
    color: #FF5E4F !important;
}

/*.logopadding {
    padding-top: 6px;
    color: white;
    font-size: 21px;
    padding-left: 0px;
    max-width: 7.666667% !important;
}*/

.logopadding {
    padding-top: 12px;
    padding-left: 10px !important;
    padding-bottom: 12px !important;
    color: white;
    padding-left: 0px;
    font-size: 18px;
    font-family: Source Sans Pro, 'ES Klarheit Grotesk';
    float: left;
}

.main-topmenu {
    overflow: hidden;
    border-bottom: 1px solid #2E323B;
    padding-top: 3px;
    width: 100%;
    height: 36px;
    margin-left: 0.1%;
    background-color: #1C1C1F;
}

.padding-cus {
   /* margin-left: -50px;*/
    margin-right: 5%;
}

.divSelect span {
    color: white !important;
}

.topmenu-active {
    color: #FF5E4F;
/*    background-color: #494952;
*/    /*padding: 20px;*/
    padding: 7px;
    padding-left: 37px;
    padding-right: 35px;
    margin-left: -15px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 3px solid #FF5E4F;
}
.topmenu-active {
    padding-bottom: 0 !important;
}
.sub-menu-active {
    padding-bottom: 7px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: -15px;
    margin-right: 0rem;
    font-weight: 500;
    color: #55A5EF;
}

.submenu-inactive {
    padding-left: 40px;
    padding-right: 40px;
}

.req-list::-webkit-scrollbar-track {
    border: 1px solid #E4E4DF;
    padding: 2px 0;
    background-color: aliceblue;
}

.imgstyle {
    /*margin-top: 10px;*/
    margin-left: 15px;
    margin-right: 1px;
}

.req-list::-webkit-scrollbar {
    width: 10px;
}

.req-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px #01aef0;
    background-color: aliceblue;
    border: 1px solid #01aef0;
}

/*.imgstyle {
    margin-top: 9px;
}*/

.cat-name {
    font-size: 0.8125rem;
    color: #aebbbb;
    font-weight: 600;
}

.processscroll {
    /* border-top: 1px solid #55A5EF;
    border-bottom: 1px solid #55A5EF;*/
    border-top: 1px solid #FF5E4F;
    border-bottom: 1px solid #FF5E4F;
    margin-top: 10px;
    /*box-shadow: 0px 3px 9px 5px #464a4c;*/
}

.dropdowncolor {
    width: 250px;
    background-color: #37373D;
    color: #9e9e9e;
    padding-left: 5px;
}

.historyprocessname {
    color: #aebbbb;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 2px solid;
    margin-right: 5%;
    text-align: center;
}
/************/
.divDelegate {
    background-color: #ffffff;
    border: 1px solid #85a04e;
    border-radius: 25px;
    width: 9rem;
    /*padding: 0 10px 0 10px;*/
}

label.iapp-label {
    display: block;
    color: white;
    font-size: 16px;
    margin-top: 20px;
}

.approver-details {
    float: right;
    height: 100%;
    text-align: center;
    margin: 0px 0px;
}

    .approver-details label {
        display: block;
        margin-bottom: 0px;
        color: #1ad10d;
        font-weight: 500;
    }

        .approver-details label.rejectclass {
            color: red;
        }

    .approver-details span {
        font-size: 16px;
    }

ul.single-line-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-inline-start: 0px;
}

.iapp-btn-box {
    display: inline-block;
    left: 45%;
}

select.iapp-select, input.iapp-input {
    width: 50%;
    height: 33px;
    border-radius: 3px;
    border: 1px solid #37373D;
}

.delgreyplaceholder {
    color: grey
}

button.btn.divDelegate {
    border: 1px solid white !important;
    color: white;
    min-width: 180px;
    background-color: #252529;
    height: 45px;
    line-height: 30px;
    font-size: 19px;
    text-align: center;
}

marquee.marque {
    font-size: 18px;
    color: red;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 1px;
}

.fadeoutpopup {
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 2s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 2s;
}

/*.modal-backdrop {
    -webkit-animation: seconds 2.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 2s;
    animation: seconds 2.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 2s;
}*/

@-webkit-keyframes seconds {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none !important;
    }
}

@keyframes seconds {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none !important;
    }
}

.attachment_a {
    margin-bottom: 10px !important;
    display: block;
    text-decoration: none;
}

.tsimage {
    width: 43px;
    height: 43px;
    background: url("/Images/timesheetblack.png") no-repeat;
    background-size: 43px 43px, cover;
}

.approver-details {
    float: right;
    height: 100%;
    text-align: center;
    margin: 0px 0px;
}

#AutoApprovalsBtn {
    right: auto;
    border: 1px solid #1C1C1F;
/*    color: #9e9e9e;
*/    color: #F4F4F4;
    border-radius: 19px;
    font-size: 15px;
    padding: 3px 15px 4px 15px;
    cursor: pointer;
    display: inline-block;
    /* width: 132px; */
    text-align: right;
    height: 27px;
}

.approver-details label {
    display: block;
    margin-bottom: 0px;
    color: #1ad10d;
    font-weight: 500;
}

    .approver-details label.rejectclass {
        color: red;
    }

.approver-details span {
    font-size: 16px;
}

span.header-img.tsimage {
    display: inline-table;
}

.Othersimage {
    width: 43px;
    height: 43px;
    background: url("/Images/othersblack.png") no-repeat;
    background-size: 43px 43px, cover;
}

span.header-img.Othersimage {
    display: inline-table;
}

.Leaveimage {
    width: 43px;
    height: 43px;
    background: url("/Images/leaveblack.png") no-repeat;
    background-size: 43px 43px, cover;
}

span.header-img.Leaveimage {
    display: inline-table;
}

.Reimbursementimage {
    width: 43px;
    height: 43px;
    background: url("/Images/reimbursmentblack.png") no-repeat;
    background-size: 43px 43px, cover;
}

span.header-img.Reimbursementimage {
    display: inline-table;
}

.PRImage {
    width: 43px;
    height: 43px;
    background: url("/Images/PRblack.png") no-repeat;
    background-size: 43px 43px, cover;
}

span.header-img.PRImage {
    display: inline-table;
}

.travelImage {
    width: 43px;
    height: 43px;
    background: url("/Images/Travelblack.png") no-repeat;
    background-size: 43px 43px, cover;
}

span.header-img.travelImage {
    display: inline-table;
}

.VisaImage {
    width: 43px;
    height: 43px;
    background: url("/Images/Visablack.png") no-repeat;
    background-size: 43px 43px, cover;
}

span.header-img.VisaImage {
    display: inline-table;
}

.previewcolor {
    background: #1C1C1F;
}
/**********/

.modal-content {
    border: 2px solid #2E323B;
    margin-top: 25%;
    background-color: #1C1C1F;
}

.peertext {
    color: #aebbbb;
}

/*.logoimg {
    height: 44px;
    background: url(/Assets/logoblack.png) no-repeat;
    border-right: 1px solid white;
}*/

.logoimg {
    /*    height: 24px;
*/ height: 32px;
    background: url(/Assets/LTM_Coral.svg) no-repeat;
    border-right: 1px solid white;
        margin-top: 12px;
 margin-bottom: 16px;
    padding-right: 16px;
    /*max-width: 142px !important;
    padding-left: 0px !important;
    min-width: 100px;*/

    max-width: 150px !important;
    padding-left: 0px !important;
    min-width: 145px;
    float: left;
}


.blackborderbutton {
    background-color: black !important;
    border: 1px solid white !important;
}

.blackcolor {
    background-color: black;
}

.bordercolor {
    border: 1px solid #2E323B;
    margin-left: -15px;
    margin-right: -15px;
}

.blackcolor {
    background-color: black;
}

.stroke {
    border: 1px solid #2E323B;
}

span.header-text {
    /*position: relative;
    vertical-align: top;
    left: 10px;
    top: 9px;*/
    vertical-align: top;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    font-style: normal;
}

.colortheme {
    background: black;
}

.trycolor {
    color: #aebbbb;
}

.textcolor {
    color: #aebbbb;
    background-color: #1C1C1F;
}

.orangecolor {
    color: #ffa900;
}

#Historykeypair {
    color: #aebbbb;
}

#details #tabledata div {
    background: #1C1C1F;
    color: #aebbbb;
    text-align: left;
    padding-left: 1%;
    padding: 7px;
    /*border-bottom: 1pt solid lightgrey;*/
    /*text-align: center;*/
}

.cls-error {
    margin-left: 0%;
    border: 2px solid #626567;
    background-color: black;
}

.errorcss {
    background-color: #1C1C1F;
}

.bluecolor {
    color: #FF5E4F;
}
/******************/
/*Vinay 12-Jan-2017*/
html {
    font-size: 16px;
}

@media screen and (max-width : 768 px) {
    .mobile-view {
        display: block;
    }
}

@media screen and (min-width : 768 px) and (max-width: 1024 px) and (orientation: portait) {
    .portrait-mode {
        display: block;
    }
}

@media screen and (min-width : 1024 px) {
    .normal-view {
        display: block;
    }
}

html, body {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #000;
}

.modal-open {
    padding-right: 0px !important;
}

a:hover {
    text-decoration: none;
}

div.header {
    background-color: #0e63ba;
    padding-top: 1%;
    padding-bottom: 1%;
}

.img-header {
    width: 100%;
}

.heading {
    vertical-align: middle;
    /*font-size: 28px;*/
    font-size: 1.75rem;
    color: white;
    font-weight: 300;
}

.logo-holder {
    border-right: 1px solid #54a7a4;
}

.left {
    float: left;
}

.right {
    float: right;
}

.home-logo, .history-logo, .feedback-logo, .peer-logo {
    display: block;
    float: left;
    width: auto;
}

    .home-logo img, .history-logo img, .feedback-logo img, .peer-logo img {
        width: 100%;
        padding-right: 18%;
    }

.sHeading {
    font-family: Helvetica Neue LT Std 65 bold;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    Color: #FFFFFF;
    text-decoration: none;
}

    .sHeading:hover {
        Color: #ffae00;
        text-decoration: none;
    }

a.sHeading:hover {
    Color: #ffae00;
    text-decoration: none;
}

.sHeadingPeer {
    font-family: Helvetica Neue LT Std 65 bold;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    text-decoration: none;
    color: #ffae00;
}

    .sHeadingPeer:hover {
        Color: #ffae00;
        text-decoration: none;
    }

a.sHeadingPeer:hover {
    Color: #ffae00;
    text-decoration: none;
}

a.history-logo img:hover {
    Color: #ffae00;
    text-decoration: none;
}

a.feedback-logo img:hover {
    Color: #ffae00;
    text-decoration: none;
}

.list-inline .list-inline-li {
    display: inline-block;
    padding-right: 2%;
}

.menu-div {
    padding-top: 0.6%;
    text-align: center;
}

.login-user {
    display: inline-block;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    color: white;
    /*float: right;*/
    margin-top: 3%;
    margin-right: 20%;
}

.user-dropdown {
    display: inline-block;
    float: right;
    padding-right: 3%;
    height: 100%;
    width: 18%;
}

.pending-req, .auto-req {
    cursor: pointer;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    color: #69a0d9;
    float: left;
}

#Image1 {
    Width: 44px;
    Height: 44px;
    border-radius: 22px;
    margin-left: 22%;
}

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

.pending-req {
    border-right: #69a0d9 1px solid;
}

.navbar-2 {
    background-color: #032241;
}

ul.single-line-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-inline-start: 0px;
}

.down-arrow {
    position: relative;
    /*text-align: center;*/
    padding-top: 1%;
    padding-bottom: 1%;
}

    .down-arrow.after4:after {
        content: '';
        display: block;
        position: absolute;
        left: 4%;
        top: 100%;
        width: 0;
        height: 0;
        border-top: 8px solid #032241;
        border-right: 8px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 8px solid transparent;
    }

    .down-arrow.after12:after {
        content: '';
        display: block;
        position: absolute;
        left: 12.5%;
        top: 100%;
        width: 0;
        height: 0;
        border-top: 8px solid #032241;
        border-right: 8px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 8px solid transparent;
    }

.divSelect, .divApprove, .divReject, .divConfirmation {
    display: block;
    /*font-size: 13px;*/
    font-size: 0.8125rem;
    float: left;
    cursor: pointer;
}

.divSelect {
    width: 9rem;
    background-color: #ffffff;
    padding: 5% 10% 5% 10%;
    border: 1px solid grey;
    border-radius: 25px;
}

.detailReject, .detailApprove, .detailConfirmation {
    display: inline-block;
}

.divApprove {
    background-color: #ffffff;
    border: 1px solid #85a04e;
    border-radius: 25px;
    width: 9rem;
    /*padding: 0 10px 0 10px;*/
}

.divReject {
    background-color: #ffffff;
    border: 1px solid #bf4521;
    border-radius: 25px;
    width: 9rem;
    /*padding: 0 13px 0 13px;*/
}

.divConfirmation {
    background-color: #ffffff;
    border: 1px solid #159ed5;
    border-radius: 25px;
    width: 13rem;
    /*padding: 0 13px 0 13px;*/
}

.navbar-3 {
    background-color: rgba(183, 181, 181, 0.65);
    padding-top: 0.8%;
    padding-bottom: 0.8%;
}

.divSelect span {
    color: #000000;
}

.divApprove span {
    color: white;
    margin-left: 3%;
}

.divReject span {
    color: white;
    margin-left: 3%;
}

.divConfirmation span {
    color: white;
    margin-left: 3%;
}

.pagination input {
    height: 16px;
    width: 32px;
    /*font-size: 13px;*/
    font-size: 0.8125rem;
    margin-top: 2px;
}


.divRows select {
    /*font-size: 13px;*/
    font-size: 0.8125rem;
}

.pagination img {
    padding-left: 5px;
    padding-right: 5px;
}

.req-list {
    /*overflow: visible;
    overflow: scroll;*/
    height: 36.3rem; /* %-height of the viewport */
    position: relative;
    overflow-y: scroll;
}

.ul-req-list {
    padding-left: 5px !important;
    padding-right: 2px;
    /* border-left: 1px solid rgba(158, 158, 158, 0.27);*/
}

    .ul-req-list li:nth-child(1) {
        /*font-size: 13px;*/
        font-size: 0.8125rem;
        color: #aebbbb;
    }

    .ul-req-list li:nth-child(2) {
        /*font-size: 14px;*/
        font-size: 0.875rem;
        color: #aebbbb;
    }

.profile-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
}

.profile-icon-none {
    border-radius: 50%;
}

.profile-icon-holder {
    padding-top: 8%;
}

.profile-history {
    border-radius: 50%;
    width: 44px;
}

.req-user {
    font-size: 17px !important;
    /*font-size: 1.25rem;*/
    color: #aebbbb;
}

.checkbox {
    padding-top: 16%;
}

.overdue {
    border-left: 6px solid #0e63ba;
}

.overdueRed {
    border-left: 6px solid red;
}

.overdueGreen {
    border-left: 6px solid green;
}

.overdueOrange {
    border-left: 6px solid #D35400;
}

.due-avail {
    border-left: 6px solid #5cb85c;
}

.due-today {
    border-left: 6px solid #ec971f;
}

.due-waiting {
    border-left: 6px solid #636c72;
}

/*.request:hover {
    background-color: #d3e8fa;
}*/

.request {
    margin-bottom: 2px;
    border-bottom: 1px solid rgba(158, 158, 158, 0.27);
}

.bg-selected {
    background-color: #d3e8fa;
}

.bg-selected-cb {
    background-color: #1B2B3A;
    border: 2px solid #55A5EF;
}

/*Shubham - 16 Jan 2017*/

/*******Styles for ProRET Proposal Details *******/

/*Top padding*/
.ProRET {
    padding-top: 7px;
}

/*Bold right column*/
.colBold {
    font-weight: bold;
}
/*Styles for provideing width to left side column in ProRET detailed page*/
.colWidth {
    max-width: 30%;
}

/*Style for Decision Flow Diagram goes here*/
.decisionFlow {
    height: auto;
    background-color: #1C1C1F;
    /*z-index: -1;*/
    padding: 5px;
    /*overflow: hidden;*/
    overflow-y: inherit;
}

/*ProRET Proposal Details button on details page*/
.btnColor {
    color: #679ED7;
    background-color: rgb(3,34,65);
    border-radius: 0;
}

.vScroll {
    height: 72vh; /* %-height of the viewport */
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*Styles for Approve/Reject*/
.appRej {
    margin-top: 6%;
    margin-bottom: 4%;
    text-align: center;
}

.pos.down-arrow:after {
    left: 50%;
}

#bulb {
    cursor: pointer;
}

    #bulb:hover {
        color: orange;
    }

/*progressbar*/
.progressbar {
    overflow: hidden;
    counter-reset: step;
    /* margin: 20px 0 20px 0px; */
    overflow-x: inherit;
    counter-reset: step;
    display: inline-block;
    text-align: center;
    /* width: 100%; */
    padding-top: 5px;
}

    .progressbar li {
        list-style-type: none;
        color: #616161;
        text-transform: capitalize;
        /*font-size: 11px;*/
        font-size: 0.6875rem;
        width: 24.33%;
        position: relative;
        display: table-cell;
        vertical-align: top;
        z-index: 20;
    }

        .progressbar li span {
            display: inherit;
            color: #aebbbb;
        }

        .progressbar li:before {
            content: ' ';
            width: 30px;
            line-height: 30px;
            display: block;
            /*font-size: 10px;*/
            font-size: 0.625rem;
            color: #333;
            background: white;
            border-radius: 50px;
            height: 30px;
            margin: 0 auto 5px auto;
        }

        .progressbar li:after {
            content: '';
            width: 100%;
            height: 1px;
            background: #aebbbb;
            position: absolute;
            left: -83%;
            top: 12px;
            z-index: -1;
        }

        .progressbar li:first-child:after {
            content: none;
        }

        .progressbar li.active:before {
            content: '\2713';
            width: 22px;
            height: 22px;
            line-height: 29px;
            text-align: center;
            color: #ffffff;
            /*font-size: 13px;*/
            font-size: 0.8125rem;
        }

        .progressbar li.active:before {
            background: #159ed5;
            color: #ffffff;
            box-shadow: 0px 0px 0px 4px #dadada;
        }

        .progressbar li.active:after {
            color: white;
        }

        .progressbar li.inactive:before {
            background: #159ed5;
            color: #ffffff;
            box-shadow: 0px 0px 0px 4px #dadada;
        }

        .progressbar li.activegreen:before {
            background: #1b7f01;
            width: 30px;
            height: 30px;
            margin: 0 auto 5px auto;
            box-shadow: 0px 0px 0px 4px #dadada;
        }

        .progressbar li.approved:before {
            background: #8DAF26;
            content: '\2713';
            width: 30px;
            height: 30px;
            margin: 0 auto 5px auto;
            /*font-size:13px;*/
            font-size: 0.8125rem;
            box-shadow: 0px 0px 0px 4px #dadada;
        }

        .progressbar li.rejected:before {
            background: #EA070E;
            content: '\2716';
            color: white;
            width: 30px;
            height: 30px;
            margin: 0 auto 5px auto;
            box-shadow: 0px 0px 0px 4px #dadada;
        }

.processstep1 {
    margin: 0 0 0 37%;
    width: 100%;
}

.processstep2 {
    margin: 0 0 0 11%;
    width: 100%;
}

.processstep3 {
    margin: 0 0 0 6%;
    width: 100%;
}

.processstep4 {
    margin: 0 0 0 1%;
    width: 100%;
    display: inline-flex;
}

.processstep5 {
    margin: 0 0 0 1%;
    width: 100%;
    display: inline-flex;
}

.processstep6 {
    margin: 0 0 0 1%;
    width: 100%;
    display: inline-flex;
}

.processstep7 {
    margin: 0 0 0 1%;
    width: 100%;
    display: inline-flex;
    overflow: auto;
    /*white-space: nowrap;*/
}

.processstep8 {
    margin: 0 0 0 1%;
    width: 100%;
    display: inline-flex;
}

.processstep9 {
    margin: 0 0 0 1%;
    width: 100%;
    display: inline-flex;
}

/*****End of progressbar CSS*****/

#processName {
    /*cursor: pointer;*/
}

#addTabName {
    cursor: pointer;
}


/*Priya Patil - 20 Jan 2016*/
.popover1 {
    background: #000047;
    top: 1% !important;
    left: 0% !important;
}

    .popover1.bs-tether-element-attached-left::after, .popover1.popover-right::after, .popover1.bs-tether-element-attached-left::before, .popover1.popover-right::before {
        border-right-color: #000047;
        top: 26% !important;
    }

.fa-circle {
    color: limegreen;
}

.fa-envelope-o, .fa-phone {
    color: white;
}

.decisionFlow div.text-center {
    /*font-size: 14px;*/
    font-size: 0.875rem;
    color: #60a9f7;
}

.modal-body {
    padding: 0;
}

.modal-header {
    border: 0;
}

.modal-title {
    /*margin-right: 68%;*/
    color: white;
}

h6 {
    margin: 0 auto;
}

.close {
    color: white;
}

.modal-footer {
    background-color: #1C1C1F;
    margin: 0 auto;
}

    .modal-footer .modFoot {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

.modal-content .loc {
    margin-top: 192px;
}

.redstar {
    color: red;
}

.comment {
    width: 100%;
    height: 90px;
    font-size: 0.75rem;
}

#rejectCheckbox {
    margin-right: 3%;
    margin-left: 1%;
    display: inline-block;
    width: 96%;
    overflow: auto;
}

.poppupapprove, .popupreject {
    background-color: #032241;
    margin-top: 35%;
    width: 110px;
    height: 30px;
    padding-left: 15%;
}

    .poppupapprove span {
        color: #85c613;
    }

    .popupreject span {
        color: #ff3600;
    }

.popupbutton {
    border-radius: 0;
}

.modal-open .modal.detailscreen {
    overflow-y: auto;
}
/*End*/

/*Tabular data*/
#details {
    border-top: 1px solid #c2bdbd;
    padding-top: 5px;
    margin-top: 5px;
    width: 100%;
    padding-bottom: 30px;
    height: 21rem;
    overflow-x: hidden;
    overflow-y: auto;
}

    #details #tabledata {
        width: 100%;
        margin: 0 auto;
    }

        #details #tabledata th {
            background: #1C1C1F;
            color: #aebbbb;
            text-align: left;
            padding-left: 1%;
            padding: 7px;
            border-bottom: 1pt solid #2E323B;
            /*text-align:center;*/
        }

        #details #tabledata td {
            padding: 7px;
            /* text-align: center;
    width: 30%;*/
        }

#tabledata1 {
    width: 100%;
    margin: 0 auto;
}

    #tabledata1 th {
        background: #ffffff;
        color: #4E6E9A;
        text-align: left;
        padding-left: 1%;
        padding: 7px;
        border-bottom: 1pt solid lightgrey;
        /*text-align:center;*/
    }

    #tabledata1 td {
        padding: 7px;
        /* text-align: center;
    width: 30%;*/
    }
/*CSS for table data in double click modal*/
#detials #tabledataModal {
    width: 50%;
    margin: 0 auto;
}

#details #tabledataModal th {
    background: #ffffff;
    color: #4E6E9A;
    text-align: left;
    padding-left: 1%;
    padding: 7px;
    border-bottom: 1pt solid lightgrey;
    text-align: center;
}

#details #tabledataModal td {
    padding: 7px;
    text-align: center;
    width: 30%;
}
/*End of CSS for table data in double click modal*/

/*CSS for table data in additional tab*/
#details #addTabDataTabular th {
    background: #1C1C1F;
    color: #aebbbb;
    text-align: left;
    padding-left: 1%;
    padding: 7px;
    border-bottom: 1pt solid #2E323B;
}

#details #addTabDataTabular td {
    padding: 7px;
    text-align: left;
}

.attClick {
    list-style-type: none;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}
/*End of CSS for table data in additional tab*/

.subCancel {
    width: 100%;
}

.detSubmit, .detAcceptDisc {
    background-color: black;
    border: 1px solid #2E323B !important;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
    margin-bottom: 5%;
}

.detCancel {
    background-color: black;
    border: 1px solid #2E323B !important;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
}


#detBulbSubmit {
    background-color: black;
    border: 1px solid #2E323B;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
}

    #detBulbSubmit span {
        color: white;
    }

#detBulbCancel, #actionmodal-cancle {
    background-color: black;
    border: 1px solid #2E323B;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
}

    #detBulbCancel span {
        color: white;
    }

#detBulbOk {
    background-color: #032241;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
}

    #detBulbOk span {
        color: white;
    }

#detFeedSubmit {
    background-color: #032241;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
    margin-right: 1%;
}

    #detFeedSubmit span {
        color: white;
    }

#detFeedCancel span {
    color: white;
}

#detFeedCancel {
    background-color: #032241;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
}

#detFeedOk {
    background-color: #032241;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    font-weight: bold;
}

    #detFeedOk span {
        color: white;
    }

#detActionOk {
    background-color: black;
    border: 1px solid #2E323B;
    width: 110px;
    height: 30px;
    text-align: center;
    color: white;
    /*font-weight: bold;
    margin-left:36%;
    margin-top:3%;*/
}

    #detActionOk span {
        color: white;
    }

.reasonDropdown {
    height: 40px;
    width: 61%;
    /*padding-right: 1%;*/
    margin-bottom: 1.5%;
    /*margin-right:4%;*/
    margin-left: 4%;
}

.reasonBody {
    padding: 2% 0% 0% 2%;
    background-color: #1C1C1F;
    color: #aebbbb;
}
/**Peer Comparison***/
.row.navbar-3.peercomparison-navbar {
    background-color: #032241 !important;
}

.pcCategories {
    color: white;
    cursor: pointer;
}

#currentUser {
    background-color: #343434;
}

.currentUserName {
    color: white;
    text-align: center;
    margin-top: 5%;
}

.currentUserProfilePic {
    text-align: center;
}

.star {
    color: yellow;
}

    .star.starfilled {
        content: "\2605";
    }

.PeerProfilePic img {
    height: 70px;
    padding: 0% 50% 0% 25%;
}

.PeerDetails {
    width: 100%;
    margin-bottom: 9.5%;
}

.PeerName {
    text-align: center;
}

.rating {
    text-align: center;
    color: orange;
}

i.fa.fa-star, i.fa.fa-star-o, i.fa.fa-star-half-empty {
    padding-left: 5px;
}

.peerSectionType {
    font-weight: bold;
    margin-top: 2%;
}

.PeerBUName {
    text-align: center;
    font-size: small;
}

#CategoryPeers {
    display: none;
}

#CatReqTable {
    margin: 9.5% 0% 9.5% 5%;
    width: 90%;
}

    #CatReqTable td {
        padding: 1%;
    }

    #CatReqTable th {
        color: #2F5589;
    }
    /*#CatReqTable th,td
{
    text-align:center;
}*/
    #CatReqTable tr:nth-child(2n+3) {
        background-color: #E7F3FF;
    }

#catName {
    /*font-size: 14px;*/
    font-size: 0.875rem;
    color: #aebbbb;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    /*display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;*/
}

.activeCat {
      color: #01aef0;
 /*color: #FF5E4F;*/
    text-decoration: none;
    border-bottom: 3px solid;
    margin-right: 5%;
    padding-bottom: 10px;
}

.downarrowActive {
    position: relative;
}

    .downarrowActive:after {
        font-family: "Neue LT Std medium";
        content: '';
        position: absolute;
        top: 100%;
        left: 38%;
        width: 0;
        height: 0;
        border-top: 18px solid #032241;
        border-right: 15px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 15px solid transparent;
    }

/*CSS for leave graph*/
#graphcontainer {
    margin: 5% 0 4% 25%;
}
/*end*/

/*Timesheet*/

.SelectAllCheckboxes input {
    padding-left: 10px;
    padding-right: 10px;
}

.topButtons {
    position: relative;
    display: inline-flex !important;
    vertical-align: middle;
    float: right;
    margin: 0.5rem 0;
}

.topWidth {
    width: 100%;
}

#tabledata table {
    width: 100%;
}

    #tabledata table tr input {
        /*  transform: scale(1.5,1.5);*/
        transform: scale(1.2,1.2);
        /*margin: 0% 8% 0% 8%;*/
        margin: 0% 8% 0% 20%;
    }

#tabledataModal table {
    width: 100%;
}

    #tabledataModal table tr input {
        transform: scale(1.5,1.5);
        margin: 0% 5% 0% 5%;
    }

i.fa.fa-plus-square-o {
    padding-right: 20px !important;
    transform: scale(1.5,1.5) !important;
}

i.fa.fa-minus-square-o {
    padding-right: 20px !important;
    transform: scale(1.5,1.5) !important;
}


.TimesheetActions i {
    transform: scale(1.2,1.2) !important;
    margin: 0% 5% 0% 5% !important;
}

.timesheetDates {
  padding-left: 8% !important;
    font-weight: bold;
    font-size: small;
}
.timesheetDate {

    font-size: small;
}

.timesheetWeeks {
    font-weight: bold;
}
/*.timesheetLapseRow
{
    display: none;
}*/
tr[class*="lapsedTask"] {
    display: none;
}

.timesheetTasksHrs {
    font-size: small;
}

.timesheetTasks {
    font-size: small;
}

.TimesheetActions input[type="checkbox"] {
    width: 0;
    height: 0;
    margin: 0;
    border: 0 none;
    padding: 0;
}

.native-hidden {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.TimesheetActionsContainer {
    display: inline;
    padding-right: 12%;
}

.SelectAllCheckboxes input {
    /*margin: 0% 8% 0% 8% !important;*/
    margin: 0% 8% 0% 15% !important;
}

#detRejectTimesheetModal .reasonBody {
    padding: 0%;
}

.TimesheetSubmitMsg {
    background-color: #cefdce;
    color: green;
    text-align: center;
    padding: 1%;
}

#RejectedDates {
    color: red;
    padding: 2%;
}

    #RejectedDates .TimesheetRejectedDates {
        color: black;
    }

#RejectedDateHours {
    color: red;
    padding: 2%;
}

    #RejectedDateHours .TimesheetRejectedDateHours {
        color: black;
    }

ul.logoutDD {
    min-width: 100%;
    background: #0e63ba;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    margin: 15% 0% 0% 10%;
    list-style: none;
}

    ul.logoutDD li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        ul.logoutDD li a {
            display: block;
            padding: 4% 25%;
            color: #fff;
            text-decoration: none;
        }

/*CSS for loader*/
#loading, #loadingHistorySummary {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /*background-color: #fff;*/
    background: rgba(00,0,0,0.73);
    z-index: 99;
    text-align: center;
}

#loadingDetails {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 40%;
    z-index: 100;
    left: 50%;
}

#loadingHistorySummary {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /*background-color: #fff;*/
    z-index: 99;
    text-align: center;
}
/*End of CSS for loader*/

#clrSearch {
    display: inline-block;
    float: right;
    position: absolute;
    left: 87%;
    bottom: 5%;
    border: 1px solid black;
    /*font-size: 14pt;*/
    font-size: 0.875rem;
    cursor: pointer;
    border: none;
    color: red;
}

.addTab {
    float: left;
    margin-right: 5%;
}

/*History Page*/

#detials #Historytabledata {
    width: 50%;
    margin: 0 auto;
}

#details #Historytabledata th {
    background: #ffffff;
    color: #4E6E9A;
    text-align: left;
    padding-left: 1%;
    padding: 7px;
    border-bottom: 1pt solid lightgrey;
    /*text-align:center;*/
}

#details #Historytabledata td {
    padding: 7px;
    /*text-align: center;*/
    width: 30%;
    color: #aebbbb;
}

/*CSS for table data in double click modal*/
#detials #HistorytabledataModal {
    width: 50%;
    margin: 0 auto;
}

#details #HistorytabledataModal th {
    background: #ffffff;
    color: #4E6E9A;
    text-align: left;
    padding-left: 1%;
    padding: 7px;
    border-bottom: 1pt solid lightgrey;
    text-align: center;
}

#details #HistorytabledataModal td {
    padding: 7px;
    text-align: center;
    width: 30%;
}

#Historytabledata table {
    width: 100%;
}

    #Historytabledata table tr input {
        transform: scale(1.5,1.5);
        margin: 0% 5% 0% 5%;
    }

#HistorytabledataModal table {
    width: 100%;
}

    #HistorytabledataModal table tr input {
        transform: scale(1.5,1.5);
        margin: 0% 5% 0% 5%;
    }

.datarow {
    width: 100% !important;
    display: block;
}
/* css for provide feedback by shilpa */
#FeedbackModal div.clear-rating {
    display: none;
}

#FeedbackModal div.caption {
    display: none;
}

#FeedbackModal span.star {
    color: steelblue;
}

#FeedbackModal div.subhead {
    padding-top: 4%;
}

#FeedbackModal div.checkbox {
    padding: 0;
}

#FeedbackModal .rating-container.theme-krajee-uni.rating-xs.rating-animate {
    text-align: center;
    height: 50px;
}

.feedPtr {
    cursor: pointer;
}

/*end*/

/*Timesheet Updated CSS 19th April*/
.selectallchk {
    display: none;
}

.TimesheetActionsChkCell {
    display: none;
}

.TimeSheetSubmit {
    display: none;
}

.Cancel {
    display: none;
}

.weekRow td {
    width: auto !important;
}
/*.SelectAllCheckboxes 
{
    margin-left: 12%;
}*/

input[type=text]#search::-ms-clear {
    display: none;
}

.clrBoth {
    display: block !important;
    clear: both;
}

#addTab #chart_div {
    overflow-x: auto;
    overflow-y: hidden;
}



/*Timesheet Updated CSS 19th April*/
.selectallchk {
    display: none;
}

.TimesheetActionsChkCell {
    display: none;
}

.TimeSheetSubmit {
    display: none;
}

.Cancel {
    display: none;
}

.weekRow td {
    width: auto !important;
}
/*.SelectAllCheckboxes 
{
    margin-left: 12%;
}*/



.TimesheetActions label.WeekApproveChk:before {
    content: url('../Desktop_Assets/icon-approve-enabled-small.png');
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    transform: scale(1.5,1.5);
}

.TimesheetActions label.selectedWeek.WeekApproveChk:before {
    content: url('../Desktop_Assets/icon-approve-selected-small.png');
}

.TimesheetActions label.WeekRejectChk:before {
    content: url('../Desktop_Assets/icon-date-enabled-small.png');
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    transform: scale(1.5,1.5);
}

.TimesheetActions label.selectedWeek.WeekRejectChk:before {
    content: url('../Desktop_Assets/icon-date-selected-small.png');
}

.TimesheetActions label.WeekHrRejectChk:before {
    content: url('../Desktop_Assets/icon-hours-enabled-small.png');
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    transform: scale(1.5,1.5);
}

.TimesheetActions label.selectedWeek.WeekHrRejectChk:before {
    content: url('../Desktop_Assets/icon-hours-selected-small.png');
}

.TimesheetActions label.DateApproveChk:before {
    content: url('../Desktop_Assets/icon-approve-enabled-small.png');
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    transform: scale(1.5,1.5);
}

.TimesheetActions label.selectedDate.DateApproveChk:before {
    content: url('../Desktop_Assets/icon-approve-selected-small.png');
}

.TimesheetActions label.DateRejectChk:before {
    content: url('../Desktop_Assets/icon-date-enabled-small.png');
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    transform: scale(1.5,1.5);
}

.TimesheetActions label.selectedDate.DateRejectChk:before {
    content: url('../Desktop_Assets/icon-date-selected-small.png');
}

.TimesheetActions label.DateHrRejectChk:before {
    content: url('../Desktop_Assets/icon-hours-enabled-small.png');
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    transform: scale(1.5,1.5);
}

.TimesheetActions label.selectedDate.DateHrRejectChk:before {
    content: url('../Desktop_Assets/icon-hours-selected-small.png');
}
/*Styles for graphs in details page*/
.graphDetails {
    color: red;
    display: block;
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: center;
}
/*end of styles*/

.bulb {
    width: 29%;
}

.radioCls {
    cursor: pointer;
}

.align-middle-name {
    vertical-align: middle;
}

.font-bold {
    font-weight: 400;
    font-size: 0.875rem;
}
/*CSS for Previous Approver Comments on click of bulb*/
#prevApprover {
    overflow-y: auto;
    overflow-x: hidden;
    height: 27vh;
}
/*End of CSS*/

/*CSS for read more/less */
.morecontent span {
    display: none;
}

.morelink {
    display: block;
}
/*End of CSS*/

/*css as per new UI*/
/*Roboto fonts*/
@font-face {
    font-family: 'RobotoBold';
    src: url('../Fonts/roboto-bold-ttf-5a9e2506c6b1c/original-roboto-bold.ttf') format('truetype'), url('../Fonts/roboto-bold-ttf-5a9e2506c6b1c/roboto-bold.eot') format('embedded-opentype'), url('../Fonts/roboto-bold-ttf-5a9e2506c6b1c/roboto-bold.svg') format('svg'), url('../Fonts/roboto-bold-ttf-5a9e2506c6b1c/roboto-bold.ttf') format('truetype'), url('../Fonts/roboto-bold-ttf-5a9e2506c6b1c/roboto-bold.woff') format('woff');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../Fonts/roboto-light-ttf-5a9e2432bad1b/original-roboto-light.ttf') format('truetype'), url('../Fonts/roboto-light-ttf-5a9e2432bad1b/roboto-light.eot') format('embedded-opentype'), url('../Fonts/roboto-light-ttf-5a9e2432bad1b/roboto-light.svg') format('svg'), url('../Fonts/roboto-light-ttf-5a9e2432bad1b/roboto-light.ttf') format('truetype'), url('../Fonts/roboto-light-ttf-5a9e2432bad1b/roboto-light.woff') format('woff');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../Fonts/roboto-medium/roboto-medium.eot') format('embedded-opentype'), url('../Fonts/roboto-medium/roboto-medium.otf') format('opentype'), url('../Fonts/roboto-medium/roboto-medium.svg') format('svg'), url('../Fonts/roboto-medium/roboto-medium.ttf') format('truetype'), url('../Fonts/roboto-medium/roboto-medium.woff') format('woff');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../Fonts/roboto-regular-ttf-5a9d394a8e4c8/original-roboto-regular.ttf') format('truetype'), url('../Fonts/roboto-regular-ttf-5a9d394a8e4c8/roboto-regular.eot') format('embedded-opentype'), url('../Fonts/roboto-regular-ttf-5a9d394a8e4c8/roboto-regular.svg') format('svg'), url('../Fonts/roboto-regular-ttf-5a9d394a8e4c8/roboto-regular.woff') format('woff'), url('../Fonts/roboto-regular-ttf-5a9d394a8e4c8/roboto-regular.ttf') format('truetype');
}
/*End*/

/*.ep-header {*/
/*height: 4.5rem;
    width: 100%;
    margin-bottom: 2%;
    box-shadow: 0px 8px 6px 3px #f2f2f2;
    display: inline-flex;*/
/*box-shadow: 0px 3px 9px 5px black;
    padding: 4px 0 2px 0;
    height: 49px;
}*/

.ep-header {
    box-shadow: 0px 3px 9px 5px #f2f2f2;
    padding: 4px 0 2px 0;
    height: 56px;
}

.iapproval-content {
    /* margin: 2rem 0px !important;*/
    /*box-shadow: 0px 8px 6px 3px #DCDCDC;*/
    /* width: 95%; */
    /*border: 1px solid #DCDCDC;*/
}

/*.lti-logo {*/
/*max-width: 7.666667% !important;*/
/*max-width: 12.666667% !important;
    padding-top: 4px;
}*/

.lti-logo {
    /* max-width: 7.666667% !important; */
    max-width: 12.666667% !important;
    /* padding-top: 4px; */
    padding-left: 20px;
    padding-right: 0px;
    /* border-right: 1px solid white; */
}

.iApproval-title {
    margin-left: 1%;
    font-weight: 800;
    font-size: 22px;
    vertical-align: middle;
}

.top-search {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.searchbox {
    width: 29rem;
    margin-left: 3%;
    border-radius: 17px;
}

.fa-search {
    position: absolute;
    top: 0.6rem;
    left: 28rem;
    font-size: 15px;
}

.user-details {
    /*margin-top: 1rem;*/
    text-align: right;
}

#user-topName {
    word-wrap: break-word;
    width: auto;
    display: inline-block;
    text-align: right;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 400;
    color: white;
}

.iapproval-content {
    /*margin: 2rem 0px;*/
    /*margin-top: 2rem;
    margin-bottom: 2rem;*/
    /*box-shadow: 0px 8px 6px 3px #DCDCDC;*/
    /*width: 95%;*/
    /*border: 1px solid #DCDCDC;*/
}

.request-type {
    margin: 1.5rem;
}


.request-type1 .mright {
    margin-right: 2rem;
}

    .request-type1 .mright.active {
        /*color: #01aef0;*/
        color: #FF5E4F;
        text-decoration: none;
        border-bottom: 3px solid;
        text-decoration: none;
        border-bottom: 3px solid;
        /*font: normal normal 600 16px/17px Bw Modelica !important;*/
        letter-spacing: 0px;
        /*color: #55A5EF;*/
    }

.request-type1 .inactive {
/*    color: #9e9e9e;
*/
color : #F4F4F4;
}

.request-type1 .active {
    color: #01aef0;
    text-decoration: none;
    border-bottom: 3px solid;
}
.request-type2 .mright {
    margin-right: 2rem;
}

    .request-type2 .mright.active {
        /*color: #01aef0;*/
        color: #FF5E4F;
        text-decoration: none;
        border-bottom: 3px solid;
        text-decoration: none;
        border-bottom: 3px solid;
        /*font: normal normal 600 16px/17px Bw Modelica !important;*/
        letter-spacing: 0px;
        /*color: #55A5EF;*/
    }

.request-type2 .inactive {
    /*    color: #9e9e9e;
*/
    color: #F4F4F4;
}

.request-type2 .active {
    color: #01aef0;
    text-decoration: none;
    border-bottom: 3px solid;
}

#mainContent {
    margin: 5px 1rem 1rem 1rem;
    border: 1px solid #2E323B;
    background-color: black;
}

.m-rightleft {
    margin: 0 0.7rem 0 0.7rem;
}

.m-left {
    margin-left: 0.7rem;
}

.dflow-title {
    height: auto;
    color: white;
    margin-right: -15px;
    margin-left: -15px;
    background-color: #1C1C1F;
}

.v-align {
    margin-top: 5px;
    display: inline-block;
}

.decisionFlow .divProgres {
    margin-top: 5px;
}

.row.detailsuppersection.detailsloading {
    border-bottom: 1px solid #dcdcdc;
}

.row.details-history-loading {
    border-bottom: 1px solid #dcdcdc;
}

.clrBoth.actor-name {
    font-weight: 700;
}

.divTopButtons {
    height: 3.5rem;
}

.color {
    background-color: black;
    border-bottom: 1px solid #2E323B;
}
/*end*/


/*tab count by mayuresh*/
/* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
    /*   border-bottom: 1px solid #2E323B;
    padding: 1%;*/
    width: 100%;
    height: 60px;
    margin-left: 0.1%;
    background-color: #1C1C1F;
}

    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        color: #159ED5;
        text-align: center;
        /*padding: 2%;*/
        text-decoration: none;
        font-size: 16px;
        cursor: pointer !important;
    }

        /* Change the color of links on hover */
        .topnav a:hover {
            /*background-color: #ddd;*/
            color: black;
        }

        /* Add a color to the active/current link */
        .topnav a.active {
            color: #159ED5;
        }
/*end*/
.leftborderclass {
    border-left: 1px solid rgba(158, 158, 158, 0.27);
}

.imgwidth {
    width: 43px;
    height: 43px;
    margin-right: 7px;
}

#filterloading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /*background-color: #fff;*/
    background: rgba(00,0,0,0.73);
    z-index: 99;
    text-align: center;
}

#errormessagefilter {
    color: red;
    text-align: center;
    margin-bottom: 5%;
    margin-top: 4%;
}
/*Count Css End*/

/* Auto Approval*/
.btnSave {
    color: #85c613;
    border: 1px solid #85c613;
    background-color: #fff;
    border-radius: 50px;
}

.btnEdit {
    color: #ffae00;
    border: 1px solid #ffae00;
    background-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
}

.btnReset {
    color: #ff3600;
    border: 1px solid #ff3600;
    background-color: #fff;
    border-radius: 50px;
}

.profileAlign {
    display: flex;
    align-items: center;
}

.loggedInName {
    font-size: 14px;
}

.mainWrapper {
    border: 1px solid #efefef;
    padding: 1% 2%;
    width: 100%;
}

.borderWrap {
    border: 1px solid #efefef;
    padding: 15px 0;
    border-right: 0;
}

.RightSection {
    border-left: 1px solid #efefef;
}

.fSizeLabels {
    font-size: 14px;
}

.viewSumary, .viewSumary:hover {
    color: #159ed5;
    text-decoration: underline;
}

.selectTimesheet {
    margin-top: 7px;
}

.timesheetLabel {
    padding-left: 0;
}

.form-check {
    font-size: 14px;
}

.btnSave {
    color: #85c613;
    border: 1px solid #85c613;
    background-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
}

.btnEdit {
    color: #ffae00;
    border: 1px solid #ffae00;
    background-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
}

.btnDelete {
    color: #ff3600;
    border: 1px solid #ff3600;
    background-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
}

.AutoApprovalButtons {
    text-align: center;
    margin: 20px 0;
}

.AutoApprovalSelect {
    font-size: 14px;
}

/*#AutoApprovalsBtn {
    position: absolute;
    right: 3%;
    border: 1px solid #159ed5;
    color: #159ed5;
    border-radius: 19px;
    font-size: 14px;
    padding: 3px 15px 4px 15px;
    cursor: pointer;
}
*/
#PeerComparisonBtn {
    position: absolute;
    right: 15%;
    border: 1px solid #159ed5;
    color: #159ed5;
    border-radius: 19px;
    font-size: 14px;
    padding: 3px 15px 4px 15px;
    cursor: pointer;
}


.custom-select {
    font-size: 13px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
}

.btnAdd {
    border: 1px solid #159ed5;
    color: #159ed5;
    border-radius: 19px;
    font-size: 14px;
    padding: 5px 20px;
    cursor: pointer;
    background: #fff;
    margin-top: -10px;
}

.form-check-inline .form-check-label {
    padding-left: 8px;
}

.AutoCondition input {
    margin-top: 7px;
    font-size: 14px;
}



#AutoApprovalsHistBtn {
    position: absolute;
    right: 14%;
    border: 1px solid #159ed5;
    color: #159ed5;
    border-radius: 19px;
    font-size: 14px;
    padding: 3px 15px 4px 15px;
    cursor: pointer;
}


.textboxstyle {
    /*border-radius: 25px;*/
    text-align: center;
    font-size: 14px;
    margin-left: 15px;
    border: 1px #9e9e9e solid;
    padding: 5px 0px;
    width: 120px;
}


input.textboxstyle:focus {
    outline: none;
}


#viewSummModal .modal-header .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #333;
    text-align: center;
    font-size: 16px;
}

#viewSummModal .modal-header .close {
    color: #000;
}

#viewSummModal .modal-body {
    padding: 15px;
}

#viewSummModal .modal-footer {
    background: transparent;
}

.andStyle {
    color: #159ed5;
}

.lineStyle1 {
    width: 250px;
    height: 14px;
    float: left;
    border-bottom: 1px solid grey;
    margin-right: 5px;
}

.lineStyle2 {
    width: 250px;
    height: 14px;
    float: left;
    border-bottom: 1px solid grey;
    margin-left: 5px;
}

/*End*/


/*****Peer Comparison*******/
.col-sm-12.lti-tabBg {
    background-color: #032241;
    color: #bedeff;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.col-sm-2.lti-leftNav {
    height: 100%;
    background-color: #343434;
    min-height: 768px;
}

a.lti_ancher {
    background-color: transparent !important;
    border: 0px solid transparent !important;
    color: inherit !important;
    padding: 0px 20px !important;
}

/* Common Tabs Style */
ul.lti-tab li:first-child {
    border-right: 1px solid #ccc;
}

ul.lti-tab {
    font-size: 12px !important;
    border-bottom: 0px !important;
    padding-left: 15px;
    margin-top: 6px;
}

    ul.lti-tab li:hover {
        background-color: transparent !important;
        color: #ffa900;
        cursor: pointer;
    }

ul li.active.orangecolor span {
    color: #aebbbb !important;
    cursor: pointer;
}

ul li:hover:after {
    border-top: #032241;
}

ul li.active:after {
    width: 100%;
    height: 1px;
    /*border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #032241;*/
    content: " ";
    position: absolute;
    bottom: -14px;
    left: -40%;
    z-index: -100;
}
/* Common Tabs Style End here */
.fa-star-half-full, .fa-star {
    color: #a6a6a6;
}

.logged-user-profile {
    width: 140px;
    margin: 0 auto !important;
}
    /* user name */
    .logged-user-profile > .user-name {
        margin-top: 15px;
        margin-bottom: 10px;
        text-align: center;
    }

span.user-title {
    color: #aebbbb;
    font-size: 12px;
    font-weight: bold;
}

.approvecss {
    color: #aebbbb;
}

.tab-content span.user-title {
    color: #aebbbb;
    font-size: 11px;
    font-weight: bold;
}

/* user image */
.user-image img {
    border-radius: 100%;
    width: 85px;
    height: 85px;
}

.logged-user-profile > .user-image {
    padding-left: 25px;
    padding-right: 10px;
}
/* user rating */
.logged-user-profile > .user-rating {
    padding-left: 15px;
    padding-top: 10px;
}

.checked {
    color: orange;
}

/* right side Content */
.lti-cus-hr {
    margin-bottom: 5px !important;
}

.col-sm-12.lti-cus-col {
    padding-left: 0px;
}

.lti-cus-row h5 {
    margin-top: 20px;
    margin-left: 18px;
}

.all-user-profile {
    width: 120px;
    margin: 0px auto;
    text-align: center !important;
    text-overflow: ellipsis !important;
}

    .all-user-profile > .user-name {
        margin-top: 5px;
        margin-bottom: 2px;
        /*text-align: left;
        padding-left: 7px;*/
        text-align: center;
        /*overflow: hidden;
        text-overflow: ellipsis;*/
        white-space: nowrap;
    }

    .all-user-profile > .bu-name {
        margin-top: 2px;
        margin-bottom: 2px;
        text-align: center;
        /*padding-right: 26px;*/
    }

    .all-user-profile > .user-rating {
        padding-top: 10px;
    }

    .all-user-profile > .user-image {
        padding-left: 5px;
    }

.lti-cus-row h6 {
    margin-top: 20px;
    margin-left: 16px;
    font-size: 14px;
}

.user-rating span {
    padding: 0% 3% 0% 3%;
}

#RightContent {
    display: none;
}

#CategoryNav {
    padding: 5% 8% 0% 8%;
}

#BUCategory table {
    width: 82%;
    margin-left: 8%;
    float: left;
}

#OverallLTI {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 95%;
    display: inline-flex;
}

.table-wrapper-scroll-y {
    max-height: 400px;
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: inline-block;
}

#LTICategory {
    width: 92%;
}

    #LTICategory table tbody {
        display: block;
        height: 400px;
        overflow: auto;
        width: 102%
    }

        #LTICategory table thead, #LTICategory table tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

    #LTICategory table {
        width: 90%;
        margin-left: 8%;
        float: left;
    }

#PeerLoader {
    margin: 15% 10% 0% 40%;
}

div#OverallLTI div.col-lg-2 {
    margin-left: 2.5%;
}

div#OverallBU div.col-lg-2 {
    margin-left: 2.5%;
}

.btnFileUpload {
    color: white;
    background-color: #008CBA;
    border-radius: 0;
    cursor: pointer;
}

.btnFileRemove {
    color: white;
    background-color: #f44336;
    border-radius: 0;
    cursor: pointer;
}


#LTICategory table thead, #LTICategory table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#LTICategory table {
    width: 90%;
    margin-left: 8%;
    float: left;
}

#PeerLoader {
    margin: 15% 10% 0% 40%;
}

div#OverallLTI div.col-lg-2 {
    margin-left: 2.5%;
}

div#OverallBU div.col-lg-2 {
    margin-left: 2.5%;
}

.btnFileUpload {
    color: white;
    background-color: #008CBA;
    border-radius: 0;
    cursor: pointer;
}

.btnFileRemove {
    color: white;
    background-color: #f44336;
    border-radius: 0;
    cursor: pointer;
}
/* Delegation Grid */
#mainContentDelegation {
    padding: 10px 25px;
}

.delcolor {
    background-color: #1C1C1F;
}

div#Delegation-menu {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    margin: 0px;
    padding: 1px 1.5rem;
    line-height: 35px;
    /* color: #000; */
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #444444;
}

thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

button.btnSelect.button-blue {
    background-color: transparent;
    border: none;
    color: #01aef0;
}

.table-wrap-deleg table thead th {
    background-color: black;
    color: #FFFFFF;
    line-height: 20px;
    white-space: nowrap;
    text-align: left;
    font-weight: 400;
    padding: 16px 5px;
    font-size: 17px;
    font-weight: 500;
}

.table-wrap-deleg table tr td:first-child, .table-wrap-deleg table tr th:first-child {
    padding-left: 30px;
}

.table-wrap-deleg table tr {
    border-bottom: 1px solid #707070;
}

.table-wrap-deleg table td {
    line-height: 16px;
    padding: 16px 5px;
    /* font-family: 'Segoe UI'; */
    font-size: 16px;
    padding-left: 10px;
}

.table-wrap-deleg {
    border: 1px solid #707070;
}

.innerdiv::-webkit-scrollbar-track {
    border: 1px solid #E4E4DF;
    padding: 2px 0;
    background-color: aliceblue;
}

.innerdiv::-webkit-scrollbar {
    width: 10px;
}

.innerdiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px #01aef0;
    background-color: aliceblue;
    border: 1px solid #01aef0;
}

/********End********/




#fromTimePickerDate, #fromTime {
    background-repeat: no-repeat;
    background-position: right 8px center;
    color: #292929;
    margin-bottom: 20px;
    font-size: 15px;
    transition: 0.5s ease;
    border: 1px solid #9E9E9E;
    border-radius: 4px;
    height: 40px;
    line-height: 18px;
    width: 100%;
    outline: 0;
}

#fromTimePickerDate {
    /*background-image: url(/Assets/calenderFill.png);*/
    background-color: #fff;
    width: 136px;
}

#fromTime {
    /*background-image: url(/Assets/timeFill.png);*/
}



#toTimePickerDate, #toTime {
    background-repeat: no-repeat;
    background-position: right 8px center;
    color: #292929;
    margin-bottom: 20px;
    font-size: 15px;
    transition: 0.5s ease;
    border: 1px solid #9E9E9E;
    border-radius: 4px;
    height: 40px;
    line-height: 18px;
    width: 100%;
    outline: 0;
}

#toTimePickerDate {
    /*background-image: url(/Assets/calenderFill.png);*/
    background-color: #fff;
    width: 136px;
}

#toTime {
    /*background-image: url(/Assets/timeFill.png);*/
}

.top {
    position: sticky !important;
    top: 10px;
}

.Average-time-summary {
    font-size: 14px !important;
    background-color: #1c1c1f;
    color: #ffffff;
}

.logo-title {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 20px;
    color: #fff;
    margin-left: 6px;
}

.btnConfirm {
    text-align: center !important;
    color: white !important;
    font-weight: bold !important;
    background-color: black;
    border: 1px solid #2E323B !important;
    width: 110px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 0.25rem !important;
    font-weight: unset !important;
}

    .btnConfirm span {
        color: white !important;
    }

.no-result {
    padding: 30%;
    text-align: center;
    background-color: #1C1C1F;
}
/*Tree*/

.trees {
    list-style-type: none;
    padding-left: 10px;
}



.trees li {
    border-left: dotted 1px #FFFFFF;
    padding: 1px 0 1px 25px;
    position: relative
}



.trees li > label {
    position: relative;
    left: -11px
}



.trees li:before {
    content: "";
    width: 13px;
    height: 1px;
    border-bottom: dotted 1px #fff;
    position: absolute;
    top: 10px;
    left: 0
}



.trees li:last-child:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 13px;
    background: #fff;
    left: -1px;
    bottom: 0px;
}



.trees li input {
    margin-right: 5px;
    margin-left: 5px
}



.trees li.has-child > ul {
    display: none
}



.trees li.has-child > input {
    opacity: 0;
    position: absolute;
    left: -14px;
    z-index: 9999;
    width: 22px;
    height: 22px;
    top: -5px
}



.trees li.has-child > input + .tree-control {
    position: absolute;
    left: -4px;
    top: 6px;
    width: 8px;
    height: 8px;
    line-height: 8px;
    z-index: 2;
    display: inline-block;
    color: #000;
    border-radius: 3px;
}



.trees li.has-child > input + .tree-control:after {
    font-family: 'FontAwesome';
    content: "";
    font-size: 13px;
    color: #55a5ef;
    position: absolute;
    left: 1px;
}



.trees li.has-child > input:checked + .tree-control:after {
    font-family: 'FontAwesome';
    content: "";
    font-size: 13px;
    color: #55a5ef;
    position: absolute;
    left: 1px
}



.trees li.has-child > input:checked ~ ul {
    display: block
}



.trees ul li.has-child:last-child {
    border-left: none
}



.trees ul li.has-child:nth-last-child(2):after {
    content: "";
    width: 1px;
    height: 5px;
    border-left: dotted 1px #bcbec0;
    position: absolute;
    bottom: -5px;
    left: -1px
}

.tree-alt li {
    padding: 4px 0
}

#ProcessTree{
    min-width:350px;
}
/*------------------------------------*/


.msg {
    /* position: absolute;
    left: 0;
    right: 0;
    transform: translate(0, -324px); */
    width: 100%;
    text-align: center;
    font-size: 18px;
    background-color: #37373D;
    border: 1px solid #ACACAC;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 30px;
}

    .msg.ApproveMsgText {
       
    }

    .msg.RejectMsgText {
    
    }

.ShowConfirmationMsg {
    opacity: 0.25;
    pointer-events: none;
}

.timesheetProjectHeader {
    font-weight: bold;
    display: table-row;
}

.timesheetProjectDetails {
    background: #1C1C1F !important;
    display: table-row;
    color: rgb(135, 135, 135);
}

.timesheetLapseRowShadow {
    box-shadow: inset 1px -1px 5px #ccc;
}

.timesheetLapseLastRow {
    border-bottom: 1px solid #DDDDDD;
}
.dotGreen {
    color: #5cb85c !important;
    margin-right: 7px !important;
    font-size: 50% !important;
    padding-top: 4px !important;
    padding-bottom: 0px !important;
}

.dotBlue {
    color: #0275d8 !important;
    margin-right: 7px !important;
    font-size: 50% !important;
    padding-top: 4px !important;
    padding-bottom: 0px !important;
}

.messageStyle {
    width: 680px; height: 30px; padding-right: 10px; padding-left: 60px; color: #aebbbb; font-style: italic; 
}
.disclaimer-container {
    margin: 0;
    padding: 0;
}

.disclaimer-title {
    font-size: 12px;
    color: white;
    font-weight: 600;
    font-style: italic;
    margin: 0 0 10px 0;
}

.disclaimer-text {
    font-size: 10px;
    color: #aebbbb;
    font-style: italic;
}