@import "./fontawesome.min.css";
@import "./solid.css";
@import "./magnific-popup.css?v111";
@import "./owl.carousel.css";

@font-face {
    font-family: 'tofino_pro_personalbook';
    src: url('/webfonts/TofinoProPersonal-Book.eot');
    src: url('/webfonts/TofinoProPersonal-Book.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/TofinoProPersonal-Book.woff2') format('woff2'),
         url('/webfonts/TofinoProPersonal-Book.woff') format('woff'),
         url('/webfonts/TofinoProPersonal-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tofino_pro_personalmedium';
    src: url('/webfonts/TofinoProPersonal-Medium.eot');
    src: url('/webfonts/TofinoProPersonal-Medium.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/TofinoProPersonal-Medium.woff2') format('woff2'),
         url('/webfonts/TofinoProPersonal-Medium.woff') format('woff'),
         url('/webfonts/TofinoProPersonal-Medium.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TofinoProPersonalRegular';
    src: url('/webfonts/TofinoProPersonalRegular.eot');
    src: url('/webfonts/TofinoProPersonalRegular.eot') format('embedded-opentype'),
         url('/webfonts/TofinoProPersonalRegular.woff2') format('woff2'),
         url('/webfonts/TofinoProPersonalRegular.woff') format('woff'),
         url('/webfonts/TofinoProPersonalRegular.ttf') format('truetype');
}


@font-face {
    font-family: 'monday_routinesregular';
    src: url('/webfonts/Monday_Routines.woff2?v1') format('woff2'),
         url('/webfonts/Monday_Routines.woff?v1') format('woff');
    font-weight: normal;
    font-style: normal;

}

html        {height:100%; margin:0; padding:0; }
body        {color: #000; height:100% !important;  font-weight: 300; background-color: #f5ede3;}

p,div       {font-family: 'tofino_pro_personalbook', sans-serif; }
b, strong  {font-family: 'TofinoProPersonalRegular', sans-serif; font-weight: 600;}
.mondayfont  {font-family: 'monday_routinesregular', sans-serif;  font-weight: 300;}

h1,h2,h3       {color: #000;  font-weight: 800; font-family: 'tofino_pro_personalbook', sans-serif;}
h1          {font-size:2rem}
h2          {font-size:1.3rem}
a           {color: #000;  transition: color .2s,background-color .2s,border-color .2s; }
a:hover, a:active, a:focus {color: #000; text-decoration: underline; outline: 0 none;}

table  {border-color: #e6d0c4;}
.table thead th  {border-color: #e6d0c4;}
label       {font-weight: lighter; padding:0; cursor: pointer}
.required:after { content:" *"; color: red; position: absolute; top:1rem; right:1rem; font-weight: bold;}
.fontawesome:before {font-family: "Font Awesome 5 Free"; padding-right:.6rem}
.btn:hover  {text-decoration: none;}

.container-fluid {padding:0 2rem}
.col5           {flex: 0 0 20%; max-width: 20%; padding: 0 1rem;}
.hiden          {display:none}
.cover          {background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; background-position: center}
.relative       {position: relative;}
.underline      {text-decoration: underline !important}
.np             {padding:0}
.ulreset        {margin:0; padding:0; list-style-type: none;}
.table td, .table th {border-color:#e6d0c4}
.table tr.active {background-color:#e6d0c4;}


.btn {cursor: pointer; padding:.25rem 1.5rem}
.btn-danger {color: #555; background-color: #e7e2d9; border-color: #cacaca}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {color:#000 !important; background-color:#d4cdc3 !important ;border-color:#8a8782 !important; box-shadow: none !important; }


.collapsible {display:none}
.form-control {border-radius:5px; height:auto; border-color: #e6d0c4}
.form-control:focus, .close:focus{border-color: #cacaca !important;  box-shadow: none !important;  outline: 0 !important;  transition: none;}
.input-group {margin-bottom:15px}

.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before
{background-color: #ce2929;}
.custom-control-label::before {    border: 1px solid #e6d0c4; background-color: #fff;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 255, 255, 0.25);} /* disable focus*/

.navbar {padding:0}
.dropdown-menu {padding:0; border-radius:0;  box-shadow: 3px 3px 20px 0px rgba(105, 105, 105, 0.35); margin:0}
.cd-top {z-index:1000; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 165px; right: .5rem;  overflow: hidden; text-indent: 100%; white-space: nowrap; background:  url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible:hover {opacity:1} 
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } 
.cd-top.cd-is-visible { visibility: visible; opacity: 1; } 
.cd-top.cd-fade-out { opacity: .5; } .no-touch 
.cd-top:hover { background-color: #f6f6f6; opacity: 1 }

.modal-body {padding:2rem; color: #000;}



@media print {
   .logo img {filter: invert(0%) sepia(100%) saturate(19%) hue-rotate(318deg) brightness(96%) contrast(104%); }
  a[href]:after {content:none;} /* nevytlaci linky */
  .breadcrumbs {padding:1rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
 .noprint, footer, .search, header .basket, .dodaudaje, .trapay, .note, .newsletter, .navx, .visited {display: none !important}
 FORM input[type=text], FORM textarea {margin-bottom:10px; border:none !important}
}

strike {text-decoration: none; position: relative;}

strike:before {
  position: absolute;
  content: "";
  left: -2px;
  top: 50%;
  right: -5px;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-18deg);
  -moz-transform:rotate(-18deg);
  -ms-transform:rotate(-18deg);
  -o-transform:rotate(-18deg);
  transform:rotate(-18deg);
}

.navbar-toggler span {
   display: block;
   background-color: #ffffff;
   height: 1px;
   width: 30px;
   margin-bottom: 7px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
   border-radius:50px
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;

}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
    margin-top: .75rem;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    margin-top: .75rem;

    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}


.esc      {font-family: auto; border:none; position: absolute; top:.5rem; right:.5rem; width:30px; height:30px; font-size:2.5rem; line-height: 0; cursor: pointer; z-index:10; background-color: transparent; font-weight: lighter; padding:0; margin:0}
.esc span {margin-top:-3px; display: block;}
.esc:hover {color: #ce2929; border-radius:50px; opacity:.7}
.esc:focus, .esc:active { outline: 0 !important;  transition: none;}

.magnify-large {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;


}

/*************** SCROLLBAR BASE CSS ***************/
 

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    position: relative;
    left:-40px

}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
    top:1px;
    left:0
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.label-default {background-color: #238356;}