:root {
    --THPrimary: #315679;
    --THSecondary: #76AE8C;
    --THBackground: #F2F2F7;
    --THFontColor: #000;
    --THAlternateFontColor: #FFF;
    --THInControlFontColor: #000;
    --THPageTitleFontColor: #315679;
    --THPrimaryDegree4: #b1bdcd;
    /*Colours for the buttons*/
    --THBtnBackgroundPrimary: #76AE8C;
    --THBtnFontColor: #FFF;
    --THBtnBackgroundHover: #315679;
    --THBtnFontColorHover: #FFF;
    --THInputBackColor: #FFF;
    --THGradientTop: #315679;
    --THGradientBottom: #76AE8C;
}


/***************************************************************************** COLOR THEMES: START ************************************************************************/

/*#region BLUE THEME */
/************************************************ BLUE THEME: START ****************************************************/
.blue {
    --THPrimary: #315679;
    --THSecondary: #76AE8C;
    --THBackground: #F2F2F7;
    --THBtnBackgroundPrimary: #76AE8C;
    --THBtnBackgroundHover: #315679;
    --THBtnFontColor: #FFF;
    --THBtnFontColorHover: #FFF;
    --THGradientTop: var(--THPrimary);
    --THGradientBottom: var(--THSecondary);
    --THPageTitleFontColor: var(--THPrimary);
    --THPrimaryDegree4: #c3d5e7;
    --THProgressFontColor: var(--THFontColor);
    --THSSOIcon: #315679;
}

/************************************************ BLUE THEME: END ****************************************************/
/*#endregion BLUE THEME*/


/*#region BISQUE THEME */
/************************************************ BISQUE THEME: START ****************************************************/
.bisque {
    --THPrimary: #f3e3cd;
    --THSecondary: #718472;
    /* --THBackground: #f1fbf2;*/
    --THBackground: #fbf5ed;
    --THBtnBackgroundPrimary: #718472;
    /*--THBtnBackgroundHover: #f3e3cd;*/
    --THBtnBackgroundHover: #3e3e3e;
    --THBtnFontColor: #FFF;
    /*--THBtnFontColorHover: #000;*/
    --THBtnFontColorHover: #FFF;
    --THGradientTop: var(--THSecondary);
    --THGradientBottom: var(--THPrimary);
    --THPageTitleFontColor: var(--THSecondary);
    --THPrimaryDegree4: #fbf5ed;
    --THProgressFontColor: var(--THFontColor);
    --THSSOIcon: #718472;
}

/************************************************ BISQUE THEME: END ****************************************************/
/*#endregion BISQUE THEME*/


/*#region GOLD THEME */
/************************************************ GOLD THEME: START ****************************************************/
.gold {
    --THPrimary: #c8a877;
    --THSecondary: #968b83;
    --THBackground: #F4F1ED;
    --THBtnBackgroundPrimary: #968b83;
    --THBtnBackgroundHover: #c8a877;
    --THBtnFontColor: #FFF;
    --THBtnFontColorHover: #FFF;
    --THGradientTop: var(--THSecondary);
    --THGradientBottom: var(--THPrimary);
    --THPageTitleFontColor: var(--THPrimary);
    --THPrimaryDegree4: #eadecb;
    --THProgressFontColor: var(--THFontColor);
    --THSSOIcon: #968b83;
}

/************************************************ GOLD THEME: END ****************************************************/
/*#endregion GOLD THEME*/


/*#region NIGHT THEME */
/************************************************ NIGHT THEME: START ****************************************************/
.night {
    --THPrimary: #686868;
    --THSecondary: #686868;
    --THBackground: #0e0e0e;
    --THFontColor: #ececec;
    --THAlternateFontColor: #0e0d0d;
    --THBtnBackgroundPrimary: #727272;
    --THBtnBackgroundHover: #686868;
    --THBtnFontColor: #000;
    --THBtnFontColorHover: #000;
    --THInputBackColor: #494949;
    --THInControlFontColor: #ececec;
    --THGradientTop: var(--THPrimary);
    --THGradientBottom: var(--THSecondary);
    --THPageTitleFontColor: var(--THPrimary);
    --THPrimaryDegree4: var(--THInputBackColor);
    --THProgressFontColor: var(--THFontColor);
    --THSSOIcon: #686868;
}

    .night .panel-body {
        background-color: #0e0e0e;
    }

    .night .form-control {
        color: var(--THFontColor);
    }

    .night .table-hover > tbody > tr:hover {
        background-color: var(--THInputBackColor);
    }

/************************************************ NIGHT THEME: END ****************************************************/
/*#endregion NIGHT THEME*/


/*#region COLOUR BLIND THEME */
/************************************************ COLOUR BLIND THEME: START ****************************************************/
.blind {
    --THPrimary: #fff564;
    --THSecondary: #fff564;
    --THBackground: #2f3033;
    --THFontColor: #fff564;
    --THAlternateFontColor: #000;
    --THBtnBackgroundPrimary: #fff564;
    --THBtnBackgroundHover: #fff564;
    --THBtnFontColor: #000;
    --THBtnFontColorHover: #000;
    --THInputBackColor: #000;
    --THInControlFontColor: #979797;
    --THGradientTop: var(--THPrimary);
    --THGradientBottom: var(--THSecondary);
    --THPageTitleFontColor: var(--THPrimary);
    --THSSOIcon: #fff564;
}

    .blind .panel-body {
        background-color: #000;
    }


    .blind .body {
        background: #000;
    }

/************************************************ COLOUR BLIND THEME: END ****************************************************/
/*#endregion COLOUR BLIND THEME*/

/***************************************************************************** COLOR THEMES: END ************************************************************************/

/*#region Common */

.main .container-fluid {
    max-width: calc(100% - 60px);
}

.panel-primary {
    border-color: var(--THPrimary);
}


header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu {
    margin-bottom: 0;
}

.page-title {
    /*background-color: var(--THBackground);*/
    padding-left: 45px;
/*    line-height: 10px;*/
    line-height: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 45px;
}

    .page-title > a, .page-title > a:visited, .page-title > a:hover, .page-title > a:focus {
        text-decoration: none;
        cursor: default;
        color: var(--THPageTitleFontColor);
    }

        .page-title > a > h1, .page-title > a > h2, .page-title > a > h3, .page-title > a > h4 {
            margin-top: 10px;
            margin-bottom: 15px;
        }

.page-heading {
    /*margin-left: 5px;*/
    margin-right: 5px;
    font-size: large;
    font-weight: 600;
    color: var(--THPageTitleFontColor);
}

.dropdown-toggle::after,
.dropdown-toggle::before,
.bootstrap-select > .dropdown-toggle {
    /*display: none;*/
    color: var(--THInputBackColor);
}

.main .container-fluid {
    margin-top: 10px;
}

.header-section .logo-menu-wrap .menu-box-wrapper {
    background-color: var(--THBackground);
}

.input-group-addon {
    width: auto; /*To show the datetime picker properly*/
}

a {
    color: var(--THPageTitleFontColor);
}

    a:hover {
        color: var(--THSecondary);
    }
/*#endregion Common */

/*#region DASHBORAD BOXES AND ICONS */
.dash-box {
    position: relative;
    border: 1px solid var(--THPrimary);
    background-color: var(--THBackground);
    border-radius: 10px;
    text-align: center;
    margin: 60px 0 50px;
    cursor: pointer;
}

    .dash-box:hover {
        position: relative;
        border: 1px solid var(--THPrimary);
        background: var(--THBackground);
        border-radius: 15px;
        text-align: center;
        margin: 60px 0 50px;
        cursor: pointer;
        text-decoration: none;
    }

    .dash-box a {
        text-decoration: none;
    }

.dash-box-icon {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    left: 45%;
    top: -10%;
    cursor: pointer;
}

.dash-box-icon-small {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    left: 45%;
    top: -10%;
    cursor: pointer;
}


.dash-box-action {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
}

.dash-box-body {
    padding: 50px 20px;
    text-decoration-line: none;
}

    .dash-box-body > a:hover {
        text-decoration-line: none;
    }

.dash-box-icon:after {
    width: 60px;
    height: 60px;
    position: absolute;
    border: 1px solid var(--THSecondary);
    content: '';
    border-radius: 50%;
    left: -10px;
    top: -10px;
    z-index: -1;
}

.dash-box-icon > i {
    background: var(--THPrimary);
    border-radius: 50%;
    line-height: 40px;
    color: var(--THSecondary);
    width: 40px;
    height: 40px;
    /*font-size: 22px;*/
    font-size: 1.375rem;
}

.dash-box-icon:before {
    width: 75px;
    height: 75px;
    position: absolute;
    background: var(--THPrimary);
    content: '';
    border-radius: 50%;
    left: -17px;
    top: -17px;
    z-index: -2;
}


.dash-box-action > button {
    border: none;
    background: #FFF;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.688rem; /*11px;*/
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
}

.dash-box-action > a {
    border: none;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.688rem; /*11px;*/
    letter-spacing: .5px;
    box-shadow: 0 3px 5px #d4d4d4;
    background: var(--THSecondary);
    color: var(--THAlternateFontColor);
}

    .dash-box-action > a:hover {
        text-decoration-line: none;
    }

