@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
.box-lg-1,.box-lg-10,.box-lg-11,.box-lg-12,.box-lg-2,.box-lg-3,.box-lg-4,.box-lg-5,.box-lg-6,.box-lg-7,.box-lg-8,.box-lg-9,.box-md-1,.box-md-10,.box-md-11,.box-md-12,.box-md-2,.box-md-3,.box-md-4,.box-md-5,.box-md-6,.box-md-7,.box-md-8,.box-md-9,.box-sm-1,.box-sm-10,.box-sm-11,.box-sm-12,.box-sm-2,.box-sm-3,.box-sm-4,.box-sm-5,.box-sm-6,.box-sm-7,.box-sm-8,.box-sm-9,.box-xs-1,.box-xs-10,.box-xs-11,.box-xs-12,.box-xs-2,.box-xs-3,.box-xs-4,.box-xs-5,.box-xs-6,.box-xs-7,.box-xs-8,.box-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.box-xs-1,.box-xs-10,.box-xs-11,.box-xs-12,.box-xs-2,.box-xs-3,.box-xs-4,.box-xs-5,.box-xs-6,.box-xs-7,.box-xs-8,.box-xs-9{float:left}.box-xs-12{width:100%}.box-xs-11{width:91.66666667%}.box-xs-10{width:83.33333333%}.box-xs-9{width:75%}.box-xs-8{width:66.66666667%}.box-xs-7{width:58.33333333%}.box-xs-6{width:50%}.box-xs-5{width:41.66666667%}.box-xs-4{width:33.33333333%}.box-xs-3{width:25%}.box-xs-2{width:16.66666667%}.box-xs-1{width:8.33333333%}.box-xs-pull-12{right:100%}.box-xs-pull-11{right:91.66666667%}.box-xs-pull-10{right:83.33333333%}.box-xs-pull-9{right:75%}.box-xs-pull-8{right:66.66666667%}.box-xs-pull-7{right:58.33333333%}.box-xs-pull-6{right:50%}.box-xs-pull-5{right:41.66666667%}.box-xs-pull-4{right:33.33333333%}.box-xs-pull-3{right:25%}.box-xs-pull-2{right:16.66666667%}.box-xs-pull-1{right:8.33333333%}.box-xs-pull-0{right:auto}.box-xs-push-12{left:100%}.box-xs-push-11{left:91.66666667%}.box-xs-push-10{left:83.33333333%}.box-xs-push-9{left:75%}.box-xs-push-8{left:66.66666667%}.box-xs-push-7{left:58.33333333%}.box-xs-push-6{left:50%}.box-xs-push-5{left:41.66666667%}.box-xs-push-4{left:33.33333333%}.box-xs-push-3{left:25%}.box-xs-push-2{left:16.66666667%}.box-xs-push-1{left:8.33333333%}.box-xs-push-0{left:auto}.box-xs-offset-12{margin-left:100%}.box-xs-offset-11{margin-left:91.66666667%}.box-xs-offset-10{margin-left:83.33333333%}.box-xs-offset-9{margin-left:75%}.box-xs-offset-8{margin-left:66.66666667%}.box-xs-offset-7{margin-left:58.33333333%}.box-xs-offset-6{margin-left:50%}.box-xs-offset-5{margin-left:41.66666667%}.box-xs-offset-4{margin-left:33.33333333%}.box-xs-offset-3{margin-left:25%}.box-xs-offset-2{margin-left:16.66666667%}.box-xs-offset-1{margin-left:8.33333333%}.box-xs-offset-0{margin-left:0}@media (min-width:768px){.box-sm-1,.box-sm-10,.box-sm-11,.box-sm-12,.box-sm-2,.box-sm-3,.box-sm-4,.box-sm-5,.box-sm-6,.box-sm-7,.box-sm-8,.box-sm-9{float:left}.box-sm-12{width:100%}.box-sm-11{width:91.66666667%}.box-sm-10{width:83.33333333%}.box-sm-9{width:75%}.box-sm-8{width:66.66666667%}.box-sm-7{width:58.33333333%}.box-sm-6{width:50%}.box-sm-5{width:41.66666667%}.box-sm-4{width:33.33333333%}.box-sm-3{width:25%}.box-sm-2{width:16.66666667%}.box-sm-1{width:8.33333333%}.box-sm-pull-12{right:100%}.box-sm-pull-11{right:91.66666667%}.box-sm-pull-10{right:83.33333333%}.box-sm-pull-9{right:75%}.box-sm-pull-8{right:66.66666667%}.box-sm-pull-7{right:58.33333333%}.box-sm-pull-6{right:50%}.box-sm-pull-5{right:41.66666667%}.box-sm-pull-4{right:33.33333333%}.box-sm-pull-3{right:25%}.box-sm-pull-2{right:16.66666667%}.box-sm-pull-1{right:8.33333333%}.box-sm-pull-0{right:auto}.box-sm-push-12{left:100%}.box-sm-push-11{left:91.66666667%}.box-sm-push-10{left:83.33333333%}.box-sm-push-9{left:75%}.box-sm-push-8{left:66.66666667%}.box-sm-push-7{left:58.33333333%}.box-sm-push-6{left:50%}.box-sm-push-5{left:41.66666667%}.box-sm-push-4{left:33.33333333%}.box-sm-push-3{left:25%}.box-sm-push-2{left:16.66666667%}.box-sm-push-1{left:8.33333333%}.box-sm-push-0{left:auto}.box-sm-offset-12{margin-left:100%}.box-sm-offset-11{margin-left:91.66666667%}.box-sm-offset-10{margin-left:83.33333333%}.box-sm-offset-9{margin-left:75%}.box-sm-offset-8{margin-left:66.66666667%}.box-sm-offset-7{margin-left:58.33333333%}.box-sm-offset-6{margin-left:50%}.box-sm-offset-5{margin-left:41.66666667%}.box-sm-offset-4{margin-left:33.33333333%}.box-sm-offset-3{margin-left:25%}.box-sm-offset-2{margin-left:16.66666667%}.box-sm-offset-1{margin-left:8.33333333%}.box-sm-offset-0{margin-left:0}}@media (min-width:992px){.box-md-1,.box-md-10,.box-md-11,.box-md-12,.box-md-2,.box-md-3,.box-md-4,.box-md-5,.box-md-6,.box-md-7,.box-md-8,.box-md-9{float:left}.box-md-12{width:100%}.box-md-11{width:91.66666667%}.box-md-10{width:83.33333333%}.box-md-9{width:75%}.box-md-8{width:66.66666667%}.box-md-7{width:58.33333333%}.box-md-6{width:50%}.box-md-5{width:41.66666667%}.box-md-4{width:33.33333333%}.box-md-3{width:25%}.box-md-2{width:16.66666667%}.box-md-1{width:8.33333333%}.box-md-pull-12{right:100%}.box-md-pull-11{right:91.66666667%}.box-md-pull-10{right:83.33333333%}.box-md-pull-9{right:75%}.box-md-pull-8{right:66.66666667%}.box-md-pull-7{right:58.33333333%}.box-md-pull-6{right:50%}.box-md-pull-5{right:41.66666667%}.box-md-pull-4{right:33.33333333%}.box-md-pull-3{right:25%}.box-md-pull-2{right:16.66666667%}.box-md-pull-1{right:8.33333333%}.box-md-pull-0{right:auto}.box-md-push-12{left:100%}.box-md-push-11{left:91.66666667%}.box-md-push-10{left:83.33333333%}.box-md-push-9{left:75%}.box-md-push-8{left:66.66666667%}.box-md-push-7{left:58.33333333%}.box-md-push-6{left:50%}.box-md-push-5{left:41.66666667%}.box-md-push-4{left:33.33333333%}.box-md-push-3{left:25%}.box-md-push-2{left:16.66666667%}.box-md-push-1{left:8.33333333%}.box-md-push-0{left:auto}.box-md-offset-12{margin-left:100%}.box-md-offset-11{margin-left:91.66666667%}.box-md-offset-10{margin-left:83.33333333%}.box-md-offset-9{margin-left:75%}.box-md-offset-8{margin-left:66.66666667%}.box-md-offset-7{margin-left:58.33333333%}.box-md-offset-6{margin-left:50%}.box-md-offset-5{margin-left:41.66666667%}.box-md-offset-4{margin-left:33.33333333%}.box-md-offset-3{margin-left:25%}.box-md-offset-2{margin-left:16.66666667%}.box-md-offset-1{margin-left:8.33333333%}.box-md-offset-0{margin-left:0}}@media (min-width:1200px){.box-lg-1,.box-lg-10,.box-lg-11,.box-lg-12,.box-lg-2,.box-lg-3,.box-lg-4,.box-lg-5,.box-lg-6,.box-lg-7,.box-lg-8,.box-lg-9{float:left}.box-lg-12{width:100%}.box-lg-11{width:91.66666667%}.box-lg-10{width:83.33333333%}.box-lg-9{width:75%}.box-lg-8{width:66.66666667%}.box-lg-7{width:58.33333333%}.box-lg-6{width:50%}.box-lg-5{width:41.66666667%}.box-lg-4{width:33.33333333%}.box-lg-3{width:25%}.box-lg-2{width:16.66666667%}.box-lg-1{width:8.33333333%}.box-lg-pull-12{right:100%}.box-lg-pull-11{right:91.66666667%}.box-lg-pull-10{right:83.33333333%}.box-lg-pull-9{right:75%}.box-lg-pull-8{right:66.66666667%}.box-lg-pull-7{right:58.33333333%}.box-lg-pull-6{right:50%}.box-lg-pull-5{right:41.66666667%}.box-lg-pull-4{right:33.33333333%}.box-lg-pull-3{right:25%}.box-lg-pull-2{right:16.66666667%}.box-lg-pull-1{right:8.33333333%}.box-lg-pull-0{right:auto}.box-lg-push-12{left:100%}.box-lg-push-11{left:91.66666667%}.box-lg-push-10{left:83.33333333%}.box-lg-push-9{left:75%}.box-lg-push-8{left:66.66666667%}.box-lg-push-7{left:58.33333333%}.box-lg-push-6{left:50%}.box-lg-push-5{left:41.66666667%}.box-lg-push-4{left:33.33333333%}.box-lg-push-3{left:25%}.box-lg-push-2{left:16.66666667%}.box-lg-push-1{left:8.33333333%}.box-lg-push-0{left:auto}.box-lg-offset-12{margin-left:100%}.box-lg-offset-11{margin-left:91.66666667%}.box-lg-offset-10{margin-left:83.33333333%}.box-lg-offset-9{margin-left:75%}.box-lg-offset-8{margin-left:66.66666667%}.box-lg-offset-7{margin-left:58.33333333%}.box-lg-offset-6{margin-left:50%}.box-lg-offset-5{margin-left:41.66666667%}.box-lg-offset-4{margin-left:33.33333333%}.box-lg-offset-3{margin-left:25%}.box-lg-offset-2{margin-left:16.66666667%}.box-lg-offset-1{margin-left:8.33333333%}.box-lg-offset-0{margin-left:0}}
.pack:before,.pack:after,.bima-access-container:before,.bima-access-container:after{display: table; content: " "; }
.bima-access-container:after,.pack:after{clear: both;}
.pack { margin-right: -15px; margin-left: -15px; }
.bima-access-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .bima-access-container { width: 100%; } } @media (min-width: 992px) { .bima-access-container { width: 100%; } } @media (min-width: 1200px) { .bima-access-container { width: 100%; } }

