:root {
    --color-blue: #1A3353;
    --color-yellow: #F3AA47;
    --color-gray: #9D9E9E;
    --color-light-gray: #F2F2F2;
}

/*Hide google trasnlate*/
body#bodySP {
    top: 0 !important;
}

.ul-as-div {
    list-style: none;
    padding: 0;
    margin: 0;
}

.skiptranslate {
    display: none !important;
}

div#goog-gt-tt {
    display: none !important;
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
    background-color: inherit !important;
    box-shadow: none !important;
}

.translated-ltr .breadcrumb-separator {
    display: none;
}


/*Body*/
/*Root size (REM)*/
html, body {
    font-size: 10px;
    background-color: var(--color-light-gray);
}

    body#ms-error-body {
        font-size: 14px;
    }

/* Elements font-family*/
h1, h2, h3, h4, h5, h6, p, label, span, a, button, select, div, ul, li, table {
    font-family: 'Red Hat Display', sans-serif;
}

/* Elements font-size*/
h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 2.6rem;
}

h3 {
    font-size: 2.4rem;
}

h4 {
    font-size: 2.2rem;
}

h5 {
    font-size: 2rem;
}

h6 {
    font-size: 1.8rem;
}

p, label, a {
    font-size: 1.6rem;
    color: var(--color-blue);
}

    a, a:active, a:visited {
        /*color: var(--color-blue);*/
    }

        .edit-mode-panel a, a:active, a:visited {
            /*color: var(--color-blue);*/
        }

        a:hover, a:focus {
            /*color: var(--color-yellow);*/
            text-decoration: underline;
        }


        a.btn {
            color: white;
        }

        a.btnLink, a.btnLink:active, a.btnLink:visited {
            background-color: var(--color-blue);
            color: white;
            padding: .5rem 1rem;
            text-decoration: none !important;
        }

            a.btnLink:hover, a.btnLink:focus {
                background-color: var(--color-yellow)
            }

            a.btnLink > svg {
                margin-left: .75rem;
            }


        a.editWebPart {
            margin: 0 auto;
            width: 30rem;
            display: block;
            text-align: center;
        }

.pageContentZone a {
    color: #0c5488;
    text-decoration: underline;
}

    .pageContentZone a:hover {
        /*color: var(--color-yellow);*/
        text-decoration: underline;
    }

*:focus {
    outline: #F3AA47 solid !important;
}

.timepicker a.btn {
    /*color: var(--color-yellow);*/
    text-decoration: underline;
}

.pageContentZone .ms-rtestate-write.ms-rtestate-field {
    background: #fff;
}


.pageContentZone * {
    background: inherit;
}

.pageContentZone a {
    text-decoration: underline;
}

    .pageContentZone a.btnLink {
        text-decoration: none;
    }

/*a SPFix*/
.ms-cui-ribbon a, .ms-cui-menu a, .ms-cui-toolbar-toolbar a {
    font-size: 1.1rem;
}

#suiteBarTop {
    z-index: 6;
}

#anonimousRibbon {
    z-index: 5;
    position: relative;
}

#emgfaHeader, #emgfaFooter, #s4-titlerow .navbar {
    z-index: 4;
    padding: 0 !important;
}

#emgfaFooter {
    margin-top: 3rem;
    padding: 0;
}

#s4-workspace {
    z-index: 3;
}
/*================== Edit Mode/Sharepoint bar ========================*/
div.emgfa-edit-panel {
    margin: 1.5rem auto;
    padding: 1.5rem;
    border: 1px solid #ccc;
    text-align: center;
}

    div.emgfa-edit-panel span.ms-formfieldlabel {
        color: var(--color-blue);
        font-size: 1.4rem;
    }

#suiteBar * {
    font-size: 1.6rem;
}

#suiteLinksBox, #ms-help a {
    display: none;
}

.ms-status-yellow {
    max-width: 80rem;
    margin: 1rem auto;
    text-align: center;
}

textarea#PropertyEditor {
    font-size: 1.2rem;
}

