html{
    font-size: 10px;
    font-family: verdana, sans-serif;
    height:100%;
}

body{
    height:100%;
    margin:0;
}

div{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
}

:disabled div,
a div,
button div{
    cursor: unset;
}


input,
select,
button,
label,
textarea,
.icon-button i{
    font-size: 1.2rem;
    min-height: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input,
select,
textarea{
    background: #ffffff;
    border:solid .1rem rgba(0,0,0,.5);
    padding:.3rem .7rem;
}

input[type=radio],
input[type=checkbox]{
    vertical-align: middle;
    margin:0 .2em;
}

input.hide-num-arrows::-webkit-outer-spin-button,
input.hide-num-arrows::-webkit-inner-spin-button,
input.hide-arrows::-webkit-outer-spin-button,
input.hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


button{
    border:solid .1rem rgba(0,0,0,.5);
    -webkit-border-radius:.2em;
    -moz-border-radius:.2em;
    border-radius:.2em;
    background: #e7e7e7;
    cursor: pointer;
    padding:.3rem .7rem;
}

button:disabled{
    cursor: default;
}



[data-count-label]::after{
    background: rgba(0,0,0,.25);
    border-radius: 1em;
    content: attr(data-count-label);
    display: inline-block;
    font-size: .9em;
    margin-left: .5em;
    min-width: 1em;
    padding: .1em .3em;
}

[data-count-label=""]::after{
    display: none;
}

[data-count-label].count-label-red::after{
    background: #f00;
    color: #fff;
}

[data-count-label].count-label-white::after{
    background: #fff;
    color: #333;
}

[data-count-label].count-label-black::after{
    background: #000;
    color: #ddd;
}

[data-count-label].count-label-green::after{
    background: #0a4;
    color: #fff;
}

[data-count-label].count-label-orange::after{
    background: #f70;
    color: #fff;
}

[data-count-label].count-label-blue::after{
    background: #07f;
    color: #fff;
}

[data-count-label].count-label-pink::after{
    background: #f0e;
    color: #fff;
}

[data-count-label].count-label-yellow::after{
    background: #fe4;
    color: #000;
}



.icon-button-no-background,
.icon-button-round,
.icon-button{
    display: contents;
}

.icon-button-no-background i,
.icon-button-round i,
.icon-button i{
    border:inherit;
    border-radius:inherit;
    background: inherit;
    display: inline-block;
    text-align: center;
    padding: 0;
    width: 2em;
    height: 2em;
    line-height: 2em;
}

.icon-button-round i{
    border-radius: 1em;
}

.icon-button-no-background i{
    width: auto;
    height: auto;
    line-height: 1;
    border: none;
    background: none;
}

table{
    border-spacing: 0;
    border-collapse: collapse;
}





::-webkit-scrollbar {
    width: .5rem;
    height: .8rem;
    box-sizing: border-box;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.1);
    border-radius: .2rem;
    border: solid 1rem rgba(0,0,0,.2);
}







::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(100,100,100,.5);
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgba(100,100,100,.5);
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgba(100,100,100,.5);
}
:-moz-placeholder { /* Firefox 18- */
    color: rgba(100,100,100,.5);
}







.container,
.container-1000{
    margin:0 auto;
    max-width: 100rem;
}

.container-900{
    margin:0 auto;
    max-width: 90rem;
}

.container-800{
    margin:0 auto;
    max-width: 80rem;
}

.container-700{
    margin:0 auto;
    max-width: 70rem;
}

.container-600{
    margin:0 auto;
    max-width: 60rem;
}

.container-500{
    margin:0 auto;
    max-width: 50rem;
}

.container-400{
    margin:0 auto;
    max-width: 40rem;
}

.container-300{
    margin:0 auto;
    max-width: 30rem;
}







.limit-lines-1,
.line-clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.limit-lines-2,
.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.limit-lines-3,
.line-clamp-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.limit-lines-4,
.line-clamp-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.limit-lines-5,
.line-clamp-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.limit-lines-6,
.line-clamp-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

.limit-lines-7,
.line-clamp-7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
}

.limit-lines-8,
.line-clamp-8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
}

.limit-lines-9,
.line-clamp-9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    -webkit-box-orient: vertical;
}

.limit-lines-10,
.line-clamp-10 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    -webkit-box-orient: vertical;
}

.limit-lines-20,
.line-clamp-20 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20;
    line-clamp: 20;
    -webkit-box-orient: vertical;
}

.limit-lines-30,
.line-clamp-30 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 30;
    line-clamp: 30;
    -webkit-box-orient: vertical;
}

.limit-lines-40,
.line-clamp-40 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 40;
    line-clamp: 40;
    -webkit-box-orient: vertical;
}

.limit-lines-50,
.line-clamp-50 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 50;
    line-clamp: 50;
    -webkit-box-orient: vertical;
}







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

.font-weight-normal{
    font-weight: normal;
}






.display-block{
    display: block;
}

.display-flex{
    display: flex;
    flex-direction: initial;
}

