.field-validation-error,
.input-validation-error {
    color: #f4516c !important;
    border-color: #f4516c !important
}

.field-validation-error {
    padding-top: calc(.85rem + 1px) !important;
    padding-bottom: calc(.85rem + 1px);
    margin-bottom: 0 !important;
    font-size: inherit !important;
    line-height: 1.25 !important;
    padding-right: 7px
}

.field-validation-valid,
.input-icon>i.loading,
.validation-summary-valid,
i.loading {
    display: none
}

input.input-validation-error {
    border: 1px solid #f4516c !important
}

input[type=checkbox].input-validation-error {
    border: 0
}

.m-accordion .m-accordion__item--metal .m-accordion__item-head.collapsed {
    background-color: #67809f !important
}

#DivTopTable {
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px
}

td.a_action {
    padding-bottom: 0;
    padding-top: 0
}

.bold,
thead.bold th {
    font-weight: 700 !important
}

thead tr.bg {
    background-color: #ebebeddb
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfcfd
}

.table-hover tbody tr:hover {
    background-color: #f7f8fa
}

table thead tr th {
    border: 1px solid #f4f5f8 !important;
    border-bottom: 2px solid #f4f5f8 !important
}

.dtr-details,
span.select2-container {
    width: 100% !important
}

hr {
    display: block;
    float: none;
    clear: both;
    margin-top: 35px;
    margin-bottom: 30px;
    border-top: 2px solid #eee !important
}

td>hr {
    margin: 5px !important
}

.ltr {
    direction: ltr !important;
    text-align: left !important
}

.rtl,
label.ar {
    direction: rtl !important;
    text-align: right !important
}

.ltr_only {
    direction: ltr !important
}

.rtl_only {
    direction: rtl !important
}

.left {
    text-align: left !important
}

.right {
    text-align: right !important
}

.cblue {
    color: #00f !important
}

.cred {
    color: red !important
}

.bgc,
.grey {
    background-color: #ebe8e8 !important
}

optgroup {
    font-size: 18px
}

.typeahead.dropdown-menu {
    width: 100%;
    z-index: 9999999 !important
}

select {
    padding-top: 2px !important
}

.en .note-editor,
.en input,
.en textarea {
    text-align: left;
    direction: ltr
}

.ar .note-editor,
.ar input,
.ar textarea {
    text-align: right;
    direction: rtl
}

label.en {
    direction: rtl !important;
    text-align: left !important
}

.center {
    text-align: center !important
}

.menu-logo,
input.OnlyNumber {
    text-align: center
}

input.OnlyNumber {
    direction: ltr
}

.small {
    font-size: small !important
}

.x-small {
    font-size: x-small !important
}

.xx-small {
    font-size: xx-small !important
}

.smaller {
    font-size: smaller !important
}

.corange {
    color: #ff6a00 !important
}

.notsRow {
    font-size: smaller;
    color: grey
}

.toast-error {
    background-color: #d73d32 !important
}

.validation-summary-errors {
    border-color: #df5138;
    background: #e46f61;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    margin: 10px 0
}

.categories-tree {
    list-style: none;
    margin: 20px 0 0;
    padding: 15px;
    border: 1px solid #ccc;
    height: 400px;
    overflow: auto
}

.categories-tree li {
    padding: 3px 0
}

.form-control.input-validation-error {
    border: 1px solid #e46f61
}

.menu-logo img {
    position: relative;
    z-index: 10;
    max-height: 70px;
    margin: 5px auto;
    width: 70%
}

.table-responsive {
    overflow-y: hidden
}

.table-responsive .table {
    max-width: none
}

.datepicker-dropdown {
    max-width: 300px
}

.datepicker {
    float: right
}

.datepicker.dropdown-menu {
    right: auto
}

.DivButtonSearch {
    padding-top: 30px
}

input,
select,
textarea {
    width: 100%;
    padding: .85rem 1.15rem;
    line-height: 1.25;
    height: calc(2.95rem + 2px)
}

div.pill .form-control,
div.pill input,
div.pill select,
div.pill textarea {
    border-radius: 1.3rem;
    border: 1px solid #ced4da
}

div.shaadow .form-control,
div.shaadow input,
div.shaadow select,
div.shaadow textarea {
    box-shadow: 0 3px 20px 0 rgba(113, 106, 202, .11)
}

.m-checkbox>span:after {
    transform: rotate(45deg) !important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    text-align: right;
    margin: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0
}

span.dtr-title {
    width: 1% !important
}

#accordionCus {
    padding: 24px 70px 24px 24px;
    max-width: 95% !important
}

#accordionCus p b {
    margin-right: 20px
}

#accordionCus p span {
    color: #888
}