/* Import Bootstrap CSS */
@import url('../bootstrap/css/bootstrap.min.css');

/* Import Font Awesome and Google Fonts */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Reset and global styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
     
}

:root {
    --wp-gray: #808080;
    --wp-gray-50: #f2f2f2;
    --wp-gray-100: #d8d8d8;
    --wp-gray-200: #c5c5c5;
    --wp-gray-300: #aaaaaa;
    --wp-gray-400: #999999;
    --wp-gray-500: #808080;
    --wp-gray-600: #747474;
    --wp-gray-700: #5b5b5b;
    --wp-gray-800: #464646;
    --wp-gray-900: #363636;
    --wp-primary: #00B0F0;
    --wp-primary-50: #e6f7fe;
    --wp-primary-100: #b0e7fa;
    --wp-primary-200: #8adbf8;
    --wp-primary-300: #54caf5;
    --wp-primary-400: #33c0f3;
    --wp-primary-500: #00b0f0;
    --wp-primary-600: #00a0da;
    --wp-primary-700: #007daa;
    --wp-primary-800: #006184;
    --wp-primary-900: #004a65;
    --wp-secondary: #0F3487;
    --wp-secondary-50: #e7ebf3;
    --wp-secondary-100: #b5c0da;
    --wp-secondary-200: #91a2c8;
    --wp-secondary-300: #5e77af;
    --wp-secondary-400: #3f5d9f;
    --wp-secondary-500: #0f3487;
    --wp-secondary-600: #0e2f7b;
    --wp-secondary-700: #0b2560;
    --wp-secondary-800: #081d4a;
    --wp-secondary-900: #061639;
    --wp-success: #3AC279;
    --wp-success-light: #C5F7DC;
    --wp-info: #3D84E5;
    --wp-info-light: #CDE2FF;
    --wp-warning: #E89F29;
    --wp-warning-light: #FFE8C3;
    --wp-danger: #E9594C;
    --wp-danger-light: #FFCFCB;
    --wp-tooltip: #707683;
    --wp-tooltip-light: #E9E9EB;
    --wp-texts-color: #171B1C;
    --wp-highlight-bg: #F2F2F2;
    --wp-font-family: 'Poppins', sans-serif;
}

/* Body font family */
body {
    font-family: var(--wp-font-family) !important;
    
}

/* Button styles */
.btn-primary {
    background-color: var(--wp-secondary) !important;
    color:#ffffff!important;
}

.btn-outline-info:hover {
    color: var(--bs-white) !important;
}

.btn-info,
.btn-outline-info:hover {
    background-color: var(--wp-primary) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--wp-secondary);
    --bs-btn-border-color: var(--wp-secondary);
    --bs-btn-hover-bg: var(--wp-secondary);
    --bs-btn-hover-border-color: var(--wp-secondary);
    --bs-btn-active-bg: var(--wp-secondary);
    --bs-btn-active-border-color: var(--wp-secondary);
    --bs-btn-disabled-color: var(--wp-secondary);
    --bs-btn-disabled-border-color: var(--wp-secondary);
}

.btn-outline-danger {
    --bs-btn-color: var(--wp-danger);
    --bs-btn-border-color: var(--wp-danger);
    --bs-btn-hover-bg: var(--wp-danger);
    --bs-btn-hover-border-color: var(--wp-danger);
    --bs-btn-active-bg: var(--wp-danger);
    --bs-btn-active-border-color: var(--wp-danger);
    --bs-btn-disabled-color: var(--wp-danger);
    --bs-btn-disabled-border-color: var(--wp-danger);
    --bs-danger-rgb: var(--wp-danger);
}

/* Background and text color utility classes */
.wp-bg-danger {
    background-color: var(--wp-danger) !important;
}

.wp-warning-bg-subtle {
    background-color: var(--wp-warning-light);
}

.wp-info-bg-subtle {
    background-color: var(--wp-info-light);
}

.wp-success-bg-subtle {
    background-color: var(--wp-success-light);
}

.wp-bg-primary {
    background-color: var(--wp-secondary) !important;
}
.wp-bg-secondary-50{
    background-color: var(--wp-secondary-50);
}
.wp-bg-secondary-100{
    background-color: var(--wp-secondary-100);
}
.wp-danger-light{
    background-color: var(--wp-danger-light);
}
.wp-success-light {
    background-color: var(--wp-success-light);
}

