@charset "utf-8";

.ha-c, .ha-c-c * {
    text-align: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.ha-l, .ha-c-l * {
    text-align: left;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.ha-r, .ha-c-r * {
    text-align: right;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.ha-j, .ha-c-j * {
    text-align: justify;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.va-m, .va-c-m * {
    vertical-align: middle;
}

.va-t, .va-c-t * {
    vertical-align: top;
}

.va-b, .va-c-b * {
    vertical-align: bottom;
}

.f-c-r *, .f-r {
    float: right;
}

.f-c-l *, .f-l {
    float: left;
}

.f-c-c *, .f-c {
    clear: both;
}



.child.right > *,
.me.right {
    float: right;
}

*.me.left,
*.child.left > *,
*.only-child.left.link-design a:only-child,
*.only-child.left.cell-design > tbody > tr > td > *,
*.only-child.left.cell-design > tr > td > * {
    float: left;
}

*.me.clear,
*.child.clear > *,
*.only-child.clear.link-design a:only-child,
table.only-child.clear.cell-design > tbody > tr > td > * {
    clear: both;
}


.only-child-left-radio-design input[type="radio"],
.only-child-left-radio-design input[type="radio"] + label,
.only-child-left-radio-design input[type="checkbox"],
.only-child-left-check-design input[type="checkbox"] + label {
    float: left;
}

    .only-child-left-radio-design input[type="radio"] + label,
    .only-child-left-check-design input[type="checkbox"] + label {
        margin-top: 3px;
    }

*.only-child.left.check-design input[type="checkbox"],
*.only-child.left.check-design input[type="checkbox"] + label {
    float: left;
}



.relative.thirtieth-left, .child-relative.thirtieth-left > * {
    position: relative;
    left: 30%;
}

.relative.thirtyfifth-left, .child-relative.thirtyfifth-left > * {
    position: relative;
    left: 35%;
}
/*Margin helper*/

.no-mg, .c-no-mg * {
    margin: 0 !important;
}

.mg-auto, .mg-c-auto *, .mg-y-auto, .mg-c-y-auto *, .mg-t-auto, .mg-c-t-auto * {
    margin-top: auto !important;
}

.mg-auto, .mg-c-auto *, .mg-y-auto, .mg-c-y-auto *, .mg-b-auto, .mg-c-b-auto * {
    margin-bottom: auto !important;
}

.mg-auto, .mg-c-auto *, .mg-x-auto, .mg-c-x-auto *, .mg-l-auto, .mg-c-l-auto * {
    margin-left: auto !important;
}

.mg-auto, .mg-c-auto *, .mg-x-auto, .mg-c-x-auto *, .mg-r-auto, .mg-c-r-auto * {
    margin-right: auto !important;
}

.mg-tiny, .mg-c-tiny *, .mg-y-tiny, .mg-c-y-tiny *, .mg-t-tiny, .mg-c-t-tiny * {
    margin-top: 1% !important;
}

.mg-tiny, .mg-c-tiny *, .mg-x-tiny, .mg-c-x-tiny *, .mg-l-tiny, .mg-c-l-tiny * {
    margin-left: 1% !important;
}

.mg-tiny, .mg-c-tiny *, .mg-x-tiny, .mg-c-x-tiny *, .mg-r-tiny, .mg-c-r-tiny * {
    margin-right: 1% !important;
}

.mg-tiny, .mg-c-tiny *, .mg-y-tiny, .mg-c-y-tiny *, .mg-b-tiny, .mg-c-b-tiny * {
    margin-bottom: 1% !important;
}

.mg-light, .mg-c-light *, .mg-y-light, .mg-c-y-light *, .mg-t-light, .mg-c-t-light * {
    margin-top: 3% !important;
}

.mg-light, .mg-c-light *, .mg-x-light, .mg-c-x-light *, .mg-l-light, .mg-c-l-light * {
    margin-left: 3% !important;
}

.mg-light, .mg-c-light *, .mg-x-light, .mg-c-x-light *, .mg-r-light, .mg-c-r-light * {
    margin-right: 3% !important;
}

.mg-light, .mg-c-light *, .mg-y-light, .mg-c-y-light *, .mg-b-light, .mg-c-b-light * {
    margin-bottom: 3% !important;
}

.mg-mid, .mg-c-mid *, .mg-y-mid, .mg-c-y-mid *, .mg-t-mid, .mg-c-t-mid * {
    margin-top: 6% !important;
}

.mg-mid, .mg-c-mid *, .mg-x-mid, .mg-c-x-mid *, .mg-l-mid, .mg-c-l-mid * {
    margin-left: 6% !important;
}

.mg-mid, .mg-c-mid *, .mg-x-mid, .mg-c-x-mid *, .mg-r-mid, .mg-c-r-mid * {
    margin-right: 6% !important;
}

.mg-mid, .mg-c-mid *, .mg-y-mid, .mg-c-y-mid *, .mg-b-mid, .mg-c-b-mid * {
    margin-bottom: 6% !important;
}

.mg-large, .mg-c-large *, .mg-y-large, .mg-c-y-large *, .mg-t-large, .mg-c-t-large * {
    margin-top: 10% !important;
}

.mg-large, .mg-c-large *, .mg-x-large, .mg-c-x-large *, .mg-l-large, .mg-c-l-large * {
    margin-left: 10% !important;
}

.mg-large, .mg-c-large *, .mg-x-large, .mg-c-x-large *, .mg-r-large, .mg-c-r-large * {
    margin-right: 10% !important;
}

.mg-large, .mg-c-large *, .mg-y-large, .mg-c-y-large *, .mg-b-large, .mg-c-b-large * {
    margin-bottom: 10% !important;
}

.no-pg, .no-pg-c {
    padding: 0;
}

.pg-tiny, .pg-c-tiny *, .pg-y-tiny, .pg-c-y-tiny *, .pg-t-tiny, .pg-c-t-tiny * {
    padding-top: 1% !important;
}

.pg-tiny, .pg-c-tiny *, .pg-x-tiny, .pg-c-x-tiny *, .pg-l-tiny, .pg-c-l-tiny * {
    padding-left: 1% !important;
}

.pg-tiny, .pg-c-tiny *, .pg-x-tiny, .pg-c-x-tiny *, .pg-r-tiny, .pg-c-r-tiny * {
    padding-right: 1% !important;
}

.pg-tiny, .pg-c-tiny *, .pg-y-tiny, .pg-c-y-tiny *, .pg-b-tiny, .pg-c-b-tiny * {
    padding-bottom: 1% !important;
}

.pg-light, .pg-c-light *, .pg-y-light, .pg-c-y-light *, .pg-t-light, .pg-c-t-light * {
    padding-top: 3% !important;
}

.pg-light, .pg-c-light *, .pg-x-light, .pg-c-x-light *, .pg-l-light, .pg-c-l-light * {
    padding-left: 3% !important;
}

.pg-light, .pg-c-light *, .pg-x-light, .pg-c-x-light *, .pg-r-light, .pg-c-r-light * {
    padding-right: 3% !important;
}

.pg-light, .pg-c-light *, .pg-y-light, .pg-c-y-light *, .pg-b-light, .pg-c-b-light * {
    padding-bottom: 3% !important;
}

.pg-mid, .pg-c-mid *, .pg-y-mid, .pg-c-y-mid *, .pg-t-mid, .pg-c-t-mid * {
    padding-top: 6% !important;
}

.pg-mid, .pg-c-mid *, .pg-x-mid, .pg-c-x-mid *, .pg-l-mid, .pg-c-l-mid * {
    padding-left: 6% !important;
}

.pg-mid, .pg-c-mid *, .pg-x-mid, .pg-c-x-mid *, .pg-r-mid, .pg-c-r-mid * {
    padding-right: 6% !important;
}

.pg-mid, .pg-c-mid *, .pg-y-mid, .pg-c-y-mid *, .pg-b-mid, .pg-c-b-mid * {
    padding-bottom: 6% !important;
}

.pg-large, .pg-c-large *, .pg-y-large, .pg-c-y-large *, .pg-t-large, .pg-c-t-large * {
    padding-top: 10% !important;
}

.pg-large, .pg-c-large *, .pg-x-large, .pg-c-x-large *, .pg-l-large, .pg-c-l-large * {
    padding-left: 10% !important;
}

.pg-large, .pg-c-large *, .pg-x-large, .pg-c-x-large *, .pg-r-large, .pg-c-r-large * {
    padding-right: 10% !important;
}

.pg-large, .pg-c-large *, .pg-y-large, .pg-c-y-large *, .pg-b-large, .pg-c-b-large * {
    padding-bottom: 10% !important;
}
/* BEGIN: Size helper*/

.main-size {
    width: 100% !important;
    height: 90% !important;
}

.full-size {
    width: 100% !important;
    height: 100% !important;
}

.full-size-ie {
    width: 99% !important;
    height: 98% !important;
}
/*========================================*/
.h100-pc {
    height: 100% !important;
}

.h95-pc {
    height: 95% !important;
}

.h90-pc {
    height: 90% !important;
}

.h85-pc {
    height: 85% !important;
}

.h80-pc {
    height: 80% !important;
}

.h75-pc {
    height: 75% !important;
}

.h70-pc {
    height: 70% !important;
}

.h65-pc {
    height: 65% !important;
}

.h60-pc {
    height: 60% !important;
}

.h55-pc {
    height: 55% !important;
}

.h50-pc {
    height: 50% !important;
}

.h45-pc {
    height: 45% !important;
}

.h40-pc {
    height: 40% !important;
}

.h35-pc {
    height: 35% !important;
}

.h30-pc {
    height: 30% !important;
}

.h25-pc {
    height: 25% !important;
}

.h20-pc {
    height: 20% !important;
}

.h15-pc {
    height: 15% !important;
}

.h10-pc {
    height: 10% !important;
}

.h5-pc {
    height: 5% !important;
}

.h550-px {
    height: 550px !important;
}

.h400-px {
    height: 400px !important;
}

.h300-px {
    height: 300px !important;
}

.h250-px {
    height: 250px !important;
}

.h200-px {
    height: 200px !important;
}

.h150-px {
    height: 150px !important;
}

.h100-px {
    height: 100px !important;
}

.h60-px {
    height: 60px !important;
}

.h50-px {
    height: 50px !important;
}

.h1-px {
    height: 1px !important;
}
/*========================================*/
.w100-pc {
    width: 100% !important;
}

.w95-pc {
    width: 95% !important;
}

.w90-pc {
    width: 90% !important;
}

.w85-pc {
    width: 85% !important;
}

.w80-pc {
    width: 80% !important;
}

.w75-pc {
    width: 75% !important;
}

.w70-pc {
    width: 70% !important;
}

.w65-pc {
    width: 65% !important;
}

.w60-pc {
    width: 60% !important;
}

.w55-pc {
    width: 55% !important;
}

.w50-pc {
    width: 50% !important;
}

.w45-pc {
    width: 45% !important;
}

.w40-pc {
    width: 40% !important;
}

.w35-pc {
    width: 35% !important;
}

.w30-pc {
    width: 30% !important;
}

.w25-pc {
    width: 25% !important;
}

.w20-pc {
    width: 20% !important;
}

.w15-pc {
    width: 15% !important;
}

.w10-pc {
    width: 10% !important;
}

.w5-pc {
    width: 5% !important;
}

.w700-px {
    width: 600px !important;
}

.w600-px {
    width: 600px !important;
}

.w550-px {
    width: 500px !important;
}

.w500-px {
    width: 500px !important;
}

.w400-px {
    width: 400px !important;
}

.w250-px {
    width: 250px !important;
}

.w200-px {
    width: 200px !important;
}

.w150-px {
    width: 150px !important;
}

.w90-px {
    width: 90px !important;
}
/*========================================*/
/* END: Size helper */
.no-border {
    border: 0 !important;
}

.no-overflow, .no-x-overflow {
    overflow-x: hidden !important;
}

.auto-overflow, .auto-x-overflow {
    overflow-x: auto !important;
}

.visible-overflow, .visible-x-overflow {
    overflow-x: visible !important;
}

.no-overflow, .no-y-overflow {
    overflow-y: hidden !important;
}

.auto-overflow, .auto-y-overflow {
    overflow-y: auto !important;
}

.visible-overflow, .visible-y-overflow {
    overflow-y: visible !important;
}
/* BEGIN: Color helper */
.clr-white {
    color: #fff !important;
}

.clr-msg {
    color: #3c3d76 !important;
}

.clr-neutral {
    color: #F5F5F5 !important;
}

.clr-error {
    color: #F7CBCA !important;
}

.clr-darkyellow {
    color: #ff9900 !important;
}

.clr-success {
    color: #C9FFCA !important;
}

.clr-blue {
    color: blue !important;
}

.clr-main {
    color: #3A8EBA !important;
}

.clr-darkblue {
    color: #002D51 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-msg {
    background-color: #3c3d76 !important;
}

.bg-neutral {
    background-color: #F5F5F5 !important;
}

.bg-error {
    background-color: #F7CBCA !important;
}

.bg-success {
    background-color: #C9FFCA !important;
}

.bg-main {
    background-color: #3A8EBA !important;
}

.bg-bluewhite {
    background-color: #ECEBFF !important;
}

.bg-darkblue {
    background-color: #002D51 !important;
}

.bg-lightviolet {
    background-color: #938fcf !important;
}

.bg-lightblue {
    background-color: #EBF5FB !important;
}
/* END: Color helper */

/* BEGIN: VISIBILITY HELPER */
.visible {
    visibility: visible;
    display: block;
}

.block {
    display: block;
}

.hidden {
    visibility: hidden;
    display: none;
}

.is-disabled {
    pointer-events: none;
    cursor: none;
}

    .is-disabled input,
    .is-disabled select,
    .is-disabled textarea {
        color: gray;
    }
/* END: VISIBILITY HELPER */
/* BEGIN: Table helper */
.no-space-border {
    border-spacing: 0px !important;
    border-collapse: collapse !important;
    border: 0 !important;
}

.px5-space-border {
    border-spacing: 5px !important;
    border-collapse: separate !important;
}

.px10-space-border {
    border-spacing: 10px !important;
    border-collapse: separate !important;
}

.px15-space-border {
    border-spacing: 15px !important;
    border-collapse: separate !important;
}

.px20-space-border {
    border-spacing: 20px !important;
    border-collapse: separate !important;
}

.px25-space-border {
    border-spacing: 25px !important;
    border-collapse: separate !important;
}

.px30-space-border {
    border-spacing: 30px !important;
    border-collapse: separate !important;
}

.px35-space-border {
    border-spacing: 35px !important;
    border-collapse: separate !important;
}

.px40-space-border {
    border-spacing: 40px !important;
    border-collapse: separate !important;
}

.px45-space-border {
    border-spacing: 45px !important;
    border-collapse: separate !important;
}

.px50-space-border {
    border-spacing: 50px !important;
    border-collapse: separate !important;
}
/* END: Table helper */

/*BEGIN: Panel Styles*/


.bordered-panel,
.violet-panel,
.lightviolet-panel,
.darkyellow-panel,
.gray-panel {
    border-width: 1px !important;
}

table.bordered-panel,
table.violet-panel,
table.lightviolet-panel,
table.darkyellow-panel,
table.gray-panel {
    border-collapse: separate !important;
    border-spacing: 10px;
}

.darkyellow-panel.outset,
.lightviolet-panel.outset,
.violet-panel.outset,
.bordered-panel.outset {
    border-style: outset !important;
}

.darkyellow-panel.solid,
.lightviolet-panel.solid,
.violet-panel.solid,
.bordered-panel.solid {
    border-style: solid !important;
}

.darkyellow-panel.dotted,
.lightviolet-panel.dotted,
.violet-panel.dotted,
.bordered-panel.dotted {
    border-style: dotted !important;
}

.bordered-panel {
    border-color: black !important;
}

.violet-panel {
    border-color: rgb(147, 143, 207) !important;
}

.lightviolet-panel {
    border-color: #938fcf !important;
}

.darkyellow-panel {
    border-color: #ff9900 !important;
}

.gray-panel {
    border-color: gray !important;
}


/*.bordered-panel span {
    float: left !important;
}*/

.bordered-panel > table {
    border-collapse: separate;
    border-spacing: 10px;
}

.bordered-panel .main-label {
    width: 400px
}

.bordered-panel .submit-zone {
    height: 50px
}
/*END: PAnel Styles*/
/*BEGIN: Frame*/
.contained-frame {
    margin: 0;
    height: 700px;
}
/*END: Frame*/