body::-webkit-scrollbar{width:0!important}body{-ms-overflow-style:none;scrollbar-width:none}html,body{height:95vh!important}body{-ms-overflow-style:none;scrollbar-width:none}#navbarVertical::-webkit-scrollbar{width:0!important}
@font-face{font-family:'Aladin-Regular.ttf';src:url('../fonts/Aladin-Regular.ttf') format('truetype')}.font-aladin{font-family:"Aladin-Regular.ttf"}
@font-face{font-family:'Baloo-Regular.ttf';src:url('../fonts/Baloo-Regular.ttf') format('truetype')}.font-baloo{font-family:"Baloo-Regular.ttf"}
@font-face{font-family:'BlackOpsOne-Regular.ttf';src:url('../fonts/BlackOpsOne-Regular.ttf') format('truetype')}.font-blackops{font-family:"BlackOpsOne-Regular.ttf"}
.cursor-pointer{
  cursor:pointer
}
.bg-olive{
    background-color: rgb(164, 162, 6)!important;
  }
  .text-olive{
    color:rgb(164, 162, 6)!important;
  }
  .bg-yellow{
    background-color: rgb(243, 241, 126)!important;
  }
  .text-yellow{
    color:rgb(243, 241, 126)!important;
  }
  .bg-darkgreen{
    background-color: rgb(6, 74, 6)!important;
  }
  .text-darkgreen{
    color: rgb(6, 74, 6)!important;
  }
  .bg-green{
    background-color: rgb(103, 245, 103)!important;
  }
  .text-green{
    color: rgb(103, 245, 103)!important;
  }

.bg-gray{background-color:rgb(43, 43, 45)}
.applogo{width:50px;height:50px}a[name=button_dashboard]{cursor:pointer}
.navbar-toggler:focus{background-color:lightsteelblue!important}
.nav-item .bi:hover{transform:scale(1.3);color:blue}
.nav-item a:hover{background-color:rgba(70,130,180,.3)!important}
select.form-control{
    padding-top:5px!important;
    padding-bottom:5px!important;
    padding-left:20px!important;
    padding-right:10px!important
}
.selectize-control.multi .selectize-input.has-items{
    white-space:pre-wrap!important;
}
.selectedli{background-color:rgba(0,100,255,.8)}
.selectedli a:hover{background-color:rgba(0,0,255,.1)!important;color:lightgreen!important}
.loader{background-color:rgba(255,255,255,.3);position:fixed;top:0;left:0;z-index:99999;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.appname{color:#90ee90}
.loader-img{margin-top:30vh}.appname{color:#90ee90}.minimize-icon{font-size:2em!important;color:#90ee90}
.ellipsis-2{white-space:pre-wrap;font-size:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.minimize-icon{font-size:2em!important;color:#90ee90}
.minimize-icon:hover{transform:scale(1.1);color:#b0c4de}.menuatas{position:fixed}#namaku{transform:translate(-3vw,0px)}#buttonmenu{position:absolute;top:-20px;right:0px}#maincontent{width:100%;transform:translate(0px,30px);padding:0px;height:100%}#navbarVertical{z-index:1;width:300px;height:100vh;overflow-x:hidden;overflow-y:auto}
#myframe{width:100%;height:100%}#myframe::-webkit-scrollbar{width:0!important}
.swal2-show{margin-bottom:10vh}
.bg-darkblue{background-color:rgb(17, 55, 150)}
.bg-navy{background-color:rgb(19, 93, 232)}
.bg-steelblue{background-color:steelblue}
.bg-transparent{background-color:transparent!important}
.bg-transparent i{background-color:transparent!important}
.kv-strength-container td{clear:both;display:block!important}.kv-meter{margin-top:2px;float:left}
.help-block{color:red;margin-bottom:20px}
.biggerlabel{font-weight:700;font-size:1.2em}
.bigcheckbox{transform:scale(2);cursor:pointer;margin-left:10px;margin-right:10px}
.bigicontitle{font-size:5em}
.datatablesTRselected{background-color: rgba(0,255,0,.1)!important}
.modal-title{color:white}
.white-space-normal{white-space:normal}
.swal2-content tr td{white-space:normal}
.divtabel .table tr td:nth-child(3){white-space:normal}
.divtabel .table tr td:nth-child(4){white-space:normal}
.tabletitle{table-layout:fixed;width:100%;}
.tabletitle tbody tr td{padding:0px!important}
.tabletitle .td1{width:10%;text-align:center!important;vertical-align:middle}
.tabletitle .td2{width:80%;vertical-align:top}
.tabletitle .td3{width:10%;vertical-align:top}
.tabelinfotagihan tr td{padding:0px;font-size:1em}
.tabelinfotagihan td:nth-child(1){width:30%;text-align:left}
.tabelinfotagihan td:nth-child(2){width:10%;text-align:center}
.tabelinfotagihan td:nth-child(3){width:60%;text-align:left;font-weight:700}
.hidden{display:none}.avatar-lg{width:300px;height:300px}
.img-card-selected{border:2px solid steelblue}
.img-card:hover{transform:scale(1.2)}
.content-box::-webkit-scrollbar{width:0!important;height:0px!important}
.content-box{
    height:60px!important;
    transform:translateX(-30px);
    width:135%;
    overflow-x:hidden;
    overflow-y:auto;
}
.video-card{width:450px}
.video-card-frame{
    width:420px;height:315px
}
a.badge:hover{transform:scale(1.1)}
#close_me:hover{transform:scale(1.2);text-shadow: 1px 0 rgb(21, 52, 3), -1px 0 rgb(21, 52, 3), 0 1px rgb(21, 52, 3), 0 -1px rgb(21, 52, 3),1px 1px rgb(21, 52, 3), -1px -1px rgb(21, 52, 3), 1px -1px rgb(21, 52, 3), -1px 1px rgb(21, 52, 3)}
.btn-success,.bg-success{text-shadow: 1px 0 rgb(21, 52, 3), -1px 0 rgb(21, 52, 3), 0 1px rgb(21, 52, 3), 0 -1px rgb(21, 52, 3),
    1px 1px rgb(21, 52, 3), -1px -1px rgb(21, 52, 3), 1px -1px rgb(21, 52, 3), -1px 1px rgb(21, 52, 3);}
.btn-success:hover{text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0), 0 2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
        1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);}    
@media (max-width:991px){.menuatas{position:relative}#navbarVertical{width:auto!important;height:auto!important}#maincontent{transform:translate(0px,0px);height:100vh}}
@media (max-width:575px){
    .tabletitle{table-layout:auto;width:100%;}
    .tabletitle tbody tr td{padding:0px!important}
    .tabletitle .td2{display:block;width:100%;padding:0px!important}
    .tabletitle .td3{display:block;clear:both;width:100%;padding:0px;padding-top:10px!important}
}