@charset "utf-8";
#topnav .navbar-custom {background-color:var(--primary);padding-left: 0;border: 0;margin: 0;}
.plusbutton { background:#06038D !important; color:#f4f5f7 !important; font-size: 1.2rem !important; border: 0px; 
height:35px!important; width:35px!important; margin-top:6px !important; line-height: 22px !important;}
#topnav .navigation-menu > li > a {display: block;color:var(--ts-white); font-size: 1.3rem;line-height: 20px;
-webkit-transition: all .5s ease;transition: all .5s ease;padding:10px 15px!important;}
#topnav .navigation-menu > li:hover a {color:  #0277BD ; background-color: #fff;}
#topnav .navigation-menu > li:hover a i {color: #0277BD;}
#topnav .navigation-menu > li .submenu li a:hover {color: var(--ts-blue7)}
#topnav .has-submenu.active a {font-weight:700; background-color:var(--rgba-green-9); color:#f0f0f0;}
#topnav .navigation-menu > li:hover a {color: var(--ts-navyblue); background-color: #fff;}
#topnav .navigation-menu > li:hover a i {color: var(--ts-navyblue);}

.blurcontent {-webkit-filter: blur(5px);}
.entrybg{background-color:var(--rgba-green-1); padding: 15px 0;}
#iv_items{ padding: 0; margin: 10px 0; }
#prod_totprice{ font-size: 1.8rem; background-color: var(--color-5) ;}
.sidelistbar{max-width: 250px; min-height:100vh;background-color:var(--rgba-green-1); position: relative;}
.sidelistbar .sidelist{ position: fixed; right: 0; bottom: 0;max-width: 250px; z-index: 999; }

/* Form Elements */
/*Switch*/
.switch {position: relative;display: block;vertical-align: top;width: 50px;height: 18px;padding: 2px;border-radius: 18px;cursor: pointer;}
.switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
.switch-label {position: relative;display: block;height: inherit;font-size: 0.985rem;text-transform: uppercase;background: #EFEFEF;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);}
.switch-label:before, .switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;}
.switch-label:before {content: attr(data-off);right: 5px;color: #4a4a4a;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {content: attr(data-on);top:9px; left: 7px;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0; }
.switch-input:checked ~ .switch-label {background: #15a362;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-input:checked ~ .switch-label:before {opacity: 0;}
.switch-input:checked ~ .switch-label:after {opacity: 1;}
.switch-handle {position: absolute;top: 3px;left: 4px;width: 16px;height: 16px;background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);border-radius: 100%;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-handle:before {content: "";position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;background: linear-gradient(to bottom, #eeeeee, #FFFFFF);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked ~ .switch-handle {left: 30px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-label, .switch-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}

/*Range*/
.rating-symbol-foreground {bottom: 0;}
/* Custom radio buttons */
input[type="radio"] + label {display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right: 15px;
font-size: 1.3rem;}
input[type="radio"] + label:before {content: "";display: block;width: 18px;height: 18px;margin-right: 14px;position: absolute;
top: -3px;left: 0;border: 1px solid #aaa;background-color: #fff;border-radius: 50%;}
input[type="radio"] {display: inline;}
input[type="radio"]:checked + label:after {content: "";display: block;position: absolute;top: 1px;left: 4px;width: 10px;
height: 10px;border-radius: 50%;background: var(--radioorange);}
/* Custom checkbox */
input[type="checkbox"] + label {display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right: 15px;
font-size: 1.3rem;}
input[type="checkbox"] + label:before {content: "";display: block;width: 20px;height: 20px;margin-right: 14px;
position: absolute;top: -1px;left: 0;border: 1px solid #aaa;background-color: var(--white);border-radius: 5px;}
input[type="checkbox"] {display: inline;}
input[type="checkbox"]:checked + label:after {content: "✔";font-size: 15px;line-height: 16px;color: var(--radiogreen);
display: block;position: absolute;top: 0;left: 4px;width: 18px;height: 18px;border-radius: 3px;}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: #605daf;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #605daf;}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(96, 93, 175, 0.5);}

.custom.checkbox {display: flex;flex-wrap:wrap; margin:5px;}
.custom.checkbox > label,.custom.radio > label {position: relative;cursor: pointer;padding:0; margin:0;}
.custom.checkbox > .label{ margin-right:auto;font-size:1.3rem;}
.custom.radio > .label,.custom.radio > label { padding-right:10px;}
.custom.radio > .label{ display:inline-block; line-height:0;font-size:1.3rem; }
.custom input[type="checkbox"],.custom input[type="radio"] {position: relative;cursor: pointer;}
.custom input[type="checkbox"]:after,.custom input[type="radio"]:after {content: "";position: absolute;top:0;left: -1px;
width: 16px;height: 16px;background: #fff;border: 1px solid #06038D;cursor: pointer;}
.custom input[type="checkbox"]:before {transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transform: rotate(-45deg) scale(0, 0);content: "";position: absolute;top:4px; left: 2px;z-index: 1;
width: 11px;height: 5.5px;border: 2px solid #22B58F;border-top-style: none;border-right-style: none;}
.custom input[type="checkbox"]:checked:before {transform: rotate(-45deg) scale(1, 1);}
.custom input[type="checkbox"]:after {border-radius: 2px;}

.custom input[type="radio"] {top:0;}
.custom input[type="radio"]:before {transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);transform: scale(0, 0);
content: "";position: absolute;top: 4px;left:3px;z-index: 1;width:8px;height: 8px;background: #18ac00;border-radius: 50%;}
.custom input[type="radio"]:checked:before {transform: scale(1, 1);}
.custom input[type="radio"]:after {border-radius: 50%;}

/* Select2 */
.select2-container--default .select2-selection--single {border: 1px solid #d8d8d8;height: 38px;}
.select2-container--default .select2-selection--single:focus {outline: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;right: 8px;}
.select2-container .select2-selection--multiple {min-height: 38px;border: 1px solid #d8d8d8;}
.select2-container .select2-search--inline .select2-search__field {margin-top: 8px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {margin-top: 7px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: solid 1px #d8d8d8;outline: 0;}

@media (min-width: 1200px) and (max-width: 1366px) {
.entry .title {width: 28% !important;float: left !important;padding-right: 24px !important;}
.entry .title h6 {font-size: 14px !important;}
.entry .title:before {content: '';right: -3px !important;}
.entry .body {width: 72% !important;}
}
@media (min-width: 1441px) and (max-width: 1600px) {
.form-control,.form-select{min-height:50px!important;}
.form-control-teatarea{min-height:100px;}
}