/*Hide useless sp buttons (Show/Hide Ribbon, Add a Page, Add an App, Design Manager) */
.o365cs-nav-leftAlign,
.o365cs-nav-topItem.o365cs-rsp-tn-hideIfAffordanceOff .o365cs-nav-contextMenu > a.o365cs-contextMenuItem:nth-child(2),
.o365cs-nav-topItem.o365cs-rsp-tn-hideIfAffordanceOff .o365cs-nav-contextMenu > a.o365cs-contextMenuItem:nth-child(6),
.o365cs-nav-topItem.o365cs-rsp-tn-hideIfAffordanceOff .o365cs-nav-contextMenu > a.o365cs-contextMenuItem:nth-child(7),
.o365cs-nav-topItem.o365cs-rsp-tn-hideIfAffordanceOff .o365cs-nav-contextMenu > a.o365cs-contextMenuItem:nth-child(10),
button#O365_MainLink_Help, .o365cs-nav-topItem.o365cs-rsp-tw-hide.o365cs-rsp-tn-hide {
    display: none;
}

div#O365_NavHeader {
    background-color: #12243a;
}

.o365cs-nav-topItem {
    background-color: #12243a;
}

#O365_MainLink_Settings > span.wf-family-o365 {
    font-size: 2.4rem;
}

.o365cs-base .ms-bgc-tdr-h:hover {
    text-decoration: underline;
}

/*================== Global ========================*/
/*FontAwesome Fix*/
* svg, *:hover svg {
    color: inherit;
}

div.w-100 {
    padding: 0;
}

ul.listHorizontaly li {
    display: inline-block;
    padding: 0 .75rem;
    list-style: none;
}

.row.mx-0.px-body {
    padding-top: 5rem;
}

.px-body * {
    background-repeat: no-repeat;
    background-size: contain;
}

.imgContainer {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.emgfa-darkFilter {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.scroll-off {
    pointer-events: none;
}

.centerContent {
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.w-auto.px-body {
    padding-left: 6rem;
    padding-right: 6rem;
}

.container.pageContentZone {
    padding: 0;
}

@media (max-width: 500px) {
    .container.pageContentZone {
        padding: 0 0.75rem 0 0.75rem;
    }
}
/*================== Animations ========================*/
#s4-bodyContainer a:hover, #s4-bodyContainer button:hover, #s4-bodyContainer span.slick-arrow:hover {
    transition: all .5s ease;
}

/*================== Title of the Pages ========================*/

.headerZone {
    padding: 3rem 0;
}

    .headerZone h1, .headerZone h2, .headerZone p {
        color: var(--color-blue);
        text-transform: uppercase;
        font-size: 2.8rem;
        font-weight: bold;
        text-align: center;
    }

        .headerZone h1 a, .headerZone h2 a, .headerZone p a {
            color: inherit;
            font-size: inherit;
            text-decoration: inherit;
        }

            .headerZone h1 a:hover, .headerZone h2 a:hover, .headerZone p a:hover {
                color: var(--color-yellow)
            }

    .headerZone .line-under-title {
        border: .1rem solid var(--color-blue);
        opacity: 1;
    }

div#pageTitle svg {
    font-size: 2.77rem;
    top: 0.2rem;
    position: relative;
}

div#pageTitle h1 {
    color: var(--color-grey);
    font-weight: 600;
    display: inline-block;
    font-size: 2.6rem;
}

/*================== Breadcrumb ========================*/

.breadcrumb {
    background: transparent;
    font-size: 1.33rem;
    margin: 0;
    padding: 0;
    display: inline-block !important;
    margin: 0 0 3rem 0;
}

    .breadcrumb > li:nth-child(1), li.breadcrumb > svg:nth-child(2) {
        display: none;
    }


    .breadcrumb li {
        margin: 0 .25rem;
        font-weight: 500;
    }

        .breadcrumb li.breadcrumb-current {
            color: var(--color-grey);
            font-weight: bold;
            font-size: inherit;
        }

        .breadcrumb li a {
            color: var(--color-blue);
            font-size: 1.33rem;
            font-size: inherit;
        }

            .breadcrumb li a:hover, .breadcrumb li a:focus {
                color: var(--color-blue);
            }

