/*
form-container*/
.form-container .form-form .form-form-wrap form .field-wrapper label {
    text-transform: uppercase;
}
.form-container .error-danger {
    color: #da4453;
    padding: 10px 5px;
    margin-top: 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    display: none !important;
}
.breadcrumb-item svg {
    margin-left: 5px;
    margin-right: 7px;
}
/**
widget
*/
.sales .widget {
    overflow: hidden;
}
.sales .widget .widget-content .icons {
    width: 120px;
    height: auto;
    float: left !important;
}
.sales .widget .widget-content .info {
    width: auto;
    height: auto;
    float: left;
    padding-top: 20px;
    overflow: hidden;
}
.sales .widget .widget-content .info span {
    line-height: 27px;
    text-transform: uppercase;
}
.widget-one_hybrid .widget-heading h5 {
    line-height: 43px;
    text-transform: uppercase;
}

/**
boxHead**/
.widget-content .boxHead {
    padding: 15px 0px;
    border-radius: 10px;
}
.widget-content .boxHead h4 {
    text-transform: uppercase;
    line-height: 38px;
    font-size: 19px;
    font-family: "Josefin Sans", sans-serif;
}
.widget-content .boxHead .btn {
    font-size: 15px;
    font-weight: 300;
    text-transform: capitalize !important;
}
.widget-content .boxHead .btn svg {
    margin-right: 10px;
}
.widget-content .boxHead .badge {
    margin-right: 15px;
}
.widget-content span.error {
    width: 100%;
    display: block;
    color: #da4453;
    padding: 12px 0px;
    font-weight: 300;
}
.oor-clients .form-group .form-control {
    background-color: #f5f7fa !important;
    border-color: #f5f7fa !important;
}

.dataTables_filter input{
    min-width: 350px!important;
    background-color: #f5f7fa !important;
    border-color: #f5f7fa !important;
    box-shadow: none;
}
.dataTables_wrapper .form-control {
    border-color: #f5f7fa !important;
    border: none;
    margin-top: 5px;
    -webkit-box-shadow: 2px 5px 17px 0 rgb(31 45 61 / 10%);
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #f5f7fa;
    padding: 8px 30px 8px 14px;
}
.dataTables_wrapper .dataTables_length select.form-control{

    background-color: #f5f7fa !important;
    border-color: #f5f7fa !important;
}

.table .badge {
    border-radius: 15px;
    padding: 4px 12px;
}
/**livewire-page **/
.livewire-page {
    padding: 15px 0px;
}
.livewire-page .page-item{
    margin: 5px;
    border-radius: 50px!important;
    background-color: #F5F7FA;
    border-color: #F5F7FA;
}
.livewire-page .page-item button{
    border-radius: 50px!important;
    background-color: #F5F7FA;
    border-color: #F5F7FA;
    color: #333;
}
.livewire-page .page-item.active span{
    border-radius: 50px!important;
}
.livewire-page  svg {
    width: 15px;
    height: auto;
}
.livewire-page .disabled .page-link{

    border-radius: 50px!important;
    background-color: #F5F7FA;
    border-color: #F5F7FA;

}
table .badge-success, table .badge-primary, table .badge-warning, table .badge-danger, table .badge-info, table .badge-secondary, table .badge-dark
{
        box-shadow: none;
}

.switch-control {
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
}
.switch-control label{
    float: left;
    min-width: 100px;
    margin-left: 5px;
}
.credit-control .input-group .input-group-prepend .input-group-text {
    border: 1px solid #F5F7FA;
    background-color: #F5F7FA;
}
.credit-control .input-group .input-group-prepend .input-group-text svg{
    color: #434A54;
}
.credit-control  .form-control{
    border-color: #F5F7FA;
    background-color: #F5F7FA;
}
.credit-control  .input-group-text{
    border: 1px solid #F5F7FA!important;
    background-color: #F5F7FA!important;
}
/*  user-login-data  */

.user-login-data{
    color: #333;
    padding: 15px 25px;
    margin-right: auto;
    background-color: #ffffff!important;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.user-login-data svg{
    margin-right: 7px;
    color: #DA4453;
}
.user-login-data p {
    font-size: 14px;
}


