.preloaderTest
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../256x256.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Regular.eot');
    src: url('../fonts/silka/Silka-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Regular.woff2') format('woff2'), url('../fonts/silka/Silka-Regular.woff') format('woff'), url('../fonts/silka/Silka-Regular.ttf') format('truetype'), url('../fonts/silka/Silka-Regular.svg#Silka-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Bold.eot');
    src: url('../fonts/silka/Silka-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Bold.woff2') format('woff2'), url('../fonts/silka/Silka-Bold.woff') format('woff'), url('../fonts/silka/Silka-Bold.ttf') format('truetype'), url('../fonts/silka/Silka-Bold.svg#Silka-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Black.eot');
    src: url('../fonts/silka/Silka-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Black.woff2') format('woff2'), url('../fonts/silka/Silka-Black.woff') format('woff'), url('../fonts/silka/Silka-Black.ttf') format('truetype'), url('../fonts/silka/Silka-Black.svg#Silka-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka Extra';
    src: url('../fonts/silka/Silka-ExtraLight.eot');
    src: url('../fonts/silka/Silka-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-ExtraLight.woff2') format('woff2'), url('../fonts/silka/Silka-ExtraLight.woff') format('woff'), url('../fonts/silka/Silka-ExtraLight.ttf') format('truetype'), url('../fonts/silka/Silka-ExtraLight.svg#Silka-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Light.eot');
    src: url('../fonts/silka/Silka-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Light.woff2') format('woff2'), url('../fonts/silka/Silka-Light.woff') format('woff'), url('../fonts/silka/Silka-Light.ttf') format('truetype'), url('../fonts/silka/Silka-Light.svg#Silka-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Thin.eot');
    src: url('../fonts/silka/Silka-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Thin.woff2') format('woff2'), url('../fonts/silka/Silka-Thin.woff') format('woff'), url('../fonts/silka/Silka-Thin.ttf') format('truetype'), url('../fonts/silka/Silka-Thin.svg#Silka-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-SemiBold.eot');
    src: url('../fonts/silka/Silka-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-SemiBold.woff2') format('woff2'), url('../fonts/silka/Silka-SemiBold.woff') format('woff'), url('../fonts/silka/Silka-SemiBold.ttf') format('truetype'), url('../fonts/silka/Silka-SemiBold.svg#Silka-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Medium.eot');
    src: url('../fonts/silka/Silka-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Medium.woff2') format('woff2'), url('../fonts/silka/Silka-Medium.woff') format('woff'), url('../fonts/silka/Silka-Medium.ttf') format('truetype'), url('../fonts/silka/Silka-Medium.svg#Silka-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../fonts/silka/Silka-Regular_1.eot');
    src: url('../fonts/silka/Silka-Regular_1.eot?#iefix') format('embedded-opentype'), url('../fonts/silka/Silka-Regular_1.woff2') format('woff2'), url('../fonts/silka/Silka-Regular_1.woff') format('woff'), url('../fonts/silka/Silka-Regular_1.ttf') format('truetype'), url('../fonts/silka/Silka-Regular_1.svg#Silka-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 :root {
    --blue: #3688fc;
    --indigo: #727cf5;
    --purple: #6b5eae;
    --pink: #ff679b;
    --red: #fa6767;
    --orange: #ff9041;
    --yellow: #f9bc0d;
    --green: #42d29d;
    --teal: #02a8b5;
    --cyan: #44badc;
    --white: #fff;
    --gray: #98a6ad;
    --gray-dark: #343a40;
    --primary: #3688fc;
    --secondary: #919ca7;
    --success: #42d29d;
    --info: #44badc;
    --warning: #f9bc0d;
    --danger: #fa6767;
    --light: #eef2f7;
    --dark: #474d56;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1367px;
    --font-family-sans-serif: "inter", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --theme-text: #306BFF;
    /* new css */
    --body-bg-color: #ffffff;
    --theme-bg: #306BFF;
    --logo-theme-bg: #306BFF;
    --theme-bg-light: #3722bf26;
    --text-white: #fff;
    --text-dark: #241D4F;
    --theme-bg-dark: #241D4F;
    --primary-font: 'Silka';
    /* --sub-text-color: #8391a2; */
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #ECEFF5;
    --light-gray-color-bg: #ECEFF5;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --only-white: #ffffff;
    --side-nav-text-color: #241D4F;
    --edit-btn-bg: #00C4FA;
    --delete-btn-bg: #EB6459;
    --theme-bg-1: linear-gradient(to bottom, #ffffff 50%, var(--theme-bg) 50%);
    --theme-bg-2: linear-gradient(to bottom, #ffffff 50%, #1E9C85 50%);
    --theme-bg-3: linear-gradient(to bottom, #ffffff 50%, #A83319 50%);
    --theme-bg-4: linear-gradient(to bottom, #ffffff 50%, #1978D0 50%);
    --theme-bg-5: linear-gradient(to bottom, #ffffff 50%, #9B8E15 50%);
    --theme-bg-1-dark-mode: linear-gradient(to bottom, var(--theme-bg) 50%, #242424 50%);
    --theme-bg-2-dark-mode: linear-gradient(to bottom, #1E9C85 50%, #242424 50%);
    --theme-bg-3-dark-mode: linear-gradient(to bottom, #A83319 50%, #242424 50%);
    --theme-bg-4-dark-mode: linear-gradient(to bottom, #1978D0 50%, #242424 50%);
    --theme-bg-5-dark-mode: linear-gradient(to bottom, #9B8E15 50%, #242424 50%);
    /*  --theme-bg-1-dark-mode: linear-gradient(to bottom, #242424 0%, #306BFF 100%);
    --theme-bg-2-dark-mode: linear-gradient(to bottom, #242424 0%, #1E9C85 100%);
    --theme-bg-3-dark-mode: linear-gradient(to bottom, #242424 0%, #A83319 100%);
    --theme-bg-4-dark-mode: linear-gradient(to bottom, #242424 0%, #1978D0 100%);
    --theme-bg-5-dark-mode: linear-gradient(to bottom, #242424 0%, #9B8E15 100%); */
}

:root [data-theme="theme-1-dark"] {
    --body-bg-color: #242424;
    --theme-text: #306BFF;
    --theme-bg: #306BFF;
    --logo-theme-bg: #306BFF;
    --theme-bg-light: #3722bf26;
    --text-white: #000;
    --text-dark: #fff;
    --only-white: #ffffff;
    --theme-bg-dark: #ffffff;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #3A3A3A;
    --light-gray-color-bg: #3A3A3A;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #ffffff;
}


/* theme 2  */

:root [data-theme="theme-2"] {
    --body-bg-color: #ffffff;
    --theme-text: #1E9C85;
    --theme-bg: #1E9C85;
    --logo-theme-bg: #1E9C85;
    --theme-bg-light: #1d9a8326;
    --text-white: #fff;
    --text-dark: #241D4F;
    --theme-bg-dark: #241D4F;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #ECEFF5;
    --light-gray-color-bg: #ECEFF5;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #241D4F;
}

:root [data-theme="theme-2-dark"] {
    --body-bg-color: #242424;
    --theme-text: #1E9C85;
    --theme-bg: #1E9C85;
    --logo-theme-bg: #1E9C85;
    --theme-bg-light: #1d9a8326;
    --text-white: #000;
    --text-dark: #fff;
    --only-white: #ffffff;
    --theme-bg-dark: #ffffff;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #3A3A3A;
    --light-gray-color-bg: #3A3A3A;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #ffffff;
}


/* theme 2  */


/* theme 3  */

:root [data-theme="theme-3"] {
    --body-bg-color: #ffffff;
    --theme-text: #A83319;
    --theme-bg: #A83319;
    --logo-theme-bg: #A83319;
    --theme-bg-light: #a8331926;
    --text-white: #fff;
    --text-dark: #241D4F;
    --theme-bg-dark: #241D4F;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #ECEFF5;
    --light-gray-color-bg: #ECEFF5;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #241D4F;
}

:root [data-theme="theme-3-dark"] {
    --body-bg-color: #242424;
    --theme-text: #A83319;
    --theme-bg: #A83319;
    --logo-theme-bg: #A83319;
    --theme-bg-light: #a8331926;
    --text-white: #000;
    --text-dark: #fff;
    --only-white: #ffffff;
    --theme-bg-dark: #ffffff;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #3A3A3A;
    --light-gray-color-bg: #3A3A3A;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #ffffff;
}


/* theme 3  */


/* theme 4  */

:root [data-theme="theme-4"] {
    --body-bg-color: #ffffff;
    --theme-text: #1978D0;
    --theme-bg: #1978D0;
    --logo-theme-bg: #1978D0;
    --theme-bg-light: #1978d026;
    --text-white: #fff;
    --text-dark: #241D4F;
    --theme-bg-dark: #241D4F;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #ECEFF5;
    --light-gray-color-bg: #ECEFF5;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #241D4F;
}

:root [data-theme="theme-4-dark"] {
    --body-bg-color: #242424;
    --theme-text: #1978D0;
    --theme-bg: #1978D0;
    --logo-theme-bg: #1978D0;
    --theme-bg-light: #1978d026;
    --text-white: #000;
    --text-dark: #fff;
    --only-white: #ffffff;
    --theme-bg-dark: #ffffff;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #3A3A3A;
    --light-gray-color-bg: #3A3A3A;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #ffffff;
}


/* theme 4  */


/* theme 5  */

:root [data-theme="theme-5"] {
    --body-bg-color: #ffffff;
    --theme-text: #9B8E15;
    --theme-bg: #9B8E15;
    --logo-theme-bg: #9B8E15;
    --theme-bg-light: #9d901526;
    --text-white: #fff;
    --text-dark: #241D4F;
    --theme-bg-dark: #241D4F;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #ECEFF5;
    --light-gray-color-bg: #ECEFF5;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #241D4F;
}

:root [data-theme="theme-5-dark"] {
    --body-bg-color: #242424;
    --theme-text: #9B8E15;
    --theme-bg: #9B8E15;
    --logo-theme-bg: #9B8E15;
    --theme-bg-light: #9d901526;
    --text-white: #000;
    --text-dark: #fff;
    --only-white: #ffffff;
    --theme-bg-dark: #ffffff;
    --primary-font: 'Silka';
    --sub-text-color: #8E8D9A;
    --border-light-gray-color: #3A3A3A;
    --light-gray-color-bg: #3A3A3A;
    --text-gray: #A9B2C2;
    --theme-bg-gray: #A9B2C2;
    --custom-badge-bg: #BEB7E9;
    --label-text-color: #8E8D9A;
    --side-nav-text-color: #ffffff;
}


/* theme 5  */

svg.text-dark {
    fill: var(--text-dark) !important;
}

body {
    background: var(--body-bg-color);
}

.text-dark {
    color: var(--text-dark) !important;
}

.theme-bg {
    background: var(--theme-bg) !important;
}

.theme-bg-light {
    background-color: var(--theme-bg-light) !important;
}

.theme-bg-dark {
    background-color: var(--theme-bg-dark) !important;
}

.sub-text-color {
    color: var(--sub-text-color) !important;
}

.theme-bg-gray {
    background-color: var(--theme-bg-gray) !important;
}

.light-gray-color-bg {
    background-color: var(--light-gray-color-bg);
}

.theme-border {
    border: 1px solid var(--theme-bg) !important;
}

ul {
    padding: 0;
    list-style: none;
}

li {
    padding: 0;
    list-style: none;
}

.border-radius-6 {
    border-radius: 6px;
}

.btn-file {
    position: relative;
    overflow: hidden;
    background: #0f5ef7;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    padding: 10px 15px;
    font-family: 'Montserrat-SemiBold';
    width: 100px;
    text-align: center;
    margin-top: 15px;
}

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

.text-gray {
    color: var(--gray);
}

.calendar-table table tbody tr td,
.calendar-table table thead tr th {
    padding: 5px;
}

.dt-buttons {
    position: absolute;
    right: 37px;
    top: 22px;
}

.calendar-table table {
    margin-bottom: 0 !important;
}

.widget-calendar .e-height .fc-day-number {
    height: 190px;
}

.widget-calendar {
    clear: both;
}

.widget-calendar table {
    margin-bottom: 0 !important;
}

.widget-calendar table thead tr {
    background: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
}

.apply-btn {
    font-size: 0.875rem;
    line-height: 2.5;
    background-color: #0f5ef7;
    border-radius: 50% !important;
    color: white;
    margin-right: 5px;
    padding: 10px 12px;
}

.reset-btn {
    font-size: 0.875rem;
    line-height: 2.5;
    background-color: #FF5630;
    border-radius: 50% !important;
    color: white;
    margin-right: 5px;
    padding: 10px 12px;
}


/* Rating Star Widgets Style */

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul>li.star {
    display: inline-block;
}


/* Idle State of the stars */

.rating-stars ul>li.star>i.fa {
    font-size: 1.5em;
    /* Change the size of the stars */
    color: #ccc;
    /* Color on idle state */
}


/* Hover state of the stars */

.rating-stars ul>li.star.hover>i.fa {
    color: #FFCC36;
}

.dropdown-menu img:first-child {
    height: 50px !important;
    width: 50px !important;
}


/* Selected state of the stars */

.rating-stars ul>li.star.selected>i.fa {
    color: #FF912C;
}

.widget-calendar-day,
.widget-calendar-year,
.fc-header-toolbar .fc-center h2 {
    font-size: 14px !important;
    font-weight: 600;
    color: #0f5ef7 !important;
}

.colors ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: contents;
}

.colors li {
    margin: 0 20px 0 0;
    margin: 0 0 15px;
    width: 50%;
    float: left;
}

.modal_colors ul li {
    width: auto;
    margin-right: 8px;
}

.colors label {
    cursor: pointer;
}

.colors input {
    display: none;
}

.colors input[type="radio"]:checked+.swatch {
    box-shadow: inset 0 0 0 3px var(--light-gray-color-bg);
}

.swatch {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin: 0 5px 0 0;
    border: 1px solid var(--border-light-gray-color);
    border-radius: 5px;
}

.widget-calendar table {
    overflow: inherit;
}

.widget-calendar .fc-day-number {
    text-align: right;
    width: calc(100% - 5px);
    /*background: #efefef;*/
    height: 60px;
    border-radius: 10px;
    font-size: 12px;
    color: #666;
    padding-right: 5px;
}

.widget-calendar .fc-view-container {
    padding: 0 15px;
}

.fullcalendar-title {
    font-size: 14px !important;
    color: #0f5ef7;
    padding-top: 9px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 600;
}

.fullcalendar-btn-prev {
    background: #0f5ef7;
    border-radius: 15px 0 0 15px;
    border: none;
    margin-right: 2px !important;
}

.fullcalendar-btn-next {
    background: #0f5ef7;
    border-radius: 0 15px 15px 0;
    border: none;
}

.full-calender .fullcalendar-title {
    float: left;
    width: auto;
    /* padding-left: 20px; */
    /* line-height: 36px; */
    line-height: 42px;
    padding-top: 0;
    font-weight: bold !important;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
}

.choose-file div:hover {
    cursor: pointer !important;
}

.choose-file label {
    width: 100%;
    text-align: center;
    position: relative;
}

.absent-btn {
    background: #ed3a3a;
    color: #fff;
    padding: 5px 20px;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 12px 27px rgba(1, 28, 75, 0.07);
}


/* .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0f5ef7;
    background-color: #0f5ef7;
} */

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #EFF2F7;
    background-color: #E5E9F2;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.35rem;
    opacity: 0;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background: none;
}

.absent-btn:hover {
    color: #fff;
    background: #f74545;
}

.choose-file p {
    float: left;
    width: 60%;
    padding-left: 15px;
    font-size: 12px;
    padding-top: 10px;
    font-weight: 500;
}

input[type="file"] {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.choose-file div {
    color: #fff;
    background: var(--theme-bg-gray);
    border: none;
    border-radius: 10px !important;
    padding: 8px 15px;
    min-width: 100px;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 1650px) {
    .choose-file p {
        padding: 0;
        width: 100%;
    }
    .widget-calendar .e-height .fc-day-number {
        height: 120px;
    }
    .widget-calendar .fc-day-number {
        height: 95px;
    }
}

@media (max-width: 1359px) {
    .widget-calendar .fc-day-number {
        height: 52px;
    }
    .widget-calendar .e-height .fc-day-number {
        height: 95px;
    }
}

@media (max-width: 991px) {
    .fullcalendar-title {

        font-size: 12px !important;
        padding-top: 7px;
    }
    .widget-calendar .fc-view-container {
        padding: 0 5px;
    }
    .widget-calendar .fc th {
        padding: 5px;
    }
    .widget-calendar .fc-day-number {
        height: 40px;
    }
    .widget-calendar .e-height .fc-day-number {
        height: 80px;
    }
    ul.navbar-nav {
        background: var(--body-bg-color);
    }

}

@media (max-width: 767px) {
    .widget-calendar .fc-day-number {
        height: 60px;
    }
}

@media (max-width: 585px) {
    .fullcalendar-title {
        padding: 10px 0;
    }
}

@media (max-width: 479px) {
    .widget-calendar .fc th {
        font-size: 9px;
        text-align: center;
    }
    .widget-calendar .fc-day-number {
        height: 42px;
    }
}

.widget-calendar .e-height .fc-day-number {
    height: 35px !important;
}

.Permission {
    white-space: inherit !important;
}

.Permission a {
    margin: 5px 0px;
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
}

.page-title-right .my-auto {
    margin-top: 17px !important;
}

.page-title-right .my-auto.mt-0 {
    margin-top: 0px !important;
}


/*------------------------RotaGo-------*/

.add_shift1 {
    border: 0;
    background: none;
    text-align: center;
    display: block;
    width: 100%;
    /* margin: 0 auto; */
}

.add_rotas>i {
    background: #8492a633;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    height: 20px;
    width: 20px;
}

.add_rotas {
    position: absolute;
    right: 0;
    /* top: 5px; */
    top: auto;
    bottom: 0;
}

.work_sheet_table1 tbody tr td {
    position: relative;
}

.rotas_time1 {
    background: #ffffff8c;
    padding: 5px 5px 5px 10px;
    margin: 7px 60px 3px 0;
    text-align: left;
    transition-duration: 0.5s;
    border: 2px solid rgb(132, 146, 166);
    /* border-left: 3px solid rgb(132, 146, 166); */
    /* box-shadow: 0 0 1px 1px #0000006b; */
    min-height: 52px;
    margin-bottom: 5px;
}

.only_rotas {
    opacity: 0;
}

.rotas_time1:hover .only_rotas {
    opacity: 1;
}

.action-item {
    display: inline-block;
    font-size: 0.875rem;
    cursor: pointer;
    color: #8492A6;
    background: transparent;
    border: 0;
    padding: .25rem .25rem;
    transition: color 0.3s;
}

.only_rotas i {
    font-size: 10px;
    background: #8492a633;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    height: 20px;
    width: 20px;
}

.opacity-0 {
    opacity: 0%;
}

.opacity-50 {
    opacity: 50%;
}

.opacity-100 {
    opacity: 100%;
}

.weak-prev-left {
    color: #fff;
    height: 11px;
    width: 15px;
    line-height: 20px !important;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.weak-prev {
    padding-right: 2px;
}

.weak-left {
    padding-left: 2px;
}

.badge1 {
    color: #fff;
    font-size: 80%;
    font-weight: 700;
    text-align: center;
    height: 18px;
    width: 18px;
    line-height: 18px;
    border-radius: 100%;
    margin-bottom: 1px;
    display: inline-block;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 0px solid #3a87ad !important;
}

.custom-scroll {
    overflow: auto;
}

#employee_wise_totals_chart .position-bottom {
    right: 0px;
    position: absolute;
    left: 65px !important;
    top: auto;
    bottom: 10px;
}

.opacity-50 {
    opacity: 50%;
}

#card-element {
    border: 1px solid #E4E6FC;
    border-radius: 5px;
    padding: 10px;
}

body[data-layout=detached] .left-side-menu .side-nav .side-nav-link {
    color: #fff !important;
}

.table .thead-dark th {
    color: #fff !important;
    background-color: #0f3061;
    border-color: #144082;
}

.h4 {
    margin: 10px 0;
    font-weight: 400 !important;
}

.side-nav .menu-arrow {
    right: 20px !important;
}


/* .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 0px !important;
} */

body[data-layout=detached] .left-side-menu {
    min-width: 307px !important;
    max-width: 307px !important;
}

.tasks {
    width: 19rem !important;
}

.progress {
    height: 0.5rem !important;
}

.avatar-sm {
    height: 2rem !important;
    width: 2rem !important;
}


/* .custom-control-label {
    line-height: 1.8 !important;
} */

.employee-create {
    min-height: 350px !important;
}


/* menu chnage revert css*/

.navbar-custom {
    left: 250px !important;
    border: 1px solid var(--border-light-gray-color);
    border-top: 0;
}

.content-page {
    /* margin-left: 300px !important; */
    margin-left: 230px !important;
}

.left-side-menu {
    /* width: 300px !important; */
    width: 230px !important;
}


/* menu change revert close*/


/*  sidemenu */

.sidemenu li.side-nav-item a.side-nav-link.active {
    background: var(--theme-bg) !important;
    color: var(--only-white);
    border-radius: 10px;
}

.sidemenu li.side-nav-item a.side-nav-link span {
    font-weight: 600;
}

.sidemenu li.side-nav-item a.side-nav-link span.menu-arrow {
    font-weight: 600;
    position: absolute;
    right: 10px !important;
    top: 10px !important;
}

.sidemenu li.side-nav-item.mm-active a.side-nav-link.active img.icon_svg {
    display: block;
}

.sidemenu li.side-nav-item a.side-nav-link img.icon_svg {
    display: none;
}

.sidemenu li.side-nav-item.mm-active a.side-nav-link.active img.icon_svg_light {
    display: none;
}

.sidemenu li.side-nav-item a.side-nav-link img.icon_svg_light {
    display: block;
}

.sidemenu li.side-nav-item a.side-nav-link img {
    margin-right: 10px;
    width: 100%;
    max-width: 22px;
    float: left;
}

.sidemenu li.side-nav-item a.side-nav-link:hover img.icon_svg {
    display: block;
}

.sidemenu li.side-nav-item a.side-nav-link:hover img.icon_svg_light {
    display: none;
}

.hide_navigation {
    float: left;
    display: flex;
    align-items: center;
    /* min-height: 70px; */
}

.hide_navigation P {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    color: #D1DBED;
}

.page-title {
    color: var(--text-dark);
    font-size: 34px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 5px;
}


/* .dashboard_sec h5 {
    color: var(--theme-bg);
} */

.dashboard_sec h3 {
    color: var(--text-dark);
    font-size: 14px;
    margin: 5px 0 3px !important;
    /* padding: 4px 0 0 !important; */
}


/* .card.dashboard_sec {
    border-radius: 12px;
} */

h4.table-heading {
    color: var(--text-dark);
    font-size: 20px !important;
}

.custom_table {
    color: var(--theme-text);
}

.theme-text-color {
    color: var(--theme-text) !important;
}

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

.theme-reset-bg {
    background-color: #fa6767 !important;
}

.theme-edit-bg {
    background: var(--edit-btn-bg);
}

.send-btn-green {
    background-color: #98E717 !important;
}

.custom_table img {
    border-radius: 50%;
    width: 100%;
    max-width: 30px;
    margin-right: 10px;
    float: left;
}

.br_10 {
    border-radius: 10px !important;
}

.custom_table tr td {
    font-size: 13px;
}

.custom_table tr td span.badge {
    padding: 7px 14px;
    font-size: 13px;
}

.table-time-text {
    color: #EB6459;
    font-weight: bold;
}

.fullcalendar-btns .btn {
    background-color: #E0D2E8;
}

.fullcalendar-btns a {
    color: var(--theme-text) !important;
    font-weight: 800;
    border-radius: 8px !important;
}

.btn-group .fullcalendar-btn-prev:focus,
.btn-group .fullcalendar-btn-next:focus {
    outline: none;
    box-shadow: none;
}


/* td.fc-day-top span.fc-day-number {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.meeting-table img {
    max-width: 30px;
    border-radius: 50%;
}

.meeting-table tr td p {
    margin: 0%;
    display: inline-block;
}

.meeting-table tr td span.color-badge {
    width: 15px;
    height: 15px;
    background: var(--theme-bg);
    display: inline-block;
    margin-left: 7px;
    margin-bottom: -3px;
    border-radius: 50%;
}

.meeting-table tr td {
    color: #808191;
    font-weight: 700;
}

.meeting-table tr td.table_user_images span {
    width: 12px;
    display: inline-block;
}

.lang_select {
    padding: 0 10px 0 0;
    font-weight: bold;
    font-size: 16px;
}

.profile_sec {
    display: flex
}

.text-big {
    font-size: 24px !important;
    font-weight: 600 !important;
}


/* Assign Permissions */

a.create-button {
    color: #fff;
    padding: 12px 21px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 7px;
    display: flex;
    align-items: center;
    height: 45px;
    margin-left: 9px !important;
}

a.create-button:hover {
    color: #fff;
}

a.create-button img {
    width: 14px;
    margin-right: 7px;
}

.assign_search {
    position: relative;
    display: flex;
    align-items: center;
}

.assign_search input[type="search"] {
    padding: 7px 17px;
    height: 45px;
    border: 1px solid var(--theme-bg);
    border-radius: 7px;
    background: #fafbfe;
    color: var(--theme-bg-gray);
    font-weight: 800;
    margin-left: 20px;
}


/*data table search*/

.dataTables_filter input[type="search"] {
    padding: 7px 17px !important;
    height: 45px !important;
    border: 1px solid var(--border-light-gray-color) !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--text-gray) !important;
    font-weight: 500 !important;
    margin-left: 20px !important;
}


/*data table search end*/

.assign_search input[type="search"]::placeholder {
    color: var(--theme-bg-gray);
}

.assign_search input:focus-visible {
    outline: none;
}

.assign_search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.assign_search img {
    position: absolute;
    right: 15px;
    top: auto;
    bottom: auto;
}

.custom-card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-card-body h3.custom-card-title {
    margin: 0;
    font-size: 25px;
    padding: 15px
}

.custom-card-body .action-icon {
    color: var(--theme-bg);
    font-size: 17px;
    border: 2px solid var(--theme-bg-light);
    padding: 10px 20px;
    border-radius: 10px;
}

.custom-card-body .action-icon span img {
    width: 20px;
    margin-right: 3px;
}

.card-border-bottom {
    border-bottom: 1px solid var(--border-light-gray-color);
}

.permission_sec {
    padding: 1.5rem;
}

.btn.btn-theme {
    background: #E0D2E8;
    border-radius: 7px;
    margin: 6px 6px;
    font-weight: 700;
}

.permission_sec h4 {
    margin-bottom: 20px;
}

.user-card {
    width: 100%;
    display: flex;
    align-items: center;
}

.user-text h4 {
    font-size: 23px;
    margin-bottom: 7px !important;
}

.user-image {
    width: 100%;
    float: left;
    text-align: center;
}

.card-body.user-card-body {
    padding: 20px 20px 0;
}

.user-text {
    width: 100%;
    float: left;
}

span.user-lable {
    padding: 10px 12px;
    margin: 10px 10px 0;
    font-size: 16px;
    /* width: 100%; */
}

span.user-lable.upgrade_plan {
    padding: 0;
}

span.lable-dark img {
    width: 18px;
    margin-right: 7px;
}

span.lable-light {
    background: var(--theme-bg-light);
    border-radius: 7px;
}

.lable-dark {
    background: var(--theme-bg);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    margin-right: 10px;
    font-size: 16px;
    border-radius: 7px;
    width: 100%;
}

a.lable-dark:hover {
    color: #fff;
}

.lable-dark img {
    margin-right: 10px;
}

.edit_delete_btn {
    float: right;
}

.btn-edit-user {
    background: var(--edit-btn-bg);
    padding: 0;
    width: 35px;
    height: 35px;
    border-radius: 7px;
    text-align: center;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-delete-user {
    background: var(--delete-btn-bg);
}

.btn-edit-user img {
    width: 18px;
}

.btn-delete-user img {
    /* width: 13px; */
    width: 18px;
}

span.lable-dark a {
    color: #fff;
}

.user_detail ul {
    list-style: none;
    padding: 0;
}

.user_detail ul {
    width: 100%;
    float: left;
}

a.table-employee-id:hover {
    color: var(--theme-bg);
}

a.table-employee-id {
    padding: 0 !important;
    border: 1px solid var(--theme-bg);
    display: flex;
    align-items: center;
    height: 30px;
    color: var(--theme-bg);
    font-weight: bold;
    font-size: 19px;
    border-radius: 7px;
    width: 145px;
}

a.table-employee-id img {
    width: 30px;
    background: var(--theme-bg);
    padding: 9px 8px;
    height: 30px;
    margin-right: 0;
    border-radius: 6px 0px 0 6px;
}

.employee_table tbody tr td {
    color: #808191;
    font-weight: 700;
    vertical-align: middle;
}

.table .action-icon {
    color: #98a6ad;
    font-size: 1.2rem;
    display: inline-block;
    padding: 0 3px;
}

a.bg_gray {
    background: var(--theme-bg-gray);
}

a.action-icon {
    width: 35px;
    height: 35px;
    /* line-height: 1.2rem; */
    line-height: 27px;
    text-align: center;
    border-radius: 7px;
    color: #98a6ad;
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

a.action-icon.edit-permission-btn {
    width: auto;
    height: auto;
}

.action-icon img {
    /* width: 18px; */
    width: 13px;
}

.delete-btn img {
    width: 13px;
}

.edit-btn {
    background: var(--edit-btn-bg) !important;
}

.delete-btn {
    background: var(--delete-btn-bg) !important;
}

span.select2-selection__arrow {
    display: none;
}

.custon-dropdown .all-select-box {
    display: inline-flex;
    margin-left: 9px !important;
    border: 2px solid var(--border-light-gray-color);
    border-radius: 7px;
    position: relative;
    height: 45px;
}

.custon-dropdown .all-select-box .btn-box {
    display: flex;
    align-items: center;
    background: transparent;
    border-radius: 10px;
}

.custon-dropdown .all-select-box .btn-box label {
    margin: 0 15px 0 15px;
    white-space: nowrap;
    color: var(--theme-text);
}

.custon-dropdown .all-select-box .btn-box span.select2 span.select2-selection {
    background: var(--theme-bg);
    border: none;
}

.custon-dropdown .all-select-box .btn-box span.select2 span.select2-selection span.select2-selection__rendered {
    padding: 0 42px 0 21px;
    color: #fff;
}

.select2-results__options {
    width: 160px;
    left: 0;
    position: absolute;
    right: 0;
    margin: 0 auto;
}

.mm-active.modal-open .select2-results__options {
    left: 0;
    right: auto;
    position: absolute;
}

img.select_box_arrow {
    position: absolute;
    right: 6px;
    width: 20px;
}

.custon-dropdown .all-select-box.select2-dropdown {
    border: none;
}

.custon-dropdown .all-select-box.select-box-border {
    border: none;
}

a.reset_filter_btn {
    background: var(--theme-bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 7px;
    color: #fff;
    height: 44px;
}

a.reset_filter_btn:hover {
    color: #fff;
}

.reset_filter_btn span.btn-inner--icon img {
    width: 13px;
    margin-right: 8px;
}

.select-box-border_close {
    display: flex;
    align-items: center;
}

.custom-badge {
    color: var(--only-white);
    /* background-color: var(--custom-badge-bg); */
    background-color: var(--theme-bg);
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 7px !important;
    position: relative;
    top: -13px;
    font-weight: 500;
    text-transform: capitalize;
}

.user_name {
    margin: 0 0 25px 0;
    color: var(--text-dark);
    font-size: 24px;
}

a.table-employee-id.user-card {
    display: inline-block;
    width: auto !important;
    height: 31px;
    font-size: 13px;
    padding: 0px 10px 0 0 !important;
}

a.table-employee-id.user-card span {
    position: relative;
    top: 1px;
    padding-left: 7px;
    font-weight: 600;
}

.custom-card {
    border: 1px solid #F0F2F5 !important;
    box-sizing: border-box !important;
    box-shadow: 0px 0px 21px rgb(22 155 215 / 5%) !important;
    border-radius: 7px !important;
}

.create-button span.btn-inner--icon {
    font-size: 16px;
}

table tr th {
    font-weight: 500;
}

.entries_select_option {
    height: 40px;
    border: 1px solid var(--theme-bg);
    border-radius: 7px;
    display: flex;
    position: relative;
    align-items: center;
}

.entries_select_option label {
    margin: 0;
    padding: 0 12px;
    color: var(--theme-bg);
}

.entries_select_option select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #ffffff00;
    border: none;
    color: #fff;
    font-weight: 600;
    height: 40px;
    width: 75px;
    border-radius: 0 7px 7px 0;
    outline: none;
    padding: 0 0px 0px 13px;
    z-index: 9;
}


/*data table entry*/

.dataTables_length label {
    margin: 0 !important;
    border: 1px solid var(--border-light-gray-color) !important;
    padding: 0 !important;
    height: 45px !important;
    border-radius: 7px;
    display: flex;
    align-items: center;
}

.dataTables_length label span {
    height: 100%;
    display: flex;
    padding: 10px 14px;
    align-items: center;
    font-weight: 600;
    color: var(--theme-text);
    position: relative;
    font-size: 14px;
}

.dataTables_length select {
    border-color: var(--theme-bg) !important;
}

.dataTables_length select option {
    background-color: #fff !important;
    color: var(--theme-bg) !important;
}


/*data table entry end*/

.entries_select_option select:focus-visible {
    outline: none;
}

.arrow-white_select {
    position: absolute;
    right: 0;
    width: 75px;
    z-index: 0;
    background: #161c7f;
    height: 40px;
    padding: 0px 9px 0px 45px;
    border-radius: 0 7px 7px 0;
}

.entries_select_option select option {
    background-color: #fff;
    color: var(--theme-bg);
}

.custom_modal_header {
    width: 50%;
    float: left;
    margin-bottom: 0;
}

.form-control.custom_modal_header_input {
    border: none !important;
    font-size: 34px !important;
    padding: 32px 0 30px;
    color: var(--theme-text);
    font-weight: 600;
}

.modal-title {
    /* color: var(--theme-text); */
    font-size: 16px !important;
    padding: 5px 0 5px;
}

.form-control.custom_modal_header_input::placeholder {
    color: var(--theme-text);
}

.form-control.modal-title-custom {
    border: none;
    font-size: 34px;
    padding: 0;
    font-weight: 600;
    color: var(--theme-text) !important;
}

.form-control.modal-title-custom::placeholder {
    color: #838f9c !important;
    /* color: var(--theme-text) !important; */
}

.modal-header.custom-modal-header {
    padding: 0;
    border: none;
    height: 0;
}

.modal-content.custom-modal-content {
    position: relative;
    border-radius: 7px;
}

.close.custom-modal-close-btn {
    position: absolute;
    height: 60px;
    right: 30px;
    top: 17px;
    font-size: 35px;
    z-index: 999;
    opacity: 1;
}

label.form-control-label.form-control-label-custom {
    font-weight: 500;
    font-size: 14px;
}

.bt-1 {
    border-top: 1px solid var(--border-light-gray-color);
}

.assign_permission {
    font-weight: 500;
    font-size: 14px;
}

.modal-input-checkbox {
    width: 100%;
    display: inline-block;
}

.modal-input-checkbox tr td:nth-child(1) {
    width: 30%;
    font-weight: 600;
    color: var(--theme-text);
    display: block;
    float: left;
}

.modal-input-checkbox tr td:nth-child(2) {
    width: 80%;
    float: left;
    text-align: right;
}

.modal-input-checkbox tr {
    border: 2px solid var(--theme-bg-gray);
    margin-bottom: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
}

.modal-input-checkbox tr:nth-child(odd) {
    width: 49%;
    float: left;
}

.modal-input-checkbox tr:nth-child(even) {
    width: 49%;
    float: right;
}

.modal-input-checkbox-sub .custom-checkbox {
    display: inline-block;
    min-height: 23px;
    padding: 0;
    width: auto;
    margin: 5px 5px;
}

.modal-open[style] {
    padding: 0 !important;
}

.modal-last-btns span {
    text-align: right;
    float: right;
}


/* .modal-last-btns span {
    border-radius: 12px;
    width: 130px ;
    padding: 10px 32px;
    text-align: center;
    margin-left: 10px;
} */

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 560px !important;
        margin: 1.75rem auto;
    }
}

.modal-last-btns span img {
    width: 15px;
    position: absolute;
    top: 15px;
    left: 30px;
}

.modal-last-btns input.btn {
    color: #fff;
    font-weight: 600;
    border-radius: 7px;
    padding: 10px 27px 10px 46px;
    text-align: center;
    margin-left: 10px;
}

.modal-last-btns span {
    position: relative;
}

.modal-last-btns span .modal-create-btn-theme {
    color: #fff;
    font-weight: 600;
    border-radius: 7px;
    padding: 10px 27px 10px 46px;
    text-align: center;
}

.modal-last-btns span .modal-cancel-btn-danger.modal-btn-danger {
    background: #EB6459;
}

.form-group-input .form-group.form-group-name .form-control {
    border: none;
}

.form-group-input .form-group .form-control {
    /* border: 2px solid var(--theme-bg); */
    border: 2px solid var(--border-light-gray-color);
    background: transparent !important;
    border-radius: 7px;
    height: 45px;
}

.form-group .form-control {
    border: 2px solid var(--border-light-gray-color);
    /* border: 2px solid var(--theme-bg); */
    background: transparent !important;
    border-radius: 7px;
    height: auto !important;
    min-height: 45px !important;
    transition: 0.5s;
}

.form-group .form-control:focus {
    border: 2px solid var(--theme-bg);
    transition: 0.5s;
}


/* .form-group textarea.form-control {
    height: auto !important;
} */

.form-group .form-control.modal-title-custom {
    border: none !important;
}


/* input.form-control {
    border: 2px solid var(--theme-bg);
    background: #fff !important;
    border-radius: 7px;
    height: 45px !important;
} */

.form-group-input .form-group textarea.form-control {
    height: auto;
}

.form-group-input span.select2-selection.select2-selection--single {
    border: 2px solid var(--theme-bg);
    background: transparent !important;
    border-radius: 7px !important;
    height: 45px;
}

.form-group-input span.select2-selection.select2-selection--multiple {
    border: 2px solid var(--theme-bg) !important;
    background: transparent !important;
    border-radius: 7px !important;
    height: auto;
    min-height: 45px;
}


/* .select2-search__field {
    display: none;
} */

.select2-container--default .select2-search--dropdown {
    padding: 0px !important;
    background-color: #fff;
}

.form-group.user_role_drop_down {
    position: relative;
}

.form-group .user_role_drop_down_img {
    position: absolute;
    right: 22px;
    bottom: 10px;
    width: 20px;
}

.upgrade-table tbody tr {
    background: #fff !important;
    border: 1px solid #808191;
    border-radius: 7px !important;
}

.upgrade-table tbody tr td.plan_name,
.upgrade-table tbody tr td.plan_price {
    color: var(--theme-bg);
    font-weight: 600;
    font-size: 18px;
}

.upgrade-table tbody tr td.plan_user {
    color: #808191;
    font-weight: 500;
    font-size: 13px;
    border-left: 1px solid;
    vertical-align: middle;
}

.upgrade-table tbody tr td {
    width: 20%;
    vertical-align: middle;
}

.plan_choose a.rounded {
    border-radius: 7px !important;
}

.upgrade-table.upgrade-table-premium tbody tr {
    background-image: linear-gradient(to right, var(--theme-bg), #21108a, #2b1999, #3421a8, #3d2ab7) !important;
}

.upgrade-table.upgrade-table-premium tbody tr td.plan_name,
.upgrade-table.upgrade-table-premium tbody tr td.plan_price {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.upgrade-table.upgrade-table-premium tbody tr td.plan_user {
    color: #fff;
}

.upgrade-table.upgrade-table-premium tbody tr td.plan_choose {
    color: var(--theme-bg);
}

.upgrade-table.upgrade-table-premium tbody tr td.plan_choose .upgrade-button {
    border-radius: 7px;
}

.upgrade-table tbody tr td.plan_choose {
    text-align: right;
}

.upgrade-table tbody tr td.plan_choose .plan-done-btn {
    border-radius: 7px;
    text-align: right;
}

.salary_card .card-header .apply-btn {
    background: var(--theme-bg);
    border-radius: 7px !important;
    padding: 0;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.salary_card .card-header .apply-btn img {
    width: 100%;
    max-width: 24px;
}

.salary_card .card-header .header-title {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 14px;
}

.salary_card .card tr.theme-text-color th {
    font-weight: 600;
}

.filter-view-btn {
    padding: 10px 25px;
    border-radius: 7px;
    margin-left: 10px;
}

.filter-btn {
    background-color: var(--theme-bg-gray);
}

.view-btn {
    background-color: #00C4FA;
}

.month_lable .btn {
    border-radius: 7px !important;
    margin-left: 10px !important;
    padding: 6px 20px;
}

.custom-select2 span.select2.select2-container.select2-container--default {
    border: 1px solid var(--border-light-gray-color);
    border-radius: 7px;
}

.custom-select2 span.select2-selection.select2-selection--single {
    border: none !important;
}

.custom-select2 .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--theme-bg);
    font-weight: 600;
    line-height: 38px;
    text-transform: capitalize;
}

span.weak_go_html.weak_go_html {
    font-weight: 600;
    position: relative;
    top: -1px;
    font-size: 16px;
    width: 225px;
    text-align: center;
}

.table-icon-only .btn-primary {
    background: var(--theme-bg-gray);
    border: none;
    border-radius: 7px !important;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    line-height: 28px;
}

.table-icon-only .btn-primary:hover {
    background: var(--theme-bg);
}

.work_sheet_table_time {
    margin-top: 20px;
}

.work_sheet_table_time thead tr {
    background: var(--light-gray-color-bg);
}

.work_sheet_table_time thead tr th span:nth-child(1) {
    color: var(--theme-text);
    font-weight: 600;
    font-size: 16px;
}

.work_sheet_table_time thead tr th span {
    font-size: 16px;
}

.rotas_cteate_frm .form-group input.form-control {
    border: 2px solid var(--theme-bg);
    border-radius: 10px;
}

.rotas_cteate_frm .form-group textarea.form-control {
    border: 2px solid var(--theme-bg);
    border-radius: 10px;
    height: 40px;
}

.border-radius-7 {
    border-radius: 7px !important;
}

.input-group.input-group-sm.input-group-merge.input-group-flush {
    border: 1px solid var(--border-light-gray-color) !important;
    border-radius: 7px;
}

.input-group.input-group-sm.input-group-merge.input-group-flush input#project_keyword {
    border: none;
}

.bg-transparent {
    background: transparent !important;
}

.input-group-prepend span {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.mr-10 {
    margin-right: 10px;
}

.bg-gray {
    background: var(--light-gray-color-bg) !important;
    /* background: var(--body-bg-color) !important; */
}

.dark-bg-gray {
    background: #989898 !important;
}

.project-card h6 {
    padding: 0;
    font-weight: 600;
    font-size: 23px;
    text-transform: capitalize;
}

.project-card p {
    font-weight: 500;
    font-size: 15px;
}

.project-card .custom-badge-sec {
    padding: 10px 20px;
    font-weight: 500;
}

.custom-badge-sec {
    padding: 10px 20px !important;
    font-weight: 500 !important;
}

.img-dashed-bd {
    border: 2px dashed var(--dark);
    padding: 6px;
}

.badge.status-badge {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 7px;
    position: relative;
    top: -10px;
}

.project_grid_name a {
    font-size: 33px;
    font-weight: 600;
    color: var(--theme-text);
    text-transform: capitalize;
}

.bg-gray-btn {
    background: var(--theme-bg-gray);
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 1.5rem;
    border-radius: 10px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 30px;
}

.project-list tr th {
    font-weight: 600;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.custom-progress-bar {
    display: flex;
    align-items: center;
}

.avatar-group a.avatar {
    width: 12px;
    display: inline-block;
}

.card.job_role_card .flag-img {
    float: left;
    /* padding-right: 20px; */
    height: 70px;
    width: 70px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.card.job_role_card .flag-img img {
    width: 100%;
    max-width: 30px;
}

.chart_line img {
    width: 100%;
    max-width: 120px;
}

.card.job_role_card .job_role_text {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
}

.card.job_role_card .job_role_text h3 {
    margin: 0;
    font-size: 32px;
}

.card.job_role_card .job_role_card_p {
    margin: 11px 0 0;
    font-size: 12px;
}

.job_role_card_p_green {
    color: #98E717;
}

.job_role_card_p_red {
    color: #EB6459;
}

.badge.badge-active {
    background: #98E717;
    padding: 9px 10px !important;
    border-radius: 10px;
}

.job_title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: -10px;
}

.job_title span {
    margin-left: 20px;
}

.job_description p {
    margin-bottom: 8px;
}

.job_description p span.btn.btn-theme {
    padding: 3px 13px;
    font-size: 13px;
}

.job_description p span {
    margin-right: 6px;
}

.theme-border .bootstrap-tagsinput {
    border: 2px solid var(--theme-bg) !important;
    border-radius: 10px !important;
    width: 100%;
    height: 80px;
}

.custom_skill_placeholder .bootstrap-tagsinput input {
    padding: 7px 9px !important;
    width: inherit !important;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
    background: var(--theme-bg);
}

.note-editor.note-frame .note-editing-area .note-editable {
    height: 200px !important;
    margin-top: 15px;
}

.card-header.note-toolbar,
.note-popover .popover-content {
    border-radius: 10px !important;
}

.note-editor.note-frame {
    border: 3px solid var(--border-light-gray-color) !important;
    /* border: 2px solid var(--theme-bg) !important; */
    border-radius: 10px;
}

.note-toolbar.card-header {
    border-radius: 10px;
}

.note-editor.note-frame .note-statusbar {
    background-color: #f5f5f5;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.opacity-text {
    opacity: 0.7;
}

.opacity-full {
    opacity: 1;
}

.manage_plan_premium a {
    padding: 10px 20px;
}

.card ul.nav.nav-pills li.nav-item a {
    background: transparent;
    padding: 10px 30px;
}

.card ul.nav.nav-pills li.nav-item a.nav-link.active {
    background: var(--theme-bg);
}


/* .card ul.nav.nav-pills li.nav-item:first-child a.nav-link {
    border-radius: 7px 0 0 0 !important;
} */


/* .card ul.nav.nav-pills li.nav-item:last-child a.nav-link {
    border-radius: 0 7px 0 0 !important;
} */

.setting-card-body {
    box-shadow: 0px 0px 21px 0px #169bd70d;
    background-color: var(--body-bg-color);
    overflow: hidden;
    border-radius: 5px;
    padding: 20px 30px !important;
}

.card-border {
    border: 1px solid var(--border-light-gray-color) !important;
    border-radius: 10px !important;
}

h4.logo-card-title {
    padding: 15px 20px;
    font-size: 14px;
}

.logo_img_sec {
    margin: 25px 25px;
}

.logo_img {
    border: 1px solid var(--border-light-gray-color);
    border-radius: 10px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.logo-uploaded {
    max-width: 100%;
}

.logo_img_sec {
    color: var(--theme-bg-gray);
    font-size: 15px;
}

.form-control.theme_border {
    border: 1px solid var(--theme-bg);
}

.form-control.theme_border:focus {
    border: 1px solid var(--theme-bg);
}

.form-control.theme_border::placeholder {
    color: var(--theme-text);
}

.system-setting-card .form-group .form-control-label {
    font-weight: 500;
    font-size: 15px;
    line-height: 36px;
    color: #808191;
}

.system-setting-card span.select2-selection {
    border: 1px solid var(--theme-bg);
    display: flex;
    align-items: center;
    border-radius: 10px !important;
    height: 40px;
}

.system-setting-card .form-group {
    position: relative;
    font-weight: 600;
}

.system-setting-card .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--theme-text);
}

.system-setting-card .form-group img,
.system-setting-card .form-group svg {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: 18px;
}

input#employee_prefix {
    border: 2px solid var(--theme-bg);
    display: flex;
    align-items: center;
    border-radius: 10px;
    color: var(--theme-text);
    font-weight: 600;
    height: 40px;
}

input#requestid_prefix {
    border: 2px solid var(--theme-bg);
    display: flex;
    align-items: center;
    border-radius: 10px;
    color: var(--theme-text);
    font-weight: 600;
    height: 40px;
}

.radio-check-custom {
    height: 40px;
}

.company-setting .form-group .form-control-label.text-dark {
    color: #808191 !important;
    font-weight: 500;
}

.company-setting .form-group input.form-control {
    color: var(--theme-text);
    border: 2px solid var(--border-light-gray-color);
    border-radius: 10px;
}

.company-setting .form-group input.form-control::placeholder {
    color: var(--theme-text);
}

img.vector {
    width: 100%;
}

table.custom_table tbody.list tr {
    border-bottom: 1px solid var(--border-light-gray-color);
}

.employee-detail-body strong {
    color: var(--theme-text);
    display: block;
    float: left;
    margin-right: 14px;
}

.personal_detail_email .mail_overflow .info span {
    width: 125px;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    /* display: block; */
    float: left;
}

.employee-detail-wrap .card-header .header-title {
    color: #808191;
    font-weight: 600;
    margin: 0;
}

.employee-detail-wrap .employee-detail-body .info {
    padding: 6px 0px;
    display: inline-block;
}

.employee-detail-wrap .employee-detail-body .info span a {
    color: #808191;
}

.employee-create-custom .card-header .header-title {
    color: #808191;
    font-weight: 600;
    margin: 0;
}

.employee-create-custom .employee-detail-edit-body .form-group .form-control {
    /* border: 2px solid var(--theme-bg); */
    border: 2px solid var(--border-light-gray-color);
    border-radius: 10px;
    transition: 0.5s;
}

.employee-create-custom .employee-detail-edit-body .form-group .form-control:focus {
    border: 2px solid var(--theme-bg);
    transition: 0.5s;
    color: var(--theme-text);
}

.employee-edit-page span.select2-selection {
    border: 2px solid var(--theme-bg);
    display: flex;
    align-items: center;
    border-radius: 10px !important;
    height: 40px;
}

.shift-reports .select2-container .select2-selection--multiple {
    border: 2px solid var(--theme-bg) !important;
    /* height: 40px; */
    background-color: #fff;
}

.shift-reports .select2-container .select2-selection--single,
.shift-reports input.form-control {
    border: 2px solid var(--theme-bg) !important;
    height: 40px;
    background-color: transparent;
}

.select2-container--default .select2-selection--single,
.select2-selection.select2-selection--single,
.select2-container--default .select2-selection.select2-selection--multiple {
    /* border: 2px solid var(--theme-bg) !important; */
    border: 1px solid var(--border-light-gray-color) !important;
    /* height: 40px !important; */
    height: 45px !important;
    background-color: transparent;
    border-radius: 8px !important;
}

.shift-reports {
    align-items: flex-end;
}

.shift-reports .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--theme-bg);
}

img.table-search-icon {
    position: absolute;
    right: 31px;
    top: 12px;
    width: 19px;
    bottom: auto;
    display: flex;
    z-index: 9;
}

.table-responsive.search-icon-sec img.table-search-icon {
    position: absolute;
    top: 124px;
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--theme-bg);
    border: 1px solid var(--theme-bg);
}

.custom-switch .custom-control-label::before:focus {
    outline: none;
    box-shadow: none;
}


/* modal popup close button*/

.modal-header .close {
    padding: 1rem 0rem !important;
    margin: -2rem -1rem -1rem auto !important;
}

.custom-datepicker {
    /* border: 1px solid var(--theme-bg) !important; */
    border: 1px solid var(--border-light-gray-color) !important;
    height: 40px;
    background-color: #fff;
    border-radius: 10px !important;
}

.page-title-right .my-auto.my-auto-custom {
    margin-top: 27px !important;
}

.daterangepicker_input {
    position: relative;
}

.daterangepicker_input i {
    position: absolute;
    right: 14px;
    top: 17px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: var(--theme-text) !important;
    top: 27px !important;
    line-height: 16px !important;
}

table.dataTable.dtr-inline.collapsed>tbody.icon_center>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody.icon_center>tr>th.dtr-control:before {
    line-height: 18px !important;
}

.badge-success {
    background-color: #98E717 !important;
}

.rounded.rotas_time.rotas_time1.draggable-class.ui-sortable-handle.ui-draggable.ui-draggable-handle {
    width: 180px;
    float: left;
}

.m-list-active,
.m-list-active:hover,
.m-list-active:focus {
    background-color: var(--theme-text) !important;
}

.messenger-listView-tabs a,
.messenger-listView-tabs a:hover,
.messenger-listView-tabs a:focus {
    color: var(--theme-text) !important;
}

.m-header svg {
    color: var(--theme-text) !important;
}

.active-tab {
    border-bottom: 2px solid var(--theme-text) !important;
}

input.input_text {
    margin-top: 15px;
}

li.list-group-item.ui-sortable-handle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-control.custom-switch {
    margin-top: 20px;
}

.profile-img-upload {
    color: #fff;
    background: var(--theme-bg-gray);
    border: none;
    border-radius: 3px;
    padding: 8px 15px;
    min-width: 100px;
    font-size: 14px;
    font-weight: 600;
}


/* job application */

.datapicker_custom_class .all-select-box {
    border: 2px solid var(--theme-bg);
    padding: 0px 0 0 20px;
    border-radius: 10px;
}

.datapicker_custom_class .btn-box {
    display: flex;
    align-items: center;
}

.datapicker_custom_class .btn-box label.text-type {
    width: 160px;
    margin: 0;
    color: var(--theme-text);
}

.datapicker_custom_class .btn-box input.form-control {
    border: none;
    background: var(--theme-bg) !important;
    color: #FFF;
    padding-left: 22px !important;
    border-radius: 6px !important;
}

img.data_picker_arrow {
    position: absolute;
    right: 20px;
    width: 24px;
}

.datapicker_custom_class .all-select-box span.select2.select2-container.select2-container--default {
    width: 250px !important;
    border: none;
}

.datapicker_custom_class .all-select-box span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    border: none !important;
    background: var(--theme-bg);
    text-align: center;
    color: #fff !important;
    border-radius: 10px !important;
}

.datapicker_custom_class .all-select-box .select2-selection__rendered {
    color: #fff !important;
}

.custrom-task-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--body-bg-color) !important;
    border-radius: 10px 10px 0 0;
}

.task-header-count {
    padding: 7px 10px;
    font-size: 12px;
}

.tasks.task-card {
    border-radius: 10px;
}

.tasks.task-card {
    background: var(--body-bg-color) !important;
}

.date-card {
    padding: 6px 16px;
    font-size: 13px;
    border-radius: 10px;
}

.owner-text {
    padding: 6px 20px;
    border-radius: 10px;
}

.task-profile-name {
    margin-top: -18px;
}

.task-profile-name a {
    background: var(--text-gray);
    padding: 10px 20px;
    border-radius: 10px;
    color: var(--theme-bg);
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    width: auto;
}

.task-profile-name a:hover {
    color: var(--theme-bg);
}

.task-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-btns a {
    padding: 5px 10px;
    text-align: center;
    width: 35px;
    font-size: 16px;
    margin: 0 5px;
    height: 35px;
}

/* .task-btns a img {
    width: 100%;
    max-width: 30px;
} */

.task-card-body {
    background: var(--body-bg-color);
    border: 0.851449px solid var(--border-light-gray-color);
    box-sizing: border-box;
    /* box-shadow: 0px 0px 17.8804px rgb(22 155 215 / 5%); */
    border-radius: 5.96014px;
}

span.job_stage {
    background: #E9ECF1;
    border-radius: 7px;
    padding: 2px 11px;
    font-size: 11px;
    margin-left: 10px;
}

.job-stage-p-tag {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.custom_sortable li.list-group-item {
    margin-bottom: 20px;
    background: var(--body-ng-color);
    border: 0.851449px solid var(--border-light-gray-color);
    box-sizing: border-box;
    /* box-shadow: 0px 0px 17.8804px rgb(22 155 215 / 5%); */
    border-radius: 5.96014px;
}

.custom_sortable li.list-group-item.ui-sortable-helper {
    background: var(--body-ng-color);
    border: 0.851449px solid var(--border-light-gray-color);
    box-sizing: border-box;
    box-shadow: 0px 0px 17.8804px var(--theme-bg-light);
    border-radius: 5.96014px;
    transform: rotate(-0.84deg);
}

.ticket-reply .form-group .form-control {
    height: auto;
}

.chat-sec {
    display: flex;
    align-items: center;
}

.chat-sec h6 {
    padding-left: 12px;
    color: #808191;
}

.ticket-reply-card {
    background: var(--body-bg-color);
    border: 1px solid var(--border-light-gray-color);
    box-sizing: border-box;
    /* box-shadow: 0px 0px 21px rgb(22 155 215 / 5%); */
    border-radius: 7px;
    padding: 20px 30px;
    height: 70%;
    overflow: auto;
}

.ticket-reply-card .card {
    background: var(--body-bg-color);
    border: 1px solid var(--border-light-gray-color);
    box-sizing: border-box;
    box-shadow: 0px 0px 21px rgb(22 155 215 / 5%);
    border-radius: 7px;
}

.custom-pad {
    padding: 8px 30px;
    font-size: 18px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}


/* Track */

::-webkit-scrollbar-track {
    background: var(--theme-bg-gray);
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--theme-bg);
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: var(--theme-bg);
    border-radius: 6px;
}

.meeting-table tr td.d-flex a {
    width: 15px;
}

.menu-logo img {
    /* width: 100%; */
    max-width: 100%;
    height: 40px;
}

.menu-logo svg {
    /* width: 100%; */
    max-width: 100%;
    height: 50px;
}

.leave-badge .badge.badge-pill {
    padding: 10px 20px;
    border-radius: 7px;
}

.table .action-icon i.mdi.mdi-reply {
    color: #fff;
}

input.btn.btn-rounded.btn-primary {
    /* background-image: linar-gradient(to right, var(--theme-bg), #21108a, #2b1999, #3421a8, #3d2ab7); */
    background-color: var(--theme-bg);
    border-radius: 7px;
    border: none;
}

input.btn.btn-rounded.btn-danger {
    background-color: #fa6767 !important;
    border-radius: 7px;
    border: none;
}

.my-responsive-custom {
    margin-top: 15px;
}

input.btn.btn-success.btn-rounded {
    background-color: var(--theme-bg);
    border-radius: 7px;
    border: none;
}

.bd-none {
    border: none !important;
}

.datapicker_custom_class .btn-box input#month {
    /* width: 150px; */
    width: 100%;
}


