.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: 15px; }
.ui-mr2x { margin-right: 30px; }
.ui-ml { margin-left: 15px; }
.ui-ml2x { margin-left: 30px; }
.ui-mt { margin-top: 15px; }
.ui-mt2x { margin-top: 30px; }
.ui-mb { margin-bottom: 15px; }
.ui-mb2x { margin-bottom: 30px; }
.ui-mth1 { margin-top: 109px; }

.ui-bg { background-position: center; background-size: cover; background-repeat: no-repeat; }

.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-gap { padding-left: 5px; padding-right: 5px; }

.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 screen and (max-width: 980px) {
}


/* Forms */
.ui-form { }

.ui-textbox { border: 2px solid #666666; box-sizing: border-box; font-family: 'Montserrat', sans-serif; height: 40px; padding: 0 5px; width: 100%; font-size: 14px; background-color: transparent; color: #ffffff; }

.ui-textarea { border: 1px solid #666666; box-sizing: border-box; font-family: 'Montserrat', sans-serif; height: 40px; padding: 0 5px; width: 100%; resize: none; height: 120px; font-size: 14px; background-color: transparent; color: #ffffff; }

.ui-select { border: 1px solid #666666; box-sizing: border-box; font-family: 'Montserrat', sans-serif; height: 40px; padding: 0 5px; width: 100%; font-size: 14px; background-color: transparent; color: #ffffff; }

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

.ui-btn { border: 2px solid #ffffff; color: #ffffff; background: transparent; cursor: pointer; display: inline-block; font-size: 0.875rem; 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; box-sizing: border-box; padding: 0.5em 1em; margin: 0; outline: 0; font-weight: 700; user-select: none; }
.ui-btn:hover {  }
.ui-btn[disabled] { cursor: default;  }
.ui-btn[disabled]:hover { background-color: transparent; color: inherit; }
.ui-btn[disabled]:hover i { color: inherit; }
.ui-btn i { font-size: 1rem; vertical-align: middle; }
.ui-btn span { margin-left: 0.5rem; }

.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 { display: flex; align-items: center; height: 30px; line-height: 15px; text-align: right; color: #818284; white-space: nowrap; }
.ui-label:first-child { text-align: left; }
.ui-label span { width: 100%; }

.ui-required-star { color: #E60707; margin-left: 5px; }


.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%; }

.ui-flex { display: flex; }

/* 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: #cccccc; }
.ui-messagebox .ui-ok, .ui-messagebox .ui-error, .ui-messagebox .ui-notice { padding: 20px; }
.ui-messagebox .ui-error { border: 1px solid #DE2124; background: #DE2124; }
.ui-messagebox .ui-notice { border: 1px solid #f6c5c5; background: #F5EA90; }


/* Dialog */
.ui-dialog { position: fixed; top: -150%; left: 0; background-color: rgba(255,255,255,0.95); z-index: 10; padding: 100px 0 0 0; width: 100%; height: 100%; box-sizing: border-box; transition: top 0.3s ease-out, opacity 0.3s ease-out; overflow-y: scroll; opacity: 0; }
.ui-dialog .close-dialog { position: absolute; top: 20px; right: 50px; width: 60px; height: 60px; cursor: pointer; background-image: url(/images/dialog-close.svg); background-size: 100%; background-position: center; }
.ui-dialog .content { position: relative; height: 100%; }
.ui-dialog.on { top: 0; opacity: 1; }



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

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

/* 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; }