/*
Elyxyr Version:1.0001-HP Copyright 2016  The Elyxyr Group Inc
*/
html {
    -ms-overflow-style: scrollbar;
}

@-ms-viewport {
    width: device-width;
}


.bg-theme-Primary {
    background-color: var(--fc-event-bg-color);
}

.fc .fc-list-event:hover td {
    color: var(--fc-e-event-hover-color);
   
}

.fc-v-event .fc-event-main, .fc-h-event .fc-event-main {
    color: var(--fc-e-event-color);
}

.fc-timegrid-event .fc-event-main, .fc-timegrid-event .fc-event-main {
    color: var(--fc-e-event-hover-color) !important;
}

.fc-v-event .fc-event-main.hover,
.fc-v-event .fc-event-main:hover,
.fc-v-event .fc-event-main:focus,
.fc-v-event .fc-event-main.focus,
.fc-h-event .fc-event-main.hover,
.fc-h-event .fc-event-main:hover,
.fc-h-event .fc-event-main:focus,
.fc-h-event .fc-event-main.focus {
    color: var(--fc-e-event-hover-color);
}

.btn-outline-primary {
    color: var(--cusc-theme-bg-color);
    border-color: var(--cusc-theme-bg-color);
}

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active,
    .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary.active {
        color: #fff !important;
        background-color: var(--cusc-theme-bg-color) !important;
        border-color: var(--cusc-theme-bg-color) !important;
    }

.btn-primary {
    color: #fff;
    background-color: var(--cusc-theme-bg-color);
    border-color: var(--cusc-theme-bg-color);
}

    .btn-primary.focus, .btn-primary:focus,
    .btn-primary.disabled, .btn-primary:disabled,
    .btn-primary.active, .btn-primary:active,
    .btn-primary.hover, .btn-primary:hover {
        color: #fff;
        background-color: var(--cusc-theme-bg-color);
        border-color: var(--cusc-theme-bg-color);
    }

.event-bgcolor {
    /*background-color: rgb(200,215,190);*/
    color: #000;
}

    .event-bgcolor:hover, .event-bgcolor:focus, .event-bgcolor.focus {
        background-color: var(--cusc-theme-bg-color);
        color: #fff !important;
    }
/* full calendar theming ends*/
/*For the dialogbox control*/
.ui-dialog-title {
    font-size: 18px !important;
    color: white !important;
}

.ui-dialog-titlebar {
    background: var(--cusc-theme-bg-color) !important;
}

.ui-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
}

    .ui-dialog .ui-dialog-buttonpane button.ui-button {
        border: 1px solid var(--cusc-theme-bg-color) !important;
        background: var(--cusc-theme-bg-color) !important;
    }

.ui-button-text {
    color: White !important;
}

.ui-dialog-buttonset {
    font-size: 15px !important; /* Or whatever smaller value works for you. */
}

/**/
#banner .menu {
    background-color:  var(--cusc-theme-bg-color);
    height: 30px;
}
/*Menuicon on Top*/
.menuIcons {
    color:  var(--cusc-theme-bg-color);
    font-size: 30px;
}

.panelHeadHeight {
    padding: 3px 15px !important;
}

.pop_header {
    color: white;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica;
    background-color:  var(--cusc-theme-bg-color);
    padding: 5px;
    text-align: center;
}
/*Back ground color on the top header*/
.newbg {
    /*background-color:  var(--cusc-theme-bg-color);*/ /*bell blue*/
    background-color:  var(--cusc-theme-bg-color); /*bell blue*/
}


/*Styles for report menu*/
.h3enhanced {
    margin-top: 3px;
    margin-bottom: 3px;
    text-shadow: 2px 2px 6px  var(--cusc-theme-bg-color);
}


/*Background color for table*/

/*Search result in table*/

/*This css is only datagrid, as we can't add thead in datagrid*/
/*Add Maintable class name to Datagrid only not gridview*/
.Maintable tr:first-child {
    font-weight: bold !important;
}

    .Maintable tr:first-child:hover {
        /*background-color:  var(--cusc-theme-bg-color) !important;*/
        background-color:  var(--cusc-theme-bg-color) !important;
    }

.table-autoWidth {
    width: auto !important;
}

.centerTable {
    margin-left: auto;
    margin-right: auto;
}

.headingRow {
    /*background-color:  var(--cusc-theme-bg-color);*/
    background-color:  var(--cusc-theme-bg-color) !important;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica; /*color:  var(--cusc-theme-bg-color);*/
    color: white;
    padding: 8px;
}

.searchList tr:nth-child(even) {
    background-color: #D3D3D3;
}

.searchList tr {
    line-height: 25px;
}

/*Gridview header style*/
.grid_header_bg {
    /*background-color:  var(--cusc-theme-bg-color) !important;*/
    background-color:  var(--cusc-theme-bg-color) !important;
    color: white;
    text-align: center !important;
}

