/***********************Header*************************/
nav.navbar {
    background-color: transparent !important;
}
#titleAreaBox .ms-verticalAlignTop{
    border-bottom: 5px solid #55b6a9 !important;
    background-color: #f8f8f8; /*#fcfcfc;*/
}
.show.nav-item .nav-link{
    color: #55b6a9 !important;
}
.show.nav-item .nav-link.dropdown-toggle{
    background-image: url("/_layouts/15/ET.MEHE.SP/Icons/arrow_green_down.png") !important;
}

#navbarSupportedContent .nav-link {
    color: #231f20;
}
.nav-link.dropdown-toggle {
    background-image: url("/_layouts/15/ET.MEHE.SP/Icons/arrow_dark_down.png");
}
/******************************************************/
/*************************Menu*************************/
.dropdown-item{
    background-color: #fff;
    /*border-bottom: 1px dashed #e9e7e7;*/
    border-bottom: 1px dotted #ccc;
}
.show.dropdown-menu{
    border-top: 2px solid #55b6a9;
}
.dropdown-item:hover {
        background-color: #f4f3f3;
    }
.dropdown-item:focus{
    background-color: #56b4a7;
    color: #fff !important;
}
/******************************************************/
/*************************Footer***********************/
.footer {
    background-color: #3a3a3a;
}
.footer.ms-dialogHidden{
    background-color: #167b6c;
}
.copyright{
    background-color: #167b6c;
}
    .footer span {
        color: #fff;
    }
#collapseFooter{
    background-color: #3a3a3a;
}
.newsLetterMessage{
    color: #56b4a7;
}
/******************************************************/
/************************General***********************/
.containerSlider{
    background : linear-gradient(180deg, #f1f1f1, #fff);
    background-repeat: no-repeat;
    background-size: 100% 20%;
}

.meheColor { /*used in 404 page*/
    color: #56b4a7 !important;
}

.nothingToDisplayMsg{
    color: #56b4a7;
}
#s4-bodyContainer{ /*min height for pages*/
    min-height: 90%;
}
.mehePagination .page-link:hover { /*paging*/
            color: #56b4a7;
        }
.mehePagination .page-item.active .page-link {
        color: #56b4a7;
    }
.siteMap-list .item.link-item.toggle a {
    color: #56b4a7 !important;
}
.fa-red {
    color: #56b4a7;
}
.btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #56b4a7;
        border-color: #fff;
    }
.unsubscribeDiv .meheTitle{
    font-size: 20px;
}
.unsubscribeDiv a{
    font-size: 20px;
    color: #56b4a7;
    margin-left: 20px;
}
.unsubscribeDiv a:visited{
    color: #56b4a7;
}
a.MultiFile-remove {
    color: #56b4a7;
}
.disabledTextBox:disabled{
    background-color:transparent !important;
}
.EquivAttachmentsDiv{
    margin: 1rem 0;
    padding: 1rem 0;
}
.equivAttach{
    margin: 0.5rem 0 1rem 0 !important;
}
.equivalenceRequest{
    background: #f0f0f0;
}
.request-data{
    background-color: #f7f7f7;
}
.equivFieldValue{
    color: #56b4a7;
}
.rowAttachment {
    background-color: #F7F7F7;
}
/******************************************************/
/************************Button************************/
#btnReject.ApprovalBtn{
    background-color: #468e84;
}
#btnReject.ApprovalBtn:hover{
    background-color: #fff;
}
.meheButton, .meheButton:visited, .addCertificateButton, .addCertificateButton:visited, .removeCertificateButton, .removeCertificateButton:visited {
    color: #fff;
    border-radius: 0;
    background-color: #56b4a7;
}
.meheButton:hover, .addCertificateButton:hover, .removeCertificateButton:hover {
        color: #56b4a7;
        background-color: #fff;
        border-color: #56b4a7;
    }
.meheButton-outline, .meheButton-outline:visited, .addCertificateButton-outline, .addCertificateButton-outline:visited, .removeCertificateButton-outline, .removeCertificateButton-outline:visited  {
    color: #56b4a7;
    border-color: #56b4a7;
    background-color: #fff;
}
    .meheButton-outline:hover, .addCertificateButton-outline:hover, .removeCertificateButton-outline:hover{
        color: #fff;
        background-color: #56b4a7;
        border-color: #56b4a7;
    }