.display-flex-column{
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.display-inline{
    display: inline;
}

.display-inline-block{
    display: inline-block;
}

.display-grid{
    display: grid;
}

.display-inline-grid{
    display: grid;
}

.display-grid-row{
    display: grid;
    grid-auto-flow: row;
}

.display-grid-column,
.grid-template-columns-1fr-x2,
.grid-template-columns-1fr-x3,
.grid-template-columns-1fr-x4,
.grid-template-columns-1fr-x5,
.grid-template-columns-1fr-x6,
.grid-template-columns-1fr-x7,
.grid-template-columns-1fr-x8,
.grid-template-columns-1fr-x9,
.grid-template-columns-1fr-x10,
.grid-template-columns-1fr-x11,
.grid-template-columns-1fr-x12,
.grid-template-columns-auto-x2,
.grid-template-columns-auto-x3,
.grid-template-columns-auto-x4,
.grid-template-columns-auto-x5,
.grid-template-columns-auto-x6,
.grid-template-columns-auto-x7,
.grid-template-columns-auto-x8,
.grid-template-columns-auto-x9,
.grid-template-columns-auto-x10,
.grid-template-columns-auto-x11,
.grid-template-columns-auto-x12
{
    display: grid;
    grid-auto-flow: column;
}

.grid-template-columns-1fr-x2{
    grid-template-columns: repeat(2, 1fr);
}

.grid-template-columns-1fr-x3{
    grid-template-columns: repeat(3, 1fr);
}

.grid-template-columns-1fr-x4{
    grid-template-columns: repeat(4, 1fr);
}

.grid-template-columns-1fr-x5{
    grid-template-columns: repeat(5, 1fr);
}

.grid-template-columns-1fr-x6{
    grid-template-columns: repeat(6, 1fr);
}

.grid-template-columns-1fr-x7{
    grid-template-columns: repeat(7, 1fr);
}

.grid-template-columns-1fr-x8{
    grid-template-columns: repeat(8, 1fr);
}

.grid-template-columns-1fr-x9{
    grid-template-columns: repeat(9, 1fr);
}

.grid-template-columns-1fr-x10{
    grid-template-columns: repeat(10, 1fr);
}

.grid-template-columns-1fr-x11{
    grid-template-columns: repeat(11, 1fr);
}

.grid-template-columns-1fr-x12{
    grid-template-columns: repeat(12, 1fr);
}

.grid-template-columns-auto-x2{
    grid-template-columns: repeat(2, auto);
}

.grid-template-columns-auto-x3{
    grid-template-columns: repeat(3, auto);
}

.grid-template-columns-auto-x4{
    grid-template-columns: repeat(4, auto);
}

.grid-template-columns-auto-x5{
    grid-template-columns: repeat(5, auto);
}

.grid-template-columns-auto-x6{
    grid-template-columns: repeat(6, auto);
}

.grid-template-columns-auto-x7{
    grid-template-columns: repeat(7, auto);
}

.grid-template-columns-auto-x8{
    grid-template-columns: repeat(8, auto);
}

.grid-template-columns-auto-x9{
    grid-template-columns: repeat(9, auto);
}

.grid-template-columns-auto-x10{
    grid-template-columns: repeat(10, auto);
}

.grid-template-columns-auto-x11{
    grid-template-columns: repeat(11, auto);
}

.grid-template-columns-auto-x12{
    grid-template-columns: repeat(12, auto);
}

.grid-template-columns-fit-content-x2{
    grid-template-columns: repeat(2, fit-content(100%));
}

.grid-template-columns-fit-content-x3{
    grid-template-columns: repeat(3, fit-content(100%));
}

.grid-template-columns-fit-content-x4{
    grid-template-columns: repeat(4, fit-content(100%));
}

.grid-template-columns-fit-content-x5{
    grid-template-columns: repeat(5, fit-content(100%));
}

.grid-template-columns-fit-content-x6{
    grid-template-columns: repeat(6, fit-content(100%));
}

.grid-template-columns-fit-content-x7{
    grid-template-columns: repeat(7, fit-content(100%));
}

.grid-template-columns-fit-content-x8{
    grid-template-columns: repeat(8, fit-content(100%));
}

.grid-template-columns-fit-content-x9{
    grid-template-columns: repeat(9, fit-content(100%));
}

.grid-template-columns-fit-content-x10{
    grid-template-columns: repeat(10, fit-content(100%));
}

.grid-template-columns-fit-content-x11{
    grid-template-columns: repeat(11, fit-content(100%));
}

.grid-template-columns-fit-content-x12{
    grid-template-columns: repeat(12, fit-content(100%));
}

.display-inline-grid{
    display: inline-grid;
}






.position-relative{
    position: relative;
}

.position-absolute{
    position: absolute;
}

.position-fixed{
    position: fixed;
}





.flex-1{
    flex: 1;
}

.flex-2{
    flex: 2;
}

.flex-3{
    flex: 3;
}

.flex-4{
    flex: 4;
}

.flex-5{
    flex: 5;
}

.flex-6{
    flex: 6;
}

.flex-7{
    flex: 7;
}

.flex-8{
    flex: 8;
}

.flex-9{
    flex: 9;
}

.flex-10{
    flex: 10;
}





.flex-wrap{
    flex-wrap: wrap;
}

.flex-wrap-revert{
    flex-wrap: revert;
}

.flex-wrap-wrap-reverse{
    flex-wrap: wrap-reverse;
}

.flex-wrap-nowrap{
    flex-wrap: nowrap;
}





.gap-0{
    gap: 0;
}

.gap-1{
    gap:.1rem;
}

.gap-2{
    gap:.2rem;
}

.gap-3{
    gap:.3rem;
}

.gap-4{
    gap:.4rem;
}

.gap-5{
    gap:.5rem;
}

.gap-6{
    gap:.6rem;
}

.gap-7{
    gap:.7rem;
}

.gap-8{
    gap:.8rem;
}

.gap-9{
    gap:.9rem;
}

.gap-10{
    gap:1rem;
}

.gap-15{
    gap:1.5rem;
}

.gap-20{
    gap:2rem;
}

.gap-25{
    gap:2.5rem;
}

.gap-30{
    gap:3rem;
}

.gap-35{
    gap:3.5rem;
}

.gap-40{
    gap:4rem;
}

.gap-45{
    gap:4.5rem;
}

.gap-50{
    gap:5rem;
}






.word-break-all{
    word-break: break-all;
}

.word-break-word{
    word-break: break-word;
}

.word-break-keep-all{
    word-break: keep-all;
}





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

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

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

.align-items-start{
    align-items: start;
}

.align-items-end{
    align-items: end;
}

.align-items-baseline{
    align-items: baseline;
}

.align-items-self-start{
    align-items:self-start;
}

.align-items-self-end{
    align-items:self-end;
}





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

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

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

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

.justify-content-end{
    justify-content: end;
}

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

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

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

.justify-content-right{
    justify-content: right;
}





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

.flex-flow-nowrap{
    flex-flow: nowrap;
}

.flex-flow-column{
    flex-flow: column;
}

.flex-flow-column-reverse{
    flex-flow: column-reverse;
}

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

.flex-flow-row-reverse{
    flex-flow: row-reverse;
}






.float-left{
    float: left;
}

.float-right{
    float: right;
}





.overflow-auto{
    overflow: auto;
}

.overflow-hidden{
    overflow: hidden;
}

.overflow-visible{
    overflow: visible;
}

.overflow-scroll{
    overflow: scroll;
}


.overflow-x-auto{
    overflow-x: auto;
}

.overflow-x-hidden{
    overflow-x: hidden;
}

.overflow-x-visible{
    overflow-x: visible;
}

.overflow-x-scroll{
    overflow-x: scroll;
}


.overflow-y-auto{
    overflow-y: auto;
}

.overflow-y-hidden{
    overflow-y: hidden;
}

.overflow-y-visible{
    overflow-y: visible;
}

.overflow-y-scroll{
    overflow-y: scroll;
}


.overflow-auto-hover{
    overflow: hidden;
}

.overflow-auto-hover:hover{
    overflow: auto;
}





.width-auto{
    width: auto;
}

.width-0{
    width: 0;
}

.width-10{
    width: 10%;
}

.width-15{
    width: 15%;
}

.width-20{
    width: 20%;
}

.width-25{
    width: 25%;
}

.width-30{
    width: 30%;
}

.width-33{
    width: 33.33333333333%;
}

.width-35{
    width: 35%;
}

.width-40{
    width: 40%;
}

.width-45{
    width: 45%;
}

.width-50{
    width: 50%;
}

.width-55{
    width: 55%;
}

.width-60{
    width: 60%;
}

.width-65{
    width: 65%;
}

.width-70{
    width: 70%;
}

.width-75{
    width: 75%;
}

.width-80{
    width: 80%;
}

.width-85{
    width: 85%;
}

.width-90{
    width: 90%;
}

.width-95{
    width: 95%;
}

.width-100{
    width: 100%;
}



.width-1rem{
    width: 1rem;
}

.width-2rem{
    width: 2rem;
}

.width-3rem{
    width: 3rem;
}

.width-4rem{
    width: 4rem;
}

.width-5rem{
    width: 5rem;
}

.width-6rem{
    width: 6rem;
}

.width-7rem{
    width: 7rem;
}

.width-8rem{
    width: 8rem;
}

.width-9rem{
    width: 9rem;
}

.width-10rem{
    width: 10rem;
}

.width-15rem{
    width: 15rem;
}

.width-20rem{
    width: 20rem;
}

.width-25rem{
    width: 25rem;
}

.width-30rem{
    width: 30rem;
}

.width-35rem{
    width: 35rem;
}

.width-40rem{
    width: 40rem;
}

.width-45rem{
    width: 45rem;
}

.width-50rem{
    width: 50rem;
}

.width-55rem{
    width: 55rem;
}

.width-60rem{
    width: 60rem;
}

.width-65rem{
    width: 65rem;
}

.width-70rem{
    width: 70rem;
}

.width-75rem{
    width: 75rem;
}

.width-80rem{
    width: 80rem;
}

.width-85rem{
    width: 85rem;
}

.width-90rem{
    width: 90rem;
}

.width-95rem{
    width: 95rem;
}

.width-100rem{
    width: 100rem;
}



.min-width-0{
    min-width: 0;
}

.min-width-5{
    min-width: 5%;
}

.min-width-10{
    min-width: 10%;
}

.min-width-15{
    min-width: 15%;
}

.min-width-20{
    min-width: 20%;
}

.min-width-25{
    min-width: 25%;
}

.min-width-30{
    min-width: 30%;
}

.min-width-33{
    min-width: 33.33333333333%;
}

.min-width-35{
    min-width: 35%;
}

.min-width-40{
    min-width: 40%;
}

.min-width-45{
    min-width: 45%;
}

.min-width-50{
    min-width: 50%;
}

.min-width-55{
    min-width: 55%;
}

.min-width-60{
    min-width: 60%;
}

.min-width-65{
    min-width: 65%;
}

.min-width-70{
    min-width: 70%;
}

.min-width-75{
    min-width: 75%;
}

.min-width-80{
    min-width: 80%;
}

.min-width-85{
    min-width: 85%;
}

.min-width-90{
    min-width: 90%;
}

.min-width-95{
    min-width: 95%;
}

.min-width-100{
    min-width: 100%;
}



.max-width-0{
    max-width: 0;
}

.max-width-5{
    max-width: 5%;
}

.max-width-10{
    max-width: 10%;
}

.max-width-15{
    max-width: 15%;
}

.max-width-20{
    max-width: 20%;
}

.max-width-25{
    max-width: 25%;
}

.max-width-30{
    max-width: 30%;
}

.max-width-33{
    max-width: 33.33333333333%;
}

.max-width-35{
    max-width: 35%;
}

.max-width-40{
    max-width: 40%;
}

.max-width-45{
    max-width: 45%;
}

.max-width-50{
    max-width: 50%;
}

.max-width-55{
    max-width: 55%;
}

.max-width-60{
    max-width: 60%;
}

.max-width-65{
    max-width: 65%;
}

.max-width-70{
    max-width: 70%;
}

.max-width-75{
    max-width: 75%;
}

.max-width-80{
    max-width: 80%;
}

.max-width-85{
    max-width: 85%;
}

.max-width-90{
    max-width: 90%;
}

.max-width-95{
    max-width: 95%;
}

.max-width-100{
    max-width: 100%;
}




.height-auto{
    height: auto;
}

.height-10{
    height: 10%;
}

.height-15{
    height: 15%;
}

.height-20{
    height: 20%;
}

.height-25{
    height: 25%;
}

.height-30{
    height: 30%;
}

.height-33{
    height: 33.33333333333%;
}

.height-35{
    height: 35%;
}

.height-40{
    height: 40%;
}

.height-45{
    height: 45%;
}

.height-50{
    height: 50%;
}

.height-55{
    height: 55%;
}

.height-60{
    height: 60%;
}

.height-65{
    height: 65%;
}

.height-70{
    height: 70%;
}

.height-75{
    height: 75%;
}

.height-80{
    height: 80%;
}

.height-85{
    height: 85%;
}

.height-90{
    height: 90%;
}

.height-95{
    height: 95%;
}

.height-100{
    height: 100%;
}



.min-height-0{
    min-height: 0;
}

.min-height-5{
    min-height: 5%;
}

.min-height-10{
    min-height: 10%;
}

.min-height-15{
    min-height: 15%;
}

.min-height-20{
    min-height: 20%;
}

.min-height-25{
    min-height: 25%;
}

.min-height-30{
    min-height: 30%;
}

.min-height-33{
    min-height: 33.33333333333%;
}

.min-height-35{
    min-height: 35%;
}

.min-height-40{
    min-height: 40%;
}

.min-height-45{
    min-height: 45%;
}

.min-height-50{
    min-height: 50%;
}

.min-height-55{
    min-height: 55%;
}

.min-height-60{
    min-height: 60%;
}

.min-height-65{
    min-height: 65%;
}

.min-height-70{
    min-height: 70%;
}

.min-height-75{
    min-height: 75%;
}

.min-height-80{
    min-height: 80%;
}

.min-height-85{
    min-height: 85%;
}

.min-height-90{
    min-height: 90%;
}

.min-height-95{
    min-height: 95%;
}

.min-height-100{
    min-height: 100%;
}



.max-height-0{
    max-height: 0;
}

.max-height-5{
    max-height: 5%;
}

.max-height-10{
    max-height: 10%;
}

.max-height-15{
    max-height: 15%;
}

.max-height-20{
    max-height: 20%;
}

.max-height-25{
    max-height: 25%;
}

.max-height-30{
    max-height: 30%;
}

.max-height-33{
    max-height: 33.33333333333%;
}

.max-height-35{
    max-height: 35%;
}

.max-height-40{
    max-height: 40%;
}

.max-height-45{
    max-height: 45%;
}

.max-height-50{
    max-height: 50%;
}

.max-height-55{
    max-height: 55%;
}

.max-height-60{
    max-height: 60%;
}

.max-height-65{
    max-height: 65%;
}

.max-height-70{
    max-height: 70%;
}

.max-height-75{
    max-height: 75%;
}

.max-height-80{
    max-height: 80%;
}

.max-height-85{
    max-height: 85%;
}

.max-height-90{
    max-height: 90%;
}

.max-height-95{
    max-height: 95%;
}

.max-height-100{
    max-height: 100%;
}





.padding-0{
    padding: 0;
}

.padding-1{
    padding:.1rem;
}

.padding-2{
    padding:.2rem;
}

.padding-3{
    padding:.3rem;
}

.padding-4{
    padding:.4rem;
}

.padding-5{
    padding:.5rem;
}

.padding-6{
    padding:.6rem;
}

.padding-7{
    padding:.7rem;
}

.padding-8{
    padding:.8rem;
}

.padding-9{
    padding:.9rem;
}

.padding-10{
    padding:1rem;
}

.padding-15{
    padding:1.5rem;
}

.padding-20{
    padding:2rem;
}

.padding-25{
    padding:2.5rem;
}

.padding-30{
    padding:3rem;
}

.padding-35{
    padding:3.5rem;
}

.padding-40{
    padding:4rem;
}

.padding-45{
    padding:4.5rem;
}

.padding-50{
    padding:5rem;
}


.padding-top-0{
    padding-top: 0;
}

.padding-top-1{
    padding-top:.1rem;
}

.padding-top-2{
    padding-top:.2rem;
}

.padding-top-3{
    padding-top:.3rem;
}

.padding-top-4{
    padding-top:.4rem;
}

.padding-top-5{
    padding-top:.5rem;
}

.padding-top-6{
    padding-top:.6rem;
}

.padding-top-7{
    padding-top:.7rem;
}

.padding-top-8{
    padding-top:.8rem;
}

.padding-top-9{
    padding-top:.9rem;
}

.padding-top-10{
    padding-top:1rem;
}

.padding-top-15{
    padding-top:1.5rem;
}

.padding-top-20{
    padding-top:2rem;
}

.padding-top-25{
    padding-top:2.5rem;
}

.padding-top-30{
    padding-top:3rem;
}

.padding-top-35{
    padding-top:3.5rem;
}

.padding-top-40{
    padding-top:4rem;
}

.padding-top-45{
    padding-top:4.5rem;
}

.padding-top-50{
    padding-top:5rem;
}


.padding-right-0{
    padding-right: 0;
}

.padding-right-1{
    padding-right:.1rem;
}

.padding-right-2{
    padding-right:.2rem;
}

.padding-right-3{
    padding-right:.3rem;
}

.padding-right-4{
    padding-right:.4rem;
}

.padding-right-5{
    padding-right:.5rem;
}

.padding-right-6{
    padding-right:.6rem;
}

.padding-right-7{
    padding-right:.7rem;
}

.padding-right-8{
    padding-right:.8rem;
}

.padding-right-9{
    padding-right:.9rem;
}

.padding-right-10{
    padding-right:1rem;
}

.padding-right-15{
    padding-right:1.5rem;
}

.padding-right-20{
    padding-right:2rem;
}

.padding-right-25{
    padding-right:2.5rem;
}

.padding-right-30{
    padding-right:3rem;
}

.padding-right-35{
    padding-right:3.5rem;
}

.padding-right-40{
    padding-right:4rem;
}

.padding-right-45{
    padding-right:4.5rem;
}

.padding-right-50{
    padding-right:5rem;
}


.padding-bottom-0{
    padding-bottom: 0;
}

.padding-bottom-1{
    padding-bottom:.1rem;
}

.padding-bottom-2{
    padding-bottom:.2rem;
}

.padding-bottom-3{
    padding-bottom:.3rem;
}

.padding-bottom-4{
    padding-bottom:.4rem;
}

.padding-bottom-5{
    padding-bottom:.5rem;
}

.padding-bottom-6{
    padding-bottom:.6rem;
}

.padding-bottom-7{
    padding-bottom:.7rem;
}

.padding-bottom-8{
    padding-bottom:.8rem;
}

.padding-bottom-9{
    padding-bottom:.9rem;
}

.padding-bottom-10{
    padding-bottom:1rem;
}

.padding-bottom-15{
    padding-bottom:1.5rem;
}

.padding-bottom-20{
    padding-bottom:2rem;
}

.padding-bottom-25{
    padding-bottom:2.5rem;
}

.padding-bottom-30{
    padding-bottom:3rem;
}

.padding-bottom-35{
    padding-bottom:3.5rem;
}

.padding-bottom-40{
    padding-bottom:4rem;
}

.padding-bottom-45{
    padding-bottom:4.5rem;
}

.padding-bottom-50{
    padding-bottom:5rem;
}


.padding-left-0{
    padding-left: 0;
}

.padding-left-1{
    padding-left:.1rem;
}

.padding-left-2{
    padding-left:.2rem;
}

.padding-left-3{
    padding-left:.3rem;
}

.padding-left-4{
    padding-left:.4rem;
}

.padding-left-5{
    padding-left:.5rem;
}

.padding-left-6{
    padding-left:.6rem;
}

.padding-left-7{
    padding-left:.7rem;
}

.padding-left-8{
    padding-left:.8rem;
}

.padding-left-9{
    padding-left:.9rem;
}

.padding-left-10{
    padding-left:1rem;
}

.padding-left-15{
    padding-left:1.5rem;
}

.padding-left-20{
    padding-left:2rem;
}

.padding-left-25{
    padding-left:2.5rem;
}

.padding-left-30{
    padding-left:3rem;
}

.padding-left-35{
    padding-left:3.5rem;
}

.padding-left-40{
    padding-left:4rem;
}

.padding-left-45{
    padding-left:4.5rem;
}

.padding-left-50{
    padding-left:5rem;
}





.margin-0{
    margin: 0;
}

.margin-1{
    margin:.1rem;
}

.margin-2{
    margin:.2rem;
}

.margin-3{
    margin:.3rem;
}

.margin-4{
    margin:.4rem;
}

.margin-5{
    margin:.5rem;
}

.margin-6{
    margin:.6rem;
}

.margin-7{
    margin:.7rem;
}

.margin-8{
    margin:.8rem;
}

.margin-9{
    margin:.9rem;
}

.margin-10{
    margin:1rem;
}

.margin-15{
    margin:1.5rem;
}

.margin-20{
    margin:2rem;
}

.margin-25{
    margin:2.5rem;
}

.margin-30{
    margin:3rem;
}

.margin-35{
    margin:3.5rem;
}

.margin-40{
    margin:4rem;
}

.margin-45{
    margin:4.5rem;
}

.margin-50{
    margin:5rem;
}


.margin-top-0{
    margin-top: 0;
}

.margin-top-1{
    margin-top:.1rem;
}

.margin-top-2{
    margin-top:.2rem;
}

.margin-top-3{
    margin-top:.3rem;
}

.margin-top-4{
    margin-top:.4rem;
}

.margin-top-5{
    margin-top:.5rem;
}

.margin-top-6{
    margin-top:.6rem;
}

.margin-top-7{
    margin-top:.7rem;
}

.margin-top-8{
    margin-top:.8rem;
}

.margin-top-9{
    margin-top:.9rem;
}

.margin-top-10{
    margin-top:1rem;
}

.margin-top-15{
    margin-top:1.5rem;
}

.margin-top-20{
    margin-top:2rem;
}

.margin-top-25{
    margin-top:2.5rem;
}

.margin-top-30{
    margin-top:3rem;
}

.margin-top-35{
    margin-top:3.5rem;
}

.margin-top-40{
    margin-top:4rem;
}

.margin-top-45{
    margin-top:4.5rem;
}

.margin-top-50{
    margin-top:5rem;
}


.margin-right-0{
    margin-right: 0;
}

.margin-right-1{
    margin-right:.1rem;
}

.margin-right-2{
    margin-right:.2rem;
}

.margin-right-3{
    margin-right:.3rem;
}

.margin-right-4{
    margin-right:.4rem;
}

.margin-right-5{
    margin-right:.5rem;
}

.margin-right-6{
    margin-right:.6rem;
}

.margin-right-7{
    margin-right:.7rem;
}

.margin-right-8{
    margin-right:.8rem;
}

.margin-right-9{
    margin-right:.9rem;
}

.margin-right-10{
    margin-right:1rem;
}

.margin-right-15{
    margin-right:1.5rem;
}

.margin-right-20{
    margin-right:2rem;
}

.margin-right-25{
    margin-right:2.5rem;
}

.margin-right-30{
    margin-right:3rem;
}

.margin-right-35{
    margin-right:3.5rem;
}

.margin-right-40{
    margin-right:4rem;
}

.margin-right-45{
    margin-right:4.5rem;
}

.margin-right-50{
    margin-right:5rem;
}


.margin-bottom-0{
    margin-bottom: 0;
}

.margin-bottom-1{
    margin-bottom:.1rem;
}

.margin-bottom-2{
    margin-bottom:.2rem;
}

.margin-bottom-3{
    margin-bottom:.3rem;
}

.margin-bottom-4{
    margin-bottom:.4rem;
}

.margin-bottom-5{
    margin-bottom:.5rem;
}

.margin-bottom-6{
    margin-bottom:.6rem;
}

.margin-bottom-7{
    margin-bottom:.7rem;
}

.margin-bottom-8{
    margin-bottom:.8rem;
}

.margin-bottom-9{
    margin-bottom:.9rem;
}

.margin-bottom-10{
    margin-bottom:1rem;
}

.margin-bottom-15{
    margin-bottom:1.5rem;
}

.margin-bottom-20{
    margin-bottom:2rem;
}

.margin-bottom-25{
    margin-bottom:2.5rem;
}

.margin-bottom-30{
    margin-bottom:3rem;
}

.margin-bottom-35{
    margin-bottom:3.5rem;
}

.margin-bottom-40{
    margin-bottom:4rem;
}

.margin-bottom-45{
    margin-bottom:4.5rem;
}

.margin-bottom-50{
    margin-bottom:5rem;
}


.margin-left-0{
    margin-left: 0;
}

.margin-left-1{
    margin-left:.1rem;
}

.margin-left-2{
    margin-left:.2rem;
}

.margin-left-3{
    margin-left:.3rem;
}

.margin-left-4{
    margin-left:.4rem;
}

.margin-left-5{
    margin-left:.5rem;
}

.margin-left-6{
    margin-left:.6rem;
}

.margin-left-7{
    margin-left:.7rem;
}

.margin-left-8{
    margin-left:.8rem;
}

.margin-left-9{
    margin-left:.9rem;
}

.margin-left-10{
    margin-left:1rem;
}

.margin-left-15{
    margin-left:1.5rem;
}

.margin-left-20{
    margin-left:2rem;
}

.margin-left-25{
    margin-left:2.5rem;
}

.margin-left-30{
    margin-left:3rem;
}

.margin-left-35{
    margin-left:3.5rem;
}

.margin-left-40{
    margin-left:4rem;
}

.margin-left-45{
    margin-left:4.5rem;
}

.margin-left-50{
    margin-left:5rem;
}





.text-decoration-none{
    text-decoration: none;
}

.text-decoration-underline{
    text-decoration: underline;
}

.text-decoration-line-through{
    text-decoration: line-through;
}





.cursor-default{
    cursor: default;
}

.cursor-pointer{
    cursor: pointer;
}





.text-align-center{
    text-align: center;
}

.text-align-justify{
    text-align: justify;
}

.text-align-left{
    text-align: left;
}

.text-align-right{
    text-align: right;
}






.vertical-aling-baseline{
    vertical-align: baseline;
}

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

.vertical-aling-middle{
    vertical-align: middle;
}

.vertical-aling-sub{
    vertical-align: sub;
}

.vertical-aling-super{
    vertical-align: super;
}

.vertical-aling-text-bottom{
    vertical-align: text-bottom;
}

.vertical-aling-text-top{
    vertical-align: text-top;
}

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






.border{
    border: solid .1rem rgba(0,0,0,.25);
}

.border-top{
    border-top: solid .1rem rgba(0,0,0,.25);
}

.border-right{
    border-right: solid .1rem rgba(0,0,0,.25);
}

.border-bottom{
    border-bottom: solid .1rem rgba(0,0,0,.25);
}

.border-left{
    border-left: solid .1rem rgba(0,0,0,.25);
}


.border-style-solid{
    border-style: solid;
}

.border-style-dotted{
    border-style: dotted;
}

.border-style-dashed{
    border-style: dashed;
}


.border-width-1{
    border-width: .1rem;
}

.border-width-2{
    border-width: .2rem;
}

.border-width-3{
    border-width: .3rem;
}

.border-width-4{
    border-width: .4rem;
}

.border-width-5{
    border-width: .5rem;
}


.border-radius-1{
    border-radius: .1rem;
}

.border-radius-2{
    border-radius: .2rem;
}

.border-radius-3{
    border-radius: .3rem;
}

.border-radius-4{
    border-radius: .4rem;
}

.border-radius-5{
    border-radius: .5rem;
}

.border-radius-10{
    border-radius: 1rem;
}

.border-radius-15{
    border-radius: 1.5rem;
}

.border-radius-20{
    border-radius: 2rem;
}

.border-radius-25{
    border-radius: 2.5rem;
}

.border-radius-30{
    border-radius: 3rem;
}

.border-radius-35{
    border-radius: 3.5rem;
}

.border-radius-40{
    border-radius: 4rem;
}

.border-radius-45{
    border-radius: 4.5rem;
}

.border-radius-50{
    border-radius: 5rem;
}






.color-000{
    color: #000;
}

.color-111{
    color: #111;
}

.color-222{
    color: #222;
}

.color-333{
    color: #333;
}

.color-444{
    color: #444;
}

.color-555{
    color: #555;
}

.color-666{
    color: #666;
}

.color-777{
    color: #777;
}

.color-888{
    color: #888;
}

.color-999{
    color: #999;
}

.color-aaa{
    color: #aaa;
}

.color-bbb{
    color: #bbb;
}

.color-ccc{
    color: #ccc;
}

.color-ddd{
    color: #ddd;
}

.color-eee{
    color: #eee;
}

.color-fff{
    color: #fff;
}


.color-ff0{
    color: #ff0;
}

.color-ff1{
    color: #ff1;
}

.color-ff2{
    color: #ff2;
}

.color-ff3{
    color: #ff3;
}

.color-ff4{
    color: #ff4;
}

.color-ff5{
    color: #ff5;
}

.color-ff6{
    color: #ff6;
}

.color-ff7{
    color: #ff7;
}

.color-ff8{
    color: #ff8;
}

.color-ff9{
    color: #ff9;
}

.color-ffa{
    color: #ffa;
}

.color-ffb{
    color: #ffb;
}

.color-ffc{
    color: #ffc;
}

.color-ffd{
    color: #ffd;
}

.color-ffe{
    color: #ffe;
}


.color-f70{
    color: #f70;
}

.color-f71{
    color: #f71;
}

.color-f72{
    color: #f72;
}

.color-f73{
    color: #f73;
}

.color-f74{
    color: #f74;
}

.color-f75{
    color: #f75;
}

.color-f76{
    color: #f76;
}

.color-ff7{
    color: #f77;
}

.color-ff8{
    color: #f78;
}

.color-f79{
    color: #f79;
}

.color-f7a{
    color: #f7a;
}

.color-f7b{
    color: #f7b;
}

.color-f7c{
    color: #f7c;
}

.color-f7d{
    color: #f7d;
}

.color-f7e{
    color: #f7e;
}

.color-f7f{
    color: #f7f;
}


.color-f00{
    color: #f00;
}

.color-f11{
    color: #f11;
}

.color-f22{
    color: #f22;
}

.color-f33{
    color: #f33;
}

.color-f44{
    color: #f44;
}

.color-f55{
    color: #f55;
}

.color-f66{
    color: #f66;
}

.color-f77{
    color: #f77;
}

.color-f88{
    color: #f88;
}

.color-f99{
    color: #f99;
}

.color-faa{
    color: #faa;
}

.color-fbb{
    color: #fbb;
}

.color-fcc{
    color: #fcc;
}

.color-fdd{
    color: #fdd;
}

.color-fee{
    color: #fee;
}


.color-0f0{
    color: #0f0;
}

.color-1f1{
    color: #1f1;
}

.color-2f2{
    color: #2f2;
}

.color-3f3{
    color: #3f3;
}

.color-4f4{
    color: #4f4;
}

.color-5f5{
    color: #5f5;
}

.color-6f6{
    color: #6f6;
}

.color-7f7{
    color: #7f7;
}

.color-8f8{
    color: #8f8;
}

.color-9f9{
    color: #9f9;
}

.color-afa{
    color: #afa;
}

.color-bfb{
    color: #bfb;
}

.color-cfc{
    color: #cfc;
}

.color-dfd{
    color: #dfd;
}

.color-efe{
    color: #efe;
}


.color-00f{
    color: #00f;
}

.color-11f{
    color: #11f;
}

.color-22f{
    color: #22f;
}

.color-33f{
    color: #33f;
}

.color-44f{
    color: #44f;
}

.color-55f{
    color: #55f;
}

.color-66f{
    color: #66f;
}

.color-77f{
    color: #77f;
}

.color-88f{
    color: #88f;
}

.color-99f{
    color: #99f;
}

.color-aaf{
    color: #aaf;
}

.color-bbf{
    color: #bbf;
}

.color-ccf{
    color: #ccf;
}

.color-ddf{
    color: #ddf;
}

.color-eef{
    color: #eef;
}


.color-07f{
    color: #07f;
}

.color-17f{
    color: #17f;
}

.color-27f{
    color: #27f;
}

.color-37f{
    color: #37f;
}

.color-47f{
    color: #47f;
}

.color-57f{
    color: #57f;
}

.color-67f{
    color: #67f;
}

.color-77f{
    color: #77f;
}

.color-87f{
    color: #87f;
}

.color-97f{
    color: #97f;
}

.color-a7f{
    color: #a7f;
}

.color-b7f{
    color: #b7f;
}

.color-c7f{
    color: #c7f;
}

.color-d7f{
    color: #d7f;
}

.color-e7f{
    color: #e7f;
}

.color-f7f{
    color: #f7f;
}






.background-none{
    background: none;
}

.background-000{
    background: #000;
}

.background-111{
    background: #111;
}

.background-222{
    background: #222;
}

.background-333{
    background: #333;
}

.background-444{
    background: #444;
}

.background-555{
    background: #555;
}

.background-666{
    background: #666;
}

.background-777{
    background: #777;
}

.background-888{
    background: #888;
}

.background-999{
    background: #999;
}

.background-aaa{
    background: #aaa;
}

.background-bbb{
    background: #bbb;
}

.background-ccc{
    background: #ccc;
}

.background-ddd{
    background: #ddd;
}

.background-eee{
    background: #eee;
}

.background-fff{
    background: #fff;
}


.background-ff0{
    background: #ff0;
}

.background-ff1{
    background: #ff1;
}

.background-ff2{
    background: #ff2;
}

.background-ff3{
    background: #ff3;
}

.background-ff4{
    background: #ff4;
}

.background-ff5{
    background: #ff5;
}

.background-ff6{
    background: #ff6;
}

.background-ff7{
    background: #ff7;
}

.background-ff8{
    background: #ff8;
}

.background-ff9{
    background: #ff9;
}

.background-ffa{
    background: #ffa;
}

.background-ffb{
    background: #ffb;
}

.background-ffc{
    background: #ffc;
}

.background-ffd{
    background: #ffd;
}

.background-ffe{
    background: #ffe;
}


.background-f70{
    background: #f70;
}

.background-f71{
    background: #f71;
}

.background-f72{
    background: #f72;
}

.background-f73{
    background: #f73;
}

.background-f74{
    background: #f74;
}

.background-f75{
    background: #f75;
}

.background-f76{
    background: #f76;
}

.background-f77{
    background: #f77;
}

.background-f78{
    background: #f78;
}

.background-f79{
    background: #f79;
}

.background-f7a{
    background: #f7a;
}

.background-f7b{
    background: #f7b;
}

.background-f7c{
    background: #f7c;
}

.background-f7d{
    background: #f7d;
}

.background-f7e{
    background: #f7e;
}

.background-f7f{
    background: #f7f;
}


.background-f00{
    background: #f00;
}

.background-f11{
    background: #f11;
}

.background-f22{
    background: #f22;
}

.background-f33{
    background: #f33;
}

.background-f44{
    background: #f44;
}

.background-f55{
    background: #f55;
}

.background-f66{
    background: #f66;
}

.background-f77{
    background: #f77;
}

.background-f88{
    background: #f88;
}

.background-f99{
    background: #f99;
}

.background-faa{
    background: #faa;
}

.background-fbb{
    background: #fbb;
}

.background-fcc{
    background: #fcc;
}

.background-fdd{
    background: #fdd;
}

.background-fee{
    background: #fee;
}


.background-0f0{
    background: #0f0;
}

.background-1f1{
    background: #1f1;
}

.background-2f2{
    background: #2f2;
}

.background-3f3{
    background: #3f3;
}

.background-4f4{
    background: #4f4;
}

.background-5f5{
    background: #5f5;
}

.background-6f6{
    background: #6f6;
}

.background-7f7{
    background: #7f7;
}

.background-8f8{
    background: #8f8;
}

.background-9f9{
    background: #9f9;
}

.background-afa{
    background: #afa;
}

.background-bfb{
    background: #bfb;
}

.background-cfc{
    background: #cfc;
}

.background-dfd{
    background: #dfd;
}

.background-efe{
    background: #efe;
}


.background-00f{
    background: #00f;
}

.background-11f{
    background: #11f;
}

.background-22f{
    background: #22f;
}

.background-33f{
    background: #33f;
}

.background-44f{
    background: #44f;
}

.background-55f{
    background: #55f;
}

.background-66f{
    background: #66f;
}

.background-77f{
    background: #77f;
}

.background-88f{
    background: #88f;
}

.background-99f{
    background: #99f;
}

.background-aaf{
    background: #aaf;
}

.background-bbf{
    background: #bbf;
}

.background-ccf{
    background: #ccf;
}

.background-ddf{
    background: #ddf;
}

.background-eef{
    background: #eef;
}


.background-07f{
    background: #07f;
}

.background-17f{
    background: #17f;
}

.background-27f{
    background: #27f;
}

.background-37f{
    background: #37f;
}

.background-47f{
    background: #47f;
}

.background-57f{
    background: #57f;
}

.background-67f{
    background: #67f;
}

.background-77f{
    background: #77f;
}

.background-87f{
    background: #87f;
}

.background-97f{
    background: #97f;
}

.background-a7f{
    background: #a7f;
}

.background-b7f{
    background: #b7f;
}

.background-c7f{
    background: #c7f;
}

.background-d7f{
    background: #d7f;
}

.background-e7f{
    background: #e7f;
}

.background-f7f{
    background: #f7f;
}






.border-none{
    border: none;
}

.border-color-000{
    border-color: #000;
}

.border-color-111{
    border-color: #111;
}

.border-color-222{
    border-color: #222;
}

.border-color-333{
    border-color: #333;
}

.border-color-444{
    border-color: #444;
}

.border-color-555{
    border-color: #555;
}

.border-color-666{
    border-color: #666;
}

.border-color-777{
    border-color: #777;
}

.border-color-888{
    border-color: #888;
}

.border-color-999{
    border-color: #999;
}

.border-color-aaa{
    border-color: #aaa;
}

.border-color-bbb{
    border-color: #bbb;
}

.border-color-ccc{
    border-color: #ccc;
}

.border-color-ddd{
    border-color: #ddd;
}

.border-color-eee{
    border-color: #eee;
}

.border-color-fff{
    border-color: #fff;
}


.border-color-ff0{
    border-color: #ff0;
}

.border-color-ff1{
    border-color: #ff1;
}

.border-color-ff2{
    border-color: #ff2;
}

.border-color-ff3{
    border-color: #ff3;
}

.border-color-ff4{
    border-color: #ff4;
}

.border-color-ff5{
    border-color: #ff5;
}

.border-color-ff6{
    border-color: #ff6;
}

.border-color-ff7{
    border-color: #ff7;
}

.border-color-ff8{
    border-color: #ff8;
}

.border-color-ff9{
    border-color: #ff9;
}

.border-color-ffa{
    border-color: #ffa;
}

.border-color-ffb{
    border-color: #ffb;
}

.border-color-ffc{
    border-color: #ffc;
}

.border-color-ffd{
    border-color: #ffd;
}

.border-color-ffe{
    border-color: #ffe;
}


.border-color-f70{
    border-color: #f70;
}

.border-color-f71{
    border-color: #f71;
}

.border-color-f72{
    border-color: #f72;
}

.border-color-f73{
    border-color: #f73;
}

.border-color-f74{
    border-color: #f74;
}

.border-color-f75{
    border-color: #f75;
}

.border-color-f76{
    border-color: #f76;
}

.border-color-ff7{
    border-color: #f77;
}

.border-color-ff8{
    border-color: #f78;
}

.border-color-f79{
    border-color: #f79;
}

.border-color-f7a{
    border-color: #f7a;
}

.border-color-f7b{
    border-color: #f7b;
}

.border-color-f7c{
    border-color: #f7c;
}

.border-color-f7d{
    border-color: #f7d;
}

.border-color-f7e{
    border-color: #f7e;
}

.border-color-f7f{
    border-color: #f7f;
}


.border-color-f00{
    border-color: #f00;
}

.border-color-f11{
    border-color: #f11;
}

.border-color-f22{
    border-color: #f22;
}

.border-color-f33{
    border-color: #f33;
}

.border-color-f44{
    border-color: #f44;
}

.border-color-f55{
    border-color: #f55;
}

.border-color-f66{
    border-color: #f66;
}

.border-color-f77{
    border-color: #f77;
}

.border-color-f88{
    border-color: #f88;
}

.border-color-f99{
    border-color: #f99;
}

.border-color-faa{
    border-color: #faa;
}

.border-color-fbb{
    border-color: #fbb;
}

.border-color-fcc{
    border-color: #fcc;
}

.border-color-fdd{
    border-color: #fdd;
}

.border-color-fee{
    border-color: #fee;
}


.border-color-0f0{
    border-color: #0f0;
}

.border-color-1f1{
    border-color: #1f1;
}

.border-color-2f2{
    border-color: #2f2;
}

.border-color-3f3{
    border-color: #3f3;
}

.border-color-4f4{
    border-color: #4f4;
}

.border-color-4f4{
    border-color: #4f4;
}

.border-color-6f6{
    border-color: #6f6;
}

.border-color-7f7{
    border-color: #7f7;
}

.border-color-8f8{
    border-color: #8f8;
}

.border-color-9f9{
    border-color: #9f9;
}

.border-color-afa{
    border-color: #afa;
}

.border-color-bfb{
    border-color: #bfb;
}

.border-color-cfc{
    border-color: #cfc;
}

.border-color-dfd{
    border-color: #dfd;
}

.border-color-efe{
    border-color: #efe;
}


.border-color-00f{
    border-color: #00f;
}

.border-color-11f{
    border-color: #11f;
}

.border-color-22f{
    border-color: #22f;
}

.border-color-33f{
    border-color: #33f;
}

.border-color-44f{
    border-color: #44f;
}

.border-color-55f{
    border-color: #55f;
}

.border-color-66f{
    border-color: #66f;
}

.border-color-77f{
    border-color: #77f;
}

.border-color-88f{
    border-color: #88f;
}

.border-color-99f{
    border-color: #99f;
}

.border-color-aaf{
    border-color: #aaf;
}

.border-color-bbf{
    border-color: #bbf;
}

.border-color-ccf{
    border-color: #ccf;
}

.border-color-ddf{
    border-color: #ddf;
}

.border-color-eef{
    border-color: #eef;
}


.border-color-07f{
    border-color: #07f;
}

.border-color-17f{
    border-color: #17f;
}

.border-color-27f{
    border-color: #27f;
}

.border-color-37f{
    border-color: #37f;
}

.border-color-47f{
    border-color: #47f;
}

.border-color-57f{
    border-color: #57f;
}

.border-color-67f{
    border-color: #67f;
}

.border-color-77f{
    border-color: #77f;
}

.border-color-87f{
    border-color: #87f;
}

.border-color-97f{
    border-color: #97f;
}

.border-color-a7f{
    border-color: #a7f;
}

.border-color-b7f{
    border-color: #b7f;
}

.border-color-c7f{
    border-color: #c7f;
}

.border-color-d7f{
    border-color: #d7f;
}

.border-color-e7f{
    border-color: #e7f;
}

.border-color-f7f{
    border-color: #e7f;
}





.opacity-100{
    opacity:1;
}

.opacity-95{
    opacity:.95;
}

.opacity-90{
    opacity:.9;
}

.opacity-85{
    opacity:.85;
}

.opacity-80{
    opacity:.8;
}

.opacity-75{
    opacity:.75;
}

.opacity-70{
    opacity:.7;
}

.opacity-65{
    opacity:.65;
}

.opacity-60{
    opacity:.6;
}

.opacity-55{
    opacity:.55;
}

.opacity-50{
    opacity:.5;
}

.opacity-45{
    opacity:.45;
}

.opacity-40{
    opacity:.4;
}

.opacity-35{
    opacity:.35;
}

.opacity-30{
    opacity:.3;
}

.opacity-25{
    opacity:.25;
}

.opacity-20{
    opacity:.2;
}

.opacity-15{
    opacity:.15;
}

.opacity-10{
    opacity:.1;
}

.opacity-5{
    opacity:.05;
}

.opacity-0{
    opacity:.000001;
}

.opacity-95{
    opacity:.95;
}

.opacity-95{
    opacity:.95;
}










.font-size-1{
    font-size: .1rem;
}

.font-size-2{
    font-size: .2rem;
}

.font-size-3{
    font-size: .3rem;
}

.font-size-4{
    font-size: .4rem;
}

.font-size-5{
    font-size: .5rem;
}

.font-size-6{
    font-size: .6rem;
}

.font-size-7{
    font-size: .7rem;
}

.font-size-8{
    font-size: .8rem;
}

.font-size-9{
    font-size: .9rem;
}

.font-size-10{
    font-size: 1rem;
}

.font-size-11{
    font-size: 1.1rem;
}

.font-size-12{
    font-size: 1.2rem;
}

.font-size-13{
    font-size: 1.3rem;
}

.font-size-14{
    font-size: 1.4rem;
}

.font-size-15{
    font-size: 1.5rem;
}

.font-size-16{
    font-size: 1.6rem;
}

.font-size-17{
    font-size: 1.7rem;
}

.font-size-18{
    font-size: 1.8rem;
}

.font-size-19{
    font-size: 1.9rem;
}

.font-size-20{
    font-size: 2rem;
}

.font-size-21{
    font-size: 2.1rem;
}

.font-size-22{
    font-size: 2.2rem;
}

.font-size-23{
    font-size: 2.3rem;
}

.font-size-24{
    font-size: 2.4rem;
}

.font-size-25{
    font-size: 2.5rem;
}

.font-size-26{
    font-size: 2.6rem;
}

.font-size-27{
    font-size: 2.7rem;
}

.font-size-28{
    font-size: 2.8rem;
}

.font-size-29{
    font-size: 2.9rem;
}

.font-size-30{
    font-size: 3rem;
}

.font-size-40{
    font-size: 4rem;
}

.font-size-50{
    font-size: 5rem;
}









.uppercase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

.capitalize{
    text-transform: capitalize;
}

.nowrap,
.white-space-nowrap{
    white-space: nowrap;
}











/**
* CARREGANDO
*/

.carregando{
    width: 100%;
    padding-top: 3em;
    padding-bottom: 3em;
    text-align: center;
}

.carregando img{
    display: inline-block;
    cursor: progress;height: 6rem;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
    opacity:.75;

}

.carregando-pequeno img{
    display: inline-block;
    cursor: progress;
    height: 1em;
    opacity:.5;
}

.carregando-invertido .carregando-pequeno img,
.carregando-invertido.carregando-pequeno img{
    filter: invert(1);
}

.oculto-carregando{
    display: none !important;
}
/* FIM CARREGANDO */






/**
* ROTATING
*/
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/** ATENÇÃO: Elementos INLINE não executam a animação, colocalos como INLINE-BLOCK resolve o problema. */
.rotating-hover-wrapper:hover .rotating-target,
.rotating-hover-wrapper:hover .rotating-target-05,
.rotating-hover:hover,
.rotating-hover-05:hover,
.rotating-05,
.rotating {
    -webkit-animation: rotating .5s linear infinite;
    -moz-animation: rotating .5s linear infinite;
    -ms-animation: rotating .5s linear infinite;
    -o-animation: rotating .5s linear infinite;
    animation: rotating .5s linear infinite;
}

.rotating-hover-wrapper:hover .rotating-target-02,
.rotating-hover-02:hover,
.rotating-02 {
    -webkit-animation: rotating .2s linear infinite;
    -moz-animation: rotating .2s linear infinite;
    -ms-animation: rotating .2s linear infinite;
    -o-animation: rotating .2s linear infinite;
    animation: rotating .2s linear infinite;
}

.rotating-hover-wrapper:hover .rotating-target-1,
.rotating-hover-1:hover,
.rotating-1 {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.rotating-hover-wrapper:hover .rotating-target-2,
.rotating-hover-2:hover,
.rotating-2 {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.animation-direction-alternate{
    animation-direction: alternate;
}

.animation-direction-reverse{
    animation-direction: reverse;
}






/**
* FORMATAÇÃO DE POPUPS
*/

.popup-wrap{
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0,0,0,.7);
    display: none;
    overflow: auto;
}

.popup{
    box-sizing: border-box;
    margin: 3rem auto;
    min-height: 3em;
    width: 94%;
    max-width: 800px;
    font-size: 1.2rem;
    color: #555;
    display: none;
    border: none;
}

.popup.popup-400,
.popup.pequena{
    max-width: 400px;
}

.popup.popup-600{
    max-width: 600px;
}

.popup.popup-800{
    max-width: 800px;
}

.popup.popup-1000{
    max-width: 1000px;
}

.popup.popup-1200{
    max-width: 1200px;

}.popup.popup-1400{
    max-width: 1400px;
}

.popup.flex{
    display: flex;
    flex-direction: column;
    height: 90%;
}

.popup.fullscreen{
    position: absolute;
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
    height: unset;
    width: unset;
    max-width: unset;
    min-width: unset;
    margin: 0;
}

.popup.bottom{
    position: fixed;
    margin: 1rem auto;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 2rem);
}

.popup.bottom .popup-body{
    flex: 1;
}

.popup.flex .popup-body{
    flex: 1;
    display: flex;
}

.popup .popup-header,
.popup .popup-body,
.popup .popup-footer{
    padding: 1rem;
    box-sizing: border-box;
    background: #fafafa;
    border: solid .1rem rgba(255,255,255,.1);
}

.popup.padding-0 .popup-body{
    padding: 0;
    border: none;
}

.popup .popup-header{
    width: 100%;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    background: #555;
    color: #fff;
}

.popup .popup-header h3{
    min-height: 2rem;
    padding-top: .5rem;
}

.popup .popup-header .fecha-popup{
    float: right;
    background: none;
    font-weight: bold;
    font-size: 1.5rem;
    border: none;
    color: #eee;
    line-height: 2.1rem;
    min-height: 0;
}

.popup .popup-header .fecha-popup i{
    font-size: 1rem;
}

.popup.infechavel .popup-header .fecha-popup{
    display: none;
}

.popup .popup-body{
    width: 100%;
    overflow: auto;
}

.popup .popup-body:last-child{
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
}

.popup .popup-body section{
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem;
    box-sizing: border-box;
    overflow: auto;
}

.popup .popup-body section:first-of-type{
    margin-top: -1rem;
}

.popup .popup-body section:not(:last-of-type){
    border-bottom: solid .1rem #eee;
}

.popup .popup-body section:last-of-type{
    margin-bottom: -1rem;
}

.popup.popup-selecao .popup-body{
    overflow: auto;
}

.popup.popup-selecao .popup-body .lista-popup-selecao{
    max-height: 40%;
    max-height: 40vh;
    overflow-y: scroll;
    -ms-overflow-y: scroll;
}

.popup h1,
.popup h2,
.popup h3,
.popup h4,
.popup h5{
    margin: 0;
}

.popup .popup-footer{
    width: 100%;
    overflow: auto;
    text-align: right;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #555;
    color: #eee;
}

.popup .popup-footer button{
    min-width: 7em;
    height: auto;
    padding: 1rem;
    background: #777;
    border: solid 2px #444;
    color: #fff;
}

.popup .popup-footer button:disabled{
    opacity: .4;
}

a[popup-target]:hover:after{
    font-family: 'tmeFont';
    content: "\e600";
    font-size: .8em;
}

.msg {
    background: #e2e2e2;
    border: solid .1rem #cecece;
    padding: .5rem;
    margin-bottom: .5rem;
    border-radius: .4rem;
}

.msg.success,
.msg.sucesso {
    background: #dbf1d8;
    border-color: #98ce8b;
    color: #1d7b10;
}

.msg.erro,
.msg.error {
    background: #f1a39f;
    border-color: #ce5c59;
    color: #6b0909;
}

.msg.alerta,
.msg.alert {
    background: #f1e9af;
    border-color: #cec76e;
    color: #6b652d;
}

.msg.info {
    background: #d9eeff;
    border-color: #88b1d2;
    color: #356e9c;
}

/* FIM FORMATAÇÃO DE POPUPS */



.engraved,
.baixo-relevo{
    text-shadow: 0 .1em 0 rgba(255,255,255,.075), .1em -.1em 0 rgba(0,0,0,.7), 0 0 .5em rgba(255,255,255,.075);
}

.engraved-light,
.baixo-relevo-claro{
    text-shadow: 0 0.1em 0 rgba(255,255,255,1), 0.2em -0.2em 0 rgba(0,0,0,.2), 0 0 0.5em rgba(0,0,0,.1);
}




/*MOBILE*/
.show-mobile{
    display: none;
}

.hide-mobile{
    display: initial;
}

@media screen and (max-width: 450px) {
    html{
        font-size: 9px;
    }

    .show-mobile{
        display: initial;
    }

    .hide-mobile{
        display: none;
    }
/*
    .display-flex.display-block-mobile,
    .display-flex-column.display-block-mobile,
    .display-block-mobile{
        display: block;
    }
*/


    .display-block-mobile{
        display: block;
    }

    .display-flex-mobile{
        display: flex;
        flex-direction: initial;
    }

    .display-flex-column-mobile{
        display: flex;
        flex-direction: column;
    }

    .display-inline-mobile{
        display: inline;
    }

    .display-inline-block-mobile{
        display: inline-block;
    }







    .position-relative-mobile{
        position: relative;
    }

    .position-absolute-mobile{
        position: absolute;
    }

    .position-fixed-mobile{
        position: fixed;
    }





    .flex-1-mobile{
        flex: 1;
    }

    .flex-2-mobile{
        flex: 2;
    }

    .flex-3-mobile{
        flex: 3;
    }

    .flex-4-mobile{
        flex: 4;
    }

    .flex-5-mobile{
        flex: 5;
    }

    .flex-6-mobile{
        flex: 6;
    }

    .flex-7-mobile{
        flex: 7;
    }

    .flex-8-mobile{
        flex: 8;
    }

    .flex-9-mobile{
        flex: 9;
    }

    .flex-10-mobile{
        flex: 10;
    }





    .float-left-mobile{
        float: left;
    }

    .float-right-mobile{
        float: right;
    }





    .overflow-auto-mobile{
        overflow: auto;
    }

    .overflow-hidden-mobile{
        overflow: hidden;
    }

    .overflow-visible-mobile{
        overflow: visible;
    }

    .overflow-scroll-mobile{
        overflow: scroll;
    }


    .overflow-x-auto-mobile{
        overflow-x: auto;
    }

    .overflow-x-hidden-mobile{
        overflow-x: hidden;
    }

    .overflow-x-visible-mobile{
        overflow-x: visible;
    }

    .overflow-x-scroll-mobile{
        overflow-x: scroll;
    }


    .overflow-y-auto-mobile{
        overflow-y: auto;
    }

    .overflow-y-hidden-mobile{
        overflow-y: hidden;
    }

    .overflow-y-visible-mobile{
        overflow-y: visible;
    }

    .overflow-y-scroll-mobile{
        overflow-y: scroll;
    }





    .width-auto-mobile{
        width: auto;
    }

    .width-10-mobile{
        width: 10%;
    }

    .width-15-mobile{
        width: 15%;
    }

    .width-20-mobile{
        width: 20%;
    }

    .width-25-mobile{
        width: 25%;
    }

    .width-30-mobile{
        width: 30%;
    }

    .width-33-mobile{
        width: 33.33333333333%;
    }

    .width-35-mobile{
        width: 35%;
    }

    .width-40-mobile{
        width: 40%;
    }

    .width-45-mobile{
        width: 45%;
    }

    .width-50-mobile{
        width: 50%;
    }

    .width-55-mobile{
        width: 55%;
    }

    .width-60-mobile{
        width: 60%;
    }

    .width-65-mobile{
        width: 65%;
    }

    .width-70-mobile{
        width: 70%;
    }

    .width-75-mobile{
        width: 75%;
    }

    .width-80-mobile{
        width: 80%;
    }

    .width-85-mobile{
        width: 85%;
    }

    .width-90-mobile{
        width: 90%;
    }

    .width-95-mobile{
        width: 95%;
    }

    .width-100-mobile{
        width: 100%;
    }



    .min-width-0-mobile{
        min-width: 0;
    }

    .min-width-5-mobile{
        min-width: 5%;
    }

    .min-width-10-mobile{
        min-width: 10%;
    }

    .min-width-15-mobile{
        min-width: 15%;
    }

    .min-width-20-mobile{
        min-width: 20%;
    }

    .min-width-25-mobile{
        min-width: 25%;
    }

    .min-width-30-mobile{
        min-width: 30%;
    }

    .min-width-33-mobile{
        min-width: 33.33333333333%;
    }

    .min-width-35-mobile{
        min-width: 35%;
    }

    .min-width-40-mobile{
        min-width: 40%;
    }

    .min-width-45-mobile{
        min-width: 45%;
    }

    .min-width-50-mobile{
        min-width: 50%;
    }

    .min-width-55-mobile{
        min-width: 55%;
    }

    .min-width-60-mobile{
        min-width: 60%;
    }

    .min-width-65-mobile{
        min-width: 65%;
    }

    .min-width-70-mobile{
        min-width: 70%;
    }

    .min-width-75-mobile{
        min-width: 75%;
    }

    .min-width-80-mobile{
        min-width: 80%;
    }

    .min-width-85-mobile{
        min-width: 85%;
    }

    .min-width-90-mobile{
        min-width: 90%;
    }

    .min-width-95-mobile{
        min-width: 95%;
    }

    .min-width-100-mobile{
        min-width: 100%;
    }



    .max-width-0-mobile{
        max-width: 0;
    }

    .max-width-5-mobile{
        max-width: 5%;
    }

    .max-width-10-mobile{
        max-width: 10%;
    }

    .max-width-15-mobile{
        max-width: 15%;
    }

    .max-width-20-mobile{
        max-width: 20%;
    }

    .max-width-25-mobile{
        max-width: 25%;
    }

    .max-width-30-mobile{
        max-width: 30%;
    }

    .max-width-33-mobile{
        max-width: 33.33333333333%;
    }

    .max-width-35-mobile{
        max-width: 35%;
    }

    .max-width-40-mobile{
        max-width: 40%;
    }

    .max-width-45-mobile{
        max-width: 45%;
    }

    .max-width-50-mobile{
        max-width: 50%;
    }

    .max-width-55-mobile{
        max-width: 55%;
    }

    .max-width-60-mobile{
        max-width: 60%;
    }

    .max-width-65-mobile{
        max-width: 65%;
    }

    .max-width-70-mobile{
        max-width: 70%;
    }

    .max-width-75-mobile{
        max-width: 75%;
    }

    .max-width-80-mobile{
        max-width: 80%;
    }

    .max-width-85-mobile{
        max-width: 85%;
    }

    .max-width-90-mobile{
        max-width: 90%;
    }

    .max-width-95-mobile{
        max-width: 95%;
    }

    .max-width-100-mobile{
        max-width: 100%;
    }




    .height-auto-mobile{
        height: auto;
    }

    .height-10-mobile{
        height: 10%;
    }

    .height-15-mobile{
        height: 15%;
    }

    .height-20-mobile{
        height: 20%;
    }

    .height-25-mobile{
        height: 25%;
    }

    .height-30-mobile{
        height: 30%;
    }

    .height-33-mobile{
        height: 33.33333333333%;
    }

    .height-35-mobile{
        height: 35%;
    }

    .height-40-mobile{
        height: 40%;
    }

    .height-45-mobile{
        height: 45%;
    }

    .height-50-mobile{
        height: 50%;
    }

    .height-55-mobile{
        height: 55%;
    }

    .height-60-mobile{
        height: 60%;
    }

    .height-65-mobile{
        height: 65%;
    }

    .height-70-mobile{
        height: 70%;
    }

    .height-75-mobile{
        height: 75%;
    }

    .height-80-mobile{
        height: 80%;
    }

    .height-85-mobile{
        height: 85%;
    }

    .height-90-mobile{
        height: 90%;
    }

    .height-95-mobile{
        height: 95%;
    }

    .height-100-mobile{
        height: 100%;
    }



    .min-height-0-mobile{
        min-height: 0;
    }

    .min-height-5-mobile{
        min-height: 5%;
    }

    .min-height-10-mobile{
        min-height: 10%;
    }

    .min-height-15-mobile{
        min-height: 15%;
    }

    .min-height-20-mobile{
        min-height: 20%;
    }

    .min-height-25-mobile{
        min-height: 25%;
    }

    .min-height-30-mobile{
        min-height: 30%;
    }

    .min-height-33-mobile{
        min-height: 33.33333333333%;
    }

    .min-height-35-mobile{
        min-height: 35%;
    }

    .min-height-40-mobile{
        min-height: 40%;
    }

    .min-height-45-mobile{
        min-height: 45%;
    }

    .min-height-50-mobile{
        min-height: 50%;
    }

    .min-height-55-mobile{
        min-height: 55%;
    }

    .min-height-60-mobile{
        min-height: 60%;
    }

    .min-height-65-mobile{
        min-height: 65%;
    }

    .min-height-70-mobile{
        min-height: 70%;
    }

    .min-height-75-mobile{
        min-height: 75%;
    }

    .min-height-80-mobile{
        min-height: 80%;
    }

    .min-height-85-mobile{
        min-height: 85%;
    }

    .min-height-90-mobile{
        min-height: 90%;
    }

    .min-height-95-mobile{
        min-height: 95%;
    }

    .min-height-100-mobile{
        min-height: 100%;
    }



    .max-height-0-mobile{
        max-height: 0;
    }

    .max-height-5-mobile{
        max-height: 5%;
    }

    .max-height-10-mobile{
        max-height: 10%;
    }

    .max-height-15-mobile{
        max-height: 15%;
    }

    .max-height-20-mobile{
        max-height: 20%;
    }

    .max-height-25-mobile{
        max-height: 25%;
    }

    .max-height-30-mobile{
        max-height: 30%;
    }

    .max-height-33-mobile{
        max-height: 33.33333333333%;
    }

    .max-height-35-mobile{
        max-height: 35%;
    }

    .max-height-40-mobile{
        max-height: 40%;
    }

    .max-height-45-mobile{
        max-height: 45%;
    }

    .max-height-50-mobile{
        max-height: 50%;
    }

    .max-height-55-mobile{
        max-height: 55%;
    }

    .max-height-60-mobile{
        max-height: 60%;
    }

    .max-height-65-mobile{
        max-height: 65%;
    }

    .max-height-70-mobile{
        max-height: 70%;
    }

    .max-height-75-mobile{
        max-height: 75%;
    }

    .max-height-80-mobile{
        max-height: 80%;
    }

    .max-height-85-mobile{
        max-height: 85%;
    }

    .max-height-90-mobile{
        max-height: 90%;
    }

    .max-height-95-mobile{
        max-height: 95%;
    }

    .max-height-100-mobile{
        max-height: 100%;
    }
}

#popup-login{
    margin: 5em auto;
    box-shadow: 0px 0px 20px -5px #111;
    max-width: 400px;
}