.wp-text-warning {
    color: var(--wp-warning);
}

.wp-text-primary {
    color: var(--wp-primary);
}

.wp-text-secondary {
    color: var(--wp-secondary);
}
.wp-text-secondary-100 {
    color: var(--wp-secondary-100);
}

.wp-primary-50 {
    background-color: var(--wp-primary-50);
}

.wp-text-info {
    color: var(--wp-info);
}

/* Font size utility classes */
.fs-9 {
    font-size: 9px;
}

.fs-12 {
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}

.fs-24 {
    font-size: 24px;
}
/* height */
.h-350-max { max-height: 350px; overflow-y: overlay; }
.h-100-vh { height: 100vh; }
.h-80-vh { height: 80vh; }
.h-85-vh { height: 85vh; }
.h-16-px { height: 16px; }
/* .row{
    margin: 0;
} */
/* margin and padding */
.wp-mt-70 { margin-top: 70px; }
.w-300 { max-width: 300px; }
.w-16-px { width: 16px; }
.w-40-px { width: 40px; }
.w-1 { width: 1%; }

/* left  */
.left--30 { left: -30px; }

.modal-open .header { z-index:0; }
.modal-open .footer { z-index:0;}
.modal-open .sidebar { z-index:0;}
.modal-backdrop { z-index:-1; opacity:0!important}
.modal { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.2; position: fixed; top: 0; left: 0; z-index: 1060 !important; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.7) }

/*Custom CSS*/
#ComnJobGrid_length select{display:inline; width:auto;}
#ComnJobGrid_filter input { display: inline; width: auto; margin-bottom: 10px;}
#SubmissionGrid_length select { display: inline; width: auto; }
#SubmissionGrid_filter input { display: inline; width: auto; margin-bottom: 10px; }
#InterviewGrid_length select { display: inline; width: auto; }
#InterviewGrid_filter input { display: inline; width: auto; margin-bottom: 10px; }
#OffersGrid_length select { display: inline; width: auto; }
#OffersGrid_filter input { display: inline; width: auto; margin-bottom: 10px; }
#OnboardingGrid_length select { display: inline; width: auto; }
#OnboardingGrid_filter input { display: inline; width: auto; margin-bottom: 10px; }
#HireGrid_length select { display: inline; width: auto; }
#HireGrid_filter input { display: inline; width: auto; margin-bottom: 10px; }
#POSGrid_length select { display: inline; width: auto; }
#POSGrid_filter input { display: inline; width: auto; margin-bottom: 10px;}
#candidate-grid_length select { display: inline; width: auto; }
#candidate-grid_filter input { display: inline; width: auto; margin-bottom: 10px; }



#SkillCatGrid_length select { display: inline; width: auto;}
#SkillCatGrid_filter input {  display: inline; width: auto; margin-bottom: 10px;}

#DocCatGrid_length select {
    display: inline;
    width: auto;
}

#DocCatGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}
#UsrCatGrid_length select {
    display: inline;
    width: auto;
}

#UsrCatGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#IntTypeGrid_length select {
    display: inline;
    width: auto;
}

#IntTypeGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#MSPTypeGrid_length select {
    display: inline;
    width: auto;
}

#MSPTypeGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#SGAGrid_length select {
    display: inline;
    width: auto;
}

#SGAGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#SubContGrid_length select {
    display: inline;
    width: auto;
}

#SubContGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#JobBoardGrid_length select {
    display: inline;
    width: auto;
}

#JobBoardGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}
#IPAllocationGrid_length select {
    display: inline;
    width: auto;
}

#IPAllocationGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#tblUser_length select {
    display: inline;
    width: auto;
}

#tblUser_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}
#ClientGrid_length select {
    display: inline;
    width: auto;
}

#ClientGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}
#demoGridLocation_length select {
    display: inline;
    width: auto;
    margin-top: 10px;
}

#demoGridLocation_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*#demoGrid_length select {
    display: inline;
    width: auto;
}

#demoGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#ContactGrid_length select {
    display: inline;
    width: auto;
}

#ContactGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#example_length select {
    display: inline;
    width: auto;
}

#example_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#depTable_length select {
    display: inline;
    width: auto;
}

