:root {
--inter-font:'Inter', sans-serif;
--login-width: 450px;
--box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
--primary-link-color: #3286F9;
--primary-background-color: #7300E6;
--primary-border-color: #7300E6;
--primary-color: #7300E6;}

body { font-family: var(--inter-font); letter-spacing: -0.5px; color: #000;  line-height: 1.4; }
 
/*font start*/
body,
.dropdown-menu,
.profile-droupdown .btn,
.btn,
.form-select, 
.form-control 
{ font-size: 0.80rem;  }  

@media (min-width: 1600px) {
body,
.dropdown-menu,
.profile-droupdown .btn,
.btn,
.form-select, 
.form-control 
{ font-size: 1rem;  }  
} 
@media (min-width: 1400px) { 
body,
.dropdown-menu,
.profile-droupdown .btn,
.btn,
.form-select, 
.form-control 
{font-size: 0.9rem; }  
} 
/*font end*/


/*container start*/
.container {}
.container-fluid {}
@media (min-width: 1200px) { .container-fluid { padding-left: 50px; padding-right: 50px; max-width: 1700px; } }
@media (max-width: 1200px) {
.container,
.container-fluid { padding-left: 20px; padding-right: 20px; }
}

/*container end*/

/*logo start*/
.logo { width: 200px; }
@media (max-width: 1200px) { .logo { width: 150px; } }
/*logo end*/

/*profile start*/
.profile-droupdown .dropdown-menu { min-width: 350px; }
@media (max-width: 1200px) { 
.profile-droupdown .btn {}
}
/*profile end*/


/*form, link, text and button start*/
a { color: var(--primary-link-color); text-decoration: none; }
a:hover { text-decoration: none; color: var(--primary-color); }

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

.link-primary { color: var(--primary-link-color); }
.link-primary:hover { color: var(--primary-color); }

.btn {border-radius: 50px;font-weight: 600;padding-left: 10px;padding-right: 10px;padding-left: .75rem;padding-right: .75rem;font-size: 0.85rem;line-height: 1.1;}
.btn-primary { color: #fff; background-color: var(--primary-background-color); border-color: var(--primary-border-color); }
.link-primary { color: var(--primary-link-color); }

@media (min-width: 1600px) { .btn {  padding-left: 1rem; padding-right: 1rem; }  } 
@media (min-width: 1400px) { .btn {padding-left: 1.5rem;padding-right: 1.5rem;line-height: 1.9;min-height: 40px;} } 


.small-form { max-width: var(--login-width); border-radius: 10px; margin-left: auto; margin-right: auto; }

.form-select, .form-control {border-color: #999999;font-weight: 600; }

.form-control-inline {
    display: inline-block;
}
 

@media (max-width: 1200px) {  
.btn, .form-select, .form-control { padding-top: 0.5rem; padding-bottom: 0.5rem; min-height: 34px; line-height: normal; }
}

/*form end*/





img { max-width: 100%; }

hr { border-color: #ccc; margin: 1.5rem 0; }

.border-gray { border-color: #cccccc !important; }
.border-black { opacity: 1; border-color: #000 !important; background-color: #000 !important; }
.b-radius-60px { border-radius: 60px !important; }

.progress-bar { background-color: var(--primary-link-color); }

.dropdown-toggle-arrow-none::after { content: none !important; }

/* select-job-option start */

.select-job-option {
    color: #626262;
    margin-bottom: 0.05em;
}

.select-job-option:hover {
    color: #414141;
    margin-bottom: 0.05em;
}

.select-job-option:active {
    color: #000000;
    margin-bottom: 0.05em;
}

.company-card { 
    border-color: #999999 !important;
    background-color: white !important;
    color: #000 !important;
    font-weight: 500 !important;
}

/* select-job-option end */

.card { 
    border-color: #999999;
    background-color: white;
    color: #000;
    border-radius: 10px;
    font-weight: 500;
}

.company-card:hover { 
    border-color: white !important;
    background-color: rgb(157, 157, 157) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

.company-card:active { 
    border-color: white !important;
    background-color: rgb(119, 119, 119) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

/*page-content-center start*/
.page-content-center { min-height: calc(100vh); display: flex; align-items: center; }
@media (max-width: 1200px) { 
    .page-content-center { min-height: inherit } 
}
/*page-content-center end*/

.mw-100px { min-width: 100px !important; }

/*shadow-1 start*/
.shadow-1 { box-shadow: var(--box-shadow) !important; }
@media (max-width: 1200px) {
.shadow-1 { box-shadow: none !important; }
}
/*shadow-1 end*/

/* body margins start */
.ms-25 {
    margin-left: 25%;
}

.me-25 {
    margin-right: 25%;
}
/* body margins end */

/* adjust-line-height start */
.adjust-line-height {
    line-height: 1.25em;
    font-size: 1.1em;
}
/* adjust-line-height end */

/*table start*/
.table-box { min-width: 100%; display: block; }

.table > :not(:first-child) { border-top: 1px; }
.table tr { border-color: #ccc; }
.table thead tr th { border-bottom: solid 1px #000; border-top: solid 1px #000; }

div.dt-row { margin-top: 10px; }

@media (max-width: 640px) {
.table-box { overflow-x: scroll; }
.table-box .table { width: 540px; }
}

@media (max-width: 1000px) {
.table-lg-box { overflow-x: scroll; }
.table-lg-box .dataTables_wrapper { min-width: 1000px; }
}
/*table end*/ 


/*gradient start*/
.gr-bg { background: rgb(254, 95, 159); background: linear-gradient(353deg, rgba(254, 95, 159, 1) 0%, rgba(175, 96, 141, 1) 12%, rgba(123, 67, 158, 1) 53%, rgba(0, 253, 253, 1) 100%); background: url(/assets/images/bg/warm-bg.jpg) no-repeat center center; background-size: cover; }
.gr-bg-interview { background: rgb(254, 95, 159); background: linear-gradient(353deg, rgba(254, 95, 159, 1) 0%, rgba(175, 96, 141, 1) 12%, rgba(123, 67, 158, 1) 53%, rgba(0, 253, 253, 1) 100%); background: url(/assets/images/bg/warm-bg.jpg) no-repeat center center; background-size: cover; }
.gr-bg-interview:hover { background: rgb(224, 65, 129); background: linear-gradient(353deg, rgba(224, 65, 129, 1) 0%, rgba(145, 66, 111, 1) 12%, rgba(93, 37, 128, 1) 53%, rgba(0, 223, 223, 1) 100%); background: url(/assets/images/bg/warm-bg.jpg) no-repeat center center; background-size: cover; }
.gr-bg-interview:active { background: rgb(194, 35, 99); background: linear-gradient(353deg, rgba(194, 35, 99, 1) 0%, rgba(115, 36, 81, 1) 12%, rgba(63, 7, 98, 1) 53%, rgba(0, 193, 193, 1) 100%); background: url(/assets/images/bg/warm-bg.jpg) no-repeat center center; background-size: cover; }
/*gradient end*/


/*number start*/
.number { font-size: 75px; font-weight: 900; }
.number-1 { font-size: 60px; }
/*number end*/



/*hero start*/
.hero { position: relative; }
.hero .btn-block {position: absolute;left: 0%;bottom: 15%;margin: 0;text-align:center;width: 100%;padding: 10px;}
.hero .btn { text-align:center;  }
/*hero end*/

/*company-buttons start*/
.company-buttons { display: flex; } 
.company-buttons .btn {font-weight: bold;font-size: 12px;line-height: 26px;color: #000;margin: 0 6px 6px 0;padding-left: 10px;padding-right: 10px;border-radius: 3px;/* width: 33.333%; */}
.company-buttons .btn span {display: inline-block;margin: 0 10px 0 0;width: 20px;}
.company-buttons .btn:hover { background-color: #fff;     border-color: var(--primary-link-color); }
.company-buttons .btn:last-child { margin-right: 0; }
@media (max-width: 640px) {  
.company-buttons .btn { padding: 0 8px;}
.company-buttons .btn img { width: 16px; }
.company-buttons .btn span { margin-right: 6px; }
}
/*company-buttons end*/

.admin-account { }
.admin-sidbar {display: none;min-height: calc(100vh - 80px); width: 430px;}
.admin-content { padding: 20px 0; width: 100%; }

aside .dropdown-item { padding: 0.5rem;  padding-left: 1.5rem; padding-right: 1.5rem; }

@media (min-width: 1200px) {
.admin-account {display: flex;width: 100%;margin-left: -20px;margin-right: -20px;}
.admin-sidbar { display: block; padding-top: 20px; }
.admin-content {  padding: 20px; padding-right: 20px;}
}

/*tooltip-popup start*/
.tooltip-popup {width: 380px;position: absolute;left: 100%;top: -32px;z-index: 2;padding: 20px;display: none;margin-left: -2px;box-shadow: -6px 0 30px 10px rgb(0 0 0 / 10%);}
.tooltip-box {position: relative;padding: 5px;padding-left: 0;padding-right: 30px;display: inline-block;}
.tooltip-box:hover .tooltip-popup { z-index: 5; display: block; }
.tooltip-popup:before {content: "";width: 0px;height: 0px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid white;display: inline-block;position: absolute;left: -20px;top: 25px;}

.tooltip-popup ul { list-style-type: disc; padding-left: 18px; }
.tooltip-popup ul li { padding-bottom:5px;}

@media (max-width: 1200px) { 
.tooltip-popup { left: 0; top: 100%; width: 280px; }
.tooltip-popup:before { opacity: 0; }
}
/*tooltip-popup end*/

/*ag-grid-material start*/
.ag-theme-material {
    --ag-font-family: 'Inter', sans-serif !important; 
    --ag-header-foreground-color: black !important;
}
/*ag-grid-material end*/

.modal-90w {
    max-width: none!important;
    width: 90%
}