/*
    To change this license header, choose License Headers in Project Properties.
    To change this template file, choose Tools | Templates
    and open the template in the editor.
*/
label {
    text-transform: capitalize;
}

.btn-sm {
    padding: 0;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    padding-top: 6px;
    border-radius: 50%;
}
.has-error .error.help-block {           
    color: #e7515a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}
.bubble.you .delete-chat,
.bubble.me .delete-chat{
    position: absolute;
    top: 9px;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    width: 25px;
    height: 25px;
    color: #e7515a;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    border-radius: 50%;
    cursor: pointer;
}
.bubble.you:hover .delete-chat,
.bubble.me:hover .delete-chat{
    opacity: 1;
    visibility: visible;
}

.bubble.you .delete-chat{
    right: -35px;
}
.bubble.me .delete-chat{
    left: -35px;
}
#sidebar i {
    position: relative;
    top: 3px;
    margin-right: 5px;
    width: 20px;
}
.chat-message-form{
    position: relative;
}
.left-icon-form{
    position: relative
}
.left-icon-form .form-control{
    padding-left: 45px;
}
.left-icon{
    position: absolute;
    top: 11px;
    left: 13px;
    font-size: 19px;
    color: #495057;
}
li.menu.has-class a {
    background: rgba(96, 125, 139, 0.54);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    border-radius: 6px; 
}
ul.submenu li.has-class.active {
    background: transparent;
}
ul.menu-categories ul.submenu li a{
    background-color: transparent !important;
    box-shadow: none !important;
}
.range_inputs button {
    border-radius: unset;
    width: 70px;
    padding-top: 0;
    height: 40px;
    margin-right: 5px;
}

.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    background-color: #1b2e4b;
    border: 1px solid #1b2e4b;
    height: auto;
    padding: 8px 11px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff;
}
.select2-dropdown{
    background-color: #1b2e4b;
    border-color: #1b2e4b;
}
.select2-results__option {
    color: #afafaf;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2c4469;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #2f486d;
    background-color: #1b2e4b;
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%;
} 

.k-timepicker .k-picker-wrap{
    color: #009688 !important;
    background: #1b2e4b !important ;
    border-radius: 5px !important;
}

.k-timepicker .k-select{
    color: #009688 !important;
    background: #1b2e4b !important;
}
.k-timepicker .k-select{
    width: 35px !important;
}
.k-timepicker .k-input {
    padding: .75rem 1.25rem !important;
    height: 100% !important;
}
.k-popup {
    color: #fff  !important;
    background-color: #2f4467  !important;
}
.k-list .k-item.k-state-hover{
    color: #fff  !important;
    background-color: #273242  !important;
}
@media (min-width: 1200px){
    .table-responsive{
        overflow-x: auto; 
    }
}

.user-profile .widget-content-area .user-info-list ul.contacts-block li{
    display: flex;
}
.user-profile .widget-content-area .user-info-list ul.contacts-block svg{
    min-width: 21px;
}
.data-number {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
}
.data-number span{
    text-transform: uppercase;
    font-size: 15px;
    color: #4fa6ff;
    font-weight: 500;
}
.img-radius{
    border-radius: 4px;
}
.user-profile .widget-content-area .user-info-list ul.contacts-block {
    margin: 25px 0px !important;
    max-width: 100% !important;
}
.user-profile .widget-content-area h3:after{
    display: none;
}
.amount-card-box {
    margin-bottom: 25px;
}
.amount-card-box h2 {
    font-size: 18px;
}
.amount-card-box h3 {
    font-size: 25px;
    margin-bottom: 0px;
    font-weight: 600;
}
.bg-card-red{
    background-color: #f96c6d;
}
.bg-card-blue{
    background-color: #6a95e8;
}
.bg-card-yellow{
    background-color: #fbb355;
}
/* .modal-header{
    border-bottom: 1px solid #5f5f5f;

} */
.modal-footer{
    background-color: #0e1726;
    border-top: 1px solid #5f5f5f;

}
.modal-content {
    padding: 10px;
}
.info h6 {
    color: #3b3f5c;
    margin: 4px 8px 40px 8px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.alert {
    text-transform: capitalize !important ;
}
.ui-pnotify-text {
    text-transform: capitalize !important ;
}
li.paginate_button.page-item.previous a ,li.paginate_button.page-item.next a{
    padding: 6px 11px;
    border-radius: 6px;
    background: #eee;
}
.page-link { 
    padding: 6px 10px;
}
.img-close
{
    position:absolute;
    top:10px;
    right:0;
}

.colors ul{list-style:none; padding:0; margin: 0;}

.colors li{ display: inline-block;}

.colors label{cursor: pointer;}

.colors input{display:none;}

.colors input[type="radio"]:checked + .swatch{box-shadow: inset 0 0 0 3px #f4f4f4;}

.swatch{
  display:inline-block;
  vertical-align: middle;
  height: 30px;
  width:30px; 
  border: 1px solid #d4d4d4;
}