.alert {
    display: none;
}

.login-page, .register-page {
    background-position: 100% 100%;
    background: #000c;
}

.m-t-20 {
    margin-top: 20px;
}

#preview_image img {
    width: 150px;
    height: 150px;
    border: 1px solid #cccccc;
}

.m-t-30 {
    margin-top: 30px;
}

table tr td img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.border-0 {
    border: 0;
}

.equipment-data {
    background-color: #222d32;
    color: #fff;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.equipment-data span.name {
    padding: 10px 15px;
    float: left;
    width: 90%;
}

.equipment-data span.remove {
    float: right;
    cursor: pointer;
    width: 10%;
    padding: 10px;
    text-align: center;
    background-color: #ff0000;
}

.box-comment .comments {
    position: relative;
}

.box-comment .comments input {
    padding-right: 40px;
}

.box-comment .comments .remove {
    position: absolute;
    top: 0;
    right: 16px;
    background-color: #ff0000;
    padding: 7px 10px;
    color: #fff;
}

.box-video {
    position: relative;
    border: 1px solid #222d32;
    margin-bottom: 25px;
    padding: 10px 15px;
}

.box-video .remove-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    text-align: center;
    color: #ffffff;
    padding-top: 3px;
    font-size: 16px;
    cursor: pointer;
}

.display-none {
    display: none;
}

#image-section .images .name {
    width: 100%;
    text-align: center;
    float: left;
    background-color: #222d32;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

#foodList .food_remove {
    float: right;
    top: -14px;
    position: absolute;
    right: -7px;
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
}

.food-box {
    border: 1px solid #000;
    margin-bottom: 20px;
}

.food-box .name {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.food-box-header {
    padding: 10px 20px;
    background-color: #ccc;
    height: 50px;
}

.food-box-body {
    padding: 20px 20px 10px 20px;
}

.position {
    border: 1px solid #222d32;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.position .position-head {
    padding: 10px 20px;
    background-color: #ccc;
    float: left;
    width: 100%;
}

.position .position-head span {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}

.position .position-body {
    padding: 20px;
    width: 100%;
    float: left;
}

.position-body .age_position {
    position: relative;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.position-body .age_position .remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
}

.position-body .age_position .td span {
    font-size: 16px;
    font-weight: 600;
}

.position-body .age_position .td span i {
    float: right;
}

.position-body .age_position .td span i {
    float: right;
    width: 30px;
    height: 30px;
    background-color: #00a65a;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

.position-body .age_position .tr-remove {
    text-align: right;
}

.position-body .age_position .tr-remove i {
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
}

.position-body .age_position .session-head {
    position: relative;
    width: 100%;
    background-color: #cccccc;
    padding: 5px 15px;
    display: inline-block;
}

.position-body .age_position .session-head .name {
    font-weight: 700;
}

.position-body .age_position .session-body {
    padding: 10px 20px 0 20px;
}

div#cke_detail {
    margin: 0;
}

.profile-user-img {
    border-radius: 0;
    border: 0;
}


.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url(data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' fill= '%23dc354…%3e%3ccircle cy=' 3 ' r=' .5 '/%3e%3ccircle cx=' 3 ' cy=' 3 ' r=' .5 '/%3e%3c/svg%3E); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75 em + .375 rem); } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-right: 2.25rem; background-image: url(data:image/svg+xml,%3csvg xmlns= ' http://www.w3.org/2000/svg ' viewBox= ' 0 0 8… 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z ' /%3e%3c/svg%3e); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75 em + .375 rem); } .modal-dialog.lang-arabic button.close { margin: -10px 0 0 -20px; } .modal-dialog.lang-arabic button#btnSubmit { margin: 0 10px 0 0; } .validateImage .form-group { text-align: center; } .validateImage .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; box-shadow: 0 1px 2px rgba(0, 0, 0, .075); max-width: 100%; height: auto; max-height: 129px; margin: 0px auto !important; float: none; } .required label:after { color: #e32; content: ' * ' ; display: inline; } .input-error.partimageerror3 { color: red; } .select2-container--default .select2-selection--single { height: auto !important; } .small-box .icon > i.ion, .small-box .icon > i.fab, .small-box .icon > i.fas { font-size: 70px; top: 20px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 1px !important; } /* arabic */ body.arabic ul.nav.nav-pills.nav-sidebar.flex-column li.nav-item { float: left; width: 100%; } body.arabic ul.nav.nav-pills.nav-sidebar.flex-column li.nav-item i.fa { float: right; margin-left: .2rem; min-width: 24px; text-align: center; } body.arabic input[type= "radio" ] { margin: 0 0 10px 10px; } /* Chrome, Safari, Edge, Opera */ input#mobile::-webkit-outer-spin-button, input#mobile::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input#mobile[type=number] { -moz-appearance: textfield; } body.arabic .card-tools { position: relative !important; width: 100% !important; float: left; left: 0rem !important; right: auto !important; text-align: left !important; } body.arabic span.radio-right { float: right; margin: 0 0 0 15px; } body.arabic .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: right; margin-right: 5px; margin-top: 5px; padding: 5px 5px 0 5px; } body.arabic ::-webkit-scrollbar { width: 5px; } body.arabic ::-webkit-scrollbar-track { -webkit-box-shadow: none !important; border-radius: 10px; } body.arabic ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: none !important; background: #c2c7d0 !important; } .brand-link .brand-image { float: left; line-height: .8; margin-left: 3rem; margin-right: .5rem; margin-top: -3px; max-height: 100px; width: 60%; } .cus-mobile input.phonecode:focus { outline: none; border: none; } .cus-mobile input.phonecode { float: left; padding: 6px 0 !important; font-weight: 700; font-size: 14px; border-radius: 4px 0 0 4px; position: absolute; top: 40px; left: 22px; margin: 0px !important; width: 25px; border: none; } .cus-mobile input#mobile { padding-left: 47px; } body.arabic .cus-mobile select.phonecode { right: 9px; float: left; padding: 6px 0 !important; font-weight: 700; font-size: 14px; border-radius: 0 4px 4px 0; position: absolute; top: 38px; margin: 0px !important; width: 60px; } body.arabic .cus-mobile input#mobile { padding-right: 64px; } div#customerList_wrapper { margin-top: 10px; } .col-md-3.filter-dropdown select { float: left; padding: 8px 0 !important; font-weight: 700; font-size: 14px; border-radius: 4px 0 0 4px; position: absolute; top: 0px; width: 41px; } .col-md-3.filter-dropdown input { padding-left: 50px; } div#productList_wrapper { margin-top: 10px; } div#reviewList_wrapper { margin-top: 10px; } .star-rating { direction: rtl; display: inline-block; padding: 0px } .star-rating input[type=radio] { display: none } .star-rating label { color: #bbb; font-size: 18px; padding: 0; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .star-rating label:hover, .star-rating label:hover ~ label, .star-rating input[type=radio]:checked ~ label { color: #f2b600 } span#btnCancel { padding: 10px; } .dataTables_info { display: none; } .dataTables_length { display: none; } body.arabic span.col-3.btn.btn-warning.btn-sm span { float: right; } body.arabic div.dataTables_wrapper div.dataTables_filter { text-align: left; } body.arabic div.dataTables_wrapper div.dataTables_filter input { margin-left: 0em; } body.arabic .col-md-3.filter-dropdown input { padding-left: 7px; } body.arabic .col-md-3.filter-dropdown input { padding-top: .5rem; padding-bottom: .5rem; padding-right: 50px; } body.arabic .col-md-3.filter-dropdown select { border-radius: 0px 4px 4PX 0px; } body.arabic .select2-container .select2-search--inline { float: right; } .pull-right { float: right; } div#requestList_wrapper { margin-top: 10px; } .lat-error { width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; } span.select2.select2-container.select2-container--default { width: 100% !important; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 52px; height: 25px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: "" ; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

