html {
    scroll-behavior: smooth;
}

.noty_text {
    font-size: 14px;
}

.SocialTD {
    direction: rtl;
    text-align: left;
    padding: 8px;
    padding-left: 40px
}
.EmailTopTD {
    text-align: right;
    padding-right: 25px
}

.SystemHead {
    font-weight: bold;
    font-size: 30px
}
.SystemInfo {
    font-weight: bold;
    font-size: 15px
}
.SystemPoint {
    font-size: 14px;
}
.ServiceHead {
    font-size: 20px;
    font-weight: 500;
}
.form-control
{
    margin-right: 0px !important;
}

.HomeBG {
    background: url(assets/images/NitaqDeskIPad.jpg) no-repeat center center;
    height: 85vh
}

.HomeLabelHead {
    border-radius: 10px;
    padding: 8px;
    color: white;
    font-size: 55px;
    font-family: 'alsultan03';
    font-weight: 700;
}

.ShowOnDesktop{
    display: block;
}
.ShowOnMobile {
    display: none;
}
.SystemImageDiv {
    height: 400px;
}

.SystemImage {
    position: relative;
    top: 10%
}

.OurService {
    float: inline-start;
    font-size: 15px !important;
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 1024px) {
    .OurService {
        float: unset;
        text-align: center;
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    .SystemImageDiv {
        height: 200px;
    }
    .SystemImage {
        position: relative;
        top: 1%
    }

    .ShowOnDesktop {
        display: none;
    }
    .ShowOnMobile {
        display: block;
    }

    .HomeLabelHead {
        border-radius: 10px;
        padding: 8px;
        color: white;
        font-size: 20px;
        font-family: 'alsultan03';
    }
    .SocialTD {
        padding-left: 5px
    }
    .EmailTopTD {
        text-align: right;
        padding-right: 7px;
    }
    .SystemHead {
        font-weight: bold;
        font-size: 20px
    }
    .SystemInfo {
        font-weight: bold;
        font-size: 12px
    }
    .SystemPoint {
        font-size: 11px;
    }
    .col-md-4 {
        width: 100%;
    }
    .ServiceHead {
        font-size: 20px
    }
}



.nav > li > a {
    padding: 11px 11px;
}

.navbar-default .collapse .login a {
    margin-left: 0px;
    line-height: 20px;
}
/* OWL Slider */
.item {
    z-index: 9999;
}

.owl-carousel {
    /*z-index: 9999;*/
    z-index: 0;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

        .owl-carousel .owl-item > div {
            width: 100%;
            float: left;
        }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(../../images/owl/grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
    text-align: center;
}

    .owl-theme .owl-controls .owl-pagination {
        height: 22px;
        line-height: 22px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #222;
        filter: alpha(opacity=20);
        opacity: 0.2;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: alpha(opacity=50);
        opacity: 0.5;
        text-decoration: none;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: alpha(opacity=20);
            opacity: 0.2;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #222;
        }

        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: alpha(opacity=500);
            opacity: 0.5;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(../../images/owl/AjaxLoader.gif) no-repeat center center;
}
/* END Slider */

/* WIDGETS */
.widget {
    width: 100%;
    float: left;
    margin: 0px;
    list-style: none;
    text-decoration: none;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 20px;
    min-height: 120px;
    position: relative;
}

    .widget.widget-padding-sm,
    .widget.widget-item-icon {
        padding: 10px 0px 5px;
    }

    .widget.widget-np {
        padding: 0px;
    }

    .widget.widget-no-subtitle {
        padding-top: 25px;
    }

    .widget.widget-carousel {
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .widget.widget-default {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
        background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0);
    }

    .widget.widget-primary {
        background: #33414e;
        background: -moz-linear-gradient(top, #33414e 0%, #29343f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33414e), color-stop(100%, #29343f));
        background: -webkit-linear-gradient(top, #33414e 0%, #29343f 100%);
        background: -o-linear-gradient(top, #33414e 0%, #29343f 100%);
        background: -ms-linear-gradient(top, #33414e 0%, #29343f 100%);
        background: linear-gradient(to bottom, #33414e 0%, #29343f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33414e, endColorstr=#29343f, GradientType=0);
    }

    .widget.widget-success {
        background: #95b75d;
        background: -moz-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95b75d), color-stop(100%, #89ad4d));
        background: -webkit-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
        background: -o-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
        background: -ms-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
        background: linear-gradient(to bottom, #95b75d 0%, #89ad4d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95b75d, endColorstr=#89ad4d, GradientType=0);
    }

    .widget.widget-info {
        background: #3fbae4;
        background: -moz-linear-gradient(top, #3fbae4 0%, #29b2e1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fbae4), color-stop(100%, #29b2e1));
        background: -webkit-linear-gradient(top, #3fbae4 0%, #29b2e1 100%);
        background: -o-linear-gradient(top, #3fbae4 0%, #29b2e1 100%);
        background: -ms-linear-gradient(top, #3fbae4 0%, #29b2e1 100%);
        background: linear-gradient(to bottom, #3fbae4 0%, #29b2e1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3fbae4, endColorstr=#29b2e1, GradientType=0);
    }

    .widget.widget-warning {
        background: #fea223;
        background: -moz-linear-gradient(top, #fea223 0%, #fe970a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea223), color-stop(100%, #fe970a));
        background: -webkit-linear-gradient(top, #fea223 0%, #fe970a 100%);
        background: -o-linear-gradient(top, #fea223 0%, #fe970a 100%);
        background: -ms-linear-gradient(top, #fea223 0%, #fe970a 100%);
        background: linear-gradient(to bottom, #fea223 0%, #fe970a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea223, endColorstr=#fe970a, GradientType=0);
    }

    .widget.widget-danger {
        background: #b64645;
        background: -moz-linear-gradient(top, #b64645 0%, #a43f3e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b64645), color-stop(100%, #a43f3e));
        background: -webkit-linear-gradient(top, #b64645 0%, #a43f3e 100%);
        background: -o-linear-gradient(top, #b64645 0%, #a43f3e 100%);
        background: -ms-linear-gradient(top, #b64645 0%, #a43f3e 100%);
        background: linear-gradient(to bottom, #b64645 0%, #a43f3e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b64645, endColorstr=#a43f3e, GradientType=0);
    }

    .widget .widget-title,
    .widget .widget-subtitle,
    .widget .widget-int,
    .widget .widget-big-int {
        width: 100%;
        float: left;
        text-align: center;
    }

    .widget .widget-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
        line-height: 20px;
    }

    .widget .widget-subtitle {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 5px;
        line-height: 15px;
        color: #EEE;
    }

    .widget .widget-int {
        font-size: 32px;
        line-height: 40px;
        font-weight: bold;
        font-family: arial;
    }

    .widget .widget-big-int {
        font-size: 42px;
        line-height: 45px;
        font-weight: 300;
    }

    .widget .widget-item-left {
        margin-left: 10px;
        float: left;
        width: 100px;
    }

    .widget .widget-item-right {
        margin-right: 10px;
        float: right;
        width: 100px;
    }

    .widget.widget-item-icon .widget-item-left,
    .widget.widget-item-icon .widget-item-right {
        width: 70px;
        padding: 20px 0px;
        text-align: center;
    }

    .widget.widget-item-icon .widget-item-left {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: 10px;
        padding-right: 10px;
    }

    .widget.widget-item-icon .widget-item-right {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        margin-left: 10px;
        padding-left: 10px;
    }

    .widget .widget-item-left .fa,
    .widget .widget-item-right .fa,
    .widget .widget-item-left .glyphicon,
    .widget .widget-item-right .glyphicon {
        font-size: 60px;
    }

    .widget .widget-data {
        /*padding-left: 120px;*/
        padding-left: 110px;
    }

    .widget .widget-data-left {
        padding-right: 120px;
    }

    .widget.widget-item-icon .widget-data {
        padding-left: 90px;
    }

    .widget.widget-item-icon .widget-data-left {
        padding-right: 90px;
        padding-left: 10px;
    }

    .widget .widget-data .widget-title,
    .widget .widget-data-left .widget-title,
    .widget .widget-data .widget-subtitle,
    .widget .widget-data-left .widget-subtitle,
    .widget .widget-data .widget-int,
    .widget .widget-data-left .widget-int,
    .widget .widget-data .widget-big-int,
    .widget .widget-data-left .widget-big-int {
        text-align: left;
    }

    .widget .widget-controls a {
        position: absolute;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 27px;
        color: #FFF;
        border: 1px solid #FFF;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        opacity: 0.4;
        filter: alpha(opacity = 40);
    }

        .widget .widget-controls a.widget-control-left {
            left: 10px;
            top: 10px;
        }

        .widget .widget-controls a.widget-control-right {
            right: 10px;
            top: 10px;
        }

        .widget .widget-controls a:hover {
            opacity: 1;
            filter: alpha(opacity = 100);
        }

    .widget .widget-buttons {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 3px;
        margin-top: 5px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

        .widget .widget-buttons a {
            position: relative;
            display: inline-block;
            line-height: 30px;
            font-size: 21px;
        }

        .widget .widget-buttons .col {
            width: 100%;
            float: left;
        }

        .widget .widget-buttons.widget-c2 .col {
            width: 50%;
        }

        .widget .widget-buttons.widget-c3 .col {
            width: 33.333333%;
        }

        .widget .widget-buttons.widget-c4 .col {
            width: 25%;
        }

        .widget .widget-buttons.widget-c5 .col {
            width: 20%;
        }

    .widget.widget-primary .widget-buttons a {
        color: #010101;
        border-color: #010101;
    }

        .widget.widget-primary .widget-buttons a:hover {
            color: #000000;
        }

    .widget.widget-success .widget-buttons a {
        color: #51672e;
        border-color: #51672e;
    }

.widge.widget-success .widget-buttons a:hover {
    color: #435526;
}

.widget.widget-info .widget-buttons a {
    color: #14708f;
    border-color: #14708f;
}

    .widget.widget-info .widget-buttons a:hover {
        color: #115f79;
    }

.widget.widget-warning .widget-buttons a {
    color: #a15e01;
    border-color: #a15e01;
}

    .widget.widget-warning .widget-buttons a:hover {
        color: #874f01;
    }

.widget.widget-danger .widget-buttons a {
    color: #5a2222;
    border-color: #5a2222;
}

    .widget.widget-danger .widget-buttons a:hover {
        color: #471b1b;
    }

.plugin-clock span {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    margin-right: 2px;
}

.widget.widget-default {
    color: #434a54;
}

    .widget.widget-default .widget-subtitle {
        color: #434a54;
    }

    .widget.widget-default .widget-controls a {
        color: #434a54;
        border-color: #434a54;
    }
/* END WIDGETS */

/* message box */
.message-box {
    display: none;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.message-box.open {
    display: block;
}

.message-box .mb-container {
    position: absolute;
    right: 0px;
    top: 35%;
    background: rgba(0, 0, 0, 0.9);
    padding: 20px;
    width: 100%;
}

    .message-box .mb-container .mb-middle {
        width: 50%;
        right: 25%;
        position: relative;
        color: #FFF;
    }

        .message-box .mb-container .mb-middle .mb-title {
            width: 100%;
            float: right;
            padding: 10px 0px 0px;
            font-size: 31px;
            font-weight: 400;
            line-height: 36px;
        }

            .message-box .mb-container .mb-middle .mb-title .fa,
            .message-box .mb-container .mb-middle .mb-title .glyphicon {
                font-size: 38px;
                float: right;
                margin-left: 10px;
            }

        .message-box .mb-container .mb-middle .mb-content {
            width: 100%;
            float: right;
            padding: 10px 10px 0px;
        }

            .message-box .mb-container .mb-middle .mb-content p {
                margin-bottom: 0px;
            }

        .message-box .mb-container .mb-middle .mb-footer {
            width: 100%;
            float: right;
            padding: 10px 10px;
        }

.message-box.message-box-warning .mb-container {
    background: rgba(254, 162, 35, 0.9);
}

.message-box.message-box-danger .mb-container {
    background: rgba(182, 70, 69, 0.9);
}

.message-box.message-box-info .mb-container {
    background: rgba(63, 186, 228, 0.9);
}

.message-box.message-box-success .mb-container {
    background: rgba(149, 183, 93, 0.9);
}
/* end message box */


.PageLoadingStyle {
    width: 280px;
    background: white;
    display: inline-block;
    border-radius: 10px;
    border: solid #007259 2px;
    text-align: center;
}



    .PageLoadingStyle label {
            font-weight: 600;
    font-size: 16px;
        color: #007259;
    }

    .PageLoadingStyle a {
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
    }

* {
    font-family: alsultan03;
    font-weight: 600;
    font-size: 20px;
}

.navbar-default .navbar-nav > li > a {
    text-transform: none;
    font-weight: 600;
    line-height: 25px;
}

label {
    font-weight: 600;
    font-size: 16px;
}

.head_title p {
    max-width: 100%
}




::-webkit-scrollbar {
    width: 10px;
    height: 12px;
    background: #e7e7e7;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 5px;
    border: 3px solid transparent;
    background-clip: padding-box;
}


    ::-webkit-scrollbar-thumb:hover {
        border-radius: 5px;
        background: #b7b7b7;
        border: 3px solid #b7b7b7;
    }


.col-md-3 {
    width: 25%;
    float: inline-start !important;
}

.col-md-1 {
    float: inline-start !important;
}

.col-md-2, .col-md-5 {
    float: inline-start !important;
}

@media only screen and (max-width: 1024px) {
    .col-md-3 {
        width: 100%;
        float: unset !important;
    }

    .col-md-2, .col-md-5 {
        float: unset !important;
    }
}



@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.contacts-titlel {
    font-size: 14px;
}