/* clears the ‘X’ from Internet Explorer */

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}


/* clears the ‘X’ from Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.col-auto.my-auto.mb-0.mt-30,
.mt-30 {
    margin: 30px 0 0 !important;
}

.h-40 {
    height: 40px;
}

.alert.alert-icon.alert-group.alert-notify.alert-custom[style] {
    display: inline-block;
    margin: 0px auto !important;
    position: absolute !important;
    transition: all 0.5s ease-in-out 0s;
    z-index: 1080;
    width: 30% !important;
    top: 100px !important;
    right: 0 !important;
    left: 0 !important;
    border: none;
    border-radius: 6px;
}

a.stretched-link {
    color: var(--theme-bg);
    font-weight: 600;
    font-size: 16px;
}

a.stretched-link:hover {
    color: var(--theme-bg);
    font-weight: 600;
}

.media-body p.text-sm {
    color: #b3b3b3;
    font-weight: 500;
    font-size: 13px;
}

.list-group-item.text-primary .media i {
    color: var(--theme-bg);
}

.table-entries-select-2 #DataTables_Table_0_length span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    height: 40px !important;
    width: 63px;
    background: transparent;
}

.table-entries-select-2 #DataTables_Table_0_length span.select2.select2-container.select2-container--default {
    width: auto !important;
    z-index: 999;
}


/* img.table-arrows {
    position: absolute;
    right: 270px;
    z-index: 999;
    top: 13px;
    width: 20px;
} */

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    color: var(--theme-bg) !important;
}

