/**
*---------------------------------------------------
* COLOR ONLY
* ONLY ADD COLOR PROPERTIES AND THEME RELATED IMAGES
* ORANGE THEME 
*---------------------------------------------------
**/

/* --------- Top Header  --------- */
.navbar {
    background-image: url('../../navbar_files/V502/Images/Header_img.jpg');
}

/*Mobile Icon for Sign out dropdown*/
.headernav .menu-icon {
    color: #88410d;
}

/* Added 26-Jun-2019 */
#btnMobileMenu {
    color: #88410d;
}

/*Approved / Self Count Icon */
.badge-secondary {
    color: #fff;
    background-color: #cc6a19;
}

/*Approved / Self Count Details*/
.dropdown-menu {
    background-color: #ea6053 !important;
}

/* Added 20-Jun-2019 */
/*Approved / Self Count Details Arrow Color*/
.li-Approved .dropdown-menu:after,
.li-Self .dropdown-menu:after,
.li-QuickLinks .dropdown-menu:after,
.right_menu .open .dropdown-menu:after {
    border-right: 10px solid transparent;
    /*border-bottom: 10px solid #ea6053;*/
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
}

/*Icon Color*/
.nav-icon {
    color: #9a5147;
}

/* --------- Bottom Footer --------- */
.footer {
    background-color: #ea9f61;
    color: grey;
}

/* --------- Login Page --------- */
.themeColor {
    background-color: #ea9f61;
    color: #F5F5F5;
}

.statusbar {
    background: #ea9f61;
    border-top: solid 1px #888;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    opacity: 0.80;
    color: white;
}

    .statusbar a:hover {
        color: #5f2009 !important;
        text-decoration: none;
    }

.loginfooterlink {
    color: #5f2009;
}

.loginContainer .input:focus ~ .label, .loginContainer .input.used ~ .label {
    color: coral;
}

.loginContainer .bar:before, .loginContainer .bar:after {
    background: coral;
}

.loginContainer .button {
    border-bottom: 2px solid coral;
}

/* --------- Leave Balances Grid view heading - used in leave application  --------- */
.SpineTDLight {
    background: #cc9871 !important;
}

/* --------- Leave Balances Grid view heading - used in leave application  --------- */
.SpineSubHead {
    background: #8e5e3d !important;
}

/* --------- Page Header --------- */
/*Commented by santosh v. on 21-Oct-2020*/
/*.SpineTD {
    color: #45af99 !important;
}*/

/* ---------  Buttons --------- */
input[type="button"], input[type="submit"], input[type="reset"], .custCommonBtn {
    background: #ea9f61 !important;
}

/* ---------  Buttons Disabled --------- */
input[type=button]:disabled, input[type=submit]:disabled {
    background-color: grey !important;
}

/* ---------  Dashboard light Button --------- */
.DashLightDashBoardPageLink {
    background-color: #8e5e3d;
}

    .DashLightDashBoardPageLink:hover {
        color: #ffffff !important;
    }

.DashLightLogoutLink {
    background-color: #8e5e3d;
}

    .DashLightLogoutLink:hover {
        color: #ffffff !important;
    }

/* ---------   Information Message  --------- */
.spnMsg:not(:empty), span[id*='lblMsg']:not(:empty) {
    color: #737373 !important;
    background-color: rgba(241, 221, 214, 0.45) !important;
    border: solid 1px #e2d1b7 !important;
}

/* ---------  For Add/Delete/Filter Menu Text  --------- */
#ctl00_BodyContentPlaceHolder_Menu1 a, #ctl00_BodyContentPlaceHolder_Menu2 a, #ctl00_BodyContentPlaceHolder_Menu3 a, #ctl00_BodyContentPlaceHolder_Menu4 a,
#ctl00_BodyContentPlaceHolder_TabContainer1_tabPanelGObj_Menu2 a, #ctl00_BodyContentPlaceHolder_TabContainer1_tabPanelKsaKra_Menu1 a,
#ctl00_BodyContentPlaceHolder_TabContainer1_TabPanel2_Menu1 a, #ctl00_BodyContentPlaceHolder_mnuPinToDash a,
#ctl00_BodyContentPlaceHolder_tbContainer_tabPrimary_Menu1 a, #ctl00_BodyContentPlaceHolder_tbContainer_tabSecondary_Menu4 a {
    color: white !important;
}