table.table.table-bordered.table-striped.dataTable {
    width: 100% !important;
}

body.arabic ul.nav.nav-pills.nav-sidebar.flex-column li.nav-item i.fa-angle-left {
    float: left;
    text-align: left !important;
}


body.arabic select#order_status_id {
    margin: 0 0 0 11px !important;
    float: left !important;
}


body.arabic .form-group label.col-form-label.text-right {
    width: 100%;
}

body.arabic .form-group label {
    width: 100%;
}


body.arabic .table.discount-product {
    direction: ltr !important;
}

/*body.arabic .table.right-text-table
{ direction:ltr !important; }*/


body.arabic .table.right-text-table span.btn.btn-warning.btn-sm span {
    float: right;
}

body.arabic select#timeslot_id {
    direction: ltr !important;
}


.table tr td {
    word-break: break-all !important;
}


body.arabic #colorPick {
    direction: ltr !important;
    left: 700px !important;
}


#colorPick {
    direction: ltr !important;
    left: 500px !important;
}


body.arabic div#multi-attributeBlock i.fa.fa-times.float-right {
    float: left !important;
    margin-top: -22px;
}

body.arabic div#attribute_detail_div_1 i.fa.fa-times.float-right {
    float: left !important;
    margin-top: -22px;
}

body.arabic div#attribute_detail_div_2 i.fa.fa-times.float-right {
    float: left !important;
    margin-top: -22px;
}


.right .direct-chat-text {
    margin-left: 0;
    margin-right: 1px !important;
    word-wrap: break-word;
}

.left .direct-chat-text {
    margin-left: 1px !important;
    margin-right: 0;
    word-wrap: break-word;
}

.direct-chat-text {
    border-radius: .3rem;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    color: #444;
    margin: 0 0 0 0 !important;
    padding: 5px 10px;
    position: relative;
}
body.arabic ul.nav.nav-pills.nav-sidebar.flex-column li.nav-item.d-none.d-sm-inline-block {
width: auto !important;
    float: right;
}

a.brand-link {
    height: 115px;
}

.parent-user-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    font-size: 14px;
}