:root {
    --cor-primaria: #A370F0;
    --cor-secundaria: #654694;
    --cor-terciaria: #985EDB;
}
* {
    list-style: none;
}
input:focus {
    outline: none;
}
textarea {
    font-family: 'Arial';
}
textarea:focus {
    outline: none;
}
select:focus {
    outline: none;
}
button:focus {
    outline: none;
}
a:link {
	color:#003366;
	text-decoration:none;
}
a:visited {
	color:#003366;
	text-decoration:none;
}
a:hover {
	color:#FF7519;
}
@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
@media only screen and (orientation: landscape) {
    body {
        font-family: "Montserrat",sans-serif;
        font-size: 1vw;
        /*background: #fff url('../img/template/bg-body.png') repeat-x;*/
        margin: 0px;
        outline: none;
        overflow-y: hidden;
        overflow-x: hidden;
        background-color: rgba(245,245,245,1);
    }
    ::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,.03);
    }
    ::-webkit-scrollbar {
        width: 3px;
        background: #F4F4F4;
        border-radius: 3px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: var(--cor-primaria);
    }
    .pac-container {
        z-index: 30000 !important;
    }
    .button_default {
        border: none;
        color: #333;
        cursor: pointer;
        padding: 5px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ddd;
        font-weight: bolder;
        font-size: 1.05em;
    }
    .button_default:hover {
        background-color: #999;
        color: #333;
    }
    .button {
        background-color: var(--cor-primaria);
    }
    .button:hover {
        background-color: var(--cor-secundaria);
    }
    .mobile {
        display: none !important;
    }
    .disabled {
        color: #333 !important;
        background-color: #999 !important;
        cursor: default !important;
        box-shadow: none;
    }
    .disabled:hover {
        color: #333 !important;
    }
    .footer_section {
        width: 100%;
        display: flex;
    }
    .mark {
        background-color: rgba(255,180,0,.8);
    }
    #button_default {
        padding: 8px 15px;
        margin: .3em;
    }
    #button_default i {
        font-size: 1.2em;
    }
    .button_block {
        color: #333;
        background-color: #777 !important;
        box-shadow: inset 0 0 1.6em -0.6em #999;
        cursor: default;
    }
    .button_block:hover {
        color: #333;
    }
    .version {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    div.sceditor-toolbar {
        background:padding-box var(--cor-primaria);
    }
    .sceditor-button {
        cursor: pointer !important;
    }
    .sceditor-button i:hover {
        color: var(--cor-primaria) !important;
    }

    /* GERAL */

    #show_ajax {
        visibility: hidden;
        border:1px solid black;
        border-color: #ccc;
        z-index:2;
        position: absolute;
        background: #fff;
        text-align: center;
        left: 50%;
        top: 0px;
        width: 150px;
        margin-left: -75px; 
    }

    #show_done {
        border-radius: 3px;
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translate(-50%,0%);
        z-index: 1000;
        visibility: hidden;
        padding: 20px 30px;
        font-size: 1.4em;
        font-weight: normal;
        transition: opacity 0.2s;
        color: #fff;
        text-align: center;
    }
    #show_done i {
        margin: .3em auto 0 auto;
        font-size: 1.3em;
    }
    .not_authorized {
        width: 30%;
        height: 150px;
        background-color: #f44336;
    }
    .green_alert {
        background-color: #14BF31;
    }
    .red_alert {
        background-color: #f44336;
    }
    .yellow_alert {
        background-color: #ff9800;
    }
    .blue_alert {
        background-color: #2196F3;
    }
    .green {
        color: rgba(42,193,38,1);
    }
    .red {
        color: rgba(255,0,0,1);
    }
    .red_icon {
        color: rgba(255,0,0,1);
    }
    .link_span {
        cursor: pointer;
        text-align: center;
        color: var(--cor-primaria);
    }.link_span:hover {
        color: var(--cor-secundaria);
    }
    div:hover > .red_icon {
        color: rgba(205,0,0,1);
    }
    #show_tab_delete {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 20000;
        font-size: 1vw;
    }
    #show_tab_delete .show_content {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 5px;
        min-height: 30%;
        min-width: 30%;
        max-height: 50%;
        max-width: 50%;
    }
    #show_tab_delete #tab_content {
        margin:20px;
    }
    #show_tab_delete .div_popup {
        height: 30vh;
    }
    #show_tab {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 20000;
        font-size: 1vw;
    }
    #show_tab .show_content {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 5px;
        min-height: 30%;
        min-width: 30%;
        max-height: 90%;
        max-width: 80%;
    }
    #show_tab .show_content .button_show {
        width: 150px;
        margin: auto auto 1.3em auto;
    }
    #show_tab .show_content .h1_title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--cor-primaria);
    }
    #show_tab_info {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 20000;
        font-size: 1vw;
    }
    #show_tab_info .show_content_info {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 5px;
        min-width: 30%;
        max-height: 80%;
        max-width: 40%;
    }
    #show_tab_info .div_message_info {
        margin-bottom: 5%;
        padding: 3%;
    }
    #show_tab_info .div_popup_info {
        padding: 3%;
    }
    #show_tab_info #tab_content_info {
        min-height: 100%;
        max-height: 100%;
        width: 100%;
    }
    #show_tab_info #info_message {
        padding: 2%;
        text-align: center;
        font-size: 1.1em;
    }
    #show_tab_info .show_content_info .div_buttons {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #show_tab_travel {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 20000;
        font-size: 1vw;
    }
    #show_tab_travel .show_content_travel {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 5px;
        min-width: 40%;
        max-height: 80%;
        max-width: 50%;
        padding-bottom: 2%;
    }
    #show_tab_travel #tab_content_travel {
        min-height: 100%;
        max-height: 100%;
        width: 100%;
    }
    #show_tab_travel .show_content_travel .div_buttons {
        width: 100%;
        margin-top: 3%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #show_tab_transparent {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0);
        z-index: 200;
    }
    #show_tab_transparent .show_content {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 5px;
        width: 50%;
        min-height: 30%;
        box-shadow: 1px 1px 10px #999;
    }
    #show_tab_transparent .show_content .button_show {
        width: 150px;
        margin: auto auto 1.3em auto;
    }
    .div_dropdown {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 10000;
    }
    .div_dropdown .drop_list {
        padding: .5vw 0;
        box-shadow: 0px 0px 5px #999;
        border-radius: .5vw;
        background-color: #fff;
    }
    .div_dropdown .drop_element {
        padding: 2% 4%;
        background-color: #fff;
        cursor: pointer;
    }
    .div_dropdown .drop_element:hover {
        background-color: #eee;
    }
    section.section_content {
        height: 90vh;
        width: 100%;
        display: flex;
        z-index: 1;
    }
    section.section_content .div_content {
        margin: 1.5em;
        width: 100%;
        background-color: #fff;
        height: 93%;
        box-sizing: border-box;
        border-radius: .6vw;
        box-shadow: 0px 0px 15px #aaa;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: hidden;
        position: relative;
    }
    section.section_content .title_div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 3%;
        padding-right: 3%;
        box-sizing: border-box;
        height: 12%;
        border-bottom: 1px solid #bbb;
        font-size: 1vw;
        position: relative;
    }
    section.section_content .title_div h1 {
        font-size: 2em;
        color: var(--cor-primaria);
    }
    section.section_content .title_div div.div_tabs {
        display: flex;
        flex: 1;
        justify-content: flex-end;
        padding-right: 40px;
    }
    .search_bar {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 0 2vw;
        width: 30%;
        position: absolute;
        left: 25%;
    }
    .search_bar .search_div_button {
        display: none;
        justify-content: center;
        align-items: center;
        border-radius: .3vw;
        width: 2vw;
        height: 2vw;
        transition: background .3s;
        cursor: pointer;
    }
    .search_bar .search_div_button:hover {
        background-color: #eee;
    }
    .search_bar .search_div_button i {
        color: #fff;
    }
    .search_bar #search_input {
        display: flex;
        border: none;
        border-radius: 5vw;
        padding: 0 1vw;
        height: 5vh;
        width: 100%;
        border: 1px solid #ccc;
        color: #444;
    }
    .button_delete_conta {
        border: 1px solid #f44336;
        color: #f00;
        padding: 1%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bolder;
        min-width: 15vw;
        transition: background 0.3s;
        border-radius: .3vw;
        cursor: pointer;
        background-color: transparent;
    }
    .button_delete_conta:hover {
        background-color: #f44336;
        color: #fff;
    }
    .div_delete_account {
        padding: 0 4%;
    }
    .button_red {
        background-color: #f44336 !important;
        box-shadow: inset 0 0 1.6em -0.6em #f00 !important;
    }
    .button_naoautorizado {
        height: 6vh !important;
    }
    section.section_content .title_div div.div_tabs div.button_info {
        /*border: 1px solid #ddd;*/
        padding: 1%;
        margin: 0 2px;
        min-width: 12%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background 0.3s;
        border-radius: 3px;
    }
    section.section_content .title_div div.div_tabs div.button_info:hover {
        background-color: #eee;
        cursor: pointer;
    }
    section.section_content .title_div div.div_tabs .right {
        border-radius: 3px 3px 3px 3px;
    }
    section.section_content .title_div div.div_tabs .left {
        border-radius: 3px 3px 3px 3px;
    }
    section.section_content .title_div div.div_tabs div.selected {
        background-color: #eee;
    }
    section.section_content .title_div h2 i {
        font-size: 1.2em;
        color: rgba(23,94,150,1);
    }
    section.section_content .title_div h2 i:hover {
        cursor: pointer;
        color: rgba(255,117,25,1);
    }
    section.section_content .div_info {
        height: 100%;
        width: 100%;
    }
    .loading_section {
        display: none !important;
        position: absolute !important;
        width: 100% !important;
        background-color: #f5f5f7 !important;
        z-index: 1000 !important;
    }
    .loading_section .div_info_load {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .loading_section .div_info_load img {
        max-height: 50%;
    }
    #div_cropper {
        width: 100%;
        height: 100%;
        position: absolute;
        display: none;
        background-color: rgba(0,0,0,.4);
        left: 0;
        top: 0;
        z-index: 5;
    }
    #div_cropper .cropper_block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40%;
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: 5px;
        padding-top: 20px;
    }
    #div_cropper #cropper_container {
        width: 90%;
        height: 80%;
        border: 1px solid #555;
        box-sizing: border-box;
        margin: 2px;
        opacity: 0;
    }
    #div_cropper .div_buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        flex: 1;
    }
    #div_cropper .div_buttons div {
        height: 6vh;
        margin: 0 1em;
    }
    .button {
        color: white;
        font-family: inherit;
        padding: 1.6vh 5%;
        font-size: 1.1vw;
        font-weight: bolder;
        border-radius: 5px;
        border: none;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 0 1.6em -0.6em #714da6;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: background 0.3s;
        min-width: 15vw;
        margin: 0 1em;
        height: 2vh;
    }
    .button_alt {
        color: white;
        font-family: inherit;
        /*padding: 6% 5%;*/
        font-size: 1.1vw;
        font-weight: bolder;
        border-radius: 5px;
        border: 1px solid #fff;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        background-color: transparent;
        transition: background 0.3s;
        min-width: 15vw;
        margin: 0 1em;
        height: 6vh;
    }
    .button:hover {
        color: #eee;
    }
    .form {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .field_input {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px 1%;
        box-sizing: border-box;
        margin: 1% 0;
        font-size: 1vw;
        position: relative;
    }
    input[readonly] {
        background-color: #ccc !important;
    }
    select[readonly] {
        background-color: #ccc !important;
        color: #000;
    }
    select[disabled] {
        color: #000;
    }
    .field_input .field_label, .field_input label {
        font-weight: bolder;
        margin-bottom: 1%;
        font-size: 1.1em;
        position: relative;
        display: flex;
        align-items: center;
        position: relative;
    }
    label .help, .field_label .help {
        display: none;
        position: absolute;
        min-width: 40%;
        width: auto;
        opacity: 0;
        top: -7vh;
        left: 0%;
        transform: translate(0%, -100%);
        transition: opacity 0.2s;
        z-index: 10000;
        font-size: .85em;
        background-color: rgba(0,0,0,.8);
        padding: 10px;
        border-radius: 5px;
        color: #fff;
        box-sizing: border-box;
        font-weight: normal;
        font-family: 'Calibri';
    }
    label i.icon_help, .field_label i.icon_help {
        font-size: 0.8em;
        color: #444;
        cursor: pointer;
        position: relative;
        margin-left: 5px;
    }
    label .help span, .field_label .help span {
        display: flex;
        opacity: 1;
    }
    .field_input .div_inputlike {
        background-color: #eee;
        border: none;
        border-radius: .3vw;
        padding: 0 1vw;
        color: #000;
        margin: .2vw;
        height: 5.5vh;
        font-size: 1vw;
    }
    .field_input input {
        background-color: #eee;
        border: none;
        border-radius: .3vw;
        padding: 0 1vw;
        color: #000;
        margin: .2vw;
        height: 5.5vh;
        font-size: 1vw;
    }
    .field_input select {
        background-color: #eee;
        border: none;
        border-radius: .3vw;
        padding: 0 1vw;
        color: #000;
        margin: .2vw;
        height: 5.5vh;
    }
    .field_input textarea {
        background-color: #eee;
        border: none;
        border-radius: .3vw;
        padding: 1vh;
        flex: 1;
        resize: none;
        font-size: 1em;
    }
    .field_input textarea::-webkit-scrollbar {
        width: 3px;
    }
    .field_input .span_input {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 1em;
        font-family: 'Trebuchet MS';
        border-radius: 3px;
        color: #000;
        padding: 0 0 0 10px;
        background-color: #ccc;
    }
    .field_input .span_input input {
        width: auto;
        flex: 1;
    }
    table.table {
        width: 100%;
        border-collapse: collapse;
        height: 100%;
        font-size: 1vw;
    }
    table.table th {
        padding: 1% 0;
        text-align: center;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        background-color: var(--cor-primaria);
        color: #fff;
    }
    table.table td {
        padding: 1% 0 1% 0;
        text-align: center;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        color: #333;
    }
    table.table th {
        font-weight: bolder;
        font-size: 1.1em;
    }
    table.table th i {
        cursor: pointer;
        transition: font-size 0.2s;
    }
    table.table th i:hover {
        font-size: 1.1em;
    }
    table.table tbody {
        display: block;
        max-height: 65vh;
        overflow-y: scroll;
    }
    table.table thead {
        overflow-y: scroll;
    }
    table.table thead, tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    table.table tr:hover {
        background-color: #ddd;
    }
    table.table td i {
        font-size: 1.3em;
        margin: 0 3px;
        cursor: pointer;
        color: var(--cor-primaria);
    }
    table.table td i:hover {
        color: var(--cor-secundaria);
    }
    td.left, th.left {
        text-align: left !important;
        padding-left: 2vw !important;
    }
    td.right, th.right {
        text-align: right !important;
        padding-right: 2vw !important;
    }
    td.center, th.center {
        text-align: center !important;
        padding-right: 2vw !important;
        padding-left: 2vw !important;
    }
    .aviso_sem_registro {
        width: 100%;
        height: 100%;
        position: relative;
        font-size: 1vw;
    }
    .aviso_sem_registro .container_aviso {
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .aviso_sem_registro .texto_aviso {
        font-size: 1.5em;
        font-weight: bolder;
        text-align: center;
        color: #555;
        margin-bottom: 4%;
    }
    .aviso_sem_registro .button_aviso {
        min-width: 20vw;
        max-width: 20vw;
        min-height: 6vh;
        max-height: 6vh;
    }
    .div_action {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        box-sizing: border-box;
        margin: 0 2px;
        cursor: pointer;
        border: 1px solid #ddd;
        border-radius: 3px;
        margin: 2px;
        box-sizing: border-box;
        transition: background 0.3s;
    }
    .div_action:hover {
        background-color: #ccc;
    }
    .div_action .enable_button {
        color: var(--cor-primaria);
        transition: color 0.3s;
    }
    .div_action:hover .enable_button {
        color: var(--cor-secundaria);
    }
    .div_tipo .enable_button {
        color: var(--cor-primaria);
        transition: color 0.3s;
    }
    .div_tipo:hover .enable_button {
        color: var(--cor-secundaria);
    }
    .cor1 {
        color: var(--cor-primaria);
    }
    .cor_icon {
        color: var(--cor-primaria);
    }
    div:hover > .cor_icon {
        color: var(--cor-secundaria);
    }
    .aviso_not {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: #555;
    }

    /* login.php */
        
    #section_login {
        overflow-y: scroll;
        width: 100vw;
        height: 100vh;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
    }
    #section_login .color1 {
        background-color: var(--cor-primaria);
    }
    #section_login .background_dinam {
        background-color: var(--cor-primaria);
    }
    #section_login .div_voltar {
        color: var(--cor-primaria);
    }
    #section_login #menu_home ul {
        background-color: var(--cor-primaria);
    }
    #section_login .rodape {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #fff;
    }
    #section_login .div_rodape {
        flex: 1;
        padding: 2%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_login .container_texto li {
        list-style: auto;
    }
    #section_login .input_buttons_ext {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 0 1%;
        margin-bottom: 1%;
    }
    #section_login .input_buttons_ext > .button_ext:not(:last-child) {
        margin-right: 3%;
    }
    #section_login .input_buttons_ext .button_ext {
        display: flex;
        width: 100%;
        border-radius: .3vw;
        justify-content: center;
        align-items: center;
        background-color: #eee;
        padding: 3% 2%;
        margin: .2vw;
        box-sizing: border-box;
        transition: background 0.3s;
        color: #000;
    }
    #section_login .input_buttons_ext .button_ext i {
        color: #777;
        font-size: 1.3em;
    }
    #section_login .input_buttons_ext .button_ext:hover {
        cursor: pointer;
        background-color: #ccc;
    }
    #section_login .div_rights p {
        text-align: center;
    }
    #section_login .div_text_rodape {
        margin: 2% 0;
    }
    #section_login .link_doc {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1% 0 0 0;
        cursor: pointer;
        text-decoration: underline;
    }
    #section_login form i{
        margin-top: 0.5%;
        margin-right: 2%;
        color:  #aaa;
    }
    #section_login a#nova_senha{
        font-size: 1em;
        color: blue;
        text-decoration: none;
    }
    #section_login #header {
        width: 100vw;
        min-height: 100vh;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgb(250,250,250);
        background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 85%, rgba(172,106,248,1) 100%);
    }
    #section_login #header #form {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 94vh;
        margin-top: 6vh;
        border-radius: 0;
        background-color: #FFF;
        /*box-shadow: 0px 0px 5px #999;*/
        position: relative;
        font-size: 1vw;
    }
    #section_login .background_dinam {
        width: 50%;
        height: 100%;
        border-radius: 8vw 1vw 1vw 5vw;
        box-sizing: border-box;
        position: absolute;
        z-index: 2;
        left: 50%;
        transition: all 1s ease;
    }
    #section_login .div_login {
        width: 50%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_login #form .msg {
        color: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        padding: 5%;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    #section_login #form .msg .container_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 1.1em;
    }
    #section_login #form .msg .div_logo {
        max-width: 60%;
    }
    #section_login #form .msg .div_logo img {
        max-width: 100%;
        max-height: 100%; 
    }
    #section_login .div_login .msg {
        display: flex;
        position: absolute;
        z-index: 0;
        left: -100%;
        opacity: 0;
        visibility: hidden;
        transition: all 1s;
    }
    #section_login .div_login form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 15%;
        box-sizing: border-box;
        z-index: 1;
        position: absolute;
        left: 0%;
        background-color: #fff;
        border-radius: 1vw;
        transition: left 1s ease;
    }
    #section_login .div_cadastro form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 15%;
        box-sizing: border-box;
        z-index: 0;
        position: absolute;
        left: -100%;
        background-color: #fff;
        border-radius: 1vw;
        transition: left 1s ease;
    }
    #section_login .div_cadastro {
        width: 50%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_login .div_cadastro .msg {
        display: flex;
        position: absolute;
        z-index: 3;
        left: 0%;
        opacity: 1;
        visibility: visible;
        transition: all 1s;
    }
    #section_login .div_text {
        font-size: 3.7em;
        font-weight: bold;
        margin-bottom: 4%;
        text-align: center;
    }
    #section_login .text_info {
        text-align: center;
    }
    #section_login .div_inputs {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 4%;
        box-sizing: border-box;
        padding: 0 5%;
    }
    #section_login .div_inputs input {
        background-color: #eee;
        border: none;
        border-radius: .3vw;
        padding: 1vw;
        color: #000;
        margin: .2vw;
        height: auto !important;
    }
    #section_login .div_inputs input::placeholder {
        color: #000;
        font-family: 'Montserrat';
    }
    #section_login .div_button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3%;
    }
    #section_login #form .msg h1 {
        font-size: 3em;
        margin: 0;
    }
    #section_login #form .msg span {
        margin: 1em 1em 2em 1em;
        text-align: center;
    }
    #section_login h1.h1_titles {
        font-family: 'Montserrat', serif;
        font-size: 3.7em;
        margin-top: 10vh;
        margin-left: 5vw;
    }
    #section_login #info1 h1.h1_titles {
        margin: 0 !important;
        padding: 0 8%;
    }
    #section_login #info1 p {
        margin: 3% 8% 0 0 !important;
    }
    #section_login #info2{
        min-height: 94vh;
    }
    #section_login #info3{
        min-height: 100vh;
    }
    #section_login .color1 {
        color: #fff;
    }
    #section_login .color2 {
        color: #000;
        background-color: #fff;
    }
    #section_login .h1_doc {
        font-size: 3.5em;
    }
    #section_login .div_privacy {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 3%;
    }
    #section_login .sec_div .div_p {
        /*margin-left: 2%;
        margin-right: 2%;*/
        padding: 0 8%;
        text-align: justify;
        margin-bottom: 3%;
        font-size: 1.1em;
    }
    #section_login #menu_home ul{
        align-items: center;
        z-index:5;
        height: 7vh;
        width: 100%;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        letter-spacing: 0;
        display: flex;
        justify-content: space-around;
    }#section_login #menu_home .ul_logo img {
        max-height: 70%;
        max-width: 100%;
        cursor: pointer;
    }
    #section_login #menu_home ul li{
        list-style: none;
    }
    #section_login #menu_home ul li a{
        font-family: 'Montserrat', serif;
        color: #fff;
        line-height: 25px;
        box-sizing: border-box;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.2em;
    }
    #section_login #menu_home ul li a:hover{
        color: rgba(255, 255, 255, 0.8);
    }
    .verify_section {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_login .verify_form {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35%;
        background-color: #fff;
        border-radius: 1vw;
        box-shadow: 0px 0px 5px #999;
        flex-direction: column;
        padding: 2%;
        box-sizing: border-box;
    }
    #section_login .div_info {
        margin-bottom: 2vh;
    }
    #section_login .div_info a {
        cursor: pointer;
    }
    #section_login .div_voltar {
        margin: 4vh 2vh 2vh 2vh;
        cursor: pointer;
    }
    #section_login .form_div {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_login .div_container {
        display: flex;
        width: 100%;
        /*height: 100%;*/
        justify-content: center;
        align-items: flex-end;
        margin-top: 10vh;
    }
    #section_login .div_container .div_left {
        width: 50%;
        height: 100%;
    }
    #section_login #info1 .div_container .div_left {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #section_login #info1 .div_container .div_right {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 17vh;
    }
    #section_login .div_container .div_left img {
        height: 100%;
    }
    #section_login .icons_contato {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10% 5%;
    }
    #section_login .icons_contato i {
        margin: 0 1.5vw;
        font-size: 2em;
        cursor: pointer;
        color: #fff;
    }
    #section_login .div_container .div_form {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    #section_login .div_container .div_form form {
        background-color: #fff;
        border-radius: 2vw;
        width: 70%;
        padding: 4%;
    }
    #section_login .div_container .div_form input, 
    #section_login .div_container .div_form textarea {
        background-color: #eee;
        border: none;
        border-radius: .3vw;
        padding: 1vw;
        color: #000;
        margin: .2vw;
        height: auto !important;
    }
    #section_login .div_container .div_form textarea {
        min-height: 20vh;
    }
    #section_login .div_container .div_form input::placeholder,
    #section_login .div_container .div_form textarea::placeholder {
        color: #000;
        font-family: 'Montserrat';
    }
    #section_login .div_container .button_contato {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 4%;
    }
    #section_login .div_container .button_contato button {
        height: 6vh;
    }

    /* header.php */

    #tab_content {
        border: 1px solid #ddd;
        border-radius: 3px;
        display: flex;
    }
    #tab_content .div_popup {
        width: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    #tab_content .popup_card {
        max-width: 35vw;
    }
    #tab_content .div_form_checkout {
        display: flex;
        flex-wrap: wrap;
        padding: 2vw;
    }
    #tab_content .popup_card .form_cardNumber{
        width: 50%;
    }
    #tab_content .popup_card .form_cardExpirationDate{
        width: 30%;
    }
    #tab_content .popup_card .form_securityCode {
        width: 20%;
    }
    #tab_content .popup_card .form_cardholderName {
        width: 100%;
    }
    #tab_content .popup_card .form_cardHidden {
        width: 50%;
    }
    #tab_content .popup_card .form_email {
        width: 100%;
    }
    #tab_content .div_popup .div_table_career {
        height: 85%;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }
    #tab_content .div_popup .div_table_career table {
        width: 100%;
        border-collapse: collapse;
    }
    #tab_content .div_popup .div_table_career tr {
        padding: 1%;
        border-bottom: 1px solid #ddd;
    }
    #tab_content .div_popup .div_table_career tr:first-child {
        border-top: 1px solid #ddd;
    }
    #tab_content .div_popup .div_table_career td {
        text-align: left;
        padding: 1.5% 5%;
        font-size: 1.1em;
    }
    #tab_content .div_popup .div_table_career i {
        font-size: 1.4em;
        color: var(--cor-primaria);
    }
    #tab_content .div_popup .div_table_career i.fa-circle:hover {
        cursor: pointer;
        color: var(--cor-secundaria);
    }
    #tab_content .div_popup .div_buttons {
        padding: 3% 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
    }
    #tab_content .div_popup .div_buttons div {
        /*padding: 10px;*/
        /*width: 200px;*/
        margin: 0 1em;
    }
    #tab_content .popup_artista {
        width: 30vw;
        min-height: 45vh;
    }
    #tab_content .popup_addevent {
        width: 45vw;
    }
    #tab_content .popup_budget {
        width: 45vw;
    }
    #tab_content .popup_itinerario {
        width: 45vw;
    }
    #tab_content .popup_day {
        width: 50vw;
    }
    #tab_content .popup_day #div_eventos {
        height: 40vh;
        padding: 5%;
    }
    #tab_content .popup_addcusto #div_eventos {
        height: 20vh;
        padding: 5%;
    }
    #tab_content .popup_addcusto .addcusto_descricao {
        width: 100%;
    }
    #tab_content .popup_addcusto .addcusto_valor {
        width: 30%;
    }
    #tab_content .popup_addcontact .div_table_addevent {
        /*height: 35vh;*/
        padding: 5%;
    }
    #tab_content .popup_addcontact .addcontact_nome {
        width: 40%;
    }
    #tab_content .popup_addcontact .addcontact_telefone {
        width: 30%;
    }
    #tab_content .popup_addcontact .addcontact_cpf {
        width: 30%;
    }
    #tab_content .popup_addcontact .addcontact_email {
        width: 40%;
    }
    #tab_content .popup_addcontact .addcontact_endereco {
        width: 60%;
    }
    #tab_content .popup_addcontact .addcontact_cidade {
        width: 34%;
    }
    #tab_content .popup_addcontact .addcontact_estado {
        width: 33%;
    }
    #tab_content .popup_addcontact .addcontact_pais {
        width: 33%;
    }
    #tab_content .popup_addartist .div_table_addevent {
        height: 20vh;
        padding: 5%;
    }
    #tab_content .popup_addartist .addartist_codigo {
        width: 100%;
    }
    #tab_content .popup_city {
        width: 50vw;
        height: 60vh;
    }
    #tab_content .popup_city #div_eventos {
        height: 50vh;
        padding: 5%;
    }
    #tab_content .popup_day .div_buttons button {
        flex: 1;
        max-width: 30%;
        min-width: 10%;
    }
    #tab_content .popup_addevent .div_table_addevent {
        height: 40vh;
        padding: 5%;
    }
    #tab_content .popup_budget  .div_table_addevent {
        height: 50vh;
        padding: 0 5%;
    }
    #tab_content .addevent_pais {
        width: 25%;
    }
    #tab_content .addevent_data {
        width: 25%;
    }
    #tab_content .addevent_pais_budget {
        width: 25%;
    }
    #tab_content .addevent_data_budget {
        width: 25%;
    }
    #tab_content .addevent_cidade_budget {
        width: 50%;
    }
    #tab_content .addevent_valor {
        width: 25%;
    }
    #tab_content .addevent_cidade {
        width: 50%;
    }
    .addevent_travel {
        width: 100%;
    }
    #tab_content .addevent_outros {
        width: 30%;
    }
    #tab_content .name_doc {
        height: 5vh;
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ddd;
        margin: 2% 2% 0 2%;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: .5vw;
        transition: background 0.3s ease;
    }
    #tab_content .div_conteudo {
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        max-height: 35vh;
        padding: 2%;
    }
    #tab_content .name_doc:hover {
        background-color: #ddd;
    }
    #tab_content .div_table_docs {
        height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #tab_content .div_pergunta {
        min-height: 5vh;
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ddd;
        margin: 2% 2% 0 2%;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: .5vw;
        transition: background 0.3s ease;
    }
    #tab_content .div_resposta {
        display: flex;
        flex-direction: column;
        max-height: 35vh;
        padding: 2%;
    }
    #tab_content .div_pergunta:hover {
        background-color: #ddd;
    }
    #tab_content .div_table_faq {
        max-height: 60vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow-y: auto;
    }
    #tab_content .text_unique {
        height: 100% !important;
    }
    #tab_content .popup_docs {
        width: 40vw;
    }
    #tab_content .popup_faq {
        width: 40vw;
    }
    #tab_content .aviso_docs {
        flex: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2% 4%;
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        margin-top: 2%;
    }
    .addevent_travel .travel_div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .addevent_travel .travel_check {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .addevent_travel .div_checkbox {
        border: 1px solid #aaa;
        border-radius: .3vw;
        height: 2.3vw;
        width: 2.3vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 3%;
        cursor: pointer;
    }
    .addevent_travel .div_checkbox i {
        font-size: 1.3em;
    }
    #tab_content .div_table_career {
        height: 50vh;
        overflow-y: auto;
    }
    #tab_content .div_popup .div_message {
        height: 100%;
        padding: 0 2vw;
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 1.4em;
        color: #444;
        font-weight: bolder;
        flex-direction: column;
    }
    #tab_content .div_popup .div_message i {
        font-size: 1.5em;
    }
    #tab_content .step {
        width: 100%;
        height: 100%;
        display: none;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    #tab_content .atual {
        display: flex !important;
    }
    #tab_content #button_voltar {
        position: absolute;
        left: 5%;
        display: none;
        cursor: pointer;
    }
    #tab_content .div_travel {
        display: flex;
        width: 100%;
        flex-direction: row;
        /*padding: 0 3%;*/
    }
    #tab_content .field_itinerario {
        flex: 1;
        justify-content: flex-start;
    }
    #tab_content .button_edit_itinerario {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 3%;
        width: 4vh;
        height: 4vh;
        box-sizing: border-box;
        border-radius: 3px;
        transition: background .3s;
    }
    #tab_content .button_edit_itinerario:hover {
        background-color: #ddd;
        cursor: pointer;
    }
    #tab_content .table_custos .visual_travel {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: row;
        padding: 0 0 0 0;
        width: 100%;
    }
    #main_header {
        width: 100%;
        height: 10vh;
        margin: 0;
        position: relative;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: flex-end;
        box-shadow: 0px 0px 15px #999;
        z-index: 4;
        font-size: 1vw;
        background-color: var(--cor-primaria);
    }
    #main_header .img_logo {
        height: 100%;
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 2%;
    }
    #main_header .img_logo img {
        max-height: 40%;
        max-width: 100%;
        cursor: pointer;
    }
    #main_header #nav li.firstLi {
        border-left: 1px solid #fff;
    }
    #main_header #nav {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        list-style: none;
        z-index: 1;
        width: 60%;
        height: 100%;
        padding: .9% 0;
        box-sizing: border-box;
        height: 100%;
    }
    #main_header #nav li.firstLi {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 100%;
        margin: 1em 0;
        cursor: default;
        padding: 0px 10px;
        padding: 0 2%;
    }
    #main_header #nav li.firstLi:first-child {
        margin: 0 0 0 auto;
        min-width: 15vw;
    }
    #main_header #nav li.firstLi:last-child {
        width: 13vw;
    }
    #main_header #nav li.firstLi span.title {
        position: absolute;
        top: 0;
        left: 10%;
        font-size: 1.2em;
        /*font-weight: bold;*/
        font-family: 'Calibri';
        color: #555;
    }
    #main_header #nav li.firstLi span.value {
        font-size: 1.5em;
        font-family: 'Calibri';
        font-weight: bold;
        margin-top: .5em;
    }
    #main_header #nav li.firstLi span.value span.sub {
        font-size: 0.8em;
        font-weight: normal;
        margin: .2em;
    }
    #main_header #nav li.firstLi i.i_first {
        font-size: 2em;
        transition: color 0.3s;
        color: #fff;
    }
    #main_header #nav li.firstLi i.i_first:hover {
        cursor: pointer;
    }
    #main_header #nav #menu_hidden {
        left: auto !important;
        right: .5vw;
        width: 15vw;
        background-color: #fff;
    }
    #main_header #nav ul {
        position: absolute;
        display: none;
        flex-direction: column;
        border-radius: 1vw;
        top: 130%;
        left: 0%;
        padding: .5vh 0;
        width: 100%;
        transition: top .2s, opacity .2s, height 0.2s;
        opacity: 1;
        box-sizing: border-box;
        overflow-y: auto;
        box-shadow: 1px 1px 10px #333;
    }
    #main_header #nav ul:before {
        content: "";
        position: absolute;
        z-index: 2;
        top: -6.5px;
        right: 8.5%;
        transform: rotate(-135deg);
    }
    #main_header #nav li input[type="checkbox"] {
        display: none;
    }
    #main_header #nav ul li {
        z-index: 20000;
        margin: 0;
        display: flex;
        justify-content: flex-start;
        padding-left: 1.5vw;
        align-items: center;
        background-color: #fff !important;
        border-bottom: 1px solid rgba(200,200,200,1);
        transition: background 0.3s, color 0.3s;
        flex: 1;
    }
    #main_header #nav ul li:last-child {
        border: none;
    }
    #main_header #nav ul li:hover {
        background-color: #aaa !important;
        color: #fff;
    }
    #main_header #nav ul li i {
        font-size: 1.2em;
    }
    #main_header #nav li:hover {
       /*background-color: #fff;*/
       cursor: pointer;
    }
    #main_header form.header input {
        border: 0px;
        height: 28px;
        padding: 0;
        border: 1px solid #999;
        border-radius: 0px 0px 0px 5px;
        text-indent: 5px;
        opacity: 0;
        position: absolute;
        right: 34px;
        width: 0;
        transition: width .5s, opacity .1s;
    }
    #main_header h1.name_artist {
        cursor: default;
        color: #fff;
    }
    .div_popup #div_eventos {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0px 1%;
        overflow-y: auto;
    }
    .div_popup .eventos {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }
    .div_popup .element {
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 100%;
        padding: 2% 1%;
        margin: .3% 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: width 0.3s;
        box-sizing: border-box;
    }
    .div_popup .element:hover {
        box-shadow: 0px 0px 1px #333;
        cursor: pointer;
        width: 101%;
    }
    .div_popup .div_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 50%;
    }
    .div_popup .div_data {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #666;
        padding-right: 10px;
    }
    .div_popup .span_nome {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: bolder;
        font-family: 'Arial', sans-serif;
        font-size: 1.05em;
        color: #666;
        padding-left: 10px;
    }
    .div_popup .span_cidade {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: 0.9em;
        color: #666;
        padding-left: 10px;
    }
    #tab_content .inputs_config {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 2%;
        box-sizing: border-box;
        flex: 1;
    }
    #tab_content .inputs_config .field_input {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #tab_content .inputs_config .span_icon {
        position: absolute;
        right: 1.5vw;
        color: #777;
        font-size: 1.02em;
        font-weight: bolder;
    }
    #tab_content .inputs_config .field_input label {
        margin-right: 2%;
    }
    #tab_content .field_line .input_preco {
        width: 30%;
    }
    #tab_content .field_line .input_consumo {
        width: 30%;
    }
    #tab_content .field_line .sup_div_icon {
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
    }
    #tab_content .field_line .span_icon {
        margin-left: 1%;
        position: absolute;
        left: 86%;
    }
    #tab_content .field_line .input_preco input {
        width: 100%;
    }
    #tab_content .field_line .input_consumo input {
        width: 100%;
    }
    #tab_content .inputs_config .button_sub {
        min-width: 10%;
        max-width: 10%;
        min-height: 2vh;
        max-height: 2vh;
    }
    #tab_content .results_maps {
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 20vh;
    }
    #tab_content .results_maps .result_sem_calc {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        font-size: 1.1em;
        font-weight: bolder;
        color: #777;
        width: 100%;
        height: 15vh;
    }
    #tab_content .results_maps .result_sem_calc img {
        max-height: 100%;
    }
    #tab_content .results_maps .result_info {
        flex: 1;
        border-radius: 3px;
        padding: 2%;
    }
    #tab_content .results_maps .result_info span {
        font-size: 0.8em;
    }
    #tab_content .results_maps .result_info .informacao {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 2% 0;
    }
    #tab_content .results_maps .result_info .info_bold {
        font-weight:bolder;
        font-size:1.1em;
    }
    #tab_content .results_maps .result_info h1 {
        font-size: 1.1em;
        margin: 0;
    }
    #tab_content_travel {
        width: 100%;
        height: 100%;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #tab_content_travel .h1_title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #tab_content_travel .popup_itinerario .div_table_addevent {
        height: 27vh;
        padding: 0;
    }
    #tab_content_travel .popup_itinerario {
        width: 100%;
    }
    #tab_content_travel #container_itinerario {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 100%;
        max-width: 100%;
    }
    #tab_content_travel .popup_itinerario #container_itinerario img {
        max-width: 100%;
        max-height: 25vh;
    }
    #tab_content_travel #container_itinerario .div_travel {
        display: flex;
        width: 100%;
        padding: 0 3%;
    }
    #tab_content_travel #container_itinerario .visual_travel {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 3%;
    }
    #tab_content_travel #container_itinerario .icon {
        margin: 1%;
        font-size: 1.5em;
    }
    #tab_content_travel #container_itinerario .icon_inter {
        border: 1px dashed #333;
        height: 15%;
    }
    #tab_content_travel #container_itinerario .div_inputs_places {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    #tab_content_travel #container_itinerario .element {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 1% 3%;
        border: none;
        cursor: default;
        position: relative;
    }
    #tab_content_travel #container_itinerario .element:hover {
        box-shadow: none;
    }
    #tab_content_travel #container_itinerario .element_evento {
        font-size: 1.1em;
        background-color: #ccc;
        border-radius: .3vw;
        padding: 0 2%;
        box-sizing: border-box;
        min-height: 5vh;
        width: 97%;
        font-family: 'Calibri';
        border: none;
    }
    #tab_content_travel #container_itinerario .element input {
        width: 90%;
        padding: 0;
        min-height: 5vh;
        margin: 0;
        border: none;
        border-radius: .3vw 0 0 .3vw;
        background-color: #eee;
        padding-left: 2%;
        font-size: 1em;
        box-sizing: border-box;
        flex: 1;
    }
    #tab_content_travel #container_itinerario .element select {
        width: 90%;
        margin: 0;
        border: none;
        border-radius: .3vw 0 0 .3vw;
        background-color: #eee;
        font-size: 1em;
        min-height: 5vh;
        padding-left: 2%;
        box-sizing: border-box;
        flex: 1;
    }
    #tab_content_travel #container_itinerario .element .button_change {
        min-width: 5vh;
        min-height: 5vh;
        font-size: 1em;
        padding: 0;
        margin: 0;
        border-radius: 0 3px 3px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #tab_content .div_travel {
        display: flex;
        width: 100%;
        flex-direction: row;
        /*padding: 0 3%;*/
    }
    #tab_content .field_itinerario {
        flex: 1;
        justify-content: flex-start;
    }
    #tab_content .button_edit_itinerario {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 3%;
        width: 4vh;
        height: 4vh;
        box-sizing: border-box;
        border-radius: 3px;
        transition: background .3s;
    }
    #tab_content .button_edit_itinerario:hover {
        background-color: #ddd;
        cursor: pointer;
    }
    #tab_content #step_2 .visual_travel {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: row;
        padding: 0 0 0 0;
        width: 100%;
    }
    #tab_content #step_2 .icon {
        border: none;
        background-color: #eee;
        padding: 2%;
        border-radius: .2vw;
        flex: 1;
        height: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #tab_content #step_2 .icon i {
        margin: 1% 1% 3% 1%;
        font-size: 1.5em;
        display: flex;
        justify-content: center;
    }
    #tab_content #step_2 .local_name {
        font-size: .8em;
        box-sizing: border-box;
        text-align: center;
    }
    #tab_content #step_2 .icon_inter {
        border: 1px dashed #333;
        width: 8%;
        margin: 0 4% 0 2%;
        box-sizing: border-box;
        position: relative;
    }
    #tab_content #step_2 .icon_inter .arrow_simbol {
        position: absolute;
        font-weight: bolder;
        top: 50%;
        right: -13%;
        transform: translate(0%, -50%);
        font-size: 1.2em;
    }
    #tab_content .input_custo_add {
        width: 25%;
    }
    #tab_content .input_custo_h {
        width: 25%;
    }
    #tab_content .input_custo_km {
        width: 25%;
    }
    #tab_content .field_infos {
        width: 100%;
    }
    #tab_content .field_line {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        flex-direction: row;
    }
    #tab_content #form_event {
        /*height: 100%;*/
    }
    #tab_content .info_line {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #tab_content .line_total {
        font-weight: bolder;
    }
    #tab_content .input_margem {
        width: 25%;
    }
    #tab_content .input_lucro {
        width: 25%;
    }
    #tab_content .cache_info {
        display: flex;
        width: 100%;
        flex: 1;
        justify-content: space-between;
        align-items: center;
        font-size: 2em;
        flex-direction: row;
        height: 20vh;
    }
    #tab_content .valor_final_label {
        font-weight: bolder;
        color: #333;
    }
    #tab_content .valor_final {
        font-size: 1.5em;
    }

    /* menu.php */

    nav#menu_lateral {
        height: 100%;
        width: 18%;
        position: relative;
        font-size: 1vw;
        background-color: var(--cor-terciaria);
    }
    nav#menu_lateral .box_style {
        display: none;
    }
    nav#menu_lateral ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
    }
    nav#menu_lateral ul li {
        width: 100%;
        padding: 10%;
        font-family: 'Calibri';
        font-size: 1.25em;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        align-items: center;
        cursor: pointer;
        background-color: var(--cor-primaria);
        color: #fff;
        border-bottom: 1px solid var(--cor-terciaria);
    }
    nav#menu_lateral ul li:last-child {
        border-bottom: 2px solid var(--cor-primaria);
    }
    nav#menu_lateral ul li:hover {
        background-color: var(--cor-terciaria);
    }
    nav#menu_lateral ul li:hover i {
        font-size: 1em;
    }
    nav#menu_lateral ul li.selected {
        cursor: default;
        background-color: var(--cor-terciaria);
    }
    nav#menu_lateral ul li.selected i {
        visibility: hidden;
    }
    nav#menu_lateral ul li i {
        font-size: 0.8em;
        transition: font-size .15s;
    }
    nav#menu_lateral .logo_icon {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
    }
    nav#menu_lateral .logo_icon img {
        max-width: 60%;
    }

    /* naoautorizado.php */

    #section_not {
        width: 100%;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #section_not .div_info {
        padding: 5%;
        color: #fff;
        font-family: 'Montserrat', serif;
        background-color: rgba(255,0,0,.6);
        text-transform: uppercase;
        border-radius: 5px;
        font-size: 1.5em;
        margin: 5%;
    }

    /* offline.php */

    #section_offline {
        width: 100%;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #section_offline .div_offline {
        background-color: #a370f0;
        border-radius: .5vw;
        font-size: 1em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        margin: 3%;
        padding: 4%;
    }
    #section_offline .div_info {
        padding: 10%;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat', serif;
        text-transform: uppercase;
        border-radius: 5vw;
        font-size: 1.5em;
    }
    #section_offline .div_subinfo {
        width: 100%;
        color: #fff;
        text-align: center;
        margin: 3%;
    }


    /* artist.php */

    #section_artist .container_career {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        height: 100%;
        width: 100%;
        font-size: .9vw;
        box-sizing: border-box;
    }
    #section_artist .container_info {
        width: 60%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 30px 0;
        box-sizing: border-box;
    }
    #section_artist .container_info .element {
        margin: 2%;
        border-bottom: 1px solid #aaa;
        padding: 6% 4%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 40%;
        box-sizing: border-box;
    }
    #section_artist .field_preco {
        width: 20%;
    }
    #section_artist .field_consumo {
        width: 20%;
    }
    #section_artist .field_custo {
        width: 20%;
    }
    #section_artist .container_info .label {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        color: #555;
        font-size: 1.1em;
        font-weight: bolder;
    }
    #section_artist .container_info .info {
        font-size: 3em;
        font-weight: bolder;
        height: 100%;
        box-sizing: border-box;
        color: var(--cor-primaria);
    }
    #section_artist .container_info .min {
        height: 100%;
        font-size: 1.5em;
        font-weight: bolder;
        color: #555;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 5px;
        box-sizing: border-box;
    }
    #section_artist form {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    #section_artist .container_inputs {
        height: 100%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 2% 3% 2% 3%;
        box-sizing: border-box;
        flex-direction: column;
    }
    #section_artist .div_img {
        height: 100%;
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_artist .div_inputs {
        height: 90%;
        display: flex;
        justify-content: center;
        align-content: flex-start;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    #section_artist .min_input {
        width: 35%;
    }
    #section_artist .div_buttons {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_artist .div_buttons .button {
        max-width: 30%;
        height: 6vh;
    }
    #section_artist .col_endereco {
        width: 40%;
        text-align: left;
        padding-left: 3%;
    }
    #section_artist .col_cidade {
        width: 20%;
        text-align: left;
        padding-left: 3%;
    }
    #section_artist .col_pais {
        width: 10%;
        text-align: left;
        padding-left: 3%;
    }
    #section_artist .col_principal {
        width: 10%;
        text-align: center;
    }
    #section_artist .col_acao {
        width: 10%;
        text-align: center;
    }
    #section_artist .div_inputs .field textarea::-webkit-scrollbar {
        width: 3px;
    }
    #section_artist #profile_container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 0px 0px 0px 5px;
        cursor: pointer;
        /*border: 1px solid #bbb;*/
    }
    #section_artist .profile_image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }
    #section_artist .overlay {
        height: 100%;
        z-index: 3;
        position: absolute;
        right: 0;
        width: 50px;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        cursor: default;
    }
    #section_artist #overlay {
        background-color: rgba(0,0,0,.3);
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s;
    }
    #section_artist #overlay:hover {
        opacity: 1;
    }
    #section_artist #overlay i {
        font-size: 3em;
    }
    #section_artist #file_input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    #section_artist .container_info_contract {
        flex: 1;
        padding: 50px 30px 50px 0;
    }
    #section_artist .textarea_editor {
        height: 100%;
    }
    #section_artist .container_info_contract div.button {
        height: 30px;
    }
    #section_artist .contrato_assinado {
        border: 1px solid #ddd;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 73%;
        margin: 15px;
        box-sizing: border-box;
    }
    #section_artist .contrato_assinado .overlay_contract {
        background-color: rgba(0,0,0,0.01);
        border-radius: 3px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1em;
        font-weight: bolder;
        flex-direction: column;
        color: #555;
        transition: background 0.3s, color 0.3s;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
    }
    #section_artist .contrato_assinado .enable:hover {
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        color: #000;
        box-sizing: border-box;
    }
    #section_artist .contrato_assinado .overlay_contract span {
        margin-bottom: 20px;
    }
    #section_artist #contrato_assinado {
        display: none;
    }
    #section_artist #form_config {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 1vw;
        width: 100%;
        height: 100%;
    }
    #section_artist .div_contrato {
        width: 70%;
        display: flex;
        justify-content: center;
        padding: 0 !important;
        height: 100%;
        box-sizing: border-box;
    }
    #section_artist .div_inputs_contract {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_artist .container_informations {
        max-width: 30%;
        width: 30%;
        padding: 15px 10px;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
        /*max-height: 60vh;*/
    }
    #section_artist .sup_select {
        display: flex;
        justify-content: flex-start;
        flex: 1;
        align-items: center;
        flex-direction: column;
        padding-top: 2vh;
    }
    #section_artist .div_title_select {
        font-size: 1.1em;
        font-weight: bolder;
        margin: 10px 0;
        width: 100%;
    }
    #section_artist .div_title_select select {
        width: 100%;
        padding: 2%;
        font-size: 1em;
    }
    #section_artist .content_subst {
        width: 100%;
        display: none;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    #section_artist .content_subst span {
        flex: 1;
        min-width: 40%;
        max-width: 50%;
        border: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3%;
        margin: 1%;
        border-radius: 3px;
        transition: all 0.3s;
    }
    #section_artist .content_subst span:hover {
        background-color: #ddd;
        cursor: pointer;
    }

    /* schedule.php */

    #section_schedule #tab_1 {
        padding: 0 2%;
        box-sizing: border-box;
    }
    #section_schedule #tab_2 {
        box-sizing: border-box;
    }
    #section_schedule #calendar_container {
        width: 60%;
        height: 100%;
        margin: 0 auto;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
    }
    #section_schedule #header_calendar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 10%;
        min-width: 100%;
    }
    #section_schedule #header_calendar button {
        border: 1px solid #ccc;
        border-radius: .4vw;
        padding: 5px;
        color: #444;
        background-color: #fff;
        transition: background-color 0.3s;
        width: 10%;
        height: 50%;
        font-size: 100%;
        font-size: 1.7vh;
    }
    #section_schedule #header_calendar .button_hoje {
        width: 20%;
    }
    #section_schedule #header_calendar button:hover {
        background-color: #ddd;
        cursor: pointer;
    }
    #section_schedule #header_calendar select {
        flex: 1;
        margin: 0 1%;
        padding: 4px;
        border: 1px solid #ccc;
        border-radius: .4vw;
        height: 50%;
        font-size: 1.7vh;
    }
    #section_schedule #calendar {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex:1;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 4%;
    }
    #section_schedule #calendar .row:first-child {
        height: 5%;
        flex: 0;
    }
    #section_schedule .row {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 13%;
        margin: 0.3%;
        flex: 1;
    }
    #section_schedule .dia {
        border: 1px solid #ccc;
        padding: 5px;
        text-align: center;
        padding: 0.8%;
        margin: 0.3%;
        border-radius: 7%;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: #555;
        position: relative;
        box-sizing: border-box;
        font-size: 0.9vw;
    }
    #section_schedule .dia i {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 1.5em;
    }
    #section_schedule .enable {
        box-shadow: 0px 0px 0px #333;
    }
    #section_schedule .enable:hover {
        box-shadow: 0px 0px 3px #333;
        cursor: pointer;
    }
    #section_schedule .dia .span_dia {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        font-weight: bolder;
        font-family: 'Trebuchet MS', sans-serif;
        font-size: 1em;
        height: 100%;
    }
    #section_schedule .head {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #444;
        font-weight: bolder;
        font-size: 1vw;
    }
    #section_schedule .hoje {
        border: 1px solid #4DE033;
        color: #4DE033;
    }
    #section_schedule .bloqued {
        border: 1px solid #ddd;
        background-color: rgba(255,0,0,.7);
    }
    #section_schedule .disable {
        background-color: #ddd !important;
    }
    #section_schedule .disable:hover {
        cursor: pointer;
    }
    #section_schedule .dia .content {
        flex: 1;
        width: 100%;
    }
    #section_schedule #div_eventos {
        flex: 1;
        height: 90%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0px 2%;
        box-sizing: border-box;
    }
    #section_schedule .div_title {
        font-size: 3vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5%;
    }
    #section_schedule .eventos {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        width: 100%;
        max-height: 50vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 1.5%;
        /*border-bottom: 1px solid #aaa;*/
        /*border-top: 1px solid #aaa;*/
    }
    #section_schedule .eventos::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_schedule .element {
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 100%;
        padding: 2%;
        margin: 0.5% 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: width 0.3s;
        box-sizing: border-box;
        font-size: 0.9vw;
    }
    #section_schedule .element:hover {
        cursor: pointer;
        width: 102%;
    }
    #section_schedule .div_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 70%;
        font-size: 1.01em;
    }
    #section_schedule .div_data {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #666;
        padding-right: 10px;
    }
    #section_schedule .span_nome {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: bolder;
        font-family: 'Arial', sans-serif;
        font-size: 1.2em;
        color: #666;
        padding-left: 10px;
    }
    #section_schedule .span_cidade {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 0.8em;
        color: #666;
        padding-left: 10px;
    }
    #section_schedule .div_buttons {
        height: 10%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 3%;
    }
    #section_schedule .div_info {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_schedule .col_nome {
        width: 20%;
        text-align: left;
        padding-left: 3%;
    }
    #section_schedule .col_cidade {
        width: 25%;
        text-align: left;
        padding-left: 3%;
    }
    #section_schedule .col_data {
        width: 9%;
        text-align: center;
    }
    #section_schedule .col_tempo {
        width: 5%;
        text-align: center;
    }
    #section_schedule .col_valor {
        width: 12%;
        text-align: right;
    }
    #section_schedule .col_agencia {
        width: 17%;
        text-align: center;
    }
    #section_schedule .col_acao {
        width: 12%;
        text-align: center;
    }

    /* event.php */

    #section_event form {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        padding: 2% 2% 0 2%;
        box-sizing: border-box;
    }
    #section_event .div_info {
        height: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
    }
    #section_event .div_buttons_geral {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        flex: 1;
    }
    #section_event .container_inputs {
        width: 80%;
        box-sizing: border-box;
        height: 75%;
    }
    #section_event .div_finance {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section_event .div_finance_geral canvas {
        max-width: 100%;
        max-height: 75%;
        margin: 0 5%;
        box-sizing: border-box;
    }
    #section_event .container_geral {
        flex: 1;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #section_event .table_finance_custo {
        flex: 1;
        margin: 0% 3% 1% 3%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section_event .div_finance_geral {
        width: 66%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        position: relative;
    }
    #section_event .div_canvas {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_event .div_finance_geral span {
        position: absolute;
        top: 5px;
        left: 11%;
        font-size: 1.1em;
        color: #333;
    }
    #section_event .container_finance {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    #section_event .value_finance {
        padding: 3% 0 2% 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #ccc;
        /*border-radius: 3px;*/
        margin: 1% 3%;
        box-sizing: border-box;
        position: relative;
        flex: 1;
    }
    #section_event .value_finance .value {
        font-size: 2.5em;
    }
    #section_event .value_finance span {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 1.1em;
        /*font-weight: bolder;*/
        color: #333;
    }
    #section_event .div_inputs {
        height: 100%;
        max-height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 2%;
        box-sizing: border-box;
    }
    #section_event .container_contract {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    #section_event .div_inputs_contract {
        height: 100%;
        width: 70%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    #section_event .input_nome {
        width: 40%;
    }
    #section_event .input_data {
        width: 15%;
    }
    #section_event .input_receita {
        width: 15%;
    }
    #section_event .input_inicio {
        width: 15%;
    }
    #section_event .input_fim {
        width: 15%;
    }
    #section_event .input_endereco {
        width: 45%;
    }
    #section_event .input_pais {
        width: 20%;
    }
    #section_event .input_cidade {
        width: 35%
    }
    #section_event .input_tipo {
        width: 25%;
    }
    #section_event .input_comissao {
        width: 15%;
    }
    #section_event .input_situacao {
        width: 25%;
    }
    #section_event .container_info {
        flex: 1;
        height: 80%;
        margin-right: 2%;
    }
    #section_event .container_info div.button {
        height: 6vh;
    }
    #section_event .container_tables {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
    }
    #section_event .col_nome {
        width: 30%;
        text-align: left;
        padding-left: 3%;
    }
    #section_event .col_telefone {
        width: 20%;
        text-align: center;
    }
    #section_event .col_email {
        width: 20%;
        text-align: center;
    }
    #section_event .col_contratante {
        width: 20%;
        text-align: center;
    }
    #section_event .col_acao {
        width: 10%;
        text-align: center;
    }
    #section_event .table_geral {
        width: 40%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        border-left: 1px solid #ddd;
        font-size: 1vw;
        box-sizing: border-box;
    }
    #section_event .table_geral table {
        height: auto;
    }
    #section_event .table_custos {
        width: 60%;
        padding: 0 6% 4% 6%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        font-size: 1vw;
    }
    #section_event .inputs_config {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        /*padding: 0 2%;*/
        box-sizing: border-box;
        flex-wrap: wrap;
    }
    #section_event .inputs_config .span_icon {
        position: absolute;
        right: 1vw;
        bottom: .6vw;
        color: #777;
        font-size: 1.02em;
        font-weight: bolder;
    }
    #section_event .inputs_config .field_input label {
        margin-right: 5px;
    }
    #section_event .inputs_config .input_preco {
        width: 33%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_addhora {
        width: 33%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_addkm {
        width: 33%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_addfixo {
        width: 33%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_distancia {
        width: 33%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_tempo {
        width: 33%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_consumo {
        flex: 1;
        max-width: 33%;
        box-sizing: border-box;
    }
    #section_event .button_sub {
        margin: auto auto 0 auto;
    }
    #section_event .results_maps {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 0 2% 2% 2%;
        box-sizing: border-box;
    }
    #section_event .results_maps .result_sem_calc {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        font-size: 1.1em;
        font-weight: bolder;
        color: #777;
        width: 100%;
        height: 80%;
    }
    #section_event .results_maps .result_info {
        flex: 1;
        border-radius: 3px;
        margin: 0 1%;
        width: 95%;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
    }
    #section_event .results_maps .result_info span {
        font-size: 1em;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }
    #section_event .results_maps .result_info .informacao {
        width: 100%;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        align-items: center;
        /*margin: 1% 0;*/
        padding: 4% 0;
        border-top: 1px solid #ccc;
    }
    #section_event .results_maps .result_info .info_bold {
        font-weight:bolder;
        font-size:1.2em;
    }
    #section_event .results_maps .result_info h1 {
        font-size: 1.4em;
        margin: 4%;
    }
    #section_event .div_travel {
        display: flex;
        width: 100%;
        flex-direction: row;
        /*padding: 0 3%;*/
    }
    #section_event .field_itinerario {
        flex: 1;
        justify-content: flex-start;
    }
    #section_event .button_edit_itinerario {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 3%;
        width: 4vh;
        height: 4vh;
        box-sizing: border-box;
        border-radius: 3px;
        transition: background .3s;
        color: var(--cor-primaria);
    }
    #section_event .button_edit_itinerario:hover {
        background-color: #ddd;
        cursor: pointer;
    }
    #section_event .table_custos .visual_travel {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: row;
        padding: 0 0 0 0;
        width: 100%;
    }
    #section_event .table_custos .icon i {
        margin: 1% 1% 3% 1%;
        font-size: 1.5em;
        display: flex;
        justify-content: center;
    }
    #section_event .table_custos .icon {
        border: none;
        background-color: #eee;
        padding: 2%;
        border-radius: .2vw;
        flex: 1;
        height: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_event .local_name {
        font-size: .8em;
        box-sizing: border-box;
        text-align: center;
    }
    #section_event .table_custos .icon_inter {
        border: 1px dashed #333;
        /*flex: 1;*/
        width: 8%;
        margin: 0 4% 0 2%;
        box-sizing: border-box;
        position: relative;
    }
    #section_event .table_custos .icon_inter .arrow_simbol {
        position: absolute;
        font-weight: bolder;
        top: 50%;
        right: -13%;
        transform: translate(0%, -50%);
        font-size: 1.2em;
    }
    #section_event .table_custos .div_inputs_places {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    #section_event .table_custos .element {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 3%;
    }
    #section_event .table_custos .element_evento {
        font-size: 1.1em;
        background-color: #ddd;
        border-radius: 3px;
        padding: 0 2%;
        box-sizing: border-box;
        min-height: 5vh;
        width: 100%;
        font-family: 'Calibri';
        border: 1px solid #aaa;
    }
    #section_event .table_custos .element input {
        width: 90%;
        padding: 0;
        min-height: 5vh;
        margin: 0;
        border: 1px solid #aaa;
        border-radius: 3px 0 0 3px;
        padding-left: 2%;
        font-size: 1em;
        box-sizing: border-box;
        flex: 1;
    }
    #section_event .table_custos .element select {
        width: 90%;
        margin: 0;
        border: 1px solid #aaa;
        border-radius: 3px 0 0 3px;
        font-size: 1em;
        min-height: 5vh;
        padding-left: 2%;
        box-sizing: border-box;
        flex: 1;
    }
    #section_event .table_custos .element .button_change {
        min-width: 5vh;
        min-height: 5vh;
        font-size: 1em;
        padding: 0;
        margin: 0;
        border-radius: 0 3px 3px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_event #gif_load_maps {
        max-height: 100%;
        height: 100px;
    }
    #section_event .contrato_assinado {
        border: 1px solid #ddd;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 73%;
        margin: 15px;
        box-sizing: border-box;
    }
    #section_event .contrato_assinado .overlay_contract {
        background-color: rgba(0,0,0,0.01);
        border-radius: 3px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1em;
        font-weight: bolder;
        flex-direction: column;
        color: #555;
        transition: background 0.3s, color 0.3s;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
    }
    #section_event .contrato_assinado .enable:hover {
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        color: #000;
        box-sizing: border-box;
    }
    #section_event .contrato_assinado .overlay_contract span {
        margin-bottom: 20px;
    }
    #section_event #contrato_assinado {
        display: none;
    }
    #section_event .custos_gerais {
        width: 100%;
        height: 80%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 2%;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #section_event .custos_gerais .aviso_custos {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1em;
        color: #555;
        font-weight: bolder;
    }
    #section_event .button_addcusto {
        flex: 1;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_event .button_addcusto div {
        max-height: 35px;
        max-width: 100px;
    }
    #section_event .custo_element {
        height: 100%;
        padding: 0 4%;
        box-sizing: border-box;
        margin: 1%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1;
    }
    #section_event .custo_element .text_custo {
        width: 50%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
    }
    #section_event .custo_element .valor_custo {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    #section_event .div_element {
        width: 90%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        height: 4vh;
        padding: 8% 0;
        border-bottom: 1px solid #ccc;
    }
    #section_event .delete_custo {
        width: 4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 4vh;
        font-size: 1.2em;
        border: none;
    }

    /* myaccount.php */

    #section_myaccount form {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section_myaccount .div_img {
        height: 100%;
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_myaccount .div_inputs {
        height: 80%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 30px 40px 30px 40px;
        box-sizing: border-box;
        max-width: 80%;
    }
    #section_myaccount .div_buttons {
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_myaccount .input_nome {
        width: 25%;   
    }
    #section_myaccount .input_cpf {
        width: 25%;
    }
    #section_myaccount .input_email {
        width: 25%;
    }
    #section_myaccount .input_telefone {
        width: 20%;
    }
    #section_myaccount .input_login {
        width: 34%;
    }
    #section_myaccount .input_senha {
        width: 30%;
    }
    #section_myaccount .input_endereco {
        width: 40%;
    }
    #section_myaccount .input_data {
        width: 20%;
    }
    #section_myaccount .input_cidade {
        width: 20%;
    }
    #section_myaccount .input_estado {
        width: 20%;
    }
    #section_myaccount .input_pais {
        width: 20%;
    }
    #section_myaccount .container_plans {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 50%;
        height: 100%;
        padding: 1vw 0 2vw 0;
    }
    #section_myaccount .div_head_plan {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 10%;
        padding: 0 5vw;
        justify-content: space-between;
        position: relative;
    }
    #section_myaccount .div_arrows {
        width: 40%;
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 10%;
        justify-content: space-between;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    #section_myaccount .div_arrows i {
        font-size: 1.5em;
        border: 1px solid #ccc;
        border-radius: 1vw;
        height: 3vw;
        width: 3vw;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background .3s;
        cursor: pointer;
    }
    #section_myaccount .div_arrows i:hover {
        background-color: #ddd;
    }
    #section_myaccount .div_plans {
        padding: 0 19%;
        display: flex;
        flex-direction: row;
        width: 100%;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        flex: 1;
    }
    #section_myaccount .div_overlay1 {
        position: absolute;
        /*border: 1px solid #000;*/
        right: 0;
        bottom: 0;
        width: 20%;
        height: 87%;
        z-index: 10;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    }
    #section_myaccount .div_overlay2 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 20%;
        height: 87%;
        border-bottom-left-radius: 1vw;
        /*border: 1px solid #000;*/
        z-index: 10;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    }
    #section_myaccount .div_head_plan select {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 1vw;
        padding: 0 1vw;
        color: #000;
        margin: .2vw;
        height: 3vw;
    }
    #section_myaccount .plan_card {
        border-radius: 2vw;
        border: 1px solid #ccc;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 2vw;
        min-width: 23vw;
        margin: 1vw 1vw;
        cursor: pointer;
        transition: box-shadow .3s;
        box-sizing: border-box;
    }
    #section_myaccount .plan_card:hover {
        box-shadow: 0px 0px 10px #999;
    }
    #section_myaccount .plan_card .plan_name {
        font-weight: bold;
        font-size: 1.9em;
        color: var(--cor-primaria);
    }
    #section_myaccount .plan_card .plan_benefits {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1vw;
        margin: 3vh 0;
        width: 100%;
    }
    #section_myaccount .plan_card .benefit {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        /*margin: 1vh 0;*/
        border-bottom: 1px solid #ccc;
        padding: 1vh .5vw;
    }
    #section_myaccount .plan_card .benefit_val {
        font-weight: bold;
    }
    #section_myaccount .plan_card .plan_values {
        margin: 4vh 0 1vh 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section_myaccount .plan_card .anual_val, #section_myaccount .plan_card .month_val {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_myaccount .plan_card .span_value {
        font-weight: bold;
        font-size: 2em;
    }
    #section_myaccount .plan_card .span_month {
        font-size: .7em;
        font-weight: normal;
    }
    #section_myaccount .assinatura_infos {
        flex: 1;
    }
    #section_myaccount .div_cartao {
        padding: 4vh 3vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 70%;
        height: 95%;
    }
    #section_myaccount .button_add_cartao {
        max-width: 10vw;
    }
    #section_myaccount .card_info {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        max-height: 5.5vh;
        border-radius: .3vw;
        padding: .6vw 1vw;
        box-sizing: border-box;
        background-color: #ccc;
        margin: .2vw;
    }
    #section_myaccount .card_img {
        height: 100%;
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_myaccount .card_img img {
        max-height: 100%;
        max-width: 100%;
        border-radius: .3vw;
    }
    #section_myaccount .card_delete {
        background-color: transparent;
        transition: background .3s;
        width: 2vw;
        height: 2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .4vw;
    }
    #section_myaccount .card_delete:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_myaccount .card_delete i {
        color: #444;
    }
    #section_myaccount .form_billing {
        width: 100% !important;
    }
    #section_myaccount .subtitle {
        margin: 1vh 0;
        font-weight: bolder;
        text-align: center;
        font-size: 1.1em;
    }
    #section_myaccount .submessage {
        text-align: justify;
    }
    #section_myaccount .message_card {
        margin-bottom: 3vh;
    }


    /* edituser.php */

    #section_edituser form {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        font-size: 1vw;
    }
    #section_edituser .div_inputs {
        /*flex: 1;*/
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding-top: 5vh;
        max-width: 80%;
    }
    #section_edituser .div_info {
        height: 85%;
        display: flex;
        justify-content: space-between !important;
        align-items: center;
        flex-direction: column;
    }
    #section_edituser .input_nome {
        width: 50%;
    }
    #section_edituser .input_email {
        width: 50%;
    }
    #section_edituser .input_telefone {
        width: 25%;
    }
    #section_edituser .input_cpf {
        width: 25%;
    }
    #section_edituser .input_max {
        width: 15%;
    }
    #section_edituser .input_nome_conta {
        width: 35%;
    }
    #section_edituser .input_nome_plan {
        width: 50%;
    }
    #section_edituser .input_email_conta {
        width: 35%;
    }
    #section_edituser .input_telefone_conta {
        width: 25%;
    }
    #section_edituser .input_cpf_conta {
        width: 25%;
    }
    #section_edituser .input_senha {
        width: 25%;
    }
    #section_edituser .input_tipo {
        width: 20%;
    }
    #section_edituser .input_valor {
        width: 20%;
    }
    #section_edituser .selects_inputs {
        display: flex;
        width: 95%;
        height: 90%;
        margin: 1em auto;
        flex-wrap: wrap;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }
    #section_edituser .selects_inputs label {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3%;
        font-size: 1.1em;
        font-weight: bolder;
        border-radius: 3px 3px 0px 0px;
        box-sizing: border-box;
        background-color: var(--cor-primaria);
        color: #fff;
    }
    #section_edituser select[multiple] option:checked {
        background: var(--cor-secundaria) linear-gradient(0deg, var(--cor-secundaria) 0%, var(--cor-secundaria) 100%);
        color: #fff;
    }
    #section_edituser .selects_inputs div.div_selects {
        width: 40%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_edituser .selects_inputs div.div_buttons {
        width: 10%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_edituser .selects_inputs div.div_buttons div {
        margin: 1em auto;
        cursor: pointer;
        font-size: 1.2em;
        border-radius: 5px;
        padding: 5%;
        min-width: 2vw;
        max-width: 2vw;
        min-height: 2vw;
        max-height: 2vw;
    }
    #section_edituser .input_alternative {
        border: 1px solid #aaa;
        border-radius: 0px 0px 3px 3px;
        width: 100%;
        overflow-y: auto;
        height: 85%;
        padding: 1% 0;
    }
    #section_edituser .input_alternative option:selected {
        background-color: #000;
    }
    #section_edituser .input_alternative .deselect {
        margin: .3em .5em;
        padding: 2%;
        border: 1px solid #999;
        border-radius: 3px;
        cursor: pointer;
        font-size: 1em;
    }
    #section_edituser .input_alternative .deselect:hover {
        background-color: #eee;
    }
    #section_edituser .input_alternative .select {
        margin: .3em;
        padding: 2%;
        border: 1px solid #999;
        border-radius: 3px;
        cursor: pointer;
        color: #fff;
        font-size: 1em;
        background-color: var(--cor-primaria);
    }
    #section_edituser .input_alternative .select:hover {
        background-color: var(--cor-secundaria);
    }

    /* config.php */

    #section_config form {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        font-size: 1vw;
    }
    #section_config .div_info {
        height: 85%;
        max-height: 85%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
    }
    #section_config .div_inputs {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 30px 40px 30px 40px;
        box-sizing: border-box;
    }
    #section_config .div_inputs .field {
        min-width: 70%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px 2%;
        box-sizing: border-box;
    }
    #section_config .div_inputs select {
        border: 1px solid #aaa;
        border-radius: 2px;
        padding: 1%;
        width: 50%;
        margin: 2% 0;
        font-size: 1em;
    }
    #section_config .container_info {
        max-width: 30%;
        width: 30%;
        padding: 15px 10px;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
        max-height: 60vh;
    }
    #section_config .div_title {
        font-size: 1.1em;
        font-weight: bolder;
        margin: 10px 0;
        width: 100%;
    }
    #section_config .div_title select {
        width: 100%;
        border: 1px solid #aaa;
        border-radius: 2px;
        padding: 2%;
        font-size: 1em;
    }
    #section_config .content_subst {
        width: 100%;
        display: none;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    #section_config .content_subst span {
        flex: 1;
        min-width: 40%;
        max-width: 50%;
        border: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3%;
        margin: 1%;
        border-radius: 3px;
        transition: all 0.3s;
    }
    #section_config .content_subst span:hover {
        background-color: #ddd;
        cursor: pointer;
    }

    /* financial.php */

    #section_financial #financial_container {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1vw;
    }
    #section_financial .header_statistics {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5vh;
        width: 100%;
    }
    #section_financial .header_statistics .container_input {
        /*margin: 0 1%;*/
        flex: 1;
        display: flex;
        height: 100%;
    }
    #section_financial .header_statistics button {
        border-bottom: 1px solid #aaa !important;
        border: none;
        padding: .6vw;
        color: #444;
        background-color: #fff;
        transition: background-color 0.3s;
        width: 3vw;
    }
    #section_financial .header_statistics button:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_financial .header_statistics input {
        width: 80%;
        /*margin: 0 1%;*/
        padding: .5vw;
        border-top: none !important;
        border: 1px solid #aaa;
        /*border-radius: 2px;*/
        text-align: center;
        font-size: 1em;
    }
    #section_financial .header_statistics select {
        width: 100%;
        /*margin: 0 1%;*/
        padding: .5vw;
        border-top: none !important;
        border: 1px solid #aaa;
        text-align: center;
        font-size: 1em;
        height: 100%;
        -webkit-appearance: none;
    }
    #section_financial #div_financeiro_geral {
        width: 100%;
        flex: 1;
    }
    #section_financial #div_financeiro_geral .div_geral {
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
    }
    #section_financial #div_financeiro_geral .div_money {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #aaa;
        margin: 3%;
    }
    #section_financial #div_financeiro_geral .div_money .label {
        position: absolute;
        left: 0;
        top: 0;
    }
    #section_financial #div_financeiro_geral .div_money .money {
        font-size: 2em;
    }
    #section_financial .div_eventos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }
    #section_financial .div_eventos .div_tipos_grafico {
        min-width: 20%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 1%;
        box-sizing: border-box;
        border-right: 1px solid #bbb;
    }
    #section_financial .div_eventos .min {
        font-size: 0.6em;
        color: #555;
        margin: .8vw .5vw auto .1vw;
    }
    #section_financial .div_eventos .element_grafico {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1.5% 0;
        width: 100%;
        box-sizing: border-box;
        /*border: 1px solid #bbb;*/
        border-radius: .5vw;
        cursor: pointer;
        padding: 4% 0;
        color: #555;
        font-weight: bold;
        font-size: 1.03em;
        transition: background 0.3s;
    }
    #section_financial .div_eventos .element_grafico:hover {
        background-color: #eee;
    }
    #section_financial .div_eventos .selected {
        background-color: #eee;
    }
    #section_financial .div_eventos .deselected {
        background-color: #fff;
    }
    #section_financial .div_eventos .div_graficos {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        box-sizing: border-box;
    }
    #section_financial .div_graf {
        width: 100%;
        height: 100%;
    }
    #section_financial .div_eventos .grafico_evento {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    /* dashboard.php */

    #section_dashboard .container_cards {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_dashboard .div_artists {
        min-height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        overflow-y: auto;
        padding: 0 5%;
        height: 100%;
        max-height: 60vh;
    }
    #section_dashboard .card_artist {
        border-radius: 2vw;
        width: 45%;
        display: flex;
        margin: 2% 1%;
        box-sizing: border-box;
        transition: box-shadow 0.3s;
        font-size: 1vw;
    }
    #section_dashboard .card_artist:hover {
        box-shadow: 0px 0px 15px #777;
        cursor: pointer;
    }
    #section_dashboard .div_img {
        width: 100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
    }
    #section_dashboard .card_artist img {
        width: 100%;
        border-radius: 2vw 0 0 2vw;
    }
    #section_dashboard .card_artist .overlay {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
    }
    #section_dashboard .card_artist .fade_black {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
        height: 80px;
        width: 100%;
        border-radius: 2vw 0 0 0;
        color: #fff;
        padding: 10px 15px;
        box-sizing: border-box;
        font-weight: bolder;
        font-size: 1.1em;
        position: absolute;
        top: 0;
    }
    #section_dashboard .div_infos {
        border: 1px solid #ddd;
        border-radius: 0 2vw 2vw 0;
        padding: 1vw;
        width: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }
    #section_dashboard .div_infos .info {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1%;
        position: relative;
    }
    #section_dashboard .div_infos .info::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 90%;
        height: 1px;
        background-color: #ddd;
        z-index: 1;
    }
    #section_dashboard .div_infos .info span {
        padding: 0 5px;
        background-color: #fff;
        z-index: 2;
    }
    #section_dashboard .div_infos .info span:first-child {
        font-weight: bolder;
        font-size: 1.03em;
        color: #333;
    }
    #section_dashboard .div_infos .container_infos {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    #section_dashboard .div_infos .container_infos_money {
        width: 40%;
        display: none;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        height: 100%;
        min-height: 100%;
        padding: 0 0 0 5px;
        box-sizing: border-box;
    }
    #section_dashboard .div_infos .div_finance {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ddd;
        width: 100%;
        height: 30%;
        /*padding: 15% 0;*/
        border-radius: 3px;
        box-sizing: border-box;
        position: relative;
    }
    #section_dashboard .div_infos .div_finance span {
        position: absolute;
        top: -8px;
        left: 3px;
        background-color: #fff;
        font-weight: bolder;
        font-size: 1.03em;
        color: #333;
        padding: 0 3px;
    }

    /* configartist.php */

    #section_configartist form {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section_configartist .container_config {
        width: 100%;
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_configartist .div_login {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
    #section_configartist .configs {
        width: 40%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 40px;
        height: 100%;
        flex-direction: column;
    }
    #section_configartist .configs_alert {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-bottom: 5vh;
        height: 100%;
        flex-direction: column;
    }
    #section_configartist .permissions {
        width: 60%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        height: 100%;
        font-size: 1vw;
    }
    #section_configartist .title_perm {
        font-size: 1.3em;
        font-weight: bolder;
        margin-bottom: 2%;
    }
    #section_configartist .config_buttons {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_configartist .config_buttons div {
        min-width: 15vw;
        font-weight: bold;
        font-size: 1.1em;
    }
    #section_configartist .text_alert {
        text-align: center;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_configartist .text_label {
        font-weight: bold;
    }
    #section_configartist .perm_check {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        border-left: 1px solid #bbb;
        padding: 0 2%;
        width: 100%;
        box-sizing: border-box;
        height: 80%;
    }
    #section_configartist .permissions .div_perm {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 5px;
        font-weight: bolder;
        font-size: 1.1em;
        color: #222;
    }
    #section_configartist .permissions input[type='checkbox'] {
        display: none;
    }
    #section_configartist .permissions .checkbox {
        width: 4vh;
        height: 4vh;
        border-radius: .3vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        background-color: #eee;
        margin-right: 10px;
        cursor: pointer;
        font-size: 1.2em;
    }

    /* statistcs.php */

    #section_statistics {
        font-size: 1vw;
    }
    #section_statistics .statistics_container {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        /*padding: 0 40px;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_statistics .header_statistics {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5vh;
        width: 100%;
    }
    #section_statistics .header_statistics .container_input {
        /*margin: 0 1%;*/
        flex: 1;
        display: flex;
        height: 100%;
    }
    #section_statistics .header_statistics button {
        border-bottom: 1px solid #aaa !important;
        border: none;
        padding: .6vw;
        color: #444;
        background-color: #fff;
        transition: background-color 0.3s;
        width: 3vw;
    }
    #section_statistics .header_statistics button:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_statistics .header_statistics input {
        width: 80%;
        /*margin: 0 1%;*/
        padding: .5vw;
        border-top: none !important;
        border: 1px solid #aaa;
        /*border-radius: 2px;*/
        text-align: center;
        font-size: 1em;
    }
    #section_statistics .header_statistics select {
        width: 100%;
        /*margin: 0 1%;*/
        padding: .5vw;
        border-top: none !important;
        border: 1px solid #aaa;
        text-align: center;
        font-size: 1em;
        height: 100%;
        -webkit-appearance: none;
    }
    #section_statistics .statistics_div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin: 0;
        flex: 1;
        box-sizing: border-box;
    }
    #section_statistics .div_grafico {
        width: 60%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_statistics .div_grafico canvas {
        height: 100%;
    }
    #section_statistics .div_geral {
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
    }
    #section_statistics .div_geral .div_infogeral {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #aaa;
        margin: 3%;
    }
    #section_statistics .div_geral .div_infogeral .label {
        position: absolute;
        top: 0;
        left: 0;
    }
    #section_statistics .div_geral .div_infogeral .infogeral {
        font-size: 2.3em;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_statistics .div_geral .div_infogeral .min {
        font-size: 0.6em;
        color: #555;
        margin: .8vw .5vw auto .1vw;
    }
    #section_statistics .div_eventos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }
    #section_statistics .div_eventos .div_tipos_grafico {
        min-width: 20%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 1%;
        box-sizing: border-box;
        border-right: 1px solid #bbb;
    }
    #section_statistics .div_eventos .element_grafico {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1.5% 0;
        width: 100%;
        box-sizing: border-box;
        /*border: 1px solid #bbb;*/
        border-radius: .5vw;
        cursor: pointer;
        padding: 4% 0;
        color: #555;
        font-weight: bold;
        font-size: 1.03em;
        transition: background 0.3s;
    }
    #section_statistics .div_eventos .element_grafico:hover {
        background-color: #eee;
    }
    #section_statistics .div_eventos .selected {
        background-color: #eee;
    }
    #section_statistics .div_eventos .deselected {
        background-color: #fff;
    }
    #section_statistics .div_eventos .div_graficos {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        box-sizing: border-box;
    }
    #section_statistics .div_eventos .grafico_evento {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_statistics .div_eventos .cidades_evento {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 80%;
        max-height: 400px;
        overflow-y: auto;
        flex-direction: column;
        border: 1px solid #bbb;
        border-radius: 5px;
    }
    #section_statistics .div_eventos .element_cidade {
        border-bottom: 1px solid #bbb;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px 30px;
        box-sizing: border-box;
    }
    #section_statistics .div_eventos .div_cidade {
        width: 80%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
    }
    #section_statistics .div_eventos .div_total_eventos {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    #section_statistics #map {
        z-index: 1;
    }
    #section_statistics #map:focus {
        outline: none;
    }
    #section_statistics svg g path:focus {
        outline: none;
    }
    #section_statistics .leaflet-tooltip {
        background-color: rgba(0,0,0,.9);
        color: #fff;
        border-radius: 3px;
        border: none;
        padding: 10px;
        transition: opacity 0.3s;
    }
    #section_statistics .leaflet-tooltip-top::before {
        border-top-color: rgba(0,0,0,.9);
    }
    #section_statistics .leaflet-tooltip-left::before {
        border-left-color: rgba(0,0,0,.9);
    }
    #section_statistics .leaflet-tooltip-right::before {
        border-right-color: rgba(0,0,0,.9);
    }
    #section_statistics .leaflet-tooltip-bottom::before {
        border-bottom-color: rgba(0,0,0,.9);
    }

    /* material.php */

    #section_material .div_geral {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_material .container_config .field_config label {
        border: 1px solid var(--cor-primaria);
        color: var(--cor-primaria);
    }
    #section_material .container_config .field_config:hover label {
        color: #fff;
        background-color: var(--cor-primaria);
    }
    #section_material .container_config .input_div {
        border: 4px solid var(--cor-primaria);
    }
    #section_material .label_icon {
        background-color: var(--cor-primaria);
    }
    #section_material .label_icon:hover {
        background-color: var(--cor-secundaria);
    }
    #section_material .div_nome {
        border: 1px solid var(--cor-primaria);
    }
    #section_material .selected_material {
        outline: .5vw solid var(--cor-primaria);
    }
    #section_material .div_images {
        width: 65%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        padding: 2% 1%;
        box-sizing: border-box;
        max-height: 100%;
    }
    #section_material #file_image {
        display: none;
    }
    #section_material .images {
        width: 100%;
        height: 90%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        max-height: 55vh;
        overflow-y: auto;
        padding: 2%;
        /*border: 1px solid #ddd;*/
        border-radius: 3px;
        font-size: 1vw;
    }
    #section_material .images::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_material .image_container {
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-left: 1%;
        margin-bottom: 1%;
        max-height: 30vh;
        max-width: 100%;
        background-color: #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        position: relative;
        font-size: 1vw;
    }
    #section_material .overlay_options {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1em;
        font-weight: bold;
        color: #fff;
        background-color: rgba(0,0,0,.7);
        opacity: 0;
        border-radius: 3px;
        transition: opacity 0.3s;
    }
    #section_material .overlay_options:hover {
        opacity: 1;
    }
    #section_material .overlay_options .text_nome {
        background-color: transparent;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        border: none;
        text-align: center;
        cursor: default;
        width: 90%;
        height: 80px;
        resize: none;
        font-family: 'Calibri';
        overflow: hidden;
    }
    #section_material .overlay_options .img_edit {
        position: absolute;
        top: 0%;
        left: 0%;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        border-radius: 3px 0px 3px 0px;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2em;
        width: 2.5vw;
        height: 2.5vw;
        box-sizing: border-box;
        transition: background 0.3s, color 0.3s;
    }
    #section_material .overlay_options .img_edit:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }
    #section_material .overlay_options .img_delete {
        position: absolute;
        top: 0%;
        right: 0%;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        border-radius: 0px 3px 0px 3px;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3em;
        width: 2.5vw;
        height: 2.5vw;
        box-sizing: border-box;
        transition: background 0.3s, color 0.3s;
    }
    #section_material .overlay_options .img_delete:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }
    #section_material .image_container img {
        max-height: 200px;
        max-width: 100%;
        border-radius: 3px;
    }
    #section_material .aviso_sem_imagens {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3em;
        color: #555;
        font-weight: bold;
    }
    #section_material .button_images {
        height: 10%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        box-sizing: border-box;
        width: 100%;
        height: 10%;
    }
    #section_material .div_links {
        width: 35%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        border-left: 1px solid #ddd;
        padding: 2% 1%;
        box-sizing: border-box;
        font-size: 1vw;
    }
    #section_material .div_title {
        font-size: 1.5em;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 1% 0;
    }
    #section_material .links {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        width: 100%;
        max-height: 55vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 2%;
        box-sizing: border-box;
    }
    #section_material .links::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_material .element {
        width: 100%;
        margin: 2px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        height: 4.5vh;
    }
    #section_material .div_tipo {
        font-size: 1.3em;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 2%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 4.5vh;
        box-sizing: border-box;
        margin: 0 1%;
        position: relative;
        color: var(--cor-secundaria);
    }
    #section_material .div_action i {
        color: var(--cor-primaria);
    }
    #section_material .div_action i:hover {
        color: var(--cor-secundaria);
    }
    #section_material .div_url {
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 1% 2%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        box-sizing: border-box;
        margin: 0 1%;
        flex: 1;
    }
    #section_material .div_nome {
        border-radius: 3px;
        padding: 1% 2%;
        display: none;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        box-sizing: border-box;
        margin: 0 1%;
        flex: 1;
        background-color: #fff;
    }
    #section_material .input_nome {
        border: none;
        background-color: #fff;
        font-weight: bold;
        font-size: 1.05em;
        color: #333;
    }
    #section_material .pressed {
        background-color: #ddd;
    }
    #section_material .action_material {
        font-size: 1.1em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.5vh;
    }
    #section_material .div_buttons {
        height: 10%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        box-sizing: border-box;
    }
    #section_material .div_criador {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1vw;
    }
    #section_material .div_options {
        width: 70%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section_material .options_buttons {
        height: 10%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        position: relative;
    }
    #section_material #button_add {
        min-width: 4vh;
        min-height: 4vh;
        max-width: 4vh;
        max-height: 4vh;
        padding: 0;
        position: relative;
        margin-right: 0;
    }
    #section_material .button_option {
        height: 4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        border-radius: 3px;
        font-size: 1.1em;
        font-weight: bold;
        color: #555;
        transition: background 0.3s, color 0.3s;
        margin-left: 1%;
    }
    #section_material .b_selected {
        background-color: #ddd;
        cursor: pointer;
        color: #000;
    }
    #section_material .button_option:hover {
        background-color: #ddd;
        cursor: pointer;
        color: #000;
    }
    #section_material .options_content {
        height: 90%;
        width: 100%;
    }
    #section_material #dropdown_menu {
        position: absolute;
        display: none;
        opacity: 0;
        bottom: 85%;
        left: 7vh;
        transform: translate(0%, 100%);
        border-radius: 3px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0px 0px 2vh #ccc;
        transition: opacity 0.3s, height 0.3s;
        z-index: 4;
        height: 0px;
        font-size: 1vw;
        width: 15vw;
        border: 1px solid #aaa;
    }
    #section_material #dropdown_menu .menu_option {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }
    #section_material #dropdown_menu .button_menu {
        width: 100%;
        border-bottom: 1px solid #aaa;
        box-sizing: border-box;
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 0 0 5%;
        transition: background 0.3s;
    }
    #section_material #dropdown_menu .button_menu:hover {
        background-color: #ddd;
        cursor: pointer;
    }
    #section_material #dropdown_menu .button_menu:first-child {
        border-radius: 3px 3px 0px 0px;
    }
    #section_material #dropdown_menu .button_menu:last-child {
        border-bottom: none;
        border-radius: 0px 0px 3px 3px;
    }
    #section_material #option_1 {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        box-sizing: border-box;
        border-radius: 5px;
        /*background-color: #fafafa;*/
        width: 98%;
        border: 1px solid #ddd;
        max-height: 60vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 3px;
    }
    #section_material #option_1::-webkit-scrollbar {
      width: .4vw; /* Largura em pixels */
    }
    #section_material .container_button {
        height: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_material .container_config {
        margin: 1% 3%;
        box-sizing: border-box;
        outline: 1px solid #aaa;
        border-radius: 5px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        background-color: #fff;
        min-height: 35%;
    }
    #section_material .container_config .config_text {
        position: absolute;
        top: -1.3vh;
        left: 1vw;
        font-weight: bold;
        font-size: 1.03em;
        color: #444;
        background-color: #fff;
        padding: 0 5px;
    }
    #section_material .container_config .config_icon {
        padding: 2%;
        font-size: 1.5em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
    }
    #section_material .container_config .config_content {
        flex: 1;
        padding: 0%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    #section_material .container_config .config_drag {
        width: 5%;
        border-left: 1px solid #ddd;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999;
        flex-direction: column;
    }
    #section_material .container_config .div_icon {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
        font-size: 1.7em;
    }
    #section_material .container_config .div_icon:last-child {
        border-bottom: none;
    }
    #section_material .container_config .div_icon .fa-copy {
        font-size: 0.95em;
    }
    #section_material .container_config .field_config {
        display: flex;
        justify-content: center;
        margin: 1%;
        position: relative;
    }
    #section_material .container_config .column {
        flex-direction: column;
        align-items: flex-start;
    }
    #section_material .container_config .row {
        flex-direction: row;
        align-items: center;
    }
    #section_material .container_config .field_config label {
        font-weight: bold;
        font-size: 1.2em;
        margin-right: 5px;
        color: #fff;
        padding: .4vw;
        border-radius: 3px;
        user-select: none;
    }
    #section_material .container_config .field_config:hover label {
        border-radius: 3px 3px 0px 0px;
    }
    #section_material .container_config .input_div {
        display: none;
        justify-content: center;
        align-items: center;
        top: 100%;
        left: 0;
        background-color: #fff;
        z-index: 1000;
        border-radius: 0px 6px 6px 6px;
        padding: 10%;
        position: absolute;
        min-width: 100%;
        box-sizing: border-box;
        z-index: 10000;
    }
    #section_material .container_config .input_line {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    #section_material .container_config .flex_column {
        flex-direction: column;
    }
    #section_material .container_config .right {
        top: -50% !important;
        left: 88% !important;
        border-radius: 6px !important;
    }
    #section_material .container_config .field_config:hover .right_label {
        border-radius: 3px 0px 0px 3px !important;
    }
    #section_material .container_config .field_config:hover .input_div {
        display: flex;
    }
    #section_material .container_config input[type='color'] {
        background-color: #ccc;
        border: 1px solid #aaa;
        border-radius: 2px;
        width: 10vw;
        min-height: 6vh;
        font-size: 1em;
    }
    #section_material .container_config textarea {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 2px;
        width: 30vw;
        height: 10vw;
        resize: none;
        font-size: 1em;
    }
    #section_material .container_config textarea::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_material .container_config select {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 3px;
        padding: 1vh;
        font-size: 1vw;
    }
    #section_material .container_config input {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 3px;
        padding: .7vh;
        max-width: 10vw;
        font-size: 1vw;
    }
    #section_material .select_numberInput {
        width: 30px;
        text-align: center;
    }
    #section_material .label_icon {
        border-radius: 3px !important;
        margin: .5vh;
        width: 2.8vh;
        height: 2.8vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5vh;
        color: #fff;
    }
    #section_material .label_icon:hover {
        cursor: pointer;
    }
    #section_material .dragging_card {
        opacity: .5;
    }
    #section_material .foco {
        cursor: pointer;
    }
    #section_material .elemento {
        height: 100px;
        width: 70%;
        background-color: #000;
        border: 0px solid #000;
    }
    #section_material .dragging_element {
        opacity: 0.5;
    }
    #section_material .container_view {
        width: 30%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        border-left: 1px solid #bbb;
        background-color: rgba(250, 250, 250, 1);
        position: relative;
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 73vh;
    }
    #section_material .container_view::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_material .div_view {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #bbb;
        background-color: #cccccc;
        position: relative;
        font-size: 1vw;
    }
    #section_material .div_view span {
        display: flex;
    }
    #section_material .div_view span p {
        width: 100%;
        margin: 0;
    }
    #section_material .div_element {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 70%;
        font-size: 13pt;
        font-family: 'Trebuchet MS';
    }
    #section_material .link_button {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 60%;
        height: 10%;
        font-size: 13pt;
        border: 0px solid #000;
        border-radius: 3px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #4f4f4f;
        color: #fff;
    }
    #section_material .link_button i {
        font-size: 1.3em;
    }
    #section_material .link_button .checked {
        width: 20%;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 0;
    }
    #section_material .link_button .checked ~ div {
        position: absolute;
    }
    #section_material .link_button div {
        margin-left: 5px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        position: relative;
    }
    #section_material .div_view .center_line {
        border: 1px solid #32A4F0;
        height: 100%;
        box-sizing: border-box;
        display: none;
        z-index: 10000;
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        height: 3000px;
    }
    #section_material .div_view::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_material input[type='checkbox'] {
        display: none;
    }
    #section_material .input_help {
        width: 50px;
        text-align: center;
        margin-left: 10px;
    }
    #section_material .checkbox {
        width: 2.3vw;
        height: 2.3vw;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #aaa;
        margin-right: 10px;
        cursor: pointer;
        font-size: 1.2em;
    }
    #section_material .form_material {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }
    #section_material #option_2 {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        box-sizing: border-box;
        border-radius: 5px;
        width: 98%;
        border: 1px solid #ddd;
        max-height: 60vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 3px;
    }
    #section_material .span_input {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 1em;
        font-family: 'Trebuchet MS';
        border-radius: 3px;
        color: #000;
        padding: 0 0 0 10px;
        background-color: #ccc;
    }
    #section_material .button_span {
        min-height: 2.9vw;
        max-height: 2.9vw;
        max-width: 2.9vw;
        min-width: 2.9vw;
        padding: 0;
        display: flex;
        justify-content: center; 
        align-items: center;
        font-size: 0.95em;
        margin: 0;
        border-radius: 0 .3vw .3vw 0;
    }
    #section_material #list_materials {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 1%;
        font-size: 1vw;
    }
    #section_material .capa_material {
       width: 100%;
    }
    #section_material .add_material {
        width: 15vw;
        height: 23vw;
        border: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .7%;
        color: #555;
        transition: background 0.3s, color 0.3s;
    }
    #section_material .add_material:hover {
        background-color: rgba(0,0,0,.5);
        color: #fff;
        cursor: pointer;
    }
    #section_material .div_material {
        width: 15vw;
        max-height: 23vw;
        margin: .7%;
        position: relative;
        background-color: rgba(237,237,237,1);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_material .material_overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0,0,0,0);
        transition: background 0.3s, opacity 0.3s;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3em;
        font-weight: bold;
        cursor: pointer;
        opacity: 0;
    }
    #section_material .selected_material {
        cursor: default !important;
    }
    #section_material .div_material:hover .material_overlay {
        background-color: rgba(0,0,0,.5);
        opacity: 1;
    }

    /* viewmaterial.php */

    #section_view {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #bbb;
        background-color: rgba(250, 250, 250, 1);
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 1vw;
    }
    #section_view .div_view::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0);
    }
    #section_view .div_view::-webkit-scrollbar-thumb {
        border-radius: 5px;
    }
    #section_view .div_view span {
        display: flex;
    }
    #section_view .div_view span p {
        width: 100%;
        margin: 0;
    }
    #section_view .div_element {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 70%;
        font-size: 13pt;
        font-family: 'Trebuchet MS';
    }
    #section_view .link_button {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        width: 60%;
        height: 50px;
        font-size: 13pt;
        border: 0px solid #000;
        border-radius: 3px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #4f4f4f;
        color: #fff;
    }
    #section_view .link_button i {
        font-size: 1.3em;
    }
    #section_view .link_button .checked {
        width: 20%;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 0;
    }
    #section_view .link_button .checked ~ div {
        position: absolute;
    }
    #section_view .link_button div {
        margin-left: 5px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        position: relative;
    }

    /* user.php */

    #section_users .col_nome {
        width: 30%;
        text-align: left;
        padding-left: 3%;
    }
    #section_users .col_email {
        width: 20%;
        text-align: center;
    }
    #section_users .col_telefone {
        width: 20%;
        text-align: center;
    }
    #section_users .col_cidade {
        width: 20%;
        text-align: center;
    }
    #section_users .col_acao {
        width: 10%;
        text-align: center;
    }

    /* admin.php */

    #section_admin .col_nome {
        width: 25%;
    }
    #section_admin .col_nomeart {
        width: 25%;
    }
    #section_admin .col_email {
        width: 20%;
    }
    #section_admin .col_acessos {
        width: 20%;
    }
    #section_admin .col_acao {
        width: 10%;
    }
    #section_admin .col_nomeconta {
        width: 30%;
    }
    #section_admin .col_emailconta {
        width: 30%;
    }
    #section_admin .col_artistas {
        width: 10%;
    }
    #section_admin .col_usuarios {
        width: 10%;
    }
    #section_admin .col_acessosconta {
        width: 10%;
    }
    #section_admin .header_statistics {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5vh;
        width: 100%;
    }
    #section_admin .header_statistics .container_input {
        /*margin: 0 1%;*/
        flex: 1;
        display: flex;
        height: 100%;
    }
    #section_admin .header_statistics button {
        border-bottom: 1px solid #aaa !important;
        border: none;
        padding: .6vw;
        color: #444;
        background-color: #fff;
        transition: background-color 0.3s;
        width: 3vw;
    }
    #section_admin .header_statistics button:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_admin .header_statistics input {
        width: 80%;
        /*margin: 0 1%;*/
        padding: .5vw;
        border-top: none !important;
        border: 1px solid #aaa;
        /*border-radius: 2px;*/
        text-align: center;
        font-size: 1em;
    }
    #section_admin .header_statistics select {
        width: 100%;
        /*margin: 0 1%;*/
        padding: .5vw;
        border-top: none !important;
        border: 1px solid #aaa;
        text-align: center;
        font-size: 1em;
        height: 100%;
        -webkit-appearance: none;
    }
    #section_admin #div_financeiro_geral {
        width: 100%;
        flex: 1;
    }
    #section_admin #div_financeiro_geral .div_geral {
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
    }
    #section_admin #div_financeiro_geral .div_money {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #aaa;
        margin: 3%;
    }
    #section_admin #div_financeiro_geral .div_money .label {
        position: absolute;
        left: 0;
        top: 0;
    }
    #section_admin #div_financeiro_geral .div_money .money {
        font-size: 2em;
    }
    #section_admin .div_eventos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }
    #section_admin .div_eventos .div_tipos_grafico {
        min-width: 20%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 1%;
        box-sizing: border-box;
        border-right: 1px solid #bbb;
    }
    #section_admin .div_eventos .element_grafico {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1.5% 0;
        width: 100%;
        box-sizing: border-box;
        /*border: 1px solid #bbb;*/
        border-radius: .5vw;
        cursor: pointer;
        padding: 4% 0;
        color: #555;
        font-weight: bold;
        font-size: 1.03em;
        transition: background 0.3s;
    }
    #section_admin .div_eventos .element_grafico:hover {
        background-color: #eee;
    }
    #section_admin .div_eventos .selected {
        background-color: #eee;
    }
    #section_admin .div_eventos .deselected {
        background-color: #fff;
    }
    #section_admin .div_eventos .div_graficos {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        box-sizing: border-box;
    }
    #section_admin .div_graf {
        width: 100%;
        height: 100%;
    }
    #section_admin .div_eventos .grafico_evento {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
}
}