img.table-arrows.table-arrows-mt {
    margin-top: 98px;
}

img.table-arrows.table-arrows-mt-87 {
    margin-top: 87px;
}

img.table-arrows.table-arrows-mt-80 {
    margin-top: 80px;
}

.table-responsive.search-icon-sec img.table-search-icon.table-search-icon-mt-118 {
    top: 118px;
}


/* .card-body .select2.select2-container.select2-container--default.select2-container--below {
    display: inline-block;
}
.select2.select2-container.select2-container--default.select2-container--focus {
    display: none;
}
span.select2.select2-hidden-accessible {
    height: auto !important;
    clip: unset !important;
    clip-path: unset !important;
} */


/* .card-body span.select2.select2-container.select2-container--default {
    display: none;
} */


/* small-calendar */

.small-calendar {
    width: 60%;
}

.small-calendar .fc-row.fc-widget-header {
    margin: 0 !important;
}

.small-calendar .fc-scroller.fc-day-grid-container[style] {
    height: 100% !important;
}

.star-section div {
    width: 50%;
    float: left;
    margin: -4px 0px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.star-section div h6 {
    width: 50%;
}

.star-section div i {
    margin: 0 3px;
}


/* .form-group-input span.select2-selection.select2-selection--multiple {
    height: auto !important;
} */

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--theme-bg) !important;
    border-radius: 7px !important;
}

