body {
    font-family: Roboto, serif !important;
}

a {color: #0da2cc;}
a:hover {color: #057b9c;}

.text-cyan {
    color: #0da2cc;
}
.text-warning-dark {
    color: #eea900;
}

.btn-cyan {
    color: #fff;
    background-color: #0da2cc;
    border-color: #0da2cc;
}
.btn-cyan:hover {
    color: #fff;
    background-color: #1d8dad;
    border-color: #1d8dad;
}
.btn-check:focus + .btn-cyan, .btn-cyan:focus {
    color: #fff;
    background-color: #2ba9cd;
    border-color: #21aad0;
    box-shadow: 0 0 0 0.25rem rgba(9, 153, 182, 0.5);
}

.btn-check:checked + .btn-cyan, .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active, .show > .btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #2ba9cd;
    border-color: #21aad0;
}

.btn-check:checked + .btn-cyan:focus, .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus, .show > .btn-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(9, 153, 182, 0.5);
}
.btn-cyan:disabled, .btn-cyan.disabled {
    color: #fff;
    background-color: #0da2cc;
    border-color: #0da2cc;
}

.nav-pills-cyan .nav-link.active,
.nav-pills-cyan .show > .nav-link {
    color: #fff;
    background-color: #0da2cc;
}

footer {
    display: block;
    width: 100%;
    padding: 30px;
    background: #e5e5e5;
}

.form-floating > .form-control-sm,
.form-floating > .form-select-sm {
    height: calc(2.3rem + 2px) !important;
    padding: .3rem .5rem !important;
}

.category-with-childs .category-parent {
    transition: all .2s;
}
.category-with-childs .category-childs {
    transition: all .5s;
    background: transparent;
    display: none;
}
.category-with-childs:hover .category-parent {
    display: none;
}
.category-with-childs:hover .category-childs {
    display: block;
    background: #fff;
}

#dropdownUserMenu + .dropdown-menu {
    min-width: 14rem !important;
}

.text-dot3 {
    width: 100%;
    max-width: inherit !important;
    height: 3.5em;
    overflow: hidden;
    position: relative;
    /*pointer-events: none;*/
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    outline-left: 1px solid transparent;
    outline-right: 1px solid transparent;
    z-index: 1;
}

.text-dot3:after {
    content: '...';
    position: absolute;
    width: 1em;
    height: 1.2em;
    right: 10px;
    bottom: -2px;
    pointer-events: auto;
    cursor: pointer;
    background: #fff;
    z-index: 2;
}

.text-dot3:hover {
    height: auto !important;
    position: absolute;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 6px 5px -2px rgba(50, 50, 50, 0.5);
    outline-left: 1px solid rgba(0,0,0,.125);
    outline-right: 1px solid rgba(0,0,0,.125);
}
.text-dot3:hover:after {
    display: none;
}

/*.form-switch > label {*/
/*    cursor: pointer;*/
/*}*/

.badge-amount {
    position: absolute;
    padding: 2px 3px;
    top: 0;
    left: 25px;
}

.roboto-cond {
    font-family: "Roboto Condensed", Roboto, serif;
}

.fs5 {font-size: .5rem;}
.fs6 {font-size: .6rem;}
.fs7 {font-size: .7rem;}
.fs8 {font-size: .8rem;}
.fs9 {font-size: .9rem;}
.fs10 {font-size: 1rem;}
.fs11 {font-size: 1.1rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem;}
.fs14 {font-size: 1.4rem;}
.fs15 {font-size: 1.5rem;}
.fs16 {font-size: 1.6rem;}
.fs17 {font-size: 1.7rem;}
.fs18 {font-size: 1.8rem;}
.fs19 {font-size: 1.9rem;}
.fs20 {font-size: 2rem;}

.lh08 {line-height: .8em;}
.lh09 {line-height: .9em;}
.lh1 {line-height: 1em;}
.lh11 {line-height: 1.1em;}
.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}

.fw-normal {font-weight: normal;}
.fw-bold {font-weight: bold;}
.fw-bolder {font-weight: bolder;}
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

#navbarSupportedContent > ul {
    font-size: 1rem;
}
#navbarSupportedContent > ul .nav-item {
    padding: 0;
    margin: 0;
}
#navbarSupportedContent > ul .nav-item .nav-link {
    padding: .25rem .5rem .25rem .5rem !important;
    line-height: 1.1rem;
}

/*.info-menu-item {*/
/*    background: #1d8dad !important;*/
/*}*/
/*.info-menu-item:hover {*/
/*    background: transparent !important;*/
/*}*/
.info-menu-item .nav-link {
    color: #ffffff !important;
    background: #1d8dad !important;
    border-radius: 6px !important;
    border: 1px solid #1d8dad !important;
}
.info-menu-item:hover .nav-link {
    background: #ffffff !important;
    color: #1d8dad !important;
    border: 1px solid #1d8dad !important;
    /*border-radius: 6px !important;*/
}

.card-img.news_list {
    max-height: 200px;
    overflow: hidden;
}
.navbar-brand {
    padding-top: 0;
}


.royalSlider {
    background: transparent !important;
}
.royalSlider .rsContainer {
    padding-top: 20px !important;
}
.royalSlider .rsOverflow {
    background: transparent !important;
}
.royalSlider .rsThumbs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: transparent !important;
}

@media all and (max-width: 800px) {
    #navbarSupportedContent > ul .nav-item .nav-link {
        padding: .5rem .25rem !important;
        line-height: 1.1rem;
    }
}