body {
    font-family: 'Montserrat';
}

.bg-primary {
    background-color: #11cdef !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #DB4238 0, #DB4238 100%) !important;
}

.navbar-horizontal .navbar-brand img {
    height: 66px;
}

.btn-primary {
    background: #DB4238;
    border-color: #DB4238;
}

.btn-primary:hover {
    background-color: rgb(167, 44, 36);
    border-color: rgb(167, 44, 36);
}

.btn-info,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    background: #fab012;
    border-color: #fab012;
}

.btn-info:hover {
    background: #f19100;
    border-color: #f19100;
}

.btn-link {
    color: #DB4238;
}

.card {
    color: #000 !important;
    font-weight: bold !important;
}

.form-control {
    font-weight: bold;
    color: #000;
}

.btn-link:hover {
    color: rgb(167, 44, 36);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #ff6633;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #ff6633;
}

.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand>img {
    max-height: 5rem;
}

.glyphicon {
    background: #fab012;
    color: white;
    padding: 5px;
    border-radius: 4px;
    margin-right: 4px;
    width: 25px;
    text-align: center;
    display: inline-block;
}

.glyphicon:hover {
    opacity: 0.9
}

.help-block .glyphicon {
    background: none;
}

.glyphicon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.help-block .glyphicon:before {
    color: #000;
}

.glyphicon-eye-open:before {
    content: '\f06e';
}

.glyphicon-trash {
    background-color: red;
}

.glyphicon-trash:before {
    content: '\f2ed';
}


/* .glyphicon-eye-open:after {
    content: 'Zobraziť';
}

.glyphicon-trash:after {
    content: 'Vymazať';
}

.glyphicon-edit:after {
    content: 'Editovať';
} */

.glyphicon-warning-sign:before {
    content: '\f06a'
}

.glyphicon-edit:before {
    content: '\f044';
    /* content: 'Editovat'; */
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.btn-toolbar {
    display: block;
}

#div_workdays,
#div_holidays {
    display: none;
}

.alert-danger {
    margin-top: 30px;
}

.btn-toolbar .pull-right {
    margin-bottom: 20px;
}

.btn-gray {
    background-color: #ecebeb;
}

.table-responsive th.fixed-small,
.table-responsive td.fixed-small {
    width: 35px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

td.entry {
    cursor: pointer;
    text-align: center;
}

#attendanceTable td,
#attendanceTable th {
    border-right: 1px solid #ecebeb;
    text-align: center;
    vertical-align: middle;
}

td.entry.closed,
td.entry.weekend,
td.entry.holiday {
    cursor: default;
}

#attendanceTable th.one {
    padding: 0 10px
}

#attendanceTable td,
#attendanceTable th {
    padding: 3px;
}

td.entry span {
    border-radius: 50%;
    /* height: 20px;
    width: 20px; */
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 2px;
    transition: 0.2s;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    font-weight: bold;
}

td.entry span.empty {
    background-color: transparent;
}

td.entry span.full {
    background-color: #eeeded;
}

th.weekend {
    color: rgb(240, 123, 123) !important;
}

th.holiday {
    color: red !important;
}

td.weekend,
td.holiday {
    color: #c0c0c0;
}

td.entry span.half {
    background-color: #eeeded;
}

td textarea.udata {
    display: none;
}

.modal-lg,
.modal-xl {
    max-width: 880px;
}

.modal-header {
    display: block;
    padding-bottom: 0;
}

.modal-body {
    padding-top: 0;
}

body.g-sidenav-hidden .sidenav-toggler .ni-bold-right {
    display: block;
}

body.g-sidenav-hidden .sidenav-toggler .ni-bold-left {
    display: none;
}

body.g-sidenav-hidden .sidenav-toggler .fa-thumbtack {
    display: none;
}

body.g-sidenav-show .sidenav-toggler .ni-bold-right {
    display: none;
}

body.g-sidenav-show .sidenav-toggler .ni-bold-left {
    display: none;
}

body.g-sidenav-show .sidenav-toggler .fa-thumbtack {
    display: block;
}

body.g-sidenav-pinned .sidenav-toggler .fa-thumbtack {
    display: none;
}

body.g-sidenav-pinned .sidenav-toggler .ni-bold-left {
    display: block;
}

.add-btn {
    font-size: 0.9em;
    padding-top: 4px;
    padding: 4px 3px 0 3px;
}

.navbar-brand {
    margin: auto;
}

.expired * {
    color: red;
}

.template {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .navbar-horizontal.navbar-transparent {
        background: linear-gradient(87deg, #DB4238 0, #DB4238 100%) !important;
        position: relative;
    }
}