@media (min-width: 992px) {
    .col-form-label {
        text-align: right;
    }
}

* {
    font-family: 'Cairo', sans-serif;
}

a > .attach-type img {
    background: #9bd5a2;
}

.attach-type {
    padding: .75rem 0 0.5rem;
    text-align: center;
}

    .attach-type img {
        background: #e8e8e8;
        padding: 1rem;
        border-radius: 4px;
    }

.field-validation-error {
    color: red !important;
}

.error {
    color: red !important;
}

body.swal2-shown {
    padding-right: 0 !important;
}

.navbar-brand {
    font-size: initial;
}

    .navbar-brand a {
        color: #fff;
    }

.login-bg { /* background: url('../../global_assets/images/login-bg.jpg') no-repeat center center; */
    background-size: cover;
}

    .login-bg .card {
        border: 1px solid #8c8c8c;
        box-shadow: rgba(0,0,0,.5) 0px 0px 10px;
    }

a {
    color: #00a8b7;
}

@media (min-width:576px) {
    .col-sm-2-10 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

input:read-only {
    background-color: yellow;
}

.danger {
    color: red !important;
    font-weight: 700 !important;
}
.blockOverlay, .blockElement {
    background-color: transparent !important;
}
.note-editor.note-frame.card {
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .1875rem;
}
.modal-header.bg-info-700 {
    background-color: #6EFFD5 !important;
    color: black !important;
}
button.cancel.btn.btn-lg.btn-default {
    background-color: #dbdbdb !important;
}

.page-content.login-bg .content-wrapper .col-lg-12 {
    display: flex;
    align-items: center;
}

    .page-content.login-bg .content-wrapper .col-lg-12 .row {
        display: flex;
        align-items: center;
        width: 100%;
    }

        .page-content.login-bg .content-wrapper .col-lg-12 .row .col-lg-6 {
            margin: auto;
        }

            .page-content.login-bg .content-wrapper .col-lg-12 .row .col-lg-6 form#frmAddEdit {
                width: 80% !important;
            }

                .page-content.login-bg .content-wrapper .col-lg-12 .row .col-lg-6 form#frmAddEdit .card-body {
                    border-radius: 15px;
                }

                .page-content.login-bg .content-wrapper .col-lg-12 .row .col-lg-6 form#frmAddEdit .card.mb-0 {
                    border-radius: 15px;
                    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17) !important;
                    border: 1px solid #ddd;
                }

               /* new design*/
.navbar-brand a {
    font-size: 0;
}

    .navbar-brand a img {
        height: 58px;
        width: 100% !important;
        padding: 5px 22px;
    }

.navbar-brand {
    padding: 0;
    display: flex;
    align-items: center;
}

.navbar.navbar-expand-md.navbar-dark {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(105,4,11,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(105,4,11,1) 100%);
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(105,4,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#69040b",GradientType=1);
}



.sidebar.sidebar-dark.sidebar-main.sidebar-expand-md {
    background: rgb(0,0,0);
}
.navbar-brand {
    padding: 0!important;
    display: flex!important;
    align-items: center;
}

.card.card-sidebar-mobile {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(105, 4, 11, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(105, 4, 11, 1) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(105, 4, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#69040b",GradientType=1);
}
.row.btns .form-group.text-right {
    margin: 0 1%;
}
button.btn.btn-danger i.icon-back-left:after {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 7v12q0 .825-.587 1.413T19 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h12zm-2 .85L16.15 5H5v14h14zM12 18q1.25 0 2.125-.875T15 15t-.875-2.125T12 12t-2.125.875T9 15t.875 2.125T12 18m-6-8h9V6H6zM5 7.85V19V5z'/%3E%3C/svg%3E");
}
.navbar.navbar-expand-md.navbar-dark {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(105,4,11,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(105,4,11,1) 100%);
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(105,4,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#69040b",GradientType=1);
}
button.btn.btn-danger {
    background: #dd0b1a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

    button.btn.btn-danger i {
        color: #fff;
        filter: invert(1);
    }

        button.btn.btn-danger i:after {
            color: #fff !important;
        }

a.btn.btn-danger {
    background: #333;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4375rem .875rem;
    height: 40px;
}

    a.btn.btn-danger i.icon-back-left:after {
        filter: invert(1);
        padding: 2px;
        vertical-align: 5px;
    }

    a.btn.btn-danger i {
        top: 0;
        0: AUTO 100PX;
        margin: auto;
    }
i.icon-back-left::after {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M15.5 8L8 .5V5H0v6h8v4.5z'/%3E%3C/svg%3E");
}
a.btn.btn-danger {
    border-radius: 5px;
}
a.btn.btn-danger i.icon-back-left {
    transform: rotate(0deg);
}
.dataTables_length select {
    border-radius: 3px;
}
input.form-control {
    border-radius: 5px;
}
span.empty {
    display: block;
    margin-bottom: .5rem;
    opacity: 0;
}
.header-elements a.btn.btn-info {
    border-radius: 5px;
    font-weight: 500;
}
button.btn {
    border-radius: 5px;
}
span.selection span {
    border-radius: 5px;
}
button {
    border-radius: 5px;
}
.table thead th {
    background: #eee;
}
ul.navbar-nav.ml-md-3.mr-md-auto {
    margin-left: -7% !important;
    margin-right:auto !important;
}

.card {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
    border-radius: 10px;
}

    .card img.card-img-top {
        max-width: 100%;
        height: 190px;
        text-align: center;
        margin: auto;
        width: 100%;
        border-radius: 9px 9px 0px 0px;
    }
button#search-button i {
    filter: invert(0);
}
a.btn.btn-info {
    background: #000;
    color: #fff;
}
button.btn.btn-danger i {
    filter: invert(0) !important;
}
a.paginate_button.current {
    background: red !important;
    color: #fff !important;
}
.page-content.login-bg {
}

    .page-content.login-bg img {
        max-width: 80%;
        margin: auto;
        text-align: center;
    }

    .page-content.login-bg .col-lg-6:first-child {
        text-align: center;
    }

    .row.btns button.btn.btn-primary {
        background: #4d0308;
        color:#fff;
    }

    .row.btns a.btn.btn-danger {
        margin: 0 5px;
    }
button#search-button {
    border-radius: 5px;
    background: #000;
    border: 1px solid #666;
    line-height: 1.4;
}
label.empty {
    opacity: 0;
}
/* new design*/