@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/_resources/themes/fifa/fonts/open-sans/OpenSans-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

body {
    background-color: #FFF;
    font-family: "Open Sans";
    font-weight: normal;
    font-style: normal;
}

/* fonts */
button,
select,
html,
textarea,
input {
    font-family: "Open Sans";
    font-weight: normal;
    font-style: normal;
}

.btn,
.request-translation [name="action_finish"],
.request-translation [name="action_next"],
.request-translation [name="action_prev"], .request-translation .rt-button-cancel, .profile-page section .register-account .action, .page-contact-us button, .login-page .action,
.change-password-page .action,
.lost-password-page .action, .login-panel .login-container .action {
    font-family: "Open Sans";
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #005391;
}

/* header */
.xtm-header-menu.navbar .navbar-brand {
    padding: 20px;
}

.navbar-brand > img {
    height: 30px;
    width: auto;
}

.xtm-header-menu.navbar .profile-icon {
    background-color: #F09316;
}

.xtm-header-menu.navbar .xtm-header-menu-item-link.profile-menu-item-link {
    color: #F09316;
}

.xtm-header-menu.navbar .xtm-header-menu-item-link.customer-menu-item-link {
    color: #FFF;
}

.xtm-header-menu.navbar .xtm-header-menu-item-link.language-chooser-item-link {
    color: #FFF;
}

/* header logout menu button */
.xtm-header-dropdown-item .xtm-header-dropdown-item-link.xtm-header-dropdown-item-link-logout {
    color: #F09316;
}

.xtm-header-menu.navbar {
    background-color: #005391;
}

.xtm-header-menu.navbar .xtm-main-menu {
    background-color: #005391;
}

.xtm-header-menu.navbar .customer-menu-mobile.navbar-main .dropdown-menu,
.xtm-header-menu.navbar .language-chooser-mobile.navbar-main .dropdown-menu {
    background-color: #005391;
}

.main-banner .main-banner-sub2 h2 {
    font-family: "Open Sans";
}

.xtm-header-menu.navbar .xtm-header-menu-item-link.customer-menu-mobile-item-link,
.xtm-header-menu.navbar .xtm-header-menu-item-link.language-chooser-mobile-item-link {
    color: #00b8ff;
}

.xtm-header-menu.navbar .active .xtm-header-menu-item-link,
.xtm-header-menu.navbar .active .xtm-header-menu-item-link:hover,
.xtm-header-menu.navbar .active .xtm-header-menu-item-link:focus {
    color: #FFF;
    font-weight: bold;
}


.xtm-header-menu.navbar .xtm-header-menu-item {
    border-bottom: 1px solid #4994CE;
}

/* login panel */
.login-panel .forgot a, .login-panel .register a {
    color: #005391;
}

/* footer */
.footer {
    background-color: #005391;
    height: 50px;
}

footer .footer-container > div,
footer .footer-container > div:last-of-type {
    display: none;
}

/* request translation header */
.request-translation .panel-heading {
    background-color: #005391;
}

.request-translation .panel-heading h3 {
    color: #FFF;
}

/* request translation */
.request-translation .panel {
    border: 1px solid #005391;
    border-radius: 8px;
    box-shadow: #005391 0 0 8px;
}