/* ---------  Gridview Datatable Table --------- */
.table100.ver1 th {
    background-color: #c77852;
}

.table100.ver1 .hov-column-head-ver1 {
    background-color: #c77852;
}

.table100.ver1 .row100 td:hover {
    background-color: #ffbe7a;
    color: #fff;
}

/* ---------  Menu --------- */
/*Changed by parth on 20/10/2020*/
/* hover effect for .cd-dropdown-content items with subnavigation */
/*.cd-dropdown-content > .has-children > a.is-mnuactive {   
    box-shadow: inset 4px 0 0 #f48a5a;
    color: #494949;
    background: #f7a26259;
}*/

.cd-dropdown-content > .has-children > a.is-mnuactive {
    /*color: #494949;*/
    color: #d67118;
    /*background: #f7a26259;*/
    box-shadow: inset 4px 0 0 #f48a5a;
}

/*added by parth on 22/10/2020*/
.active > a::before, .active > a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    background: #ea6755 !important;
    transform-origin: 12px 50% !important;
    height: 3px !important;
    width: 13px !important;
}

/*Added by Parth on 30/11/2020  ref bug id 623 spine pms*/
.is-mnuactive::before, .is-mnuactive::after {
    background: #ea6755 !important;
    transform-origin: 12px 50% !important;
    height: 3px !important;
    width: 13px !important;
}

/*added by parth on 20/10/2020*/
.cd-secondary-dropdown li a:hover {
    color: #d67118 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.menu-icon {
    color: #e67e22;
}

/*Changed by parth on 20/10/2020*/
/*.cd-dropdown a:hover {
    color: #d67118 !important;    
}*/

/*.cd-dropdown a:hover {*/
.first-mnu-level a:hover {
    /*box-shadow: inset 4px 0 0 #f48a5a;*/
    color: #494949 !important;
    background: #f7a26259;
}

/* Changed by parth on 20/10/2020 */
/* hover effect for .cd-dropdown-content items with subnavigation */
/*.cd-dropdown-content > .has-children > a.is-active {
    color: #494949;
}*/

.cd-dropdown-content > .has-children > a.is-active {
    /* hover effect for .cd-dropdown-content items with subnavigation */
    /*box-shadow: inset 4px 0 0 #f48a5a;*/ /*commented by santosh v. */
    color: #494949;
    background: #ff7e1d5e;
}

/* Menu Search Box */
.cd-menu-search input {
    background-color: #fcdfc8;
    border: 1px solid #f68256;
}

/* Added 20-Jun-2019 */
/*Media Query (min-width: 1024px)*/
@media only screen and (min-width: 1024px) {
    .cd-dropdown-content .cd-secondary-dropdown > li > a {
        color: #d67118;
    }
    /* Scroll bar Color */
    .menu-details::-webkit-scrollbar-track {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        background-color: #F5F5F5;
        border-left: 3px solid white;
        border-right: 3px solid white;
    }

    .menu-details::-webkit-scrollbar {
        background-color: #F5F5F5;
    }

    .menu-details::-webkit-scrollbar-thumb {
        background-color: #ffbe96;
        border-radius: 10px;
    }
}

/* Added 20-Jun-2019 */
/*Media Query (max-width: 1023px)*/
@media only screen and (max-width: 1023px) {

    /* Added 20-Jun-2019 */
    /*Menu close button*/
    .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
        background-color: #d13a3a;
    }

    /* Added 20-Jun-2019 */
    /*Mobile screen Session Expire / Sign out menu*/
    .ul-Section {
        background: #ec944bf5;
    }

    /* Added 20-Jun-2019 */
    /*Mobile screen scroll bar first level*/
    .cd-dropdown-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .cd-dropdown-content::-webkit-scrollbar {
        background-color: #F5F5F5;
    }

    .cd-dropdown-content::-webkit-scrollbar-thumb {
        background-color: #ffb1a6;
    }

    /* Added 20-Jun-2019 */
    /*Mobile screen scroll bar second level*/
    .cd-secondary-dropdown::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .cd-secondary-dropdown::-webkit-scrollbar {
        background-color: #F5F5F5;
    }

    .cd-secondary-dropdown::-webkit-scrollbar-thumb {
        background-color: #ffb1a6;
    }

    /* Added 20-Jun-2019 */
    /*Mobile screen scroll bar third level*/
    .cd-thirdLevel-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .cd-thirdLevel-content::-webkit-scrollbar {
        background-color: #F5F5F5;
    }

    .cd-thirdLevel-content::-webkit-scrollbar-thumb {
        background-color: #ffb1a6;
    }

    /* Added 20-Jun-2019 */
    /*Mobile screen Menu Header*/
    .cd-dropdown h2 {
        color: #1d1d1d;
        background-color: #f5f5f5;
        border-bottom: 1px solid #242643;
    }
}

