::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar:horizontal { height: 3px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-track:horizontal { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #bdbdbd; border-left: 1.5px solid transparent; border-right: 1.5px solid transparent; }
::-webkit-scrollbar-thumb:horizontal { background: #bdbdbd; border-top: 1.5px solid transparent; border-bottom: 1.5px solid transparent; }
::-webkit-scrollbar-thumb:hover { background: #9e9e9e; border-left: 1.5px solid #bdbdbd; border-right: 1.5px solid #bdbdbd; }
::-webkit-scrollbar-thumb:horizontal:hover { background: #9e9e9e; border-top: 1.5px solid #bdbdbd; border-bottom: 1.5px solid #bdbdbd; }

body {
 margin: 0;
 padding: 0;
 overflow: hidden;
 background: #f7f7f7;
}
/* collapseMenu */
@keyframes slideOff {
 from {margin-left: -254px;}
 to {margin-left: 0;}
}
.navbar-vertical-collapsed {
 animation: slideOn 1s ease 0s 1 normal forwards;
}
@keyframes slideOn {
 from {margin-left: 0;}
 to {margin-left: -254px;}
}
/* uncollapsed Menu */
@keyframes slideOut {
 from {width: 99%;}
 to {width: 86%;}
}
.main-collapsed {
 animation: slideIn 1s ease 0s 1 normal forwards;
}
@keyframes slideIn {
 from {width: 86%;}
 to {width: 99%;}
}
.fs-085 { 
 font-size: 15px; 
}
.fs-0875 {
 font-size: 14px;
}
.main {
 margin: 20px 5px 5px 5px;
 vertical-align: top;
}
.main > .card {
 height: 89vh;
}
@media only screen and (max-width: 1366px), screen and (max-height: 1024px) {
 .main > .card {
  height: 77vh !important;
 } 
}

i { 
 vertical-align: middle; 
}
a, a:hover {
 color: inherit;
 text-decoration: none;
}
.hoverable:hover {
 text-decoration: underline;
}
.form-select {
 background-position: right 8px center !important;
}
svg.svg-inline--fa {
 pointer-events: none;
}
.overlay {
 position: absolute;
 height: 100%;
 width: 100%;
 background: rgba(0,0,0,0.75);
 top: 0;
 left: 0;
 z-index: 99; 
}
.rows {
 display: block;
}
.column-1 {
 display: inline-block;
 width: 8.27%;
}
.column-2 {
 display: inline-block;
 width: 16.16%;
}
.column-3 {
 display: inline-block;
 width: 24.20%;
}
.column-4 {
 display: inline-block;
 width: 32.66%;
}
.column-5 {
 display: inline-block;
 width: 41.58%;
}
.column-6 {
 display: inline-block;
 width: 49.45%;
}
.column-7 {
 display: inline-block;
 width: 57.73%;
}
.column-8 {
 display: inline-block;
 width: 66.66%;
}
.column-9 {
 display: inline-block;
 width: 75.10%;
}
.column-10 {
 display: inline-block;
 width: 83.15%;
}
.column-11 {
 display: inline-block;
 width: 91%;
}
.column-12 {
 display: inline-block;
 width: 99.5%;
}
.theme-text {
 color: #357289;
}
.theme-bg {
 background: #357289;
}
.btn-filter {
 border: solid 1px #cecece;
}
.btn-filter:hover, .btn-filter:focus, .btn-filter:active, .btn-filter.active {
 color: #ffff;
 background: #357289;
}
.hilite-size-3 {
    font-size: 1.5rem;
   }
.hilite-size-2 {
 font-size: 2rem;
}
.hilite-size-1 {
 font-size: 3rem;
}
.hilite-size {
 font-size: 5rem;
}
.rounded-6 {
 border-radius: 6px;
}