li.side-nav-item a.nav-link:hover {
    color: var(--only-white) !important;
    background-color: var(--theme-bg) !important;
}


/* custom checkbox */

.custom-checkbox .custom-control-label::after {
    background-color: transparent !important;
}


/* .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--theme-bg-light) !important;

} */


/* custom checkbox */


/* custom switch */


/* .custom-switch .custom-control-label::after {
    background-color: #fff !important;
} */

#checkbox-preview .custom-switch .custom-control-label::after {
    background-color: var(--theme-bg-light) !important;
}

#checkbox-preview .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--white) !important;
}


/* custom switch */


/* custom radio */

.custom-radio-setting-page .custom-control-label::after {
    background-color: #808191;
    border-radius: 50%;
}

.custom-radio-setting-page.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: var(--theme-bg);
}


/* custom radio */

.second-menu-icon {
    margin-top: 12px !important;
}

.input_height {
    height: 45px;
    padding: 3px 0;
}

.month-btn {
    height: 45px !important;
}
input[type="month"] {
    appearance: none;
}

input[type="month"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    width: 15px;
    padding: 0px;
    margin: 0px;
}
::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1.875H12.375V0.625H11.125V1.875H4.875V0.625H3.625V1.875H3C2.3125 1.875 1.75 2.4375 1.75 3.125V13.125C1.75 13.8125 2.3125 14.375 3 14.375H13C13.6875 14.375 14.25 13.8125 14.25 13.125V3.125C14.25 2.4375 13.6875 1.875 13 1.875ZM13 13.125H3V5H13V13.125Z" fill="white"/></svg>');
  }
.modal_input {
    height: 40px !important;
}

.dataTables_length .custom-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    border: none !important;
    height: 45px !important;
    background-color: var(--theme-bg) !important;
    color: var(--only-white);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0 7px 7px 0px !important;
}

div.dataTables_wrapper div.dataTables_length label {
    background-color: transparent !important;
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(2rem + 2px) !important;
}

a.dropdown-item.notify-item.theme-text-color:hover {
    color: #fff !important;
}

.fc-view.fc-month-view.fc-basic-view {
    margin-top: 0;
}

.topnav .navbar .navbar-nav .nav-item .nav-link {
    padding: 10px 25px;
}

.topnav .navbar .navbar-nav .nav-item .nav-link.active {
    background-color: var(--theme-bg);
    color: #fff;
    /* border-radius: 7px; */
    padding: 10px 25px;
}

.topnav {
    background: #fff;
    padding: 0;
}

body.full_width .wrapper .content-page {
    margin-left: 0 !important;
}

body.full_width .navbar-custom {
    left: 20px !important;
}

.bootstrap-timepicker-widget table td input {
    background-color: var(--theme-bg) !important;
}

.setting_bar ul.navbar-nav li.nav-item.active a.nav-link {
    background-color: var(--theme-bg) !important;
    color: #fff;
    padding: 10px 25px;
}

.setting_bar ul.navbar-nav li.nav-item a.nav-link {
    padding: 10px 15px;
    background: transparent;
    white-space: nowrap;
    border: 1px solid var(--border-light-gray-color);
}

.setting_bar ul.navbar-nav li.nav-item.active a.nav-link:hover {
    color: #fff;
}

.setting_bar ul.navbar-nav li.nav-item a.nav-link:hover {
    color: var(--theme-bg);
}

.setting_bar ul.navbar-nav li.nav-item a.nav-link:hover {
    color: var(--theme-bg);
}

ul.navbar-nav {
    display: inline-block;
}

li.nav-item {
    float: left;
}

a.history_icon i {
    color: #fff;
    font-size: 14px;
}

.input_select_option span.select2-selection.select2-selection--multiple {
    color: var(--theme-text);
    /* border: 2px solid var(--theme-text) !important; */
    border: 2px solid var(--border-light-gray-color) !important;
    border-radius: 7px !important;
    height: auto !important;
    min-height: 45px !important;
}

.input_select_option .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 7px !important;
}

input.month-btn.form-control {
    border-radius: 6px !important;
}

.card.dashboard_sec svg {
    width: 100%;
    max-width: 70px;
    margin: auto;
    display: block;
}

.full_badge td .badge {
    width: 100% !important;
}

.table_badge td .badge {
    width: 110px !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.bio_card .info strong {
    width: 10%;
    float: left;
}

.bio_card .info span {
    width: 90%;
    float: left;
}

span.linkedin_profile {
    text-align: right;
    display: block;
    width: 100%;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.linkedin_profile a {
    color: var(--theme-text);
}

.ticket_user_name a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #838f9c;
}

.prev_next_text {
    width: auto;
    color: var(--theme-bg);
    height: 30px;
    line-height: 27px !important;
    border-radius: 20px;
}

.from_to_date {
    margin: 0 5px;
}

.dropzone_preview_image {
    width: 100%;
    max-width: 60px;
    height: 100%;
    max-height: 60px;
    object-fit: cover;
}

.practice_img {
    /* border: 2px solid var(--theme-bg) !important; */
    border: 2px solid var(--border-light-gray-color) !important;
    border-radius: 10px !important;
}

img.course_thumb_img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 15%;
    box-shadow: 0 0 35px 0 rgb(155 167 183 / 23%);
}

.practice_text {
    font-size: 17px !important;
}

.faqa_text {
    font-weight: bold !important;
    font-size: 17px !important;
}

.chapters_edit {
    margin-right: 3px !important;
}

span.select2.select2-container.select2-container--default.select2-container--disabled span.select2-selection.select2-selection--single {
    background: #e1e1e1 !important;
}

table.dataTable thead .sorting_none.sorting:before {
    background: none;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--theme-bg);
    border-radius: 10px 10px 0 0 !important;
    padding: 10px 25px;
}

.shift-reports .from_to_date input#daterangepicker1 {
    color: var(--theme-bg) !important;
    font-weight: bold;
    padding: 0 0px 0 10px;
    height: 45px;
    border: 2px solid var(--theme-bg) !important;
    border-radius: 7px;
    background-color: transparent;
}

.shift-reports .from_to_date input#daterangepicker1:focus {
    outline: none;
}


/* span.from_span {
    position: absolute;
    bottom: -31px;
    left: -92px;
    border: none !important;
    background: transparent;
    color: var(--theme-bg) !important;
    font-weight: bold;
    font-size: 16px;
} */

table.dataTable thead tr th.sorting:last-child:before {
    display: none;
}

table.dataTable thead tr th.sorting:last-child {
    padding-left: 15px;
}

.select2_placeholder .select2-search__field {
    height: 100%;
    display: block;
}

.select2_placeholder .select2-search__field::placeholder {
    color: #838f9c !important;
}

.select2_placeholder .select2-container .select2-search--inline .select2-search__field {
    margin-top: 10px !important;
}

.custom-control-label-toggle {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    color: var(--theme-bg-gray);
    padding: 7px 0 0px 50px;
}


/* #daterangepicker_right{
    right: 0 !important;
    left: auto !important;
} */

.side-nav-second-level li a {
    padding: 10px 20px !important;
    margin: 0 20px 5px;
    border-radius: 7px;
}

body .side-nav .mm-active>a {
    /* color: var(--text-white) !important; */
    color: var(--only-white) !important;
    background: var(--theme-bg);
    border-radius: 7px;
}

.hr_tabs li {
    margin-bottom: 10px;
    background: transparent;
}

.daterangepicker {
    width: auto !important;
    max-width: 253px !important;
    padding: 0 !important;
}

label.btn.bg-pale-green {
    background: green;
}

.side-nav-second-level .menu-arrow {
    right: 6rem !important;
}

fieldset,
label {
    margin: 0;
    padding: 0;
}

.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
    color: #FFED85;
}

#chart-container {
    font-family: Arial;
    height: auto;
    text-align: center;
    overflow-x: scroll !important;
}

.orgchart {
    background-image: none !important;
}

.orgchart .node .edge {
    display: none !important;
}


/*for accordion*/

.myaccordion {
    max-width: 526px;
    margin: 18px auto;
    box-shadow: 0 0 1px rgb(0 0 0 / 10%);
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
    border: none;
}

.myaccordion .card-header {
    border-bottom-color: #EDEFF0;
    background: transparent;
}

.myaccordion .fa-stack {
    font-size: 18px;
}

.myaccordion .btn {
    width: 100%;
    font-weight: bold;
    color: #004987;
    padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
    text-decoration: none;
}

.myaccordion li+li {
    margin-top: 10px;
}


/*end accordion*/

.timeline-box {
    margin: 0 !important;
    border-radius: 1.25rem !important;
}

.employee_table tbody tr {
    height: 60px;
}

span.dtr-data {
    margin-left: 20px;
}

.note-popover .popover-content .note-para .note-dropdown-menu,
.note-editor .note-toolbar .note-para .note-dropdown-menu {
    min-width: 238px !important;
}

.table_li tr.child td.child ul.dtr-details li {
    display: flex;
}

