@font-face
{
    font-family: 'MontserratBold';
    font-weight: 300;
    font-style: normal;

    src: url('Montserrat-Bold.woff') format('woff');
}

@font-face
{
    font-family: 'MontserratRegular';
    font-weight: 300;
    font-style: normal;

    src: url('Montserrat-Regular.woff') format('woff');
}

@font-face
{
    font-family: 'MontserratLight';
    font-weight: 300;
    font-style: normal;

    src: url('Montserrat-Light.woff') format('woff');
}

html {
    font-size: 16px;
}

body {
    font-size: 16px;
    min-height: 100vh;
    font-family: 'MontserratLight';
    color: #111;
    background-color: #EEEEEE;
}

main {
    padding-top: 0px;
}

header.fixed-top ~ main {
    padding-top: 48px;
}

header.fixed-top.header-admin ~ main {
    padding-top: 96px;
}

pre {
    color: #111;
    margin-bottom: 0;
    font-size: 1em;
}

option {
    font-family: 'MontserratLight', sans-serif;
}

.container-wide {
    width: 100%;
}

.container-fluid {
    max-width: 1200px;
}

button:focus {
    outline: 0;
}

ul, ol {
    padding-left: 1rem;
}

.btn, .btn:hover, .btn:focus, .btn:active {
    transition: .3s; 
    border: none;
    box-shadow: none;
}

button:focus {
    outline: 0;
}

