ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    margin: 0;
}

form li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

    form li:not(.checkbox) > label {
        text-align: left;
        width: 35%;
        flex-shrink: 0;
        font-size: 0.8em;
        margin-right: 10px;
    }

    form li > input {
        text-align: left;
        width: 65%;
        flex-shrink: 1;
    }

.infront {
    z-index: 10000;
}

.hide {
    display: none;
}

/* JERARQUIA - ALTURA */
.z-index-1 {
    z-index: 1000;
}

.z-index-2 {
    z-index: 1000;
}

.z-index-3 {
    z-index: 100;
}

.z-index-4 {
    z-index: 1;
}

/* BOXES */

.overflow-h {
    overflow: hidden;
}

.width-full {
    width: 100%;
}

.width-xt {
    width: 2px;
}

.width-t {
    width: 5px;
}

.width-s {
    width: 60px;
}

.width-ms {
    width: 120px;
}

.width-m {
    width: 150px;
}

.width-ml {
    width: 250px;
}

.width-l {
    width: 400px;
}

.width-l-1 {
    width: 450px;
}

.width-xl {
    width: 600px;
}

.width-mitad {
    width: 50%;
}

.width-casi-mitad {
    width: 45%;
}

.width-tercio {
    width: 33.3333%;
}

.width-tercio-complemento {
    width: 66.6666%;
}

.width-cuarto {
    width: 25%;
}

.width-cuarto-complemento {
    width: 75%;
}

.width-quinto {
    width: 20%;
}

.width-quinto-complemento {
    width: 80%;
}

.width-sexto {
    width: 16.6666%;
}

.width-sexto-complemento {
    width: 83.3333%;
}


.height-full {
    height: 100%;
}

.height-line {
    height: 1px;
}

.height-xt {
    height: 2px;
}

.height-t {
    height: 5px;
}

.height-s {
    height: 60px;
}

.height-sm {
    height: 90px;
}

.height-ms {
    height: 120px;
}

.height-m {
    height: 150px;
}

.height-ml {
    height: 250px;
}

.height-l {
    height: 430px;
}

.height-xl {
    height: 500px;
}

.height-xxl {
    height: 600px;
}

.height-xxxl {
    height: 700px;
}

.height-mitad {
    height: 50%;
}

.height-tercio {
    height: 33.3333%;
}

.height-tercio-complemento {
    height: 66.6666%;
}

.height-cuarto {
    height: 25%;
}

.height-cuarto-complemento {
    height: 75%;
}

.height-quinto {
    height: 20%;
}

.height-quinto-complemento {
    height: 80%;
}

.height-sexto {
    height: 16.6666%;
}

.height-sexto-complemento {
    height: 83.3333%;
}


.static {
    position: static;
}

.absolute {
    position: absolute;
}

    .absolute.front {
        z-index: 10;
    }

    .absolute.top {
        top: 0;
    }

    .absolute.bottom {
        bottom: 0;
    }

    .absolute.left {
        left: 0;
    }

    .absolute.right {
        right: 0;
    }

.fixed {
    position: fixed;
}

    .fixed.top {
        top: 0;
    }

    .fixed.bottom {
        bottom: 0;
    }

.flex {
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
}

    .flex.v-stretch {
        align-items: stretch;
    }

    .flex.v-center {
        align-items: center;
    }

    .flex.v-top {
        align-items: flex-start;
    }

    .flex.v-bottom {
        align-items: flex-end;
    }

    .flex.h-center {
        justify-content: center;
    }

    .flex.h-left {
        justify-content: flex-start
    }

    .flex.h-right {
        justify-content: flex-end;
    }

    .flex.between {
        justify-content: space-between;
    }

        .flex.between > div {
            flex-grow: 1;
            flex-basis: 0;
        }

    .flex.around {
        justify-content: space-around;
    }

    .flex.left {
        justify-content: flex-start;
    }

    .flex .no-shrink {
        flex-shrink: 0;
    }

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.v-center {
    align-items: stretch;
}

.v-top {
    vertical-align: top;
}

.v-bottom {
    vertical-align: bottom;
}

.flex-horizontal {
    flex-direction: row;
}

