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;
}

.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";
}

.fs5 {font-size: .5rem !important;}
.fs6 {font-size: .6rem !important;}
.fs7 {font-size: .7rem !important;}
.fs8 {font-size: .8rem !important;}
.fs9 {font-size: .9rem !important;}
.fs10 {font-size: 1rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs15 {font-size: 1.5rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs17 {font-size: 1.7rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs19 {font-size: 1.9rem !important;}
.fs20 {font-size: 2rem !important;}
.fs21 {font-size: 2.1rem !important;}
.fs22 {font-size: 2.2rem !important;}
.fs23 {font-size: 2.3rem !important;}
.fs24 {font-size: 2.4rem !important;}
.fs25 {font-size: 2.5rem !important;}
.fs26 {font-size: 2.6rem !important;}
.fs27 {font-size: 2.7rem !important;}
.fs28 {font-size: 2.8rem !important;}
.fs29 {font-size: 2.9rem !important;}
.fs30 {font-size: 3rem !important;}

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

.ya-share2 .ya-share2__link {
    border-radius: 4px !important;
    border: 1px solid #dee2e6 !important;
    background-color: #f8f9fa !important;
}

.custom-tooltip {
    --bs-tooltip-bg: rgb(138, 138, 138);
    opacity: 1 !important;
    transition: none !important;
    /*margin-left: -35px !important;*/
}

.product_img {
    width: auto;
    height: 100%;
    max-height: 195px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.product_img img,
.product_img .carousel-item img {
    width: 100%;
    height: 100% !important;
    object-fit: contain !important;
}

.badge-position {
    position: absolute;
    z-index: 100;
    bottom: 5px;
    left: 5px;
    text-align: left !important;
}
.badge-position .badge {
    color: #000;
}

.quantity {
    position: relative;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity input[type="number"]{
    -moz-appearance: textfield;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.alert-static {
    position: fixed;
    z-index: 999;
    top: 0;
    transition: all .5s ease;
}
.alert-static .alert {
    box-shadow: 0 0.5rem 1rem -.5rem rgba(0, 0, 0, 0.15);
}

.form-check-input:checked {
    background-color: #0da2cc;
    border-color: #0da2cc;
}