body {
    overflow-x: hidden;
}
body,
.form-control,
.tooltip{
    font-family: 'Tajawal', sans-serif;
}

.btn.m-btn--custom {
    font-family: 'Tajawal', sans-serif;
    font-weight: 700;
}
.m-checkbox > span::after {
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.la-angle-right::before {
    content: "\f111";
} 
.m-subheader .m-subheader__title,
.btn,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text{
    font-family: 'Tajawal', sans-serif;
}
.table th {
    font-family: 'Tajawal', sans-serif;
    font-weight: 700;
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    right: 8px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-right: 30px !important;
    padding-left: 10px !important;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-left: 30px;
    padding-right: 10px !important;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    right: initial !important;
    left: 0.5em !important;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
    right: initial !important;
    left: 1em !important;
}
div.dataTables_wrapper div.dataTables_info {
    white-space: initial !important;
}
div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-right: 0.5em;
    margin-left: 0;
}

@media screen and (min-width:0px) and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_filter label {
        text-align: center !important;
    }
}
div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    white-space: initial !important;
}

div.dataTables_wrapper div.dataTables_filter {
    display:inline-block;
}
div.dt-buttons {
    text-align: left;
    direction: ltr;
    display:inline-block;
    margin-left: 10px;
}
@media screen and (min-width:0px) and (max-width:320px) {
    .dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled,
    .dataTables_wrapper .dataTables_paginate .pagination .page-item:first-child,
    .dataTables_wrapper .dataTables_paginate .pagination .page-item:last-child{
        display: none;
    }
}

.form-control{
    height: calc(2.95rem + 6px);
}
.m-form .form-control-label, .m-form label,
.m-subheader .m-subheader__title,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text{
    font-weight: 700;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}
#DataTables_Table_0 .child .dtr-details > li .dtr-data{
    text-align: right !important;
    position: relative;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    text-align: center;
}
table.table-bordered.dataTable tbody td button {
    width: 100%;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    text-align: right;
}
.dataTable .my-gallery figure {
    margin: auto;
}
.dataTable .my-gallery img {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}
table.table-bordered.dataTable tbody td {
    position: relative;
}
.DisplayData .BtnToggle {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px !important;
    height: 20px !important;
}
.note-editor.note-frame .note-editing-area .note-editable {
    padding-top: 20px;
}
.DisplayData .Default div {
    width: 100%;
}
.LastUpdate{ 
    float: left;
    direction: rtl;
}
.DisplayData .BtnToggle {
    display: none;
}

.table th {
    text-align: center !important;
}

.note-editor.note-frame .note-editing-area .note-codable {
    padding: 20px;
}
.dropzone .dz-preview .dz-image img {
    width: 100%;
}
/*.dz-error-mark.DeletePhoto {
    z-index: 9999999999 !important;
    opacity: 1 !important;
    margin: auto !important;
    text-align: center !important;
    top: initial !important;
    bottom: 5px;
    right: 0;
    left: 0 !important;
    cursor: pointer !important;
}*/
.PhotoBTNS {
    margin-top: 5px;
}
.PhotoBTNS a {
    display: inline-block;
    text-decoration: none;
    padding: 5px;
    color: #FFF !important;
    background-color: #000;
    border-radius: 4px;
    cursor: pointer !important;
    font-size: 20px;
    cursor: pointer !important;
    z-index: 9999;
    max-width: 40px;
    margin: auto;
}
.PhotoBTNS a i {
    cursor: pointer !important;
}
.PhotoBTNS .my-gallery {
    display: inline-block;
}
.dropzone .dz-preview .dz-details {
    padding: 1em 1em;
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 10px;
}
.dropzone .dz-preview .dz-details .dz-filename{
    direction: ltr;
}

.sortable li {
    list-style: none;
}
.sortable { 
    list-style-type: none;
    padding: 0;
    margin: 30px auto;
    margin-bottom: 0;
}
.sortable  li { 
    margin: 5px;
    width: 100%; 
    cursor: move;
    text-align: right;
}
.m-error-6 .m-error_container .m-error_subtitle > h1 {
    margin-top: 2rem;
}
@media screen and (min-width:0px) and (max-width:480px) {
    .m-portlet .m-portlet__body {
        padding: 2.2rem 1.2rem;
    }
    .m-portlet .m-portlet__head {
        padding: 0 1.2rem;
    }
}

.buttons-print,
.buttons-html5{
    display: none;
}

.m-brand .m-brand__logo .m-brand__logo-wrapper img {
    /*max-width:70px;*/
    margin-right: -15px;
}
.daterangepicker thead .fa.fa-chevron-right::before  {
    content: "";
}
.daterangepicker thead .fa.fa-chevron-left::before {
    content: "";
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
.m-menu__item--hover .m-menu__link-text
{
    color: #FFF;
    font-size: 14px;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow{
    color: #FFF;
}
.TimePickerHijri > div {
    display: block !important;
}