.clear{clear: both;}

.button-white, .button-green, .button-default{display: inline-block; width: 90%; padding: 10px 20px; text-align: center; background: #ececec; border-bottom: #d8d8d8 solid 2px; color: #585858!important; background: #FFF;}

.button-default{width: auto;}

.button-green{background: #8bcc9c; color: #FFF!important; border-bottom: #87b592 solid 2px;}

.loading-alert{color: #888; display: block; text-align: center; padding: 10px}

.bima-auth-social{width: 100%; display: block; margin: 0px!important; padding: 10px 15px!important; background: #FFF!important; color: #333; text-align: left; border: #e0e0e0 solid 1px; margin-bottom: 10px!important; box-shadow: none!important; border-radius: 0px!important; line-height: normal; position: relative; padding-left: 45px!important;}
.bima-auth-social>img{width: 15px; line-height: 15px; position: absolute; left: 15px; top: 10px;}

.container-access-form{position: fixed; top: 0; left: 0; width: 100%; background:rgba(0, 0, 0, 0.68); z-index: 999999999999; height: 100%; overflow: auto; padding: 40px 20px; font-family: 'Lato', sans-serif!important;}
.container-access-form .layer{position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}
.container-access-form .access-form{width: 85%; max-width: 500px; background: #FFF; margin: auto; padding: 10px 20px; border-radius: 3px; overflow: hidden; position: relative; padding-top: 50px;}
.container-access-form .access-form .access-form-button-close{position: absolute; right: 0; cursor: pointer; width: 50px; height: 40px; text-align: center; font-size: 23px; top: 0; z-index: 99; color: #777; font-weight: bold; background: #f1f1f1;}
.container-access-form .access-form .access-form-title{position: absolute; background: #F9F9F9; width: 100%; left: 0; top: 0; padding: 10px 20px; border-bottom: #EEE solid 1px;}

.container-access-form .access-form .access-form-item{display: block; padding: 5px 0px;}
.container-access-form .access-form .access-form-item span{display: block; font-size: 11px; color:#666; margin-bottom: 4px;}
.container-access-form .access-form .access-form-item .button-login{width:100%; min-width: 100px; cursor: pointer;}
.container-access-form .access-form-footer{display: table; width: 100%;}
.container-access-form .access-form-footer>div{display: table-cell; vertical-align: top; color:#555; font-size: 11px;padding: 20px 0px;}
.container-access-form .access-form-footer>div a{ font-size: 13px; display: block;}

.bima-modal{position: fixed; top:0;left: 0; width: 100%; padding: 40px 20px; display: none; overflow: auto;background: rgba(0,0,0,.5);z-index: 999; height: 100%;}
.bima-modal .modal-dialog{width: 85%; max-width: 600px; margin: auto; background: #FFF;border-radius: 10px; overflow: hidden;}
.bima-modal .close{position: absolute; right: 0; top: 0; background: #FFF; border: #FFF; font-size: 22px; width: 33px;}
.bima-modal .modal-title{margin: 0;}
.bima-modal .modal-header{position: relative; padding: 10px;}
.bima-modal .modal-footer{text-align: right;}
.bima-modal .modal-footer .btn{background: #FFF;border: none;}

.form-element{display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.bima-alert,.alert{font-size: 13px; padding: 5px 10px; margin: 5px 0px; border-radius: 3px; position: relative; overflow: hidden;}
.bima-alert .bima-alert-close, .alert .close{position: absolute; right: 1px; top: 1px; background: #FFF; border: none; cursor: pointer; width: 25px; height: 25px; line-height: 10px; text-align: center; font-size: 12px;}
.bima-alert-danger, .alert-danger{border: #d68d8d solid 1px; color: #bd2626d6;}
.bima-alert-success, .alert-success{border: #6bc950 solid 1px; color: #4bbd26d6;}
.bima-alert-warning, .alert-warning{border: #c9b550 solid 1px; color: #d29b00d6;}
.bima-alert-info, .alert-info{border: #c6d5da solid 1px; color: #85a4af;}



.swal-overlay{z-index: 999999999999!important}

.dropdown-user-navigation button{background: transparent; border: none;}
.dropdown-user-navigation ul{display: none;max-width: 280px; position: absolute; right: 0; background: #FFF;}
.dropdown-user-navigation:hover ul{display: block;}
.dropdown-user-navigation ul li{display: block; width: 100%;}
header .navbar #bima-nav-user a:first-child::after{display: none;}

.container-nav-user{position: fixed;right:-500px; top:0; width: 100%; max-width: 500px; background: #FFF;  height: 100%; z-index: 99999999999999999999; overflow: auto;}
.body-on-nav-user-open{ overflow: hidden;width:100%; height: 100%;}
.overlay-container-nav-user{display: none; position: fixed;top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index:999999999 }

.container-nav-user .header-nav{position: absolute; top: 0; right: 0; width: 100%; background: #ededed; padding: 10px 20px; border-bottom: #e9e9e9 solid 2px; color: #7a7a7a; font-size: 16px; text-align: center; letter-spacing: 0.8px; height: 44px;}
.container-nav-user .header-nav .button-close{position: absolute; top: 0; left: 0; padding: 7px 10px;}
.container-nav-user .header-nav .button-close i{color: #666; padding-top: 2px;}
#bima-nav-user{margin-top: 45px; padding: 20px;}
#bima-nav-user ul li a{display: block; text-align: center; padding: 5px 10px; margin: 4px 0px;background: #f9f9f9; color:#666; border-radius: 10px;}