/* * version: eatgood-v2011 * author: kissit@RedLeg Software * copyright 2015-2020 */ /************************************************************************************ INITIALIZATION *************************************************************************************/ html {font: 100%/100% Open Sans, Helvetica Neue, Arial, sans-serif; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; scroll-behavior: smooth;} * {margin: 0; padding: 0; line-height: 100%;} img {border: 0; max-width: 100%; height: auto; width: auto\9;} a {text-decoration: none; color: #4f7ebb;} a:hover {text-decoration: underline;} body {background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .noscroll {overflow: hidden; touch-action: none;} div.sticky {position: -webkit-sticky; position: sticky; top: 250px;} iframe {height: 15rem; width: 100%; border: none;} tr {background: #fff;} tr:nth-child(odd){ background: #b8d1f3;} tr:nth-child(even){ background: #dae5f4;} /************************************************************************************ STRUCTURE *************************************************************************************/ #header {position: fixed; left: 0px; right: 0px; top: 0px; z-index: 8000;} #header .wrap {width: 100%; margin: 0 auto; white-space: nowrap;} #headerx {position: fixed; left: 0px; right: 0px; top: 0px; z-index: 7000;} #headerx .wrap {width: 100%; margin: 0 auto; padding: 4rem 0 0 0;} #headerx .btns {position: absolute; white-space: nowrap; z-index: 7002;} #headerx .head {position: relative; padding: 0; width: 100%; z-index: 7001;} #header_ex {z-index: 7000;} #header_ex .wrap {width: 100%; margin: 0 auto;} #header_ex .btns {position: absolute; white-space: nowrap; z-index: 7002;} #header_ex .btns.static {position: static;} #header_ex .head {position: relative; padding: 0; width: 100%; z-index: 7001;} #header_ex .head.static {position: static;} #wrap {width: 100%; margin: 0 auto; padding: 6rem 0; vertical-align: top; overflow: hidden;} #aside {display: inline-block; width: 33%; vertical-align: top;} #main {display: inline-block; width: 66%; vertical-align: top;} #footer {} #footer .wrap {width: 100%; margin: 0 auto; padding: 0 0 12rem 0;} #query {position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 8000;} #query .wrap {width: 100%; margin: 0 auto;} #buttonbar {position: fixed; left: 0px; right: 0px; bottom: 0px; text-align: right; white-space: nowrap; overflow: hidden; z-index: 8000;} #buttonbar .wrap {width: 100%; margin: 0 auto;} #buttonbar .alert {width: 1%; padding: 1%; text-align: left;} #btnbar {text-align: right; white-space: nowrap; overflow: hidden; z-index: 8000;} #btnbar.fixed {position: fixed; left: 0px; right: 0px; bottom: 0px;} #btnbar .wrap {width: 100%; margin: 0 auto;} #btnbar .alert {width: 1%; padding: 1%; text-align: left;} /************************************************************************************ ELEMENTS *************************************************************************************/ .material-icons.l {font-size: 1.5rem;} .material-icons.xl {font-size: 3rem;} .s-ah {} .w-b {} .b-w {display: block; width: auto;} .a-la {} .la-ra {text-align: left;} .aw-b {width: auto;} .aw-100 {width: auto;} .mh48 {min-height: 3rem;} .vs {margin: 0.5rem 0px;} .p1vs {padding: 1%; margin: 0.5rem 0px;} .break {clear: both; height: 0px;} .btn {display: inline-block; vertical-align: top; cursor: pointer;} .btn.a {text-decoration: none; color: #4f7ebb;} .btn.aw-b {width: auto;} .btn.w5-w2 {width: 16%;} .btn.disabled {color: #ccc;} .btn.selected {text-decoration: none; opacity:.80; filter: alpha(opacity=80);} .btn:hover {text-decoration: none; opacity:.80; filter: alpha(opacity=80);} .element {display: inline-block; margin: 0 -3px; padding: 0; background: tranparent; vertical-align: top;} /*.vid {}*/ .sph {display: block; position: relative; margin: 3px 0px; cursor: pointer;} .sph:before {position: absolute; content: "\e5ce"; opacity:.50; filter: alpha(opacity=50); font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-size: 1.5rem; vertical-align: middle; left: 10%;} .sph.active:before {content: "\e5cf"; opacity:.80; filter: alpha(opacity=80);} .sph:after {position: absolute; content: "\e5ce"; opacity:.50; filter: alpha(opacity=50); font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-size: 1.5rem; vertical-align: middle; right: 10%;} .sph.active:after {content: "\e5cf"; opacity:.80; filter: alpha(opacity=80);} .slh {display: block; position: relative; margin: 3px 0px; cursor: pointer;} .slh:after8 {position: absolute; content: "\e5c7"; opacity:.50; filter: alpha(opacity=50); font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-size: 3rem; vertical-align: middle; right: 0;} .slh.na:after8 {content: "";} .slh.active:after8 {content: "\e5c5"; opacity:1.0; filter: alpha(opacity=100);} .slh.active.na:after8 {content: "";} div.sl {max-height: 15000px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; opacity: 1;} div.sl.hidden {max-height: 0; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; opacity: 0;} div.sl.off a {color: #ccc;} .cb {position: relative; margin: 3px 0px; cursor: pointer; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;} .cb checkbox {display:none;} .cb:after {position: absolute; content: "\e835"; font-size: 2rem; font-family: 'Material Icons'; font-style: normal; font-weight: 400; vertical-align: middle; color: #6495ed;} .cb.checked:after {content: "\e834"; -webkit-transform: translateX(0rem); -ms-transform: translateX(0rem); transform: translateX(0rem);} .ibase {width: 100%; line-height: 2rem; margin: 0 0 0 0.6rem; /*padding: 0.125rem 0.6rem;*/ border: 5px solid #bdc7d8; border-radius: 2px; background-color: inherit; font-family: inherit; font-size: 1.2rem; color: #000;} input {width: 96%; line-height: 2rem; margin: 0 0 0 0.6rem; /*padding: 0.125rem 0.6rem;*/ border: 1px solid #bdc7d8; border-radius: 2px; background-color: inherit; font-family: inherit; font-size: 1.2rem; color: #000;} input:focus {outline: none !important;} select {width: 98%; line-height: 2rem; margin: 0 0 0 0.6rem; /*padding: 0.125rem 0.6rem;*/ border: 5px solid #bdc7d8; border-radius: 2px; background-color: inherit; font-family: inherit; font-size: 1.2rem; color: #000;} select:active, select:hover {outline: none !important;} textarea {width: 100%; margin: 0 0 0 0.6rem; /*padding: 0.125rem 0.6rem;*/ border: 1px solid #bdc7d8; border-radius: 2px; background-color: inherit; font-family: inherit; font-size: 1.2rem; color: #000;} textarea:focus {outline: none !important;} ::-webkit-input-placeholder {color: #a5a5a5;} :-moz-placeholder {color: #a5a5a5;} ::-moz-placeholder {color: #a5a5a5;} :-ms-input-placeholder {color: #a5a5a5;} .sna select {-webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0%; text-overflow: '';} .sna select::-ms-expand {display: none;} .sna select.ti0 {text-indent: 0%;} .sna select.ti1 {text-indent: 1%;} .sna select.ti2 {text-indent: 2%;} .sna select.ti3 {text-indent: 3%;} .sna .dda {background: url("data:image/svg+xml;utf8,") no-repeat right 0.625rem center; background-color: inherit;} .sna .ddawhite {background: url("data:image/svg+xml;utf8,") no-repeat right 0.625rem center; background-color: inherit;} .sna .ddt {position: relative; margin: 3px 0px; cursor: pointer;} .sna .ddt:after {position: absolute; content: "\e5c5"; font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-size: 3rem; vertical-align: middle; right: 0; color: #6495ed;} [data-open="false"] {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.625rem center;} [data-open="true"] {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.625rem center;} .iholder {display: inline-block; padding: 8px 10px; border-radius: 2px;} .ifield {display: block; position: relative; margin: 1%; width: 98%; height: 3rem; overflow: hidden;} .ifield .combo {position: absolute;} .ifield span {display: inline-block; position: absolute; padding: 0 1% 0 2%; margin: 0; left: 0px; top: 0px; width: 31%; height: 100%; line-height: 3rem; font-family: inherit; font-size: inherit; white-space: nowrap;} .ifield span.stretch {width: 97%;} .ifield div {display: inline-block; position: relative; padding: 0; margin: 0; left: 34%; top: 0px; width: 66%; height: 100%; line-height: 3rem; font-family: inherit; font-size: inherit;} .ifield input{display: inline-block; padding: 0; text-indent: 2%; margin: 0; height: 100%; line-height: inherit; font-family: inherit; font-size: inherit;} .ifield input.stretch {width: 96%;} .ifield input:focus {outline: none !important;} .ifield select {display: inline-block; padding: 0 2%; margin: 0; height: 100%; line-height: inherit; font-family: inherit; font-size: inherit;} .ifield select:active, select:hover {outline: none !important;} .ifield select.stretch {width: 100%;} .ifield checkbox {display: inline-block; padding: 0 2%; margin: 0; height: 100%; line-height: inherit; font-family: inherit; font-size: inherit;} .ifield textarea {display: inline-block; padding: 0 2%; margin: 0; height: 100%; line-height: 2rem; font-family: inherit; font-size: inherit;} .ifield textarea:focus {outline: none !important;} .ifield textarea.stretch {width: 96%;} .ifield ul {padding: 0 2%; margin: -12px 0; list-style-type: none;} .ifield ul li a {text-decoration: none; color: #000;} .ifield.cbr {height: auto; min-height: 3rem;} .ifield.cbr span {position: inherit; width: 78%; padding: 0.75rem 10% 0.75rem 2%; line-height: 1.5rem; white-space: normal;} .ifield.cbr div {position: absolute; left: 60%; width: 30%;} .tabs {width: 100%;} .tabscontent {display: none;} .tabscontent.current {display: block;} .bBoox {width: 100%; z-index: 8000;} .bBoox .wrap {width: 100%; max-width: 64rem; margin: 0 auto; padding: 0rem 0; vertical-align: top; overflow: hidden;} .bBoox .header {position: fixed; left: 0px; right: 0px; top: 0px; z-index: 8001;} .bBoox .header .btns {position: absolute; white-space: nowrap; z-index: 8002;} .bBoox .header .head {position: relative; padding: 0; width: 100%; z-index: 8001;} .bBoox .content {position: relative; z-index: 8000;} [data-hide="true"] {display: none; transition: opacity 1s, z-index 0s 1s; width: 100%; z-index: -1; opacity: 0;} [data-hide="false"] {transition: opacity 1s; width: 100%; opacity: 1;} .mBoxo {position: fixed; z-index: 9000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);} .mBoxoc {position: relative; margin: auto; padding: 0; top: 10%; width: 90%; max-width: 48rem; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);} [data-hide="true"] {display: none; transition: opacity 1s, z-index 0s 1s; width: 100%; z-index: -1; opacity: 0;} [data-hide="false"] {transition: opacity 1s; width: 100%; opacity: 1;} .mBox {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);} .mBoxc {position: relative; margin: auto; padding: 0; top: 15%; width: 80%; max-width: 48rem; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.3s; animation-name: animatetop; animation-duration: 0.3s} @-webkit-keyframes animatetop {from{top:-300px; opacity:0} to {top:15% opacity:1}} @keyframes animatetop {from{top:-300px; opacity:0} to {top:15%; opacity:1}} .star{display: inline-block; width:104px; height:19px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAArklEQVQoz63SUQcFIRAF4MNwWdYSEUtkH64l7v//d3NfioxdnVL0Vl/TzAG45ZlDqgpVpcAPgB+AbSXqC+pXoqmg31WoFLBuWYE6g7oVaDRoZFF7cXZHW6kDkCexXNvy9P0NwD0I3m1+33oqAC4SvGwaeoM6O+A5M/3QQcMMehO9HEJ3sqfHCGpzm8pDyeaSRaXJa36o5jB5pqbvmurkpd/SpMMxaChfZdZuU1DRP2OfiP9e/N9BAAAAAElFTkSuQmCC") repeat scroll 0% 0% transparent;} .star span{display: inline-block; height:19px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAz0lEQVQ4y2NgIAI8L5QuIEbd////wZgYAxWA+D8QG1DT0AKooQXUNHQD1NALVDEUaJAA1EAYFqCGoQlohiZQw9AFaIYuIMpQoML5aBrJxfNRXAr15nsyDXsPCxYM74PSIRDfJ9HA+8jpF2uYQmN7P5EG7kdPDXgjCqi4n4CB/STHPlBTAwFDG8gx9AEBQx+QZChQgwORYRpAiqHoCX491KL1hDICvtj/gJT+AtDkA9DSswAxhiYguU4ATyHTj60swGUoKNYdiKwNHNBTAcxQAN7t22e26CvrAAAAAElFTkSuQmCC") repeat scroll 0% 0% transparent;} .starsmall{display: inline-block; width:69px; height:13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAdElEQVQoz2P4//8/AzkYH9BDFyBGIx9UIx+pGmWhGmVJ1agB1aiBT6MgEGtDFRLCIHV8yDayAbESAU0geTZcThXBoUmEkB85cWjkJKQRl41ShDQqIAWCIHro4tMICwRmKJ8ZKdDYcGnkAWJxHPEqDosGGAYAPKyWjQLQgJcAAAAASUVORK5CYII=") repeat scroll 0% 0% transparent;} .starsmall span{display: inline-block; height:13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAh0lEQVQoz2P4//8/AzkYJ3heKI1VFq9GoKYAkEYQTarGBVCNC0jV+ACq8QFOjUDJBCB+D1VICIPUBcBtBHIUgHg/AU0geQWsTgVK5OPQlI/Xj0AFBjg0GhDSWIBD4wRCGjcgBUI8EN9HD11cGmGBIADlCyAFmgJWjUAJByCuxxGv9bBUBNMIAE/pEHiIacCdAAAAAElFTkSuQmCC") repeat scroll 0% 0% transparent;} .waiting {width: 54px; height: 55px; background: url(data:image/gif;base64,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) no-repeat transparent;} @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); }} .wait {border: 0.3rem solid #f3f3f3; border-top: 0.3rem solid #6495ed; border-radius: 50%; width: 1.5rem; height: 1.5rem; animation: spin 1.5s linear infinite; -webkit-animation: spin 2s linear infinite;} .wait.free {position: absolute; margin: -1.5rem 0 0 -1.5rem; left: 50%; top: 50%; z-index: 1;} .awaiting {width: 7rem; height: 7rem; border: 0.5rem solid #f3f3f3; border-top: 0.5rem solid #6495ed; border-radius: 50%; cursor: pointer;} .switch {position: relative; display: inline-block; min-width: 4.25rem; height: 2rem;} .switch input {display:none;} .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; min-width: 4.25rem; max-height: 2rem; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .slider:before { position: absolute; content: ""; height: 1.5rem; width: 1.75rem; left: 0.25rem; bottom: 0.25rem; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider {background-color: #6495ed;} input:checked + .slider:before {-webkit-transform: translateX(2rem); -ms-transform: translateX(2rem); transform: translateX(2rem);} .slider.round {min-width: 4.25rem; border-radius: 1.5rem;} .slider.round:before {border-radius: 50%;} .chkbox {display: inline-block; position: relative; padding-left: 2rem; padding-right: 1rem; line-height: 2rem; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .chkbox input {position: absolute; opacity: 0; cursor: pointer;} .chkbox:hover input ~ .chkmark {/*background-color: #ccc;*/} .chkbox input:checked ~ .chkmark {/*background-color: #6495ed;*/} .chkbox input:checked ~ .chkmark:after {display: block;} .chkmark {position: absolute; top: 0.2rem; left: 0; height: 1.5rem; width: 1.5rem; background-color: #fff; /*border: 1px solid white;*/ } .chkmark:after {content: ""; position: absolute; display: none;} .chkbox .chkmark:after {left: 0.6rem; top: 0.2rem; width: 0.25rem; height: 0.9rem; border: solid black; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .slides {position: relative;} .slides .prev, .slides .next {position: absolute; top: 0; top: 45%; transition: 0.6s ease; border-radius: 100%;} *.slides .prev {left: 1rem; background-color: #000; background-color: rgba(0,0,0,0.2);} *.slides .next {right: 1rem; background-color: #000; background-color: rgba(0,0,0,0.2);} .slides .prev:hover, .slides .next:hover {color: #000; background-color: #fff;} .slides .fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;} @-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}} @keyframes fade {from {opacity: .4} to {opacity: 1}} .slides .swipe {-webkit-transition: left 0.05s; transition: left 0.05s;} .booking {position: absolute; background-color: #003399; box-shadow: 3px 3px 10px #888; z-index: 999; float: left; left: 1px; top: 1px; width: 90%; height: 150px; padding: 1%; line-height: 125%; border: 1px solid #bdc7d8; border-radius: 3px; font-size: 1.1rem; font-weight: normal; color: #000; overflow: hidden; color: #fff; cursor: pointer;} .blocking {position: absolute; left: 1px; top: 1px; width: 100%; height: 100%; background-color: #939393; z-index: 99; color: #000; overflow: hidden; color: #fff; cursor: pointer;} /*.blocking {position: absolute; background-color: #939393; z-index: 999; left: 1px; top: 1px; width: 100%; height: 120px; color: #000; overflow: hidden; color: #fff; cursor: pointer;}*/ .bookingheader {cursor: pointer;} .bookingheader[data-open="false"] {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.625rem center; } .bookingheader[data-open="true"] {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.625rem center;} .bookingheader[data-open="true"] ~ .bgw {background-color: #fff;} .agenda {width: 100%; background: #f5f5f5; font-family: inherit; font-size: 1.0rem; table-layout: fixed;} .agenda table {border-collapse: separate; box-shadow: inset 0 1px 0 #fff; font-size: 1rem; line-height: 1.5rem; margin: 30px auto; text-align: left; width: 100%;} .agenda th {background: #6495ed; color: #fff; font-weight: bold; padding: 10px 15px; position: relative;} .agenda th:first-child {border-left: 1px solid #777;} .agenda th:last-child {} .agenda td {border-right: 1px solid #fff; border-left: 1px solid #e8e8e8; border-top: 1px solid #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 15px; position: relative; transition: all 300ms; width: 120px;} .agenda td:first-child { } .agenda td:last-child { border-right: 1px solid #e8e8e8; } .agenda tr { background: url(); } .agenda tr:nth-child(odd) td {background: #f1f1f1 url();} .agenda tr:last-of-type td {} .agenda tr:last-of-type td:first-child {} .agenda tr:last-of-type td:last-child {} .agenda th.hour {width: 5%; text-align: right;} .agenda td.hour {width: 5%; text-align: right;} .agenda th.minute {width: 5%; text-align: left;} .agenda td.minute {width: 5%; text-align: left;} .agenda th.time {width: 3rem; padding: 0.125rem 0.6rem; text-align: center; white-space: nowrap;} .agenda td.time {width: 3rem; padding: 0.125rem 0.6rem; text-align: right; white-space: nowrap;} .agenda.disabled {background: #ccc;} .dropdown {position: absolute; width: 80%; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; z-index: 9001; padding: 0%; overflow: hidden;} .dropdown.w70-100 {width: 70vw; left: 15vw;} .calendar {width: 100%; background: #fff; font-family: inherit; font-size: 3.0rem; table-layout: fixed;} .calendar table {border-collapse: separate; box-shadow: inset 0 1px 0 #fff; font-size: 16px; line-height: 1.5rem; margin: 0; text-align: left; width: 100%;} .calendar th {padding: 1%; background: #6495ed; color: #fff; font-weight: bold; position: relative; vertical-align: middle; text-align: center;} .calendar th:first-child {} .calendar th:last-child {} .calendar td {width: 12.5%; padding: 3%; position: relative; border-right: 1px solid #fff; border-left: 1px solid #e8e8e8; border-top: 1px solid #fff; border-bottom: 1px solid #e8e8e8; transition: all 300ms; cursor: pointer; vertical-align: middle; text-align: center;} .calendar td:first-child {} .calendar td:last-child {} .calendar td.disabled {background: #ccc; color: #aaa;} .calendar td.selected {background: #6495ed; color: #fff; font-weight: bold;} .calendar tr {} .calendar tr:nth-child(odd) {background: #f1f1f1;} .calendar tr:nth-child(even) {background: #fafafa;} /************************************************************************************ ATTRIBUTES *************************************************************************************/ .disn {display: none;} .disb {display: block;} .disi {display: inline;} .disib {display: inline-block;} .disc {margin: 0 auto;} .fltl {float: left;} .fltr {float: right;} .clrb {clear: both;} .clrl {clear: left;} .clrr {clear: right;} .xxs {font-size: 0.60rem;} .xs {font-size: 0.75rem;} .s {font-size: 0.89rem;} .m {font-size: 1.00rem;} .l {font-size: 1.20rem;} .xl {font-size: 1.50rem;} .xxl {font-size: 2.00rem;} .xxl-l {font-size: 2.00rem;} .sup {font-size: 0.6rem; vertical-align: top;} .sub {font-size: 0.6rem; vertical-align: bottom;} .i {font-style: italic;} .b {font-weight: bold;} .u {text-decoration: underline} .s- {text-decoration: line-through} .tal {text-align: left;} .tar {text-align: right;} .tac {text-align: center;} .ttn {text-transform: none; } .ttc {text-transform: capitalize;} .ttu {text-transform: uppercase;} .ttl {text-transform: lowercase;} .tti {text-transform: initial;} .vabl {vertical-align: baseline;} .vasub {vertical-align: sub;} .vasup {vertical-align: super;} .vat {vertical-align: top;} .vatt {vertical-align: text-top;} .vam {vertical-align: middle;} .vab {vertical-align: bottom;} .vatb {vertical-align: text-bottom;} .vap {vertical-align: percentage;} .lh {line-height: 100%;} /*line-height: normal|number|length|initial|inherit;*/ .lh-125 {line-height: 125%;} .lh-150 {line-height: 150%;} .hal {left: 0;} .har {right: 0;} .posa {position: absolute;} .posr {position: relative;} .ws-normal {white-space: normal;} .ws-pre {white-space: pre;} .ws-nowrap {white-space: nowrap;} .ws-pre-wrap {white-space: pre-wrap;} .ws-pre-line {white-space: pre-line;} .ws-inherit {white-space: inherit;} .tic {margin: 0 0 0 0.6rem;} .ov {overflow: visible;} .oh {overflow: hidden;} .os {overflow: scroll;} .oxs {overflow-x: scroll;} .oys {overflow-y: scroll;} .oa {overflow: auto;} .rot5 {-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate-5deg); transform: rotate(5deg);} .rot-5 {-webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);} .blur {-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; opacity:.10; filter: alpha(opacity=10);} .op0 {opacity:.0; filter: alpha(opacity=0);} .op10 {opacity:.10; filter: alpha(opacity=10);} .op20 {opacity:.20; filter: alpha(opacity=20);} .op30 {opacity:.30; filter: alpha(opacity=30);} .op40 {opacity:.40; filter: alpha(opacity=40);} .op50 {opacity:.50; filter: alpha(opacity=50);} .op60 {opacity:.60; filter: alpha(opacity=60);} .op70 {opacity:.70; filter: alpha(opacity=70);} .op80 {opacity:.80; filter: alpha(opacity=80);} .op90 {opacity:.90; filter: alpha(opacity=90);} .op100 {opacity:1.0; filter: alpha(opacity=100);} .nob {border: none;} .bor {border: 1px solid #000;} .bl {border-left: 1px solid #000;} .bt {border-top: 1px solid #000;} .bb {border-bottom: 1px solid #000;} .br {border-right: 1px solid #000;} .bsb {border: 1px solid #56b4ef; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), 0px 0px 8px rgba(82,168,236,0.6); border-radius: 3px;} .bw-1 {border-width: 1px;} .bw-3 {border-width: 3px;} .bw-5 {border-width: 5px;} .bw-10 {border-width: 10px;} .bw-15 {border-width: 15px;} .br-1 {border-radius: 1px;} .br-3 {border-radius: 3px;} .br-5 {border-radius: 5px;} .br-10 {border-radius: 10px;} .br-15 {border-radius: 15px;} .br-20 {border-radius: 20px;} .br-25 {border-radius: 25px;} .br1 {border-radius: 1%;} .br3 {border-radius: 3%;} .br5 {border-radius: 5%;} .h_0 {height: 0rem;} .h_1 {height: 1rem;} .h_2 {height: 2rem;} .h_3 {height: 3rem;} .h_4 {height: 4rem;} .h_5 {height: 5rem;} .h-100 {height: 100px;} .h-120 {height: 120px;} .h-150 {height: 150px;} .h100 {height: 100%;} .hauto {height: auto;} .w-100 {width: 100px;} .w-120 {width: 120px;} .w-150 {width: 150px;} .w1 {width: 1%;} .w3 {width: 3%;} .w5 {width: 5%;} .w10 {width: 10%;} .w15 {width: 15%;} .w20 {width: 20%;} .w25 {width: 25%;} .w30 {width: 30%;} .w33 {width: 33.3%;} .w35 {width: 35%;} .w40 {width: 40%;} .w45 {width: 45%;} .w50 {width: 50%;} .w55 {width: 55%;} .w60 {width: 60%;} .w65 {width: 65%;} .w66 {width: 66.6%;} .w70 {width: 70%;} .w75 {width: 75%;} .w80 {width: 80%;} .w85 {width: 85%;} .w90 {width: 90%;} .w93 {width: 93%;} .w95 {width: 95%;} .w96 {width: 96%;} .w98 {width: 98%;} .w100 {width: 100%;} .wauto {width: auto;} .p-1 {padding: 1px;} .p-3 {padding: 3px;} .p-5 {padding: 5px;} .p-10 {padding: 10px;} .p-15 {padding: 15px;} .p-20 {padding: 20px;} .p-25 {padding: 25px;} .p05 {padding: 0.5%;} .p1 {padding: 1%;} .p2 {padding: 2%;} .p3 {padding: 3%;} .p5 {padding: 5%;} .p05-3 {padding: 0.5%;} .p1-2 {padding: 1%;} .p1-3 {padding: 1%;} .p3-1 {padding: 3%;} .m1 {margin: 1%;} .m3 {margin: 3%;} .m5 {margin: 5%;} [data-status="299"] {background-color: #d3d3d3; color: #000000; border-color: #d3d3d3;} [data-status="300"] {background-color: #00008b; color: #ffffff; border-color: #00008b;} [data-status="352"] {background-color: #6495ed; color: #ffffff; border-color: #6495ed;} [data-status="354"] {background-color: #43cd80; color: #ffffff; border-color: #43cd80;} [data-status="355"] {background-color: #008000; color: #ffffff; border-color: #008000;} [data-status="356"] {background-color: #ff0000; color: #ffffff; border-color: #ff0000;} [data-status="357"] {background-color: #800000; color: #ffffff; border-color: #800000;} [data-status="358"] {background-color: #ff6347; color: #ffffff; border-color: #ff6347;} [data-status="359"] {background-color: #ff7f50; color: #ffffff; border-color: #ff7f50;} [lp] {color: #43cd80;} [lp=""] {color: inherit;} [sidtype="10000"] {background-color: #43cd80; color: #ffffff; border-color: #43cd80;} [sidtype="20000"] {background-color: #ff69b4; color: #ffffff; border-color: #ff69b4;} [sidtype="30000"] {background-color: #ff4500; color: #ffffff; border-color: #ff4500;} [sidtype="40000"] {background-color: #008000; color: #ffffff; border-color: #008000;} [sidtype="50000"] {background-color: #deb887; color: #ffffff; border-color: #deb887;} [sidtype="60000"] {background-color: #00bfff; color: #ffffff; border-color: #00bfff;} [sidtype="70000"] {background-color: #ff8c00; color: #ffffff; border-color: #ff8c00;} [sidtype="80000"] {background-color: #000000; color: #ffffff; border-color: #000000;} [sidtype="90000"] {background-color: #ffd700; color: #ffffff; border-color: #ffd700;} .clLink {text-decoration: none; color: #4f7ebb;} /*White on CornflowerBlue*/ .clBase {color: #ffffff;} .bgBase {background-color: #6495ed;} .bcBase {border-color: #6495ed;} .clFace {color: #ffffff;} .bgFace {background-color: #43cd80;} .bcFace {border-color: #43cd80;} .clCncl {color: #ffffff;} .bgCncl {background-color: #ff7f50;} .bcCncl {border-color: #ff7f50;} .grayed {background-color: #d3d3d3; color: #ffffff;} .binScan {background-color: #43cd80; border-color: #43cd80; color: #ffffff;} /*Face colors*/ /*http://www.color-hex.com/color-names.html*/ .clBlack {color: #000000;} .clNavy {color: #000080;} .clDarkBlue {color: #00008b;} .clMediumBlue {color: #0000cd;} .clBlue {color: #0000ff;} .clDarkGreen {color: #006400;} .clGreen {color: #008000;} .clTeal {color: #008080;} .clDarkCyan {color: #008b8b;} .clDeepSkyBlue {color: #00bfff;} .clDarkTurquoise {color: #00ced1;} .clMediumSpringGreen {color: #00fa9a;} .clLime {color: #00ff00;} .clSpringGreen {color: #00ff7f;} .clAqua {color: #00ffff;} .clCyan {color: #00ffff;} .clMidnightBlue {color: #191970;} .clDodgerBlue {color: #1e90ff;} .clLightSeaGreen {color: #20b2aa;} .clForestGreen {color: #228b22;} .clSeaGreen {color: #2e8b57;} .clDarkSlateGray {color: #2f4f4f;} .clLimeGreen {color: #32cd32;} .clMediumSeaGreen {color: #3cb371;} .clTurquoise {color: #40e0d0;} .clRoyalBlue {color: #4169e1;} .clSteelBlue {color: #4682b4;} .clDarkSlateBlue {color: #483d8b;} .clMediumTurquoise {color: #48d1cc;} .clIndigo {color: #4b0082;} .clDarkOliveGreen {color: #556b2f;} .clCadetBlue {color: #5f9ea0;} .clCornflowerBlue {color: #6495ed;} .clRebeccaPurple {color: #663399;} .clMediumAquaMarine {color: #66cdaa;} .clDimGray {color: #696969;} .clSlateBlue {color: #6a5acd;} .clOliveDrab {color: #6b8e23;} .clSlateGray {color: #708090;} .clLightSlateGray {color: #778899;} .clMediumSlateBlue {color: #7b68ee;} .clLawnGreen {color: #7cfc00;} .clChartreuse {color: #7fff00;} .clAquamarine {color: #7fffd4;} .clMaroon {color: #800000;} .clPurple {color: #800080;} .clOlive {color: #808000;} .clGray {color: #808080;} .clSkyBlue {color: #87ceeb;} .clLightSkyBlue {color: #87cefa;} .clBlueViolet {color: #8a2be2;} .clDarkRed {color: #8b0000;} .clDarkMagenta {color: #8b008b;} .clSaddleBrown {color: #8b4513;} .clDarkSeaGreen {color: #8fbc8f;} .clLightGreen {color: #90ee90;} .clMediumPurple {color: #9370db;} .clDarkViolet {color: #9400d3;} .clPaleGreen {color: #98fb98;} .clDarkOrchid {color: #9932cc;} .clYellowGreen {color: #9acd32;} .clSienna {color: #a0522d;} .clBrown {color: #a52a2a;} .clDarkGray {color: #a9a9a9;} .clLightBlue {color: #add8e6;} .clGreenYellow {color: #adff2f;} .clPaleTurquoise {color: #afeeee;} .clLightSteelBlue {color: #b0c4de;} .clPowderBlue {color: #b0e0e6;} .clFireBrick {color: #b22222;} .clDarkGoldenRod {color: #b8860b;} .clMediumOrchid {color: #ba55d3;} .clRosyBrown {color: #bc8f8f;} .clDarkKhaki {color: #bdb76b;} .clSilver {color: #c0c0c0;} .clMediumVioletRed {color: #c71585;} .clIndianRed {color: #cd5c5c;} .clPeru {color: #cd853f;} .clChocolate {color: #d2691e;} .clTan {color: #d2b48c;} .clLightGray {color: #d3d3d3;} .clThistle {color: #d8bfd8;} .clOrchid {color: #da70d6;} .clGoldenRod {color: #daa520;} .clPaleVioletRed {color: #db7093;} .clCrimson {color: #dc143c;} .clGainsboro {color: #dcdcdc;} .clPlum {color: #dda0dd;} .clBurlyWood {color: #deb887;} .clLightCyan {color: #e0ffff;} .clLavender {color: #e6e6fa;} .clDarkSalmon {color: #e9967a;} .clViolet {color: #ee82ee;} .clPaleGoldenRod {color: #eee8aa;} .clLightCoral {color: #f08080;} .clKhaki {color: #f0e68c;} .clAliceBlue {color: #f0f8ff;} .clHoneyDew {color: #f0fff0;} .clAzure {color: #f0ffff;} .clSandyBrown {color: #f4a460;} .clWheat {color: #f5deb3;} .clBeige {color: #f5f5dc;} .clWhiteSmoke {color: #f5f5f5;} .clMintCream {color: #f5fffa;} .clGhostWhite {color: #f8f8ff;} .clSalmon {color: #fa8072;} .clAntiqueWhite {color: #faebd7;} .clLinen {color: #faf0e6;} .clLightGoldenRodYellow {color: #fafad2;} .clOldLace {color: #fdf5e6;} .clRed {color: #ff0000;} .clFuchsia {color: #ff00ff;} .clMagenta {color: #ff00ff;} .clDeepPink {color: #ff1493;} .clOrangeRed {color: #ff4500;} .clTomato {color: #ff6347;} .clHotPink {color: #ff69b4;} .clCoral {color: #ff7f50;} .clDarkOrange {color: #ff8c00;} .clLightSalmon {color: #ffa07a;} .clOrange {color: #ffa500;} .clLightPink {color: #ffb6c1;} .clPink {color: #ffc0cb;} .clGold {color: #ffd700;} .clPeachPuff {color: #ffdab9;} .clNavajoWhite {color: #ffdead;} .clMoccasin {color: #ffe4b5;} .clBisque {color: #ffe4c4;} .clMistyRose {color: #ffe4e1;} .clBlanchedAlmond {color: #ffebcd;} .clPapayaWhip {color: #ffefd5;} .clLavenderBlush {color: #fff0f5;} .clSeaShell {color: #fff5ee;} .clCornsilk {color: #fff8dc;} .clLemonChiffon {color: #fffacd;} .clFloralWhite {color: #fffaf0;} .clSnow {color: #fffafa;} .clYellow {color: #ffff00;} .clLightYellow {color: #ffffe0;} .clIvory {color: #fffff0;} .clWhite {color: #ffffff;} .bgBlack {background-color: #000000;} .bgNavy {background-color: #000080;} .bgDarkBlue {background-color: #00008b;} .bgMediumBlue {background-color: #0000cd;} .bgBlue {background-color: #0000ff;} .bgDarkGreen {background-color: #006400;} .bgGreen {background-color: #008000;} .bgTeal {background-color: #008080;} .bgDarkCyan {background-color: #008b8b;} .bgDeepSkyBlue {background-color: #00bfff;} .bgDarkTurquoise {background-color: #00ced1;} .bgMediumSpringGreen {background-color: #00fa9a;} .bgLime {background-color: #00ff00;} .bgSpringGreen {background-color: #00ff7f;} .bgAqua {background-color: #00ffff;} .bgCyan {background-color: #00ffff;} .bgMidnightBlue {background-color: #191970;} .bgDodgerBlue {background-color: #1e90ff;} .bgLightSeaGreen {background-color: #20b2aa;} .bgForestGreen {background-color: #228b22;} .bgSeaGreen {background-color: #2e8b57;} .bgDarkSlateGray {background-color: #2f4f4f;} .bgLimeGreen {background-color: #32cd32;} .bgMediumSeaGreen {background-color: #3cb371;} .bgTurquoise {background-color: #40e0d0;} .bgRoyalBlue {background-color: #4169e1;} .bgSteelBlue {background-color: #4682b4;} .bgDarkSlateBlue {background-color: #483d8b;} .bgMediumTurquoise {background-color: #48d1cc;} .bgIndigo {background-color: #4b0082;} .bgDarkOliveGreen {background-color: #556b2f;} .bgCadetBlue {background-color: #5f9ea0;} .bgCornflowerBlue {background-color: #6495ed;} .bgRebeccaPurple {background-color: #663399;} .bgMediumAquaMarine {background-color: #66cdaa;} .bgDimGray {background-color: #696969;} .bgSlateBlue {background-color: #6a5acd;} .bgOliveDrab {background-color: #6b8e23;} .bgSlateGray {background-color: #708090;} .bgLightSlateGray {background-color: #778899;} .bgMediumSlateBlue {background-color: #7b68ee;} .bgLawnGreen {background-color: #7cfc00;} .bgChartreuse {background-color: #7fff00;} .bgAquamarine {background-color: #7fffd4;} .bgMaroon {background-color: #800000;} .bgPurple {background-color: #800080;} .bgOlive {background-color: #808000;} .bgGray {background-color: #808080;} .bgSkyBlue {background-color: #87ceeb;} .bgLightSkyBlue {background-color: #87cefa;} .bgBlueViolet {background-color: #8a2be2;} .bgDarkRed {background-color: #8b0000;} .bgDarkMagenta {background-color: #8b008b;} .bgSaddleBrown {background-color: #8b4513;} .bgDarkSeaGreen {background-color: #8fbc8f;} .bgLightGreen {background-color: #90ee90;} .bgMediumPurple {background-color: #9370db;} .bgDarkViolet {background-color: #9400d3;} .bgPaleGreen {background-color: #98fb98;} .bgDarkOrchid {background-color: #9932cc;} .bgYellowGreen {background-color: #9acd32;} .bgSienna {background-color: #a0522d;} .bgBrown {background-color: #a52a2a;} .bgDarkGray {background-color: #a9a9a9;} .bgLightBlue {background-color: #add8e6;} .bgGreenYellow {background-color: #adff2f;} .bgPaleTurquoise {background-color: #afeeee;} .bgLightSteelBlue {background-color: #b0c4de;} .bgPowderBlue {background-color: #b0e0e6;} .bgFireBrick {background-color: #b22222;} .bgDarkGoldenRod {background-color: #b8860b;} .bgMediumOrchid {background-color: #ba55d3;} .bgRosyBrown {background-color: #bc8f8f;} .bgDarkKhaki {background-color: #bdb76b;} .bgSilver {background-color: #c0c0c0;} .bgMediumVioletRed {background-color: #c71585;} .bgIndianRed {background-color: #cd5c5c;} .bgPeru {background-color: #cd853f;} .bgChocolate {background-color: #d2691e;} .bgTan {background-color: #d2b48c;} .bgLightGray {background-color: #d3d3d3;} .bgThistle {background-color: #d8bfd8;} .bgOrchid {background-color: #da70d6;} .bgGoldenRod {background-color: #daa520;} .bgPaleVioletRed {background-color: #db7093;} .bgCrimson {background-color: #dc143c;} .bgGainsboro {background-color: #dcdcdc;} .bgPlum {background-color: #dda0dd;} .bgBurlyWood {background-color: #deb887;} .bgLightCyan {background-color: #e0ffff;} .bgLavender {background-color: #e6e6fa;} .bgDarkSalmon {background-color: #e9967a;} .bgViolet {background-color: #ee82ee;} .bgPaleGoldenRod {background-color: #eee8aa;} .bgLightCoral {background-color: #f08080;} .bgKhaki {background-color: #f0e68c;} .bgAliceBlue {background-color: #f0f8ff;} .bgHoneyDew {background-color: #f0fff0;} .bgAzure {background-color: #f0ffff;} .bgSandyBrown {background-color: #f4a460;} .bgWheat {background-color: #f5deb3;} .bgBeige {background-color: #f5f5dc;} .bgWhiteSmoke {background-color: #f5f5f5;} .bgMintCream {background-color: #f5fffa;} .bgGhostWhite {background-color: #f8f8ff;} .bgSalmon {background-color: #fa8072;} .bgAntiqueWhite {background-color: #faebd7;} .bgLinen {background-color: #faf0e6;} .bgLightGoldenRodYellow {background-color: #fafad2;} .bgOldLace {background-color: #fdf5e6;} .bgRed {background-color: #ff0000;} .bgFuchsia {background-color: #ff00ff;} .bgMagenta {background-color: #ff00ff;} .bgDeepPink {background-color: #ff1493;} .bgOrangeRed {background-color: #ff4500;} .bgTomato {background-color: #ff6347;} .bgHotPink {background-color: #ff69b4;} .bgCoral {background-color: #ff7f50;} .bgDarkOrange {background-color: #ff8c00;} .bgLightSalmon {background-color: #ffa07a;} .bgOrange {background-color: #ffa500;} .bgLightPink {background-color: #ffb6c1;} .bgPink {background-color: #ffc0cb;} .bgGold {background-color: #ffd700;} .bgPeachPuff {background-color: #ffdab9;} .bgNavajoWhite {background-color: #ffdead;} .bgMoccasin {background-color: #ffe4b5;} .bgBisque {background-color: #ffe4c4;} .bgMistyRose {background-color: #ffe4e1;} .bgBlanchedAlmond {background-color: #ffebcd;} .bgPapayaWhip {background-color: #ffefd5;} .bgLavenderBlush {background-color: #fff0f5;} .bgSeaShell {background-color: #fff5ee;} .bgCornsilk {background-color: #fff8dc;} .bgLemonChiffon {background-color: #fffacd;} .bgFloralWhite {background-color: #fffaf0;} .bgSnow {background-color: #fffafa;} .bgYellow {background-color: #ffff00;} .bgLightYellow {background-color: #ffffe0;} .bgIvory {background-color: #fffff0;} .bgOffWhite {background-color: #fcfcfc;} .bgWhite {background-color: #ffffff;} .bcBlack {border-color: #000000;} .bcNavy {border-color: #000080;} .bcDarkBlue {border-color: #00008b;} .bcMediumBlue {border-color: #0000cd;} .bcBlue {border-color: #0000ff;} .bcDarkGreen {border-color: #006400;} .bcGreen {border-color: #008000;} .bcTeal {border-color: #008080;} .bcDarkCyan {border-color: #008b8b;} .bcDeepSkyBlue {border-color: #00bfff;} .bcDarkTurquoise {border-color: #00ced1;} .bcMediumSpringGreen {border-color: #00fa9a;} .bcLime {border-color: #00ff00;} .bcSpringGreen {border-color: #00ff7f;} .bcAqua {border-color: #00ffff;} .bcCyan {border-color: #00ffff;} .bcMidnightBlue {border-color: #191970;} .bcDodgerBlue {border-color: #1e90ff;} .bcLightSeaGreen {border-color: #20b2aa;} .bcForestGreen {border-color: #228b22;} .bcSeaGreen {border-color: #2e8b57;} .bcDarkSlateGray {border-color: #2f4f4f;} .bcLimeGreen {border-color: #32cd32;} .bcMediumSeaGreen {border-color: #3cb371;} .bcTurquoise {border-color: #40e0d0;} .bcRoyalBlue {border-color: #4169e1;} .bcSteelBlue {border-color: #4682b4;} .bcDarkSlateBlue {border-color: #483d8b;} .bcMediumTurquoise {border-color: #48d1cc;} .bcIndigo {border-color: #4b0082;} .bcDarkOliveGreen {border-color: #556b2f;} .bcCadetBlue {border-color: #5f9ea0;} .bcCornflowerBlue {border-color: #6495ed;} .bcRebeccaPurple {border-color: #663399;} .bcMediumAquaMarine {border-color: #66cdaa;} .bcDimGray {border-color: #696969;} .bcSlateBlue {border-color: #6a5acd;} .bcOliveDrab {border-color: #6b8e23;} .bcSlateGray {border-color: #708090;} .bcLightSlateGray {border-color: #778899;} .bcMediumSlateBlue {border-color: #7b68ee;} .bcLawnGreen {border-color: #7cfc00;} .bcChartreuse {border-color: #7fff00;} .bcAquamarine {border-color: #7fffd4;} .bcMaroon {border-color: #800000;} .bcPurple {border-color: #800080;} .bcOlive {border-color: #808000;} .bcGray {border-color: #808080;} .bcSkyBlue {border-color: #87ceeb;} .bcLightSkyBlue {border-color: #87cefa;} .bcBlueViolet {border-color: #8a2be2;} .bcDarkRed {border-color: #8b0000;} .bcDarkMagenta {border-color: #8b008b;} .bcSaddleBrown {border-color: #8b4513;} .bcDarkSeaGreen {border-color: #8fbc8f;} .bcLightGreen {border-color: #90ee90;} .bcMediumPurple {border-color: #9370db;} .bcDarkViolet {border-color: #9400d3;} .bcPaleGreen {border-color: #98fb98;} .bcDarkOrchid {border-color: #9932cc;} .bcYellowGreen {border-color: #9acd32;} .bcSienna {border-color: #a0522d;} .bcBrown {border-color: #a52a2a;} .bcDarkGray {border-color: #a9a9a9;} .bcLightBlue {border-color: #add8e6;} .bcGreenYellow {border-color: #adff2f;} .bcPaleTurquoise {border-color: #afeeee;} .bcLightSteelBlue {border-color: #b0c4de;} .bcPowderBlue {border-color: #b0e0e6;} .bcFireBrick {border-color: #b22222;} .bcDarkGoldenRod {border-color: #b8860b;} .bcMediumOrchid {border-color: #ba55d3;} .bcRosyBrown {border-color: #bc8f8f;} .bcDarkKhaki {border-color: #bdb76b;} .bcSilver {border-color: #c0c0c0;} .bcMediumVioletRed {border-color: #c71585;} .bcIndianRed {border-color: #cd5c5c;} .bcPeru {border-color: #cd853f;} .bcChocolate {border-color: #d2691e;} .bcTan {border-color: #d2b48c;} .bcLightGray {border-color: #d3d3d3;} .bcThistle {border-color: #d8bfd8;} .bcOrchid {border-color: #da70d6;} .bcGoldenRod {border-color: #daa520;} .bcPaleVioletRed {border-color: #db7093;} .bcCrimson {border-color: #dc143c;} .bcGainsboro {border-color: #dcdcdc;} .bcPlum {border-color: #dda0dd;} .bcBurlyWood {border-color: #deb887;} .bcLightCyan {border-color: #e0ffff;} .bcLavender {border-color: #e6e6fa;} .bcDarkSalmon {border-color: #e9967a;} .bcViolet {border-color: #ee82ee;} .bcPaleGoldenRod {border-color: #eee8aa;} .bcLightCoral {border-color: #f08080;} .bcKhaki {border-color: #f0e68c;} .bcAliceBlue {border-color: #f0f8ff;} .bcHoneyDew {border-color: #f0fff0;} .bcAzure {border-color: #f0ffff;} .bcSandyBrown {border-color: #f4a460;} .bcWheat {border-color: #f5deb3;} .bcBeige {border-color: #f5f5dc;} .bcWhiteSmoke {border-color: #f5f5f5;} .bcMintCream {border-color: #f5fffa;} .bcGhostWhite {border-color: #f8f8ff;} .bcSalmon {border-color: #fa8072;} .bcAntiqueWhite {border-color: #faebd7;} .bcLinen {border-color: #faf0e6;} .bcLightGoldenRodYellow {border-color: #fafad2;} .bcOldLace {border-color: #fdf5e6;} .bcRed {border-color: #ff0000;} .bcFuchsia {border-color: #ff00ff;} .bcMagenta {border-color: #ff00ff;} .bcDeepPink {border-color: #ff1493;} .bcOrangeRed {border-color: #ff4500;} .bcTomato {border-color: #ff6347;} .bcHotPink {border-color: #ff69b4;} .bcCoral {border-color: #ff7f50;} .bcDarkOrange {border-color: #ff8c00;} .bcLightSalmon {border-color: #ffa07a;} .bcOrange {border-color: #ffa500;} .bcLightPink {border-color: #ffb6c1;} .bcPink {border-color: #ffc0cb;} .bcGold {border-color: #ffd700;} .bcPeachPuff {border-color: #ffdab9;} .bcNavajoWhite {border-color: #ffdead;} .bcMoccasin {border-color: #ffe4b5;} .bcBisque {border-color: #ffe4c4;} .bcMistyRose {border-color: #ffe4e1;} .bcBlanchedAlmond {border-color: #ffebcd;} .bcPapayaWhip {border-color: #ffefd5;} .bcLavenderBlush {border-color: #fff0f5;} .bcSeaShell {border-color: #fff5ee;} .bcCornsilk {border-color: #fff8dc;} .bcLemonChiffon {border-color: #fffacd;} .bcFloralWhite {border-color: #fffaf0;} .bcSnow {border-color: #fffafa;} .bcYellow {border-color: #ffff00;} .bcLightYellow {border-color: #ffffe0;} .bcIvory {border-color: #fffff0;} .bcWhite {border-color: #ffffff;} @media screen and (min-width: 64rem) { :root {font-size: 1rem;} #header .wrap {max-width: 64rem;} #headerx .wrap {max-width: 64rem;} #wrap {max-width: 64rem;} #footer .wrap {max-width: 64rem;} #query .wrap {max-width: 64rem;} #buttonbar .wrap {max-width: 64rem;} .bBoox .wrap {max-width: 64rem;} .dropdown.w70-100 {width: 48rem; left: calc((100vw - 48rem)/2);} } @media screen and (orientation: landscape) and (min-width: 30rem) and (max-width: 64rem) { :root {font-size: calc(0.46875rem + ((1vw - 0.3rem) * 1.5625));} .a-la {text-align: left;} } @media screen and (orientation: portrait), (max-width: 30rem) { :root {font-size: calc(0.8rem + ((1vw - 0.234375rem) * 1.2075));} .la-ra {text-align: right;} .aa-ac {text-align: center} .sqr {display: block; width: auto; font-size: 0.75rem;} .sqri {font-size: 2rem;} .w-hw {width: 45%;} #aside {width: auto; display: block;} #main {width: auto; display: block;} #btnbar.s2f {position: fixed; left: 0px; right: 0px; bottom: 0px;} .ifield.wb {position: static; height: 6.2rem;} .ifield.wb .combo {position: static;} .ifield.wb span {position: static; display: block; width: auto; height: 3rem;} .ifield.wb span.disi {display: inline-block; min-width: 25%;} .ifield.wb div {position: static; display: block; width: auto; height: 3rem;} .p05-3 {padding: 3%;} .p1-2 {padding: 2%;} .p1-3 {padding: 3%;} .p3-1 {padding: 1%;} .s-ah {display: none;} .w-b {display: block; width: auto;} .b-w {display: inline-block; width: 45%;} .aw-b {display: block; margin: 0.5rem 0px;} .aw-100 {width: 100%; margin: 0.5rem 0px;} .p1vs {padding: 0.5%; margin: 2px 0px;} .btn.aw-b {display: block; margin: 0.5rem 0px; text-align: center;} .btn.w5-w2 {width: 40%;} .sna .dda {background: url("data:image/svg+xml;utf8,") no-repeat right 0.625rem center; background-color: inherit;} .sna .ddawhite {background: url("data:image/svg+xml;utf8,") no-repeat right 0.625rem center; background-color: inherit;} [data-open="false"] {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.625rem center;} [data-open="true"] {background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 0.625rem center;} .bookingheader[data-open="false"] {background-position: right 0.625rem center; } .bookingheader[data-open="true"] {background-position: right 0.625rem center;} .element, .iholder {display: block;} .dropdown.w70-100 {width: 98%; left: 1%;} }