:root {
    /*COLORS*/
    --mandatory: #fffae9;
    --dark-bg: #000000;
    --big-line-bg: #9d2f30;
    /*BUTTONS*/
    --login-btn-bg: #9d2f30;
}

/*MANDATORY INPUT*/
input.mandatory-input {
    /* background-color: var(--mandatory) !important;*/
}

/*LOGIN BTN*/
#login-btn {
    background-color: var(--login-btn-bg) !important;
}

/*MAIN MENU HOMEPAGE*/

/*Menu bar*/
.t-Header-nav .a-MenuBar-item {
    border: none;
}

.t-Header-nav-list {
    border-bottom: solid 2px #57060e;
    padding-left: 140px;
    padding-right: 100px;
    background-color: var(--dark-bg) !important;
    border-bottom: 5px solid var(--big-line-bg) !important;
}

/*Menu bar options*/
.a-MenuBar-item {
    padding-left: 4px;
    padding-right: 4px;
}

.a-MenuBar-label {
    font-size: 1.7rem;
    font-family: source-sans-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.a-MenuBar button.a-MenuBar-label,
.a-Menu button.a-Menu-label {
    /*padding-left: 20px;*/
    padding-right: 10px;
}

/*Menu bar arrows*/
.a-MenuBar-item>button+.a-Menu-subMenuCol {
    margin-top: 3px;
}

.a-MenuBar-item>.a-Menu-subMenuCol,
.a-MenuBar-item.a-Menu--split>.a-Menu-subMenuCol {
    padding: none
}

/*Menu options open*/
.a-Menu.a-Menu--top>.a-Menu-content {
    background-color: #f9f6f6;
}

.a-MenuBar .a-Menu-content {
    border-width: 1px;
}

/*Buttons*/
.t-Header .t-Button--header.t-Button--header {
    font-family: source-sans-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.t-Button.t-Button--header {
    border-radius: 4px;
}

/*Login pop-ups*/
body .ui-dialog .ui-dialog-titlebar {
    border-bottom: 2px solid #57060e;
    border-top: 2px solid #57060e;
    background-color: #b62a38;
}

body .ui-dialog .ui-dialog-title {
    color: #fff;
}

body .ui-dialog .ui-dialog-titlebar-close {
    color: #000000;
}

body .ui-dialog .ui-dialog-titlebar-close {
    background-color: white;
}

.t-Header-logo,
.t-Header .t-Button--header.is-active,
.t-Header .t-Button--header {
    color: white;
}