.table_td_flex tr td {
    margin-right: 40px;
    display: inline-block;
}

.table_td_flex tr td b {
    width: 85px;
    display: block;
}

i.text-white.fas.fa-ellipsis-h {
    line-height: 30px;
}

.modal_info strong {
    margin-right: 5px;
}

.badge {
    padding: 8px 12px !important;
}

img.attachment_image {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    object-fit: cover;
}

.attachment_table td {
    vertical-align: middle !important;
}

.messenger-list-item.m-list-active p {
    color: #fff !important;
}

span.far.fa-paperclip {
    padding: 5px 10px;
    line-height: 31px;
    font-size: 16px;
}

span.far.fa-paper-plane {
    color: var(--theme-bg);
    padding: 4px 16px;
    font-size: 20px;
}

.chat_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat_header nav.m-header-right a {
    padding-left: 10px;
}

ol {
    padding: 0px 20px;
}

.avatar-lg {
    object-fit: cover !important;
}

.custom_select2_height .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}

.select_user_checkbox {
    width: 33.33%;
    float: left;
}

.modal-body {
    overflow: hidden;
}

.show-calendar {
    /* padding: 20px 20px !important; */
    padding: 10px 10px !important;
}

.calendar.left {
    padding-right: 20px;
    margin-bottom: 20px;
}

.calendar.left.single {
    padding: 0;
}

.range_inputs {
    /* padding-left: 20px; */
    display: none;
}

.range_inputs button.applyBtn {
    background-color: var(--theme-bg);
    border: none;
    color: #fff;
}

.range_inputs button.cancelBtn {
    background: #EB6459;
    border: none;
    color: #fff;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 115px;
}

.card-body.custom-card-body {
    padding: 15px !important;
}


/* create and  edit form alignment css */

div.form-group-input>div.form-group>label {
    margin-left: 5px !important;
}

div.form-group-input>div.col-md-6>div.form-group>label {
    margin-left: 5px !important;
}

div.form-group-input>div>div.form-group>label {
    margin-left: 5px !important;
}

a.text-white.view-btn.filter-view-btn.float-right {
    padding: 12px 21px;
    padding-top: 12px;
    padding-right: 21px;
    padding-bottom: 12px;
    padding-left: 21px;
}

.show-infoSide i {
    color: var(--theme-bg) !important;
}


/* select2 */

.bootstrap-tagsinput {
    height: auto !important;
}

div.form-group>div.bootstrap-tagsinput>span.badge-primary {
    margin-top: 6px !important;
}

.mt-2>.row>.col-lg-4 {
    padding-bottom: 10px !important;
}

.mt-2>.row>.col-lg-6 {
    padding-bottom: 10px !important;
}

.alert-danger {
    background-color: #EB6459 !important;
}

.daterangepicker_input {
    position: relative;
    display: none;
}


/* non-editable */

.form-group-input .form-group .form-control.non-editable {
    background-color: var(--theme-bg-light) !important;
    color: #000;
}


/* Shift Planner reports */

.report_date {
    padding-bottom: 21px !important;
    padding-left: 111px !important;
}

input.custom_swich[data-switch]+label:before {
    content: 'disable';
}

input.custom_swich[data-switch]:checked+label:before {
    content: 'enable';
}

input.custom_swich[data-switch]+label:before {
    font-size: 10px;
}

input.custom_swich[data-switch]+label {
    width: 65px;
}

input.custom_swich[data-switch]:checked+label:after {
    left: 45px;
}

.datatable-length_hide .dataTables_length {
    display: none;
}

.datatable-search_hide .dataTables_filter {
    display: none;
}


/* allow, not allow switch */

.custom-switch.custom-switch-allow .custom-control-label::before {
    font-size: 10px;
    width: 70px;
    height: 30px;
    padding-top: 1px;
    border-radius: 100px;
}

.custom-switch.custom-switch-allow .custom-control-label::after {
    height: 25px;
    width: 25px;
    border-radius: 100%;
}

.custom-switch.custom-switch-allow .custom-control-label::before {
    content: 'Not \A Allowed';
    white-space: pre;
    text-align: right;
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 4px;
    font-size: 7px;
}

.custom-switch.custom-switch-allow .custom-control-label::after {
    left: calc(-2.25rem + 4px);
}

.custom-switch.custom-switch-allow .custom-control-input:checked~.custom-control-label::before {
    content: 'Allowed';
    /* white-space: pre; */
    text-align: left;
    padding-right: 0px;
    padding-left: 7px;
    padding-top: 8px;
    font-size: 8px;
}

.custom-switch.custom-switch-allow .custom-control-input:checked~.custom-control-label::after {
    left: calc(-46px + 30px);
}


/* Model scrolling css */

.modal {
    overflow: auto !important;
}


/* End */


/* manager dashboard# */

.manager_icons a {
    color: white;
    font-size: 20px;
    margin: 0px 8px;
}

.manager_icons a i {
    font-size: 16px;
    margin-top: 8px;
}

.custom-card .badge-outline-dark {
    padding: 12px 20px 10px!important;
}

.manager_icons .btn-edit-user:hover {
    color: #fff;
}

.all-select-box .leave_employee {
    text-align: initial !important;
    overflow: auto;
    height: 208px;
}

.Performance_rat {
    display: contents;
}

.leave_employee table {
    width: 100%;
}

.leave_employee table thead tr th:first-child {
    width: 50%;
}

.leave_employee table thead tr th {
    width: 25%;
}


/* End */


/* Employee online offline */

.activeStatus {
    width: 10px;
    height: 10px;
    background: #42d29d !important;
    border-radius: 7px;
    /* position: absolute; */
    transition: border .10s;
    /* margin-left: -18px;
    margin-top: 4px; */
    display: inline-block;
}

.inactiveStatus {
    width: 10px;
    height: 10px;
    background: #ff6400;
    /* background: #ff0000; */
    border-radius: 7px;
    transition: border .10s;
    display: inline-block;
}

/* End */


/* notification */

.custom_notification {
    max-height: 280px;
    overflow-y: auto;
}

/* End */
.WhosOut .beep {
    right: 8px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
    border: 1px solid #c3c3c3;
    background-color: #fff;
    color: #838f9c;
    position: absolute;
    z-index: 999;
    width: 170px;
    border-radius: 7px;
    margin-left: 7px;
    top: 9px;
}

.select2-container--open .select2-dropdown--below span.select2-results ul.select2-results__options {
    padding-top: 31px;
}

.select2-container--default .select2-results>.select2-results__options {
    margin-left: 0 !important;
}

.select2_option_widthss .select2-results__options {
    width: 100% !important;
}

#custom_filde img {
    margin: 20px auto;
    display: block;
}


/* Health Records Report  pie chart*/

.fixed_heigh_chart {
    height: 350px;
}

.slack_notification .list-group .list-group-item {
    position: relative;
    display: flex;
    padding: 20px 20px;
    background-color: var(--body-bg-color);
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--border-light-gray-color);
    border-radius: 7px;
    margin-bottom: 25px;
}

.slack_notification .list-group .list-group-item span {
    color: var(--theme-text);
    font-weight: 600;
}

.ticket_history .badge {
    width: 100% !important;
}


/* reCaptcha */


/* .form-group .iframe_wrapper{
    margin-top: 60px !important;
}
.iframe_wrapper>.g-recaptcha>div{
    margin: auto;
} */

.table.modal_body_table tr td a {
    display: table-caption;
}

a.add-to-favorite.favorite i {
    color: gold !important;
}

.bussines_switch input[type="checkbox"]:checked+label::before {
    content: 'enable';
}

.bussines_switch.custom-switch {
    padding-left: 0;
}

.bussines_switch input[type="checkbox"]+label {
    padding-left: 90px;
}

.bussines_switch input[type="checkbox"]+label::before {
    color: #474d56;
    content: 'disable';
    display: block;
    font-family: inherit;
    font-weight: 600;
    line-height: 22px;
    position: absolute;
    right: 3px;
    margin: 0 .21667rem;
    top: 0;
    text-align: center;
    min-width: 1.66667rem;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 65px;
    height: 24px;
    border-radius: 2rem;
    margin: 0;
    left: 0;
    font-size: 10px;
    padding: 0 0 0 17px;
    background-color: #f1f3fa;
    color: #474d56;
}

.bussines_switch input[type="checkbox"]:checked+label::before {
    content: 'enable';
    color: #fff;
    background-color: var(--theme-bg);
    padding: 0 19px 0 0;
}

.bussines_switch input[type="checkbox"]+label:after {
    content: '';
    position: absolute;
    left: 4px;
    right: auto;
    background-color: #adb5bd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2rem;
    height: 18px;
    width: 18px;
    top: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: unset !important;
    transform: unset !important;
}

.bussines_switch input[type="checkbox"]:checked+label:after {
    left: 44px;
}

.orgchart .nodes {
    top: 0 !important;
}

.Employment_Types.custom-switch {
    padding-left: 0;
}

.Employment_Types input[type="checkbox"]+label {
    padding-left: 90px;
}

.Employment_Types input[type="checkbox"]+label::before {
    color: #474d56;
    content: 'No';
    display: block;
    font-family: inherit;
    font-weight: 600;
    line-height: 22px;
    position: absolute;
    right: 3px;
    top: 0;
    text-align: center;
    min-width: 1.66667rem;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 65px;
    height: 24px;
    border-radius: 2rem;
    margin: 0;
    left: 0;
    font-size: 10px;
    padding: 0 0 0 17px;
    background-color: #f1f3fa;
}

.Employment_Types.allowed_text input[type="checkbox"]+label::before {
    content: 'Not Allowed';
}

.Employment_Types input[type="checkbox"]:checked+label::before {
    content: 'Yes';
    color: #fff;
    background-color: var(--theme-bg);
    padding: 0 19px 0 0;
}

.Employment_Types.allowed_text input[type="checkbox"]:checked+label::before {
    content: 'Allowed';
}

.Employment_Types input[type="checkbox"]+label:after {
    content: '';
    position: absolute;
    left: 4px;
    right: auto;
    background-color: #adb5bd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2rem;
    height: 18px;
    width: 18px;
    top: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: unset !important;
    transform: unset !important;
}

.Employment_Types input[type="checkbox"]:checked+label:after {
    left: 44px;
}

.orgchart .nodes {
    top: 0 !important;
}

.row.custom_module {
    padding: 0 15px;
}

.row.custom_module .custom-control.custom-checkbox {
    width: 33%;
    padding-top: 7px;
}

.readonly_module {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
}


/* .system_options li {
    margin-bottom: 10px !important;
} */

.system-setting-card_col .col {
    flex: 1 1 16%;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 70px;
}

.system-setting-card .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 70px;
}

tr.project-name-main {
    background: var(--theme-bg);
    color: #fff;
    width: 100%;
}

tr.timesheet-user.task-name-main {
    background: #f9f8f8;
    border-top: 2px solid #eef2f7;
}

tr.total_tr {
    color: var(--theme-bg);
}

span.total-task-time {
    color: var(--theme-bg);
}

.pagination_center {
    display: flex;
    justify-content: center;
}

.logo_img_sec .logo_img {
    position: relative;
}

.logo_img_sec .logo_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
}

.select2-search--hide {
    display: inherit !important;
}

.copy_family_item .repeater-remove-btn {
    display: none;
}


/* daterangepicker_right */

#daterangepicker_right {
    width: auto;
    min-width: 525px;
}

#daterangepicker_right .ranges ul {
    width: auto;
    display: flex;
    align-items: center;
}

#daterangepicker_right .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.custom-radio .custom-control-label::after {
    position: absolute;
    top: 3px;
    left: -25px !important;
    display: block;
    width: 16px !important;
    height: 16px !important;
    content: "";
    background: 50%/50% 50% no-repeat;
    background-color: var(--theme-bg-gray);
    border-radius: 4px;
}

.custom-radio-setting-page.custom-radio .custom-control-label::before {
    border-radius: 50%;
    z-index: 99;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    left: -21px !important;
    top: 7px;
}

.form-error label.error {
    position: absolute;
}

.password_suggestion {
    margin-top: 20px;
}


/*  */

.header_search {
    position: relative;
    margin-left: 30px;
}

.header_search input.header_search_input {
    border: 1px solid var(--border-light-gray-color);
    color: var(--text-dark);
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 6px;
    height: 42px;
    margin: 0;
    padding: 10px 15px 9px 15px;
    font-size: 14px;
    font-weight: 500;
    width: 300px;
    position: relative;
}

.header_search input.header_search_input:focus {
    outline: none;
}

.header_search input.header_search_input+label {
    color: var(--theme-text);
    font-size: 14px;
    position: absolute;
    left: 20px;
    top: 11px;
    font-family: var(--primary-font);
    font-weight: 500;
}

/* .header_search input.header_search_input+label:after {
    content: ' task...';
    color: var(--gray);
} */

.header_search i {
    position: absolute;
    right: 15px;
    top: 12px;
}


/* show the placeholder when input has no content (no content = invalid) */

.header_search input.header_search_input:invalid+label {
    display: inline-block;
}

.header_search input.header_search_input+label:hover {
    cursor: text;
}


/* hide the placeholder when input has some text typed in */

/* .header_search input.header_search_input:valid+label {
    display: none;
} */

.flag-icon {
    display: inline-block;
    line-height: 1em;
    border-radius: 50%;
    height: 18px !important;
    width: 18px !important;
    background-size: cover !important;
}

.lang_select {
    color: var(--sub-text-color) !important;
    font-weight: 500;
    font-size: 14px;
}

.lang_select p {
    margin: 0;
    padding: 0 4px 0 11px;
}

.border-gray {
    border: 1px solid var(--border-light-gray-color);
    box-sizing: border-box;
    border-radius: 6px;
}

.header_items {
    width: auto;
    height: 40px;
    padding: 6px 10px;
}

.header_items_width {
    width: 40px;
    padding: 1px 3px !important;
}

.header_items_width .noti-icon img {
    width: 100%;
    max-width: 21px;
}

.header_items_width.noti-icon i.noti-icon-main {
    font-size: 18px;
}

.quotes_text {
    padding-right: 50px;
    height: 70px;
    font-size: 14px;
}

.quotes_text_span {
    height: 83px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.card.quote_card .card-body {
    padding: 15px 20px;
}

.dashboard_sub_icons {
    height: 110px;
    width: 110px;
    margin: 0 !important;
    float: left;
}

.card_dashboard_sub_text {
    float: left;
    width: 50%;
    padding: 0 0px 0 15px;
}

.golden_hour_sub_img {
    width: 25px;
    height: 25px;
    margin-right: 8px;
}

.card.dashboard_sec .golden_hour_sub_img svg {
    width: 100%;
    height: 100%;
}

.city_heading {
    line-height: 13px;
}

.city_heading span {
    font-size: 14px;
}

.country_lat_long p {
    font-size: 12px;
}

.golden_hour span {
    font-size: 12px;
}

.golden_hour_sub_main {
    align-items: center;
    margin-right: 10px;
}

.golden_hour_sub_main span {
    font-size: 12px;
}

.total_record ul {
    width: 100%;
    display: inline-flex;
    margin: 0;
    align-items: center;
    justify-content: space-between;
}

.total_record ul li {
    width: auto;
    float: left;
}

.user_vector {
    width: 60px;
    height: 60px;
    padding: 5px 0px;
    margin: 0 !important;
}

.total_record {
    display: flex;
}

.total_record ul li h5 {
    font-size: 14px;
}

.total_record ul li h3 {
    font-size: 15px;
}

.card.shopping_tag {
    padding: 8px 12px;
}

.weekly_record {
    font-size: 11px;
    margin-top: 8px;
}

.task_blog_main {
    border: 1px solid var(--border-light-gray-color);
    border-radius: 7px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0 0 15px;
}

.event_blog_main {
    border-radius: 0;
    border-bottom: 0;
    margin: 0;
    width: 100%;
    display: inline-flex;
    padding: 15px 15px;
}

.task_blog_main.event_blog_main::before {
    content: "";
    border: none;
}

.task_blog_main::before {
    content: "";
    position: absolute;
    top: auto;
    left: 0px;
    right: auto;
    bottom: auto;
    border: 1px solid var(--theme-bg);
    border-radius: 70px;
    height: 65%;
}

.task_status {
    border: 1px solid var(--theme-text);
    display: inline-block;
    padding: 1px 10px;
    border-radius: 8px;
}

.task_status span {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--theme-text);
}

.task_heading h3 {
    font-size: 20px;
    color: var(--text-dark);
}

.task_description p {
    font-size: 12px;
    color: var(--text-dark);
}

.task_priority span {
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 12px;
    background-color: var(--theme-bg);
}

.task_priority {
    margin-bottom: 12px;
}

.task_date span {
    font-size: 14px;
    color: var(--text-dark);
}

.task_blog .task_blog_main:last-child {
    margin: 0;
}


/* Start task_in_progress */

.task_blog_main.task_in_progress {
    border: 1px solid var(--border-light-gray-color);
}

.task_blog_main.task_in_progress::before {
    border-left: 2px solid var(--theme-bg);
}

.task_blog_main.task_in_progress::before {
    border-left: 2px solid var(--theme-bg);
}

.task_in_progress .task_heading h3 {
    color: var(--text-dark);
}

.task_in_progress .task_description p {
    color: var(--text-dark);
}

.task_in_progress .task_date span {
    color: var(--text-dark);
}

.task_in_progress .task_status {
    border-left: 1px solid var(--theme-text);
}

.task_in_progress .task_status span {
    color: var(--theme-text);
}

.task_in_progress .task_priority span {
    background-color: var(--theme-bg);
}


/* End task_in_progress */


/* Start task_complete */

.task_blog_main.task_complete {
    border: 1px solid var(--sub-text-color);
    background-color: var(--border-light-gray-color);
}