.dash-box-body > .dash-box-count {
    display: block;
    font-size: 1.125rem; /*18px;*/
    color: var(--THFontColor);
    font-weight: 400;
    cursor: pointer;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 10px;
}

.dash-box-body > a {
    text-decoration-line: none;
}

.dash-box-count > a:hover {
    text-decoration-line: none;
}

.dash-box-body > .dash-box-title {
    font-size: 0.813rem; /*13px;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--THFontColor);
}

.dash-box-title > a:hover {
    text-decoration-line: none;
}

.dash-box-small {
    position: relative;
    border: 1px solid #365987;
    border-radius: 10px;
    text-align: center;
    margin: 90px 15px 40px;
    font-size: 1.563rem; /*25px;*/
    color: white;
}

    .dash-box-small:hover {
        position: relative;
        border: 1px solid #365987;
        background: rgba(190, 150, 71, .1);
        border-radius: 15px;
        text-align: center;
        margin: 90px 15px 40px;
        cursor: pointer;
        text-decoration: none;
    }

    .dash-box-small a {
        text-decoration: none;
    }

.dash-box-small-icon {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    cursor: pointer;
}

.dash-box-small-action {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
}

.dash-box-small-body {
    padding: 50px 0px;
    text-decoration-line: none;
}

    .dash-box-small-body > a:hover {
        text-decoration-line: none;
    }

.dash-box-small-icon:after {
    width: 70px;
    height: 70px;
    position: absolute;
    border: 2px solid #365987;
    content: '';
    border-radius: 50%;
    left: -27px;
    top: -15px;
    z-index: -1;
}

.dash-box-small-icon > i {
    background: #365987;
    border-radius: 50%;
    line-height: 40px;
    color: #FFF;
    width: 40px;
    height: 40px;
    font-size: 1.375rem; /*22px;*/
}


.dash-box-small-icon:before {
    width: 60px;
    height: 60px;
    position: absolute;
    background: rgb(54, 89, 135);
    content: '';
    border-radius: 50%;
    left: -22px;
    top: -10px;
    z-index: -2;
}

.dash-box-small-action > button {
    border: none;
    background: #FFF;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.688rem; /*11px;*/
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
}

.dash-box-small-action > a {
    border: none;
    background: #FFF;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.688rem; /*11px;*/
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
}

    .dash-box-small-action > a:hover {
        text-decoration-line: none;
    }

.dash-box-small-body > .dash-box-small-count {
    display: block;
    font-size: 1.875rem; /*30px;*/
    color: #000;
    font-weight: 400;
    cursor: pointer;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 10px;
}

.dash-box-small-body > a {
    text-decoration-line: none;
}

.dash-box-small-count > a:hover {
    text-decoration-line: none;
}

.dash-box-small-body > .dash-box-small-title {
    font-size: 0.813rem; /*13px;*/
    font-weight: bold;
    color: rgba(255, 255, 255, 0.81);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #000;
}

.dash-box-small-title > a:hover {
    text-decoration-line: none;
}

