body{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

main{
    margin-top: 20px;
}

.btn-sm.btn-link{
    padding: 0;
}

.drawer{
    background: #fff;
    -webkit-box-shadow: -5px 0 5px -5px #aaaaaa;
    box-shadow: -5px 0 5px -5px #aaaaaa;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow-y: auto;
    z-index: 9998;
}

#drawer-lg{
    z-index: 9997;
}

.drawer-sm{
    z-index: 9999;
}

.daterangepicker{
    z-index: 9999 !important;
}

label:not(.form-check-label){
    font-weight: bold;
}

.fa-ul{
    margin-left: 1.5em;
}

.login-block{
    background: #DE6262;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFB88C, #DE6262);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFB88C, #DE6262); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    float:left;
    width:100%;
    padding : 50px 0;
}
.banner-sec{background:url(https://static.pexels.com/photos/33972/pexels-photo.jpg)  no-repeat left bottom; background-size:cover; min-height:500px; border-radius: 0 10px 10px 0; padding:0;}
.carousel-inner{border-radius:0 10px 10px 0;}
.carousel-caption{text-align:left; left:5%;}
.login-sec{padding: 50px 30px; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #DE6262;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#FEB58A; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.btn-login{background: #DE6262; color:#fff; font-weight:600;}
.banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}

.daterangepicker_input svg {
    position: absolute;
    top: 8px;
    left: 8px;
}

button.btn.btn-secondary.btn-sm.btn-show-account-category.float-right {
    margin-right: 10px;
    margin-bottom: 10px;
}
.input-group-addon{
    padding: 5px;
    font-weight: 600;
    font-size: 21px;
    background: #1c8bbbad;
}

.form-control[readonly] {
    background-color: #1c8bbb0f;
    opacity: 1;
}
.btn-group-xs > .btn, .btn-xs {
  padding  : .25rem .4rem;
  font-size  : .675rem;
  line-height  : .5;
  border-radius : .2rem;
}
.badge {
  vertical-align: middle;
  padding: 4px 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-radius: 30px;
  font-size: 8px;
}
.selectize-control.multi .selectize-input>div {
    background: #428bca;
    color: #fff;
}
.required:after {
    content:" *";
    color: red;
}
pre {
    font-size: 100% !important;
}
pre {
    font-family: system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif !important;
}