/*Loader code start*/
.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.7;
    z-index: 9999;
    display: none;
}

#loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #6ec689; /* green */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 30%;
    left: 45%;
    z-index: 99999;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

/*Loader code end*/

@font-face{
    font-family: "Calibri";
    src: url("../fonts/CalibriRegular.ttf");
}

    body{
       font-family: Calibri, sans-serif;
    }
    .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
      background-color: #ecf0f5 !important;
    }
    .no-padding{
      padding: 0;
    }
    /*.main-header .sidebar-toggle{
      background: red !important;
      border-radius: 50%;
      display: block;
      position: absolute;
      left: -27px;
      padding: 9px 15px;
    }*/
    .main-header .sidebar-toggle:before{
      color: #292a2f;
    }
    .skin-blue .main-header .navbar .sidebar-toggle:hover {
      background-color: #6ec689 !important;
    }
    .skin-blue .main-header .logo{
      background-color: transparent;
    }
    .skin-blue .main-header .logo:hover{
      background-color: transparent;
    }
    .skin-blue .main-header .navbar, .skin-blue .main-header li.user-header {
      background-color: #fff !important;
    }
    .sidebar-menu>li{
      padding: 2px 15px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li{
      padding: 0;
    }
    .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{
      color: #fff !important;
      background: #0c3a47 !important;
      border-left: none !important;
      border-radius: 10px;
    }
    .sidebar-menu .treeview-menu>li>a:hover::before,.sidebar-menu .treeview-menu>li>a:active::before{
      /*background: #0c3a47 !important;*/
      content: "";
      position: absolute;
      left: 5px;
      top: 12px;
      width: 5px;
      height: 5px;
      background: lime;
      border-radius: 50%;
    }
    .skin-blue .sidebar-menu>li>a:hover>.fa, .skin-blue .sidebar-menu>li.active>a>.fa{
      color: #fff !important;
    }
    /*.main-header>.navbar{
      margin-top: 30px;
    }*/
    .navbar{
      padding: 0 15px 0 0;
    }
    .navbar-nav{
      display: -webkit-box;
    }
    .navbar-nav>li>a{
      /*padding: 15px 15px;*/
    }
    .navbar-nav>.user-menu .user-image {
        float: left;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin-left: 8px;
        margin-top: 0px;
    }
    .navbar-nav>.user-menu .user-image{
      float: right;
    }
    .skin-blue .main-sidebar, .skin-blue .left-side{
      background: url(../../dist/img/left-panel.png)!important;
      background-size: cover !important;
      background-position: 30% 100%!important;
      background-repeat: no-repeat;
    }
    ul.sidebar-menu>li>a{
      color: #fff !important;
    }
    .skin-blue .treeview-menu>li>a {
        color: #fff !important;
    }
    ul.sidebar-menu>li>a>img{
      /*width: 14px;*/
      width: 17px;
      vertical-align: bottom;
    }
    .user-panel img{
      width: 100%;
      max-width: 115px;
    }
    .text-panel img{
      width: 100%;
      max-width: 150px;
    }
    .content-header{
      padding: 0;
    }
		.panel-default>.panel-heading {
		overflow:hidden;
		}
		.bg-dark{
		  background: #000!important;
		}
    .bg-white{
      background: #fff!important;
    }
		.txt-dark{
		  color:#292a2f !important;
		}
    .txt-red{
      color: #f8484d !important;
    }
    .txt-blue{
      color: #0c3a47 !important;
    }
    .txt-skyblue{
      color: #6e95b6 !important;
    }
    .txt-green{
      color: #7ac171 !important;
    }
		.text-white{
		  color:#fff !important;
		}
		button{
		border-radius:5px;border:none;
		}
		td{
		padding:5px;
		}
    .mt-0{
    margin-top:0;
    }
    .mb-0{
    margin-bottom:0;
    }
    .mb-50{
      margin-bottom:50px;
    }
    /*.login-box-body{
      background: #e6f0eb;
    }*/
    /*.login-box, .register-box {
       margin: 10% auto; 
    }*/
    .form-control-feedback{
      position:absolute;
      left:0;
    }
    .has-feedback .form-control {
      padding-left: 42.5px;
    }
    .has-feedback .form-control,.btn.btn-flat {
      border-radius: 12px;
    }
    .user_icon{
      width: 100%;
      max-width: 15px;
    }
    .password_icon{
      width: 100%;
      max-width: 20px;
    }
    .login-title,footer{
      color: #fff;
      font-size: 20px;
    }
    .bg-purple{
      background:#8875ae !important;
    }
    .bg-lightgreen{
      background: #5cc7ab;
    }
    .bg-yellow{
      background: #e5bb67;
    }
    .txt-orange{
      color:#fb9900!important;
    }
    .txt-green{
      color:#1a6f68!important;
    }
    .text-white{
      color:#fff;
    }
    footer{
      width: 100%;
      position: relative;
      bottom: 0;
    }
    .form{
      /*padding: 25px;*/
      width: 100%;
      max-width: 325px;
      margin: 0 auto;
    }
    .btn-login{
      width: 100%;
      max-width: 100px;
    }
    .fa-calendar{
      position: absolute;
      right: 11px;
      top: 7px;
      color: #0c3a47;
    }
    select.form-control, input.form-control {
      background: #fff;
      border-color: #9ca9b2;
      border-radius: 5px;
      height: 30px;
    }
    button.btn.btn-search {
      background-color: #6ec689 !important;
      width: 100%;
      max-width: 300px;
      border-radius: 5px;
    }
    .page-heading{
      /*display: block;
      position: relative;
      margin-left: 30px;
      overflow: hidden;*/
      display: block;
      position: absolute;
      left: 10px;
      margin-left: 30px;
      overflow: hidden;
      font-size: 25px;
    }
    table{
      color: #393655;
      font-weight: 600;
    }
    .inner{
      padding: 20px 40px;
    }
    .count{
      color: #fff;
      font-size: 30px;
    }
   .card-head-purple{
      color: #4c445b !important;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 0;
    }
    .card-head-lightgreen{
      color: #3d7e6c !important;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 0;
    }
    .card-head-yellow{
      color: #987634 !important;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 0;
    }
    .card-image{
      width: 100%;
      position: relative;
    }
    .card-image-container{
      position: absolute;
      top: -40px;
      left: 50%;
      margin-left: -37.5px;
      width: 75px;
      height: 75px;
      border-radius: 50%;
      background: #fff;
    }
    .purple-border{
      border: 3px solid #4c445b;
    }
    .green-border{
      border: 3px solid #3d7e6c;
    }
    .yellow-border{
      border: 3px solid #987634;
    }
    .card-image-container>img{
      width: 50px;
      position: absolute;
      top: 9px;
      left: 50%;
      margin-left: -25.5px;
    }
    .input-icon{
      background: #dbe2ea;
      width: 35px;
      border: 1px solid #9ca9b2;
      border-left: 0;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
    }
    .dropdown-icon{
      background: #dbe2ea;
      width: 30px;
      height: 30px;
      border: 1px solid #9ca9b2;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      position: absolute;
      top: 32px;
      right: 15px;
    }
    .fa-sort-desc{
      position: absolute;
      left: 8px;
      top: 1px;
      font-size: 20px;
    }
    .card-body{
      position: relative;
    }
    .card-header{
      font-size: 20px;
      background: #fff;
    }
    .nav-tabs {
       border-bottom: 0; 
    }
    .nav-item a{
      color: #a2a2a4;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: #292a2f;
      background-color: #e0e4e5;
      border-radius: 15px;
    }
    .nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
      color: #292a2f;
      background-color: #e0e4e5;
      border-radius: 15px;
    }
    ul.cases_count{
      padding: 0;
      margin: 0;
      list-style: none;
      position: absolute;
      top: 9px;
      right: 15px;
    }
    .cases_number{
      font-size: 35px;
      color: #46a19a;
    }
    .case_date{
      color: #a2a2a4;
    }
    .skin-blue .sidebar-menu>li>a {
      line-height: 1;
    }
    .fa-ellipsis-v,.fa-edit,.fa-trash{
      color: #a2a2a4;
      cursor: pointer;
      margin-left: 9px;
    }
    .fa-ellipsis-v:hover,.fa-edit:hover,.fa-trash:hover{
      color: #0c3a47;
    }
    .dropdown-toggle::after{
      display: none;
    }
    .dataTable > thead > tr > th[class*="sort"]:before,
    .dataTable > thead > tr > th[class*="sort"]:after {
        content: "" !important;
    }
    .table>thead{
      background-color: #6ec689 !important;
      color: #fff;
      text-align: center;
    }
