/* inputs */
INPUT, TEXTAREA, SELECT {padding: 0px 10px; margin: 0px; border: 1px #e8e8e8 solid; border-radius: 2px; font-family: inherit; font-size: inherit; color: inherit; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color: #f5fcff;}
INPUT:FOCUS, TEXTAREA:FOCUS, SELECT:FOCUS {box-shadow: inset 0 0 4px rgba(0,0,0,0.15);}
INPUT[type=text] {-webkit-appearance: none;}
INPUT[type=submit] {cursor: pointer;}
INPUT[type=checkbox] {cursor: pointer;}
input[type=number] {-moz-appearance: textfield;}

/* info panels */
.infoPanel {width: 100%; float: left; padding: 0px 10px; margin: 0px 0px 15px 0px; background-color: #f7f7f7; border: 1px #ddd solid; border-radius: 2px; font-size: 20px !important;}
.infoPanel I {width: auto; float: left; margin: 3px 10px 2px 0px; font-size: 16px;}
.infoPanel P {width: auto; float: left; margin: 9px 0px 9px 0px !important; font-size: 20px !important; color: #000;}
.infoPanel.error {border-color: #e95847; color: #fff !important; background-color: #e95847;}
.infoPanel.error P {color: #fff !important;}
.infoPanel.done {border-color: #27cd27; color: #fff; /*background-color: #ecffcf;*/ background-color: #27cd27;}
.infoPanel.info {border-color: orange; color: #fff; background-color: orange;}
.infoPanel.alert {border-color: orange; color: #fff; background-color: orange;}
.infoPanel.star {border-color: #d7d123; color: #d7d123; background-color: #fffdd2;}
.infoPanel.done I {color: #27cd27;}
.infoPanel A {text-decoration: underline;}

/* FORM */
.formCont {width: 100%; float: left;}
.formLine {width: 100%; height: auto; float: left; margin: 0px 0px 10px 0px; display: flex; align-items: center; justify-content: center;}
.formLine.formLineSubmit {margin-top: 10px;}
.formLine .formRow {width: 350px; height: 60px; padding: 0px 20px 0px 0px; font-size: 23px; display: flex; justify-content: flex-start; align-items: center;}
.formLine .formRow .required {color: red;}
.formLine .formInput {width: 600px; height: 60px; padding: 0px 10px; font-size: 25px;}
.formLine .formInputDesc {width: 600px; height: 60px; padding: 0px 10px; font-size: 25px; background-color: #F7f7f7; border: 1px #e8e8e8 solid; border-radius: 2px; display: flex; align-items: center;}
.checkboxLine {width: 100%; height: 50px; font-size: 20px; margin: 0px 0px 10px 0px; display: flex; align-items: center; justify-content: center;}
.checkboxLine .textFrame {width: auto; display: flex; flex-direction: column;}
.checkboxLine .textFrame .textSmall {font-size: 14px; color: #4e555b; font-weight: 300;}
.checkboxLabel {display: flex; align-items: center; justify-content: center; cursor: pointer;}
.checkboxLabel INPUT[type=checkbox] {width: 24px; height: 24px; background-color: #fff; border: 1px #222 solid; padding: 0px; margin: 0px 10px 0px 0px; position: relative; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; flex-shrink: 0; border-radius: 0px;}
.checkboxLabel INPUT[type=checkbox]:checked {background-image: url('/images/icon-check.svg'); background-size: 80%; background-position: center center; background-repeat: no-repeat;}
.checkboxLabel A {text-decoration: underline;}
.formLine .formSubmit {min-width: 250px; height: 60px; padding: 0px 20px; background-color: #0d7fbd; color: #FFF; font-size: 25px; font-weight: 600; border: 0px; text-transform: uppercase;}
.formLine.order .formSubmit {width: 450px; height: 100px; font-size: 40px;}
.formLineText {width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin: 5px 0px 15px 0px;}
.formLineText P {margin: 0px; font-size: 23px; font-weight: 400;}

.orderLabel {display: flex; align-items: center; justify-content: center; cursor: pointer; margin-bottom: 20px;}
.orderLabel INPUT[type=radio] {width: 24px; height: 24px; background-color: #fff; border: 1px #222 solid; padding: 0px; margin: 0px 10px 0px 0px; position: relative; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; flex-shrink: 0; border-radius: 0px;}
.orderLabel INPUT[type=radio]:checked {background-image: url('/images/icon-check.svg'); background-size: 80%; background-position: center center; background-repeat: no-repeat;}
.orderLabel .text {font-size: 20px; text-align: left; line-height: 24px;}
.orderLabel .textSmall {font-size: 16px; text-align: left; line-height: 20px;} /* color: #888; */
.orderLabel:last-child {margin-bottom: 0px;}
.orderLabel.notActive {cursor: not-allowed; opacity: 0.4;}
.orderLabel .desc {display: flex; flex-direction: column; align-items: flex-start;}

.checkbox-1 {width: 24px; height: 24px; background-color: #fff; border: 1px #222 solid; padding: 0px; margin: 0px 10px 0px 0px; position: relative; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; flex-shrink: 0; border-radius: 0px;}
.checkbox-1:checked {background-image: url('/images/icon-check.svg'); background-size: 80%; background-position: center center; background-repeat: no-repeat;}

.orderCheckboxList {width: 100%; float: left; margin: 20px 0px 10px 0px;}
.orderCheckboxList .checkboxLine {height: 35px;}
.orderCheckboxList .checkboxLine A {text-decoration: underline;}