body {
    background-color: #212121 !important;
}

.page-sidebar-menu {
    background-color: #212121 !important;
}

.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background-color: #eb605d !important;
}

.btn.did.btn-outline.areaButton {
    font-size: 11px !important;
    padding: 1px 5px !important;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 40%;
    min-width: 200px;
    height: 40px;
    top: 10px!important;
}

.page-logo img {
    margin-top: 14px;
    margin-left: 30%;
}

.page-header.navbar {
    background-color: #171717 !important;
}

.portlet-body a {
    text-shadow: none;
    color: #171717 /*!important*/;
}

.portlet-body a:hover {
    cursor: pointer;
    color: #171717 /*!important*/;
}

.allDatesIsLimitedLabel {
    text-align: center;
    position: absolute;
    top: 25px;
    left: 40%;
}

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a {
        margin-top: 10px;
    }
}

.btn-did:hover{
    color: #fff !important;
    background-color: #c34d4a !important;
}

.btn-did:active, .btn-did:visited, .btn-did:focus {
    color: #fff !important;

}
.active-did-button, .active-did-button:hover {
    color: #fff !important;
    background-color: #eb605d !important;
    border-color: black !important;
}
.default-did-button {
    border-color: black !important;
}
.default-did-button-preload-img {
    width: 18px;
}

.btn-did {
    color: #fff !important;
    background-color: #eb605d;
    border-color: #eb605d;
}

.btn.btn-outline.did {
    border-color: #171717 !important;
    color: #171717 !important;
    background: 0 0;
}

.btn.btn-outline.did:hover {
    border-color: #171717;
    background-color: #171717;
    color: #fff !important;
}

.staff-green {
    color: green !important;
}

.staff-blue {
    color: blue !important;
}

.staff-orange {
    color: deeppink !important;
}

.staff-black {
    color: black !important;
}

.staff-red {
    color: red !important;
}

.grid-staff-members {
    border-bottom: none !important;
}

.header-statement-review {
    color: #eb5f5d;
    font-size: 20px;
}

.costing-cell-gbp {
    text-align: center;
    padding-top: 17px;
    /*min-width: 135px;*/
}
.costing-cell-gbp-label {
    text-align: center;
    /*min-width: 135px;*/
    position: absolute;
    padding-top: 34px;
}
.costing-cell-percent {
    /*width: 71px;*/
}
.costing-tr {
    background-color: #dedede;
    width: 100%;
}
@media screen and (max-width: 767px){

    .costing-tr-width {
        min-width: 115px;
    }
}
.link {
    color: #eb605d!important;
    text-decoration: underline;
}
.active-link {
    color: #337ab7!important;
    text-decoration: underline;
}
.client-review-item {
    padding-bottom: 25px;
    padding-top: 10px;
}

.eu-mode,.usd-mode {
    background: #eb605d !important;
    color: #f7f7f9 !important;
    border: 1px solid black;
    box-sizing: border-box;
}

.eu-mode:hover {
    background: #ff6865 !important;
    color: #000000 !important;
}
.usd-mode:hover {
    background: #ff6865 !important;
    color: #000000 !important;
}

/*.eu-mode:hover:before {*/
    /*filter: drop-shadow( 2px 2px 1px rgba(255, 255, 255, 0.5));*/
/*}*/

.eu-mode:before {
    filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, 1));
}
.usd-mode:before {
    filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, 1));
}

.eu-mode:hover:before {
    filter: none;
}
.usd-mode:hover:before {
    filter: none;
}

.uk-mode {
    color: #373737 !important;
    background: 0 0;
    border: 1px solid black;
    box-sizing: border-box;
}

.uk-mode:hover{
    background: #dcd9d8;
    color: #0a0a0a;
}
.dodgerblue {
    background-color: #1E90FF;
}
.default-color-did {
    background-color: #eb5f5d !important;
}

.yellowButtonBackground {
    background-color: #f0f3bc;
    border: solid 1px black;
}

.redButtonBackground {
    background-color: #f2dede;
    border: solid 1px black;
}

.staffOrderBlue {
    background-color: #dfe2fd !important;
}
.staffOrderRed {
    background-color: #fbdede !important;
}
.changeLockStatus {
    width: 100%;
}

.unconfirmedAddress {
    color: #FF0000 !important;
}

.confirmedAddress {
    color: #008000 !important;
}
.successMessage {
    color: #008000 !important;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
    display: block;
}
#largeBaseViewModal {
    z-index: 10049;
}