a[onclick],a[data-toggle]{
    cursor:pointer;
    font-family:"Ubuntu",sans-serif;
}
a[href],a[onclick]:not([href]){
    color:#3299fe;
    font-family:"Ubuntu",sans-serif;
}
body{
    font-family: 'Ubuntu',tahoma, sans-serif,arial;
    color:#555;
    font-size:13px;
    background:var(--color-body);
}
.text-default{
    color:#555!important;
}
.loader{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#f2f2f2;
    z-index:99999;
    background-image:url(../img/loading.svg),url(../img/logo.png);
    background-size:64px,256px;
    background-position:calc(50% + 90px) calc(50% - 50px),center center;
    background-repeat:no-repeat;
    transition:all .5s linear;
    opacity:1;
}
.loader.hidden{
    display:none;
    opacity:0;
    z-index:-1;
}
textarea{
    resize:none;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight:500;
    color:#333;
}
h6,.h6{
    font-size:120%;
}
h5,.h5{
    font-size:140%;
}
h4,.h4{
    font-size:160%;
}
h3,.h3{
    font-size:180%;
}
h2,.h2{
    font-size:200%;
}
h1,.h1{
    font-size:220%;
}
.form-group{
    margin-bottom:.5rem;
}
.form-group:last-child{
    margin-bottom:0px;
}
.loading{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display:none;
    z-index:9998;
    /*background:#0003;*/
}
.loading .loading-dialog .loading-text{
    text-align:center;
}.loading{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display:none;
    z-index:9998;
    /*background:#0003;*/
}
.loading .loading-dialog{
    position:absolute;
    font-weight:normal;
    top:calc(50% - 75px);
    left:calc(50% - 150px);
    width:300px;
    background:white url(../img/logo.png) no-repeat top center;
    background-size:150px;
    background-position:top 30px left 60px;
    text-align:center;
    padding-top:95px;
    padding-bottom:20px;
    border:1px solid #c0ccdb;
    border-radius:5px;
    color:#707070;
    box-shadow:2px 2px 2px #0002;
}
.loading .loading-dialog .loading-text{
    text-align:center;
}

label,.label{
    color:#303030;
    font-weight:500;
    margin-bottom:.25rem;
}
.dropdown-menu{
    box-shadow:2px 2px 2px #0002;
}
.dropdown-menu.dropdown-menu-right{
    box-shadow:-2px 2px 2px #0002;
}
.dropdown-item,a.dropdown-item{
    font-size:12px;
    padding:10px 15px!important;
    color:#5d5d5d!important;
    cursor:pointer;
    font-family:"Ubuntu",sans-serif;
}
.dropdown-item.active, .dropdown-item:active{
    background-color:#f2f2f2;
}
.text-small{
    font-size:10px;
}
.text-primary{
    color:steelblue!important;
}
.text-danger{
    color:indianred!important;
}
.text-info{
    color:lightseagreen!important;
}
.text-warning{
    color:darkorange!important;
}
.text-purple{
    color:rebeccapurple!important;
}
.text-teal{
    color:teal!important;
}
.text-maroon{
    color:maroon!important;
}
.bg-primary{
    background-color:steelblue!important;
}
.bg-danger{
    background-color:indianred!important;
}
.bg-info{
    background-color:lightseagreen!important;
}
.bg-warning{
    background-color:darkorange!important;
}
.bg-purple{
    background-color:rebeccapurple!important;
}
hr{
    border-bottom:0px;
    margin:.75rem 0;
}
.line{
    position:relative;
    text-align:center;
}
.line span{
    background:#fff;
    padding-left:.75rem;
    padding-right:.75rem;
}
.line::before{
    content:"";
    border-top:1px solid #e0e0e0;
    position:absolute;
    width:100%;
    left:0px;
    top:50%;
    z-index:-1;
}
.header{
    padding:3px 0px;
    font-weight:700;
    z-index:3;
    text-transform:uppercase;
    background:linear-gradient(45deg,var(--color-yellow-dark) 30%,var(--color-yellow-light) 30%,var(--color-yellow-light) 70%,var(--color-yellow-dark) 70%);
    color:#765608;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-left:25px;
    font-family:tahoma,sans-serif,helvetica;
    font-size:11px;
    letter-spacing:.5px;
    border-radius:0;
    margin:.25rem 0;
    position:sticky;
    top:0;
    box-shadow:1px 1px inset var(--color-yellow-dark),-1px -1px inset var(--color-yellow-dark),2px 2px inset white,-2px -2px inset white;
}
.card{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
    border: 0;
    border-radius:.42rem;
    border:.5px solid lightslategrey;
}
.card.card-primary .card-header{
    background:linear-gradient(135deg, rgb(0, 97, 194) 0%, rgb(0, 46, 92) 100%);
    color:white;
}
.card .card-header:first-child{
    border-radius:.42rem .42rem 0 0;
}
.card .card-header:last-of-type{
    border-bottom:.5px solid lightslategrey;
}
.card .card-footer{
    background:#fff;
}
.card .card-footer:first-of-type{
    border-top:.5px solid lightslategrey;
}
.card .card-footer:last-child{
    border-radius:0 0 .42rem .42rem;
}

