﻿/*hide menu*/
@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Medium.eot');
    src: url('../fonts/Tajawal-Medium.woff2') format('woff2'), url('../fonts/Tajawal-Medium.woff') format('woff'), url('../fonts/Tajawal-Medium.ttf') format('truetype'), url('../fonts/Tajawal-Medium.svg#Tajawal-Medium') format('svg'), url('../fonts/Tajawal-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

footer.he-footer {
    position: relative;
}

.main-menu {
    /*visibility:hidden;*/
}

.hide-text{
	visibility: hidden; 
}

.ms-promlink-button{
	padding:0;
}

.ms-srch-sb>input{
	    margin: 0;
    padding: 0px 5px 0px 1px;
}
/*Signin link in welcome page*/
.ms-signInLink {
    display: none!important;
}

/*General Classes*/
html,body {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.survey ul li {
    margin-bottom: 10px;
}

.full-width {
    width: 100%;
}

textarea {
    resize: none;
}

.row {
    margin: 0;
}

[class*=' col-'] {
    /* padding: 0; */
}

input[type=button], input[type=reset], input[type=submit], button {
    margin-left: 0;
    margin-right: 0;
}

.inline-block-display {
    display: inline-block;
}

input[type="image"] {
    width: 25px;
    height: 25px;
    padding: 5px;
    vertical-align: top;
    box-sizing: border-box;
    margin: 0;
}

.flex-display {
    display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.block-display {
    display: block;
}

.flex-display > * {
}

.flex-wrap {
    flex-wrap: wrap;
}

.moe-main-color {
    color: #a40136;
}

.segoe-font {
    font-family: SegoeUI;
}

.warning {
    font-weight: 500;
    font-size: calc(1em + .15vw);
}

.warning:before {
    color: #a40136;
    font-size: calc(1em + .5vw);
    font-weight: 900;
}

.border-box {
    box-sizing: border-box;
}

.align-items-baseline {
    align-items: baseline;
}

.align-items-center {
    align-items: center;
}

.table-display {
    display: table;
}

.page-padding {
    padding: 0 6.88vw;
}

.margin-all-0 {
    margin: 0!important;
}

.no-margin {
    margin-right: 0;
    margin-left: 0;
}

.no-margin-imp {
    margin-right: 0!important;
    margin-left: 0!important;
}

.no-padding {
    padding-left: 0 ;
    padding-right: 0 ;
}

.no-padding-imp {
    padding-left: 0!important ;
    padding-right: 0!important ;
}

.no-padding-imp {
    padding-left: 0!important;
    padding-right: 0!important;
}

.auto-margin-lr {
    margin: 0 auto;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-top-10 {
    margin-top: calc(5px + .25vw);
}

.margin-top-15 {
    margin-top: calc(10px + .25vw);
}

.margin-top-25 {
    margin-top: calc(10px + .78vw);
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-0-imp {
    margin-bottom: 0!important;
}

.margin-bottom-10 {
    margin-bottom: calc(5px + .25vw);
}

.margin-bottom-15 {
    margin-bottom: calc(10px + .25vw);
}

.margin-bottom-25 {
    margin-bottom: calc(10px + .78vw);
}

.margin-bottom-35 {
    margin-bottom: calc(20px + .78vw);
}

.margin-bottom-50 {
    /* margin-bottom: calc(25px + 1.28vw); */
}

.pull-right + .select2-container {
    float: right;
}

.pull-left + .select2-container {
    float: left;
}

.margin-lr-0 {
    margin-right: 0;
    margin-left: 0;
}

.margin-right-5 {
    margin-right: 5px!important;
}

.margin-right-10 {
    margin-right: 10px!important;
}

.margin-right-15 {
    margin-right: 15px!important;
}

.margin-right-20 {
    margin-right: 20px!important;
}

.margin-left-5 {
    margin-left: 5px!important;
}

.margin-left-10 {
    margin-left: 10px!important;
}

.margin-left-15 {
    margin-left: 15px!important;
}

.margin-left-20 {
    margin-left: 20px!important;
}

.font-size-14 {
    font-size: calc(.9em + .09vw);
}

.font-size-16 {
    font-size: calc(.9em + .17vw);
}

.font-size-18 {
    font-size: calc(.9em + .29vw);
}

.font-size-20 {
    font-size: calc(1em + .3vw);
}

.font-size-22 {
    font-size: calc(1em + .4vw);
}

.font-size-32 {
    font-size: calc(1em + .9vw);
}

.font-weight-regular {
    font-weight: 400;
}

option {
    font-weight: 400;
}

.moe-width-70 {
    width: 70%;
}

.moe-width-85 {
    width: 85%;
}

/*Modal Popup*/
.modalPopup {
    background-color: rgb(254, 254, 254)!important;
    border: solid 5px #a40136!important;
    !important; background-color: rgb(254, 254, 254)!important;
    padding: calc(15px + .2vw) calc(20px + .2vw) calc(15px + .2vw)!important;
    width: 50%!important;
}

.modalPopup > input {
    display: block;
    margin: 20px auto 0;
}

.modalPopup > span {
    color: #005600;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: calc(1em + .7vw);
}

/*MOE Table*/
.table.moe-table {
    border-radius: 2px;
    border-width: 0.5px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
}

.table.result-table>tbody>tr>th {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(213, 213, 213);
    background-color: rgb(173, 29, 72)!important;
    color: white!important;
}

.table.moe-table>tbody>tr>td, .table.moe-table>tbody>tr>th {
    /*max-width: 90px;*/
    /* min-width: 0px; */
    text-align: center;
    /* word-break: break-all; */
}

.table.moe-table>tbody>tr>th {
    text-align: center;
    /* word-break: break-all;*/
}

.table.moe-table>tbody>tr {
    text-align: center;
}

.table.moe-table>tbody>tr>td {
    /*word-break:  break-all;*/
}

.table.moe-table>tbody>tr>td:last-child {
    text-align: center!important;
    font-weight: 600;
}

.table.moe-table>tbody>tr table {
    margin: 10px auto;
    text-align: center;
}

.table.moe-table>tbody>tr table tr td {
    font-size: calc(1em + .3vw);
    font-weight: bold;
}

.table.moe-table>tbody>tr table tr td span, .table.moe-table>tbody>tr table tr td a {
    padding: 5px 10px;
}

.table.moe-table>tbody>tr table tr td span {
    background-color: #ad1d48;
    color: white;
    font-size: calc(.5em + .2vw);
}

/*select2*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #767676;
    height: 100%;
    /* border: solid 1px; */
    line-height: calc(30px + .7vw);
}

.select2-container {
    min-width: 100%!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}

/*Error Msg*/
.error-msg, .noFiles {
    font-size: calc(.9em + .09vw)!important;
    font-weight: 100!important;
    height: auto!important;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

/*SP Classes*/
#s4-bodyContainer {
    padding-bottom: 0;
}


.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {
    display: block;
}

.table-wrapper {
    overflow: hidden;
    overflow-x: auto;
    border: solid 1px transparent;
    margin-bottom: 15px;
}

.table-wrapper {
}

.table-wrapper::-webkit-scrollbar {
    height: 10px;
}

.table-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgb(164, 1, 54);
    background-color: #f1f1f1;
    border-radius: 20px;
}

.table-wrapper::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 2px rgb(164, 1, 54);
    background-color: #a40136;
}

/*select*/
ul.moe-select {
    width: 100%;
}

ul.moe-select li {
    padding: 5px 10px;
    z-index: 2;
    line-height: 30px;
    box-sizing: border-box;
    align-items: center;
}

.moe-select .fa-caret-down {
    font-size: 22px;
}

.moe-radio .radio input[type=radio], .moe-radio .radio-inline input[type=radio], .moe-radio .checkbox input[type=checkbox], .moe-radio .checkbox-inline input[type=checkbox] {
    margin-left: 0;
    margin-right: 0;
    width: 18px;
    height: 18px;
}

/*NavBar*/
.navbar-collapse .navbar-nav.navbar-left:first-child {
    margin: 0;
}

.glyphicon {
    position: relative;
    top: 3px;
}

.navbar {
    /* height: 9.11vw; */
}

img.logo {
    width: auto;
    position: absolute;
    z-index: 100;
    /* top: -52px; */
    /*margin-right: -60px; */
}

.navbar-nav li {
    margin: 0 calc(10px + .5vw);
    padding: 0px 20px;
}

.navbar-nav.main-menu li {
    margin: 0 calc(10px + .5vw);
    padding: 15px calc(10px + .4vw) 10px;
}

.navbar-nav.main-menu li {
    padding: 3px;
    box-sizing: border-box;
    padding-bottom: 10px;
    border-width: 1px;
    border-color: rgba(140, 30, 63, 0);
    border-style: solid;
    border-bottom: 4px solid transparent;
}

.navbar-nav.main-menu .dropdown-menu li {
    padding: 0px 0 0px;
    margin: 0;
    /* font-weight: bold; */
}

.navbar-nav>li>.dropdown-menu {
    padding: 10px 20px;
}

.moe-section input[type=button], .moe-section input[type=reset], .moe-section input[type=submit], .moe-section button ,.moe-btn, input[type=button], input[type=reset], input[type=submit], button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover, input[type=button]:active, input[type=reset]:active, input[type=submit]:active, button:active {
    border-radius: 3px;
    min-height: 40px;
    height: calc(28px + .78vw);
    font-size: calc(1em + .25vw);
    padding: 10px 24px;
    min-width: 135px;
    line-height: 1.1;
    outline: none;
}

.col-md-12>.moe-btn {
    margin-top: 20px;
}

.input-btn {
    border-radius: 3px!important;
    min-height: 40px!important;
    height: calc(28px + .78vw)!important;
    font-size: calc(1em + .25vw)!important;
    padding: 10px 24px!important;
    min-width: 135px!important;
    line-height: 1.1!important;
    outline: none!important;
}

input[type=submit].input-btn:hover {
    min-width: 135px!important;
    width: auto!important;
    text-align: center!important;
    font-size: calc(1em + .25vw)!important
}

.btn:active, .btn.active, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
}

input[type=submit].customBtn {
    color: black;
    line-height: normal;
    font-size: calc(.9em + .1vw);
    color: black;
    font-family: Tajawal;
    width: calc(100% - 20px);
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    padding: 0;
    height: auto;
    min-height: auto;
}

.clear-btn, input[type=submit].clear-btn:hover, .clear-btn.moe-btn:hover {
    margin-left: 10px!important;
}

html[dir = "rtl"] .clear-btn, input[type=submit].clear-btn:hover, .clear-btn.moe-btn:hover {
    margin-right: 10px!important;
}

.clear-btn, input[type=submit].clear-btn:hover, .clear-btn.moe-btn:hover {
    margin-right: 0!important;
    margin-left: 0!important;
}

/*NavBar*/
input[type=checkbox], input[type=radio] {
    line-height: normal;
    height: 18px;
    width: 18px;
    margin: 0 5px 5px;
}

input+label {
    font-weight: 500;
    font-size: calc(.85em + .2vw);
    font-family: Tajawal;
}

.dropdown-icon {
    width: 14px;
    height: 10px;
    display: inline-block;
    background-size: 90%!important;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    margin: 0px 0 0 5px;
    vertical-align: bottom;
    background-position: top;
    top: -5px;
    position: relative;
}

.navbar-nav li a {
    font-size: 16px; 
    /* calc(1em + .32vw); */
    padding: 0.22vw 0.35vw;
    font-weight: 500;
    vertical-align: middle;
    font-family: 'segoe ui';
    vertical-align: -webkit-baseline-middle;
}

.navbar-nav li.user-name a {
    font-size: calc(1em + .25vw);
}

.navbar-nav li a.lang {
    font-size: calc(.91em + .1vw);
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 4px;
    min-width: 400px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu, .navbar-nav.main-menu>li:nth-child(5)>.dropdown-menu {
    width: 30vw;
}

.navbar-nav.main-menu .dropdown-menu li a {
    padding: 0;
    /* font-weight: 700; */
    /* text-transform: capitalize; */
    color: #575757;
    font-family: Segoe UI;
}

.navbar-nav.main-menu .dropdown-menu li a:hover,.navbar-nav.main-menu .dropdown-menu li a:focus {
    color: #8c1e3f !important;
}

.navbar-nav.main-menu .dropdown-menu li .menu-title a {
    color: #8c1e3f;
}

.navbar-nav.main-menu .dropdown-menu li.menu-more, .menu-more {
    /* margin-top: calc(20px + 1.5vw); */
    text-decoration: underline;
}
.navbar-nav.main-menu>li:nth-child(1)>ul.dropdown-menu{right:-2px}
.navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu {
    min-width: 51vw;
    left: -670px;
}

/* .navbar-nav.main-menu>li:nth-child(4)>.dropdown-menu {
    min-width: 42.6vw;
} */

.navbar-nav.main-menu>li:nth-child(2)>.dropdown-menu {
        width: 50vw;
    right: 0;
}
.navbar-nav.main-menu>li:nth-child(2)>.dropdown-menu li li {
        width: 100%;
}

.navbar-nav.main-menu>li:nth-child(2) .dropdown-menu li{width:32%}

.navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu li{width:100% !important}

.navbar-nav.main-menu>li:nth-child(3) .menu-title{background:none;margin-top:0 !important}

.navbar-nav.main-menu>li .menu-title{margin-top:0 !important;padding:0}
.navbar-nav.main-menu>li:nth-child(7) .menu-title{background:none;margin-top:0 !important}
.navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu{right:0 !important}

.navbar-nav.main-menu>li:nth-child(7)>.dropdown-menu{width: 270px;
    min-width: 270px;
    right: -30px;}

a[colorcode="gray-menu-color"]	{color: #575757 !important; font-size: 14px !important;}

.navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu {
    width: 350px !important;
    min-width: 350px !important;
}

.navbar-collapse.collapse {
    /* height: 73%!important;*/
    /* position:  relative; */
    /* float: none; */
}

.navbar-header {
    width: 100%;
    float: none;
    /* text-align: right; */
}

.navbar-collapse {
    /* width: 80%; */
    /* padding: 0; */
}

.access-menu {
    /* display: flex; */
    justify-content: center;
    margin: 0;
    position: absolute;
    top: 0;
}

.access-icons {
    /* display: flex; */
    margin: 0;
    padding-top: 1px !important;
}

.nav>li.access-icons>a {
    display: inline-block!important;
    /* border:  solid 1px; */
}

.access-menu li {
    margin: 0;
}

.access-icons {
    padding-left: .4vw;
    padding-right: .4vw;
}

.access-icons a, .search {
    width: 40px;
    height: 25px;
    padding: 0 5px!important;
}

.main-menu {
    box-sizing: border-box;
    position: absolute;
    bottom: -4px;
}

.moe-logo {
    /* background: white; */
    /* 100px of height + 10px of border */
    width: 126px;
    height: 67px;
    /* background-color: white; */
    /* border-bottom-left-radius: 130px; */
    /* border-bottom-right-radius: 130px; */
    /* border: 4px solid #a40036; */
    /* border-top: 0; */
    top: 70px;
    /* z-index: 10000; */
}

.navbar-nav>li>.dropdown-menu ul {
    padding: 0;
    height: 100%;
}

.menu-title {
    font-size: 1.2em;
    font-weight: bold;
    background-position: left bottom!important;
    padding: 10px 0;
}
.nav.navbar-nav .menu-title {
   margin-bottom: 10px;
}

html[dir="rtl"] .menu-title {
    background-position: right bottom!important;
}

/*Footer*/
footer.he-footer {
    padding-top: 14px;
    padding-bottom: 2px;
}

footer.he-footer .title {
    display: inline-block;
    width: auto;
    font-size: 1.3em;
    font-family: Segoe UI;
    vertical-align: top;
    min-width: 80px;
    font-weight: 700;
}

.address, .phones, .email {
    display: inline-block;
    width: auto;
    /* height: 60px; */
    min-width: 115px;
    margin: 0;
    /* border: solid 1px; */
}

.address {
    padding: 0;
}

.phones {
    padding: 0 calc(15px + .3vw);
}

.links {
    /* height: 65px; */
    /* text-align: center; */
}

.address li, .phones li, .email li {
    /* height: 50%; */
    font-weight: 500;
    /* line-height: 30px; */
    font-family: Tajawal;
    /* margin-top: -5px; */
    /* margin-bottom: 20px; */
}

.address li:first-child, .phones li:first-child, .email li:first-child, .links li:first-child {
    /* margin-top: -2px; */
}

.address li:last-child, .phones li:last-child, .email li:last-child, .links li:last-child {
    /* border: solid red 1px; */
}

.address li span, .phones li span, .email li span, .links li span {
    font-size: 1em;
    font-weight: 700;
}

.address li .fa, .phones li .fa, .email li .fa {
    vertical-align: middle;
}

.follow-us {
    width: auto;
    display: inline-block;
    margin-top: -5px;
}

.follow-us li {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
}

footer.he-footer .fa {
    font-size: calc(14px + .3vw);
    padding: 8px 15px;
}

footer.he-footer .address .fa, footer.he-footer .phones .fa, footer.he-footer .email .fa {
    width: 20px;
    font-size: calc(14px + .2vw);
    padding: 0;
    /* border: solid 1px; */
}

ul.email.no-padding>li {
    margin: 0 4px;
}

footer.he-footer .phones .fa.fa-phone {
    font-size: calc(14px + .3vw);
}

footer.he-footer .address .fa.fa-map-marker {
    font-size: calc(14px + .4vw);
    /* padding-left: 7px!important; */
    /* text-align: center; */
}

footer.he-footer .fa-youtube, footer.he-footer .fa-twitter, footer.he-footer .fa-instagram, footer.he-footer .fa-linkedin, footer.he-footer .fa-facebook, footer.he-footer .fa-snapchat-ghost {
    /* padding: 8px 9px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.copy-right {
    /* margin-top: 15px; */
}

.copy-right h3 {
    margin: 0;
    font-size: calc(1em);
    text-transform: capitalize;
    font-family: Tajawal;
}

.follow-us li .fa {
    color: white;
}

.follow-us li .fa-facebook {
    padding: 9px 11px;
}

.links {
    margin-bottom: 0;

}
.footer-news{
    float: left;
    padding-left: 10%;
}
.links li a {
    font-size: 1em;
    font-weight: 700;
    color: #000000;
}

.followCopy {
    flex-direction: column;
    align-items: flex-start;
}

.followCopy .title {
    min-width: auto!important;
}

.data-container {
    margin-bottom: 10px;
}

.data-container h6 {
    font-weight: bold;
    font-family: Tajawal;
}

.unheighlighted-section h6 {
    height: calc(35px + 0.2vw);
}

.unheighlighted-section.display-mode h6 {
    height: auto;
}

.applicantDetailsForm h6 {
    height: calc(35px + 0.2vw);
}

.data-container h5 {
    font-weight: 500;
    font-family: Tajawal;
}

/*Font -Theme*/
/*.font-increased .main-menu{
	width: 105%;
}
html[dir="rtl"] .font-increased .main-menu{
	width: 97%;
}*/
.phones li a, .email li a {
    cursor: default;
}

.email li:last-child a {
    cursor: pointer;
}

@media screen and (max-width: 1700px) {
    .navbar-nav li {
        margin: 0 .9vw;
    }

    .navbar-nav.main-menu li {
        padding: 14px calc(2px + .4vw) 9px;
        margin: 0;
    }
}

@media screen and (max-width: 1500px) {
    .address {
        padding: 0;
    }

    .address li span, .phones li span, .email li span, .links li span {
        font-size: calc(.8em + .25vw);
    }

    .phones {
        padding: 0 calc(5px + .2vw);
    }

    .process-des {
        width: 100%;
    }

    .process-des.pull-left {
        text-align: left;
    }

    .process-des.pull-right {
        text-align: right;
    }

    footer.he-footer .col-md-6 {
        /* width: 65%; */
    }

    footer.he-footer .col-md-4 {
        /* width: 40%; */
    }
}

@media screen and (max-width: 1380px) {
	.sst-1{    margin-top: 0px !important}
footer.he-footer .title {
        display: block;
        margin-bottom: 15px !important;
    }
    .navbar-nav li a {
        font-size: calc(.91em + .1vw);
    }
  .media-center li.media-center-item a {
        transform: translateY(-45%);
	}
    .address, .phones, .email {
        width: auto;
    }

    .media-center li.media-center-item {
        width: 200px !important;
        height: 180px !important;
    }

    .media-center li.media-center-item a {
        font-size: 1em !important;
        line-height: 17 !important;
    }

    footer.he-footer .fa {
        font-size: 1em;
        padding: 8px 10px;
    }

    .navbar-nav.main-menu>li:nth-child(2)>.dropdown-menu {
        width: 92vw;
        left: -370px;
    }

    .navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu {
        width: 92vw;
        left: -530px;
    }

    .navbar-nav.main-menu>li:nth-child(5)>.dropdown-menu {
        width: auto;
        min-width: 260px;
    }
}

@media screen and (max-width: 1155px) {
    footer.he-footer .col-md-6 {
        width: 65%;
    }

    .follow-us li {
        display: inline-block;
        width: 1.82vw;
        height: 1.82vw;
        min-width: 30px;
        min-height: 30px;
    }

    footer.he-footer .fa {
        font-size: calc(1em + .3vw);
        padding: 6px 8px;
    }

    .copy-right h3 {
        /*width: 83%;*/
    }

    footer.he-footer .text-left .title {
        min-width: 50px;
    }
}

@media (max-width: 1220px) and (min-width: 993px) {
	.sst-1 {
    margin-top: 3px !important;
}
    footer.he-footer {
        font-size: calc(.2em + .7vw);
    }


    footer.he-footer .title {
        display: block;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 991px) {
    div#mainDiv {
        position: absolute;
        width: 99%;
    }
    section.section-padding.dept .container .col-md-4 {
        display: flex !important;
        flex-direction: column;
    }

    section.section-padding.dept .container .col-md-4 .sideways {
        order: 1;
    }

    .breadCrumb-padd {
        padding: 40px 40px 20px 40px !important;
        }
    .margin-tb-15 {
        margin: 0;
    }
    .user-control {
        padding: 0px !important;
    }

    .page-title {
        padding: 0px 20px 20px !important;
    }

    .navbar-nav.main-menu li.open {
        border: none;
    }

    h4.menu-title {
        margin: 0px !important;
        padding: 8px 0px;
        font-family: Segoe UI;
    }

    ul.navbar-nav.main-menu .dropdown-menu li a {
        font-size: 14px !important;
        font-family: Segoe UI;
        padding-top: 10px;
    padding-bottom: 10px;
    display: list-item;
    border-top: 1px solid #ccc;
    list-style-type: disc;
    }

    .access-menu {
        height: 15vh;
    }

    div#divServiceData {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .col-md-3.fb.SchoolDetailsRightSide {
        order: -1;
        padding-top: 10px;
    }

    .section-padding {
        /* padding: 20px !important; */
        overflow: visible;
        position: relative;
    }

    footer.he-footer .title {
        font-size: 1.1em;
    }

    .address, .phones, .email {
        width: 100%;
    }

    footer.he-footer .col-md-4 {
        /* width: 100%; */
    }

    .navbar-collapse.collapse {
        /* margin-top: 11.11vw; */
    }

    .moe-navbar {
        z-index: 2000;
        padding: 0;
        background-size: 150.8%!important;
        height: 21.11vw;
    }

    /*footer*/
    .he-footer .col-md-6, .he-footer .col-md-2, .he-footer .col-md-4 .title, .he-footer .follow-us {
        /* display: none; */
    }

    .he-footer .col-md-4 {
        /* width: 100%; */
    }

    .he-footer .col-md-4 .copy-right.text-left {
        display: block;
        margin: 0 auto;
    }

    .he-footer {
        padding: 10px 0!important;
        /* top: 30px; */
    }

    .footer_cont_nav {
        font-size: calc(1em + .3vw);
    }

    .navbar-collapse {
        /* border-top: 1px solid transparent; */
        /* box-shadow: -1px 3px 20px 2px rgba(164, 1, 54, 0.14)!important; */
    }

    .navbar-default .navbar-nav>li>a {
        color: #000000;
        font-size: calc(1em + .2vw);
        font-weight: 700;
        /* height: 35px; */
        padding: 7px 0px;
        font-family: Segoe UI;
    }

    .modal {
        background-color: rgba(128, 128, 128, 0.34901960784313724);
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        position: absolute;
        right: auto;
        margin-right: 3.03vw;
        /* z-index: 2000; */
        /* background: white; */
        top: 40%;
        transform: translateY(-50%);
        /* transform: translateY(-50%); */
    }

    .moe-logo {
        /* width: 11.95vw; */
        /* height: 11.95vw; */
        /* border-radius: 50%; */
        /* margin-top: .9vw; */
        /* background-color: red; */
        max-width: 90px;
        max-height: 50px;
        top: 43px;
    }

    html[dir="rtl"] .navbar-default .navbar-toggle {
        left: 0;
        margin-left: 7.03vw;
    }

    .navbar-nav>li.dropdown {
        /*float: none;*/
        border: 1px solid #d1d3d6;
    }

    .search {
        background-size: 60%!important;
        background-position: left;
    }

    html[dir="rtl"] .search {
        background-position: right;
    }

    .access-menu li {
        margin: 0;
        padding: 0;
    }

    .access-theme {
        background-position: 114% 14%;
    }

    .decrease-font {
        background-position: 78% 20%;
    }

    .main-font {
        background-position: 45% 38%;
    }

    .increase-font {
        background-position: 8% 35%;
    }

    html[dir="rtl"] .search {
        background-position: right;
    }

    .main-menu, .navbar .active {
        /* display:none; */
    }

    .navbar-collapse.collapse {
        /* background-color: #f8f7fc; */
        /* border: solid 3px #a40136;*/
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #a40136;
        width: 25px;
        height: 4px;
    }

    .footer_cont_nav .col-md-2 {
        display: none;
    }

    .navbar-collapse {
        /* z-index: 999; */
        /* background: rgb(248, 247, 252); */
        /* padding: 15px 20px!important; */
        /* width: calc(35% + 6.88vw + 6.88vw); */
        /*border: 3px solid #a40136!important;*/
        /* border-right: none; */
    }

    .moe-navbar {
        padding: 0;
    }

    button.navbar-toggle {
        min-width: auto;
        padding: 10px;
        background: transparent;
        border: 1px solid #a30234;
    }

    .ui-accordion .ui-accordion-content div.col-md-4, #divWorkingDetails .col-md-4, .ui-accordion .ui-accordion-content div.col-lg-4, #divWorkingDetails .col-lg-4 {
        height: calc(130px + 2vw);
        max-height: 150px;
    }

    .input-height-42, .select2-selection select2-selection--single {
        height: calc(30px + .5vw)!important;
    }

    .moe-sm-85-width {
        width: 85%;
    }

    .pull-sm-right {
        float: right;
    }

    html[dir="rtl"] .pull-sm-right {
        float: left;
    }

    .pull-sm-left {
        float: left;
    }

    html[dir="rtl"] .pull-sm-left {
        float: right;
    }

    .margin-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .proccess {
        margin-bottom: calc(20px + 0.2vw);
    }

    .moe-sm-full-width {
        width: 100%;
    }

    .moe-sm-95-width {
        width: 95%;
    }

    .navbar-header {
        float: none;
        width: 100%;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
        /* height: auto!important; */
        /* width: calc(35% + 6.88vw + 6.88vw); */
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .move-right {
        position: absolute;
        z-index: 9999;
    }

    .clickme {
        background: #a40136;
        padding: 5px 11px;
        margin: 0px 10px;
        font-size: 22px;
        font-weight: bold;
        color: white;
    }

    .navbar-collapse.collapse {
        display: none;
        /* height: auto!important; */
        /* width: calc(60% + 6.88vw + 6.88vw); */
    }

    .navbar-collapse.collapse.in {
        display: block;
    }

    /*new;y added - menu responsive */
    .access-menu>li {
        border-right: none !important;
    }

    .access-menu li.user-name {
        text-align: center;
        margin-top: -10px;
        margin-bottom: 0;
        width: 100%;
    }

    .navbar-nav.access-menu > li.user-name > a {
        color: #a40136;
    }

    .clickme {
        display: block
    }

    .footer_cont_nav {
        display: block;
    }

    .footer_cont_nav > div {
        border-top: solid 1px #ccc;
        /*margin-bottom:10px;*/
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer_cont_nav .title {
        margin: 15px 0;
        /*margin-bottom:10px;*/
        font-size: calc(1em + .5vw);
        font-weight: bold;
    }

    .access-menu li {
        margin: 0
    }

    .lang {
        margin: 0;
    }

    .contact_sect_nav {
        border-top: 1px solid #ccc;
        margin-top: 10px;
    }

    .contact_sect_nav h2 {
        font-size: 22px;
    }

    .address li .fa, .phones li .fa, .email li .fa {
        margin: 0 5px;
        width: auto !important;
    }

    .phones {
        border: none !important;
        padding: 0;
    }

    .email {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .footer_cont_nav .address li, .footer_cont_nav .phones li, .footer_cont_nav .email li, .links li {
        margin: 10px 0;
    }

    .map_cont_nav {
        border-top: 1px solid #ccc;
        margin-top: 15px;
        padding-top: 15px;
    }

    .links > li:first-child {
        font-size: 22px;
        color: rgb(51, 51, 51);
    }

    .follow_cont_nav {
        border-top: 1px solid #ccc;
        margin-top: 15px;
        padding-bottom: 30px;
    }

    /* .followCopy {
        float: none !important
    } */
    li.mada {
        /* position: absolute; */
        background: none !important;
        margin-top: 0px !important;
    }

    .followCopy h3 {
        text-align: left;
        font-size: 22px;
        color: rgb(51, 51, 51);
    }

    .follow-us li .fa-facebook {
        padding: 0;
    }

    .footer_cont_nav .copy-right {
        display: none;
    }

    footer.he-footer h3 {
        font-size: 14px;
    }

    /*footer.he-footer .col-md-6, footer.he-footer .col-md-2 {
    display: none;
}

footer.he-footer .followCopy > div:first-child {
    display: none;
}
*/
    .follow-us >li {
        position: relative;
        min-height: 40px;
        min-width: 40px;
    }

    /* .follow-us >li >a {
       
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } */

    .navbar-collapse {
        /* margin-top: 11.11vw; */
        /* width:calc(60% + 6.88vw + 6.88vw); */
    }

    div.ms-webpart-zone.ms-fullWidth, div.ms-webpart-zone.ms-fullWidth > dib:first-child {
        display: flex;
        flex-wrap: wrap;
    }

    /*table.moe-table,.moe-table thead, .moe-table tbody, .moe-table th, .moe-table td, .moe-table tr {
          display: block;
        }
        .moe-table thead tr {
          position: absolute;
          top: -9999px;
          left: -9999px;
        }
       .moe-table td { 
          position: relative;
          padding-left: 50%; 
        }
        
       .moe-table td:before { 
          position: absolute;
          left: 6px;
          content: attr(data-th);
          font-weight: bold;
        }
       .moe-table td:first-of-type {
          font-weight: bold;
        }
        
       .moe-table tr {
    display: inline-block;
    float: left;
}*/
    .select2-container {
        width: 100%!important;
    }

    .news-wrap{
        width: 350px !important;
    }
}

@media screen and (max-width: 480px) {

    .followCopy {
        width: 100% !important; 
    }

    .follow-us>li.mada {
        position: absolute;
        background: none !important;
        margin-top: 1px !important;
    }
.lg-footer .col-sm-7 ul {
   margin-left: 0 !important;
    position: relative;
    height: 100%;
    display: inline-table;
}
    div#MSOZoneCell_WebPartctl00_ctl58_g_16ba3650_2dfb_4fa1_9f8d_ee9038773a01 {
        display: block !important;
        padding: 0 7px !important;
    }
    .photoGal-sliderFor.news-details .img-item.slick-slide img {
        max-width: 100%;
        display: inline-block;
        max-height: inherit;
        width: 700px;
        object-fit: cover;
        object-position: center;
        height: 400px !important;
        object-position: center 33%;
    }
    .news-wrap {
        width: 300px !important;
    }
    .navbar-toggle {
        position: absolute;
        right: 0;
        top: -18px;
    }

    .navbar-collapse.collapse {
        /* display: none!important; */
        /* height: auto!important; */
        /* width: calc(100% + 6.88vw + 6.88vw); */
    }

    .navbar-collapse {
        /* margin-top: 33px; */
    }

    .he-footer h2.title {
        width: 100%
    }

    .section-container {
        min-height: 60vh;
        padding: calc(20px + 1.13vw) calc(15px + 1vw);
    }
}

a.navbar-brand.moe-logo:hover {
    background: #fff0;
}

header {
    border-bottom: 4px solid #a40036;
    z-index: 100;
}

@media screen and (max-width: 1024px) {
    .navbar-nav.main-menu>li:nth-child(2)>.dropdown-menu {
        width: 79vw;
    }

    .navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu {
        width: 61vw;
    }

    /* .navbar-nav.main-menu>li:nth-child(4)>.dropdown-menu {
        min-width: 55vw;
    } */
}

header {
    position: relative;
    overflow: visible;
}

header:after {
    content: "";
    position: absolute;
    background: white;
    width: 118px;
    height: 70px;
    background-color: white;
    border-bottom-left-radius: 130px;
    border-bottom-right-radius: 130px;
    border: 4px solid #a40036;
    border-top: 0;
    top: 66px;
    right: calc(12% - (118px/7));
    z-index: 1;
    margin: 0;
    box-sizing: content-box;
    /* right: auto; */
    opacity: 0;
}

.slick-dots li:only-child {
    display: none !important;
}

.search-btn input {
    position: relative;
    width: 100%;
    opacity: 1;
    transition: all .4s;
        height: 30px;
    margin: 0;
    padding: 0 5px;
}

.search-btn span {
    position: absolute;
    top: 10px;
    font-weight: 600;
}

li.search-btn {
    width: 300px;
    /* margin-top: 4px; */
    cursor: pointer;
    transition: all .5s;
}

li.search-btn.open-search {
    width: 0;
    margin: 0px 20px;
}

li.search-btn.open-search span, li.search-btn .search-input span {
    display: block;
    ; }

li.search-btn span {
    display: none;
    ; }

li.search-btn.open-search .search-input {
    visibility: hidden;
}

li.search-btn.open-search input {
    border: none;
    box-shadow: none;
    opacity: 0;
}

@media screen and (max-width: 991px) and (min-width: 480px) {
    header nav.navbar.moe-navbar {
        padding: 10px 10px;
        height: auto;
    }

    nav .access-menu .search-btn.open-search, nav .access-menu .search-btn {
        width: 100%;
    }

    nav .access-menu {
        height: 20vh;
    }

    .address, .phones, .email {
        width: auto;
        height: auto;
    }

    footer.he-footer .title {
        display: block;
        margin-bottom: 10px !important;
    }

    .email {
        margin-top: 6px !important;
    }

    .links > li:first-child {
        font-size: 16px;
    }

    .followCopy .follow-us >li {
        min-width: 30px;
        min-height: 30px;
    }

    img.logo {
        top: -55px !important;
    }
}

.navbar-nav>li>.dropdown-menu > li {
    display: inline-block;
    height: auto;
    /* float: right; */
    width: 21%;
    vertical-align: top;
}

.navbar-nav>li>.dropdown-menu li ul li {
    float: none;
    display: block;
    /* margin-bottom: 10px !important; */
}

.navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu li,.navbar-nav.main-menu>li:nth-child(5)>.dropdown-menu li {
    display: block;
    width: 100%;
}

.navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu li h4,.navbar-nav.main-menu>li:nth-child(5)>.dropdown-menu li h4 {
    margin: 0;
    color: #575757;
    background: none;
    font-size: 1em;
    padding: 0;
    /* margin-bottom: 10px !important; */
}

.navbar-nav.main-menu>li:nth-child(6)>.dropdown-menu li h4 a, .navbar-nav.main-menu>li:nth-child(5)>.dropdown-menu li h4 a {
    color: #575757 ;
}

ul.media-center {
    text-align: center;
    margin-top: 40px;
}

.media-center li.media-center-item {
    display: inline-block;
    margin: 20px 20px;
    width: 250px;
    height: 200px;
    vertical-align: middle;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
    padding-top: 30px;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}

.media-center li.media-center-item:hover {
    background: #e4e4e4;
    box-shadow: 0px 0px 7px 0px #00000024;
    border: none;
}

.media-center li.media-center-item img {
    max-width: 80px;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.media-center li.media-center-item a {
    /* display: inline-block; */
    margin-top: 20px;
    color: #000000;
    font-size: 1.3em;
    font-weight: 600;
    /* vertical-align: middle; */
    /* width: 100%; */
    transition: all .4s;
    position: absolute;
    /* bottom: 35px; */
    left: 0;
    top: 55%;
    right: 0;
}
.media-center li.media-center-item a:hover {
    color: #a40137;
}

.portal-table {
    min-height: 68vh;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}
.portal-table table, .portal-table table td, .portal-table table tbody {
	
	-webkit-overflow-scrolling: touch;
	 max-width: 100%;

}
.portal-table div {
	
	 -webkit-overflow-scrolling: touch;
}
.portal-table .ms-webpart-chrome-vertical,.portal-table .ms-webpart-cell-vertical {
	display: table;

	 max-width: 100%;
	-webkit-overflow-scrolling: touch;

}
.table-hint {
    margin: 0px 0px 5px 0px;
    display: block;
}

.media-page-header {
    padding: 55px 115px;
    border-bottom: 1px solid #e4e4e4;
    background: whitesmoke;
}

.media-page-header h1 {
    font-size: 2.4em;
}

.welcome .ms-srch-sbLarge {
    margin-top: 30px;
}

.welcome.blank-wp {
    padding-right: 40px;
    padding-left: 40px;
    min-height: calc(100vh - 350px); 
    padding-top: 0;
}

.ms-srch-item {
    min-width: 40vw;
}

img.ms-sortarrowup-icon, .ms-sortarrowdown-icon, .ms-filter-iconouter img {
    background: white;
    border-radius: 5px;
}

#DeltaPlaceHolderMain {
    display: block;
    /* min-height: calc(100vh - 260px); */
}

h2.ms-webpart-titleText {
    padding: 10px 0px;
    margin-top: 40px;
    font-size: 1.7em;
}

.inner-page-banner {
    /* background-image: url(/_catalogs/masterpage/PublicPortal/common/img/inner-banner.png); */
    /* min-height: 26vh; */
    padding: 10px 106px 0px 93px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.inner-page-banner h1.inner-title {
    /* color: #fff; */
    /* margin-top: 30px; */
}

.table-hint i {
    margin: 0px 2px;
    right: auto;
}

.portal-table th, .portal-table th div, .portal-table th div a {
    cursor: pointer;
}

div#s4-workspace {
    overflow-x: hidden;
    /* background: #dee1e6; */
}

.logo-sm {
    display: none !important;
}

@media screen and (max-width: 767px) {
    div#fancy
    {
        bottom:360px !important;
    }
span.arrows {
	position: absolute;
    left: -17px !important;
    top: 0 !important;
}
.portal-table table.ms-listviewtable>thead>tr>th {
	
	position:relative;
}
.ms-filter-iconouter{
position: absolute;
	
left: 0;
	
top: 3px;
	
} 
.ms-sortarrowup-iconouter, .ms-sortarrowdown-iconouter {
	
position: absolute;
	
left: 0;
	
top: 15px;
}
.ms-headerSortTitleLink ~ .ms-filter-iconouter {
	/* position: absolute; */
	/* left: 0; */
	/* top: 15px; */
}
.subsite-menu .ms-webpart-zone.ms-fullWidth {
        display: block;
    }
.margin-tb-15 .col-sm-6.col-xs-12 {
    margin-bottom: 20px;
}
.subsite-menu ul.subsite-menu-level1 {
    display: flex;
    overflow-x: scroll;
    overflow-y: visible;
    position: static;
}

.subsite-menu ul.subsite-menu-level1 li {
    flex: none;
    position: static;
}

.subsite-menu {
    overflow: visible;
    position: relative;
}

 .photoGalContainer .container {
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    .photoGalContainer .container figure {
       /*height: auto;*/
    }
.portal-table {
    padding-top: 100px !important;
    position: static;
}
    .welcome.blank-wp .ms-table.ms-fullWidth {
        display: block !important;
        padding: 0px !important;
    }

    .welcome.blank-wp .ms-table.ms-fullWidth .tableCol-75 {
        display: block !important;
    }

    .ms-srch-item {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #SearchBox {
        float: none;
    }
    #SearchBox .ms-srch-sbLarge {
        display: block;
    }
    #SearchBox .ms-srch-sbLarge input {
        display: block;
        width: 100%;
    }
    .ms-srch-item .ms-srch-item-body, .ms-srch-item-path {
        display: block;
        width: 100%;
    }

    img.logo {
        display: none;
    }

    img.logo.logo-sm {
        display: block !important;
        top:-35px;
        width: 200px;
    }

    .media-page-header {
        padding: 55px 5%;
    }
}
div#mainDiv {
    position: absolute;
    bottom: 6px;
    z-index: 222;
}
div#fancy>i {
    font-size: 2rem;
    color: maroon;
    z-index: 222;
}

