/************** BLUE #104b7d ************/
.body-content {
    background: linear-gradient( 170deg, #104b7d, #104b7d 45%, #FFFFFF 45.2%, #FFFFFF 100% );
}

.MXBlueBg {
    background-color: #104b7d;
}

.MXBlueText {
    color: #104b7d;
}

h2, .h2 {
    text-shadow: 2px 2px 2px #104b7d;
}

@media (max-width: 820px) {
    .navbar {
        background-color: #104b7d !important;
    }
}

.logowrap {
    border-left: 7px solid #104B7D;
}

.logoutbutton {
    background-color: #104B7D;
}

table.appointments thead tr th {
    color: #104b7d;
}

table.calendar td.free {
    color: #104b7d;
}

table.appointmentTime {
    color: #104b7d;
}

table.calendar td.selected {
    color: #104b7d;
}

table.appointmentTime thead tr th {
    color: #104b7d;
}

yellowSelected {
    color: #104b7d;
    background-color: #FFF097;
}

table.branchListTable tr:first-child {
    color: #104b7d;
}

.smallSpinner {
    border-top: 5px solid #104b7d;
    border-bottom: 5px solid #104b7d;
}

.spinner {
    border-top: 5px solid #104b7d;
    border-bottom: 5px solid #104b7d;
}
/************** BLUE ************/

/************** DARKBLUE #0d3c64 ************/
.MXDarkBlueBg {
    background-color: #0d3c64;
}

.MXDarkBlueText {
    color: #0d3c64;
}

.btn.mxdarkblue {
    background-color: #0D3C64;
}

    .btn.mxdarkblue:hover {
        background-color: #0D3C64;
    }

    .btn.mxdarkblue:active {
        background-color: #0D3C64;
    }

.btn.mxdarkblueborder {
    border: 1px solid #0D3C64;
    color: #0D3C64;
}

    .btn.mxdarkblueborder:hover {
        background-color: #0D3C64;
    }

    .btn.mxdarkblueborder:active {
        background-color: #0D3C64;
    }

#cookie-bar {
    background-color: #0D3C64;
}
/************** DARKBLUE ************/

/************** LIGHTBLUE #4a89c8 ************/
.form-control:focus {
    border: 2px solid #4a89c8;
}

.navbar {
    background-color: #4a89c8;
}

.editDelete {
    color: #4a89c8;
}

    /************** LIGHTBLUE ************/
    .WhiteTextImportatnt {
    color: #FFFFFF !important;
}

.tableHeader {
    border: 1px solid #4a89c8;
}
.tableHeaderContent {
    color: white;
    border-right: 1px solid white;
}

.firstTableHeaderContent {
    color: white;
    border-right: 1px solid white;
}

.lastTableHeaderContent {
    color: white;
}

.tableRowElement {
    border-right: 1px solid #707070;
    border-top: 1px solid #707070;
    color: #333333;
}

.editableInput {
    background-color: #ffffff !important;
    border: 1px solid #8C8C8C;
    color: #000000;
}

.editCancel {
    color: #4a89c8;
}

.ui-widget-header {
    border: 1px solid #aaa;
    color: #104b7d;
}
.ui-widget.ui-widget-content {
    border-right: 1px solid #c5c5c5;
}

.ui-state-default,
.ui-widget-content
.ui-state-default,
.ui-widget-header
.ui-state-default,
.ui-button, html
.ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    color: #104b7d;
}

.ui-datepicker th {
    border: 1px solid #c5c5c5;
}

.ui-datepicker td {
    border: 1px solid #c5c5c5;
    color: #104b7d;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #ffaf41;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: #B7C9D8;
    color: white !important;
}

ui-datepicker-next:hover {
    color: #104b7d;
}

.trHover:hover {
    background-color: #b7c9d8 !important;
}

.erdivizmu {    
    background-image: url('../images/erdivizmu.jpg');
    width: 180px;
    height: 90px;
    overflow: hidden;
    background-repeat: round;
    margin:auto;
}