/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
    background-color: #fff;
}

h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #1679a4;
}

h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #444;
    /*color: #000000;*/
    font-weight: 600;
}

h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 600;
}

table, th {
    min-height: 50px !important;
}


.navbar-header {
    width: 1270px !important;
    height: 100px;
    font-family: 'Titillium Web', sans-serif !important;
}

.navbar-inverse {
    background-image: none;
    background-color: #fff;
    border-color: #eee;
    border-bottom-width: 1px;

}

.navbar-brand {
    font-size: 28px;
    font-family: 'Titillium Web Light', sans-serif !important;
    color: #1679a4 !important;
    text-shadow: none !important;
    line-height: 50px;
    padding-right: 100px; /* Space between Title and navigation menu */
    padding-left: 100px;
}


.card-header {
    /*background-color: #1679a4 !important;*/
    color: #222222;
!important;
    background-color: #F7F7F7 !important;
}

.table .thead-dark th {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #4d4d4d;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F7F7F7;
}

/* Navigation menu ------------------------------------------------ */

/* No text shadow in general nav bar*/
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none !important;
}

/* Normal color of navbar text*/
.navbar-inverse .navbar-nav > li > a {
    margin-top: 35px;
    color: #4d4d4e; /* Normal text color */
    padding-top: 8px; /* Defines indirectly height of menu */
    padding-bottom: 8px; /* Defines indirectly height of menu */
    padding-left: 25px; /* width of menu items */
    padding-right: 25px; /* width of menu items */
    margin-right: 10px; /* Space between menu items */
    background-color: #eeeeee;
}

/* Hover menu item */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    background-color: #ccc !important;
}

/* Active menu item*/
.navbar-inverse .navbar-nav >
.active > a, .navbar-inverse
.navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav >
.active > a:focus {
    background-image: none !important;
    color: #ffffff !important; /* Active text color */
    background-color: #24a3de !important;
    box-shadow: none !important;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-image: none !important;
    color: #ffffff !important; /* Active text color */
    background-color: #24a3de !important;
    box-shadow: none !important;
}


/* Login in sidebar */
.input-group .form-control {

    margin: 5px;
}

.btn-success {
    background-color: #1679a4;
    background-image: none;
    text-shadow: none !important;
    border-radius: 0px !important;
    border: none !important;
    margin-left: 5px;
}


.btn-primary {
    background-color: #1679a4;
    background-image: none;
    text-shadow: none !important;
    border-radius: 0px !important;
    border: none !important;

}

.asteriskField {
    color: #ff0000;
}

/* Footer ------------------------------------------------ */

.footer-brand {

    height: 100px;
    padding-right: 30px;
    padding-left: 30px;
}

.logo {

    max-width: 180px;
}


legend {
    margin-left: 5px !important;
    margin-top: 20px !important;
    padding-bottom: 5px !important;
    color: #1679a4;
    font-size: 16px;
}

#id_ticket_nr {
    -moz-appearance: textfield; /* Firefox */
}

/** hide arrows / spinner in input field for numbers, e.g. ticket form */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
    -moz-appearance: textfield; /* Firefox */
}

.dot {
    horiz-align: center;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 4px;
}