/*styles for hr tag*/
.horizonatlRow {
    /*border-top: 2px solid  var(--cusc-theme-bg-color);*/
    border-top: 2px solid  var(--cusc-theme-bg-color);
}


/*Make the font-size of the datepicker to 14 as bootstrap affects the font-size*/
div.ui-datepicker {
    font-size: 14px;
}

/*Hyper Links and fonts style*/
FONT {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica;
}

    FONT.error, .error {
        color: red;
    }

.hyperLink {
    font-size: 13px;
    text-decoration: none;
}

    .hyperLink:hover {
        /* font-weight:bold;*/
        text-decoration: underline;
        /*color:  var(--cusc-theme-bg-color);*/
        color:  var(--cusc-theme-bg-color);
    }

.hyperLinkTextVisited {
    font-size: 13px;
    color:  var(--cusc-theme-bg-color) !important;
    font-weight: bold;
}

.hyperLinkText {
    font-size: 13px;
    /*color:  var(--cusc-theme-bg-color);*/
    color:  var(--cusc-theme-bg-color);
}

.footerLinkSeperator {
    color: black;
    font-weight: bolder !important;
    padding-left: 6px;
    padding-right: 6px;
}

.pageHeader {
    height: 60px;
    background: -webkit-linear-gradient(top,  var(--cusc-theme-bg-color), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom,  var(--cusc-theme-bg-color), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,  var(--cusc-theme-bg-color), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom,  var(--cusc-theme-bg-color), rgba(255,255,255,0)); /* Standard syntax (must be last)   */
}


.normalred {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica; /*color:  var(--cusc-theme-bg-color);*/
    color: var(--cus-text-small-bold) !important;
}

FONT.bold, .bold {
    font-weight: bold;
    color: var(--cus-text-small-bold); /*Gray*/
}

FONT.step {
    font-weight: bold;
    font-size: 20px;
}

.step {
    font-weight: bold;
    font-size: 20px;
    font-family: Verdana, Arial, Helvetica;
}

.headerText {
    color:  var(--cusc-theme-bg-color) !important;
    font-stretch: ultra-expanded !important;
}

.tblHeader {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica; /*color:  var(--cusc-theme-bg-color);*/
    color: white;
}

/*For calendar report*/
.bodyColor {
    background-color:  var(--cusc-theme-bg-color);
}

FONT.smallbold {
    font-weight: bold;
    font-size: 9px;
    color: var(--cus-text-small-bold);
}

/*Style for tooltip*/
.tooltip {
    /*border-bottom: 1px dotted #000000; */
    color: #000000;
    outline: none;
    text-decoration: none;
    position: relative;
}

    .tooltip span {
        margin-left: -999em;
        position: absolute;
        text-decoration: none;
    }

    .tooltip:hover span {
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0px;
        width: 250px;
        color: black;
        text-align: left;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
    }

    .tooltip:hover .imgatooltip {
        border: 0;
        margin: -10px 0 0 -55px;
        float: left;
        position: absolute;
        text-decoration: none;
    }


    .tooltip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
        font-weight: bold;
        text-decoration: none;
    }

.classic {
    padding: 0.8em 1em;
}

.custom {
    padding: 0.8em 0.8em 0.8em 2em;
}

* html a:hover {
    background: transparent;
}

.classic {
    background: #FFFFAA;
    border: 0px solid #FFAD33;
}

.critical {
    background: var(--cus-bg-critical);
    border: 1px solid var(--cus-bg-border-critical);
}

.help {
    background: var(--cus-bg-help);
    border: 0px solid var(--cus-border-help);
}

/*Styles for Dashboard*/
.normalDashoboard {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica;
}

/*Button color*/
.btnColor {
    background-color:  var(--cusc-theme-bg-color)!important;
    color: white!important;
}

    .btnColor:hover, .btnColor:focus, .btnColor.focus {
        background-color:  var(--cusc-theme-bg-color) !important;
        color: White !important;
        text-decoration: none !important;
    }

.switchBtn {
    color:  var(--cusc-theme-bg-color) !important;
}

.boldred {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica;
    color:  var(--cusc-theme-bg-color);
}

.boldredLink:link {
    font-weight: bold;
}

.boldredLink:visited {
    font-weight: bold;
    color:  var(--cusc-theme-bg-color);
}

.boldredLink:hover {
    font-weight: bold;
    color:  var(--cusc-theme-bg-color);
}

.boldredLink:active {
    font-weight: bold;
    color:  var(--cusc-theme-bg-color);
}

/*Panel color*/
.panel-heading {
    text-align: left;
}

.PanelPermits {
    background-color: var(--cus-bg-panel-permits) !important;
}

/*Picture Details Menu*/
.pictureDetailsMenu {
    background-color:  var(--cusc-theme-bg-color) !important;
}

    .pictureDetailsMenu .navbar-nav > li > a {
        color: white !important;
    }

        .pictureDetailsMenu .navbar-nav > li > a.selected {
            color: black !important;
        }