@media (max-width: 1200px) {
    .breadcrumb {
        float: unset;
    }
}

/*================== NavBar/Menu ========================*/
#bodySP .skipLink {
    opacity: 0;
    position: absolute;
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    background: var(--color-gray);
    z-index: 10;
}

    #bodySP .skipLink:focus {
        opacity: 1;
    }

#bodySP .linkSalto {
    position: absolute;
    z-index: 0;
    padding: 10px;
    font-size: 1.6rem;
    /*  background: #282626;*/
    background: var(--color-blue);
    color: #fff !important;
    top: -99px;
}

    #bodySP .linkSalto:focus {
        z-index: 9999999;
        border: 2px;
        /*  background: #282626;*/
        background: var(--color-blue);
        color: #fff !important;
        top: 0;
    }

    #bodySP .linkSalto:active {
        z-index: 9999999;
        border: 2px;
        /*     background: #282626;*/
        background: var(--color-blue);
        color: #fff !important;
        top: 0;
    }

#s4-titlerow {
    position: absolute;
    top: 0;
    display: block !important;
    width: 100%;
    z-index: 4;
    background-image: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0));
}

/*================== Pagination ========================*/
.emgfa-pagination .emgfa-page-link {
    background-color: var(--color-yellow);
    color: #fff;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    text-align: center;
    line-height: 3.0rem;
}

    .emgfa-pagination .emgfa-page-link svg {
        margin: 0;
    }

    .emgfa-pagination .emgfa-page-link:hover {
        background-color: var(--color-blue);
    }

.emgfa-pagination .emgfa-page-current {
    background-color: var(--color-blue);
    color: white;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    text-align: center;
    line-height: 3.0rem;
    font-size: 1.4rem;
}

/*================== Scroll to Top Btn ========================*/
#scrollTopBtn {
    display: none;
    position: fixed;
    width: auto;
    bottom: 3rem;
    right: 3rem;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--color-gray);
    color: white;
    cursor: pointer;
    /* padding: .5rem 1rem;*/
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 0;
    font-size: 1.8rem;
    -webkit-box-shadow: 0 0 0.1rem 0 var(--color-gray);
    -moz-box-shadow: 0 0 0.1rem 0 var(--color-gray);
    box-shadow: 0 0 0.1rem 0 var(--color-gray);
}

    #scrollTopBtn:hover {
        background-color: var(--color-yellow);
        color: black;
    }

@media (max-width: 1200px) {
    #scrollTopBtn {
        bottom: 4.8rem;
        right: 3rem;
        cursor: pointer;
        padding: .735rem 1.3rem;
    }
}

/*================== SP Fonts Style ========================*/

/* Hide SP ribbon fonts */
#fseaFont-1-4-Menu,
#fseaFont-1-5-Menu,
#fseaFont-1-6-Menu,
#fseaFont-1-7-Menu,
#fseaFont-1-8-Menu,
#fseaFont-1-9-Menu,
#fseaFont-1-11-Menu,
#fseaFont-1-12-Menu,
#fseaFont-1-13-Menu,
#fseaFont-1-16-Menu,
#fseaFont-1-17-Menu,
#fseaFont-1-18-Menu {
    display: none;
}

/* Header 1 */
.pm-conteudoStyle h1,
.ms-rtestate-field h1,
h1.ms-rteElement-H1,
h1.ms-rteElement-H1B {
    color: var(--color-blue);
}

/* Header 2 */
.pm-conteudoStyle h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2,
h2.ms-rteElement-H2B {
    color: var(--color-blue);
}

/* Header 3 */
.pm-conteudoStyle h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
h3.ms-rteElement-H3B {
    color: var(--color-blue);
}

/* Header 4 */
.pm-conteudoStyle h4,
.ms-rtestate-field h4,
h4.ms-rteElement-H4,
h4.ms-rteElement-H4B {
    color: var(--color-blue);
}

/* Header 1 Alt */
h1.ms-rteElement-H1B {
    color: var(--color-yellow);
}

/* Header 2 Alt */
h2.ms-rteElement-H2B {
    color: var(--color-yellow);
}