.btn.btn-primary,
.login-panel .login-container .action,
.request-translation [name="action_prev"],
.request-translation [name="action_next"],
.request-translation [name="action_finish"],
.daterangepicker .btn.btn-success {
    background-image: linear-gradient(to bottom, #005391 0%, #0065b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005391', endColorstr='#0065b0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #005391;
}

.btn.btn-primary:hover,
.login-panel .login-container .action:hover,
.request-translation :hover[name="action_prev"],
.request-translation :hover[name="action_next"],
.request-translation :hover[name="action_finish"],
.daterangepicker .btn.btn-success:hover {
    background-image: linear-gradient(to bottom, #0165af 0%, #0173c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0165af', endColorstr='#0173c7', GradientType=0);
    background-repeat: repeat-x;
    border-color: #0165af;
}

.daterangepicker .calendar-table .active,
.daterangepicker .calendar-table .active:hover {
    background-color: #0165af;
}

.request-translation .stepIndicator li.current:before {
    color: #F09316;
}

.request-translation .customer-notice-container {
    color: #6F8294;
    background-color: #EBEBEB;
}

.request-translation .customer-info-icon {
    color: #4994CE;
}

.request-step-1 .fa-arrow-alt-from-bottom, .request-step-1 .fa-clipboard, .rte-step-1 .fa-arrow-alt-from-bottom, .rte-step-1 .fa-clipboard {
    color: #4994CE;
}

#content.request-translation .checkbox:checked + label:before {
    background-color: #4994CE;
    border-color: #4994CE;
}

/* request translation languages */
.request-translation rich-select .richSelect--container {
    height: auto;
}

.request-translation rich-select .richSelect--container .richSelect--selection {
    height: auto;
    position: relative;
}

/* request translation step indicator*/
.request-translation .stepIndicator {
    display: none;
    color: #005391;
}

.request-translation .stepIndicator li:before {
    color: #4994CE;
}

/* Moving hours to the bottom of date picker popup */
.daterangepicker.show-calendar .calendar.left,
.advanced-search .daterangepicker.show-calendar .calendar.right {
    display: flex !important;
    flex-direction: column;
}

.daterangepicker.show-calendar .calendar .daterangepicker_input {
    order: 2;
}

.daterangepicke.show-calendarr .calendar .calendar-table {
    order: 1;
}

/* standard pages */
.main-container .container.Page > .page .top > h1 {
    color: #005391;
}

.main-container .container.Page > .page .top .content {
    color: #005391;
}

/* home page */
.XTM\\Portal\\Page\\HomePage .image-container {
    width: 50%;
    margin: auto;
}

.XTM\\Portal\\Page\\HomePage .xtm-header-menu.navbar .navbar-brand {
    display: none;
}

.XTM\\Portal\\Page\\HomePage .top {
    margin-top: 56px;
}

.main-container .container.XTM\\Portal\\Page\\HomePage {
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 0 36px 32px;
}

.main-container .container.XTM\\Portal\\Page\\HomePage > .page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 24px;
}

.main-container .container.XTM\\Portal\\Page\\HomePage > .page .top .content {
    padding-top: 20px;
    color: #005391;
}

.main-container .container.XTM\\Portal\\Page\\HomePage > .page .top > h1 {
    color: #005391;
    display: none;
}

/* projects page */
.switcher .container > div.active {
    background-color: #005391;
    border-color: #005391;
}

.project-page .customer-info-icon {
    color: #4994CE;
}

#projectsTable_wrapper .dataTables_paginate .paginate_button.current {
    color: #4994CE !important;
}

.project-page .dataTable .fa-usd-circle.color-usd-proposal {
    color: #4994CE;
}

/* projects table */
.dataTables_wrapper table {
    background-color: #efefef;
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
    background-color: #4994CE;
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
    color: #FFF;
}

.dataTables_wrapper table.dataTable thead th:first-of-type,
.dataTables_wrapper table.dataTable thead td:first-of-type {
    border-radius: 10px 0 0 0;
}
.dataTables_wrapper table.dataTable thead th:last-of-type,
.dataTables_wrapper table.dataTable thead td:last-of-type {
    border-radius: 0 10px 0 0;
}

#projectsTable_wrapper #projectsTable thead .sorting_asc {
    background-image: url(/_resources/themes/fifa/icons/datatables/caret_up.png);
}

#projectsTable_wrapper #projectsTable thead .sorting_desc {
    background-image: url(/_resources/themes/fifa/icons/datatables/caret_down.png);
}

#projectsTable_wrapper project-cost-info-tooltip {
    display: none;
}

/* projects table - highlight*/
#projectsTable_wrapper #projectsTable > tbody > tr:hover,
#projectsTable_wrapper #projectsTable > tbody > tr:hover + .child,
#projectsTable_wrapper #projectsTable > tbody > tr.child:hover {
    background: #d9edfb !important;
}

/* projects table - menu icons */
project-datatable-menu .fas:before {
    color: #4994CE;
}

.dropdown-menu.xtm-multilevel-menu .active {
    background-color: #d9edfb;
}

@media only screen and (min-width: 768px) {
    /* header */
    .xtm-header-menu.navbar .active .xtm-header-menu-item-link,
    .xtm-header-menu.navbar .active .xtm-header-menu-item-link:hover,
    .xtm-header-menu.navbar .active .xtm-header-menu-item-link:focus {
        color: #FFF;
        box-shadow: 0 4px 0 0 #FFF inset;
    }

    /* home page */
    .main-container .container.XTM\\Portal\\Page\\HomePage {
        width: 100%;
        max-width: 618px;
        margin: auto;
        padding: 0 36px 32px;
    }

    .main-container .container.XTM\\Portal\\Page\\HomePage > .page .top > h1 {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .request-translation .panel {
        margin: 76px auto 66px;
    }
}

@media only screen and (min-width: 1200px) {
    .request-translation .panel {
        margin: 76px auto 66px;
    }
}