div#fancy {
    position: absolute;
    background-color: #dbc78e;
    color: maroon;
    border-radius: 50px;
    /* width: 50px; */
    border: 3px solid maroon;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom:120px;
    z-index:11;
}

div#webchat>div {
    max-height: 500px;
    /* bottom: 0px; */
    position: relative;
}

.bot-head {
    display: flex;
    justify-content: space-between;
    background: grey;
    align-items: center;
    padding: 0;
}
.bot-head>button {
    padding: 0;
    min-width: 60px !important;
}

span.bot-title {
    padding: 0 20px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}
@media only screen and (max-width: 768px)
{
.contct-me .inline-section {
    display: inline-grid !important;
}
}

@media screen and (height: 812px) {
    .sm-footer {
        min-height: 32.6vh;
    }
}

.toc-layout-main li.level-section {
    vertical-align: top;
    /* display: inline-block; */
    margin: 0px 5px;
    /* width: 32%; */
    clear: none;
}

.toc-layout-main li.level-section .dfwp-list li.level-section {
    display: block;
    margin-left: 0;
    margin-right: 0;
    background: none;
    padding: 0;
    width: 100%;
}

.toc-layout-main li.level-section .dfwp-list li.level-section .dfwp-list {
    padding: 0px 20px;
}

.toc-layout-main {
    display: block;
    table-layout: fixed;
}