/* Header 3 Alt */
h3.ms-rteElement-H3B {
    color: var(--color-yellow);
}

/* Header 4 Alt */
h4.ms-rteElement-H4B {
    color: var(--color-yellow);
}

/*================== SharePoint Search Override ========================*/

.ms-srch-item-path {
    display: none;
}

.ms-srch-result-groups * {
    font-size: 16px !important;
}

.ms-srch-hover-outerContainer {
    display: none !important;
}

.ms-srch-result #Paging a {
    padding: 12px 18px;
}

.ms-srch-result #ResultCount {
    display: none !important;
}

.ms-srch-sbLarge > .ms-srch-sb-searchLink {
    padding: 5px;
}

.ms-srch-sbLarge-searchImg {
    left: -45px !important;
    top: 5px !important;
}

.ms-srch-sbLarge > input {
    height: 43px;
}

/*================== Bootstrap Form Controls Override ========================*/
#contentBox .btn {
    /*border-radius: 0;*/
    font-size: 1.6rem;
    /*padding: .5rem 1rem;*/
}

#contentBox .validator {
    margin-top: .25rem;
    font-size: 1.1rem;
    color: #dc3545;
}

#contentBox h6.col-form-title {
    font-weight: bold;
    font-size: 1.8rem;
    color: #1D71B9;
    padding-top: 1.5rem;
}


.col-form-label {
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--color-blue);
    text-transform: uppercase;
}

    .col-form-label span {
        color: #dc3545;
    }

.text-info {
    font-size: 1.2rem;
    color: var(--color-blue);
    padding-top: .75rem;
}

.form-control, .sp-peoplepicker-topLevel {
    background-color: rgba(0,0,0,.01);
    border-color: var(--color-blue);
    border-radius: 0;
    padding: 1rem 1.5rem;
    min-height: 4rem;
    font-size: 1.6rem;
    color: #212529;
}

    .form-control::placeholder {
        font-size: 1.6rem;
    }

    .sp-peoplepicker-topLevel .ms-entity-resolved {
        color: var(--color-blue);
        font-size: 1.4rem;
        padding: 0;
    }

    .sp-peoplepicker-topLevel .sp-peoplepicker-initialHelpText {
        color: var(--color-blue);
        font-size: 1.2rem;
        font-weight: 600;
        padding: 0;
    }

    .form-control::placeholder {
        color: var(--color-blue);
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0;
    }

    .form-control.invalid {
        border-color: #dc3545;
    }

textarea.form-control {
    min-height: 10rem;
}


input.aspNetDisabled {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid;
    border-color: #c0c0c0;
    padding: 1rem 1.5rem;
    min-height: 1rem;
    font-size: 1.4rem;
    color: #212529;
    margin: 0;
    display: block;
    cursor: text;
    opacity: 1;
    width: 96%;
}

textarea.aspNetDisabled {
    background-color: transparent;
    border-radius: 0;
    border: 0.1rem solid;
    border-color: #c0c0c0;
    padding: 1rem 1.5rem;
    min-height: 4rem;
    font-size: 1.4rem;
    color: #212529;
    margin: 0;
    display: block;
    cursor: text;
    width: 100%;
    resize: vertical;
    opacity: 1;
}

span.aspNetDisabled {
    background-color: transparent;
    border: 0.1rem solid;
    border-color: #c0c0c0;
    padding: .9rem .3rem;
    margin-left: 0.1rem;
    opacity: 1;
    display: inline-block;
}

select.aspNetDisabled {
    background-color: transparent;
    border-radius: 0;
    border: 0.1rem solid;
    border-color: #c0c0c0;
    padding: 1rem 1.5rem;
    min-height: 1rem;
    font-size: 1.4rem;
    color: #212529;
    margin: 0;
    display: block;
    cursor: text;
    opacity: 1;
    /*Hide arrow*/
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.1rem;
    text-overflow: '';
}

@media (max-width: 1480px) {
    .breadcrumbHeader {
        margin-top: 70px;
    }
}

.mr-manual-summary *, .mr-automatic-summary *, .mr-contacts *, .ms-rtestate-field ul * {

    font-size: 1.6rem !important;

}