.pagination>li>a{
    background-color: #fff;
    /*border:1px solid  #6ec689;*/
    color: #0c3a47;
    border-radius: 12px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 700;
    font-size: 19px;
    padding: 5px 7px;
}
    .pagination>li>a.current{
        background-color: #6ec689;
        border-color: #6ec689;
      color: #0c3a47;
      border-radius: 12px;
      margin-left: 5px;
      margin-right: 5px;
      font-weight: 700;
      font-size: 19px;
        padding: 5px 7px;
    }
    /*.page-item.active .page-link {*/
        /*z-index: 1;*/
        /*color: #0c3a47;*/
        /*background-color: #6ec689 ;*/
        /*border-color: #6ec689 ;*/
        /**/
    /*}*/
    .highcharts-credits{
      display: none;
    }
    /*table.table-bordered.dataTable{
      margin-bottom: 0 !important;
    }*/
    table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled){
      padding: 5px 5px;
    }
    tbody{
      font-weight: 500;
    }
    .table-striped tbody tr:nth-of-type(odd){
      background: #fff;
    }
    .table-striped tbody tr:nth-of-type(even){
      background: #f4f9ff;
    }
    /*div.dataTables_wrapper div.dataTables_info {
        padding: 5px 10px;
        background: #fff;
    }*/
    @media screen and (max-width: 375px){
      .content{
        margin-top: 60px;
      }
    }
    @media screen and (max-width: 425px){
      .page-heading{
        display: none;
      }
    }
    @media screen and (min-width: 430px) and (max-width: 768px){
      .page-heading{
        font-size: 16px;
      }
    }