#depTable_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#ClientDocGrid_length select {
    display: inline;
    width: auto;
}

#ClientDocGrid_filter input {
    display: inline;
    width: auto;
    margin-bottom: 10px;
}

#ContractInfo_length select {
display: inline;
width: auto;
}

#ContractInfo_filter input {
display: inline;
width: auto;
margin-bottom: 10px;
}
*/


/*Form*/
.form-group {
    margin-bottom: 1rem !important;
}
.form-group label { font-weight: 600; font-size: 0.875rem !important; margin-bottom: .5rem; color: #212529; }
.form-group .fa.fa-info-circle { color: #b5c0da }

/*Data Table*/
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd { background-color: #ffffff!important; }
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected { background-color: #ffffff!important }
table.dataTable.stripe tbody tr.odd td { background-color: #ffffff !important; color: #212529 !important; }
.table-striped > tbody > tr:nth-of-type(2n+1) > * { background-color: #ffffff !important; color: #212529 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button{padding:0!important;}

.modal-title{font-size:1.2rem; font-weight:bold;}
.panel-list h2 { color: var(--wp-primary); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0px; }
.panel-list h3 { color: var(--wp-secondary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0px; }
.panel-list h4 { color: var(--wp-texts-color); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0px; }

.main-content h1 { color: var(--wp-primary); font-size: 22px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 20px; }
.main-content h2 { color: var(--wp-primary); font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0px; }
.main-content h3 { color: var(--wp-secondary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0px; }
.main-content h4 { color: var(--wp-texts-color); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0px; }

/*new css 090224*/
/* The switch (checkbox input) */
.switch { position: relative; display: inline-block; width: 49px; height: 24px; }

/* Hide default HTML checkbox */
.switch input { opacity: 0; width: 0; height: 0; }

/* The slider (circle button) */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 34px; }

/* Rounded sliders */
.slider.round { border-radius: 34px; }

/* On state */
input:checked + .slider { background-color: #2196F3; }

/* Rounded button when toggled */
input:checked + .slider:before { transform: translateX(26px); }

/* Slider button appearance */
.slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; }

/* Optional: Text label for switch */
.switch label { margin-left: 10px; vertical-align: middle; }

.cursor-pointer { cursor: pointer; }
.wrapper-tags { /*width: 496px;*/ background: #fff; border-radius: 10px; /* padding: 18px 25px 20px;*/ box-shadow: 0 0 30px rgba(0,0,0,0.06); }

.wrapper-tags :where(.title, li, li i, .details) { display: flex; align-items: center; }

.title img { max-width: 21px; }

.title h2 { font-size: 21px; font-weight: 600; margin-left: 8px; }

.wrapper-tags .content-tags { margin: 10px 0; }

.content-tags p { font-size: 15px; }

.content-tags ul { display: flex; flex-wrap: wrap; padding: 7px; margin: 12px 0; border-radius: 5px; border: 1px solid #a6a6a6; }

.content-tags ul li { color: #333; margin: 4px 3px; list-style: none; border-radius: 5px; background: #F2F2F2; padding: 10px 8px 10px 10px; border: 1px solid #e3e1e1; }

.content-tags ul li i { height: 20px; width: 20px; color: #808080; margin-left: 8px; font-size: 12px; cursor: pointer; border-radius: 50%; background: #dfdfdf; justify-content: center; }

.content-tags ul input { flex: 1; padding: 5px; border: none; outline: none; font-size: 16px; }

.wrapper-tags .details { justify-content: space-between; }

.details button { border: none; outline: none; color: #fff; font-size: 14px; cursor: pointer; padding: 9px 15px; border-radius: 5px; background: #5372F0; transition: background 0.3s ease; }

.details button:hover { background: #2c52ed; }

.selected-tags-joborder { background-color: lightblue !important; }
.form-control.full-width-textarea { width: 100%; }
.full-width-textarea { width: 100%; }
textarea.full-width-textarea { width: 100%; }
textarea{width:100%;}

.dataTables_wrapper .dataTables_processing { top: 68px !important; border-radius: 0px; background-color: var(--wp-primary-50)!important; height: 50px !important; padding: 10px !important; }

.documentlink { font-size: 12px; }
.spinner-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 99999; /* Above modals */ display: flex; justify-content: center; align-items: center; }

.d-none { display: none; }