body{font-size:.95vw!important;font-family:Arial,Helvetica,sans-serif}
.wrapper{display:flex;width:100vw;height:100vh;position:relative;background:#b0c8ab;overflow:hidden}
.header{width:100%;height:8.4vh;position:sticky;top:0;z-index:99;box-shadow:0 0 10px #33333345}
.sidebar{width:14.5vw;height:100vh;background-color:#03690A}
.sidebar .nav-link{color:#fdfdfd;padding:7px 20px!important;line-height:2;border-bottom:solid 1px green}
.sidebar .nav-link i{margin-right:10px}
.sidebar .sidebar-nav{display:block!important;width:100%;padding:0;margin:0}
.table td,.table th{padding:.25rem!important}
.img-profile{width:2.5vw}
.main-content{width:85.5vw;height:100vh;overflow-y:scroll;overflow-x:hidden}
.btn-sm{font-size:.9vw!important;padding:4px 8px!important;border-radius:2px}
.ToogleBtnBox{display:none}
.welcome{font-size:1.1vw}
.required_sign{color:red;font-size:100%;font-weight:800}
.error{font-size:80%;color:red;margin:0!important}
.form-control{min-height:30px;padding:2px 4px!important;border-radius:2px!important;background:#f0f0f0;background:linear-gradient(0deg,rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%)}
.form-control:focus{color:#495057;background:#f0f0f0;background:linear-gradient(180deg,rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);border-color:#80bdff;outline:0;box-shadow:0 0 0 .1rem rgba(0,123,255,.25)!important}
select.form-control:not([size]):not([multiple]){height:calc(1.75rem + 2px)}
.form-group{margin:0!important}
.card-header h5{font-size:1.1rem;padding:0!important;margin:0!important;line-height:2rem;color:#000!important;font-weight:500}
::placeholder{font-size:.85rem;color:#efefef;font-style:italic}
.spinner-container{display:none;justify-content:center;align-items:center;margin-top:20px}
.spinner{border:4px solid rgba(0,0,0,0.1);width:36px;height:36px;border-radius:50%;border-top-color:#3498db;animation:spin 1s ease-in-out infinite}
@keyframes spin {
to{transform:rotate(360deg)}
}
@media(max-width: 767px) {
body{font-size:3.3vw!important}
.sidebar{width:100vw;position:absolute;z-index:9;left:-100%}
.main-content{width:100vw}
.img-profile{width:7.5vw}
.ToggleBtn{font-size:26px;color:#313131}
.welcome{font-size:4vw}
.ToogleBtnBox{display:block}
}