.collapseButton{
    background-image: url("/_layouts/15/ET.MEHE.SP/Icons/arrow_white_down.png");
    background-repeat: no-repeat;
    background-position: center; 
    width: 36px; 
    min-width: 36px;
    height: 36px; 
    background-color: transparent;
    border:none;
}
.collapseButton:hover{
    border:none;
    background-color: #505050;
}
.collapseButton.collapsed{
    background-image: url("/_layouts/15/ET.MEHE.SP/Icons/arrow_white_up.png") !important;
}
    .collapseButton.collapsed:hover{
        background-color: #1d9987 !important;
    }
.collapse {  transition: none; }  
.collapseButton:focus{
    outline: none;
}
/******************************************************/
/***********************Carousel***********************/
.carousel-indicators li {
    border-radius: 50%;
    cursor: pointer;
    height: 14px;
    width: 14px;
    margin: 0 5px;
    border: 3px solid #858585;
    background-color: #fff;
}
.carousel-indicators .active {
    background-color: #56b4a7;
}
/******************************************************/
/**********************SharePoint**********************/
.ms-storefront-appiconspan {
    background-color: #167b6c !important;
}
/******************************************************/
/************************search************************/
.ms-srch-item-title a{
	color: #55b6a9;
}
/******************************************************/
/***********************Links**************************/
.meheLink, .meheLink:focus, .meheLink:active, .meheLink:hover, .meheLink:visited {
    color: #56b4a7;
    text-decoration: underline;
}

.meheSimpleLink, .meheSimpleLink:focus, .meheSimpleLink:active, .meheSimpleLink:visited {
    color: #56b4a7;
    text-decoration: none;
}

    .meheSimpleLink:hover {
        color: #56b4a7;
        text-decoration: underline;
    }
/******************************************************/
/********************** Mehe Pills ********************/

.mehePills .nav-link {
    background-color: transparent !important;
}

    .mehePills .nav-link:not(.active) {
        border-bottom: 3px solid #aeb0b2;
        color: #aeb0b2;
    }

    .mehePills .nav-link.active {
        border-bottom: 3px solid #56b4a7;
        color: #626262;
    }
/******************************************************/
/*********************** Services *********************/
#ourServices a {
    color: #626262;
}

    #ourServices a:hover {
        color: #56b4a7;
    }

/******************************************************/
/*********************Controls**************************/
.dow, .next, .prev, .datepicker-switch{/*Datepicker*/

}
.dropdown-custom-arrow {
    border-top: 4px solid #56b4a7;
}
/******************************************************/
/********************upcoming events*******************/
 .upcoming-readmore{
        border: 1px solid #56b4a7;
        color: #56b4a7;
        background-color: white;
    }
    .upcoming-readmore:hover,.upcoming-readmore:focus{
        border: 1px solid #56b4a7;
        color: white;
        background-color: #56b4a7;
    }
