@font-face {
    font-family: 'Almarai-Regular';
    src: url('../fonts/Almarai-Regular.eot') format('embedded-opentype'), url('../fonts/Almarai-Regular.woff') format('woff'), url('../fonts/Almarai-Regular.ttf') format('truetype'), url('../fonts/Almarai-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Almarai-Regular;
}

.dt-buttons {
    margin: 0 0 20px 10px;
}

.navbar-brand > img {
    margin-top: -6px;
    height: 35px;
}

.btn[disabled], .disabled {
    pointer-events: none;
}

.submit-container {
    position: relative;
    display: inline-block;
}

    .submit-container .la-ball-fall {
        position: absolute;
        left: 50%;
        top: 40%;
        margin-left: -41px;
        margin-top: 0;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .submit-container.dropdown .la-ball-fall {
        margin-left: -29px;
        margin-top: -3px;
    }

.la-ball-fall.la-dark > div {
    background-color: #5a5a5a;
    border: 0 solid #5a5a5a;
}

.la-ball-fall > div {
    width: 5px;
    height: 5px;
}

.submit-container .disabled {
    color: transparent !important;
}

    .submit-container .disabled ~ .la-ball-fall {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1;
        filter: alpha(opacity=100);
    }


.select.disabled ~ .select2 {
    pointer-events: none;
}

.dropdown-container {
    position: relative;
    display: block;
}

    .dropdown-container .la-ball-fall {
        text-align:center;
        position: absolute;
        left: 1px;
        top: 35%;
        background-color: #fff;
        width: calc(100% - 25px);
        margin-top: 0;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.la-ball-fall.la-dark > div {
    background-color: #5a5a5a;
    border: 0 solid #5a5a5a;
}

.dropdown-container .disabled {
    color: transparent !important;
}

    .dropdown-container .disabled ~ .la-ball-fall {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.dropdown-container .la-ball-fall > div {
    background-color: #757575;
}

.bootstrap-datetimepicker-widget {
    width: 300px;
    padding-bottom: 0;
}

.datepicker {
    padding: 10px 25px;
}

.table-condensed {
    margin: 0 17px;
}

    .table-condensed > tbody > tr > td {
        padding: 5px 0px;
    }

    .table-condensed button {
        border: 0;
        background: #fff;
        padding: 6px 11px;
        border-radius: 3px;
        font-weight: bold;
        cursor: pointer;
        display: inline-block;
        color: #464646;
    }

.picker__button--type:before {
    content: '';
    margin-right: 5px;
    position: relative;
    display: inline-block;
    top: -1px;
    width: 0;
    border-left: 6px solid #4CAF50;
    border-top: 6px solid transparent;
}

.table-condensed button:hover {
    background-color: #ededed
}

.datepicker table tr td span {
    padding: 17px 12px;
}

.datepicker-months.datepicker .table-condensed td {
    padding: 0;
}

.steps {
    margin-bottom: 30px;
}

.input-validation-error {
    border-color: #D84315;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding-right: 36px;
}

    .input-validation-error ~ .select2 .select2-selection {
        border-color: #D84315;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        padding-right: 36px;
    }

    .input-validation-error:focus {
        border-color: #aa3510;
    }

    .input-validation-error ~ .select2 .select2-selection:focus {
        border-color: #aa3510;
    }

.field-validation-error {
    color: #D84315;
}

.form-control-validation-feedback {
    position: absolute;
    top: 27px;
    right: 0px;
    z-index: 3;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    pointer-events: none;
}

.has-feedback-left .form-control-validation-feedback {
    right: 0;
}

.form-control-validation-feedback i {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.input-validation-error ~ .form-control-validation-feedback {
    color: #D84315;
}

    .input-validation-error ~ .form-control-validation-feedback i::before {
        content: "\ed63";
    }














.input-validation-success {
    border-color: #43A047;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding-right: 36px;
}

    .input-validation-success ~ .select2 .select2-selection {
        border-color: #43A047;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        padding-right: 36px;
    }

    .input-validation-success:focus {
        border-color: #347c37;
    }

    .input-validation-success ~ .select2 .select2-selection:focus {
        border-color: #347c37;
    }

.field-validation-success {
    color: #43A047;
}

.input-validation-success ~ .form-control-validation-feedback {
    color: #43A047;
}

    .input-validation-success ~ .form-control-validation-feedback i::before {
        content: "\ee73";
    }

.popover {
    max-width: 320px;
}

.btn-link.popover-shown {
    padding: 0;
    color: #166dba;
}

.placeload {
    width: 300px;
}

    .placeload .header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .placeload .header .img {
            width: 70px;
            min-width: 70px;
            height: 70px;
            border-radius: 50%;
            margin-left: 5px;
            margin-right: 20px;
        }

        .placeload .header .header-content {
            width: 100%;
        }

            .placeload .header .header-content .content-shape:first-child {
                height: 15px;
                width: 85%;
                margin-bottom: 10px;
                border-radius: 20px;
            }

            .placeload .header .header-content .content-shape:nth-child(2) {
                height: 8px;
                width: 70%;
                border-radius: 15px;
            }

            .placeload .header .header-content .content-shape:nth-child(3) {
                height: 8px;
                width: 70%;
                margin-top: 10px;
                border-radius: 15px;
            }

.loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 1200px 104px;
    position: relative;
}

@-webkit-keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}
.icon-dummy {
    font-size: 70px;
    color: #cccccc;
    margin-bottom:10px;
}

.dataTable tbody tr.selected .select-checkbox::before, .checker span.partial, .checker span.checked {
    background-color: #2196F3;
    border-color: #2196F3;
    color: #ffffff;
}

.dataTable tbody .select-checkbox::after {
    color: #ffffff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active:hover > a {
    background-color: transparent;
    color: #333333;
}

.dropdown-menu > .active:not(.disabled) .checker span {
    border-color: #2196F3;
    background-color: #2196F3
}

.sms-latters {
    position: absolute;
    right: 11px;
    bottom: 6px;
}

.input-validation-error-custom {
    border-color: #D84315;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .input-validation-error-custom ~ .form-control-validation-feedback i::before {
        content: "\ed63";
        color: #D84315;
    }