img {
    max-width: 100%;
    max-height: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

svg {
    width: 100%;
    height: 100%;
}

.close, .close:hover {
    opacity: 1;
    text-shadow: none;
}

a {
    transition: .3s;
}

a, a:visited {
    outline: none!important;
}

a:hover {
    color: #6080e6;
}

.lh-1 {
    line-height: 1em;
}

.text-underline {
    text-decoration: underline;
}

.alert-block-top {
    z-index: 1099;
    width: 100%;
    max-width: 500px;
    text-align: center;
    padding: 10px 10px 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5em;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: none!important;
    box-shadow: none!important;
    overflow: hidden;
}

.form-control::placeholder {
    opacity: 0.85;
}

.form-control:focus {
}

.form-control:hover {
    text-decoration: none;
}

.form-control:invalid:focus {
    border: 1px solid #d02c51
}

.rounded-lg {
    border-radius: 1rem!important;
}

.bg-customdark {
    background-color: #181818!important;
}

.bg-customgray {
    background-color: #242424!important;
}

.bg-transparent {
    background-color: transparent!important;
}

.bg-lightblue {
    background-color: #a8c9d8!important;
}

.bg-lightgreen {
    background-color: #81c2bc!important;
}

.glow-shadow {
    position: relative;
}

.glow-shadow::after {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    right: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    transform: scale(0.75);
    filter: blur(150px);
    background-size: auto;
    background-size: 200% 200%;
}

.glow {
    position: relative; 
    background-color: transparent!important;  
}

a.glow {
    text-decoration: none;
}

a.glow:hover {
    box-shadow: 0 0 10px #35976e;;
}

.glow::before {
    position: absolute; 
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background-color: #111!important;
}

/*
.glow::after {
    position: absolute;
    content: "";
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -2;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    border-radius: inherit;
    background-color: #111!important;
    box-shadow: 0 0 25px #111;
}
*/

.glow-success::before {
    background: radial-gradient(ellipse at right top, rgba(55,145,137, 0.5) 0%, rgb(55,145,137,0) 40%, rgb(55,145,137,0), 70%, rgba(46, 46, 46, 0.3) 100%) no-repeat top right;
    background-size: 100% 100%;
}

.glow-success.glow-shadow::after {
    background: #35976e;
}

.glow-primary::before {
    background: radial-gradient(ellipse at right top, #6080e6 0%, #124661 20%, #111 40%, #111 80%, #181818 100%) no-repeat top right;
        background-size: 400px 400px;
}

.glow-white::before {
    background-color: #fff!important;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 0%, rgb(0, 0, 0,0) 40%, rgb(0, 0, 0, 0), 70%, rgba(0, 0, 0, 0.15) 100%) no-repeat top right;
    background-size: 100% 100%;
}

.glow-white.glow-shadow::after {
    background: #35976e;
}

.text-shadow {
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
}

.font-bold {
    font-family: 'MontserratBold';
}

.font-normal {
    font-family: 'MontserratRegular';
}

/* dropdown-menu */

.dropdown.noadaptive {
    min-width: 240px;
}

.dropdown-menu.noadaptive  {
    min-width: none;
}

.dropdown-menu {
    min-width: 100%;
    background-color: #fff;
}

.dropdown-scroll {
    max-height: 300px;
    overflow: hidden;
}

.dropdown-menu.inside {
    transform: none!important;
}

/* select-dropdown */

.dropdown-select .input-select {
    height: 0px!important;
    width: 0px!important;
    font-size: 0px!important;
    padding: 0px!important;
    box-shadow: none!important;
    outline: none!important;
    border: none!important;
    opacity: 0;
    z-index: -1;
    left: 0;
    bottom: 0;
}

.dropdown-select .input-select:invalid:focus + .dropdown-toggle.form-control {
    border: 1px solid #d02c51
}

.dropdown-toggle:hover {
    color: #181818!important;
}

.dropdown-item {
    color: #181818
}

.dropdown-item.active {
    background-color: transparent!important;
    color: #181818!important
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #35976e!important;
}

.dropdown-item {
    position: relative;
}
    
.dropdown-select .dropdown-menu {
    max-width: 100%;
}

.dropdown-item.active:before {
    font-family:"Font Awesome 5 Pro";
    font-weight: 900; 
    content: "\f00c";
    height: 1rem;
    width: 1rem;
    color: #35976e!important;
    display: block;
    position: absolute;
    top: .25rem;
    left: .25rem;
}

.dropdown-colorpicker .dropdown-menu {
    max-width: auto;
    min-width: auto;
    width: 240px;
    padding: 5px;
}

.dropdown-colorpicker .color-item {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 5px;
    padding-left: 0px;
}

.dropdown-colorpicker .color-item span{
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 5px;
}

.dropdown-colorpicker .dropdown-menu .color-item {
    margin: 3px;
}

.dropdown-colorpicker .dropdown-toggle {
    padding: 0px;
    height: 38px;
    padding: 3px 5px;
}

.dropdown-colorpicker .dropdown-toggle .border {
    border:none!important
}


/* buttons */

.btn {
    color: inherit;
    word-wrap: nowrap;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: .25rem;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
    padding: calc(.375rem + 1px) .75rem;
    line-height: 1.5em;
    font-size: 1rem;
    outline: none!important;
    border: none!important;
    font-family: 'MontserratRegular';
}

.btn-sm {
    height: calc(1.75em + 2px);
    text-align: center;
    padding: calc(.125em + 1px) .5em;
    font-size: 0.9em;
}

.btn-icon {
    height: calc(2.25rem + 2px);
    width: calc(2.25rem + 2px);
    text-align: center;
    padding: calc(.4rem + 1px) .5rem;
}

.btn-icon.btn-sm {
    height: calc(1.75em + 2px);
    width: calc(1.75em + 2px);
    text-align: center;
    padding: calc(.125em + 1px) .25rem;
}

.btn-icon.btn-xs {
    height: calc(1rem + 1px);
    width: calc(1rem + 1px);
    text-align: center;
    padding: calc(.125rem + 1px) .125rem;
    font-size: .75rem;
    line-height: 1em;
}

.btn:hover {
    /*box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);*/
    outline: none!important;
    border: none!important;
}

.btn:focus, .btn:active:focus {
    box-shadow: none!important;
}

.btn-group > .btn:not(:first-child) {
    margin-left: 0px!important;
}

/*primary*/

.btn-primary, .badge-primary, .bg-primary, .alert-primary, .btn-primary:focus {
    background-color: #6080e6;
    background: linear-gradient(45deg, #3c67df, #6080e6);
    color: #fff;
}

.btn-primary:hover {
    background-color: #3c67df!important;
    background: linear-gradient(-45deg, #3c67df, #6080e6);
}

.btn-border-primary, .bg-border-primary, .btn-border-primary:focus {
    background-color: transparent;
    border: 1px solid #6080e6!important;
    color: #6080e6;
}

.btn-border-primary:hover {
    border: 1px solid #3c67df!important;
    color: #3c67df;
}

/*success*/

.btn-success, .badge-success, .bg-success, .alert-success, .btn-success:focus {
    background: linear-gradient(45deg, #1d7465, #35976e);
    background-color: #35976e;
    color: #fff;
}

.btn-success:hover {
    background-color: #3aa39c!important;
    background: linear-gradient(-45deg, #1d7465, #35976e);
}

.btn-border-success, .bg-border-success, .btn-border-success:focus {
    background-color: transparent;
    border: 1px solid #35976e!important;
    color: #35976e;
}

.btn-border-success:hover {
    border: 1px solid #1d7465!important;
    color: #1d7465;
}

/*warning*/

.btn-warning, .badge-warning, .bg-warning, .alert-warning, .btn-warning:focus {
    background-color: #f9c725;
    background: linear-gradient(45deg, #f9a825, #f9c725);
    color: #181818;
}

.btn-warning:hover {
    background-color: #f9a825!important;
    background: linear-gradient(-45deg, #f9a825, #f9c725);
}

.btn-border-warning, .bg-border-warning, .btn-border-warning:focus {
    background-color: transparent;
    border: 1px solid #f9c725!important;
    color: #f9c725;
}

.btn-border-warning:hover {
    border: 1px solid #f9a825!important;
    color: #f9a825;
}

/*danger*/

.btn-danger, .badge-danger, .bg-danger, .alert-danger, .btn-danger:focus {
    background-color: #d02c51;
    background: linear-gradient(-45deg, #861b32, #d02c51);
    color: #fff;
}

.btn-danger:hover {
    background: linear-gradient(45deg, #861b32, #d02c51);
}

.btn-border-danger, .bg-border-danger, .btn-border-danger:focus {
    background-color: transparent;
    border: 1px solid #d02c51!important;
    color: #d02c51;
}

.btn-border-danger:hover {
    border: 1px solid #861b32!important;
    color: #861b32;
}

.btn-text-danger {
    background: -webkit-linear-gradient(-45deg, #f9a825, #f9c725);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*secondary*/

.btn-secondary, .badge-secondary, .bg-secondary, .alert-secondary, .btn-secondary:focus {
    background-color: #dee2e6;
    color: #181818;
}

.btn-secondary:hover {
    background-color: #dee2e6!important;
    color: #181818!important;
}

.btn-border-secondary, .bg-border-secondary, .btn-border-secondary:focus {
    background-color: transparent;
    border: 1px solid #dee2e6!important;
    color: #dee2e6;
}

.btn-border-secondary:hover {
    border: 1px solid #b3b4b6!important;
    color: #b3b4b6;
}

.btn-group .btn-primary {
    background-color: #b3b4b6;
}

.btn-group .btn-primary.active {
    background-color: #3c67df!important;
}

.btn-text {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.btn-text:hover {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.btn-collapse .text-collapsed {
    display: none;
}

.btn-collapse .text-visible {
    display: block;
}

.btn-collapse.collapsed .text-collapsed {
    display: block;
}

.btn-collapse.collapsed .text-visible {
    display: none;
}

/* text */

.text-link {
    color: #fff!important;
}

.text-link a:hover, a.text-link:hover {
    color: #ccc!important;
    text-decoration: none!important;
}

.text-success {
    color: #35976e!important;
}

.text-success a:hover, a.text-success:hover {
    color: #318a82!important;
}

.text-primary {
    color: #6080e6!important;
}

.text-primary a:hover, a.text-primary:hover {
    color: #3c67df!important;
}

.text-danger {
    color: #d02c51!important;
}

.text-danger a:hover, a.text-danger:hover {
    color: #bc2747!important;
}

.text-white {
    color: #fff!important;
}

.text-white a:hover, a.text-white:hover {
    color: #ccc!important;
}

.text-lightgray {
    color: #ccc;
}

/* alert */

.alert {
    border: none;
}

.alert  .close {
    font-size: 1rem;
}

.alert-dismissible {
    padding-right: 3rem;
}

.alert-dismissible .close {
    padding: 0.75rem;
}

.alert-info .close, .alert-info .close:hover, 
.alert-warning .close, .alert-warning .close:hover {
    color: #181818;
}

.alert-success .close, .alert-success .close:hover, 
.alert-danger .close, .alert-danger .close:hover {
    color: #fff;
}

.alert-info {
    background: #242424;
    color: #fff;
}

.alert-info .close, .alert-info .close:hover{
    color: #fff;
}

/* modal */

.modal-content {
    border: none;
    background-color: #f8f9fa;
}

.modal-header .close {
    padding: 0.5rem;
    color: #181818;
}

.menu-modal .modal-dialog {
    margin: 0!important;
    height: 100%;
}

.menu-modal .modal-content {
    margin: 0!important;
    height: 100%;
    border-radius: 0px!important;
    max-width: 300px;
}

.menu-modal .modal-content .nav-link {
    padding-left: 0px;
    padding-right: 0px;
}

/* custom switch */

.custom-switch {
    font-size: 1.25rem;
    padding-left: 2.25em;
}

.custom-switch .custom-control-label::before {
    left: -2.25em;
    width: 2em;
    border-radius: 1em;
    top: .25em;
    height: 1em;
    box-shadow: none!important;
}

.custom-switch .custom-control-label::after {
    top: calc(.25em + 2px);
    left: calc(-2.25em + 2px);
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    border-radius: .5em;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #3c67df!important;
    background-color: #3c67df!important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    -webkit-transform: translateX(1em);
    transform: translateX(1em);
}

/* custom checkbox */

.custom-checkbox {

}

.custom-checkbox .custom-control-label::before {
    box-shadow: none!important;
}

/* jscrollpane */

.jspVerticalBar {
    background-color: #f8f9fa; /*#f8f9fa*/
    width: 5px;
}

.jspContainer {
    width: 100%!important;
}

.jspPane {
    width: 100%!important;
}

.jspTrack {
    background-color: #f8f9fa; /*#f8f9fa*/
}

.jspDrag {
    background-color: #ced4da; /*#ced4da*/
}

.messages-container-wrapper .jspTrack, .messages-container-wrapper .jspVerticalBar {
    background-color: #fff!important;

}

/*pagination*/

.page-link {
    line-height: 1.5rem;
    height: calc(2.25rem + 2px);
    min-width: calc(2.25rem + 2px);
    text-align: center;
    padding: calc(.4rem + 1px) .5rem;
    border-radius: .25rem;
    border: 1px solid #363636;
    background-color: transparent!important;
    color: #363636!important;
}

.page-item.active .page-link {
    border: 1px solid #6080e6;
    background-color: transparent!important;
    color: #6080e6!important;
}

.page-item:not(:last-child) {
    margin-right: .25rem;
}

/* style */

.images-row {
    margin-left: -5px!important;
    margin-right: -5px!important;
}

.images-preview {
    margin-left: -5px!important;
    margin-right: -5px!important;
}

.image-col {
    padding-left: 5px!important;
    padding-right: 5px!important;
    margin-top: 10px;
}

.images-row .image-col:first-child {
    max-width: 100%!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
}

.image-controll {
    background-color: rgba(255,255,255,0.75);
}

.hover-show .hidden-block {
    opacity: 0;
    transition: .25s;
}

.hover-show:hover .hidden-block {
    opacity: 1;
}

.sortable-light .sortable-item-wrapper {
    background: #dee2e6;
}

.nav-link {
    color: #181818;
}

.navbar-dark .nav-link {
    color: #fff;
}

.page-item.active .page-link {
    background-color: #6080e6;
    color: #fff;
}
/*
.modal-backdrop {
    background-color:#fff;
}
*/

/* TINYMCE */

.tox-notification, .tox-statusbar {
    display: none!important;
}

.tox-tinymce {
    border-radius: .25rem!important;
    border: 1px solid #ccc!important;
}

.mce-content-body {
    background-color:#fff;
    color:#181818;
    padding: 5px;
}

.tox-split-button__chevron svg {
    height: 10px;
    width: 10px;
}


/* SLIDER */

.review-slider,
.similar-slider {
    padding: 0 2rem;
}

.slider-wrapper {
    overflow: hidden;
}

.slider-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 2rem;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1em;
    border-radius: 50%;
}

.slider-arrow.slider-next {
    right: 0;
}

.slider-nav {
    cursor: pointer;
    margin: 0 -5px;
}

.nav-slide {
    padding: 5px;
    cursor: pointer;
}

.slider-wrapper {
    position: relative;
}

.slick-slide .nav-slide {
    opacity: .75;
}

.slick-slide.slick-current .nav-slide {
    opacity: 1;
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick-dots {
    position: absolute;
    z-index: 99;
    bottom: 5px;
    margin-bottom: 0;
    left: 50%;
    padding: 0;
    transform: translateX(-50%);
    text-align: center;
}

@media (max-width: 767px) {
    .slick-dots {
        display: none!important;
    }
    
}

.slick-dots > li {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
    background: #ccc;
}

.slick-dots > li.slick-active {
    background: #181818;
}

.slick-dots li:not(:last-child) {
    margin-right: 5px;
}

.slick-dots li > button {
    display: none;
}

.image-show-gallery {
    background: rgba(0, 0, 0, 0.15);
    cursor: pointer;
    opacity: 0;
    transition: .25s;
}

.image-show-gallery:hover {
    opacity: 1;
}

.modal-gallery {
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important;

    margin: 0!important;
}

.modal-gallery .modal-content{
    max-height: 100%;
    height: 100%!important;
    border-radius: 0px;
}

.modal-gallery .modal-body{
    max-height: 100%!important;
    height: 100%!important;
}

.modal-gallery .modal-content {
    background-color: rgba(0, 0, 0, 0.25);
}

.gallery-images {
    min-height: 100%!important;
    height: 100%!important;
    max-height: 100%!important;
}

.gallery-images .slick-list, .gallery-images .slick-track {
    min-height: 100%!important;
    height: 100%!important;
    max-height: 100%!important;
}

.gallery-images .slick-slide {
    max-height: 100%;
    min-height: 100%;
    height: 100%;
}

.gallery-images .slick-slide img {
    width: auto!important;
    height: auto!important;
    max-height: auto!important;
}

.row-xs {
    margin-right: -5px;
    margin-left: -5px;
}

.row-xs .col, .row-xs .col-1, .row-xs .col-10, .row-xs .col-11, .row-xs .col-12, .row-xs .col-2, .row-xs .col-3, .row-xs .col-4, .row-xs .col-5, .row-xs .col-6, .row-xs .col-7, .row-xs .col-8, .row-xs .col-9, .row-xs .col-auto, .row-xs .col-lg, .row-xs .col-lg-1, .row-xs .col-lg-10, .row-xs .col-lg-11, .row-xs .col-lg-12, .row-xs .col-lg-2, .row-xs .col-lg-3, .row-xs .col-lg-4, .row-xs .col-lg-5, .row-xs .col-lg-6, .row-xs .col-lg-7, .row-xs .col-lg-8, .row-xs .col-lg-9, .row-xs .col-lg-auto, .row-xs .col-md, .row-xs .col-md-1, .row-xs .col-md-10, .row-xs .col-md-11, .row-xs .col-md-12, .row-xs .col-md-2, .row-xs .col-md-3, .row-xs .col-md-4, .row-xs .col-md-5, .row-xs .col-md-6, .row-xs .col-md-7, .row-xs .col-md-8, .row-xs .col-md-9, .row-xs .col-md-auto, .row-xs .col-sm, .row-xs .col-sm-1, .row-xs .col-sm-10, .row-xs .col-sm-11, .row-xs .col-sm-12, .row-xs .col-sm-2, .row-xs .col-sm-3, .row-xs .col-sm-4, .row-xs .col-sm-5, .row-xs .col-sm-6, .row-xs .col-sm-7, .row-xs .col-sm-8, .row-xs .col-sm-9, .row-xs .col-sm-auto, .row-xs .col-xl, .row-xs .col-xl-1, .row-xs .col-xl-10, .row-xs .col-xl-11, .row-xs .col-xl-12, .row-xs .col-xl-2, .row-xs .col-xl-3, .row-xs .col-xl-4, .row-xs .col-xl-5, .row-xs .col-xl-6, .row-xs .col-xl-7, .row-xs .col-xl-8, .row-xs .col-xl-9, .row-xs .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

.title-cover {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.75));
    bottom: 0; 
    left: 0; 
    right: 0; 
    z-index: 100;
    overflow: hidden;
    transition: 0.5s;
}

.title-hover .title-cover {
    height: 0px;
}

.title-hover:hover .title-cover {
    height: auto;
}

.messages-container-wrapper {
    background-color: #242424;
    max-height: 70vh;
    min-height: 100px;
    overflow: hidden;
}

.comment-bubble {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #111;
}

.comment-bubble:before {
    font-family:"Font Awesome 5 Pro";
    font-weight: 900; 
    content: "\f27a";
    height: 1em;
    width: 1em;
    color: #a8c9d8;
    display: block;
    position: absolute;
    top: -0.15em;
    left: 0;
    z-index: -1;
    font-size: 20px;
}

.comment-bubble.is-new:before {
    color: #f9c725!important;
}



.search-wrapper {
    position: relative;
}

.search-btn {
    position: absolute;
    top: 0;
    right: 0;
}

/*DATATIME*/

.bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: 320px!important;
    width: 320px!important;
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after
{
    display: none!important;
}

.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td {
    color:#fff;
    border: none!important;
}

.bootstrap-datetimepicker-widget table th.picker-switch:hover,
.bootstrap-datetimepicker-widget table th.prev:hover,
.bootstrap-datetimepicker-widget table th.next:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td span:hover {
    color:#fff;
    background-color: #6080e6!important;
    background: linear-gradient(-45deg, #3c67df, #6080e6)!important;
}

.bootstrap-datetimepicker-widget table td.today {
    background: linear-gradient(45deg, #1d7465, #35976e);
    background-color: #35976e;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td span.active {
    color:#fff;
    background: linear-gradient(45deg, #1d7465, #35976e);
    background-color: #35976e;
}

.bootstrap-datetimepicker-widget table td span {
    width: 100% !important;
}

/*NEWSTYLE*/

.navbar-dark .nav-link {
    color: #fff!important;
}

/*SIZE*/
.btn-size, .btn-size:focus{
    background-color: #dee2e6;
    color: #181818;
}

.btn-size.active, .btn-size:hover {
    color:#fff;
    background: linear-gradient(-45deg, #1d7465, #35976e);
}

.btn-buy, .btn-buy:focus{
    color:#fff;
    background: linear-gradient(45deg, #1d7465, #35976e);
}

.btn-buy:hover {
    color:#fff;
    background: linear-gradient(-45deg, #1d7465, #35976e);
}

/*CATALOG*/
.product-tile .zoom {
    opacity: 0;
    text-decoration: none;
    color: #fff;
    top: 0px; 
    bottom: 0px;
    right: 0px; 
    left: 0px;
    z-index: 101;
    cursor: pointer;
}

.product-tile .info {
    text-decoration: none;
    color: #fff;
    background-color: rgb(0, 0, 0, .15);
    top: 0px; 
    right: 0px; 
    left: 0px;
    background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.0));
    z-index: 100;
    color: #fff!important;
}

.zoom {
    color: #fff!important
}

.product-tile .info.on-hover {
    opacity: 0;
}

.product-tile:hover .info.on-hover, .zoom:hover {
    opacity: 1;
}

.product-tile:hover .product-image {
    filter: brightness(0.75);
}

.breadcrumb {
    background: transparent!important;
}

.breadcrumb-item a {
    color: #6080e6;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background: #343a40!important;
    border-color: #343a40!important;
}

.minicolors-theme-bootstrap .minicolors-swatch {
    z-index: 2;
    top: 3px;
    left: 3px;
    width: 32px;
    height: 32px;
    border-radius: 2px;
}

.minicolors-panel {
    padding: 5px;
    border-radius: 5px;
}

.minicolors-slider, .minicolors-opacity-slider {
    left: 157px;
    top: 6px;
}

.scrollable {
    overflow-y: scroll;
}

.spiner-wrapper {
    height: 30px;
    width: 100%;
    text-align: center;
}