/* ------------------- */

.my-bg {
    background-color: #444444;
}

.my-bgw {
    background-color: #fff;
}

/* -------------------- */
.my-logo-color {
    color: #FCD810 !important;
}

.my-navbar-color {
    color: #faf7f7 !important;
}

.my-bg-royalblue {
    background-color: #265c91 !important;
}

/* ------------------- */
.my-content {
    min-height: calc(100vh - 185px);
}

.my-footer {
    height: 75px;
}

.my-divider {
    padding-bottom: calc(5px + 0.1em);
    border-bottom: calc(0.2px + 0.05em) solid var(--my-divider-gray);
}

.my-divider-top {
    padding-top: calc(5px + 1.2em);
    border-top: calc(0.2px + 0.05em) solid var(--my-divider-gray);
    max-width: 40%;
}

.my-background-auto {
    background-color: var(--bg-auto);
    opacity: 0.95;
}

.my-border-rounded {

    border: 1px;
    border-radius: 10px;
    padding: 10px 1em 0 1em;
}

.my-border-blue {

    border: 1px solid #BCD2EE;
    border-radius: 10px;
    padding: 10px 1em 0 1em;
}

.my-border-yellow {

    border: 1px solid #f6f670;
    border-radius: 10px;
    padding: 10px 1em 0 1em;
}

.my-border-light-blue {
    border: 1px solid #5887b7;
    border-radius: 6px;
    padding: 0px 1em 0 1em;
}

.my-border-light-gray {
    border: 1px solid #E8E8E8;
    border-radius: 6px;
}

.my-border-light-yellow {
    border: 1px solid #FAE03C;
    border-radius: 6px;
    padding: 5px;
}

.my-border-light-blues {
    border: 1px solid #BCD2EE;
    border-radius: 6px;
    padding: 5px;
}

.my-cnap-border-light-gray {
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 10px;
    margin-left: 55px !important;
    margin-bottom: 20px;
}

.my-grid-margin {
    margin-top: 20px !important;
}

.my-grid-small {
    margin-left: 0px;
}

.my-width-auto {
    margin-left: -28px !important;
    margin-right: -22px;
}

.my-border-sidebar {
    border: 1px solid #f0e16b;
    padding: 14px !important;

}

/* --- переопределяем для темной темы ---*/

.uk-light .uk-modal-dialog {
    background: #202020;
    color: #B0B0B0;
}

.uk-modal-dialog {
    background: #b9b8b8;
    color: #303030;
}

.uk-navbar-dropdown {
    background: #F0F0F0;

}

/* ----custom-checkbox zoom ----- */
.zoomUp {
    transform-origin: top center;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

input+label[for="zoom"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/theme/sinrada-ui/img/expand.png') left top no-repeat;
    background-size: 100% auto;
}

input:checked+label[for="zoom"] {
    background: url('/theme/sinrada-ui/img/compress.png') left top no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% auto;
}

img[for="zoom"] {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/* ----custom-checkbox theme ---- */
input+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/theme/sinrada-ui/img/gray_light.png') left top no-repeat;
    background-size: 100% auto;
}

input:checked+label {
    background: url('/theme/sinrada-ui/img/green.png') left top no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% auto;
}

img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*-- custom search input --*/
.uk-search-input {
    height: 30px !important;
    font-size: 18px !important;

}

/*-- offcanvas --*/
.uk-offcanvas-bar {
    background: #303030;
}

/* -- navbar -- */
.uk-navbar-nav {
    gap: 1px !important;
}

.uk-navbar-nav>li:hover a::before {
    right: 20px;
    background-color: #8CA325;
}

.uk-navbar-nav>li>a {
    text-transform: uppercase;
    color: #7c7b7b;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    padding: 0 10px;
}

.uk-navbar-nav>li>a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 22px;
    height: 2px;
    background-color: transparent;
    transition: 0.25s ease-in-out;
    transition-property: background-color, border-color, box-shadow, height, right;
    left: 20px;
    right: calc(102% - 20px);
}

/*  test */
.uk-navbar-dropdown-nav>li>a {
    color: #52562a;
    padding: 5px 0px;
    text-transform: uppercase !important;
    font-size: 12px;
    font-weight: 200;
    font-family: "Poppins", sans-serif;
}

.my-navbar-dropdown {
    width: auto !important;
}

/*-- to top --*/
.to_top {
    border: 1px solid lightgray;
    text-align: center;
    border-radius: 5px;
    width: 30px;
    position: fixed;
    right: 115px;
    bottom: 108px;
    opacity: 0;
    transition: .3s;
}

@media only screen and (max-width: 480px) {
    .to_top {
        border: 1px solid lightgray;
        text-align: center;
        border-radius: 5px;
        width: 20px;
        position: fixed;
        right: 17px;
        bottom: 40px;
        opacity: 0;
        transition: .3s;
    }
}