.task_blog_main.task_complete::before {
    border-left: 2px solid var(--theme-bg);
}

.task_complete .task_heading h3 {
    color: var(--text-gray);
}

.task_complete .task_description p {
    color: var(--text-gray);
}

.task_complete .task_date span {
    color: var(--text-gray);
}

.task_blog_main.task_complete::before {
    border-left: 2px solid var(--theme-bg);
}

.task_complete .task_status {
    border-left: 1px solid var(--sub-text-color);
}

.task_complete .task_status span {
    color: var(--sub-text-color);
}


/* End task_complete */


/* Start task_most_complete */

.task_blog_main.task_most_complete {
    border: 1px solid var(--theme-bg);
    background-color: var(--light-gray-color-bg);
}

.task_blog_main.task_most_complete::before {
    border-left: 2px solid var(--theme-bg);
}

.task_most_complete .task_status span {
    color: var(--theme-bg);
}

.task_most_complete .task_status {
    border-left: 1px solid var(--theme-bg);
}

.task_most_complete .task_heading h3 {
    color: var(--text-dark);
}

.task_most_complete .task_description p {
    color: var(--text-dark);
}

.task_most_complete .task_date span {
    color: var(--text-dark);
}

.task_blog_main.task_most_complete::before {
    border-left: 2px solid var(--theme-bg);
}


/* End task_most_complete */

.absent_section_main {
    border: 1px solid var(--border-light-gray-color);
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0 0 15px;
    transition: 0.5s;
}

.absent_section_main:hover {
    background-color: var(--theme-bg);
    transition: 0.5s;
}

.absent_section_main:hover::before {
    border-color: var(--text-white);
}

/* .absent_section_main:hover .beep {
    background-color: var(--text-white);
} */

.absent_section_main:hover .employee_name h4,
.absent_section_main:hover .celebration_date,
.absent_section_main:hover .celebration_date span {
    color: var(--text-white);
}

.employee_name h4 {
    color: var(--text-dark);
    margin: 0;
    font-size: 14px;
    margin-left: 10px;
}

.absent_section {
    height: auto;
    max-height: 170px;
    min-height: 170px !important;
    overflow: auto;
    padding: 20px 20px;
}
.absent_section1 {
    height: auto;
    /* max-height: 170px; */
    min-height: 170px !important;
    overflow: auto;
    padding: 20px 20px;
}
/*
.thin_scroll::-webkit-scrollbar {
    width: 4px;
}

.thin_scroll::-webkit-scrollbar-thumb {
    background-color: darkgrey;
} */

.rounded-radius-circle {
    border-radius: 7px !important;
}

.celebration_date {
    display: grid;
    font-size: 12px;
    color: var(--text-dark);
}

.celebration_date span {
    color: var(--theme-text);
}

.employee_img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.employee_img_main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.employee_img_main .beep {
    position: absolute;
    width: 10px;
    height: 10px;
    /* background: var(--theme-bg); */
    right: -3px;
    top: -9px;
    border-radius: 50%;
    transition: 0.5s;
}

.event_title ul {
    width: 100%;
    display: inline-block;
    padding: 15px 16px 0;
    margin-bottom: 10px;
}

.event_title ul li.event_name {
    width: 35%;
    float: left;
}

.event_title ul li.event_status {
    width: 40%;
    float: left;
}

.event_title ul li.event_time {
    width: 25%;
    float: left;
}

.event_title ul li {
    color: var(--text-dark);
}

.event_title {
    border-bottom: 1px solid var(--border-light-gray-color);
}

.event_blog_name {
    width: 35%;
    float: left;
}

.event_blog_status {
    width: 40%;
    float: left;
}

.event_blog_time {
    width: 25%;
    float: left;
}

.event_blog_name .employee_img {
    justify-content: flex-start;
}

.task_priority_img a {
    margin-left: -20px;
    transition: 0.5s;
}

.task_priority_img:hover a {
    margin-left: -5px;
    transition: 0.5s;
}

.task_priority_img a img {
    border: 3px solid var(--light-gray-color-bg);
}

.search_field {
    width: 400px;
    position: relative;
    display: flex;
    align-items: center;
}


/* Manage Notes page */

.only_search_field {
    width: 255px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


/* start table search */

div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    top: -65px;
    right: 15px;
    left: auto;
}

.dataTables_length {
    position: absolute;
    right: 250px;
    top: -65px;
}


/* end table search */

.custom-select:focus {
    color: var(--text-white) !important;
}

.custom-select:hover {
    cursor: pointer;
}

.dataTables_wrapper .row:first-child .col-sm-12.col-md-6:first-child {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dataTables_wrapper .row:first-child .col-sm-12.col-md-6:last-child {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

table tr th {
    font-weight: 500 !important;
    font-size: 15px !important;
}

table tr td {
    font-weight: 500 !important;
}

table tr td p {
    margin-bottom: 5px;
}

table tr {
    border-bottom: 1px solid var(--border-light-gray-color);
}

.badge_border .badge {
    border: 1px solid var(--theme-bg);
    color: var(--theme-bg);
}

div.dataTables_wrapper div.dataTables_info {
    padding: 10px 20px 20px;
    color: var(--text-dark);
    font-weight: 500;
}

.pagination .paginate_button .page-link {
    border: transparent !important;
    font-weight: 500;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding: 0 20px;
}

.page-item .page-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

.priority_horizontal {
    position: absolute;
    left: -40px;
    transform: rotate(-90deg);
    top: 40px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


/* Track */

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: var(--theme-bg-gray);
}


/* Handle */

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: var(--theme-bg);
    border-radius: 10px;
}


/* Handle on hover */

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: var(--light-gray-color-bg);
    border-radius: 10px;
}

.custon-dropdown .all-select-box.m-0 {
    margin: 0 !important;
}

.row_5 .col {
    flex: 20%;
    max-width: 20%;
}

.setting_bar {
    height: 60px;
    padding: 0 !important;
}

.more_up_side_search_field .dataTables_wrapper .dataTables_length {
    top: -145px;
}

.more_up_side_search_field .dataTables_wrapper .dataTables_filter {
    top: -145px;
}

.attendance_table .dataTables_wrapper .dataTables_length,
.attendance_table .dataTables_wrapper .dataTables_filter {
    top: -160px;
}

.employee_detail_view {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    text-align: center;
}

.employee_detail_card {
    height: 240px;
}

.employee_detail_main {
    width: 100%;
    display: flex;
}

.employee_detail_card_img {
    width: 130px;
    float: left;
    height: 210px;
}

.employee_detail_card_text {
    width: 60%;
    float: left;
    text-align: left;
    padding: 15px 0px 0 25px;
}

.employee_detail_card_img img {
    width: 100%;
    height: 100%;
}

.employee_detail_card_text span.custom-badge {
    top: 0;
}

.employee_detail_card_text .user_name {
    padding: 15px 0 10px;
    /* height: 70px;
    min-height: 70px; */
    overflow: hidden;
}

.employee_detail_card_text p.detail_card_date {
    font-size: 14px;
    margin: 0 0 10px;
}

.employee_detail_card_text .work_form_home {
    font-size: 12px;
}

.company_details_main {
    width: 100%;
    display: flex;
}

.company_details_img {
    width: 100px;
    float: left;
    height: 210px;
    display: flex;
    align-items: center;
    border: 1px solid var(--border-light-gray-color);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 0 10px;
    margin-right: 12px;
}

.company_details_img svg {
    width: 100%;
    height: 80px;
}

.company_details_table {
    width: 83%;
    float: left;
    height: 210px;
    border: 1px solid var(--border-light-gray-color);
    border-radius: 6px;
}

.leave_employee table thead tr th {
    padding: 15px 20px;
}

.leave_employee table tbody tr td {
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 400 !important;
}

.leave_employee table tbody tr:last-child {
    border: none;
}

.performance_details {
    border: none;
    width: 70%;
}

.performance_details h4 {
    line-height: 25px;
    margin-top: 0;
    font-size: 14px;
    width: 50%;
}

.dataTables_info_hide .dataTables_info,
.dataTables_info_hide .dataTables_paginate,
.dataTables_search_hide .dataTables_filter,
.dataTables_length_hide .dataTables_length {
    display: none;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    vertical-align: middle;
}

.fix_table {
    min-height: 410px;
    max-height: 410px;
}

table.dataTable.mb-0 {
    margin-bottom: 0 !important;
}

.manager_dashboard_card {
    width: 100%;
    display: flex;
}

.manager_dashboard_card_img {
    width: 80px;
    height: 80px;
    float: left;
}

.manager_dashboard_card_img img {
    width: 100%;
    height: 100%;
}

.manager_dashboard_card_detail {
    width: auto;
    float: left;
    text-align: left;
    padding: 8px 10px;
}

.manager_dashboard_card_main .custom-badge {
    top: 0;
}

.manager_dashboard_card_detail .user_name {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manager_dashboard_card_detail p {
    font-size: 14px;
}

.project-info-inner b {
    font-weight: 500;
}

.fc-content-skeleton table tr {
    border: none;
}

.fc-toolbar.fc-header-toolbar {
    display: none;
}


/* .widget-calendar {
    padding: 15px 0;
} */

.widget-calendar .fc-view-container {
    padding: 0;
}

.shift-planner-page div.dataTables_wrapper .dataTables_filter {
    position: absolute;
    top: -200px;
    right: 0;
}

.planner_date {
    position: absolute !important;
    top: -138px;
    right: 255px;
    border: 1px solid var(--border-light-gray-color);
    box-sizing: border-box;
    border-radius: 7px;
    height: 45px;
    padding: 0 15px;
}

.work_sheet_table_time {
    padding-top: 15px;
}

table.dataTable.work_sheet_table_time thead tr th::before {
    content: "" !important;
    background: none !important;
}

.employee_section {
    width: 100%;
    padding: 15px 20px 0 30px;
}

.planner_working_hour {
    border: 1px solid var(--theme-bg);
    font-size: 14px;
    border-radius: 9px;
    margin-left: 20px;
    height: 30px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.planner_working_hour span {
    padding: 0px 10px;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

.planner_working_hour span.planner_working_hour_main {
    padding: 0 20px;
    font-weight: 700;
}

span.planner_employee_name {
    width: 80px;
    text-align: left;
}

.training_section ul li p {
    margin: 0 0 4px;
    font-size: 14px;
}

.training_date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.training_name h3 {
    font-size: 35px;
    font-weight: 600;
}

.training_date_main h4 {
    font-size: 17px;
    margin: 4px 0;
}

.training_date_main p {
    font-size: 15px;
    margin: 4px 0;
    font-weight: 500;
}

.training_date_main img {
    width: 100%;
    max-width: 30px;
}

.update_form label {
    font-weight: 500;
    font-size: 12px;
}

.training_section ul li {
    width: 50%;
    float: left;
}

.training_section ul {
    display: inline-block;
    width: 100%;
}

.covid_19_title h2 {
    font-size: 40px;
}

.covid_description p {
    font-size: 17px;
}

.covid_19_title {
    width: 220px;
    display: inline-block;
    white-space: nowrap;
    padding-right: 20px;
}

.health_card {
    padding: 10px 10px;
    display: flex;
    /* align-items: center; */
    height: 160px;
}

.health_card_img {
    width: 140px;
    height: 140px;
    padding: 20px 20px;
    float: left;
    margin: 0 !important;
    justify-content: center;
}

.health_cases {
    float: left;
    padding: 0px 20px;
}

.health_sub_text p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

.health_sub_text span {
    font-size: 22px;
    font-weight: 600;
    color: var(--text-dark);
}

.health_sub_text.health_small_sub_text p {
    font-size: 11px;
    height: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job_role_table div.dataTables_wrapper div.dataTables_filter,
.job_role_table div.dataTables_wrapper .dataTables_length {
    top: -266px;
}

.Whistleblowing_introduction {
    background: var(--light-gray-color-bg);
    border: 2px solid var(--theme-bg);
    box-sizing: border-box;
    border-radius: 7px;
    padding: 35px 35px;
}

.day_btn {
    background: var(--theme-bg-light) !important;
    border-radius: 5px !important;
    border: none !important;
    margin-left: 10px !important;
    color: var(--theme-bg) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
}

.day_btn.active {
    background-color: var(--theme-bg) !important;
    color: var(--white) !important;
}

.form-group-input .select2-container--below span.select2-selection {
    background: var(--light-gray-color-bg) !important;
    border: 1px solid var(--theme-bg) !important;
}

ul.nav.nav-pills.bg-nav-pills {
    background: var(--body-bg-color);
    border: 1px solid var(--border-light-gray-color);
    box-sizing: border-box;
    box-shadow: 0px 0px 21px rgb(22 155 215 / 5%);
    border-radius: 11px;
    overflow: hidden;
}

.employee_setting_bar ul.nav.nav-pills.bg-nav-pills {
    margin-top: 52px;
}

.employee_setting_bar a.nav-link,
.employee_setting_bar a.nav-link.active {
    border-radius: 0px !important;
    padding: 15px 30px 50px 30px;
    font-size: 14px;
}

.ip_table .dataTables_length,
.ip_table div.dataTables_filter {
    top: -44px !important;
}

.ticket_description {
    white-space: break-spaces !important;
    display: block;
    width: 600px;
}

.requests_table div.dataTables_wrapper div.dataTables_filter,
.requests_table div.dataTables_wrapper div.dataTables_length {
    /* top: -145px; */
    top: -137px;
}

.datatable-info-paginate_hide .dataTables_info,
.datatable-info-paginate_hide .dataTables_paginate {
    display: none;
}

label.form-control-label {
    color: var(--label-text-color) !important;
}


/* apexchart custom css */

.apexcharts-area {
    fill: none;
}

.apex-charts {
    min-height: 10px!important
}

.apex-charts text {
    font-family: 'Silka' !important;
    fill: #adb5bd
}

.apex-charts .apexcharts-canvas {
    margin: 0 auto
}

.apexcharts-tooltip-text,
.apexcharts-tooltip-title {
    font-family: 'Silka' !important
}

.apexcharts-legend-series {
    font-weight: 600
}


/* .apexcharts-gridline {
	pointer-events: none;
	stroke: #f9f9fd
} */

.apexcharts-legend-text {
    color: #98a6ad!important;
    font-family: 'Silka' !important
}

.apexcharts-xaxis text,
.apexcharts-yaxis text {
    font-family: 'Silka' !important;
    fill: #adb5bd
}

.apexcharts-point-annotations text,
.apexcharts-xaxis-annotations text,
.apexcharts-yaxis-annotations text {
    fill: #fff
}

.apexcharts-radar-series polygon {
    fill: transparent;
    stroke: #dee2e6
}

.apexcharts-radar-series line {
    stroke: #dee2e6
}

.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value,
.apexcharts-pie-label {
    fill: #fff!important
}

.apexcharts-datalabels-group text {
    fill: #adb5bd!important;
    font-size: 13px;
}

.scatter-images-chart .apexcharts-legend {
    overflow: hidden!important;
    min-height: 17px
}

.scatter-images-chart .apexcharts-legend-marker {
    background: 0 0!important;
    margin-right: 7px!important
}

.scatter-images-chart .apexcharts-legend-series {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.apexcharts-pie-series path {
    stroke: transparent!important
}

.apexcharts-track path {
    stroke: #edeff1
}

#daily_totals .apexcharts-area-series .apexcharts-area,
#monthly_totals_chart .apexcharts-area-series .apexcharts-area,
#chart .apexcharts-area-series .apexcharts-area {
    pointer-events: none;
    stroke-width: 2px !important;
}

#daily_totals .apexcharts-series.Hours .apexcharts-marker,
#monthly_totals_chart .apexcharts-series.Hours .apexcharts-marker,
#chart .apexcharts-series.Hours .apexcharts-marker {
    fill: #fff;
    stroke: var(--theme-bg);
    stroke-width: 7px;
    opacity: 0.8;
}

#daily_totals .apexcharts-series.Cost .apexcharts-marker,
#monthly_totals_chart .apexcharts-series.Cost .apexcharts-marker,
#chart .apexcharts-series.Cost .apexcharts-marker {
    fill: #fff;
    stroke: var(--delete-btn-bg);
    opacity: 0.8;
    stroke-width: 7px;
}

#daily_totals .apexcharts-tooltip.light,
#monthly_totals_chart .apexcharts-tooltip.light,
#chart .apexcharts-tooltip.light {
    border: none !important;
    /* background-image: url(../img/chart_label.svg) !important; */
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    background-color: var(--theme-bg) !important;
    border-radius: 10px;
    box-shadow: none;
    width: 190px;
    height: 60px;
    padding: 10px 10px;
}

#daily_totals .apexcharts-tooltip-title,
#monthly_totals_chart .apexcharts-tooltip-title,
#chart .apexcharts-tooltip-title {
    padding: 6px;
    font-size: 15px;
    margin-bottom: 4px;
    float: left;
}

#daily_totals .apexcharts-tooltip.light .apexcharts-tooltip-title,
#monthly_totals_chart .apexcharts-tooltip.light .apexcharts-tooltip-title,
#chart .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: var(--body-bg-color) !important;
    border-bottom: none !important;
    margin: 0 !important;
    border-radius: 7px;
    height: 40px;
    width: 40px;
    white-space: break-spaces;
    overflow: hidden;
    padding: 2px 5px;
    color: var(--text-dark);
    font-weight: 600;
}

#daily_totals .apexcharts-tooltip,
#monthly_totals_chart .apexcharts-tooltip,
#chart .apexcharts-tooltip {
    border-radius: 5px;
}

#daily_totals .apexcharts-tooltip-series-group,
#monthly_totals_chart .apexcharts-tooltip-series-group,
#chart .apexcharts-tooltip-series-group {
    padding: 0px 10px 0px 10px !important;
    line-height: 10px !important;
    overflow: hidden;
}