/******************************************************/
/********************Organisation Chart****************/
 /*** PRIMARY ***/
 ol.organizational-chart > li > div {
        background: linear-gradient(to right, #393938, #777776);
    }
 /*** SECONDARY ***/
 ol.organizational-chart > li > ol > li > div {
        background: linear-gradient(to right, #57b2a5, #56b4a7);
    }
  /*** TERTIARY ***/
    ol.organizational-chart > li > ol > li > ol > li > div {
        background: linear-gradient(to right, #565656, #808080);
    }
     /*** QUATERNARY ***/
    ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
        background: linear-gradient(to right, #8a8a8a, #a8a8a8);
    }

    /*** QUINARY ***/
    ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
        background: linear-gradient(to right, #adadad, #cecece);
    }
/******************************************************/
/********************Higher Edu************************/
.higherEduInstitutions {
    background-image: url("/_layouts/15/ET.MEHE.SP/Images/HigherEduGirl.png"), linear-gradient(180deg, white 45px, #56b4a7 0);
}
.higherEduInstitutionsDiv{
    background: linear-gradient(180deg, white 45px, #56b4a7 0);
}
#higherEduProgramsProjects a {
    color: #56b4a7 !important;
}
.HEUniversitiesDiv{
    background-color: #F7F7F7;
    padding: 1rem;
    margin-bottom: 1rem;
}
/******************************************************/
/********************* Migration **********************/
    a.amlink, a.amlink:focus, a.amlink:active, a.amlink:visited {
        color: #56b4a7;
        text-decoration: none;
    }

        a.amlink:hover {
            color: #56b4a7;
            text-decoration: underline;
        }
.WordSection1 span a span, .Section1 span a span {
    color: #56b4a7 !important;
}
.WordSection1 span a, .Section1 span a {
    color: #56b4a7 !important;
}
.MsoListParagraphCxSpFirst a, .MsoListParagraphCxSpFirst a:focus, .MsoListParagraphCxSpFirst a:active, .MsoListParagraphCxSpFirst a:visited,
.MsoListParagraphCxSpMiddle a, .MsoListParagraphCxSpMiddle a:focus, .MsoListParagraphCxSpMiddle a:active, .MsoListParagraphCxSpMiddle a:visited,
.MsoListParagraphCxSpLast a, .MsoListParagraphCxSpLast a:focus, .MsoListParagraphCxSpLast a:active, .MsoListParagraphCxSpLast a:visited {
    color: #56b4a7;
    text-decoration: none;
}

    .MsoListParagraphCxSpFirst a:hover, .MsoListParagraphCxSpMiddle a:hover, .MsoListParagraphCxSpLast a:hover {
        color: #56b4a7;
        text-decoration: underline;
    }
        small a, small a:focus, small a:active, small a:hover, small a:visited {
        color: #56b4a7;
        text-decoration: underline;
    }
        .ms-rtestate-field p strong{
            color: #56b4a7;
        }
        .ms-rtestate-field p span{
            font-size: 15px !important;
        }
        .ms-rtestate-field ul li strong span a{
            font-size: 15px;
            color: #56b4a7;
        }
        .ms-rtestate-field a:hover, .ms-rtestate-field a:visited, .ms-rtestate-field ul li span a{
            color: #56b4a7 !important;
        }
        .ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2{
            color: #858585 !important;
        }
/******************************************************/
.load-more{
    margin-top: 10px;
    text-align:center;
}
.load-more > span{
    color: #56b4a7;
    text-decoration:underline;
    cursor: pointer;
}

.attachmentTitle{
    font-weight: bold;
}


/********************Main page********************/
.upcomingevent-container {
    background-color: #f3f3f3;
}
.news-container
{
    background-color: transparent;
}
.ourServices-container{
    background-color: #f3f3f3;
}
.programsProjects-container{
    background-color: transparent;
}
.publications-container{
    background-color: transparent;
}
.links-container{
    background-color: transparent;
}
.minister-container{
    background-color: transparent;
}
.latestLegislation-container{
    background-color: transparent;
}
.ourServices-container .light-header-title-text{
    background-color: #f3f3f3;
}
/*************************************************/
/*********************Exams***********************/
.Exams-container{
    background-color: #848484;
}
.Exams-container span, .Exams-container input{
   color: #dfdfdf !important;
}
.Exams-container input, .Exams-container input:focus, .Exams-container div.dropdown-custom{
    background-color: #848484 !important;
    border-color: #dfdfdf;
}
.Exams-container #txtCandidateNumber{
    border: 1px solid #dfdfdf !important;
}
.Exams-container span.dropdown-custom-arrow{
    border-top: 4px solid #dfdfdf;
}
.Exams-container span.examsLabelDescription{
    color: #fff !important;
    padding-bottom: 20px;
}
.Exams-container span.examsLabelTitle{
    color: #fff !important;
    font-weight: bold;
}
.examMandatoryMsg{
    margin-top:10px;
    color: #56b4a7;
    font-weight: bold;
}
.examPageButton{
    background-color: #adadad;
}
.examsComment{
    color: #fff;
}
.examLink{
text-decoration: underline;
 color: #fff;
}
.examLink:visited, .examLink:hover{
    color:#fff;
}