/*Utility*/
.hide{display: none;}
.show{display: unset;}

/*BCAS theme colour pallete*/
.bg-bcas_blue{background-color: #00AAFF;}
.bg-bcas_yellow{background-color: #FFE600;}
.bg-bcas_black{background-color: #182B42;}
.bg-bcas_grey{background-color: #F2F5F9;}
.bg-bcas_white{background-color: #FFFFFF;}
.bg-bcas_red{background-color: #EB5757;}
.bg-bcas_turqouoise{background-color: #00A8BE;}
.bg-bcas_sky{background-color: #00AAFF !important; opacity: 0.15;}
.bg-bcas_offwhite{background-color: #FFE600; opacity: 0.5;}
.bgimg-bcas_vam{background-color: #666666; background-image: url('../img/background-bcas_vam.png');background-position: center center;background-repeat: no-repeat;background-size: cover;}

/*Fonts Catalogue*/
@font-face {font-family: 'poppin-BL';src: url('../fonts/Poppins-Black.ttf')  format('truetype');}
@font-face {font-family: 'poppin-BI';src: url('../fonts/Poppins-BlackItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-BD';src: url('../fonts/Poppins-Bold.ttf')  format('truetype');}
@font-face {font-family: 'poppin-BDI';src: url('../fonts/Poppins-BoldItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-XBD';src: url('../fonts/Poppins-ExtraBold.ttf')  format('truetype');}
@font-face {font-family: 'poppin-XBDI';src: url('../fonts/Poppins-ExtraBoldItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-XLT';src: url('../fonts/Poppins-ExtraLight.ttf')  format('truetype');}
@font-face {font-family: 'poppin-XLTI';src: url('../fonts/Poppins-ExtraLightItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-I';src: url('../fonts/Poppins-Italic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-LT';src: url('../fonts/Poppins-Light.ttf')  format('truetype');}
@font-face {font-family: 'poppin-LTI';src: url('../fonts/Poppins-LightItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-MD';src: url('../fonts/Poppins-Medium.ttf')  format('truetype');}
@font-face {font-family: 'poppin-MDI';src: url('../fonts/Poppins-MediumItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-RG';src: url('../fonts/Poppins-Regular.ttf')  format('truetype');}
@font-face {font-family: 'poppin-SB';src: url('../fonts/Poppins-SemiBold.ttf')  format('truetype');}
@font-face {font-family: 'poppin-SBI';src: url('../fonts/Poppins-SemiBoldItalic.ttf')  format('truetype');}
@font-face {font-family: 'poppin-TH';src: url('../fonts/Poppins-Thin.ttf')  format('truetype');}
@font-face {font-family: 'poppin-THI';src: url('../fonts/Poppins-ThinItalic.ttf')  format('truetype');}

body{font-family: 'poppin-RG','Segoe UI',Roboto,"Helvetica Neue",Arial,sans-serif;}

/*Login Styling*/
#login {font-family: 'poppin-RG',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
#login img{max-width: 100%;}
#login h2{color: #1B44C0; font-weight: 700; font-size:1.2em; text-align: center;}
#login .btn-login{border-radius: 25px; background-color: #FFE600; color: #182B42; border-color: transparent; font-weight: 700;}
#login .card{max-width: 25rem; margin-top: 15% !important;border-radius: 10px; border-color: transparent;}
#login .card label{margin: auto auto 0px 10px; font-size: 0.9em;}
#login .forgotpass{color: #cccc00; float: right; margin-bottom: 2em; font-size: 0.8em;}
#login .form-group{margin-bottom: 10px;}
#login input[type=text], input[type=password] {border: 2px solid rgba(0,170,255,0.25);border-radius: 4px; color:#00AAFF; font-weight: 600;}
#login ::placeholder{color:rgba(0,170,255,0.4);font-weight: 600;}
#login i{color:#00AAFF; font-weight: 600}

.portal nav{background-color: #F2F5F9 !important;height: 60px; padding: 5px 10px;}
.portal nav{background-color: #F2F5F9 !important;height: 60px; padding: 5px 10px;}
.portal #mainNav .ico-home{max-height: 50px; margin-left: 0 !important;}

.portal .nav-link{color: #000 !important;}
.portal .ico-skybar{width: 36px; display: inline-block !important; margin-left: 20px !important; margin-right: 5px !important; }

.portal .navbar-sidenav .nav-item,.sidenav-toggler .nav-item{width: 20vw !important;background-color: #F2F5F9 !important;}
.portal .navbar-sidenav{background-color: #F2F5F9 !important; height: calc(100vh - 115px) !important; color: #182B42 !important;margin-top: 60px !important;width: 21vw !important; overflow: hidden;}
.portal .navbar-sidenav a{color: #182B42 !important; padding: 10px 15px !important; font-family: 'poppin-MD','Segoe UI',Roboto,"Helvetica Neue",Arial,sans-serif;}
.portal .navbar-sidenav a:hover{color: #00A8BE !important;}
.portal .navbar-sidenav i{/*width: 30px; height: 30px;*/font-size: 1.4em; margin-right: 10px; padding-top: 5px !important}
.portal .sidenav-second-level{margin-left:50px;}

body.sidenav-toggled .navbar-sidenav{width: 65px;}
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler{width: 65px !important;background-color: #F2F5F9 !important;}
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item, body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link{width: 65px !important;}
.portal .content-wrapper{background-color: rgba(0,170,255,0.15) !important; margin-left: 20vw;}
.portal footer.sticky-footer{width: 80vw;}

.portal .breadcrumb{background-color: #F2F5F9 !important; border: 2px solid rgba(0,170,255,0.25); }

.portal th{background-color: #00A8BE !important; color: #FFF; font-family: 'poppin-MD';}
.portal tr:nth-child(odd) {background-color: #FEFCF2;}
.portal tr:nth-child(even) {background-color: #D9F2F4;}

.portal .card-footer a{padding: 5px 40px;border-radius: 25px;font-size: 0.95em;font-family: 'poppin-MD';background-color: #00AAFF; border: none;}
.portal .page-link{font-size: 0.9em; padding: 0px 7.5px;}
.portal .page-item.active .page-link{background-color: #00AAFF !important;font-family: 'poppin-MD';}

.portal .btn-primary{padding: 5px 40px;border-radius: 25px;font-size: 0.95em;font-family: 'poppin-MD'; border: none;background-color: #00A8BE !important;}
.portal .btn-secondary{padding: 5px 40px;border-radius: 25px;font-size: 0.95em;font-family: 'poppin-MD';color: #EB5757; border: none;background-color: #FFF !important; border:2px solid #EB5757; }

.different-value {
    font-weight: bolder;
    color: #000 !important;
    font-family: 'poppin-MD', 'Segoe UI', Roboto, "Helvetica Neue", Arial, sans-serif;
}