@font-face {
    font-family: "bold";
    src: URL('../fonts/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: "sbold";
    src: URL('../fonts/Cairo-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: "regular";
    src: URL('../fonts/Cairo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "light";
    src: URL('../fonts/Cairo-Light.ttf') format('truetype');
}

/*General style*/
body {
    font-family: regular;
    text-align: right;
}


/*Error Messages*/
.alert {
    font-size: 14px !important;
    line-height: 19px
}

label.error {
    color: #dc3545 !important;
    font: 300 15px/19px light;
}

;

/* Form Validation */
input.form-control,
select.form-control {
    text-align: right;
    font: 300 16px/19px light;
}

.form-addon {
    right: 25px;
    font: 12px/15px regular;
}

/* Badges & Colors*/
.badge {
    font: 16px/22px regular;
}

/*Buttons*/
.btn {
    font: 16px/19px regular;
}

/* Pagination */
.pagination_area select {
    float: left;
    font-size: 11px;
    font-family: bjsb;
}

/*customized*/
.table-customized thead th {
    font: 15px/24px sbold;
}

.table-customized tbody td {
    font: 14px/25px regular;
}

.table-customized .action_dropdown_area .dropdown button {
    font: 13px/22px regular;
}

.table-customized .action_dropdown_area .dropdown .dropdown-menu a {
    text-align: right;
    font-size: 12px;
    color: #000
}

label[for="total_per_page"] {
    margin-left: 10px;
}

.table-customized thead tr th:first-child {
    border-radius: 0;
    border-top-right-radius: 8px
}

.table-customized thead tr th:last-child {
    border-radius: 0;
    border-top-left-radius: 8px;
}

.table-customized tbody tr:last-child td:first-child {
    border-radius: 0;
    border-bottom-right-radius: 8px;
}

.table-customized tbody tr:last-child td:last-child {
    border-radius: 0;
    border-bottom-left-radius: 8px;
}

.search-form input {
    font: 14px/25px regular;
}

.search-form label {
    font: 14px/25px regular;
}

/*Breadcrumb*/
#breadcrumb_area ul li {
    text-align: right;
    font: normal normal bold 23px / 32px bold;
}

#breadcrumb_area ul li h2 {
    text-align: right;
    font: 20px/24px regular
}

#breadcrumb_area .button_wrapper {
    float: left;
}

#breadcrumb_area .btn_action {
    float: left
}

/* Modal */
.custom-modal .modal-content .modal-header .modal-title {
    font-size: 20px;
}

.custom-modal .modal-content .modal-header .modal-title span.info_text {
    font-size: 11px;
}

.custom-modal .modal-content .modal-body .form-group label span.text-note {
    font-size: 9px;
    color: #0c5460;
}

.custom-modal .modal-content .modal-body .form-group .img-contianer-box {
    float: right;
}

.custom-modal .modal-content .modal-body .form-group .form-control {
    font-size: 16px;
}

.custom-modal .modal-content span.input {
    float: right
}

.custom-modal .modal-content .modal-body .form-group label {
    font-size: 16px;
}

.custom-modal .table-customized tbody td {
    text-align: right;
}

.custom-modal .btn-generate {
    right: auto;
    left: 12px
}


/* Sweet Alert */
.swal2-title {
    font-size: 18px !important;
    font-family: sbold !important;
}

.swal2-styled {
    font-size: 13px !important
}

.swal2-icon-warning #swal2-content {
    font-size: 12px;
}

.swal2-icon-success #swal2-content {
    font-size: 12px
}

/*spinners*/
.dropdown_spinners {
    left: 26px;
}

/* Select 2 styls*/
.select2-container {
    font: normal normal 300 16px/19px light;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    margin-top: -2px !important
}

/* Sidebar */
#sidebar>ul.components>li>a {
    font: normal normal normal 16px/24px sbold;
}

#sidebar ul.components ul li>a {
    font: normal normal normal 16px/19px regular;
}

#sidebar .version h5 {
    font: 16px/19px regular;
}

#sidebar #sidebar-toggler {
    left: 0
}

#sidebar>ul.components>li>a>i,
#sidebar>ul.components>li>a>img {
    right: 12px;
}

/* Dashboard */
.dashboard_view .cont_box .counter h1 {
    font: bold 24px/32px bold;
}

.dashboard_view .cont_box .title {
    font: normal normal normal 16px/19px regular;
}

.dashboard_view .cont_box h3 {
    font: bold 24px/29px bold;
}

/* Login */
.login-wrapper .card-body .input-label {
    font-size: 16px;
    line-height: 19px
}

.login-wrapper .card-body .input-box {
    font-size: 16px;
    line-height: 19px;
    font-family: light;
    text-align: right;
}

.login-wrapper .card-body button[type=submit] {
    line-height: 19px;
    font-size: 16px;
}

.login-wrapper h2 {
    font-size: 24px;
    font-family: sbold;
}

.show_password {
    font-size: 12px;
    line-height: 15px;
}

@media print {

    .table-customized th,
    .table-customized td {
        font-size: 12px !important
    }
}

.rounded-img {
    left: -13px;
    right: auto;
}