:root {
    --theme-color-orange: #ef982d;
}
body {background-color: #adb8ca;}
.left-bar {background-color: #0359b8;min-height: 100vh;border-right: 5px solid var(--theme-color-orange);}
.left-bar-inner-wrapper {flex-direction: column;display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.list-simple {list-style-type: none;margin-left: 0; padding-left: 0;}
.list-simple li {padding: 4px;}
.font-lg {font-size: 1.2rem;}
.wd-500 {width: 500px}
.wd-600 {width: 600px}
.wd-200 {width: 200px}
.wd-120 {width: 120px}
.hg-30 {height: 30px;}
.hg-70 {height: 70px;}
.min-dh-100 {min-height: calc(100vh - 30px);min-height: calc(-webkit-fill-available - 30px);}
.dh-100 {height: 100vh;min-height: -webkit-fill-available;}
.bg-semi-blue {background: rgba(3,89,184,0.5); color: #fff;}
.rounded-xl {border-radius: 3rem !important;}
.iti--allow-dropdown {width: 100%;}
@media screen and (max-width: 501px) {
    .wd-500 {width: 100%;}
}
@media screen and (max-width: 601px) {
    .wd-600 {width: 100%;}
}
@media screen and (min-width: 0px) and (max-width: 991px) {
    .left-bar {width: 350px; position: fixed;left: -350px;top:0;transition: 0.5s left;z-index: 99999;}
    .left-bar.open {left: 0px;}
}