@charset "UTF-8";

body {font-family: var(--font-family-sans-serif);}
h1, h2, h3, h4, h5, h6 {font-family: var(--font-family-sans-serif);}
html{font-size: 75%;}

/* DEFAULT */
body{ background-color: #f8f9fa;}
.header-bg{background-color: #F0F8FF; }
div .header-bg{height: 42.25px;}
thead.sticky-top{ z-index:1;}

.w40{ width:40%;}
.w35{ width:35%;}
.w30{ width:30%;}
.w20{ width:20%;}
.w10{ width:10%;}

.wf200{width:200px}
.wf150{width:150px}
.wf100{width:100px}
.wf75{width:75px}
.wf50{width:50px}

.loginbt{
    padding: 10px 70px;
    letter-spacing: 3px;
/*
    background-color: #A4C6FF;
*/
    color:#FFF;
    font-weight:bold;
}

.navbar-toggler{ background-color: #FFFFFF;}

.menu-back-bg{background-color: #EEEEEE;}
.menu-bt{width: 300px; height: 100px;}
.menu-bt p{
	font-weight:bold;
	color:#ffffff;
	margin:0px;
/*	margin-top: 20px;*/
}

.menu-bt-bar{border-bottom: solid 3px #8faadc;}

.conf-menu{width: 85px;}
.col-content{width: 65px;}
.mp-a{padding: 1.5rem 1.3rem;}
.mp-as{padding: 1.4rem 1.0rem;}
.mp-al{padding: 1.4rem 0.5rem;}

@media (min-width: 1024px){
    .conf-menu{width: 115px;}
    .col-content{width: 85px;}
    .mp-a{padding: 1.75rem 1.9rem;}
    .mp-as{padding: 1.5rem;}
    .mp-al{padding: 1.5rem 1.0rem;}
    html{font-size: 14px;}
}

@media (max-width: 640px){
    .conf-menu{width: 40px;}
    .col-content{width: 0px;}
}

/*.bi-top-btn {margin-top: 6.5px;}*/

div .header-bg div a{height: 42px;}
div .header-bg div a p{font-size: 10px;}

div .imenu:hover{
  color: #fff;
  background-color: #A9A9A9;
}
.imenu-disable{background-color: #8faadc;}

div .required{color: red;}
form[name="menu_form"]{ background-color:#003f8e ; min-height:90.8vh;}