@charset "utf-8";

:root {
    --bs-primary:#009EE3;
    --bs-primary-rgb:0,158,227;
    --bs-secondary:#A6FF00;
    --bs-secondary-rgb:166,255,0;
    --bs-primary-contrast:#ffffff;
    --bs-secondary-contrast:#000000;
}

body { padding-top:100px; background-color:#CFCFCF; }

.btn-primary { background-color:var(--bs-primary); border-color:var(--bs-primary);color:var(--bs-primary-contrast); } /*#444*/
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:var(--bs-primary); border-color:var(--bs-primary); box-shadow:inset 0 0 0 1000px rgba(255,255,255,.2);}
.btn-secondary { background-color:var(--bs-secondary); border-color:var(--bs-secondary); color:var(--bs-secondary-contrast); } /* #fff */
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:var(--bs-secondary); border-color:var(--bs-secondary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);}
.btn-white { color:var(--bs-secondary); border-color:var(--bs-secondary); background-color:#fff; font-weight:700; }
.btn-white:hover { color:var(--bs-secondary); border-color:var(--bs-secondary); background-color:#fff; box-shadow:inset 0 0 0 1000px rgba(73,74,94,.25); }
.btn:disabled { background-color:#d3d3d3; border-color:#d3d3d3; }
.border-primary { border-color:var(--bs-primary)!important; }
hr { color:var(--bs-primary); }
.btn-outline-primary { color:#777; }
a:hover { text-decoration: underline; }

.btn { min-width:150px; width:auto; text-transform:uppercase; }
.width-auto { width:auto!important; }
.btn.width-auto { min-width:auto; }

.text-bg-primary { color:var(--bs-primary-contrast)!important; }
.text-bg-secondary { color:var(--bs-secondary-contrast)!important; }

/* -- navbar --*/
.navbar { height:100px;background-color:#434242; font-weight:600; border-bottom:rgba(var(--bs-secondary-rgb),.75) 2px solid;transition: all 0.5s linear;}
.navbar img { display:inline-block; width:auto; height:75px; transition: height 0.30s ease-in-out; background-color:#434242 }
/*.scrolled img { position:relative; top:0px; height:75px!important;  }*/

.navbar-toggler {color:var(--bs-primary-contrast); border-color:rgba(255,255,255,.65)!important;border-width:medium; border:none;} /* #fff */
.navbar-toggler-icon {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255,255,255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important; }
.nav-link, .dropdown-item { color:var(--bs-primary); transition: all 0.5s ease; text-transform: uppercase; padding:0.5rem;}
.dropdown-item {  padding:0.25rem 0.5rem!important;}
.nav-link:hover, .nav-link:focus, .scrolled .nav-link:hover, .scrolled .nav-link:focus, .nav-link.active { color:var(--bs-secondary)!important; }
.dropdown-menu { background-color:#434242; }
/*.scrolled .dropdown-menu { background-color:var(--bs-primary); }*/
.dropdown-item:hover, .dropdown-item.active { background-color:rgba(var(--bs-secondary),1);color:var(--bs-secondary)!important; }
/* -- navbar after scrolling -- */
/*.scrolled { background-color:#fff;border-bottom:rgba(222,222,222,.75) 2px solid;padding-top:0px;padding-bottom:0px; transition: all 0.5s ease;  }
.scrolled .nav-link { color:var(--bs-primary); transition: color 0.5s ease; }
.scrolled img  { width:120px;transition: all 0.5s ease; }
.scrolled img.standard-img { display:none!important; }
.scrolled img.scrolled-img { display:block!important; }*/
.logonoscroll { display:inline-block!important;transition: color 0.5s ease; }
.logoscroll { display:none!important;transition: color 0.5s ease; }

/* -- typography --*/
h1, h2, .h1, .h2, h3, .h3 { text-transform:uppercase; }
h1, h2, .h1, .h2, h3, .h3  { color:var(--bs-primary); }
a { text-decoration: none; color:var(--bs-primary); }
a:hover { color:var(--bs-primary); }
.nohref { cursor:pointer; }

/* -- backgrounds -- */
.home-bg { min-height:50vh; background: linear-gradient(to bottom, rgba(50,50,50,0.8), rgba(75,75,75,0.85)), url(/images/hero-background.jpg) no-repeat center center; background-size:cover; }
.services-bg { min-height:50vh; background: linear-gradient(to bottom, rgba(50,50,50,0.8), rgba(75,75,75,0.85)), url(/images/services-background.jpg) no-repeat center center; background-size:cover; }
.log-bg { background: linear-gradient(156deg, rgba(var(--bs-primary-rgb),0.05), rgba(var(--bs-secondary-rgb),0.05)); }

/*-- homepage --*/
.service-cards .bg-white { box-shadow: 0 0 5rem rgba(255,255,255,0.4); }
.service-cards h3 { min-height:54px; text-transform:uppercase; margin-bottom:1.5rem; font-size:1.2rem; text-align:center; font-weight:700; }
.service-cards p { margin-top:1.5rem; margin-bottom:0; text-align:center; font-weight:500; }
.service-cards i { font-size:75px; color:var(--bs-secondary); }

/* -- forms -- */
.form-check-input:checked { background-color:var(--bs-primary);border-color:var(--bs-primary); }
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),0.25); border-color:var(--bs-primary); }
.form-label { color:var(--bs-primary); font-weight:500; }
.form-check-input { border:1px solid #adb5bd; }
.form-control {  }

/* -- tables -- */
.table { --bs-table-bg: transparent; }
.table .fa-circle-check, p .fa-circle-check { color:var(--bs-success); }
.table .fa-circle-xmark, p .fa-circle-xmark  { color:var(--bs-danger); }
th { color:#777777!important;font-weight:700; }
th div { padding-right: 20px; height: 50px; margin: auto; }
th .fa-caret-up { color:#777777!important; position: absolute; top: 20%; right: 3px;}
th .fa-caret-down { color:#777777!important; position: absolute; top: 50%; right: 3px;}
th a > div > p, th > div p { color:#777777; position: relative; top: 50%; transform: translate(0, -50%); padding: 0px; margin-bottom: 0; }
tbody .even { background-color:rgba(var(--bs-primary-rgb),0.10); }
.table i { color:var(--bs-primary); }


.pagination .page-link { color:var(--bs-primary); }
.pagination .active>.page-link { background-color:var(--bs-primary); border-color:var(--bs-primary); color:var(--bs-primary-contrast); }
#paginationButtons .page-link { border-radius:0px;}
#nextPagination a { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); }

/* -- portal -- */
.portal-container { background-color:#fff; }
#jobDetailsNav .nav-tabs .nav-link { border:1px solid rgba(var(--bs-primary-rgb),0.80); transition:none; border-bottom:0; }
#jobDetailsNav .nav-tabs .nav-link.active { border:1px solid rgba(var(--bs-primary-rgb),0.80); border-bottom:0; color:#fff!important; background-color:var(--bs-primary); }
#jobDetailsNav .nav-item .nav-link:hover { text-decoration:none ; }
#jobDetailsWrapper i { color:var(--bs-primary); }

/* -- dashboard -- */
.home-cards { width:100%; height:100%; min-height:150px; padding:1rem; position:relative; background-color:var(--bs-primary); }
.home-cards h2 { color:var(--bs-primary-contrast); text-align:center; margin-bottom:0px; position:absolute; top:50%; left:40%; transform:translate(-50%, -50%); }
.home-cards i { font-size:50px; color:rgba(var(--bs-secondary-rgb),0.9); position:absolute; top:50%; left:85%; transform:translate(-50%,-50%); }



footer { background-color:#434242; color:#fff; }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .service-cards h3 { min-height:30px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .dropdown-menu { border:none!important; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .dropdown-menu { border:none!important; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .dropdown-menu { border:none!important; }
}