.toc-layout-main>.dfwp-list {
    display: block;
    padding: 10px 0px;
    /* min-height: 38vh; */
}

.toc-layout-main > .dfwp-list > .level-section > .level-header > span.headertitle.headermarker a {
    color: #333333;
    font-size: 1.3em;
    font-weight: 500;
}

.toc-layout-main > .dfwp-list > .level-section > .level-header > span.headertitle.headermarker:before {
    display: none;
}

span.headertitle.headermarker:before {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-size: 0.7em;
    margin: 0px 5px;
}

.headertitle, .headertitle a, .headertitle a:link {
    color: #a40136;
    font-weight: 600;
    /* margin-bottom: 12px; */
    display: block;
    font-size:1em;
}

span.headertitle.headermarker a {
    font-size: 1em;
    margin-bottom: 10px;
    display: inline-block;
}

ul.s4-breadcrumb {
    padding: 0;
}

.breadCrumb {
    /* padding: 10px 110px; */
    /* padding-top: 50px; */
    padding-bottom: 0;
}

.breadCrumb:empty {
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

.breadCrumb .s4-breadcrumb a.s4-breadcrumbRootNode {
    color: #2d2d2d;
    font-weight: 600;
    display: inline-block;
}

.s4-breadcrumbRootNode > span.s4-breadcrumb-arrowcont {
    display: none !important;
}

.breadCrumb .s4-breadcrumbRootNode {
    display: block;
    padding: 0;
}

.s4-breadcrumbNode a.s4-breadcrumbNode {
    display: inline-block;
    color: #2d2d2d;
}

.breadCrumb ul.s4-breadcrumbRootNode {
    display: inline-block;
    width: 50%;
}

ul.s4-breadcrumbNode {
    padding: 0;
    display: inline-block;
}

.s4-breadcrumbRootNode span.s4-breadcrumb-arrowcont img {
    display: none;
}

.s4-breadcrumbRootNode span.s4-breadcrumb-arrowcont {
    background-image: url('/_catalogs/masterpage/PublicPortal/common/img/arrow.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.welcome h2.ms-webpart-titleText {
    margin: 0;
}

.s4-breadcrumbRootNode span.s4-breadcrumb-arrowcont span.s4-clust.s4-breadcrumb {
    width: 19px !important;
    height: 16px !important;
}

.breadCrumb {
    /* padding: 0; */
    /*&:first-of-type{display: none}*/
}

.breadCrumb .breadcrumb-separator {
    display: inline-block;
    padding: 0 10px;
    color: #f1f1f1;
}

.breadCrumb span {
    /* > span:first-of-type {
            display: none;
        }*/
}

.breadCrumb span a {
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
    padding: 0 5px;
}

.breadCrumb span.current {
    padding: 0 5px;
}

.SA.breadCrumb {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

.SA.breadCrumb span a {
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
}

.color-white.breadCrumb span a {
    color: #ffffff;
}

.breadCrumb .breadcrumb-current {
    color: #f1f1f1;
    font-size: 1rem;
}

.breadCrumb-padd {
    padding: 50px 110px 0px 110px !important;
}

a.home {
    display: none;
}

.breadCrumb span > span:nth-child(2) {
    display: none;
}

.container.detail_cont_cust {
    padding: 0;
}

a.more {
    color: #a40136 !important;
    text-decoration: underline;
}

.welcome.blank-wp .ms-table.ms-fullWidth {
    padding: 0px 70px;
}

.survey {
    z-index: 10;
}

.survey a {
    height: 40px;
    display: block;
}

.survey ul li a {
    background: #8f1336!important;
    color: #fff!important;
    padding: 5px 20px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    border: none!important;
    line-height: 2;
    transition: all .4s;
    min-width: 360px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 360px;
}

.survey ul li a:hover,.survey ul li a:focus {
    background: #420516!important;
}

.survey script ~ div > a {
    opacity: 0;
}

.btn-close {
    position: absolute;
    opacity: 0;
    top: -1px;
    z-index: 10;
}

span#dlgTitleBtns {
    margin: 0;
}

.ms-toolbar input[type=button] {
    background-color: #a0004e !important;
    color: #fff;
    border: none;
}

.ms-formtoolbar tbody tr td table tbody tr td input {
    background-color: #a0004e !important;
    color: #fff;
    border: none;
}

.survey h5 {
    margin-top: 0;
    margin-bottom: 20px;
}

h1.page-title.section-padding {
    padding-top: 0;
    color: #000 !important;
}
span[id*=CodeNote]{
	font-size: 1em!important;
}
.cert-title{
	font-size:1.9em;
}
@media screen and (width: 1366px) {
    .navbar-nav.main-menu>li:nth-child(3)>.dropdown-menu {
        width: 90vw;
    }

    /* .navbar-nav.main-menu>li:nth-child(4)>.dropdown-menu {
        width: 84vw;
        left: -670px;
    }

    .navbar-nav.main-menu>li:nth-child(4)>.dropdown-menu {
        max-width: initial !important;
    } */
  

}

.user-control {
    padding: 10px 110px 0px 110px;
}

img.logo {
    top: -35px;
}

@media screen and (max-width: 520px) {
	.survey ul li a {
	    min-width: 312px;
	    max-width: 312px;
	}
    .welcome.blank-wp {
        padding-right: 12px;
        padding-left: 12px;
    }
  

}
@media screen and (max-width: 370px) {
	.survey ul li a {
	    min-width: 190px;
	    max-width: 190px;
	}

}
.photoGal-sliderFor.news-details .img-item.slick-slide {
    /* max-height: 60vh; */
    text-align: center;
    background-image: none;
    margin-top: 30px;
}
div#MSOZoneCell_WebPartctl00_ctl58_g_8c19159e_ee2c_4277_af51_04f18abfc4ad
{
    padding-right: 12px;
    padding-left: 12px;
}

.photoGal-sliderFor.news-details .img-item.slick-slide img {
    max-width: 100%;
    display: inline-block;
    max-height: inherit;
    width: 700px;
    object-fit: cover;
    object-position: center;
    height: 600px;
    object-position: center 33%;
}
/* .photoGal-sliderFor.news-details .img-item.slick-slide img {
    max-width: 100%;
    display: inline-block;
    max-height: inherit;
    width: 800px;
    object-fit: cover;
    object-position: center;
    height: 600px;
    object-position: center 33%;
} */
.news-attachments a {
    display: list-item;
    list-style: none;
        padding-bottom: 6px;
    padding-top: 6px;
    padding-right: 4px;
    padding-left: 0px;
}
.news-attachments a:before {
	    content: "\f1c1";
	        font-family: FontAwesome;
    display: inline-block;
    width: 20px;
    font-size: calc(.6em + .5vw);
    color: #a40136;
}
.dropdown-menu .menu-title > a[href*="#"] , li.dropdown > a[href*="#"]{
	cursor: default;
}

.news-attachments.debt a {
    text-decoration: none;
    font-size: medium !important;{
}



	.media-table li.media-center-item {
		width: 200px;
		height: 150px;
		padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
	}

		.media-table li.media-center-item a {
			text-decoration: none;
			color: black;
			margin-top: auto;
			position: initial;
		}

		.media-table li.media-center-item img {
			position: initial;
			transform: initial;
		}

		ul.media-table{
		        margin-top: 0;
                padding: 0;
		}

		ul.media-table p{
		    margin-top:10px
		}

		@media screen and (max-width: 1280px){
		    .media-table li.media-center-item a{
		        line-height: initial !important;
		    }
		    .media-table li.media-center-item{
		        width: 180px !important;
                height: 150px !important;
		    }
		}

        .FAQContainer  .ms-rtestate-field * {
            display: inline-block !important ;
        }

        html[lang="ar-QA"] footer.he-footer {
            margin-top: -7px;
        }

        @media only screen and (max-width: 405px){
.mada-logo img {
    margin-top: 0 !important;
}
}

