.kolecko {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 5px;
    cursor: help;
}

    .kolecko.orange {
        background: #ffc578; /* Old browsers */
        background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffc578 0%,#fb9d23 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
    }

    .kolecko.red {
        background: #ff3019; /* Old browsers */
        background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9    */
    }

    .kolecko.green {
        background: #d2ff52; /* Old browsers */
        background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* IE10+ */
        background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
    }

    .kolecko.blue {
        background: #499bea; /* Old browsers */
        background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #499bea 0%,#207ce5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
    }


    .kolecko.white {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    }

    .kolecko.yellow {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff88+0,ffff88+100;Yellow+Flat+%231 */
        background: #ffff88; /* Old browsers */
        background: -moz-linear-gradient(top, #ffff88 0%, #ffff88 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffff88 0%,#ffff88 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffff88 0%,#ffff88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 */
    }


/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

/*.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 0.9rem !important;
}

.bootstrap-select {
    border: 1px solid #ced4da !important;
    border-radius: 0;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

/*body {
  margin-bottom: 60px;
}*/
.footer {
    /*position: absolute;*/
    /*width: 100%;*/
    white-space: nowrap;
    background-color: #f3f5f9;
    font-size: 0.85rem;
}

.bg-upol {
    background-color: rgb(0,107,173) !important;
    height: 100px;
}

.text-upol {
    color: rgb(0,107,173) !important;
}

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar {
    padding: 0 !important;
}

.card-custom {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-title-custom {
    font-size: 16px;
    font-weight: 500;
}

.card-body-custom {
    padding: 1rem !important;
}

.card-custom-header {
    padding: 1.25rem 1.25rem 0 1.25rem;
}

.text-primary-x {
    color: #006bad !important;
}

/*.card-body-custom {
    padding: 1rem !important;
}*/

.pointer {
    cursor: pointer;
}

.thead-light-custom {
    background-color: #f3f5f9 !important;
}

.table {
    outline-style: solid;
    outline-width: 1px;
    outline-color: #dee2e6;
}


/*Footer*/
container {
    min-height: 0px !important;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}

footer {
    margin-top: 20px;
}

.list-inline-item:not(:last-child) {
    margin-right: 1rem !important;
}

.btn-filter {
    margin-top: 28px;
    margin-bottom: 10px;
}

.filter-option-inner-inner {
    font-size: 0.8rem;
}

.dropdown-menu {
    font-size: 0.8rem !important;
}

.invalid-input {
    border-color: #dc3545 !important;
}

.btn-notEmpty {
    color: #212529;
    background-image: linear-gradient(to right, #ffc107, #fff 60%);
}

.text-primary {
    color: #0062cc !important;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loader {
    display: block;
    position: relative;
    left: 49%;
    top: 50%;
}

.text-sign {
    color: #343a40 !important;
}

    .text-sign:hover {
        color: white !important;
    }

.text-signed {
    color: white !important;
}

.main-title {
    margin-bottom: 0 !important;
}

[data-notify] {
    z-index: 99999 !important;
}

.btn-sm-form-centered {
    margin-top: 0.2rem !important;
}

@media (min-width: 576px) {
    .btn-sm-form-centered {
        margin-top: 1.93rem !important;
    }
}

.btn-filtered-centered {
    margin-top: 0.2rem !important;
}

@media (min-width: 576px) and (max-width: 991px) {
    .btn-filtered-centered {
        margin-top: 1.93rem !important;
    }
}

.btn-light {
    background-color: white;
    border-color: white;
}

.modal-content {
    border-radius: 0px !important;
}

.tooltip-inner {
    background-color: white !important;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
    color: black;
    border: 1px solid black !important;
}

.tooltip.show {
    opacity: 1;
}

.tooltip.top .tooltip-arrow {
    border-top-color: black;
}

.tooltip.right .tooltip-arrow {
    border-right-color: black;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: black;
}

.tooltip.left .tooltip-arrow {
    border-left-color: black;
}


.navbar-upol {
    background-color: #006fad;
    border-color: #0a4160;
    border-bottom: 1px solid;
    z-index: 1000 !important;
}

footer .foot-wrapper {
    background-color: #E6E6E6;
    color: #666;
    margin: 0;
    padding: 28px 0;
    width: 100%;
}

.td-hidden {
    display: none;
}



.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #333;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.red {
    color: red;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}


.container {
    max-width: 1340px !important;
}

.sticky {
    /*background: #eeeeee;*/
    background: #f5f5f5;
    position: -webkit-sticky;
    position: sticky;
    top: 97px;
    padding: 50px;
    font-size: 16px;
    z-index: 999;
}

.data-table__header__row--sticky--bodybg > th {
    /*background: #eeeeee;*/
    background: #f5f5f5;
    position: -webkit-sticky;
    position: sticky;
    top: 92px;
    z-index: 2;
}

.data-table__header__row--sticky--bodybg-registrations > th {
    /*background: #eeeeee;*/
    background: #f5f5f5;
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
    z-index: 999;
}

.right_text {
    text-align: right !important;
}

.error {
    color: #a94442;
}

#mainContainer {
    margin-top: 100px;
}

.footerlink {
    color: #666 !important;
}

.control-label {
    text-align: right;
    font-weight: bold;
}

.praxe_info_table {
    background-color: #0CC6DE;
}

.tucne {
    font-weight: bold;
}

.right {
    text-align: right;
}

.card-header-praxe {
    background-color: #006bad !important;
    color: white;
    padding: 0.5rem 1.2em !important;
}
.card-praxe {
    border-color: #006bad !important;
}
.f-16 {
    font-size: 16px !important;
}

.tabs-div {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-left: 1px solid rgba(0, 0, 0, .125);
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    padding: 10px;
}
.card-dashboard {
    margin-bottom: 15px;
}

.tabs-praxe {
    font-weight: 400;
    font-size: 15px;
}



.card-custom {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-title-custom {
    font-size: 16px;
    font-weight: 500;
}

/*.card-body-custom {
    padding: 1rem !important;
}*/

.pointer {
    cursor: pointer;
}

.thead-light-custom {
    background-color: #f3f5f9 !important;
}

.table {
    outline-style: solid;
    outline-width: 1px;
    outline-color: #dee2e6;
}


/*Footer*/
container {
    min-height: 0px !important;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loader {
    display: block;
    position: relative;
    left: 49%;
    top: 50%;
}

label {
    font-weight: bold;
}





#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 49%;
    top: 50%;
}



.disabledTab {
    pointer-events: none;
}


ul, #myUL {
    list-style-type: none;
}
#myUL {
    margin: 0;
    padding: 0;
}

.jsInstitution {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.jsInstitution::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

.jsInstitution-down::before {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        ' transform: rotate(90deg);
    }

.jsDepartment {
    display: none;
}

.active {
    display: block;
}

.addDept {
    cursor: pointer;
}

.modal-lg {
    max-width: 55% !important;
}

.modal-lg2 {
    max-width: 40% !important;
}

.full-width {
    max-width: 100%;
    width: 100%;
}

.tb-row-1 {
    /*background-color: #caf4c4;*/
    background-color: rgb(235, 246, 227);
}
.tb-row-1 > td {
    /*background-color: #caf4c4;*/
    background-color: rgb(235, 246, 227);
    border-bottom: none;
}

.tb-row-2 {
    /*background-color: #caf4c4;*/
}

    .tb-row-2 > td {
        border-top: none;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.nav-tabs .nav-link {
    font-size: 18px;
}

.modal-medium {
    max-width: 30% !important;
}

.table-small {
    font-size: 12px;
    padding: 0.2rem
}
.table-small td {
    padding: 0.2rem
}
.table-small th {
    padding: 0.2rem
}
.card-custom-header-x {
    padding: .75rem .75rem 0 .75rem;
}


ul.a {
    list-style-type: circle;
}