body,.btn,.form-control,.treeview-menu>li>a,.dropdown-menu,.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.box-header .box-title,.control-sidebar-subheading{font-size: 13px; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Roboto', sans-serif;}
th:before,th:after,td:before,td:after{font-family: Arial;}
.px-0{padding-left: 0 !important; padding-right: 0 !important;}
.invalid-feedback,.error{color: #ff3e3e;}

/*button customization*/
.btn:hover{box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);}
.btn {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

/*form customization*/
/*.form-control,.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{height: 30px;}
.form-control{line-height: 24px;}
.custom-form label{margin-bottom: 0}
.custom-form .form-control,.custom-form .select2-selection{padding: 2px 0; border-top: none; border-left: none; border-right: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.custom-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px;}*/
.form-control,.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{border-radius: 4px; padding: 6px 9px;}
.form-control:focus {border-color: #aaa; box-shadow: inset 0 1px 3px rgba(0,0,0,.05)}
.dataTables_filter .form-control, .dataTables_length .form-control{height: 32px;}

/*loader icon*/
.loader{position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background: rgba(0,0,0,0.5);
 height: 100%}
.loader-content{position: fixed; top: calc(50% - 25px); left: 0; text-align: center; width: 100%}
.loader-icon{position: relative; width: 90px; margin: 0 auto;}
.loader-img{position: absolute; top: calc(50% - 15px); left: 0; width: 100%; text-align: center;}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 82px;
  height: 82px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 74px;
  height: 74px;
  margin: 4px;
  border: 4px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*action button customization*/
.btn-action{border-radius: 50%; height: 34px; width: 34px; padding: 6px 0;}
.btn-action:focus{outline: none !important}
.btn-action:not(:last-child){margin-right: 4px}

/*box-customization*/
.content-header>h1{font-size: 20px;}
.box{border-top: none;}
.box-header{color: #fff; padding: 5px 15px;}
.box-header .row{display: flex; align-items: center;}
.box-body{padding: 15px;}
.box-footer{padding: 10px 15px;}
.box-header .box-title{text-transform: uppercase; font-family: 'Roboto', sans-serif; display: flex;
letter-spacing: 0.7px; line-height: 35px; }
.box-header .box-title>i{margin-right: 3px; line-height: unset;}
.box-tools button:hover{box-shadow: none; color: #fff;}

/*user panel customization*/
.nav .dropdown-menu{border-color: #eee; box-shadow: 0 5px 45px rgba(0, 0, 0, 0.15);}
.user-icon{border: 1px solid #fff; padding: 3px; border-radius: 50%; width: 20px; text-align: center; margin-right: 2px}
.navbar-nav>.user-menu>.dropdown-menu{padding-top: 10px; background: none; max-width: 230px; width:230px;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{position: relative; height: auto;}
.user-header:before{content: ""; position: absolute; bottom: 100%; right: 20%; border: 10px solid transparent;}
.nav li.dropdown:hover .dropdown-menu{display: block;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body{background: #fff; padding: 0;}
.user-menu .menu{list-style: none; padding: 0}
.user-menu .menu a{padding: 10px; display: block;}
.user-menu .menu a:hover{background: #f4f4f4}
.user-menu .menu li .fa{width: 20px; color: #605ca8}

/*logo customization*/
.main-header .logo{text-align: left; line-height: initial;}

/*navbar*/
.main-header .navbar{
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  background: #fff;
}

/*treeview customization*/
.treeview-menu{padding-left: 0}
.treeview-menu>li>a{padding: 7px 5px 7px 38px;}
.treeview>a>span, .treeview-menu>li>a>span{
  width: 160px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left{transition-duration: 0s}

/*sidebar*/
.main-header .sidebar-toggle{font-size: 14px;}
/* .main-header .sidebar-toggle,.main-header .logo{transition: transform .3s ease-in-out;} */
/* @media (min-width: 768px){
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header .navbar {
      margin-left: 0 !important;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 230px !important;
    transform: translate(-230px, 0);
  }
  .sidebar-mini.sidebar-collapse .main-header .sidebar-toggle{transform: translate(-230px, 0);}
} */

/*control sidebar */
.control-sidebar-heading{margin-top: 0; font-size: 15px;}
.checkbox-setting label{cursor: pointer;}
.checkbox-setting input[type=radio]{margin-right: 5px; margin-top: 2px;}

/*filter panel*/
.filter-panel{background: #ddd; padding: 10px 15px 0;}
.filter-panel .form-control,.filter-panel .select2-selection{border: 1px solid #9b99cc;}
/*.filter-panel .custom-form .form-control, .filter-panel .custom-form .select2-selection{height: 34px; padding: 6px 0}*/

/*export buttons*/
.dt-buttons{float: none !important; display: flex; justify-content: flex-end}
.dt-buttons .dt-button{margin-bottom: 0; padding: 4px 10px;}
.dt-buttons .dt-button{margin-right: 7px;}
.dt-buttons .dt-button:last-child{margin-right: 0;}
.dt-buttons .dt-button:hover{color: #000;}

/*panel list*/
.panel-list .box-header{padding: 10px 15px;}
.box-header .treeview-title{line-height: 25px; color: #fff;}

@media(max-width: 767.99px){
  .dt-buttons{margin-bottom: 0 !important}
}

/*nav tabs*/
.nav-tabs-custom>.tab-content{max-height: 500px; overflow: hidden; overflow-y: auto;}
.nav-tabs-custom>.nav-tabs{padding: 0 15px;}
.nav-tabs-custom>.nav-tabs>li {
     border-top: none;
     margin-bottom: 0;
     margin-right: 0;
}
.nav-tabs-custom>.nav-tabs>li>a{padding: 8px 0; margin: 0 10px !important;}
.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none; border-bottom: 2px solid transparent;}

/*modal dialog*/
.modal{background: rgba(0,0,0,0.1)}
.modal-content{border-radius: 4px;}
.modal-header{border-bottom: none; padding-bottom: 0;}
.modal-body .nav-tabs-custom{margin-bottom: 0; box-shadow: none;}
.modal-body.px-0 form{padding: 15px 25px 5px;}
@media (min-width: 768px){
  .modal-dialog {width: 720px;}
}

/*select2*/
.edit-select2-opt{float: right; line-height: 25px;}
.select2-selection--single .edit-select2-opt{/*display: none;*/ line-height: 28px}
.edit-select2-opt:hover{text-decoration: underline;}
.select2-container .select2-selection--single{height: 34px !important;}

/* iCheck */
.form-control-radio{font-weight: 400; cursor: pointer;}
.form-control-radio>div{transform: scale(0.8); margin-top: -3px;}

/* alert */
.alert{padding: 10px;}