/*  --------- Main Dashboard  --------- */

/*Loaders*/
.cube1, .cube2 {
    background-color: #f89a66;
}

/* Header h4 */
h4 {
    color: #d67118;
}

.fa-eye {
    color: coral;
}

/*Thought of the day text color*/
.thought_text {
    color: coral;
}

/*Thought of the day Quote color*/
.fa-quote-left, .fa-quote-right {
    color: #daccb2;
}

/*Birthday Name Hover*/
a:hover {
    /*color: coral !important;*/
    color: #757575 !important;
}

/*Birthday Name Hover*/
.bday_user {
    color: #d67118;
}

    /* Added 20-Jun-2019 */
    /*Birthday Name */
    .bday_user a {
        color: #d67118;
    }

/*Clock Color*/
section .border-clock {
    border: 10px solid #f4958e;
}

section.clock .cercle {
    background-color: #fdfaf7;
    border: 2px solid #eb6444;
}

section.clock div.seconds::before {
    background-color: #eb6444;
}

section.clock div.minutes::before {
    background-color: #68c3d4;
}

section.clock div.hours::before {
    background-color: #68c3d4;
}

.date {
    background-color: #f6eee8;
}

/* Added 20-Jun-2019 */
section.border-clock {
    background-color: #ebeb83;
    border: 10px solid #f4958e;
}

/* Block Icon */
.dot {
    background-color: #ffc6b1;
}

/*Policy doc Download Icon*/
.download_icon {
    color: coral;
}

/*Policy doc Download Link*/
.link_text {
    /*color: #f7aa47;* /*commented by santosh v. on 23-Oct-2020*/
    color: #757575;
}

/* Policy Doc Document Icon*/
.corp-icon {
    color: #f3cba8;
}

/*Policy Doc Preview Word*/
.custPreview {
    color: #ea9844;
}

/* Added 20-Jun-2019 */
/*Policy Doc other document*/
.policydoc-otherdoc {
    color: #4c78b5;
}

/*Hint Popover*/
.custPopover {
    border: 1px solid white !important;
    background: #f3cba8 !important;
    color: #545a5c;
}

/*Hint Popover button*/
.custHideHint {
    background: #fb7c5b !important;
    color: white !important;
}

/*Calender arrow hover*/
.left_Calender:hover, .right_Calender:hover {
    background: #f89e60a6;
}

/*Calender arrow*/
.right_Calender, .left_Calender {
    color: #e66d5a;
    /*border: 2px solid #e76e5b !important;*/
    border: 2px solid transparent !important;
}

/* Added 20-Jun-2019 */
/*Calender Popover*/
.popover.top > .arrow:after {
    border-top-color: #f3cba8;
}

/* Added 20-Jun-2019 */
/*Calender today day number*/
.today > .day-number {
    background: #f9b7b0;
    color: white;
}

    /* Added 26-Jun-2019 */
    .today > .day-number > .inner-Day:hover {
        font-weight: bold;
        color: white !important;
    }

/* Added 20-Jun-2019 */
/*Calender header*/
.header {
    background-color: antiquewhite !important;
}

/* Added 20-Jun-2019 */
/*Calender shift code*/
.Cal-ShiftCode {
    background: #f9c682;
    color: white;
    border-radius: 65%;
    width: 16px;
    height: 15px;
}

/* Added 20-Jun-2019 */
/*Calender latemark*/
.Cal-IsLateMark {
    background: red;
    color: red;
    width: 8PX;
    height: 8PX;
}

