@import url('./icons.css');

html, body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

:root {
    --altura-menu:0;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.button-link {
    text-decoration: unset;
}

.title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0;
}

.title.title-secondary {
    padding: 0.313rem 0 0;
    color: var(--bs-secondary-color);
}

.title-header-text {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2.5rem;
}

.title-content-text {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.375rem;
}

.main-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.body-content {
    /*flex: 1;*/
    height: calc(100vh - var(--altura-menu)) !important;
}

.sombra {
    box-shadow: 6px 7px 10px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 6px 7px 10px 2px rgba(0,0,0,0.6);
    -moz-box-shadow: 6px 7px 10px 2px rgba(0,0,0,0.6);
}

.vh-100-content { height: calc(100vh - var(--altura-menu)) !important; }
.vh-90-content { height: calc(90vh - var(--altura-menu)) !important; }
.vh-85-content { height: calc(85vh - var(--altura-menu)) !important; }
.vh-80-content { height: calc(80vh - var(--altura-menu)) !important; }
.vh-70-content { height: calc(70vh - var(--altura-menu)) !important; }
.vh-60-content { height: calc(60vh - var(--altura-menu)) !important; }
.vh-50-content { height: calc(50vh - var(--altura-menu)) !important; }

.cw-20 { width: 20px !important; }.cw-40 { width: 40px !important; }.cw-50 { width: 50px !important; }.cw-60 { width: 60px !important; }.cw-70 { width: 70px !important; }.cw-80 { width: 80px !important; }
.cw-100 { width: 100px !important; }.cw-120 { width: 120px !important; }.cw-140 { width: 140px !important; }.cw-150 { width: 150px !important; }.cw-160 { width: 160px !important; }.cw-170 { width: 170px !important; }.cw-180 { width: 180px !important; }
.cw-200 { width: 200px !important; }.cw-220 { width: 220px !important; }.cw-240 { width: 240px !important; }.cw-250 { width: 250px !important; }.cw-260 { width: 260px !important; }.cw-270 { width: 270px !important; }.cw-280 { width: 280px !important; }
.cw-300 { width: 300px !important; }.cw-320 { width: 320px !important; }.cw-340 { width: 340px !important; }.cw-350 { width: 350px !important; }.cw-360 { width: 360px !important; }.cw-370 { width: 370px !important; }.cw-380 { width: 380px !important; }
.cw-400 { width: 400px !important; }.cw-420 { width: 420px !important; }.cw-440 { width: 440px !important; }.cw-450 { width: 450px !important; }.cw-460 { width: 460px !important; }.cw-470 { width: 470px !important; }.cw-480 { width: 480px !important; }
.cw-500 { width: 500px !important; }.cw-520 { width: 520px !important; }.cw-540 { width: 540px !important; }.cw-550 { width: 550px !important; }.cw-560 { width: 560px !important; }.cw-570 { width: 570px !important; }.cw-580 { width: 580px !important; }
.cw-600 { width: 600px !important; }.cw-620 { width: 620px !important; }.cw-640 { width: 640px !important; }.cw-650 { width: 650px !important; }.cw-660 { width: 660px !important; }.cw-670 { width: 670px !important; }.cw-680 { width: 680px !important; }
.cw-700 { width: 700px !important; }.cw-720 { width: 720px !important; }.cw-740 { width: 740px !important; }.cw-750 { width: 750px !important; }.cw-760 { width: 760px !important; }.cw-770 { width: 770px !important; }.cw-780 { width: 780px !important; }
.cw-800 { width: 800px !important; }.cw-820 { width: 820px !important; }.cw-840 { width: 840px !important; }.cw-850 { width: 850px !important; }.cw-860 { width: 860px !important; }.cw-870 { width: 870px !important; }.cw-880 { width: 880px !important; }
.cw-900 { width: 900px !important; }.cw-920 { width: 920px !important; }.cw-940 { width: 940px !important; }.cw-950 { width: 950px !important; }.cw-960 { width: 960px !important; }.cw-970 { width: 970px !important; }.cw-980 { width: 980px !important; }
.cw-1000 { width: 1000px !important; }.cw-1100 { width: 1100px !important; }

.ch-20 { height: 20px !important; }.ch-30 { height: 30px !important; }.ch-40 { height: 40px !important; }.ch-50 { height: 50px !important; }.ch-60 { height: 60px !important; }.ch-70 { height: 70px !important; }.ch-80 { height: 80px !important; }.ch-90 { height: 90px !important; }
.ch-100 { height: 100px !important; }.ch-120 { height: 120px !important; }.ch-130 { height: 130px !important; }.ch-140 { height: 140px !important; }.ch-150 { height: 150px !important; }.ch-160 { height: 160px !important; }.ch-170 { height: 170px !important; }.ch-180 { height: 180px !important; }
.ch-200 { height: 200px !important; }.ch-220 { height: 220px !important; }.ch-230 { height: 230px !important; }.ch-240 { height: 240px !important; }.ch-250 { height: 250px !important; }.ch-260 { height: 260px !important; }.ch-270 { height: 270px !important; }.ch-280 { height: 280px !important; }
.ch-300 { height: 300px !important; }.ch-320 { height: 320px !important; }.ch-330 { height: 330px !important; }.ch-340 { height: 340px !important; }.ch-350 { height: 350px !important; }.ch-360 { height: 360px !important; }.ch-370 { height: 370px !important; }.ch-380 { height: 380px !important; }
.ch-400 { height: 400px !important; }.ch-420 { height: 420px !important; }.ch-430 { height: 430px !important; }.ch-440 { height: 440px !important; }.ch-450 { height: 450px !important; }.ch-460 { height: 460px !important; }.ch-470 { height: 470px !important; }.ch-480 { height: 480px !important; }
.ch-500 { height: 500px !important; }.ch-520 { height: 520px !important; }.ch-530 { height: 530px !important; }.ch-540 { height: 540px !important; }.ch-550 { height: 550px !important; }.ch-560 { height: 560px !important; }.ch-570 { height: 570px !important; }.ch-580 { height: 580px !important; }
.ch-600 { height: 600px !important; }.ch-620 { height: 620px !important; }.ch-630 { height: 630px !important; }.ch-640 { height: 640px !important; }.ch-650 { height: 650px !important; }.ch-660 { height: 660px !important; }.ch-670 { height: 670px !important; }.ch-680 { height: 680px !important; }