/* inputs */
INPUT, TEXTAREA, SELECT {padding: 8px 10px; font-size: 14px;}

.formFrame {width: 100%; float: left; margin: 0px 0px 10px 0px;}
.formFrame .formLine {width: 100%; float: left; margin: 0px 0px 7px 0px; position: relative;}
.formFrame .formLine .insideIcon {position: absolute; top: 8px; right: 8px; font-size: 14px; color: #9e9e9e;}
.formFrame .formLine .formSelectCont .insideIcon {right: 10px;}
.formFrame .formLine.formLineSubmit {padding: 10px 0px 0px 0px; margin: 3px 0px 0px 0px; border-top: 1px #f7f7f7 solid;}
.formFrame {width: 100%; float: left;}
.formFrame .formRow {width: 20%; float: left; padding: 5px 0px 0px 0px;}
.formFrame .formInput {width: 80%; float: left; padding: 5px 10px;}
.formFrame .formInput[type=file] {padding: 2px 3px; background-color: #FFF;}
.formFrame .formText {width: 80%; float: left; padding: 5px 0 0 0;}
.formFrame .formTextareaCont {width: 80%; float: left;}
.formFrame .formTextarea {width: 80%; height: 400px; float: left; padding: 5px 10px;}
.formFrame .formTextareaCont .textarea {width: 100%; height: 200px;}
.dialog-frame .formFrame .formTextarea { width: 100%; height: 100px; }
.formFrame .formTextarea.size-s {height: 100px;}
.formFrame .formSelectCont {width: 80%; float: left; overflow: hidden; background-color: #FFF; border: 1px solid #ccc; color: #555; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.formFrame .formSelectCont SELECT {width: calc(100% + 22px); padding: 4px 10px; background-color: transparent; border: 0px; cursor: pointer; -webkit-appearance:none;}
.formFrame .halfFrame {width: 50%; float: left; padding: 0px 15px 0px 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.formFrame .halfFrame:nth-child(2n) {padding: 0px 0px 0px 15px;}
.formFrame .fourFrame {width: 100%; float: left;}
.formFrame .fourFrame .formLine {width: 25%; float: left; padding: 0px 0px 0px 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.formFrame .fourFrame .formRow {width: 40%; text-align: right; padding-right: 10px;}
.formFrame .fourFrame .formInput, .formFrame .fourFrame .formSelectCont {width: 60%;}
.formFrame .formSection {width: 100%; padding: 10px 0px; margin: 10px 0px 0px 0px; float: left; border-top: 1px solid #f7f7f7;}
.formFrame .formSection H3 {margin: 0px;}
.formFrame .formSection .formSectionCont {width: 100%; margin: 10px 0px 0px 0px; float: left; display: none;}
.formFrame .switch I {color: #80af26;}
.formFrame .formLine .colorpicked {width: 20px; background-color: transparent; border-radius: 3px; border: 1px silver solid; position: absolute; top: 3px; bottom: 3px; right: 3px;}

.formFrame .formLine2 {width: 100%; float: left; margin: 0px 0px 7px 0px; position: relative; align-items: center;}
.formFrame .formLine2 .formRow {width: 20%; float: left; padding: 0;}
.formFrame .formLine2 .formText {position: relative; width: 80%; float: left; padding: 0;}
.formFrame .formLine2 .formText a.delete {position: absolute; right: 0; color: #5a5a5a;}
.formFrame .formLine2 a {text-decoration: underline; color: #cc0000;}
.formFrame .formLine2 a:hover {text-decoration: none;}

.formFrame .formLine2 a.link {padding: 5px 0 5px 25px; background-repeat: no-repeat; background-size: 18px; background-position: left center;}

.formFrame .formLine2 a.link.pdf {background-image: url('/images/icon/icon-pdf.png');}
.formFrame .formLine2 a.link.png {background-image: url('/images/icon/icon-jpg.png');}
.formFrame .formLine2 a.link.jpg {background-image: url('/images/icon/icon-jpg.png');}

/* tooltip */
.icon-tootltip {font-size: 16px; color: #ccc; cursor: help;}
.icon-tootltip:HOVER {color: #888;}

/* checkbox */
.formCheckboxList {width: 80%; float: left; padding: 4px 0px;}
.formCheckboxList .checkboxLine {width: 100%; float: left; padding: 3px 0px;}
.formCheckboxList .checkboxLine.sub {padding-left: 30px;}
.formCheckboxList .checkboxLine LABEL {cursor: pointer;}
.formCheckboxCont {width: 80%; float: left; padding: 6px 0px 0px 0px;}

/* submits */
.formFrame .formSubmit {width: auto; float: right; padding: 8px 20px; font-size: 14px; background-color: #8cbc32; border: 1px #80af26 solid; color: #FFF; font-weight: 700; margin: 0px 0px 0px 10px;}
.formFrame .formSubmit:HOVER {box-shadow: inset 0 0 4px rgba(0,0,0,0.25);}
.formFrame .formBack {width: auto; float: right; padding: 9px 20px 8px 20px; font-size: 14px; border: 1px #ddd solid; font-weight: 500; background-image: url('../images/button-1-bg.jpg'); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.formFrame .formBack:HOVER {box-shadow: inset 0 0 3px rgba(0,0,0,0.1);}
.formFrame .redirectOptionsFrame {width: auto; float: right; margin: 10px 20px 0px 20%;}
.formFrame .redirectOptions {float: left; margin: 0px 10px 0px 0px; color: #808080;}
.formFrame .redirectOptions INPUT {margin: 3px 10px 0px 0px; float: left;}
.formFrame .redirectOptions .desc {float: left;}
.formFrame .redirectOptions {cursor: pointer;}
.formFrame .redirectOptions INPUT:CHECKED+SPAN {color: #545454;}

/* 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; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.infoPanel I {width: auto; float: left; margin: 10px 10px 2px 0px; font-size: 16px;}
.infoPanel P {width: auto; float: left; margin: 9px 0px 8px 0px;}
.infoPanel.error {border-color: #e95847; color: #fff; background-color: #e95847;}
.infoPanel.done {border-color: #27cd27; color: green; background-color: #ecffcf;}
.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; font-weight: bold;}

/* progress bar */
#progress-wrp {width: 100%; height: 25px; float: left; position: relative; border: 1px solid #0099CC; padding: 1px; border-radius: 3px; margin: 0px; text-align: left; background: #fff; box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);}
#progress-wrp .progress-bar {height: 25px; position: absolute; border-radius: 3px; background-color: #a5d328; width: 0; box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);}
#progress-wrp .status {width: 100%; float: left; color: #000000; text-align: center; position: absolute; margin: 5px 0px 0px 0px;}
.uploadDone {font-weight: bold; width: 100%; float: left; text-align: center; margin: 10px 0px 0px 0px;}
.uploadError {font-weight: bold; width: 100%; float: left; text-align: center; margin: 10px 0px 0px 0px; color: #d9001a;}

/* labels */
.lSelectAll {width: auto; float: left; font-size: 12px; margin: 2px 20px 0px 0px;}
.lSelectAll INPUT {width: auto; float: left; margin: 3px 0px 0px 0px;}
.lSelectAll .lText {width: auto; float: left; margin: 2px 0px 0px 5px;}