#daily_totals .apexcharts-tooltip-y-group span,
#monthly_totals_chart .apexcharts-tooltip-y-group span,
#chart .apexcharts-tooltip-y-group span {
    color: #fff;
    font-weight: 600;
}

#daily_totals .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker,
#monthly_totals_chart .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker,
#chart .apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
    display: none;
}


/* leave chart */

#leave_totals_chart .apexcharts-bar-series .apexcharts-series path,
#employee_leave_totals_chart .apexcharts-bar-series .apexcharts-series path,
#chart .apexcharts-bar-series .apexcharts-series path {
    fill: var(--theme-bg) !important;
}


/* only chart */

#health_records_chart .apexcharts-radialbar g#apexcharts-series-0 path {
    stroke: var(--theme-bg) !important;
}

#health_records_chart .apexcharts-radialbar g#apexcharts-series-1 path {
    stroke: var(--danger) !important;
}

#health_records_chart .apexcharts-radialbar g#apexcharts-series-2 path {
    stroke: var(--secondary) !important;
}

#health_records_chart .apexcharts-radialbar g#apexcharts-series-3 path {
    stroke: var(--theme-bg-dark) !important;
}

.manage_attendance_table div.dataTables_wrapper div.dataTables_filter,
.manage_attendance_table div.dataTables_wrapper div.dataTables_length {
    /* top: -252px; */
    top: -237px;
}

.manage_attendance_table_2 div.dataTables_wrapper div.dataTables_filter,
.manage_attendance_table_2 div.dataTables_wrapper div.dataTables_length {
    top: -253px;
}

.page-title-right .all-button-box {
    padding-right: 15px;
}

.invite_card .card-body {
    display: flex;
    align-items: center;
}

.invite_btn {
    padding: 0 0 0 20px;
    text-align: left;
}

.invite_btn button.btn-primary {
    background: var(--theme-bg) !important;
    box-shadow: none !important;
    border: none;
    color: var(--text-white);
}

.invite_btn button {
    font-weight: 600;
    background-color: var(--light-gray-color-bg);
    color: var(--theme-text);
}

.project_task_table tr th,
.project_task_table tr td {
    white-space: nowrap;
}

#report-dataTable_wrapper .dataTable {
    border-collapse: collapse!important;
    margin-bottom: 15px!important;
    margin-top: 0px!important;
    clear: both;
    max-width: none !important;
    border-spacing: 0;
}

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

.task_card .task-name-break {
    text-transform: capitalize;
}

.plan_view_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
}

.holiday_table div.dataTables_wrapper div.dataTables_filter,
.holiday_table div.dataTables_wrapper div.dataTables_length {
    top: -234px;
}