.modal-title{
    font-weight:bold;
    font-size:12px;
}
.modal-backdrop.show{
    opacity:.1;
}
.modal-content{
    border:0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(82,63,105,.25);
    box-shadow: 0 0 30px 0 rgba(82,63,105,.25);
    border-radius:.42rem;
}
.pagination .page-link{
    font-size:12px;
    background-color:#1bc5bd22;
    border:0px;
    color:#606060;
    border-radius:.25rem!important;
    height:32px;
}
.pagination .page-link:hover,.pagination .page-link:focus{
    background-color:#1bc5bd;
    color:#fff;
}
.pagination .page-link.cur-page{
    background-color:#f64e6022;
    border:0px;
    color:#f64e60;
}
.pagination .page-link.cur-page:hover,.pagination .page-link.cur-page:focus{
    background-color:#f64e60;
    color:#fff;
}
.pagination .page-item{
    margin-left:.25rem;
    margin-right:.25rem;
}
.text-muted{
    color:#878789!important;
}
.rounded{
    border-radius:.42rem!important;
}
.select-box{
    position:relative;
    cursor:pointer;
}
.select-box:hover{
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(128,189,255,.5);
}
.select-box .select-list{
    position:absolute;
    left:0px;
    width:100%;
    border-radius:.25rem;
    background:#fff;
    list-style:none;
    list-style-type:none;
    padding:.5rem;
    margin:0px;
    border:1px solid #ced4da;
    transition:all .2s linear;
    top:80%;
    display:none;
}
.select-box.show .select-list{
    display:block;
    top:calc(100% + .1rem);
    transition:all .2s linear;
}
.select-box .select-list li{
    list-style:none;
    list-style-type:none;
    padding:.5rem 1rem;
    border-radius:.25rem;
    transition:all .2s linear;
}
.select-box .select-list li+li{
    margin-top:.25rem;
}
.select-box .select-list li:hover{
    background:#f7f7f7;
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-bottom:0px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    background-color:#f64e60;
    border-radius:20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius:50%;
}

