.ui-left { text-align: left !important; }
.ui-center { text-align: center !important; }
.ui-right { text-align: right !important; }
.ui-justify { text-align: justify !important; }

.ui-bold { font-weight: 700; }

.ui-h1 { height: 2.7em !important; }
.ui-h2 { height: 5.4em !important; }
.ui-h3 { height: 8.1em !important; }

.ui-ztop { z-index: 100000; }
.ui-automargin { margin-left: auto; margin-right: auto; }

.ui-pr { padding-right: 15px; }
.ui-pr2x { padding-right: 30px; }
.ui-pl { padding-left: 15px; }
.ui-pl2x { padding-left: 30px; }
.ui-pt { padding-top: 15px; }
.ui-pt2x { padding-top: 30px; }
.ui-pb { padding-bottom: 15px; }
.ui-pb2x { padding-bottom: 30px; }

.ui-mr { margin-right: 10px; }
.ui-mr2x { margin-right: 20px; }
.ui-ml { margin-left: 10px; }
.ui-ml2x { margin-left: 20px; }
.ui-mt { margin-top: 10px; }
.ui-mt2x { margin-top: 20px; }
.ui-mb { margin-bottom: 10px; }
.ui-mb2x { margin-bottom: 20px; }

.ui-row { box-sizing: border-box; line-height: normal; }
.ui-row::after { clear: both; content: " "; display: block; }
.ui-col { box-sizing: border-box; float: left; height: 100%; position: relative; }

.ui-w1 { width: 8.3333%; }
.ui-w2 { width: 16.6666%; }
.ui-w3 { width: 25%; }
.ui-w4 { width: 33.3333%; }
.ui-w5 { width: 41.6666%; }
.ui-w6 { width: 50%; }
.ui-w7 { width: 58.3333%; }
.ui-w8 { width: 66.6666%; }
.ui-w9 { width: 75%; }
.ui-w10 { width: 83.3333%; }
.ui-w11 { width: 91.6666%; }
.ui-w12 { width: 100%; }

@media (max-width: 600px) {
    .ui-w1, .ui-w2, .ui-w3, .ui-w4, .ui-w5, .ui-w6, .ui-w7, .ui-w8, .ui-w9, .ui-w10, .ui-w11 {
        width: 100%;
    }
}


/* Forms */
.ui-form { }

.ui-textbox { border: none; color: #111111; background: #ffffff; display: inline-block; font-size: 1em; height: 100%; line-height: 3.8em; text-decoration: none; transition: background 0.3s linear 0s, color 0.3s linear 0s; vertical-align: middle; font-family: "Montserrat", sans-serif; font-weight: 500; box-sizing: border-box; padding: 0 3em; margin: 0; outline: 0; border-radius: 10px; box-shadow: 3.536px 3.536px 8px 0px rgba(209, 217, 230, 0.3),-3.536px -3.536px 8px 0px rgba(255, 255, 255, 0.3),inset 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.3); width: 100%; }

.ui-textarea { border: 1px solid #c3c3c4; border-radius: 2px; box-shadow: 2px 2px 4px 0 #dadada inset; box-sizing: border-box; font-family: "Montserrat", sans-serif; height: 30px; padding: 0 5px; width: 100%; resize: none; height: 120px; font-size: 12px; }

.ui-select { border: 1px solid #c3c3c4; border-radius: 2px; box-shadow: 2px 2px 4px 0 #dadada inset; box-sizing: border-box; font-family: "Montserrat", sans-serif; height: 30px; padding: 0 5px; width: 100%; }

.ui-select-multiple { height: 100%; }

.ui-btn { border: none; color: #111111; background: #f7d42a; cursor: pointer; display: inline-block; font-size: 1em; height: 100%; text-align: center; text-decoration: none; transition: background 0.3s linear 0s, color 0.3s linear 0s; vertical-align: middle; font-family: "Montserrat", sans-serif; font-weight: 500; box-sizing: border-box; padding: 1.2em 3em; margin: 0; outline: 0; border-radius: 10px; box-shadow: 3.536px 3.536px 8px 0px rgba(209, 217, 230, 0.3),-3.536px -3.536px 8px 0px rgba(255, 255, 255, 0.3),inset 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.3); }

.ui-btn:hover { background: #FFE362; }

.ui-file { border: 2px dashed #999999; border-radius: 6px; height: 36px; height: 100px; line-height: 100px; overflow: hidden; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; box-shadow: 0 0 30px rgba(0,0,0,0.05) inset; margin: 20px 0 20px 0; }
.ui-file:hover { background: #F5F7FA; }
.ui-file .caption { color: #999999; font-size: 12px; height: 100%; }
.ui-file input { cursor: pointer; font-size: 1000px; margin-top: -200px; opacity: 0; width: 100%; height: 1000px; }

.ui-label { margin-bottom: 10px; }
.ui-label:first-child { text-align: left; }
.ui-label span { width: 100%; }


.ui-btn-area { border: 2px dotted #999999; border-radius: 6px; height: 36px; height: 100px; line-height: 100px; overflow: hidden; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; box-shadow: 0 0 30px rgba(0,0,0,0.05) inset; margin: 20px 0 20px 0; }
.ui-btn-area:hover { background: #F5F7FA; }
.ui-btn-area .caption { color: #999999; font-size: 12px; height: 100%; }



/* Table */
.ui-table { border-collapse: collapse; }
.ui-table tr { border-bottom: 1px solid #EDEDED; }
.ui-table tr:nth-child(odd) { background-color: #fafafa; }
.ui-table tr:list-child { border-bottom: none; }
.ui-table td { padding: 0.6em 0.35em; }


/* Messagebox */
.ui-messagebox { text-align: center; margin-bottom: 10px; color: #4D4D4D; }
.ui-messagebox .ui-ok, .ui-messagebox .ui-error, .ui-messagebox .ui-notice { padding: 20px; border-radius: 2px; }
.ui-messagebox .ui-ok { border: 1px solid #ADED90; background: #ccf2be; }
.ui-messagebox .ui-error { border: 1px solid #f6c5c5; background: #f7d1d1; }
.ui-messagebox .ui-notice { border: 1px solid #f6c5c5; background: #F5EA90; }



/* Legacy */

.ui-rsepa { padding-right: 10px; }
.ui-lsepa { padding-left: 10px; }
.ui-tsepa { margin-top: 10px; }
.ui-bsepa { margin-bottom: 10px; }
.ui-bhsepa { margin-bottom: 5px; }