#popup-login .popup-header{
    padding: 2rem;
    font-size: 2rem;
    font-weight: bold;
}

#popup-login .popup-body{
    overflow-y:auto;
    box-shadow: 0 0 10px #ccc inset;
    padding: 3rem 2rem 4rem 2rem;
}

#popup-login .popup-footer{
    padding: 2rem;
    text-align: center;
}

i#popup-login-logo{
    font-size: 2.5rem;
    line-height: 2rem;
    margin-right: .5rem;
}

#popup-login #titulo{
    padding-left: .5rem;
    font-size: 1.8rem;
}

#popup-login #entrar-index,
#popup-login #entrar{
    width: 70%;
    padding: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
}

#popup-login #entrar:disabled{
    opacity: .25;
    cursor: default;
}

#popup-login .login-input{
    display: block;
    width: 100%;
    font-size: 1.5rem;
    border: none;
    border-bottom: solid .2rem rgba(0,0,0,.25);
    outline: none;
    background: none;
}

#popup-login .login-input:focus{
    border-bottom: solid .2rem rgba(75,150,255,.75);
}

#popup-login .login-input:first-of-type{
    margin-bottom: 3rem;
}

#popup-login .msg.sucesso,
#popup-login .msg.erro {
    font-size: 1.3rem;
    padding: 1rem;
    margin-bottom: 3rem;
}

#popup-login .msg.erro {
    background: #f1a39f;
    border: solid .1rem #ce5c59;
    color: #6b0909;
}

#popup-login .msg.sucesso {
    background: #dbf1d8;
    border: solid .1rem #98ce8b;
    color: #1d7b10;
}

@media screen and (max-height: 600px) {
    #popup-login{
        margin: 1rem auto 1rem;
    }
}