input:checked + .slider {
  background-color: #2196F3;
  background-color:#1bc5bd;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.panel{
    background:white;
    padding:.5rem;
    border:1px solid #c0ccdb;
    /*box-shadow:1px 1px 10px #0002;*/
}
.modal-full{
    max-width:100%;
    width:calc(100% - 50px);
}
.nav.nav-tabs{
    border:0px;
}
.nav-tabs .nav-item>.nav-link{
    border:0px;
    border-radius:0px;
    color:#0F7BB5;
    background:#fff;
    padding:.25rem .75rem;
    min-width:80px;
    text-transform:uppercase;
    text-align:center;
    border:1px solid #0F7BB5;
    border-radius:.25rem;
}
.nav-tabs .nav-item+.nav-item{
    margin-left:.5rem;
}
.nav-tabs .nav-item>.nav-link.active{
    background:linear-gradient(45deg,#fff,#f0f0f0);
    position:relative;
    top:1px;
}

.overflow-auto{
    overflow:auto!important;
}
.overflow-hidden{
    overflow:hidden!important;
}
.overflow-auto-x{
    overflow-x:auto!important;
}
.overflow-auto-y{
    overflow-y:auto!important;
}
.overflow-hidden-y{
    overflow-y:hidden!important;
}
.overflow-hidden-x{
    overflow-x:hidden!important;
}
.bg-light{
    background-color:#f2f2f2!important;
}
.pagination{
    margin:0px;
    padding:0px;
    justify-content:center;
    align-items:center;
}
.pagination li{
    margin-left:.25rem;
    margin-right:.25rem;
}
.pagination li.active a{
    color:dimgrey;
}
.border,.border-top,.border-bottom,.border-right,.border-left{
    border-color:#c0ccdb!important;
}
.modal-content .modal-body{
    background:#f2f2f2;
}
.modal-content .modal-footer{
    background:#f0f0f0;
    border-radius:0 0 .42rem .42rem;
    padding:10px 15px;
    border-top:.5px solid #d9d9d9;
}
.modal-content .modal-header{
    letter-spacing:.5px;
    font-weight:bold;
    text-transform:uppercase;
    background:linear-gradient(45deg,var(--color-blue-dark),var(--color-blue-light));
    color:white;
    padding:10px 15px;
    position:relative;
    border-bottom:0px;
    min-height:40px;
    position:relative;
}
.modal-content a.close{
    padding:.1rem .5rem .25rem .5rem;
    margin:0px;
    border-radius:0 5px 0 5px;
    color:steelblue;
    background:white;
    opacity:.95;
    position:absolute;
    top:0px;
    right:0px;
}
.modal-content a.close:hover{
    opacity:1;
    color:steelblue;
}
.modal-content .modal-close{
    position:absolute;
    display:inline-block;
    top:0px;
    right:0px;
    padding:4px 5px;
    width:28px;
    height:28px;
    background:transparent url(../img/times.png) no-repeat center center;
    background-size:28px;
    cursor:pointer;
    background-color:#DF4F5F;
    border-radius:0px 5px;
}
.modal-content .modal-close:hover{
    transform:scale(1.05);
}
.text-bold{
    font-weight:500;
}
.media .separator{
    height:20px;
    background:#0003;
    width:1px;
    margin:0 .25rem;
}
.sidebar{
    position:absolute;
    top:-500px;
    width:100%;
    left:0px;
    z-index:99;
    transition:all .2s ease;
    background:#f2f2f2;
    border:1px solid lightgrey;
    box-shadow:0 0 10px #0003;
}
.sidebar.show{
    top:0px;
}
.filter{
    position:absolute;
    width:auto;
    box-shadow:2px 2px 2px #0002;
    z-index:99;
    margin-top:3px;
}
.filter.align-right{
    right:5px;
}
.icon{
    height:16px;
    width:16px;
    display:inline-block;
    vertical-align:middle;
    margin-right:.5rem;
}
.caption{
    font-family:"Ubuntu",sans-serif,tahoma;
    padding:5px 10px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#1054a1;
    background-color:white;
    border-top:3px solid #1054a1;
    box-shadow:1px 0 inset #c0ccdb,-1px 0 inset #c0ccdb;
}
.caption>i,.caption>span{
    display:inline-block;
    vertical-align:middle;
}
.caption+.caption{
    margin-top:.25rem;
}
.swal-footer{
    display:flex;
    justify-content:center;
}
.swal-button{
    min-width:100px;
    border-radius:20px;
}
.width-auto,.w-auto{
    width:auto!important;
    min-width:auto!important;
}
.custom-control .custom-control-input{
    width:100%;
    z-index:0;
}
fieldset{
    border:1px solid #c0ccdb;
    border-radius:4px;
    background:white;
}
fieldset legend{
    width:90%;
    border-radius:4px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
    padding:.25rem .5rem;
    background:steelblue;
    color:white;
    margin:0px;
}
.ui-datepicker{
    border-color:#c0ccdb!important;
    box-shadow:3px 3px 3px #0002;
    width:auto!important;
    padding:.5rem;
    z-index:2000!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    padding:.3rem .5rem;
    border-radius:3px;
    background-color:white;
    border:1px solid #c0ccdb;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
    background-color:#f2f2f2;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family:inherit;
}
.ui-datepicker-month,.ui-datepicker-year{
    border-radius:3px;
    border:1px solid #c0ccdb;
    margin:0.2rem!important;
    padding:.2rem .5rem;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background-color:lightgoldenrodyellow;
    border-color:orange;
    color:inherit;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border-color:steelblue;
    background-color:cornflowerblue;
    color:white;
}
.ui-datepicker .ui-datepicker-header{
    background:none;
    border:0px;
}
.ui-state-hover.ui-datepicker-next-hover{
    background:none;
    border:0px;
    right:2px;
    top:2px;
    transform:scale(1.1);
}
.ui-state-hover.ui-datepicker-prev-hover{
    background:none;
    border:0px;
    left:2px;
    top:2px;
    transform:scale(1.1);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    margin:0px;
    top:4px;
    left:0px;
}
.ui-widget-header .ui-icon{
    background:none;
    border:1px solid #c0ccdb;
    border-radius:3px;
    width:24px;
    height:24px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e{
    background:#fff url(../img/chev-right.png) center center no-repeat;
    background-size:14px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w{
    background:#fff url(../img/chev-right.png) center center no-repeat;
    background-size:14px;
    transform:rotateY(180deg);
}
.swal2-styled{
    min-width:100px;
}
.swal2-styled:focus,.swal2-styled:hover{
    outline:none!important;
    box-shadow:2px 2px 2px #0002 !important;
}
.swal2-styled:active{
    position:relative;
    top:2px;
}
.swal2-styled.swal2-confirm{
    background-color:lightseagreen!important;
}


#modalBCA .modal-header,.modal-bca .modal-header{
    background-image:url(../img/bca.png),linear-gradient(45deg, #025b9d 250px, white 250px);
    background-repeat:no-repeat,no-repeat;
    background-position:right 50px center,top left;
    background-size:60px,100%;
    color:white;
}
#modalBNI .modal-header,.modal-bni .modal-header{
    background-image: url(../img/bni.png),linear-gradient(45deg, #e55300 250px,white 250px);
    background-repeat: no-repeat,no-repeat;
    background-position: right 50px center, top left;
    background-size: 60px,100%;
    color: white;
}
#modalBRI .modal-header,.modal-bri .modal-header{
    background-image:url(../img/bri.png),linear-gradient(45deg, #013161 250px, white 250px);
    background-repeat:no-repeat,no-repeat;
    background-position:right 50px center,top left;
    background-size:60px,100%;
    color:white;
}
#modalCimb .modal-header,.modal-cimb .modal-header{
    background:#780000 url(../img/octo.svg) no-repeat;
    background-position:right 50px center;
    background-size:80px
}
#modalDanamon .modal-header,.modal-danamon .modal-header{
    background-image:url(../img/danamon.png),linear-gradient(45deg, #F78F21 250px, white 250px);
    background-repeat:no-repeat,no-repeat;
    background-position:right 50px center,top left;
    background-size:60px,100%;
    color:white;
}
#modalMaybank .modal-header,.modal-maybank .modal-header{
    background-color:#FECF02;
    background-image:url(../img/maybank.png);
    background-repeat:no-repeat;
    background-position:right 50px center;
    background-size:80px;
    color:black;
}
#modalMandiri .modal-header,.modal-mandiri .modal-header{
    background-color:white;
    background-image:url(../img/livin_bg.png),url(../img/livin_mandiri.png);
    background-repeat:no-repeat,no-repeat;
    background-position:right 120px bottom,right 50px center;
    background-size:cover,60px;
}
#modalOcbc .modal-header,.modal-ocbc .modal-header{
    background-color:white;
    background-image:url(../img/ocbc.png),linear-gradient(to bottom,#f7f7f7,#e0e0e0);
    background-repeat:no-repeat,no-repeat;
    background-position:right 50px center,top left;
    background-size:80px,100%;
    color:#ED2027;
    border-bottom:2px solid #ED2027;
}
.swal2-actions{
    direction:rtl;
}

.custom-control-label::before,.custom-control-label::after{
    width:20px;
    height:20px;
}
.custom-control .custom-control-label{
    height:20px;
    padding:1px 5px;
}
.custom-control .custom-control-input{
    z-index:2;
    margin-left:-25px;
    margin-top:5px;
    height:20px;
    width:20px;
    cursor:pointer;
}
*[data-deny]{
    display:none
}