/* ================================ */
/* ============ Colors ============ */
/* ================================ */
/* primary :         #0060a9;       */
/* action-buttons :  #87ba45 (buttons used in TicketDispenser and CounterCallUnit screens) */
.color-primary {
    color: #0060a9;
}

/* ================================ */
/* ========== Typography ========== */
/* ================================ */
.page-header {
    margin:         50px 0 15px;
    padding-bottom: 0;
    border-bottom:  0;
}

/* ================================ */
/* ============ Navbar ============ */
/* ================================ */
.navbar-brand {
    height:  80px;
    padding: 0;
}

/* ================================ */
/* ============ Buttons =========== */
/* ================================ */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.40;
}

.btn-lg {
    padding: 10px 20px;
}

.btn-primary {
    background-color: #0060a9;
}

.btn-default:hover {
    color:            #333;
    background-color: #fff;
    border-color:     #ccc;
    outline:          0;
}

.btn-default:focus {
    color:            #333;
    background-color: #fff;
    border-color:     #ccc;
    outline:          0;
    box-shadow:       none !important;
}

/* ================================ */
/* ============ Panels ============ */
/* ================================ */
.panel-primary {
    border-color: #0060A9;
    /*border-radius: 0;*/
    box-shadow:   0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.panel-primary > .panel-heading {
    color:            #fff;
    background-color: #0060A9;
    border-color:     #0060A9;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0060a9;
}

.panel-primary > .panel-heading .badge {
    color:            #0060a9;
    background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0060a9;
}

/* ================================ */
/* ============ Modals ============ */
/* ================================ */
.modal-content {
    border-radius: 0;
}

.modal-header {
    height:           48px;
    background-color: #0060a9;
    border:           solid 1px #979797;
    padding-top:      0;
    padding-bottom:   0;
}

.modal-title {
    font-family:    Montserrat, sans-serif;
    font-size:      22px;
    line-height:    48px;
    text-align:     center;
    text-transform: uppercase;
    color:          #fff;
}

.modal-header .close {
    font-family: FontAwesome, sans-serif;
    font-size:   30px;
    text-align:  left;
    color:       #ffffff;
    opacity:     1;
    margin-top:  4px;
}

.close:focus, .close:hover {
    opacity: 0.5;
}

.modal-body {
    border:         0;
    padding-bottom: 45px;
}

/* =========================================== */
/* ============ Bootstrap3 Add-on ============ */
/* ============ Five equal columns =========== */
/* =========================================== */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position:      relative;
    min-height:    1px;
    padding-right: 15px;
    padding-left:  15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* ================================ */
/* ============ Badges ============ */
/* ================================ */
.badge {
    font-family:   "Open Sans", sans-serif;
    font-size:     20px;
    font-weight:   bold;
    color:         #ffffff;
    border-radius: 50%;
}

.badge-alert {
    background: #fc7a71;
}

/* ================================ */
/* ============ Tables ============ */
/* ================================ */
.table > tbody > tr > td {
    vertical-align: middle;
}