body {background: #f2f7fb!important;}
.bg{background: url('../images/login.png') 0 0  no-repeat; background-size: cover;}
.authentication-login {background: url('../images/login-bg.png') 0 0 #ccc  no-repeat;}
.login-form {background-color: #fff; padding: 30px; border-radius: 20px; border:solid 1px #999}
.login-form .form-control {border:0; border-bottom: solid 1px #999;  padding-left: 0; padding: 15px 0; border-radius: 0;}
.captcha {background-color: #ccc; border:0; padding: 8px 10px; text-decoration: line-through; font-size: 16px; font-weight: 600; letter-spacing:5px;}
.captcha button {border:0; background: transparent; color: #333;}
.login-form .form-control::placeholder {color: #999;}
.login-form   .form-control.fc {padding: 12px 0; padding-top: 8px;}


.btn-primary {background-color: #007EB7; border-color: #007EB7;}
.left-sidebar {background-color: #0072bb;}
.bg-pink {background-color: #e71fa4!important;}
.bg-green {background-color: #0fcd3c!important;}
.btn-red {background-color: #c00404!important; border-color: #c00404;}
.chart-card  .form-select{ font-size: 12px;}
.chart-card  .card-body {padding: 15px;}
.chart-card  .card-title {font-size: 14px!important;}

.table tr th {background-color: #666; color:#fff;  vertical-align: top;  }
.table tr th:first-child {border-radius: 10px 0 0 0 ;}
.table tr th:last-child {border-radius: 0 10px 0 0 ;}

div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button {padding: 5px 10px; background-color: #eee; font-weight: 600; border:0}
.page-card .card-body {padding: 10px;}
.page-card .card-body h4 {font-size: 24px; font-weight: 600;}
.page-card .card-body h4 span {font-size: 16px; font-weight: 500; margin-left: 10px; display: block;}
.filters label {color: #333;}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single {border-color: #999!important;}
.form-control {-webkit-appearance: menulist!important;}