﻿@font-face 
{
    font-family: 'AmilTypeface-Regular_WebOnly';
    src: url('../Fonts/AmilTypeface-Regular_WebOnly.ttf') format('truetype');
}

body 
{
    background-color: #461bff;
    font-family: AmilTypeface-Regular_WebOnly !important;
}

.divProcesso {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    vertical-align: middle;
    opacity: 0.8;
    z-index: 999;
}

.divLightBox_Fundo {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    vertical-align: middle;
    opacity: 0.85;
    z-index: 999;
}

.divLightBox_Conteudo {
    position: fixed;
    top: 5%;
    right: 5%;
    width: 90%;
    height: 90vh;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
}

.divLightBox_Fechar {
    position: fixed;
    bottom: 3px;
    right: 5%;
    background-color: #010f40;
    color:#ffffff;
    font-weight:bold;
    padding:10px;
    border-radius:6px;
    cursor:hand;
    cursor:pointer;
    z-index: 1001;
}


@media (max-width: 479px) {

    .font_btnAtivo_G_1{
        font-size: 11pt;
        font-weight:bold;
    }

    .font_btnAtivo_G_2 {
        font-size: 11pt;
        font-weight: bold;
    }

    .divDestaque {
        border-style: solid;
        border-left-width: 0px;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #433fb6;
        min-height: 150px;
    }
}

@media (min-width: 480px) and (max-width: 767px) 
{
    .font_btnAtivo_G_1 {
        font-size: 14pt;
    }

    .font_btnAtivo_G_2 {
        font-size: 14pt;
    }

    .divDestaque {
        border-style: solid;
        border-left-width: 0px;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #433fb6;
        min-height: 150px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) 
{
    .font_btnAtivo_G_1 {
        font-size: 16pt;
    }

    .font_btnAtivo_G_2 {
        font-size: 16pt;
    }

    .divDestaque {
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #433fb6;
        min-height: 150px;
    }
}

@media (min-width: 1200px) 
{
    .font_btnAtivo_G_1 {
        font-size: 22pt;
    }

    .font_btnAtivo_G_2 {
        font-size: 22pt;
    }

    .divDestaque {
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-color: #433fb6;
        min-height: 150px;
    }
}


.btnAtivo_G_1 {
    background-color: #ffac00;
    width: 96%;
    height: 60px;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 30px;
    color: #100e5d;
}

    .btnAtivo_G_1:hover {
        background-color: #ca8902;
        width: 96%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #100e5d;
    }

    .btnAtivo_G_1:focus {
        background-color: #ca8902;
        width: 96%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #100e5d;
    }

.btnAtivo_G_2 {
    background-color: #100e5d;
    width: 100%;
    height: 60px;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 30px;
    color: #ffffff;
}

    .btnAtivo_G_2:hover {
        background-color: #060449;
        width: 100%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #ffffff;
    }

    .btnAtivo_G_2:focus {
        background-color: #060449;
        width: 100%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #ffffff;
    }

.btnAtivo_G_3 {
    background-color: #1dadfb;
    width: 100%;
    height: 60px;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 30px;
    color: #ffffff;
}

    .btnAtivo_G_3:hover {
        background-color: #087fbf;
        width: 100%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #ffffff;
    }

    .btnAtivo_G_3:focus {
        background-color: #087fbf;
        width: 100%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #ffffff;
    }

.btnAtivo_G_4 {
    background-color: #ffac00;
    width: 100%;
    height: 60px;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 30px;
    color: #100e5d;
}

    .btnAtivo_G_4:hover {
        background-color: #ca8902;
        width: 100%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #100e5d;
    }

    .btnAtivo_G_4:focus {
        background-color: #ca8902;
        width: 100%;
        height: 60px;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 30px;
        color: #100e5d;
    }

.btn-fechar {
    background-color: #100e5d;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 40px;
    color: #ffffff;
    font-weight: bold;
}

    .btn-fechar:hover {
        background-color: #060449;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 40px;
        color: #ffffff;
        font-weight: bold;
    }

    .btn-fechar:focus {
        background-color: #060449;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 40px;
        color: #ffffff;
        font-weight: bold;
    }

.btn-acao {
    background-color: #1dadfb;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 40px;
    color: #ffffff;
    font-weight: bold;
}

    .btn-acao:hover {
        background-color: #087fbf;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 40px;
        color: #ffffff;
        font-weight: bold;
    }

    .btn-acao:focus {
        background-color: #087fbf;
        border-style: solid;
        border-width: 2px;
        border-color: #ffffff;
        border-radius: 40px;
        color: #ffffff;
        font-weight: bold;
    }

.form_control_inscricao {
    background-color: #100e5d !important;
    width: 100% !important;
    height: 35px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #ffffff !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-weight: normal !important;
    font-size: 13pt !important;
}

select {
    background-color: #100e5d !important;
    color: #ffffff;
}

    select option {
        font-size: 13pt !important;
    }

.control-label {
    font-size: 12pt !important;
}

input[type="checkbox"], input[type="radio"], label, select, input[type="date"], input[type="Phone"] {
    color: #ffffff !important;
    font-size: 12pt !important;
    font-weight: normal !important;
}