.flex-vertical {
    flex-direction: column;
}

.flex-horizontal > .img {
    flex-shrink: 0;
}

.flex-rows {
    flex-flow: row wrap;
}

    .flex-rows.flex-row-1 > div {
        flex-basis: 100%;
    }

    .flex-rows.flex-row-2 > div {
        flex-basis: 50%;
    }

    .flex-rows.flex-row-3 > div {
        flex-basis: 33.33%;
        flex-grow: 0;
    }

    .flex-rows.flex-row-4 > div {
        flex-basis: 25%;
    }

    .flex-rows.flex-row-5 > div {
        flex-basis: 20%;
    }

.behind {
    z-index: -1;
}

/* MARGINS */
.mar-top-0 {
    margin-top: 0px;
}

.mar-0 {
    margin: 0px;
}

.mar-2 {
    margin: 2px;
}

.mar-5 {
    margin: 5px;
}

.mar-10 {
    margin: 10px;
}

.mar-15 {
    margin: 15px;
}

.mar-20 {
    margin: 20px;
}

.mar-25 {
    margin: 25px;
}

.mar-30 {
    margin: 30px;
}

.mar-40 {
    margin: 40px;
}

.mar-50 {
    margin: 50px;
}

.mar-80 {
    margin: 80px;
}

.no-h-mar {
    margin-left: auto;
    margin-right: auto;
}

.no-v-mar {
    margin-top: 0;
    margin-bottom: 0;
}

/* PADDINGS */
.pad-0 {
    padding: 0px;
}

.pad-3 {
    padding: 3px;
}

.pad-5 {
    padding: 5px;
}

.pad-10 {
    padding: 10px;
}

.pad-15 {
    padding: 15px;
}

.pad-20 {
    padding: 20px;
}

.pad-25 {
    padding: 25px;
}

.pad-30 {
    padding: 30px;
}

.pad-40 {
    padding: 40px;
}

.pad-50 {
    padding: 50px;
}

.no-h-pad {
    padding-left: 0;
    padding-right: 0;
}

.no-v-pad {
    padding-top: 0;
    padding-bottom: 0;
}

svg.pad-10 {
    padding: 0 !important;
    margin: 10px !important;
}

svg.pad-5 {
    padding: 0 !important;
    margin: 5px !important;
}

/* ROUND CORNERS */

.rounded-2 {
    border-radius: 2px;
}

.rounded-5 {
    border-radius: 10px;
    overflow: hidden;
}

.rounded-10 {
    border-radius: 10px;
}

.rounded-full {
    border-radius: 100%;
}

/* BORDER */

.borde-1 {
    border-width: 1px;
    border-style: solid;
}

.borde-2 {
    border-width: 2px;
    border-style: solid;
}

.border-left {
    border-left-width: 1px;
    border-left-style: solid;
}

.border-right {
    border-right-width: 1px;
    border-right-style: solid;
}

.border-top {
    border-top-width: 1px;
    border-top-style: solid;
}

.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* SOMBRAS */
.shadow-inset-1000 {
    box-shadow: inset 0 0 1000px 100px #000;
}

.shadow-1 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

a.shadow-1, i.shadow-1 {
    margin: 2px;
}

    a.shadow-1:hover, i.shadow-1:hover {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.16);
    }

.shadow-2 {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}

/* OPACITY */
.opc-1 {
    opacity: .1;
}

.opc-2 {
    opacity: .2;
}

.opc-3 {
    opacity: .3;
}

.opc-4 {
    opacity: .4;
}

.opc-5 {
    opacity: .5;
}

.opc-6 {
    opacity: .6;
}

.opc-7 {
    opacity: .7;
}

.opc-8 {
    opacity: .8;
}

.opc-9 {
    opacity: .9;
}

.opc-10 {
    opacity: 1;
}


.force-rounded:after {
    content: 'a';
    position: absolute;
    left: 0;
    top: 0;
    width: 98%;
    hegiht: 98%;
    border-radius: 10px;
    border: 10px solid #fff;
    background: #fff;
    z-index: 10000;
}

.table {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

iframe {
    border-radius: 10px
}