/*Pending Approval Count*/
.icon_color {
    color: #d67118;
}

/*Rewards and Recognization*/
.event_title {
    color: coral !important;
}

/* Added 21-Jun-2019 */
/*Rewards and Recognization Carousel*/
.carousel-indicators li {
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid coral;
}

/* Added 21-Jun-2019 */
/*Rewards and Recognization Carousel Active*/
.carousel-indicators .active {
    background-color: coral;
}

/*Scroll bar*/
.style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar {
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb {
    background-color: #ffb1a6;
}

.style-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.style-6::-webkit-scrollbar {
    background-color: #d47417;
}

.style-6::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent);
}

/*Notification block*/
#divNotification #btnClearAll {
    background-color: transparent !important;
}

/*Notification block list*/
.notification_icon {
    color: #d67118;
}

/*Notification block name*/
.notification_name {
    color: #d67118;
}

/* Added 20-Jun-2019 */
/*Notification block clear all confirmation*/
.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

/*Vacancy Openings*/
.flip-box .back,
.flip-box .front {
    background-color: #efad4f8f;
}

.flip-box .back {
    background-color: #cce5ea;
}

.flip-box .content {
    color: #946d31;
}

/*Pending Approval List*/
.pending_name {
    color: #d67118;
}

/* Added 20-Jun-2019 */
/*Poll of the day*/
.btn-primary:hover {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}

/* Added 20-Jun-2019 */
/*TD Color*/
td.Poll-Res {
    background: #f99c613d;
}

/* --------- Spina --------- */
.spinaimg-circle {
    border: 4px solid #e76e5b;
    background-color: #ffffff;
    box-shadow: 4px 9px 22px 1px #9b9b9b;
}

.spina-btn-send {
    height: 33px;
    background: #e76e5b;
}

/* Added 20-Jun-2019 */
.small-chat-box .heading {
    border-bottom: 1px solid #eee;
    background: #ce562b;
    color: white;
}

/* Added 20-Jun-2019 */
.applyLink {
    background: #ffffffe0;
    border: 1px solid #f37250;
}
    /* Added 20-Jun-2019 */
    .applyLink:hover {
        background: #ff9d6354;
        border: 1px solid #e86c80;
    }

/* Added 20-Jun-2019 */
.applyLinkSmall {
    background: #ffffffe0;
    border: 1px solid #f37250;
}
    /* Added 20-Jun-2019 */
    .applyLinkSmall:visited {
        background-color: transparent;
    }

    /* Added 20-Jun-2019 */
    .applyLinkSmall:hover {
        background: #ff9d6354;
        border: 1px solid #e86c80;
    }

/* Added 20-Jun-2019 */
/*Loader*/
.sk-spinner-wave div {
    background-color: #e65353;
}

/* Added 26-Jun-2019 */
.tt-suggestion {
    background-color: #daa079;
}

    /* Added 26-Jun-2019 */
    .tt-suggestion.tt-cursor, .tt-suggestion:hover {
        color: #fff;
        background-color: #f48a6a;
    }

/* Added 20-Jun-2019 */
/*--------- Session Expiry Notification Message --------- */
.sessionExpNoti {
    background: whitesmoke;
    box-shadow: 7px 12px 10px 0 #4A4A4A;
    border: 1px solid #858585;
    border-top: 6px Solid #FF9555;
}
/* Added 01-Aug-2019 */
/*--------------- Leave Planner ----------------*/

#img_category_label select#ctl00_BodyContentPlaceHolder_cmbTeam {
    background: rgba(255, 255, 255, 0);
    border-color: #e8a175;
}

#tbEmployeeDays > .fa-calendar-alt, .fa-user {
    color: #e67e22;
}

#tbEmployeeDays .u_name {
    color: coral;
}

#tbEmployeeDays td.clsBold.weekday {
    background-color: #fdc7ca;
}

#tbEmployeeDays td.clsBold.sunday {
    background-color: burlywood;
}

#tbEmployeeDays td.clsBold.days {
    background-color: #fddacd;
}


#calendar .week-days, .lightThemebg {
    background-color: #fcdfc8 !important;
}


.leftcontent {
    /*background: #fff9f4;*/
}