.color-input{
    padding: 0px!important;
    border: none!important;
    width: 150px;
    height: 55px;
}


/**
all_categories -*/
#all_categories {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}
#all_categories .box-cat{
    width: 100%;
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 5px;
}
#all_categories .box-cat img{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-left: auto!important;
    margin-right: auto!important;
    border: 1px solid #fff;
}
@media (min-width: 1366px) and (min-width: 980px){
    #all_categories .box-cat .row{
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}
#all_categories .box-cat h3{
    font-weight: 700;
    font-size: 19px;
}
#all_categories .box-cat h3 span{
    font-size: 14px;
}
#all_categories .box-cat p {
    font-size: 20px;
    font-weight: 700;
}
#all_categories .box-cat .btn{
    margin-bottom: 5px;
}
.codeIsEmpty svg{
    width: 120px;
    margin-bottom: 25px;
}
.buyCode label{
    color: #333;

}
.buyCode .form-control{
    border-color: #333!important;
}
.modal-body .table-bordered td,  .modal-body .table-bordered th{
    width: 100%!important;
}
.vert-box{
    background-color: #37BC9B!important;
}
.vert-box .widget-heading{
    color: #fff!important;
}
.vert-box p{
    color: #fff!important;
}
.vert-box svg{
    color: #fff!important;
}

.vert-box  .widget-heading .w-icon {
    color: #48CFAD!important;
    border: 1px solid #48CFAD!important;
}
.vert-box  .widget-heading  h5{
    color: #fff!important;
}

.blanche-box{
    background-color: #F5F7FA!important;
}
.blanche-box  .widget-heading  h5{
    color: #F5F7FA!important;
}

.blanche-box  svg{
    color: #333!important;
}

.blanche-box   .widget-heading .w-icon {
    color: #333!important;
    border: 1px solid #333!important;
}
.blanche-box   .widget-heading  h5{
    color: #333!important;
}

.yellow-box{
    background-color: #F6BB42!important;
}
.yellow-box   .widget-heading .w-icon {
    color: #FFCE54!important;
    border: 1px solid #FFCE54!important;
}
.yellow-box .widget-heading .w-icon {
    color: #fff!important;
    border: 1px solid #fff!important;
}
.yellow-box   .widget-heading  h5{
    color: #fff!important;
}
.yellow-box   .widget-heading  p{
    color: #fff!important;
}


.blue-box{
    background-color: #3BAFDA!important;
}
.blue-box  .widget-heading .w-icon {
    color: #4FC1E9!important;
    border: 1px solid #4FC1E9!important;
}
.blue-box .widget-heading .w-icon {
    color: #fff!important;
    border: 1px solid #fff!important;
}
.blue-box  .widget-heading  h5{
    color: #fff!important;
}
.blue-box  .widget-heading  p{
    color: #fff!important;
}

.custom-alert-1 {
    background-color: #DA4453;
    border-color: #DA4453;
    border-radius: 5px;
    color: #fff;
}
/***
    ticket-box
*/

.ticket-box .ticket-head {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px solid #F5F7FA;
}
.ticket-box .ticket-head h1{
    font-size: 20px;
    text-transform: capitalize;
    color: #000;
}
.ticket-box .ticket-body{
    line-height: 28px;
    border-bottom: 2px solid #F5F7FA;
}
.ticket-allreplay .item-reply {
    padding-bottom: 10px;
    border-bottom: 2px solid #F5F7FA;
}
.ticket-allreplay .item-reply .reply-head{
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 15px;
}
.ticket-allreplay .item-reply  .reply-body{
    font-size: 14px;
    line-height: 28px;
    color: #000;
}
#sidebar ul.menu-categories li a{
    font-size: 14.1px!important;
}

#sidebar ul.menu-categories ul.submenu > li a{
    font-size: 14px!important;
    color: #000;
    padding-left: 20px;
    margin-left: 28px;
}
.table tr > td{
    font-size: 15px!important;
    font-weight: 600;
    color: #000;
}

.alert-buy{
    background-color: #F5F7FA;
    border: 2px solid #37BC9B;
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

.alert-buy ::selection {
    color: red;
    background: yellow;
}