.dash-box.dash-box-color-2 {
    background: rgb(155, 168, 186);
    background: -moz-linear-gradient(top, rgba(211, 196, 165, 1) 1%, rgba(190, 150, 71, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(211, 196, 165, 1) 1%, rgba(190, 150, 71, 1) 99%);
    background: linear-gradient(to bottom, rgba(211, 196, 165, 1) 1%, rgba(190, 150, 71, 1) 99%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcbe1b', endColorstr='#f85648', GradientType=0);
}

    .dash-box.dash-box-color-2:hover {
        background: rgb(155, 168, 186);
    }

.dash-box-color-2 .dash-box-icon:after {
    background: rgba(155, 168, 186,1);
    border: 1px solid #365987;
}

.dash-box-color-2 .dash-box-icon:before {
    background: rgba(155, 168, 186,1);
    border: 2px solid #365987;
}

.dash-box-color-2 .dash-box-icon > i {
    background: rgba(211, 196, 165, 1);
}

.dash-box.dash-box-color-3 {
    background: rgb(183,71,247);
    background: -moz-linear-gradient(top, rgba(183,71,247,1) 0%, rgba(108,83,220,1) 100%);
    background: -webkit-linear-gradient(top, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);
    background: linear-gradient(to bottom, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b747f7', endColorstr='#6c53dc',GradientType=0 );
}

.dash-box-color-3 .dash-box-icon:after {
    background: rgba(180, 70, 245, 0.76);
}

.dash-box-color-3 .dash-box-icon:before {
    background: rgba(226, 132, 255, 0.66);
}

.dash-box-color-3 .dash-box-icon > i {
    background: #8150e4;
}

/*#endregion DASHBORAD BOXES AND ICONS*/

/*#region Button */
.btn-primary {
    background-color: var(--THBtnBackgroundPrimary);
    border-color: var(--THBtnBackgroundPrimary);
    font-size: 1.125rem; /*15px;*/
    color: var(--THBtnFontColor);
}

    .btn-primary:focus {
        background-color: var(--THBtnBackgroundPrimary);
        border-color: var(--THBtnBackgroundPrimary);
        /*font-size: 15px;*/
        color: var(--THBtnFontColor);
        outline: none;
        box-shadow: 0 1px 10px 3px #b7b7b7;
        /*0 0 10px 3px rgb(0 0 0 / 8%)*/
    }

    .btn-primary:hover {
        background-color: var(--THBtnBackgroundHover);
        border-color: var(--THBtnBackgroundHover);
        /*font-size: 0.938rem;*/ /*15px;*/
        color: var(--THBtnFontColorHover);
    }

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/*#endregion */

/*#region Panel */
.panel-primary {
    border-color: var(--THSecondary);
}

    .panel-primary > .panel-heading {
        color: var(--THSecondary);
        background-color: var(--THPrimary);
        /*background-image: linear-gradient(var(--THPrimary), var(--THSecondary)) !important;*/
        border-color: var(--THPrimary);
        /*font-weight: bold;*/
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: var(--THPrimary);
        }


        .panel-primary > .panel-heading .badge {
            color: var(--THPrimary);
            background-color: #fff;
        }

        .panel-primary > .panel-heading .panel-title {
            font-size: 1rem; /*16px;*/
            color: var(--THBtnFontColorHover);
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: var(--THPrimary);
    }


.panel-secondary {
    border-color: var(--THSecondary);
}

    .panel-secondary > .panel-heading {
        color: var(--THSecondary);
        background-color: var(--THPrimary);
        /*background-image: linear-gradient(var(--THPrimary), var(--THSecondary)) !important;*/
        border-color: var(--THSecondary);
        /*font-weight: bold;*/
    }

        .panel-secondary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: var(--THPrimary);
        }


        .panel-secondary > .panel-heading .badge {
            color: var(--THPrimary);
            background-color: #fff;
        }

        .panel-secondary > .panel-heading .panel-title {
            font-size: 1rem; /*16px;*/
            color: var(--THBtnFontColorHover);
        }

    .panel-secondary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: var(--THPrimary);
    }
/*#endregion */

/*#region Label */
.control-label {
    font-size: 0.875rem; /*14px;*/
}


/*#endregion */

/*#region DropDown */
.select-selected {
    background-color: var(--THInputBackColor);
}
/*#endregion */

/*#region FormControl */
.form-control {
    height: 40px;
    appearance: menulist;
    color: var(--THFontColor);
}

.form-control-uploader {
    height: 49px;
    background-color: #fff;
    opacity: 1;
    border-color: black;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.colorblindtheme .form-control-uploader {
    background-color: #000;
    color: #fff;
    opacity: 1;
    border: 1px solid cyan;
}

.input[type=textarea] {
    height: auto !important;
}


span.form-control {
    height: 100%;
}

.form-control {
    background-color: var(--THInputBackColor);
    opacity: 1;
}

    .form-control[readonly], .form-control[disabled], fieldset[disabled] {
        background-color: var(--THInputBackColor);
        opacity: 1;
        color: var(--THInControlFontColor);
    }

    .form-control:focus {
        border-color: var(--THBtnBackgroundPrimary);
        outline: 0;
        box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.2);
        background-color: var(--THInputBackColor);
        color: var(--THInControlFontColor);
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: text;
    }

.form-control-mandatory {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 0.875rem; /*14px;*/
    line-height: 1.42857143;
    color: #555;
    background-color: #c5d1e6; /*lightgoldenrodyellow;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-numeric {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0px;
    font-size: 0.875rem; /*14px;*/
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-align: right;
}

    .form-control-numeric:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.form-control-mandatory:focus {
    border-color: palevioletred;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/*#endregion */

/*#region NavBar */
.navbar {
    margin-bottom: 0px !important;
    min-height: 35px !important;
}


.navbar-default {
    background-color: var(--THSecondary);
    border-color: var(--THPrimary);
    border-radius: 0px;
}

.navbar-nav > li > a {
    line-height: 15px;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
    border-right: none;
    border-left: 1px solid #A4833E;
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        background-color: #A4833E;
    }

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #A4833E;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: var(--THBackground);
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #A4833E;
    border-color: #A4833E;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #be9647;
}

    .navbar-nav > li > .dropdown-menu li a {
        line-height: 30px !important;
        color: #fff !important;
    }

        .navbar-nav > li > .dropdown-menu li a:hover {
            line-height: 30px !important;
            color: #fff !important;
            background-color: #A4833E;
        }


.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.tab-content {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .tab-content > .active {
        display: block;
        opacity: inherit;
    }

.nav-tabs {
    border-bottom-color: var(--THBtnBackgroundPrimary);
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: var(--THBtnBackgroundPrimary);
        border-color: var(--THBtnBackgroundPrimary);
        font-size: 0.938rem;
        color: var(--THBtnFontColor);
    }


/*#endregion */

/*#region ASP Grid */
.table > tbody > tr > th {
    border: 1px solid var(--THPrimary);
    background: var(--THSecondary);
    color: var(--THAlternateFontColor);
}

.table > tbody > tr > td {
    border: 1px solid var(--THPrimary);
    color: var(--THFontColor);
}

.table-hover > tbody > tr:hover {
    background-color: var(--THBackground);
}

/*#endregion */

/*#region RAD Grid */
/*Header section including filter row : START*/
.RadGrid_Default .rgCommandTable {
    border: none !important;
}

.RadGrid_Default caption {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*.RadGrid_Default .rgCommandRow,
.RadGrid_Default .rgHeader,
.RadGrid_Default .rgFilterRow {
    background-image: linear-gradient(var(--THPrimary), var(--THSecondary)) !important;
}*/

.RadGrid_Default .rgCommandRow {
    background: var(--THGradientTop) !important;
}

.RadGrid_Default .rgHeader {
    background: none !important;
    background-image: linear-gradient(var(--THGradientTop), var(--THGradientBottom)) !important;
}

    .RadGrid_Default .rgHeader a {
        color: var(--THBtnFontColorHover) !important;
    }

.RadGrid_Default .rgFilterRow {
    background: var(--THGradientBottom) !important;
}


.RadGrid_Default .rgCommandCell {
    border: none !important;
}
/*Header section including filter row : END*/

/*font-face command font-face size : START */
.RadGrid_Default thead tr th,
.RadGrid_Default tbody tr th,
.RadGrid_Default tfoot tr th,
.RadGrid_Default thead tr th a,
.RadGrid_Default tbody tr th a,
.RadGrid_Default tfoot tr th a {
    padding: 7px;
    line-height: 1.5;
    vertical-align: middle;
    border-left: hidden;
    border-right: hidden;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875rem; /*14px;*/
    border-bottom: hidden;
}

.RadGrid_Default .rgRow > td, .RadGrid_Default .rgAltRow > td, .RadGrid_Default .rgEditRow > td, .RadGrid_Default .rgFooter > td {
    font-family: var(--bs-font-sans-serif);
    font-size: 0.875rem; /*14px;*/
}

.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table {
    font-family: var(--bs-font-sans-serif);
    font-size: 0.875rem !important; /*14px !important;*/
    line-height: 26px !important;
}

.RadGrid_Default .rgRow,
.RadGrid_Default .rgAltRow,
.RadGrid_Default tfoot {
    background: var(--THInputBackColor) !important;
}

.RadGrid_Default .rgMasterTable .rgRow > td,
.RadGrid_Default .rgMasterTable .rgAltRow > td {
    border-color: var(--THPrimary);
    border-width: thin;
    color: var(--THFontColor);
}

.RadGrid .rgHoveredRow {
    background: var(--THBackground) !important;
}

/*.RadGrid .rgMasterTable {
    border-collapse: collapse !important;
}*/
/*font-face command font-face size : END */


/*#endregion */

/*#region RAD Upload */
.RadUpload {
    width: inherit !important;
    text-align: right; /*SET AS left for English*/
}

.RadUpload_Default .ruButton {
    background-image: none !important;
    background-color: var(--THBtnBackgroundPrimary) !important;
    border-color: var(--THBtnBackgroundPrimary) !important;
    font-size: 0.938rem; /*15px;*/
    color: var(--THBtnFontColor) !important;
}

.RadUpload_Default .ruRemove {
    background-image: none !important;
    background-color: var(--THBtnBackgroundPrimary) !important;
    border-color: var(--THBtnBackgroundPrimary) !important;
    font-size: 0.875rem !important; /*15px;*/
    color: var(--THBtnFontColor) !important;
    margin: 0px 5px 0px 5px;
    padding-left: revert !important;
}

.RadUpload .ruUploadSuccess, .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
    font-size: 0.875rem !important;
}
/*#endregion */

/*#region Select Picker */
.selectpicker {
    background-color: lightgoldenrodyellow;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .selectpicker:focus {
        border-color: palevioletred;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.dropdown-menu > li > a {
    color: var(--THFontColor);
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: var(--THFontColor);
        text-decoration: none;
        background-color: var(--THBackground);
    }

.dropdown-menu {
    background: var(--THInputBackColor);
}

button.btn.dropdown-toggle.btn-default {
    border-color: var(--THSecondary);
    color: var(--THInControlFontColor);
}

.btn-default:hover {
    background-color: var(--THInputBackColor);
}

.btn-default:active:hover, .btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus, .btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus, .btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,
.btn-default:focus, .btn-default.focus {
    color: var(--THFontColor);
    background-color: var(--THInputBackColor);
    border-color: var(--THSecondary);
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}
/*#endregion */

/*#region Message Box */
.info-messages {
    color: var(--THFontColor);
    background-color: var(--THPrimaryDegree4);
    border-color: var(--THPrimary);
    border-radius: 5px;
    box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.2);
}

.close {
    color: var(--THPageTitleFontColor);
}
/*#endregion */

/*#region Progress Bar */
.progress-bar {
    background-color: var(--THSecondary);
    color: var(--THBtnFontColor);
}

.progress {
    background-color: var(--THBackground);
}
/*#endregion */

/*#region Telerik TreeView */
.RadTreeView_Default {
    font-size: 1rem !important;
}
/*#endregion */

/*#region  nestedview-fieldsetLegend*/
fieldset.nestedview-fieldsetLegend {
    border: 1px groove #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.nestedview-fieldsetLegend {
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
    color: var(--THPageTitleFontColor);
    float: none;
}

legend.nestedview-fieldsetLegend {
    width: inherit; /* Or auto */
    padding: 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
    margin-bottom: 10px;
    line-height: 15px;
}

    legend.nestedview-fieldsetLegend .head {
        color: black;
        border: none;
    }
/*#endregion */

/*#region Application Journey */
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 80px
}

    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3em;
    }

    ol.progtrckr[data-progtrckr-steps="3"] li {
        width: 33%;
        position: relative;
        text-align: center;
    }

    ol.progtrckr li.progtrckr-done {
        color: black;
        border-bottom: 4px solid var(--THPrimary);
    }

    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 4px solid silver;
    }

    ol.progtrckr li.progtrckr-current {
        color: black;
        border-bottom: 4px solid silver;
    }

    ol.progtrckr li:after {
        content: "\00a0\00a0";
    }

    ol.progtrckr li:before {
        position: relative;
        bottom: -2.5em;
        float: left;
        left: 50%;
        line-height: 1em;
    }

    ol.progtrckr li.progtrckr-done:before {
        content: "\2714";
        color: white;
        background-color: var(--THSecondary);
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }

    ol.progtrckr li.progtrckr-todo:before {
        content: "\2714";
        color: white;
        background-color: silver;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }

    ol.progtrckr li.progtrckr-current:before {
        content: "\2714";
        color: var(--THSecondary);
        background-color: white;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: 1px solid var(--THPrimary);
        border-radius: 1.2em;
    }

/*#endregion Application Journey*/
/**************************SSO Styles**************************/
.main-bg {
    background: url(../Content/Images/services-bg.jpg) center no-repeat;
}

.fa-home-master {
    color: var(--THSSOIcon);
}

.fa-user-master {
    color: var(--THSSOIcon);
}

.fa-lock-master {
    color: var(--THSSOIcon);
}

.wrapper {
    /*background-color: #f2f2f7;*/
    background-color: var(--THBackground);
}

.SSO-Welcome-lbl {
    font-weight: bold;
    color: var(--THSSOIcon);
}

.SSO-User-lbl {
    padding-bottom: 9px;
}

.h-Service-name {
    font-size: 1.55rem;
    max-height: 64px;
    transition-duration: 500ms;
    margin-bottom: 15px;
    color: var(--THBtnBackgroundHover);
}

.p-Service-desc {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.button-box {
    margin: 0;
    /* display: flex;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition-duration: 500ms;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
}

.serviceLinkBackbtn {
    padding: 10px;
    position: center;
    float: right;
    text-decoration: none;
}

    .serviceLinkBackbtn:hover {
        text-decoration: none;
    }

.serviceLinkbtn {
    /*padding: 5px 10px 0px 0px;*/
    border-radius: 4px;
    background-color: var(--THBtnBackgroundPrimary);
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    width: 200px;
    height: 45px;
    transition: all 0.5s;
    cursor: pointer;
    float: right;
    border-radius: 10px 0px;
}

    .serviceLinkbtn span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 1s;
    }

        .serviceLinkbtn span:after {
            content: '\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 1s;
        }

    .serviceLinkbtn:hover span {
        padding-right: 22px;
        color: white;
    }

        .serviceLinkbtn:hover span:after {
            opacity: 1;
            right: 0;
        }

    .serviceLinkbtn:hover {
        text-decoration: none;
        background-color: var(--THBtnBackgroundHover);
        /*padding:0px 10px 0px 0px;*/
    }