.card{
    border-radius: 10px!important;
}
.select2-container .select2-selection--single{
    height: 30px!important;
}
.table td, .table th{
    padding: 5px!important;
}



.bg-box-1{background-color:#8875ad;}
.bg-box-2{background-color:#5cc7ab;}
.bg-box-3{background-color:#e5bb67;}
.bg-box-4{background-color:#7288b7;}
.text-theme-1{color:#4c445b;}
.text-theme-2{color:#5cc7ab;}
.text-theme-3{color:#e5bb67;}
.text-theme-4{color:#7288b7;}
.widget-box{
    border-radius:10px;
    text-align:center;
    padding:10px;
    margin-bottom:1rem;
    min-height:182px;
    position:relative;
    margin-top:2.6rem;
}
.widget-box img{
    position: absolute;
    top: -40px;
    left: 50%;
    transform:translate(-50%);
    padding:5px;
    border-radius: 50%;
    background: #fff;
    width:70px;
}
.widget-box h3{
    margin-bottom:0;
    font-size:22px;
    color:rgba(0,0,0,0.5);
    line-height:1;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:35px;
}
.widget-box h2{
    font-size:40px;
    color:#ffffff;
    line-height:1.5;
    text-transform:uppercase;
    font-weight:bold;
}
.stat-div{
    background:rgba(0,0,0,0.2);
    display:flex;
    justify-content:space-between;
    color:#ffffff;
    font-size:14px;
    padding:5px 10px;
    margin-bottom:5px;
    min-height:32px;
}
.bg-box-1 img{border:3px solid #4c445b;}
.bg-box-2 img{border:3px solid #3b7868;}
.bg-box-3 img{border:3px solid #9a7433;}
.bg-box-4 img{border:3px solid #415884;}
.graph-card{
    background-color:#f4f9ff;

}
.graph-card .card-header{
    background-color:#f4f9ff;
    border-radius:10px 10px 0 0;
}
.graph-card .card-header h4{
    font-weight:bold;
    color:#0c3a47;
    font-size:22px;
    margin-bottom:0;
}
.graph-card .card-header h4 span{color:#5fc8aa}
.graph-card .card-header .btn{
    background-color:transparent;
}
.card-legend{
    text-align:center;
    padding:10px;
}
.card-legend h3{
    font-size:24px;
    line-height:1.5;
    font-weight:bold;
}
.card-legend p{
    font-size:12px;
    line-height:1.2;
}
select.form-control, input.form-control {
    background: #fff;
    border-color: #9ca9b2;
    border-radius: 5px;
}