.salary_card .card-header a {
    width: 45px;
    height: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

.salary_card .card-header img.salary_card_img {
    width: 19px;
}

.checkbox_main {
    border: 2px solid var(--theme-bg-gray);
    margin-bottom: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin: 0 10px 20px 10px;
}

.module_name {
    width: 100%;
    font-weight: 600;
    color: var(--theme-text);
    display: block;
    float: left;
}

.user_card_edit_delete {
    position: absolute;
    top: auto;
    bottom: -19px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

.user_card_edit_delete .edit_delete_btn {
    float: none;
}

.space-break {
    white-space: break-spaces !important;
}

form.setting_dropdown {
    /* position: absolute; */
    right: 0;
    z-index: 9;
}


/* .btn-group-colors {
    display: none;
} */

.pct-customizer.active {
    right: 0;
}

.pct-customizer {
    /* position: fixed; */
    /* right: -360px;
    top: 160px; */
    z-index: 1025;
    transition: all 0.15s ease-in-out;
}

.pct-customizer.active .pct-c-btn {
    padding-right: 0;
}

.pct-customizer .pct-c-btn {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    transition: all 0.15s ease-in-out;
}

.pct-customizer .pct-c-btn .btn {
    border-radius: 8px 0 0 8px;
    box-shadow: 0 9px 9px -1px var(--theme-bg-light);
    height: 60px;
    padding: 0;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* .pct-customizer .pct-c-content {
    overflow: hidden;
    border-radius: 0 0 0 4px;
    box-shadow: -9px 0 18px -1px rgb(69 90 100 / 10%);
} */

.pct-customizer .pct-c-content .pct-header {
    padding: 20px 30px;
    height: 60px;
    display: flex;
    align-items: center;
}

.pct-customizer .pct-c-content .pct-body {
    display: inline-block;
    width: 100%;
}

.themecolorchange {
    margin: 0;
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
    border: none !important;
    box-shadow: 0px 3px 9px var(--gray-dark);
}

.color_label {
    display: inline-block;
    width: 19%;
    text-align: center;
    margin: 0 auto;
}

ul.ligh_dark_mode {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

ul.ligh_dark_mode li {
    width: 48%;
    float: left;
    text-align: center;
    padding: 8px 10px;
    border-radius: 7px;
}

ul.ligh_dark_mode li.light_mode {
    box-shadow: 0px 0px 5px #cfcfcf;
    color: #000;
}

ul.ligh_dark_mode li.dark_mode {
    background-color: #000;
    color: #fff;
    box-shadow: 0px 0px 5px #cfcfcf;
}

label.themecolorchange.bg-theme-1 {
    background: var(--theme-bg-1);
}

label.themecolorchange.bg-theme-2 {
    background: var(--theme-bg-2);
}

label.themecolorchange.bg-theme-3 {
    background: var(--theme-bg-3);
}

label.themecolorchange.bg-theme-4 {
    background: var(--theme-bg-4);
}

label.themecolorchange.bg-theme-5 {
    background: var(--theme-bg-5);
}

label.themecolorchange.bg-theme-1-dark {
    background: var(--theme-bg-1-dark-mode);
}

label.themecolorchange.bg-theme-2-dark {
    background: var(--theme-bg-2-dark-mode);
}

label.themecolorchange.bg-theme-3-dark {
    background: var(--theme-bg-3-dark-mode);
}

label.themecolorchange.bg-theme-4-dark {
    background: var(--theme-bg-4-dark-mode);
}

label.themecolorchange.bg-theme-5-dark {
    background: var(--theme-bg-5-dark-mode);
}

.color_label input[type=radio] {
    opacity: 0;
}

.blockquote_img {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 50px;
    width: 60px;
}

.health_card_img.card svg {
    width: 100%;
}

#reportrange {
    background: var(--body-bg-color);
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid var(--border-light-gray-color);
    width: 100%
}

.span.flag-img {
    background-color: var(--body-bg-color) !important;
}

.premium-card-pricing a i {
    color: var(--theme-bg);
}

label.themecolorchange.btn.active {
    border: 4px solid #a7a7a7 !important;
}

.ticket_card_blog {
    height: auto !important;
    max-height: 370px !important;
    min-height: 370px !important;
    overflow: auto;
}

.blog_right {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
}

.health_cases_2 {
    width: 30%;
}

.health_card_second {
    padding: 10px 10px;
}

.health_card_second .health_sub_text {
    float: left;
    width: 50%;
}

.health_sub_text {
    height: 70px;
    margin-bottom: 8px;
}

.health_sub_text span.font-28 {
    font-size: 28px !important;
}

.health_card_second .health_sub_text {
    margin: 0;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.notification_badge {
    position: absolute;
    background: #968b19;
    width: 22px;
    height: 22px;
    border-radius: 25%;
    top: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
}

.notification_icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25%;
}

.notification_icon i {
    font-size: 10px;
}

.search_box {
    position: absolute;
    background: var(--body-bg-color);
    width: 100%;
    padding: 0px 20px 10px 20px;
    border: 0.758149px solid var(--border-light-gray-color);
    margin-top: 10px;
    border-radius: 7px;
    height: auto;
    max-height: 380px;
    overflow: auto;
}

li.search_result {
    position: relative;
}

span.list-link {
    color: var(--text-dark);
    font-weight: 700;
}

li.search_result a.list-link {
    color: var(--theme-text);
    text-transform: capitalize;
}

.header_search .search_result .list-link i {
    position: absolute;
    left: 10px;
    right: auto;
    top: 8px;
    font-size: 6px;
}

.setting_search_field {
    width: 420px;
}

.active_plan_premium {
    position: absolute;
    right: 10px;
}

.pagination_center ul.pagination li.page-item a.page-link,
.pagination_center ul.pagination li.page-item span {
    padding: 10px 10px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    font-size: 15px;
    color: var(--gray);
}

.pagination_center ul.pagination li.page-item:first-child .page-link,
.pagination_center ul.pagination li.page-item:last-child .page-link {
    font-size: 25px;
    border: none !important;
}

.main_card {
    width: 100%;
    display: inline-block;
}

.others_reply_card {
    width: 70%;
    float: left;
}

.my_reply_card {
    width: 70%;
    float: right;
}

.main_card .card-header {
    padding: 12px 20px;
}

.main_card .card-body p {
    color: var(--text-dark);
    font-size: 12px;
    font-weight: 500;
}

.main_card .others_reply_card .header-title {
    color: var(--theme-text);
}

.main_card .my_reply_card .card-header .header-title,
.main_card .my_reply_card .card-header small,
.main_card .my_reply_card .card-body p {
    color: var(--white);
}

.my_reply_card .card {
    background: var(--theme-bg);
}

.main_card .card-body p a.action-icon {
    background: var(--body-bg-color);
    display: inline-flex;
    width: auto;
    padding: 8px 16px;
    height: auto;
    font-size: 14px;
    color: var(--theme-text);
}

.main_card .card-body p a.action-icon i {
    margin-left: 5px;
}

.main_card .others_reply_card .card-header {
    border-bottom: 1px solid var(--border-light-gray-color);
}

.main_card .my_reply_card .card-header {
    border-bottom: 1px solid var(--only-white);
}

.header_items_width svg {
    width: 17px;
}

body.upgrade_plan::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--theme-bg-light);
    z-index: 9999;
    backdrop-filter: blur(34px);
}

.navbar-nav.align-items-lg-center.plan_expired_text {
    position: absolute;
    z-index: 999999;
    width: 100%;
    margin: 0 auto;
    left: auto;
    right: auto;
    text-align: center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-nav.align-items-lg-center.plan_expired_text p.text-danger {
    background: var(--body-bg-color);
    padding: 30px 50px;
    font-size: 19px;
    border-radius: 7px;
    margin-bottom: 40px;
}

a.update_plan_btn {
    background: var(--theme-bg);
    color: var(--white);
    padding: 15px 40px;
    font-weight: bold;
    font-size: 20px;
    transition: 0.5s;
    border-radius: 10px;
    transform: translateY(0px);
}

a.update_plan_btn:hover {
    background: var(--theme-bg);
    color: var(--white);
    border-radius: 10px;
    transform: translateY(-10px);
    transition: 0.5s;
    box-shadow: 0px 10px 13px -10px var(--theme-bg);
}

.upgrade_plan {
    overflow: hidden;
}
.plan_expired_img svg {
    width: 420px;
    margin-bottom: 50px;
}
.ticket_code_replay h3 {
    font-size: 30px;
    margin: 5px 0;
}
.replay_badge .badge {
    font-size: 15px;
}

.custom-checkbox.custom-checkbox-1 .custom-control-input:checked~.custom-control-label::after {
    margin-left: -2px !important;
}
.custom-checkbox.custom-checkbox-2 .custom-control-input:checked~.custom-control-label::after {
    margin-left: -2px;
    margin-top: -1px;
}
.custom-checkbox.custom-checkbox-3 .custom-control-input:checked~.custom-control-label::after {
    margin-left: 1px;
    margin-top: 0px;
}
.custom-checkbox.custom-checkbox-4 .custom-control-input:checked~.custom-control-label::after {
    margin-left: -2px;
    margin-top: 0px;
}
.custom-switch.custom-switch-1 .custom-control-label::after {
    top: 0.35rem;
    left: -2rem;
}

.custom-checkbox .custom-radio.custom-radio-1 .custom-control-label::after {
    margin-left: -2px !important;
    margin-top: -1px !important;
}


.paypal_mode_btn {
    background-color: var(--body-bg-color);
    color: var(--theme-text) !important;
    padding: 10px 20px !important;
}
.paypal_mode_btn.active {
    background-color: var(--theme-bg);
    color: var(--white) !important;
}
.paypal_mode_btn.active:hover {
    color: var(--white);
}
.paypal_mode_btn_toggle {
    border: 1px solid var(--border-light-gray-color);
    border-radius: 7px;
    overflow: hidden;
}
.custom-switch.custom-switch-2 .custom-control-label::after {
    top: 0.4rem;
    left: -2rem;
}
.dashboard-card-height {
    height: 140px;
}
.total_storage ul {
    justify-content: flex-start;
}
.total_record ul li.storage_box {
    margin-left: 15px;
    width: 100%;
}
.card_90 {
    height: 90px;
}
.clock_in_btn {
    background-color: var(--theme-bg);
    color: var(--white);
    font-family: var(--primary-font) !important;
    font-weight: 600;
    font-size: 14px !important;
    padding: 10px 10px;
    border: none;
    border-radius: 7px;
    display: flex;
    align-items: center;
}
.clock_in_btn svg,
.clock_out_btn svg {
    margin-right: 8px;
    width: 22px;
    height: 20px;
}
.clock_in_btn.disabled {
    background-color: var(--theme-bg-light);
    color: var(--theme-bg);
    cursor: not-allowed;
}
.clock_in_btn svg path {
    fill: var(--white) !important;
}
.clock_in_btn.disabled svg path {
    fill: var(--theme-bg) !important;
}
.clock_out_btn svg path {
    fill: var(--white) !important;
}
.clock_out_btn.disabled svg path {
    fill: var(--theme-bg) !important;
}

.clock_out_btn {
    background-color: var(--theme-bg);
    color: var(--white);
    font-family: var(--primary-font) !important;
    font-weight: 600;
    font-size: 14px !important;
    padding: 10px 10px;
    border: none;
    border-radius: 7px;
    display: flex;
    align-items: center;
}
.clock_out_btn.disabled {
    background-color: var(--theme-bg-light);
    color: var(--theme-bg);
    cursor: not-allowed;
}
.min-height-520 {
    height: 520px;
}
.employee_position {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--only-white);
    background-color: var(--theme-bg);
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 7px !important;
    font-weight: 500;
    text-transform: capitalize;
    display: ruby-base;
}
.orgchart .node .title .symbol {
    display: none;
}
.schedule-box {
    height: 520px;
    overflow: auto;
}
.min-height-443 {
    min-height: 443px;
}
.category_table div.dataTables_wrapper div.dataTables_filter,
.category_table div.dataTables_wrapper div.dataTables_length {
    top: -67px;
}





 /*== start of code for tooltips ==*/
 .tool {
     cursor: pointer;
     position: relative;
 }

 /*== common styles for both parts of tool tip ==*/
 /* .tool::before, */
 .tool::after {
     left: 50%;
     opacity: 0;
     position: absolute;
     z-index: -100;
 }

 .tool:hover::before,
 .tool:focus::before,
 .tool:hover::after,
 .tool:focus::after {
     opacity: 1;
     transform: scale(1) translateY(0);
     z-index: 100;
 }


 /*== pointer tip ==*/
 /* .tool::before {
     border-style: solid;
     border-width: 1em 0.75em 0 0.75em;
     border-color: #3E474F transparent transparent transparent;
     bottom: 100%;
     content: "";
     margin-left: -0.5em;
     transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
     transform:  scale(.6) translateY(-90%);
 }  */

 .tool:hover::before,
 .tool:focus::before {
     transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
 }


 /*== speech bubble ==*/
 .tool::after {
    background: var(--body-bg-color);
    border-radius: 0.25em;
    bottom: 0;
    top: 0;
    color: var(--black);
    content: attr(data-tip);
    margin-left: 0;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform: scale(.6) translateY(50%);
    width: 100%;
    left: 0 !important;
    right: 0;
    border: 0.758149px solid var(--border-light-gray-color);
    height: 100%;
    display: inline-table;
 }

 .tool:hover::after,
 .tool:focus::after  {
     transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
 }

 @media (max-width: 760px) {
   .tool::after {
         font-size: .75em;
         margin-left: -5em;
         width: 10em;
   }
 }
 .meeting_schedule{
    height: auto !important;
    max-height: 322px !important;
    min-height: 322px !important;
    overflow: auto !important;
 }
 .announcement_schedule{
    height: auto !important;
    max-height: 260px !important;
    min-height: 260px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
 }
 .min-height-278 {
    height: auto !important;
    max-height: 278px !important;
    min-height: 278px !important;
    overflow: auto !important;
 }

.custom_tooltip .apexcharts-canvas .apexcharts-tooltip{
    top: -30px !important;
}

.Centering {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.dataTable th.attendance-sorting.sorting:after {
    content: "" !important;
    display: none;
}
.audit-url {
    width: 400px;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    max-width: 400px;
}
.audit-url2 {
    width: 600px;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    max-width: 600px;
}
ul.audit-show {
    margin: 0;
}
ul.audit-show li {
    padding: 10px 10px;
}
ul.audit-show p {
    width: 26%;
    float: left;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}
ul.audit-show span {
    width: 74%;
    float: left;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

.pointer{
    cursor: pointer;
}
.form-group .error {
    color: #ff6666 !important;
    font-size: 10px;
}
.table .approval_remark
{
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.th_min_with_160 tr th {
    min-width: 160px;
}
/* aaa responsive */

@media only screen and (max-width: 1830px) {
    .hr_setting_bar {
        height: 100px;
    }
    .requests_table.hr_requests_table div.dataTables_wrapper div.dataTables_filter,
    .requests_table.hr_requests_table div.dataTables_wrapper div.dataTables_length {
        top: -180px;
    }
    .holiday_table.hr_holiday_table div.dataTables_wrapper div.dataTables_filter,
    .holiday_table.hr_holiday_table div.dataTables_wrapper div.dataTables_length {
        top: -285px;
    }
    .hr_setting_bar .hr_tabs li {
        margin-bottom: 0;
        background: transparent;
    }
    .announcement_schedule{
        height: auto !important;
        max-height: 236px !important;
        min-height: 236px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
     }
}



@media only screen and (max-width: 1440px) {
    .performance_details h4 {
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_filter {
        top: -72px;
    }
    .dataTables_length {
        top: -72px;
    }
    .table_badge td .badge {
        width: 100px !important;
    }
    .dashboard_sec h3 {
        font-size: 20px;
    }
    .system-setting-card .form-group .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 90px;
    }
    .system-setting-card_col .col {
        flex: 1 1 20%;
    }
    .announcement_schedule{
        height: auto !important;
        max-height: 236px !important;
        min-height: 236px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
     }
    /* new css */
    .card_dashboard_sub_text {
        float: left;
        width: 53%;
        padding: 0 0px 0 15px;
    }
    .golden_hour_sub_img {
        width: 18px;
        height: 18px;
    }
    .dashboard_sub_icons {
        height: 100px;
        width: 100px;
    }
    .card.dashboard_sec svg {
        max-width: 60px;
    }
    .total_record ul li h5 {
        font-size: 12px;
    }
    .row_5 .col {
        flex: 25%;
        max-width: 25%;
    }
    .employee_detail_card_text {
        padding: 15px 5px 0 15px;
    }
    .leave_employee table tbody tr td {
        white-space: nowrap;
    }
    .performance_details h4 {
        font-size: 16px;
    }
    .manage_attendance_table div.dataTables_wrapper div.dataTables_filter,
    .manage_attendance_table div.dataTables_wrapper div.dataTables_length {
        top: -252px;
    }
    .manage_attendance_table_3 div.dataTables_wrapper div.dataTables_filter,
    .manage_attendance_table_3 div.dataTables_wrapper div.dataTables_length {
        top: -277px;
    }
    .setting_bar {
        height: 100px;
    }
    .employee_setting_bar {
        height: 60px;
    }
    .job_role_table div.dataTables_wrapper .dataTables_length,
    .job_role_table div.dataTables_wrapper div.dataTables_filter {
        top: -310px;
    }
    .requests_table_interview div.dataTables_wrapper div.dataTables_filter,
    .requests_table_interview div.dataTables_wrapper div.dataTables_length {
        top: -185px !important;
    }
    .requests_table_2 div.dataTables_wrapper div.dataTables_filter,
    .requests_table_2 div.dataTables_wrapper div.dataTables_length {
        top: -178px !important;
    }
    .manage_attendance_table .attendance_table div.dataTables_wrapper div.dataTables_filter,
    .manage_attendance_table .attendance_table div.dataTables_wrapper div.dataTables_length {
        top: -352px !important;
    }

    .manage_attendance_table .manage_attendance_table_2 div.dataTables_wrapper div.dataTables_filter,
    .manage_attendance_table .manage_attendance_table_2 div.dataTables_wrapper div.dataTables_length {
        top: -277px !important;
    }

    .requests_table.hr_requests_table div.dataTables_wrapper div.dataTables_filter,
    .requests_table.hr_requests_table div.dataTables_wrapper div.dataTables_length {
        top: -176px;
    }

    .requests_table.requests_table_3 div.dataTables_wrapper div.dataTables_filter,
    .requests_table.requests_table_3 div.dataTables_wrapper div.dataTables_length {
        top: -146px;
    }
    .whistlebloeing_table div.dataTables_wrapper div.dataTables_filter,
    .whistlebloeing_table div.dataTables_wrapper div.dataTables_length  {
        top: -56px;
    }

    .courses_table div.dataTables_wrapper div.dataTables_filter,
    .courses_table div.dataTables_wrapper div.dataTables_length  {
        top: -63px;
    }

    .category_table div.dataTables_wrapper div.dataTables_filter,
    .category_table div.dataTables_wrapper div.dataTables_length  {
        top: -65px;
    }

    .employee_setting_bar a.nav-link, .employee_setting_bar a.nav-link.active {
        border-radius: 0px !important;
        padding: 15px 30px 90px 30px;
        font-size: 14px;
    }

    .employee_setting_bar ul.nav.nav-pills.bg-nav-pills {
        margin-top: 82px;
    }
    .health_sub_text p {
        font-size: 11px;
        height: 31px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .health_setting_bar {
        height: 70px;
    }
    .setting_bar_auto {
        height: 60px;
    }

}

@media only screen and (max-width: 1366px) {
    .page-title {
        font-size: 24px;
    }
    .dashboard_sec h3 {
        font-size: 14px;
    }
    h4.table-heading {
        font-size: 15px !important;
    }
    .custom-card-body h3.custom-card-title {
        margin: 0;
        font-size: 24px;
    }
    .custom-card-body .action-icon {
        padding: 6px 10px;
    }
    span.user-lable {
        font-size: 13px;
    }
    .lable-dark {
        font-size: 13px;
    }
    .user-text h4 {
        font-size: 21px;
    }
    .btn-edit-user {
        width: 30px;
        height: 30px;
        line-height: 1.5rem;
    }
    .user_detail ul {
        width: 100%;
        margin: 0;
    }
    .card-body.user-card-body {
        padding: 20px 20px 10px;
    }
    .hide_navigation p {
        display: none;
    }
    li.nav-item.tracking-clock {
        margin-left: 24px;
    }
    .employee_detail_card_text {
        width: 100%;
    }
    .manage_attendance_table div.dataTables_wrapper div.dataTables_filter, .manage_attendance_table div.dataTables_wrapper div.dataTables_length {
        top: -242px;
    }
    .job_role_table div.dataTables_wrapper .dataTables_length,
    .job_role_table div.dataTables_wrapper div.dataTables_filter {
        top: -310px;
    }
    .requests_table_interview div.dataTables_wrapper div.dataTables_filter, .requests_table_interview div.dataTables_wrapper div.dataTables_length {
        top: -174px !important;
    }
    div.dataTables_wrapper div.dataTables_filter {
        top: -61px;
    }
    .dataTables_length {
        top: -61px;
    }
    .requests_table.hr_requests_table div.dataTables_wrapper div.dataTables_filter,
    .requests_table.hr_requests_table div.dataTables_wrapper div.dataTables_length {
        top: -173px;
    }
    .requests_table div.dataTables_wrapper div.dataTables_filter,
    .requests_table div.dataTables_wrapper div.dataTables_length {
        /* top: -145px; */
        top: -134px;
    }
}


/* @media only screen and (min-width: 1200px) {

    .custon-dropdown .all-select-box {
        margin-top: 20px;
    }

} */


@media only screen and (max-width: 1332px) {

    #ip-restrict-setting .setting_search_field {
        width: 0;
    }
    #ip-restrict-setting .dataTables_filter,
    #ip-restrict-setting .dataTables_length {
        display: none;
    }
    .create_ip {
        margin-right: 20px !important;
    }

}


@media only screen and (max-width: 1199px) {
    .custon-dropdown .all-select-box .btn-box span.select2 span.select2-selection {
        background: var(--theme-bg);
        border: none !important;
        border-radius: 10px !important;
    }
    .custon-dropdown .all-select-box {
        margin-top: 20px;
    }
    .row.d-flex.justify-content-end.custon-dropdown.reset-filter-responsive {
        width: 100%;
        display: inline-block !important;
    }
    .system-setting-card_col .col {
        flex: 1 1 20%;
    }
    .hide_navigation {
        padding-left: 20px;
    }
    .hide_navigation p {
        display: none;
    }
    body.full_width .navbar-custom {
        left: 250px !important;
        width: 100%;
    }
    .navbar-collapse a.nav-link {
        border: none;
    }
    .navbar-collapse {
        /* background-color: var(--light-gray-color-bg); */
        z-index: 9;
    }
    .table thead th {
        white-space: nowrap;
    }
    div.dataTables_wrapper div.dataTables_filter {
        top: -61px;
    }
    .dataTables_length {
        top: -61px;
    }

}

@media only screen and (max-width: 1024px) {
    .dataTables_filter {
        display: none !important;
    }
    .dataTables_length {
        display: none !important;
    }
    .health_card {
        display: inline-block;
        height: auto;
    }
    .health_cases_2 {
        width: 100%;
    }
    .health_card_second .health_sub_text {
        width: 100%;
    }
    .requests_table_interview div.dataTables_wrapper div.dataTables_filter, .requests_table_interview div.dataTables_wrapper div.dataTables_length {
        top: -174px !important;
    }
    div.dataTables_wrapper div.dataTables_filter {
        top: -62px;
    }
    .dataTables_length {
        top: -62px;
    }
    .search_field {
        width: auto;
    }


}

@media only screen and (max-width: 991px) {
    .system-setting-card_col .col {
        flex: auto;
    }
    .hide_navigation p {
        display: none;
    }
    span.navbar-nav.align-items-lg-center.text-dark {
        margin-left: 10px;
    }
    .card.dashboard_sub_icons {
        margin-bottom: 20px !important;
    }
    a.create-button {
        margin-top: 10px;
    }
    .row_5 .col {
        flex: 33.33%;
        max-width: 33.33%;
    }
    .company_details_table {
        width: 100%;
    }

    .employee_setting_bar ul.nav.nav-pills.bg-nav-pills {
        margin-top: 47px;
    }
    .manage_notes_btn a.create-button {
        margin-top: 0px;
    }
    .manage_notes_btn .input-group.input-group-sm.input-group-merge.input-group-flush {
        margin-top: 0;
        margin-bottom: 0;
    }
    .ip-restrict-setting {
        height: 40px;
    }
    .create_ip {
        margin-right: 20px !important;
    }
    .create_ip a {
        margin-top: 0px;
    }
    .dashboard-card-height {
        height: auto;
    }
    .min-height-520 {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .modal-input-checkbox tr td:nth-child(1) {
        width: 100%;
        padding-bottom: 0;
    }
    .modal-input-checkbox tr {
        height: 180px;
        margin-bottom: 10px;
    }
    .modal-input-checkbox-sub .custom-checkbox {
        display: block;
    }
    .modal-input-checkbox tr td:nth-child(2) {
        width: 100%;
        float: left;
        text-align: left;
    }
    a.create-button {
        margin-top: 10px;
    }
    .create_ip a {
        margin-top: 0;
    }
    .hide_navigation P {
        display: none;
    }
    .col-auto {
        width: 100% !important;
    }
    .custom-select2 span.select2.select2-container.select2-container--default {
        margin-bottom: 10px;
    }
    .rotas_filter_main_div {
        margin-top: 10px;
    }
    .rounded.rotas_time.rotas_time1.draggable-class.ui-sortable-handle.ui-draggable.ui-draggable-handle {
        width: 180px;
    }
    ul.nav.nav-tabs.nav-overflow li.nav-item {
        width: 50%;
    }
    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
        background-size: 14px;
        margin-left: 0px;
    }
    .shift-reports {
        align-items: normal;
    }
    .custom-control-label {
        font-size: 13px;
        font-weight: 500;
    }
    .input-group.input-group-sm.input-group-merge.input-group-flush {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    a.action-icon {
        line-height: 1.2rem;
    }
    .assign_search {
        margin-top: 12px;
    }
    .custom-card-body h3.custom-card-title {
        margin-bottom: 0px;
        font-size: 18px;
    }
    .custom-card-body {
        display: initial;
        align-items: center;
        justify-content: space-between;
    }
    .permission_sec {
        padding: 20px 10px 0;
    }
    .permission_sec .btn.btn-theme {
        font-size: 11px;
        width: 42%;
        /* float: left; */
        margin: 6px 10px;
    }
    .custom-control.custom-checkbox {
        padding-left: 0px;
        display: inline-block;
    }
    img.table-arrows {
        position: absolute;
        left: auto;
        z-index: 999;
        top: 37px;
        right: 95px;
    }
    li.nav-item.tracking-clock {
        margin-left: 5px;
    }
    .header_search {
        position: absolute;
        margin-left: 0px !important;
        top: 60px;
        width: 95%;
        left: auto;
        right: auto;
    }
    .navbar-custom {
        min-height: 120px !important;
        left: 260px !important;
        top: 20px !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    .content-page {
        padding: 125px 10px 65px !important;
    }
    .header_search input.header_search_input {
        width: 100%;
    }
    body.full_width .navbar-custom {
        left: 320px !important;
        width: 100%;
    }
    .dataTables_length {
        position: relative !important;
        right: auto;
        top: 10px;
    }
    div.dataTables_wrapper div.dataTables_filter {
        position: relative !important;
        top: 10px;
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_length label {
        width: fit-content;
        margin-right: 0 !important;
        margin-left: auto !important;
    }
    .dataTables_length {
        right: 15px;
    }
    span.navbar-nav.align-items-lg-center.plan_expired_text p.text-danger {
        padding: 19px 10px;
        font-size: 15px;
        border-radius: 7px;
        width: 90%;
    }
    .row_5 .col {
        flex: 50%;
        max-width: 50%;
    }
    div.dt-buttons {
        text-align: right;
        right: 0;
    }
    .setting_bar {
        height: auto;
    }
    .employee_setting_bar a.nav-link, .employee_setting_bar a.nav-link.active {
        padding: 15px 30px 20px 30px;
    }
    .checkbox_main {
        display: inline-block;
    }
    .manage_notes_form {
        display: block;
    }
    .manage_notes_btn a.create-button {
        margin: 0px 10px 10px 0px !important;
        display: inline-flex;
        float: left;
    }
    .manage_notes_btn .only_search_field {
        justify-content: flex-start;
    }
}


@media only screen and (max-width: 575px) {
    .company_details_main {
        display: inline-block;
    }
    .company_details_img {
        width: 100%;
        height: 100px;
        margin-bottom: 20px;
    }
    .employee_detail_card {
        height: auto;
    }
    .company_details_table {
        width: 100%;
        height: auto;
        overflow-x: auto;
    }
    .fix_table {
        min-height: auto;
        max-height: auto;
    }
    .row_5 .col {
        flex: 100%;
        max-width: 100%;
    }
    .create_ip {
        position: absolute;
        right: 0;
        margin-right: 10px !important;
    }
}

@media only screen and (max-width: 480px) {
    .page-title {
        font-size: 18px;
    }
    /* .all-select-box {
        margin-top: 20px;
    } */
    .permission_sec .btn.btn-theme {
        font-size: 11px;
        width: 42%;
        /* float: left; */
        margin: 6px 9px;
    }
    li.nav-item {
        width: 100%;
        text-align: center;
    }
    /* .card ul.nav.nav-pills li.nav-item:first-child a.nav-link {
        border-radius: 0px 0 0 0 !important;
    } */
    /* .card ul.nav.nav-pills li.nav-item:last-child a.nav-link {
        border-radius: 0 0px 0 0 !important;
    } */
    .my-responsive-custom.m-0 {
        margin-top: 15px !important;
    }
    .header_search {
        width: 91%;
    }
    .pct-customizer .pct-c-btn .btn {
        height: 40px;
        width: 40px;
    }
    .pct-customizer .pct-c-btn .btn svg {
        width: 20px;
        height: 20px;
    }
    .pct-customizer .pct-c-content .pct-header {
        height: 40px;
    }

}



.screen {
    display: block;
    width: 300px;
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    margin: 0 auto;
}

.screen img {
    bottom: -475px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: top 3s;
    -moz-transition: top 3s;
    -ms-transition: top 3s;
    -o-transition: top 3s;
    transition: bottom 3s;
}

.pro_max_width {
    max-width: 100%;
    width: 630px;
    height: 360px;
}

.colorinput {
    margin: 0;
    position: relative;
    cursor: pointer !important;
}

.colorinput-input {
    position: absolute !important;
    z-index: -1;
    opacity: 0;
}

.colorinput-color {
    background-color: #fdfdff;
    border-color: #e4e6fc;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}


.colorinput-input:checked ~ .colorinput-color:before {
    opacity: 1 !important;
}

.colorinput-color:before {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    transition: .3s opacity;
    background: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E) no-repeat center center/50% 50%;
}


.certificate_iframe {
    display: block;
    height: 720px;
    overflow: hidden;
    background: #f5f8fa;
    padding-top: 60px;
}
.w-100 {
    width: 100% !important;
}

iframe {
    border: 0;
}



/* header Messeges  Counter css */

.message-counter {
    position: absolute;
    top: 3px;
    right: 4px !important;
    border-radius: 50%;
    font-size: 10px;
    width: 15px !important;
    text-align: center !important;
    color: #fff !important;
}

.custom_messanger_counter {
    position: absolute;
    top: -5px;

}

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

.form-control-color {
    width: 3rem !important;
    height: auto !important;
    padding: 0.575rem !important;
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: 6px;
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: 6px;
}


.faq_desc {
    max-width: 200px !important;
    word-break: break-all !important;
    white-space: inherit !important;
}

.space_desc {
    white-space: break-spaces !important;
}

.form-control:disabled, .custom-select:disabled, .dataTable-selector:disabled, .dataTable-input:disabled, .form-control[readonly], .custom-select[readonly], .dataTable-selector[readonly], .dataTable-input[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}

.theme-avtar {
    width: 45px;
    height: 45px;
    border-radius: 17.3552px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

    .input_color{
     color: var(--theme-text) !important;
    }


    .select2-container .select2-selection--single .select2-selection__rendered {
   
    color:  var(--theme-text) !important;
}

.btn-check {
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
    pointer-events: none !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

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

.send_msg_btn {
    position: absolute;
    top: 8px;
    left: auto;
    right: 18px;
    font-size: 20px;
}

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