/*Start Page navigation*/
.nav-side-menu {
    overflow: auto;
    font-family: verdana;
    font-size: 13px;
    font-weight: 200;
    background-color: var(--cus-bg-nav-side-menu);
    top: 0px;
    color: var(--cus-nav-side-menu-color);
}

    .nav-side-menu ul, .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        cursor: pointer;
    }

    .nav-side-menu li {
        padding-left: 0px;
        border-left: 5px solid var(--cus-nav-side-menu-border-left);
        border-bottom: 1px solid var(--cus-nav-side-menu-border-bottom);
    }

        .nav-side-menu li a {
            text-decoration: none;
            color: var(--cus-nav-side-menu-color);
        }

        .nav-side-menu li:hover {
            border-left: 5px solid var(--cus-nav-side-menu-border-hover-left);
            background-color: var(--cus-nav-side-menu-hover-bg);
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }

.alert-disclaimer {
    background: var(--cus-bg-nav-side-menu) !important;
    border: none !important;
    border-radius: 0px !important;
    border-left: 5px solid var(--cus-alert-disclaimer-border-left) !important;
}


.elyxyr_logo {
    background-color: #F7EBEB; /*#FFFFE1;*/
    border-color: #EAB5B5; /*#E5DB55;*/
    border-style: solid;
    border-width: 1px;
    margin-top: 30px;
    width: 318px;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: -16px !important;
}

.parent_menu {
    font-family: Verdana,Arial,Helvetica;
    font-weight: bold;
    color: #00628F;
    font-size: 18px;
    text-decoration: none;
}

    .parent_menu hover {
        color: black;
    }

.child_menu {
    font-family: Verdana,Arial,Helvetica;
    font-weight: bold;
    color: #00628F;
    font-size: 16px;
    text-decoration: none;
}

.icon-bar {
    background-color:  var(--cusc-theme-bg-color) !important;
}

/*Footer for the start page*/

.loginHead {
    background-color: var(--bs-bg-primary) !important;
    color: #fff;
}

.footer-bs {
    background-color: #ddd; /*#DBEDC7*/
    color:  var(--cusc-theme-bg-color);
    margin-bottom: 0px;
    bottom: 5px !important;
    right: 10px !important;
    position: fixed !important;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 15px;
}

.footer-table {
    background-color: #ddd;
    color: var(--cus-text-small-bold);
    margin-bottom: 0px;
    bottom: 5px !important;
    right: 10px !important;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 15px;
}

.startPageFooterLinksSeperator {
    padding-left: 6px;
    padding-right: 6px;
}

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


.setPosition {
    position: fixed;
    bottom: 0px;
    right: 13.66666667%;
}

.registrationLabel {
    color: white;
    font-size: 30px;
    font-family: Verdana, Arial, Helvetica;
}


/*Tiny mce icon style*/
.mce-ico {
    font-family: 14px !important;
    width: 10px !important;
}


/*System admin menu*/
.subItem {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

    .subItem:hover {
        background-color: lightgray !important;
    }

/*loading text*/
.overlay_text {
    color: red;
    font-size: 30px;
    font-family: Verdana, Arial, Helvetica;
}

/*grid header center*/
.grid_header_center > th, .grid_header_center > td {
    text-align: center;
    vertical-align: middle !important;
}

/*grid_action_cell*/
.grid_action_cell {
    padding-top: 4px !important;
}

/*data table buttons*/
.dt-buttons {
    padding-bottom: 5px;
    padding-right: 5px;
}

/*normal weight lable*/
.normal_label label {
    font-weight: normal;
}

/*grid count*/
.grid_count {
    position: relative;
    top: 7px;
}

/*grid filter*/
.grid_filter {
    position: relative;
    top: 4px;
    padding-left: 2px;
}
/* SVG icon color */
.bi_cust {
    color:  var(--cusc-theme-bg-color); /*var(--bs-bg-primary) use by all clients*/
}

/* SVG icon position */
.bi_cust_pos {
    position: relative;
    top: 3px;
}

/* SVG icon color at header line */
.bi_cust_header {
    color: #fff;
}

/* sub heading*/
.occu_head2 {
    background-color: #DEDBD3;
}

.form-check-input:checked {
    background-color:  var(--cusc-theme-bg-color) !important;
    border-color:  var(--cusc-theme-bg-color) !important;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem #298f6025 !important;
}

.form-checkbox-red input[type="checkbox"]:checked {
    background-color: var(--cusc-theme-bg-color) !important;
    accent-color: var(--cusc-theme-bg-color) !important;
    border-color: var(--cusc-theme-bg-color) !important;
}
.normalredheader {
    font-size: 16px !important;
   
}
.MessageBoxZindex {
    z-index:1060!important;
}
.all-btn-color {
    border-color: var(--cusc-theme-bg-color) !important;
    color: var(--cusc-theme-bg-color) !important;
}

.text-theme-Primary-color {
    color: var(--cusc-theme-bg-color);
}
.modal-header .btn-close {
    filter: brightness(0) invert(1);
}