.dynamic-cards {
    /*max-width: 1600px;*/
    margin: auto;
    width: 100%;
    margin-top: 60px;
    transition: transform .1s;
}

    .dynamic-cards:hover {
        -ms-transform: scale(1.015); /* IE 9 */
        -webkit-transform: scale(1.015); /*Safari 3-8 */
        transform: scale(1.02);
    }

.data-border-box {
    position: relative;
    width: 100%;
    /* padding: 30px;*/
    padding: 10px;
    background: #f2f2f7;
    border-radius: 10px;
    /* transition-duration: 300ms;*/
    overflow: hidden;
    /*height: 221px;*/
    height: 250px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
    .data-border-box .content {
        -webkit-box-flex: 1;
        flex-grow: 1;
        width: 100%;
    }
.banner-wrapper {
    background-color: var(--THPageTitleFontColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 20px;
    text-align: center;
    min-height: 200px;
    padding: 70px 0;
    overflow: hidden;
}
    .banner-wrapper::before {
        content: "";
        position: absolute;
        background-image: url(../Content/Images/inner-banner-pattern.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: cover;
        height: 100%;
        width: 336px;
        left: 0;
        top: 0px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
*, ::after, ::before {
    box-sizing: border-box;
}

.banner-wrapper::after {
    content: "";
    position: absolute;
    background-image: url(../Content/Images/inner-banner-pattern.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    height: 100%;
    width: 336px;
    right: 0;
    top: 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    transform: scaleX(-1);
}

*, ::after, ::before {
    box-sizing: border-box;
}

.banner-content h1 {
    color: #fff;
    font-size: 3.05rem;
    font-weight: bold;
}
.divErrorMessage {
    font-size: 15px;
    color: red;
}

.horizontalline-text {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 10px 0 20px;
    border-color: #96969d;
}

    .horizontalline-text span {
        background: #fff;
        padding: 0 10px;
        background-color: var(--THBackground);
        color: #96969d;
        font-size: large;
    }
/**************************************************************************************************NEW Header Footer Changes**********************************************/
header .header-section .logo-menu-wrap .first-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 10px auto
}

    header .header-section .logo-menu-wrap .first-line .logo-wrap {
        max-width: 336px;
        width: 50%;
        min-height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        header .header-section .logo-menu-wrap .first-line .logo-wrap .logo {
            width: 100%
        }

    header .header-section .logo-menu-wrap .first-line .uae-gov-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100px
    }

        header .header-section .logo-menu-wrap .first-line .uae-gov-logo img {
            max-width: 64px;
            width: 100%
        }

header .header-section .logo-menu-wrap .menu-box-wrapper {
    border-top: 1px solid #b7b7b7
}

    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0;
        height: 60px
    }

        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            max-width: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .home-btn {
                    color: #315679;
                    background: #f2f2f7;
                    width: 30px;
                    height: 30px;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border-radius: 20px
                }

                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .home-btn:hover {
                        background: #315679;
                        color: #fff
                    }

                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .home-btn.active {
                        background: #315679;
                        color: #fff
                    }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    list-style-type: none;
                    padding: 0
                }

                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li {
                        margin: 0 13px
                    }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a {
                            color: #3e3e3e;
                            position: relative;
                            gap: 5px
                        }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a::after {
                                content: "";
                                position: absolute;
                                left: 0;
                                bottom: -2px;
                                width: 0;
                                height: 2px;
                                background: #315679;
                                -webkit-transition-duration: 300ms;
                                transition-duration: 300ms
                            }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a:hover {
                                color: #315679
                            }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a:hover::after {
                                    width: 100%
                                }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a.active {
                                color: #315679
                            }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list:hover .dropdown-menu, header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list.active .dropdown-menu {
                            display: block
                        }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu {
                            position: absolute;
                            width: 100%;
                            margin: 0 auto;
                            left: 0;
                            right: 0;
                            opacity: 0;
                            visibility: hidden
                        }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper {
                                background-color: #76ae8c;
                                border-radius: 10px;
                                padding: 40px;
                                color: #fff;
                                margin-top: 18px;
                                min-height: 250px;
                                position: relative
                            }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper::after {
                                    content: "";
                                    position: absolute;
                                    width: 100%;
                                    height: 100%;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    background-image: url("../images//megamenu-bg.png");
                                    background-position: right center;
                                    background-repeat: no-repeat;
                                    background-size: cover
                                }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .row {
                                    position: relative;
                                    z-index: 1
                                }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item {
                                    padding: 0;
                                    list-style: none;
                                    -webkit-column-count: 2;
                                    -moz-column-count: 2;
                                    column-count: 2
                                }

                                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item.three-columns {
                                        -webkit-column-count: 3;
                                        -moz-column-count: 3;
                                        column-count: 3
                                    }

                                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item li {
                                        line-height: 40px;
                                        margin: 0
                                    }

                                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item li a {
                                            color: #fff
                                        }

                                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item li a:hover::after {
                                                background-color: #fff
                                            }

                                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item li a::before {
                                                display: none
                                            }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list:hover .megamenu, header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list.active .megamenu {
                            z-index: 10;
                            visibility: visible;
                            opacity: 1;
                            -webkit-transition: opacity ease .3s;
                            transition: opacity ease .3s
                        }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list:hover a::before, header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list.active a::before {
                            content: "";
                            position: absolute;
                            bottom: -21px;
                            left: 50%;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                            width: 0px;
                            height: 0px;
                            border-left: 10px solid rgba(0,0,0,0);
                            border-right: 10px solid rgba(0,0,0,0);
                            border-bottom: 10px solid #76ae8c;
                            background: none;
                            -webkit-transition-duration: 0s;
                            transition-duration: 0s
                        }

            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    list-style-type: none;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 0
                }

                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li {
                        margin-left: 20px
                    }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a {
                            display: -webkit-inline-box;
                            display: -ms-inline-flexbox;
                            display: inline-flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            color: #315679
                        }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a i {
                                color: #315679;
                                background: #f2f2f7;
                                position: relative;
                                width: 30px;
                                height: 30px;
                                display: -webkit-inline-box;
                                display: -ms-inline-flexbox;
                                display: inline-flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                border-radius: 20px;
                                -webkit-transition-duration: 300ms;
                                transition-duration: 300ms
                            }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a span {
                                margin-left: 10px;
                                font-size: .875rem;
                                position: relative
                            }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a span::after {
                                    content: "";
                                    position: absolute;
                                    left: 0;
                                    bottom: -2px;
                                    width: 0;
                                    height: 2px;
                                    background: #315679;
                                    -webkit-transition-duration: 300ms;
                                    transition-duration: 300ms
                                }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a:hover {
                                color: #315679
                            }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a:hover i {
                                    background: #315679;
                                    color: #fff
                                }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a:hover span {
                                    color: #315679
                                }

                                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a:hover span::after {
                                        width: 100%
                                    }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a.arabic {
                                font-family: "Droid Arabic Kufi","Poppins",sans-serif;
                                display: block
                            }

                                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a.arabic span {
                                    top: -6px;
                                    left: -5px;
                                    position: relative
                                }

header .header-section .logo-menu-wrap .burger-menu-wrap {
    position: relative;
    width: 30px;
    height: 30px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px
}

    header .header-section .logo-menu-wrap .burger-menu-wrap input {
        position: absolute;
        opacity: 0
    }

        header .header-section .logo-menu-wrap .burger-menu-wrap input + label {
            position: relative;
            height: 20px;
            width: 20px;
            z-index: 5
        }

            header .header-section .logo-menu-wrap .burger-menu-wrap input + label span {
                position: absolute;
                width: 100%;
                height: 2px;
                top: 50%;
                margin-top: -1px;
                left: 0;
                display: block;
                background: #3e3e3e;
                -webkit-transition: .3s;
                transition: .3s
            }

                header .header-section .logo-menu-wrap .burger-menu-wrap input + label span:first-child {
                    top: 3px
                }

                header .header-section .logo-menu-wrap .burger-menu-wrap input + label span:last-child {
                    top: 16px
                }

    header .header-section .logo-menu-wrap .burger-menu-wrap label:hover {
        cursor: pointer
    }

    header .header-section .logo-menu-wrap .burger-menu-wrap input:checked + label span {
        opacity: 0;
        top: 50%
    }

        header .header-section .logo-menu-wrap .burger-menu-wrap input:checked + label span:first-child {
            opacity: 1;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        header .header-section .logo-menu-wrap .burger-menu-wrap input:checked + label span:last-child {
            opacity: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.inner-page header .header-section .logo-menu-wrap .menu-box-wrapper {
    border-bottom: 1px solid #b7b7b7
}

@media screen and (max-width: 1299px) {
    .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a span {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li {
        margin: 0 15px
    }
}

@media screen and (max-width: 991px) {
    header .header-section .logo-menu-wrap .burger-menu-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        header .header-section .logo-menu-wrap .burger-menu-wrap.active {
            position: fixed;
            top: 30px;
            right: 30px;
            z-index: 999;
            width: 40px;
            height: 40px;
            border: solid 2px #fff;
            border-radius: 100%
        }

            header .header-section .logo-menu-wrap .burger-menu-wrap.active input + label {
                height: 40px;
                width: 40px
            }

                header .header-section .logo-menu-wrap .burger-menu-wrap.active input + label span {
                    background: #fff;
                    width: 60%;
                    left: 7px
                }

    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav {
        position: relative
    }

        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu {
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 99;
            left: 0;
            top: 0px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            background: #76ae8c;
            border: none;
            padding: 60px 30px 80px 30px;
            line-height: 40px;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
            -webkit-transform: scale(0);
            transform: scale(0)
        }

            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li {
                -webkit-transition: all 400ms 510ms;
                transition: all 400ms 510ms;
                opacity: 0
            }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li:nth-child(odd) {
                    -webkit-transform: translateX(30%);
                    transform: translateX(30%)
                }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li:nth-child(even) {
                    -webkit-transform: translateX(-30%);
                    transform: translateX(-30%)
                }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li:last-child {
                    -webkit-transform: none;
                    transform: none
                }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a {
                    color: #fff;
                    font-size: 1.25rem
                }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu {
                    display: block;
                    position: relative;
                    opacity: 1;
                    visibility: visible
                }

                    header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper {
                        padding: 0;
                        margin-top: 0;
                        min-height: auto
                    }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper::after {
                            display: none
                        }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-title {
                            display: none
                        }

                        header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item {
                            -webkit-column-count: 1;
                            -moz-column-count: 1;
                            column-count: 1
                        }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item.three-columns {
                                -webkit-column-count: 1;
                                -moz-column-count: 1;
                                column-count: 1
                            }

                            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper .submenu-item li a {
                                font-size: 1rem;
                                color: #315679
                            }

            header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu.active {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
                visibility: visible;
                overflow-y: scroll
            }

                header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu.active li {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
}

@media screen and (max-width: 767px) {
    header .header-section .container {
        max-width: 100%
    }

    header .header-section .logo-menu-wrap .burger-menu-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    header .header-section .logo-menu-wrap .first-line .logo-wrap {
        max-width: 230px;
        width: 100%;
        min-height: 60px
    }

    header .header-section .logo-menu-wrap .first-line .uae-gov-logo {
        height: 60px
    }

        header .header-section .logo-menu-wrap .first-line .uae-gov-logo img {
            max-width: 50px;
            height: 60px
        }
}

.ar header .header-section .logo-menu-wrap .first-line {
    direction: ltr
}

.ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li {
    margin: 0 15px
}

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li:last-child {
        margin-left: 0
    }

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li a::after {
        left: auto;
        right: 0
    }

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list:hover a::before {
        bottom: -16px
    }

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li.dropdown-list .megamenu .menu-wrapper::after {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li {
    margin-left: 0px;
    margin-right: 20px
}

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li:first-child {
        margin-right: 0px
    }

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a span {
        margin-left: 0px;
        margin-right: 10px
    }

        .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a span::after {
            left: auto;
            right: 0
        }

    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li a.arabic span {
        left: auto;
        right: -5px
    }

@media screen and (max-width: 1399px) {
    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav {
        width: 100%
    }

        .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li {
            margin: 0 10px
        }
}

@media screen and (max-width: 1199px) {
    .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line {
        margin-right: 0;
        max-width: 100%
    }

        .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav {
            padding-right: 0;
            padding-left: 0;
            max-width: 100%;
            width: 100%
        }

            .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .right-box .right-menu li {
                margin-right: 15px
            }

            .ar header .header-section .logo-menu-wrap .menu-box-wrapper .second-line nav .left-box .left-menu li {
                margin: 0 13px
            }
}

@media screen and (max-width: 991px) {
    header .header-section .logo-menu-wrap .burger-menu-wrap.active {
        right: auto;
        left: 30px
    }
}

footer {
    position: relative
}

    footer .backtotop {
        position: absolute;
        width: 50px;
        height: 50px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #315679;
        border-radius: 10px;
        -webkit-box-shadow: 0px 1px 21px rgba(181,147,93,.2);
        box-shadow: 0px 1px 21px rgba(181,147,93,.2);
        top: -30px;
        right: 30px;
        font-size: 2rem;
        z-index: 10
    }

        footer .backtotop:hover {
            background: #76ae8c
        }

    footer .first-sec {
        border-bottom: 1px solid #b7b7b7;
        margin-bottom: 40px
    }

        footer .first-sec .counter {
            height: 70px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            footer .first-sec .counter i {
                width: 32px;
                height: 32px;
                border-radius: 8px;
                font-size: 1.5rem;
                color: #b48a33;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            footer .first-sec .counter span {
                color: #76ae8c;
                margin: 0 5px
            }

            footer .first-sec .counter .count {
                font-weight: bold;
                color: #315679
            }

        footer .first-sec .download-app {
            height: 70px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            footer .first-sec .download-app span {
                color: #76ae8c
            }

            footer .first-sec .download-app a {
                color: #315679;
                font-size: 1.5rem;
                margin: 0 10px
            }

                footer .first-sec .download-app a:hover {
                    color: #76ae8c;
                    -webkit-transform: scale(1.2);
                    transform: scale(1.2)
                }

        footer .first-sec .subscribe {
            position: relative;
            overflow: hidden
        }

            footer .first-sec .subscribe .subscribe-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border-left: 1px solid #b7b7b7;
                border-right: 1px solid #b7b7b7;
                background-color: rgba(0,0,0,0);
                border-top: 0;
                border-bottom: 0;
                height: 70px;
                width: 100%;
                padding: 0 20px;
                font-weight: 300;
                color: #3e3e3e
            }

                footer .first-sec .subscribe .subscribe-box::-webkit-input-placeholder {
                    color: #6b6b6b
                }

                footer .first-sec .subscribe .subscribe-box::-moz-placeholder {
                    color: #6b6b6b
                }

                footer .first-sec .subscribe .subscribe-box:-ms-input-placeholder {
                    color: #6b6b6b
                }

                footer .first-sec .subscribe .subscribe-box::-ms-input-placeholder {
                    color: #6b6b6b
                }

                footer .first-sec .subscribe .subscribe-box::placeholder {
                    color: #6b6b6b
                }

            footer .first-sec .subscribe .send-btn {
                position: absolute;
                right: 0;
                top: 0;
                height: 70px;
                width: 120px;
                background: none;
                border: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                color: #315679;
                -webkit-transition-duration: 300ms;
                transition-duration: 300ms
            }

                footer .first-sec .subscribe .send-btn span {
                    padding: 0 10px
                }

                footer .first-sec .subscribe .send-btn:hover {
                    color: #fff;
                    background: #315679
                }

            footer .first-sec .subscribe .error {
                color: #f1474e;
                position: absolute;
                left: 1px;
                bottom: -5px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 20px;
                padding: 0px 19px;
                font-size: .875rem
            }

            footer .first-sec .subscribe .success {
                color: #0bab17;
                position: absolute;
                left: 1px;
                bottom: -5px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 20px;
                padding: 0px 19px;
                font-size: .875rem
            }

    footer .ehs-logo-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

        footer .ehs-logo-footer img {
            width: 100%;
            -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
            position: relative;
            max-width: 300px
        }

        footer .ehs-logo-footer:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

    footer h3 {
        font-size: 1rem;
        margin-bottom: 15px;
        font-weight: normal;
        color: #315679;
        text-transform: uppercase
    }

        footer h3 a {
            color: #315679;
            position: relative
        }

            footer h3 a::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                width: 0;
                height: 2px;
                background: #315679;
                -webkit-transition-duration: 300ms;
                transition-duration: 300ms
            }

            footer h3 a:hover {
                color: #315679
            }

                footer h3 a:hover::after {
                    width: 100%
                }

    footer ul {
        padding: 0;
        list-style-type: none
    }

        footer ul li {
            margin-bottom: 15px
        }

            footer ul li a {
                color: #767676;
                position: relative;
                font-size: .875rem
            }

                footer ul li a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: -2px;
                    width: 0;
                    height: 2px;
                    background: #315679;
                    -webkit-transition-duration: 300ms;
                    transition-duration: 300ms
                }

                footer ul li a:hover {
                    color: #315679
                }

                    footer ul li a:hover::after {
                        width: 100%
                    }

    footer p {
        margin-bottom: 0
    }

    footer .links-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    footer .gov-links ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        footer .gov-links ul li {
            max-width: 90px;
            margin-right: 20px
        }

            footer .gov-links ul li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                footer .gov-links ul li a img {
                    width: 100%;
                    -webkit-transition-duration: 300ms;
                    transition-duration: 300ms;
                    position: relative
                }

                footer .gov-links ul li a:hover img {
                    -webkit-transform: scale(1.1) translate(0, 4%);
                    transform: scale(1.1) translate(0, 4%)
                }

                footer .gov-links ul li a::after {
                    display: none
                }

                footer .gov-links ul li a.whatsapp {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-top: 10px;
                    color: #b48a33
                }

                    footer .gov-links ul li a.whatsapp i {
                        color: #0bab17;
                        margin: 0 10px
                    }

            footer .gov-links ul li:last-child {
                margin-right: 0
            }

.inner-page footer .first-sec {
    border-top: 1px solid #b7b7b7
}

.newsletter-popup .modal-content {
    padding: 0 20px
}

    .newsletter-popup .modal-content .modal-header {
        padding: 1rem 0
    }

        .newsletter-popup .modal-content .modal-header .btn-close {
            margin: 0
        }

    .newsletter-popup .modal-content .modal-body {
        padding: 1.5rem 0
    }

        .newsletter-popup .modal-content .modal-body .form-switch {
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left
        }

            .newsletter-popup .modal-content .modal-body .form-switch .form-check-input {
                width: 3.5em;
                cursor: pointer;
                height: 2em;
                margin: 0px 10px;
                float: none;
                background-color: #3e3e3e;
                border: none;
                outline: none;
                background-image: url("../images//check-white.png")
            }

                .newsletter-popup .modal-content .modal-body .form-switch .form-check-input:checked {
                    background-color: #315679;
                    outline: none;
                    background-image: url("../images//check-white.png")
                }

                .newsletter-popup .modal-content .modal-body .form-switch .form-check-input:focus {
                    background-image: url("../images//check-white.png")
                }

                .newsletter-popup .modal-content .modal-body .form-switch .form-check-input:focus {
                    outline: none;
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

            .newsletter-popup .modal-content .modal-body .form-switch .form-check-label {
                color: #315679
            }

    .newsletter-popup .modal-content .modal-footer .action {
        border-radius: 60px;
        margin: 0 15px 0 0
    }

        .newsletter-popup .modal-content .modal-footer .action:last-child {
            margin-right: 0
        }

        .newsletter-popup .modal-content .modal-footer .action.border {
            color: #315679
        }

            .newsletter-popup .modal-content .modal-footer .action.border:hover {
                color: #fff
            }

@media screen and (max-width: 1199px) {
    footer .first-sec .counter span.label {
        font-size: 13px
    }

    footer ul li a {
        letter-spacing: -0.25px
    }
}

@media screen and (max-width: 991px) {
    footer .first-sec .subscribe {
        margin: 20px auto
    }

        footer .first-sec .subscribe .subscribe-box {
            border: 1px solid #b7b7b7
        }

    footer .second-sec .ehs-logo-footer {
        max-width: 250px;
        display: block
    }

    footer .second-sec h3 {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    footer .first-sec .counter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer .first-sec .download-app {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer .first-sec .gov-links ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 575px) {
    footer .backtotop {
        right: 10px
    }

    footer ul li a {
        letter-spacing: 0
    }

    footer .second-sec .ehs-logo-footer {
        margin: 0px auto
    }

    footer .second-sec h3 {
        text-align: center
    }

    footer .second-sec ul li {
        text-align: center
    }

    footer .first-sec .gov-links ul {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        padding: 10px 0
    }

    .copyright-wrap .container .bottom-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .copyright-wrap .container .bottom-links li:after {
            display: none
        }
}

.ar footer .hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ar footer .download-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ar footer .first-sec .subscribe .send-btn {
    right: auto;
    left: 0;
    padding-left: 20px
}

    .ar footer .first-sec .subscribe .send-btn span {
        margin-left: 5px
    }

.ar footer .first-sec .subscribe .error {
    left: auto;
    right: 1px
}

.ar footer .first-sec .subscribe .success {
    left: auto;
    right: 1px
}

.ar footer .gov-links ul li {
    margin-right: 0px;
    margin-left: 20px
}

    .ar footer .gov-links ul li:last-child {
        margin-right: 0px;
        margin-left: 0
    }

.ar footer ul li a::after {
    bottom: 2px
}

.ar .newsletter-popup .modal-content .modal-body .form-switch {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.ar .newsletter-popup .modal-content .modal-body .modal-footer .action {
    margin: 0 0 0 15px
}

    .ar .newsletter-popup .modal-content .modal-body .modal-footer .action:last-child {
        margin-left: 0
    }

.copyright-wrap {
    margin-top: 30px
}

    .copyright-wrap .first-sec {
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;
        margin-bottom: 0
    }

    .copyright-wrap .social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        max-width: 270px;
        margin: auto;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .copyright-wrap .social li {
            margin: 0
        }

            .copyright-wrap .social li a {
                display: inline-block
            }

                .copyright-wrap .social li a i.fi-facebook {
                    color: #2067a9
                }

                .copyright-wrap .social li a i.fi-twitter {
                    color: #1da1f2
                }

                .copyright-wrap .social li a i.fi-instagram {
                    color: #b63ab9
                }

                .copyright-wrap .social li a i.fi-linkedin {
                    color: #0077b5
                }

                .copyright-wrap .social li a i.fi-youtube {
                    color: #f82600
                }

                .copyright-wrap .social li a i.fi-feeds {
                    color: #ff8a00
                }

                .copyright-wrap .social li a i.fi-acrobat {
                    color: #b51c1c
                }

                .copyright-wrap .social li a:hover {
                    -webkit-transform: scale(1.5);
                    transform: scale(1.5)
                }

                    .copyright-wrap .social li a:hover::after {
                        display: none
                    }

    .copyright-wrap .arabic-text {
        font-family: "Droid Arabic Kufi","Poppins",sans-serif
    }

        .copyright-wrap .arabic-text a {
            color: #767676
        }

            .copyright-wrap .arabic-text a:hover {
                color: #315679
            }

    .copyright-wrap .hotline {
        text-align: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 100%
    }

        .copyright-wrap .hotline i {
            border-radius: 8px;
            color: #767676
        }

        .copyright-wrap .hotline span {
            color: #767676;
            margin: 0 10px
        }

        .copyright-wrap .hotline a {
            font-weight: bold;
            color: #767676;
            position: relative
        }

            .copyright-wrap .hotline a::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                width: 0;
                height: 2px;
                background: #315679;
                -webkit-transition-duration: 300ms;
                transition-duration: 300ms
            }

            .copyright-wrap .hotline a:hover {
                color: #315679
            }

                .copyright-wrap .hotline a:hover::after {
                    width: 100%
                }

    .copyright-wrap .copyright {
        color: #767676
    }

    .copyright-wrap .website-info {
        color: #767676;
        font-size: .875rem;
        text-align: center
    }

        .copyright-wrap .website-info p {
            margin-bottom: 20px
        }

            .copyright-wrap .website-info p i {
                font-size: 1rem
            }

    .copyright-wrap .bottom-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .copyright-wrap .bottom-links li {
            margin: 0 15px;
            position: relative
        }

            .copyright-wrap .bottom-links li::after {
                content: "";
                width: 5px;
                height: 2px;
                background: #b7b7b7;
                right: -18px;
                top: 11px;
                position: absolute
            }

            .copyright-wrap .bottom-links li:last-child::after {
                display: none
            }

            .copyright-wrap .bottom-links li a {
                font-size: .875rem;
                padding: 5px 0
            }

    .copyright-wrap .pd40 {
        padding: 36px 0
    }

@media screen and (max-width: 991px) {
    .copyright-wrap {
        text-align: center
    }

        .copyright-wrap .container {
            padding: 20px 12px
        }

            .copyright-wrap .container .copyright {
                margin: 20px auto
            }

            .copyright-wrap .container .hotline {
                margin: 20px auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                float: none
            }

        .copyright-wrap .website-info {
            padding: 0px 15px
        }

        .copyright-wrap .bottom-links {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .copyright-wrap .hotline {
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 20px
        }
}

@media screen and (max-width: 767px) {
    .copyright-wrap .social {
        margin: 30px auto;
        height: auto
    }

    .copyright-wrap .hotline {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0px
    }
}

.ar .copyright-wrap .hotline i {
    height: auto
}

.ar .copyright-wrap .bottom-links li::after {
    right: auto;
    left: -18px
}

@media screen and (max-width: 991px) {
    .ar .copyright-wrap .hotline {
        float: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.feedback-wrapper {
    max-width: 1600px;
    margin: 60px auto 40px auto
}

    .feedback-wrapper .page-feedback {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #767676;
        padding-top: 40px;
        border-top: solid 1px #b7b7b7
    }

        .feedback-wrapper .page-feedback .page-helpful {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .feedback-wrapper .page-feedback .page-helpful .content-helpful {
                margin-left: 15px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                list-style: none;
                padding: 0
            }

                .feedback-wrapper .page-feedback .page-helpful .content-helpful li a {
                    padding: 5px 15px;
                    margin: 0px 10px;
                    border-radius: 40px;
                    border: solid 1px #315679;
                    color: #315679;
                    display: block
                }

                    .feedback-wrapper .page-feedback .page-helpful .content-helpful li a:hover {
                        color: #fff;
                        background-color: #315679
                    }

        .feedback-wrapper .page-feedback .feedback-aside {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .feedback-wrapper .page-feedback .feedback-aside .page-rate {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .feedback-wrapper .page-feedback .feedback-aside .page-rate .star-rate {
                    margin-left: 15px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .feedback-wrapper .page-feedback .feedback-aside .page-rate .star-rate i {
                        color: #b7b7b7;
                        cursor: pointer;
                        font-size: 1.25rem;
                        margin: 0 7.5px
                    }

                        .feedback-wrapper .page-feedback .feedback-aside .page-rate .star-rate i.active, .feedback-wrapper .page-feedback .feedback-aside .page-rate .star-rate i:hover {
                            color: #315679
                        }

            .feedback-wrapper .page-feedback .feedback-aside .page-print-share ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                list-style: none;
                padding: 0
            }

                .feedback-wrapper .page-feedback .feedback-aside .page-print-share ul li {
                    margin-left: 15px
                }

                    .feedback-wrapper .page-feedback .feedback-aside .page-print-share ul li a {
                        padding: 5px 15px;
                        border-radius: 40px;
                        border: solid 1px #315679;
                        color: #315679;
                        display: block
                    }

                        .feedback-wrapper .page-feedback .feedback-aside .page-print-share ul li a:hover {
                            color: #fff;
                            background-color: #315679
                        }

@media screen and (max-width: 991px) {
    .feedback-wrapper {
        margin: 30px auto 0px auto
    }

        .feedback-wrapper .page-feedback {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 30px 0;
            margin-top: 30px
        }

            .feedback-wrapper .page-feedback .page-helpful {
                margin-bottom: 20px
            }
}

@media screen and (max-width: 474px) {
    .feedback-wrapper .page-feedback .page-helpful {
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .feedback-wrapper .page-feedback .page-helpful .content-helpful {
            margin-top: 20px
        }

    .feedback-wrapper .page-feedback .feedback-aside {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .feedback-wrapper .page-feedback .feedback-aside .page-print-share {
            margin-top: 20px
        }
}

.ar .feedback-wrapper .page-feedback .page-helpful .content-helpful {
    margin-left: 0;
    margin-right: 15px
}

.ar .feedback-wrapper .page-feedback .feedback-aside .page-rate .star-rate {
    margin-left: 0;
    margin-right: 15px
}

.ar .feedback-wrapper .page-feedback .feedback-aside .page-print-share ul li {
    margin-left: 0;
    margin-right: 15px
}

.settings-popup .settings-heading {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: #3e3e3e;
    margin: 20px auto 10px
}

.settings-popup .subtitle {
    font-weight: normal;
    color: #767676;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.1rem
}

.settings-popup .close {
    width: 30px;
    height: 30px;
    position: absolute;
    background: #315679;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 20px;
    right: 15px;
    top: 15px
}

.settings-popup .setting-top {
    padding-top: 0;
    width: 100%
}

    .settings-popup .setting-top a {
        width: 75px;
        display: inline-block;
        height: 40px;
        background-color: #fff;
        border-radius: 10px;
        font-size: 0;
        color: #3e3e3e;
        vertical-align: top;
        padding-top: 5px;
        overflow: hidden;
        position: relative
    }

        .settings-popup .setting-top a:before {
            font-size: 28px
        }

        .settings-popup .setting-top a:hover {
            background-color: #315679;
            color: #fff
        }

        .settings-popup .setting-top a.color-blind.active {
            background-color: #315679
        }

        .settings-popup .setting-top a.color-blind.checked {
            background: #315679;
            color: #fff
        }

        .settings-popup .setting-top a.bisque-color {
            margin: 0 10px;
            background-color: bisque
        }

            .settings-popup .setting-top a.bisque-color.checked {
                position: relative;
                border: 2px solid #333
            }

                .settings-popup .setting-top a.bisque-color.checked:after {
                    content: "";
                    position: absolute;
                    top: 10px;
                    left: 20px !important;
                    right: auto !important;
                    width: 20px;
                    height: 10px;
                    border: 2px solid #fff;
                    border-top: 0;
                    border-right: 0;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

            .settings-popup .setting-top a.bisque-color:hover, .settings-popup .setting-top a.bisque-color.active {
                border: 1px solid #000
            }

        .settings-popup .setting-top a.gold-color {
            margin: 0 10px;
            background-color: gold
        }

            .settings-popup .setting-top a.gold-color.checked {
                position: relative;
                border: 2px solid #333
            }

                .settings-popup .setting-top a.gold-color.checked:after {
                    content: "";
                    position: absolute;
                    top: 10px;
                    left: 25px !important;
                    right: auto !important;
                    width: 20px;
                    height: 10px;
                    border: 2px solid #fff;
                    border-top: 0;
                    border-right: 0;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

            .settings-popup .setting-top a.gold-color:hover, .settings-popup .setting-top a.gold-color.active {
                border: 1px solid #000
            }

        .settings-popup .setting-top a.blue-color {
            margin: 0 10px;
            background-color: blue
        }

            .settings-popup .setting-top a.blue-color.checked {
                position: relative;
                border: 2px solid #333
            }

                .settings-popup .setting-top a.blue-color.checked:after {
                    content: "";
                    position: absolute;
                    top: 10px;
                    left: 25px !important;
                    right: auto !important;
                    width: 20px;
                    height: 10px;
                    border: 2px solid #fff;
                    border-top: 0;
                    border-right: 0;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

            .settings-popup .setting-top a.blue-color:hover, .settings-popup .setting-top a.blue-color.active {
                border: 1px solid #333
            }

        .settings-popup .setting-top a.font-increase {
            margin: 0 10px
        }

    .settings-popup .setting-top .color-themes, .settings-popup .setting-top .accessibility-opt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin: 25px auto
    }

        .settings-popup .setting-top .color-themes .blue-color {
            background: #315679
        }

            .settings-popup .setting-top .color-themes .blue-color::before {
                content: "";
                background-color: #76ae8c;
                width: 50%;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0
            }

        .settings-popup .setting-top .color-themes .gold-color {
            background: #c8a877
        }

            .settings-popup .setting-top .color-themes .gold-color::before {
                content: "";
                background-color: #968b83;
                width: 50%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0
            }

        .settings-popup .setting-top .color-themes .bisque-color {
            background: #f3e3cd
        }

            .settings-popup .setting-top .color-themes .bisque-color::before {
                content: "";
                background-color: #718472;
                width: 50%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0
            }

        .settings-popup .setting-top .accessibility-opt a {
            border: 1px solid #315679;
            color: #315679
        }

            .settings-popup .setting-top .accessibility-opt a:hover {
                background-color: #315679;
                color: #fff
            }

.settings-popup .setting-middle {
    width: 100%;
    margin: 30px auto 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .settings-popup .setting-middle .translate-lang, .settings-popup .setting-middle .night-reading, .settings-popup .setting-middle .virtual-tour {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin: 10px auto
    }

        .settings-popup .setting-middle .night-reading .switch {
            width: 85px;
            margin: 0 auto;
            background-color: #3e3e3e;
            border-radius: 50px;
            height: 40px;
            padding: 4px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
            transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1)
        }

            .settings-popup .setting-middle .night-reading .switch:before {
                content: "";
                position: absolute;
                display: inline-block;
                vertical-align: middle;
                background-color: #fff;
                border-radius: 50%;
                height: 34px;
                width: 34px;
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                top: 3px;
                -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,.6);
                box-shadow: 0px 0px 13px 1px rgba(0,0,0,.6);
                -webkit-transition-delay: 100ms;
                transition-delay: 100ms;
                -webkit-transition-duration: 500ms;
                transition-duration: 500ms
            }

            .settings-popup .setting-middle .night-reading .switch.checked {
                background-color: #315679
            }

                .settings-popup .setting-middle .night-reading .switch.checked:before {
                    -webkit-transform: translateX(44px);
                    transform: translateX(44px)
                }

            .settings-popup .setting-middle .night-reading .switch li {
                list-style-type: none;
                display: inline-block;
                vertical-align: middle;
                font-size: 0;
                border-radius: 50%;
                height: 35px;
                width: 35px
            }

                .settings-popup .setting-middle .night-reading .switch li a {
                    display: block;
                    height: 100%
                }

        .settings-popup .setting-middle .virtual-tour a {
            font-size: 0;
            color: #3e3e3e;
            -webkit-transform: scale(1);
            transform: scale(1);
            display: inline-block
        }

            .settings-popup .setting-middle .virtual-tour a:before {
                font-size: 40px
            }

            .settings-popup .setting-middle .virtual-tour a:hover {
                -webkit-transform: scale(1.15);
                transform: scale(1.15)
            }

    .settings-popup .setting-middle .tooltipapplied {
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.settings-popup .language-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .settings-popup .language-select .wrap {
        margin: 20px 0;
        max-width: 190px;
        width: 100%
    }

.settings-popup .setting-bottom {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .settings-popup .setting-bottom .print-page {
        margin-right: 20px
    }

    .settings-popup .setting-bottom a {
        font-weight: normal;
        padding: 13px 20px;
        border: 1px solid #315679;
        border-radius: 10px;
        width: 100%;
        display: block;
        color: #3e3e3e
    }

        .settings-popup .setting-bottom a .icon {
            display: inline-block;
            vertical-align: middle
        }

        .settings-popup .setting-bottom a:hover {
            background-color: #315679;
            color: #fff
        }

.settings-popup.sub-popup {
    padding: 20px
}

    .settings-popup.sub-popup .settings-heading {
        text-align: inherit;
        margin: 0 0 20px 0
    }

    .settings-popup.sub-popup .action-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .settings-popup.sub-popup .action-wrapper .action {
            margin-right: 20px
        }

            .settings-popup.sub-popup .action-wrapper .action:last-child {
                margin-right: 0
            }

.settings-popup.voice-commands .panel-heading {
    text-align: center
}

.settings-popup.voice-commands .panel-body .wave {
    width: auto;
    height: 80px;
    display: block;
    margin: 15px auto
}

.settings-popup.voice-commands .panel-body p.commands u {
    color: #315679;
    text-decoration: none;
    border-radius: 20px;
    border: solid 1px #e6e6e6;
    padding: 5px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 5px 0
}

.settings-popup.voice-commands .panel-body .action-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .settings-popup.voice-commands .panel-body .action-wrap .action {
        width: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

@media screen and (min-width: 576px) {
    .settings-modal-wrap .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto
    }
}

@media screen and (max-width: 576px) {
    .settings-popup .setting-top a {
        width: 60px
    }

    .settings-popup .setting-middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 10px auto
    }

    .settings-popup .setting-bottom {
        padding: 20px 0
    }

        .settings-popup .setting-bottom .print-page {
            margin-right: 20px
        }

        .settings-popup .setting-bottom a {
            padding: 10px
        }
}

@media print {
    .settings-popup {
        display: none
    }
}

.ar .settings-popup #qr {
    left: 10px
}

.ar .settings-popup .setting-middle .night-reading .switch.checked:before {
    -webkit-transform: translateX(-44px);
    transform: translateX(-44px)
}

.ar .settings-popup .setting-bottom .print-page {
    margin-right: 0px;
    margin-left: 20px
}

.ar .settings-popup.sub-popup .action-wrapper .action {
    margin-right: 0px;
    margin-left: 20px
}

    .ar .settings-popup.sub-popup .action-wrapper .action:last-child {
        margin-left: 0px
    }

.ar .settings-popup.voice-commands .panel-body p.commands u {
    color: #315679
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .pace::after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99
    }

.pace-done .pace::after {
    display: none
}

.pace.pace-inactive .pace-progress {
    display: none
}

.pace .pace-progress {
    position: fixed;
    z-index: 2000;
    top: 50%;
    right: 50%;
    height: 2rem;
    width: 2rem;
    -webkit-transform: translate3d(50%, -50%, 0) !important;
    transform: translate3d(50%, -50%, 0) !important
}

    .pace .pace-progress:before {
        content: "" !important;
        display: block;
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%) !important;
        transform: translate(50%, -50%) !important;
        width: 150px;
        height: 84px;
        background-image: url("../Content/EHSHeaderFooter/images/preloader.gif");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        overflow: hidden
    }

    .pace .pace-progress.show-percentage:after {
        display: block;
        position: absolute;
        right: .5rem;
        content: attr(data-progress-text);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1;
        text-align: right;
        top: 250%;
        right: 50%;
        -webkit-transform: translate(50%, -50%) !important;
        transform: translate(50%, -50%) !important;
        color: #315679
    }

.under-construction-page .header-construction {
    border-bottom: solid 1px #e6e6e6
}

    .under-construction-page .header-construction .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 0
    }

        .under-construction-page .header-construction .wrap .logo-wrap {
            max-width: 336px;
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .under-construction-page .header-construction .wrap .logo-wrap .logo {
                width: 100%
            }

        .under-construction-page .header-construction .wrap .uae-gov-logo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100px
        }

            .under-construction-page .header-construction .wrap .uae-gov-logo img {
                max-width: 64px;
                width: 100%
            }

.under-construction-page .content-construction .wrap {
    padding: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .under-construction-page .content-construction .wrap .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .under-construction-page .content-construction .wrap .icon i {
            font-size: 16rem;
            color: #76ae8c
        }

    .under-construction-page .content-construction .wrap .content h2 {
        font-size: 3.5rem;
        max-width: 680px;
        margin: 0px auto;
        color: #315679;
        font-weight: bold
    }

    .under-construction-page .content-construction .wrap .content p {
        font-size: 1.5rem
    }

.under-construction-page .footer-construction {
    border-top: solid 1px #e6e6e6
}

    .under-construction-page .footer-construction .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 30px 0
    }

        .under-construction-page .footer-construction .wrap .mail-wrap p, .under-construction-page .footer-construction .wrap .hotline-wrap p {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .under-construction-page .footer-construction .wrap .mail-wrap p i, .under-construction-page .footer-construction .wrap .hotline-wrap p i {
                font-size: 1.5rem
            }

            .under-construction-page .footer-construction .wrap .mail-wrap p span, .under-construction-page .footer-construction .wrap .hotline-wrap p span {
                margin: 0 8px
            }

            .under-construction-page .footer-construction .wrap .mail-wrap p a, .under-construction-page .footer-construction .wrap .hotline-wrap p a {
                color: #315679
            }

                .under-construction-page .footer-construction .wrap .mail-wrap p a:hover, .under-construction-page .footer-construction .wrap .hotline-wrap p a:hover {
                    color: #76ae8c
                }

        .under-construction-page .footer-construction .wrap .social-wrap {
            padding: 15px 0
        }

            .under-construction-page .footer-construction .wrap .social-wrap .social {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                max-width: 270px;
                margin: auto;
                padding: 0;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                height: 100%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .under-construction-page .footer-construction .wrap .social-wrap .social li {
                    margin: 0 15px
                }

                    .under-construction-page .footer-construction .wrap .social-wrap .social li a {
                        display: inline-block
                    }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-facebook {
                            color: #2067a9
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-twitter {
                            color: #1da1f2
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-instagram {
                            color: #b63ab9
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-linkedin {
                            color: #0077b5
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-youtube {
                            color: #f82600
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-feeds {
                            color: #ff8a00
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a i.fi-acrobat {
                            color: #b51c1c
                        }

                        .under-construction-page .footer-construction .wrap .social-wrap .social li a:hover {
                            -webkit-transform: scale(1.5);
                            transform: scale(1.5)
                        }

                            .under-construction-page .footer-construction .wrap .social-wrap .social li a:hover::after {
                                display: none
                            }

    .under-construction-page .footer-construction .footer-bottom {
        border-top: solid 1px #e6e6e6;
        padding-top: 20px;
        text-align: center
    }

@media screen and (max-width: 991px) {
    .under-construction-page .content-construction .wrap {
        padding: 30px 0
    }

        .under-construction-page .content-construction .wrap .icon i {
            font-size: 10rem
        }

        .under-construction-page .content-construction .wrap .content h2 {
            font-size: 2rem
        }

        .under-construction-page .content-construction .wrap .content p {
            font-size: 1rem
        }
}

@media screen and (max-width: 767px) {
    .under-construction-page .header-construction .wrap .logo-wrap {
        max-width: 230px;
        width: 100%;
        min-height: 60px
    }

    .under-construction-page .header-construction .wrap .uae-gov-logo {
        height: 60px
    }

        .under-construction-page .header-construction .wrap .uae-gov-logo img {
            max-width: 50px;
            height: 60px
        }

    .under-construction-page .footer-construction .wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 0
    }

        .under-construction-page .footer-construction .wrap .social-wrap {
            padding: 20px 0
        }

            .under-construction-page .footer-construction .wrap .social-wrap .social {
                max-width: none
            }

                .under-construction-page .footer-construction .wrap .social-wrap .social li {
                    margin: 0 10px
                }
}

/*region - FAQs- START*/

.FAQHeader {
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size:40px;
    background-color: var(--THPageTitleFontColor);
    color: #ffff;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px 0;
}

.FAQ-box {
    position: relative;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background: var(--THBackground);
    /*border-radius: 10px;*/
    overflow: hidden;
    height: 48px;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 3PX;
}

    .FAQ-box .content {
        -webkit-box-flex: 1;
        flex-grow: 1;
        width: 100%;
    }

.FAQ-box-span {
    float: right;
    margin: 0px 3px 0px 0px;
    /*font-size-adjust : 2;*/
}

/*    .FAQ-box-span:before {
        content: "\f13a";
    }
*/
/*.spanicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    float: right;
}

    .spanicon:before {
        content: "\f2c3";
    }*/


.FAQbanner-wrapper {
    background-color: var(--THPageTitleFontColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 20px;
    text-align: center;
    min-height: 10px;
    padding: 10px 0;
    overflow: hidden;
    background-image: url(../Content/Images/inner-banner-pattern.png);
}

.FAQquestion {
    font-weight: bold;
    color: var(--THPageTitleFontColor);
    cursor: pointer;
}

.cu-accordion-item {
    border-bottom: 1px solid var(--THBackground);
    outline: none;
    position: relative;
}

    .cu-accordion-item:last-child {
        border-bottom: none;
    }

.cu-btn-accordion {
    width: 100%;
    height: 64px;
    color: black;
    font-weight: 500;
    font-size: 20px;
    /* text-transform: capitalize;*/
    background-color: transparent;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    border-bottom: 1px solid gray;
}

    .cu-btn-accordion:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        /*position: absolute;*/
        right: 5px;
        color: var(--THPageTitleFontColor)
    }

    .cu-btn-accordion:not(.collapsed):after {
        content: "\F077";
    }

.accordion {
    margin: 0px;
}

    .accordion .accordion-body {
        margin: 10px 15px;
    }

    .accordion:hover {
        background-color: var(--THBackground);
    }
/*endregion - FAQs- END*/