﻿
/* Custom */
.auth .brand-logo img {
    width: 200px;
    margin: 0px auto;
    display: block;
}

.head-tap {
    background: linear-gradient(45deg, #eee, #d1d1d1);
    padding: 8px;
    margin-bottom: 25px;
    cursor: pointer;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
    font-size: 13px; 
    color:#000
}

.sidebar .nav .nav-item .nav-link .menu-title { 
    font-size: 13px;
    font-weight: bold;
}

.rtl .sidebar .nav.sub-menu {
    padding: 0 2.5rem 0 0
}
/*For Test*/
.form-group label {
    color: #000
}
/*For Test*/
#select-language button {
    background-color: transparent;
    border: unset;
    font-size: 13px;
    padding: 0.4rem 1rem;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: unset;
    height: 50px;
}
/*
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}
*/
.form-control, .asColorPicker-input, .dataTables_wrapper select, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
    padding: 0.575rem 1.375rem;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 7px;
    }

    textarea.form-control,
    textarea.asColorPicker-input,
    .select2-container--default textarea.select2-selection--single,
    .select2-container--default .select2-selection--single textarea.select2-search__field,
    textarea.typeahead, textarea.tt-query,
    textarea.tt-hint {
        min-height: 4rem;
    }

.page-header {
    margin-bottom: 1.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4 !important;
    font-size: 13px;
}

.tab-content {
    padding: 1.5rem 1rem 0rem 1rem;
    margin-bottom: 15px;
}

.dataTables_wrapper .row:nth-child(2) {
    overflow-x: auto;
}

.tab-content .dataTables_wrapper {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.wizard ul > li {
    line-height: 0.8;
}

.select2-selection select2-selection--single {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
}
/* Custom */
/* Custom Modal Size Start */
.modal .modal-dialog .modal-content .modal-body {
    padding: 20px 20px 5px 20px;
}

.modal .modal-dialog .modal-content .modal-header {
    padding: 10px 20px;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 10px 20px;
}

.modal-md {
    max-width: 60%;
}

.modal-sm {
    max-width: 50%;
}

@media (max-width: 768px) {
    .modal-md, .modal-sm {
        max-width: 500px;
        margin: 30px auto;
    }
}
/* Custom Modal Size End */

/*RTL*/
@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../../fonts/fonts-ar/Tajawal-Regular.ttf') format('truetype');
}

body.rtl {
    font-family: 'Tajawal-Regular' !important;
}

    body.rtl .sidebar {
        font-family: unset;
    }

    body.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item .welcome-text {
        font-family: unset;
    }

    body.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item .welcome-sub-text {
        font-family: unset;
    }

    body.rtl .sidebar .nav .nav-item.active,
    body.rtl .sidebar .nav .nav-item .nav-link {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    body.rtl .navbar .navbar-menu-wrapper {
        padding-left: 2.187rem;
        padding-right: 3.5rem;
    }

    body.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
        margin-left: 1rem;
    }

    body.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
        transform: rotate(180deg);
    }

    body.rtl .navbar .navbar-menu-wrapper {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    body.rtl .ms-auto {
        margin-right: auto;
        margin-left: unset !important;
    }

    body.rtl .select2-container--default .select2-selection--single .select2-search__field,
    body.rtl .select2-container--default .select2-dropdown .select2-search__field,
    body.rtl .select2-container--default .select2-selection--multiple .select2-search__field {
        text-align: right;
    }

    body.rtl .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0px;
        padding-right: 8px;
    }

    body.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
        left: 1px;
        right: unset;
    }

    body.rtl .select2-container {
        direction: rtl;
    }

    body.rtl .select2-container--default .select2-results > .select2-results__options {
        text-align: right
    }


.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.asColorPicker-wrap > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left:0px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;


    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.asColorPicker-wrap:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.asColorPicker-wrap:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/*jquery.steps rtl style*/
body.rtl .wizard.vertical > .steps {
    float: right;
}

    body.rtl .wizard.vertical > .content {
        float: left;
    }

    body.rtl .wizard > .actions {
        text-align: left;
    }

        body.rtl .wizard > .actions > ul {
            display: flex;
            justify-content: end;
        }

    body.rtl .btn-search {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;

        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        margin:0 2px;
        height:100%;
    }

/*jquery.steps rtl style*/
/*RTL*/
