* {
    list-style: none;
    box-sizing: border-box;
}
input:focus {
    outline: none;
}
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: portrait) {
    html {
        color-scheme: light !important;
        background-color: #f5f5f7;
        color: #000000;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 100%;
        z-index: 10000;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }
    body {
        font-family: "Montserrat",sans-serif;
        font-size: 1vh;
        margin: 0;
        padding: 0;
        outline: none;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    ::-webkit-scrollbar-track {
        background-color: transparent;
    }
    ::-webkit-scrollbar {
        width: 1px;
        background: #F4F4F4;
        border-radius: 3px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 5px;
    }
    *:focus {
        outline: none;
    }
    * {
        outline: none;
        -webkit-tap-highlight-color: transparent; /* Safari, UC Browser */
        -webkit-touch-callout: none; /* Safari */
    }
    .pac-container {
        z-index: 30000 !important;
        border-radius: 5vw;
        padding: 3%;
    }
    .pac-container .pac-item {
        border: none;
    }
    .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_adicionar {
        color: #fff;
        border-radius: 50%;
        width: 15vw;
        height: 15vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.5em;
        position: fixed;
        right: 5vw;
        bottom: 10vh;
    }
    .button_naoautorizado {
        width: 50%;
        height: 6vh !important;
    }
    .button_default:hover {
        background-color: #999;
        color: #333;
    }
    .desktop {
        display: none !important;
    }
    .disabled {
        color: #333 !important;
        background-color: #999 !important;
        cursor: default !important;
        box-shadow: none !important;
    }
    .disabled:hover {
        color: #333 !important;
    }
    .footer_section {
        width: 100%;
        display: flex;
    }
    .mark {
        background-color: rgba(255,180,0,.8);
    }
    .btn_opacity {
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    .btn_opacity.clicked {
        opacity: 0.5;
    }
    #button_default {
        padding: 8px 15px;
        margin: .3em;
    }
    #button_default i {
        font-size: 1.2em;
    }
    .version {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* 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: 3vw;
        position: fixed;
        top: 5vh;
        left: 50%;
        transform: translate(-50%,0%);
        z-index: 10000;
        visibility: hidden;
        padding: 5% 10%;
        font-size: 2vh;
        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;
    }
    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: 1vh;
    }
    #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: 5vw;
        min-width: 80%;
        max-height: 25vh;
        max-width: 80%;
    }
    #show_tab_delete #tab_content {
        margin: 3vw;
    }
    #show_tab_delete .div_message {
        font-size: 2.4em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 10vh;
    }
    #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: 1vh;
    }
    #show_tab .show_content {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #f5f5f7;
        border-radius: 5vw;
        min-width: 80%;
        /*max-height: 60vh;*/
        max-width: 80%;
    }
    #show_tab .show_content .field_input {
        padding: 0 3%;
    }
    #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;
    }
    #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: 1vh;
    }
    #show_tab_info .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: 80%;
        max-width: 80%;
    }
    #show_tab_info .show_content .button_show {
        width: 150px;
        margin: auto auto 1.3em auto;
    }
    #show_tab_info .show_content .h1_title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #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: 1vh;
    }
    #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: 5vw;
        min-width: 70%;
        max-height: 80%;
        max-width: 70%;
    }
    #show_tab_info .div_message_info {
        margin-bottom: 6%;
        padding: 5%;
    }
    #show_tab_info .div_popup_info {
        padding: 5%;
    }
    #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.6em;
    }
    #show_tab_info .show_content_info .div_buttons {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #show_tab_info .show_content_info .div_buttons button {
        width: 100%;
        font-size: 1.4em;
    }
    #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: 1vh;
    }
    #show_tab_travel .show_content_travel {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #f5f5f7;
        border-radius: 5vw;
        min-width: 80%;
        min-height: 45vh;
        max-width: 80%;
    }
    #show_tab_travel #tab_content_travel {
        min-height: 100%;
        max-height: 100%;
        width: 100%;
        flex: 1;
        display: flex;
    }
    #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;
    }
    #content {
        width: 100vw;
        height: 92vh;
        box-sizing: border-box;
        position: fixed;
        top: 8vh;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .div_dropdown {
        position: absolute;
        top: 100%;
        width: 80%;
        z-index: 10;
        font-size: 1vh;
        box-sizing: border-box;
        z-index: 10000;
    }
    .div_dropdown .drop_list {
        padding: 2vw 1%;
        box-sizing: border-box;
        box-shadow: 0px 0px 8px #999;
        border-radius: 5vw;
        background-color: #fff;
    }
    .div_dropdown .drop_element {
        padding: 4% 2%;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 1.5em;
    }
    section.section_content {
        height: 100%;
        width: 100vw;
        display: flex;
        flex-direction: column-reverse;
        z-index: 1;
        justify-content: flex-end;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }
    section.section_content .div_content {
        width: 100%;
        max-width: 100%;
        background-color: #f5f5f7;
        height: 92%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    section.section_content .title_div {
        width: 100%;
        max-width: 100%;
        height: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        box-sizing: border-box;
        /*border-bottom: 1px solid #999;*/
        background-color: #fff;
        z-index: 100;
        position: fixed;
        top: 8vh;
    }
    section.section_content .title_div h1 {
        font-size: 3em;
        padding: 0 4%;
        margin: 2% 0 1% 0;
    }
    section.section_content .title_div div.div_tabs {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-height: 2vh;
        justify-content: flex-start;
        align-items: center;
        flex: 1;
        padding: 0 2% 0 2%;
        overflow-x: scroll;
        box-sizing: border-box;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Versão padrão */
    }
    section.section_content .title_div div.div_tabs::-webkit-scrollbar {
        background-color: #fff;
        width: 0 !important;
    } 
    section.section_content .title_div div.div_tabs::-webkit-scrollbar-track {
        background-color: transparent;
    }
    section.section_content .title_div div.div_tabs div.button_info {
        padding: 0 2vw;
        margin: 0;
        min-width: 37vw;
        width: auto !important;
        height: 80%;
        max-height: 5vh;
        font-size: 1.8em;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px 100px 100px 100px;
    }
    .button_delete_conta {
        border: 1px solid #f44336;
        color: #f00;
        height: 6vh;
        font-size: 1.7em;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bolder;
        min-width: 100%;
        border-radius: 3vw;
        margin-top: 5%;
        cursor: pointer;
    }
    .div_delete_account {
        padding: 0 4%;
        font-size: 1.4em;
    }
    .button_red {
        background-color: #f44336 !important;
        box-shadow: inset 0 0 1.6em -0.6em #f00 !important;
    }
    section.section_content .title_div div.div_tabs .right {
        border-radius: 100px 100px 100px 100px;
    }
    section.section_content .title_div div.div_tabs .left {
        border-radius: 100px 100px 100px 100px;
    }
    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 {
        width: 100%;
        max-width: 100%;
        position: fixed;
        overflow-y: scroll;
        top: 18vh;
        bottom: 8vh;
    }
    @keyframes loading {
        0% {
            left: -100%;
        }
        50% {
            left: 100%;
        }
        100% {
            left: -100%;
        }
    }
    .loading_section {
        display: none !important;
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        background-color: #f5f5f7 !important;
        z-index: 1000 !important;
    }
    .div_info_load {
        width: 100%;
        max-width: 100%;
        position: fixed;
        overflow-y: scroll;
        top: 18vh;
        bottom: 8vh;
    }
    .load_button {
        margin: 0 .7% !important;
        padding: 0 2vw;
        min-width: 37vw;
        width: auto !important;
        height: 80%;
        max-height: 5vh;
        font-size: 1.8em;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px 100px 100px 100px;
    }
    .load_button::before {
        border-radius: 5vw;
    }
    .load_before {
        position: relative !important;
        overflow: hidden !important;
        background: #ccc !important;
    }
    .load_before::before {
        display: block;
        position: absolute;
        content: '';
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #ccc 0%, rgba(230, 230, 230, 0.8) 50%, #ccc 100%);
        animation: loading 1.5s infinite ease-in;
    }
    #div_cropper {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 20000;
        font-size: 1vh;
    }
    #div_cropper .cropper_block {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #f5f5f7;
        border-radius: 5vw;
        min-width: 80%;
        max-height: 60vh;
        max-width: 80%;
    }
    #div_cropper #cropper_container {
        flex: 1;
        max-height: 80%;
        box-sizing: border-box;
        margin: 4% auto;
        opacity: 0;
    }
    #div_cropper .div_buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        padding: 4% 2%;
        flex: 1;
    }
    #div_cropper .div_buttons div {
        font-size: 1.5em;
        height: 6vh;
        flex: 1;
    }
    .button {
        color: white;
        font-family: inherit;
        padding: 1.6vh 5%;
        font-size: 1.1vw;
        font-weight: bolder;
        border-radius: 3vw;
        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: 6vh;
        font-size: 2em;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Versão padrão */
    }
    .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: 2vh;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Versão padrão */
    }
    .button_alt_white {
        color: #000;
        font-family: inherit;
        padding: 6% 5%;
        font-size: 1.1vw;
        font-weight: bolder;
        border: 1px solid #fff;
        background-color: #fff;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: background 0.3s;
        min-width: 15vw;
        margin: 0 1em;
        height: 2vh;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Versão padrão */
    }
    .form {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .field_input {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
        box-sizing: border-box;
        margin: 1% 0;
        position: relative;
    }
    input.readonly {
        background-color: #ccc !important;
    }
    input[readonly] {
        background-color: #ccc !important;
    }
    select[readonly] {
        background-color: #ccc !important;
        color: #000;
    }
    select[disabled] {
        color: #000;
    }
    .field_input .field_label {
        font-weight: bolder;
        margin-bottom: 1%;
        margin-left: 1%;
        font-size: 1.7em;
        position: relative;
        display: flex;
        align-items: center;
        position: relative;
        color: #333;
    }
    .field_label .help {
        display: none !important;
        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';
    }
    .field_label i.icon_help {
        font-size: 1em;
        color: #444;
        cursor: pointer;
        position: relative;
        margin-left: 5px;
    }
    .field_label .help span {
        display: flex;
        opacity: 1;
    }
    .field_input input {
        border: none;
        border-radius: 3vw;
        padding: 2vh 1.2vh;
        width: 100%;
        box-sizing: border-box;
        font-size: 1.5em;
        font-family: 'Arial';
    }
    .field_input select {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1.2vh;
        width: auto;
        min-height: 6vh;
        font-size: 1.5em;
        font-family: 'Arial';
        -webkit-appearance: none;
    }
    .field_input select:after {
        content: '\0025BC';
        /*font: normal normal normal 12px/1 FontAwesome;*/
        color: white;
        right: 14px;
        top: 4px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }
    .field_input textarea {
        border: none;
        border-radius: 3vw;
        padding: 2vh 1.2vh;
        width: auto;
        flex: 1;
        resize: none;
        font-size: 1.5em;
        font-family: 'Arial';
    }
    .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 {
        flex: 1;
        border-spacing: 0 1vw;
        height: 100%;
        font-size: 1vh;
        margin: 0 1.3vw;
    }
    table.table th {
        padding: 3% 0;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        font-weight: bolder;
        font-size: 1.5em;
    }
    table.table td {
        text-align: left;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        color: #333;
        background-color: #fff;
        font-size: 1.3em;
    }
    table.table tr td:first-child {
        border-radius: 5vw 0 0 5vw;
    }
    table.table tr td:nth-last-child(2) {
        border-radius: 0 5vw 5vw 0;
    }
    table.table tr th:first-child {
        border-radius: 5vw 0 0 5vw;
    }
    table.table tr th:nth-last-child(2) {
        border-radius: 0 5vw 5vw 0;
    }
    table.table th i {
        cursor: pointer;
        transition: font-size 0.2s;
    }
    table.table tr {
        min-height: 10vh;
    }
    table.table tbody {
        display: block;
        max-height: 67vh;
        overflow-y: scroll;
    }
    table.table thead {
        overflow-y: scroll;
    }
    table.table thead, tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    table.table td i {
        font-size: 1.3em;
        margin: 0 3px;
        cursor: pointer;
    }
    table.table .secrow {
        display: none;
    }
    table.table .secrow td {
        border-radius: 5vw !important;
    }
    table.table .secrow .buttons_action {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table .secrow .div_action {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border: none;
        box-sizing: border-box;
        flex: 1;
    }
    table.table .secrow .div_action i {
        font-size: 1.7em;
    }
    table.table .secrow .div_action span {
        margin-top: 4%;
        text-align: center;
    }
    .aviso_sem_registro {
        width: 100%;
        height: 100%;
        position: relative;
        font-size: 1vh;
        box-sizing: border-box;
    }
    .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;
        width: 80%;
    }
    .aviso_sem_registro .texto_aviso {
        font-size: 2em;
        font-weight: bolder;
        color: #555;
        margin-bottom: 4%;
        text-align: center;
    }
    .aviso_sem_registro .button_aviso {
        min-width: 70vw;
        max-width: 70vw;
        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;
    }
    .aviso_not {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vh;
        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;
        background-color: #f5f5f7;
    }
    #section_login .rodape {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        font-size: 1.5em;
        align-items: center;
        border-top: 1px solid #fff;
        padding-bottom: 10vh;
        color: #fff !important;
    }
    #section_login .container_texto {
        font-size: 1.5vh;
        padding: 1% 5%;
    }
    #section_login .container_texto li {
        list-style: auto;
    }
    #section_login .h1_doc {
        font-size: 3.5em;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #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 .div_right {
        font-size: .8em;
    }
    #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: 3% 0 0 0;
        cursor: pointer;
        text-decoration: underline;
    }
    #section_login .input_buttons_ext {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    #section_login .input_buttons_ext .button_ext {
        display: flex;
        width: 100%;
        border-radius: 3vw;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        padding: 2vh 1.2vh;
        font-size: 1.8em;
        margin: 1% 3%;
        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:not(:last-child) {
        margin-right: 0;
    }
    #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: 92dvh;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgb(250,250,250);
    }
    #section_login #header #form {
        box-sizing: border-box;
        display: none;
        flex-direction: row;
        width: 60%;
        height: 65%;
        border-radius: 1vw;
        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: center;
        align-items: center;
        flex-direction: column;
        padding: 5%;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    #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: 10% 5%;
        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: 10% 5%;
        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: 4.5em;
        font-weight: bold;
        margin-bottom: 30%;
        text-align: center;
        width: 90%;
    }
    #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 {
        border: none;
        border-radius: 3vw;
        padding: 2vh 1.2vh;
        width: auto;
        font-size: 1.8em;
        font-family: 'Arial';
        margin: 1% 3%;
    }
    #section_login .div_button {
        width: 90%;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin-top: 3%;
        padding-bottom: 6vh;
    }
    #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: 4.5em;
        margin-top: 4vh;
        margin-left: 5vw;
    }
    #section_login #info1{
        min-height: 92vh;
        z-index: 3;
    }
    #section_login #info1 .div_p {
        font-size: 1vh !important;
    }
    #section_login #info2 .div_p {
        font-size: 2vh !important;
    }
    #section_login #info2{
        z-index: 3;
    }
    #section_login #info3{
        min-height: 92vh;
        z-index: 3;
    }
    #section_login #info1 p,#section_login #info3 p{
        margin-left: 2%;
        margin-right: 2%;
    }
    #section_login #info1 h1,#section_login #info3 h1{
        margin-left: 2%;
    }
    #section_login #info2 p{
        margin-left: 2%;
        margin-right: 2%;
    }
    #section_login #info2 h1{
        margin-left: 2%;
    }
    #section_login .color1 {
        color: #000;
        background-color: #f5f5f7;
    }
    #section_login .color2 {
        color: #fff;
    }
    #section_login #menu_home {
        width: 100dvw;
        height: 8vh;
        position: fixed;
        top: 0;
        left: 0;
    }
    #section_login #menu_home .links {
        width: 100%;
        height: 100%;
    }
    #section_login #menu_home ul {
        align-items: center;
        z-index:5;
        background-color:#ac6af8;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        letter-spacing: 0;
        /*overflow-x: hidden;*/
        display: flex;
        justify-content: center;
    }
    #section_login #menu_home ul img {
        max-height: 60%;
        max-width: 70%;
    }
    #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.6em;
    }
    #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;
        flex-direction: column;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: relative;
    }
    #section_login .div_button_alt {
        margin-bottom: 4vh;
    }
    #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%;
        box-sizing: border-box;
        position: relative;
        background-color: #f5f5f7;
    }
    #section_login .div_container {
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    #section_login .div_container .div_left {
        width: 100%;
        height: 100%;
        font-size: 1.7vh;
    }
    #section_login .sec_div .div_p {
        font-size: 1.7vh;
        padding: 3%;
    }
    #section_login .decoration_circle {
        border-radius: 50%;
        position: absolute;
        transform: translate(-50%, 0%);
    }
    #section_login #circle1 {
        width: 70dvh;
        height: 70dvh;
        bottom: -43dvh;
        left: 60%;
        z-index: 0;
    }
    #section_login #circle2 {
        width: 70dvh;
        height: 70dvh;
        bottom: -43dvh;
        left: 60%;
        z-index: 0;
    } 
    #section_login #circle3 {
        width: 70dvh;
        height: 70dvh;
        bottom: -43dvh;
        left: 20%;
        z-index: 0;
    }
    #section_login #circle4 {
        width: 150vw;
        height: 150vw;
        top: -110vw;
        left: 65%;
        z-index: 0;
    }
    #section_login .form_div form {
        width: 100%;
        height: 100%;
        z-index: 4;
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        font-size: 1vh;
    }
    #section_login .form_div .div_suporte {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 8%;
        position: relative;
    }
    #section_login .form_div form button.button_alt_white {
        font-size: 2.4vh;
        width: 100%;
        border-radius: 10vw;
        margin: 2% 0;
    }
    #section_login .form_div form div.button_alt_white {
        font-size: 2.4vh;
        width: 100%;
        border-radius: 10vw;
        margin: 2% 0;
        padding: 0 !important;
    }
    #section_login .form_div form div.button_alt {
        font-size: 2.4vh;
        width: 100%;
        border-radius: 10vw;
        margin: 2% 0;
        padding: 0;
    }
    #section_login .text_info {
        font-size: 1.6em;
        margin: 0 auto 2vh auto;
        width: 80%;
        text-align: center;
    }
    .verify_section {
        overflow-y: hidden !important;
    }
    #section_login .icons_contato {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10% 5%;
    }
    #section_login .icons_contato i {
        margin: 0 3vw;
        font-size: 2.5em;
        cursor: pointer;
    }
    #section_login .div_container .div_form {
        width: 95%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    #section_login .div_container .div_form form {
        background-color: transparent;
        border-radius: 2vw;
        width: 100%;
        padding: 4%;
    }
    #section_login .div_container .div_form input, 
    #section_login .div_container .div_form textarea {
        border: none;
        border-radius: 3vw;
        padding: 2vh 1.2vh;
        width: auto;
        font-size: 1.8em;
        font-family: 'Arial';
        margin: 1% 3%;
    }
    #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;
        width: 100%;
    }

    /* header.php */

    #tab_content {
        display: flex;
        height: 100%;
        box-sizing: border-box;
    }
    #tab_content .div_popup {
        width: 100%;
        height: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
        padding: 0;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        overflow: visible;
    }
    #tab_content .div_popup .div_table_career {
        height: 85%;
        width: 100%;
        box-sizing: border-box;
    }
    #tab_content .div_popup .div_table_career table {
        width: 100%;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    #tab_content .div_popup .div_table_career tr {
        padding: 1%;
        margin: 1vw 0;
        box-sizing: border-box;
    }
    #tab_content .div_popup .div_table_career td {
        text-align: left;
        padding: 4%;
        font-size: 1.1em;
        background-color: #fff;
    }
    #tab_content .div_popup .div_table_career td:first-child {
        border-radius: 3vw 0 0 3vw;
    }
    #tab_content .div_popup .div_table_career td:last-child {
        border-radius: 0 3vw 3vw 0;
    }
    #tab_content .div_popup .div_table_career i {
        font-size: 1.4em;
    }
    #tab_content .div_popup .div_buttons {
        padding: 3% 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        font-size: .7em;
    }
    #tab_content .div_popup .div_buttons button {
        flex: 1;
    }
    #tab_content .div_popup .div_buttons div {
        /*padding: 10px;*/
        /*width: 200px;*/
        flex: 1;
    }
    #tab_content .div_popup .div_message {
        flex: 1;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: #444;
        font-weight: bolder;
        flex-direction: column;
        font-size: 1.7em;
        text-align: center;
    }
    #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 .field_line {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #tab_content .popup_artista .div_table_career {
        font-size: 1.4em;
        overflow-y: auto;
        height: 40vh;
    }
    #tab_content #button_voltar {
        position: absolute;
        left: 5%;
        display: none;
        cursor: pointer;
        font-size: 1.2em;
    }
    #tab_content .popup_budget {
        height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #tab_content .addevent_outros {
        width: 50%;
    }
    #tab_content #consumo_budget {
        width: 100%;
        box-sizing: border-box;
    }
    #tab_content #preco_combustivel_budget {
        width: 100%;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_preco {
        width: 50% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_addhora {
        width: 33% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_addkm {
        width: 33% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_addfixo {
        width: 33% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_distancia {
        width: 50% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_tempo {
        width: 50% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #section_event .inputs_config .input_consumo {
        flex: 1;
        max-width: 50% !important;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    #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 .info_line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 1.5em;
    }
    #tab_content .line_total {
        font-weight: bolder;
    }
    #tab_content .input_margem {
        width: 50%;
    }
    #tab_content .input_lucro {
        width: 50%;
    }
    #tab_content .cache_info {
        display: none;
    }
    #tab_content .input_custo_add {
        width: 33%;
        flex: 1;
    }
    #tab_content .input_custo_h {
        width: 33%;
    }
    #tab_content .input_custo_km {
        width: 33%;
    }
    .popup_itinerario {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
    }
    .popup_itinerario .element {
        background-color: transparent !important;
    }
    #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%;
        font-size: 1.5em;
        margin: 8% 0 0 0;
    }
    #tab_content #step_2 .input_preco {
        width: 50% !important;
    }
    #tab_content #step_2 .input_consumo {
        width: 50% !important;
    }
    #tab_content #step_2  .icon i {
        margin: 1% 1% 3% 1%;
        font-size: 1.5em;
        /*flex: 1;*/
        display: flex;
        justify-content: center;
    }
    #tab_content #step_2  .icon {
        padding: 2%;
        border-radius: 5vw;
        background-color: #fff;
        flex: 1;
        height: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: 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: 6%;
        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 #step_2 .button_edit_itinerario {
        position: absolute;
        right: 3%;
        top: 0%;
        background-color: #fff;
        font-size: 1.9em;
        padding: 2%;
        border-radius: 2vw;
        width: 4vh;
        height: 4vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #tab_content_travel .div_travel {
        display: flex;
        width: 100%;
    }
    #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: 2.5em;
    }
    #tab_content_travel #container_itinerario .icon_inter {
        border: 1px dashed #333;
        height: 19%;
    }
    #tab_content_travel #container_itinerario .div_inputs_places {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 90%;
    }
    #tab_content_travel #container_itinerario .element {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        /*padding: 2% 0;*/
    }
    #tab_content_travel #container_itinerario .element input {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 0 1.2vh;
        width: 100%;
        font-size: 1.5em;
        font-family: 'Arial';
        height: 6vh;
    }
    #tab_content_travel #container_itinerario .element select {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 0 1.2vh;
        width: 100%;
        font-size: 1.5em;
        font-family: 'Arial';
        height: 6vh;
    }
    #tab_content_travel #container_itinerario .element .button_change {
        max-width: 6vh;
        max-height: 6vh;
        min-width: 6vh;
        min-height: 6vh;
        font-size: 1.6em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #tab_content_travel .div_popup .div_buttons {
        padding: 3% 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        font-size: .7em;
    }
    #tab_content_travel .div_popup .div_buttons button {
        flex: 1;
    }
    #tab_content_travel .h1_title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #tab_content_travel #container_itinerario {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    #tab_content_travel .popup_itinerario #container_itinerario img {
        max-width: 100%;
        max-height: 24vh;
        background-color: #fff;
        border-radius: 2vh;
        padding: 10%;
    }
    #tab_content .div_table_budget {
        flex: 1;
    }
    #tab_content .addevent_pais_budget {
        width: 50%;
        order: 1;
    }
    #tab_content .addevent_data_budget {
        width: 50%;
        order: 2;
    }
    #tab_content .addevent_cidade_budget {
        width: 100%;
        order: 3;
    }
    #tab_content .addevent_data {
        width: 50%;
    }
    #tab_content .addevent_pais {
        width: 50%;
    }
    #tab_content .addevent_valor {
        width: 50%;
    }
    #tab_content .addevent_cidade {
        width: 100%;
    }
    #tab_content .popup_day #div_eventos {
        min-height: 30vh;
        max-height: 30vh;
        padding: 5%;
    }
    #tab_content .popup_addcusto #div_eventos {
        height: 20vh;
        padding: 5%;
    }
    #tab_content .popup_addcusto #form_custo {
        flex-wrap: wrap;
    }
    #tab_content .popup_addcusto .addcusto_descricao {
        width: 100%;
    }
    #tab_content .popup_addcusto .addcusto_valor {
        width: 50%;
    }
    #tab_content .popup_addcontact .div_table_addevent {
        padding: 5%;
    }
    #tab_content .popup_addcontact .addcontact_nome {
        width: 100%;
    }
    #tab_content .popup_addcontact .addcontact_telefone {
        width: 50%;
    }
    #tab_content .popup_addcontact .addcontact_cpf {
        width: 50%;
    }
    #tab_content .popup_addcontact .addcontact_email {
        width: 100%;
    }
    #tab_content .popup_addcontact .addcontact_endereco {
        width: 100%;
    }
    #tab_content .popup_addcontact .addcontact_cidade {
        width: 100%;
    }
    #tab_content .popup_addcontact .addcontact_estado {
        width: 50%;
    }
    #tab_content .popup_addcontact .addcontact_pais {
        width: 50%;
    }
    #tab_content .popup_city #div_eventos {
        height: 50vh;
        padding: 5%;
    }
    #tab_content .popup_addartist .div_table_addevent {
        padding: 5%;
    }
    #tab_content .popup_addartist .addartist_nome {
        width: 100%;
    }
    #tab_content .popup_addartist .addartist_nomeart {
        width: 50%;
    }
    #tab_content .popup_addartist .addartist_cpf {
        width: 50%;
    }
    #tab_content .popup_addartist .addartist_login {
        width: 50%;
    }
    #tab_content .popup_addartist .addartist_telefone {
        width: 50%;
    }
    #tab_content .popup_addartist .addartist_nasc {
        width: 50%;
    }
    #tab_content .popup_addartist .addartist_email {
        width: 100%;
    }
    #tab_content .name_doc {
        min-height: 5vh;
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 2%;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 5vw;
        font-size: 1.5em;
    }
    #tab_content .div_conteudo {
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        max-height: 35vh;
        padding: 2%;
        font-size: 1.3em;
    }
    #tab_content .div_table_faq {
        height: 50vh;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        align-items: center;
    }
    #tab_content .popup_faq {
        width: 100%;
    }
    #tab_content .div_pergunta {
        min-height: 5vh;
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 2%;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 5vw;
        padding: 0 5%;
        font-size: 1.5em;
    }
    #tab_content .div_resposta {
        display: flex;
        flex-direction: column;
        max-height: 35vh;
        padding: 2%;
        font-size: 1.3em;
    }
    #tab_content .div_table_docs {
        height: 50vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #tab_content .popup_docs {
        width: 100%;
    }
    #tab_content .aviso_docs {
        flex: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2% 4%;
        font-size: 1.4em;
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        margin-top: 2%;
    }
    #tab_content .text_unique {
        height: 100% !important;
    }
    #main_header {
        width: 100%;
        max-width: 100%;
        height: 8vh;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: flex-end;
        z-index: 4;
        font-size: 1vh;
        box-sizing: border-box;
    }
    #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: 60%;
        max-width: 100%;
    }
    #main_header #nav {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        list-style: none;
        z-index: 1;
        width: 50%;
        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: 0 6%;
    }
    #main_header #nav li.firstLi:first-child {
        margin: 0 0 0 auto;
        min-width: 15vw;
    }
    #main_header #nav li.firstLi:last-child {
        /*width: 5vw;*/
        font-size: 1.2em;
    }
    #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;
    }
    #main_header #nav ul {
        position: absolute;
        display: none;
        flex-direction: column;
        border-radius: 5vw;
        top: 0vh;
        right: 0%;
        padding: 5%;
        width: 40vw;
        transition: top .2s, opacity .2s, height 0.2s;
        opacity: 1;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 10000;
        font-size: 1.2em;
        background-color: #fff;
        box-shadow: 0 0 2vw #999;
    }
    #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: 10px;
        align-items: center;
        background-color: #fff !important;
        transition: background 0.3s, color 0.3s;
        flex: 1;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Versão padrão */
    }
    #main_header #nav ul li:hover {
        background-color: #eee !important;
    }
    #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;
    }
    .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 {
        background-color: #fff;
        border-radius: 3vw;
        width: 100%;
        padding: 5% 1%;
        margin: .8vw 0;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }
    .div_popup .div_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 50%;
        font-size: 1.2em;
    }
    .div_popup .div_data {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #666;
        padding-right: 10px;
        font-size: 1.1em;
    }
    .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;
    }

    /* menu.php */

    nav#menu_lateral {
        height: 8vh;
        width: 100%;
        /*border-top: 1px solid #999;*/
        position: fixed;
        bottom: 0;
        z-index: 3000;
        font-size: 1vh;
        overflow-x: hidden;
    }
    nav#menu_lateral .version {
        display: none;
    }
    nav#menu_lateral .fa-chevron-right {
        display: none;
    }
    nav#menu_lateral .material {
        display: none;
    }
    nav#menu_lateral ul {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }
    nav#menu_lateral ul li {
        height: 100%;
        flex: 1;
        font-family: 'Calibri';
        font-size: 1.5em;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        font-weight: bold;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        cursor: pointer;
        color: #555;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Versão padrão */
        /*padding: 3% 0;*/
    }
    nav#menu_lateral ul li.selected {
        cursor: default;
        color: #000;
    }
    nav#menu_lateral .box_style {
        font-size: 1.1em;
        box-sizing: border-box;
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    nav#menu_lateral ul li .box_style i {
        background-color: transparent;
        border-radius: 100px;
        width: 70%;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }
    nav#menu_lateral ul li.selected .box_style i {
        background-color: #ddd;
    }
    nav#menu_lateral ul li:hover .box_style i {
        background-color: #ddd;
    }

    /* naoautorizado.php */

    #section_not {
        width: 100%;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #section_not .div_info {
        padding: 20%;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat', serif;
        background-color: rgba(255,0,0,.6);
        text-transform: uppercase;
        border-radius: 5vw;
        font-size: 2.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: #985EDB;
        border-radius: 5vw;
        font-size: 1.8em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        margin: 3%;
        padding: 10%;
    }
    #section_offline .div_info {
        padding: 10%;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat', serif;
        text-transform: uppercase;
        border-radius: 5vw;
        font-size: 2.1em;
        margin: 10% 0;
    }
    #section_offline .div_subinfo {
        width: 100%;
        color: #fff;
        text-align: center;
        margin: 3%;
    }

    /* artist.php */
    #loading_artist .div_content {
        display: block !important;
    }
    #loading_artist .load_container_img {
        width: 100%;
        height: 35vh;
    }
    #loading_artist .load_container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
    }
    #loading_artist .load_container .load_element {
        margin: 8% 1% 1% 1%;
        border-radius: 5vw;
        border: none;
        padding: 13% 4%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 95%;
        box-sizing: border-box;
        background-color: #fff;
    }
    #section_artist .div_info {
        display: flex;
        max-width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        font-size: 1vh;
        overflow-y: scroll;
        box-sizing: border-box;
        background-color: #f5f5f7;
    }
    #section_artist .container_career {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }
    #section_artist .textarea_editor {
        height: 100%;
    }
    #section_artist .container_info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 2% 0 20% 0;
        box-sizing: border-box;
        font-size: 1em;
    }
    #section_artist .container_info .element {
        margin: 8% 1% 1% 1%;
        border-radius: 5vw;
        border: none;
        padding: 6% 4%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 95%;
        box-sizing: border-box;
        background-color: #fff;
    }
    #section_artist .container_info .label {
        position: absolute;
        bottom: 100%;
        left: 0;
        padding: 2% 4%;
        color: #555;
        font-size: 1.8em;
        font-weight: bolder;
    }
    #section_artist .container_info .info {
        font-size: 5em;
        font-weight: bolder;
        height: 100%;
        box-sizing: border-box;
    }
    #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 .min_input {
        width: 35%;
    }
    #section_artist form {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
    }
    #section_artist #img_2, #section_artist #img_3 {
        display: none;
    } 
    #section_artist .container_inputs {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0% 0% 0% 0%;
        box-sizing: border-box;
        flex-direction: column;
        position: relative;
    }
    #section_artist .div_img {
        min-height: 35vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_artist .div_inputs {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 1vh 4% 0 4%;
    }
    #section_artist .field_preco {
        width: 50%;
        padding: 0 1vw !important;
    }
    #section_artist .field_consumo {
        width: 50%;
        padding: 0 1vw !important;
    }
    #section_artist .field_custo {
        width: 33%;
        padding: 0 1vw !important;
    }
    #section_artist .div_buttons {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        /*bottom: 6vh;*/
        z-index: 10;
        padding: 3% 0;
    }
    #section_artist .div_buttons .button {
        min-width: 90%;
        max-width: 90%;
        box-sizing: border-box;
    }
    #section_artist .td_pais {
        display: none;
    }
    #section_artist .col_endereco {
        width: 50%;
        padding-left: 2vw;
    }
    #section_artist .col_cidade {
        width: 30%;
        text-align: center;
    }
    #section_artist .col_pais {
        width: 10%;
        text-align: left;
        display: none;
    }
    #section_artist .col_principal {
        width: 20%;
        text-align: center;
    }
    #section_artist .col_acao {
        width: 10%;
        text-align: center;
        display: none;
    }
    #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 0px;
        cursor: pointer;
        /*border: 1px solid #bbb;*/
    }
    #section_artist .upload_image {
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        font-size: 2.5em;
        z-index: 3;
        margin: 3vw;
    }
    #section_artist .profile_image {
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        box-sizing: border-box;
    }
    #section_artist .overlay {
        height: 40px;
        z-index: 3;
        position: absolute;
        bottom: -1%;
        width: 100%;
        box-sizing: border-box;
        background-image: linear-gradient(to top, rgba(245, 245, 247, 1), rgba(245, 245, 247, 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: none;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s;
    }
    #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 .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: 1vh;
    }
    #section_artist .div_inputs_contract {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column-reverse;
        box-sizing: border-box;
    }
    #section_artist .div_contrato {
        flex: 1;
        display: flex;
        justify-content: center;
        /*padding: 0 2%;*/
        box-sizing: border-box;
    }
    #section_artist .container_informations {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        /*align-items: center;*/
        position: relative;
    }
    #section_artist .field_contrato {
        padding: 0 0 0 4%;
    }
    #section_artist .sup_select {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 1vh;
        flex-direction: column;
        width: 100%;
    }
    #section_artist .div_title_select {
        font-weight: bolder;
        width: 100%;
        padding: 0% 0 3% 0;
        display: flex;
    }
    #section_artist .div_title_select select {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1.2vh;
        flex: 1;
        font-size: 1.5em;
        font-family: 'Arial';
        margin: 0 3%;
        -webkit-appearance: none;
    }
    #section_artist .content_subst {
        width: 100%;
        display: none;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        overflow-x: scroll;
        overflow-y: hidden;
        box-sizing: border-box;
    }
    #section_artist .content_subst span {
        min-width: 50%;
        max-width: 60%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3%;
        margin: 0 2%;
        border-radius: 6vw;
        transition: all 0.3s;
        font-size: 1.5em;
    }
    #section_artist .content_subst span:hover {
        background-color: #ddd;
    }

    /* schedule.php */

    #loading_schedule .div_content {
        display: block !important;
    }
    #loading_schedule .load_container_calendar {
        width: 100%;
        height: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
    }
    #loading_schedule .load_calendar_inputs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 95vw;
        margin: 1vh auto 0 auto;
        border-radius: 5vw;
    }
    #loading_schedule .load_calendar_button {
        border-radius: 3vw;
        padding: 3vh 1vh;
        flex: 1;
        font-size: 1.5em;
        margin: 0 2vw;
    }
    #loading_schedule .load_calendar_select {
        border: none;
        border-radius: 3vw;
        padding: 3vh 1vh;
        width: auto;
        font-size: 1.5em;
        width: 25%;
    }
    #loading_schedule .load_calendar {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        box-sizing: border-box;
        width: 95%;
        margin: 1vh auto;
        padding: 5%;
        border-radius: 5vw;
    }
    #loading_schedule .load_container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 40%;
        overflow-x: auto;
        padding: 0 1.5% 2% 1.5%;
}
    #loading_schedule .load_container .load_element {
        border-radius: 5vw;
        height: 80%;
        min-width: 60%;
        padding: 4% 4% 6% 4%;
        margin: 0.5% 1vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: width 0.3s;
        box-sizing: border-box;
        font-size: 1vh;
        background-color: #fff;
    }
    #section_schedule #tab_1 {
        box-sizing: border-box;
        flex-direction: column;
    }
    #section_schedule #tab_2 {
        box-sizing: border-box;
    }
    #section_schedule #calendar_container {
        width: 100%;
        height: 60%;
        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;
        width: 95vw;
        margin: 1vh auto 0 auto;
        border-radius: 5vw;
    }
    #section_schedule #header_calendar button {
        background-color: #fff;
        /*border: 1px solid #bbb;*/
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        flex: 1;
        font-size: 1.5em;
        margin: 0 2vw;
    }
    #section_schedule #header_calendar .button_hoje {
        width: 20%;
    }
    #section_schedule #header_calendar button:hover {
        background-color: #ddd;
        cursor: pointer;
    }
    #section_schedule #header_calendar select {
        background-color: #fff;
        /*border: 1px solid #bbb;*/
        -webkit-appearance: none;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        width: auto;
        font-size: 1.5em;
        font-family: 'Arial';
        width: 25%;
    }
    #section_schedule #calendar {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        box-sizing: border-box;
        width: 95%;
        margin: 1vh auto;
        background-color: #fff;
        padding: 5%;
        border-radius: 5vw;
    }
    #section_schedule #calendar .row:first-child {
        height: 10%;
        flex: 0;
    }
    #section_schedule .row {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 13%;
        flex: 1;
        box-sizing: border-box;
        margin: .5vw 0;
    }
    #section_schedule .dia {
        border-top: 1px solid #eee;
        padding: 5px;
        text-align: center;
        padding: 0.8%;
        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: 1.1vh;
        margin: 0 .5vw;
    }
    #section_schedule .dia i {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 1.5em;
    }
    #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: 1.4vh;
        margin-bottom: 2%;
    }
    #section_schedule .hoje {
        border: 1px solid #4DE033;
        color: #4DE033;
    }
    #section_schedule .bloqued {
        border: 1px solid #f00;
        color: #f00;
    }
    #section_schedule .disable {
        background-color: #eee !important;
    }
    #section_schedule .dia .content {
        flex: 1;
        width: 100%;
    }
    #section_schedule #div_eventos {
        width: 100%;
        height: 40%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }
    #section_schedule .div_title {
        font-size: 1.8vh;
        width: 100%;
        display: flex;
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: center;
        padding: 2% 5%;
        color: #555;
        font-weight: bolder;
    }
    #section_schedule .eventos {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        flex-direction: row;
        height: 100%;
        overflow-x: auto;
        padding: 0 1.5% 2% 1.5%;
    }
    #section_schedule .eventos::-webkit-scrollbar {
      width: 3px; /* Largura em pixels */
    }
    #section_schedule .element {
        border-radius: 5vw;
        height: 100%;
        min-width: 60%;
        padding: 4% 4% 6% 4%;
        margin: 0.5% 1vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: width 0.3s;
        box-sizing: border-box;
        font-size: 1vh;
        background-color: #fff;
    }
    #section_schedule .div_text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        font-size: 1.3em;
    }
    #section_schedule .div_data {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #555;
        font-size: 1.6em;
        font-weight: bolder;
    }
    #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.6em;
        color: #000;
        padding: 3% 0;
    }
    #section_schedule .span_hora {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: bolder;
        font-size: 2em;
        color: #000;
        padding: 3%;
        border-radius: 3vw;
        flex: 1;
        margin: 10%;
        background-color: #eee;
    }
    #section_schedule .span_cidade {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 1.2em;
        color: #666;
    }
    #section_schedule .div_buttons {
        height: 10%;
        width: 100%;
        display: none;
        justify-content: center;
        align-items: center;
        padding-top: 3%;
    }
    #section_schedule .table tr {
        min-height: 10vh !important;
    }
    #section_schedule .col_nome {
        width: 35%;
        text-align: left;
        padding-left: 3%;
    }
    #section_schedule .col_cidade {
        width: 25%;
        text-align: center;
        padding-left: 3%;
    }
    #section_schedule .col_data {
        width: 20%;
        text-align: center;
    }
    #section_schedule .col_tempo {
        width: 10%;
        text-align: center;
        display: none;
    }
    #section_schedule .col_valor {
        width: 20%;
        text-align: center;
    }
    #section_schedule .col_acao {
        width: 10%;
        text-align: center;
        display: none;
    }

    /* event.php */

    #section_event form {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
        padding: 2% 2% 0 2%;
        box-sizing: border-box;
    }
    #section_event .div_info {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
    #section_event .div_buttons_geral {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        height: 15%;
    }
    #section_event .div_buttons_geral button {
        width: 100%;
    }
    #section_event .container_inputs {
        width: 100%;
        box-sizing: border-box;
        height: 70%;
    }
    #section_event .container_finance {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 2%;
    }
    #section_event .div_canvas {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background-color: #fff;
        border-radius: 5vw;
        margin: 2%;
        box-sizing: border-box;
        padding: 3%;
    }
    #section_event .canvas_lucro_comp {
        margin-bottom: 10vh;
    }
    #section_event .title_grafico {
        width: 95%;
        display: flex;
        justify-content: flex-start;
        font-size: 1.8em;
        color: #555;
        font-weight: bolder;
        margin: 1% 2%;
    }
    #section_event .container_geral {
        display: flex;
        flex-direction: column-reverse;
    }
    #section_event .div_finance_geral span {
        position: absolute;
        top: 5px;
        left: 11%;
        font-size: 1vh;
        color: #333;
    }
    #section_event .value_finance {
        padding: 5% 6%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #fff;
        border-radius: 5vw;
        margin: 1% 2% 1% 2%;
        box-sizing: border-box;
        position: relative;
        flex: 1;
    }
    #section_event .value_finance .value {
        font-size: 3em;
        font-weight: bolder;
    }
    #section_event .value_finance span {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        left: 5%;
        font-size: 1.8em;
        font-weight: bolder;
        color: #333;
    }
    #section_event .div_inputs {
        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;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    #section_event .div_inputs_contract {
        width: 100%;
        height: 60%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 1%;
    }
    #section_event .field_input {
        box-sizing: border-box;
        padding: 0 1vw;
    }
    #section_event .input_nome {
        width: 70%;
    }
    #section_event .input_data {
        width: 30%;
    }
    #section_event .input_receita {
        width: 34%;
    }
    #section_event .input_inicio {
        width: 33%;
    }
    #section_event .input_fim {
        width: 33%;
    }
    #section_event .input_endereco {
        width: 100%;
    }
    #section_event .input_pais {
        width: 33%;
    }
    #section_event .input_cidade {
        width: 67%
    }
    #section_event .input_tipo {
        width: 50%;
    }
    #section_event .input_comissao {
        width: 33%;
    }
    #section_event .input_situacao {
        width: 50%;
    }
    #section_event .container_info {
        width: 100%;
        flex: 1;
        padding: 3% 3% 0 3%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    #section_event .container_info div.button {
        flex: 1;
        margin: 0 1%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 6vh;
        text-align: center;
        font-size: 1.5em;
    }
    #section_event .container_tables {
        width: 100%;
        height: 100%;
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
    }
    #section_event .col_nome {
        width: 40%;
        text-align: left;
        padding-left: 3%;
    }
    #section_event .col_telefone {
        width: 30%;
        text-align: center;
    }
    #section_event .col_email {
        display: none;
    }
    #section_event .col_contratante {
        width: 30%;
        text-align: center;
    }
    #section_event .col_acao {
        display: none;
    }
    #section_event .table_geral {
        width: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        font-size: 1vh;
        box-sizing: border-box;
    }
    #section_event .table_geral table {
        height: auto;
    }
    #section_event .table_custos {
        width: 100%;
        /*height: 75%;*/
        padding: 0 2% 0 2%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        font-size: 1vh;
    }
    #section_event .inputs_config {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        /*padding: 0 2%;*/
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    #section_event .inputs_config .field_input {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: relative;
        /*width: 33%;*/
        /*padding: 0 5vw;*/
    }
    #section_event .inputs_config .field_input label {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    #section_event .inputs_config .span_icon {
        position: absolute;
        bottom: 2.2vh; 
        right: 5vw;
        color: #777;
        font-size: 1.3em;
        font-weight: bolder;
    }
    #section_event #form_log .button_sub {
        /*flex: 1;*/
        margin: auto;
        width: 100%;
        height: 2vh;
    }
    #section_event .results_maps {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex: 1;
    }
    #section_event .results_maps .result_sem_calc {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5vw;
        font-size: 1.1em;
        font-weight: bolder;
        color: #777;
        background-color: #fff;
        width: 100%;
        height: 80%;
    }
    #section_event .results_maps .result_info {
        flex: 1;
        background-color: #fff;
        border-radius: 5vw;
        margin: 4% 2% 2% 2%;
        padding: 2%;
        font-size: 1.4em;
    }
    #section_event .results_maps .result_info span {
        font-size: 1.1em;
    }
    #section_event .results_maps .result_info .informacao {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 2% 0;
    }
    #section_event .results_maps .result_info .info_bold {
        font-weight:bolder;
        font-size:1.3em;
    }
    #section_event .results_maps .result_info h1 {
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #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%;
        font-size: 1.5em;
        margin: 5% 0 0 0;
    }
    #section_event .table_custos .icon i {
        margin: 1% 1% 3% 1%;
        font-size: 1.5em;
        /*flex: 1;*/
        display: flex;
        justify-content: center;
    }
    #section_event .table_custos .icon {
        padding: 2%;
        border-radius: 5vw;
        background-color: #fff;
        flex: 1;
        height: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_event .table_custos .local_name {
        font-size: .8em;
        box-sizing: border-box;
        text-align: center;
    }
    #section_event .table_custos .icon_inter {
        border: 1px dashed #333;
        width: 6%;
        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 .button_edit_itinerario {
        position: absolute;
        right: 1%;
        top: 0%;
        background-color: #fff;
        font-size: 1.9em;
        padding: 2%;
        border-radius: 2vw;
        width: 4vh;
        height: 4vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_event .table_custos > h1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        padding-left: 5%;
        color: #555;
        font-size: 1.7em;
        margin-bottom: 0;
        box-sizing: border-box;
    }
    #section_event .table_geral > h1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        padding-left: 5%;
        color: #555;
        font-size: 1.7em;
        margin: 2% 0 2% 0;
        box-sizing: border-box;
    }
    #section_event .table_custos .element .button_change {
        max-width: 2vh;
        max-height: 2vh;
        min-width: 2vh;
        min-height: 2vh;
        font-size: .9em;
        padding: 4%;
        font-size: 1.4em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_event #gif_load_maps {
        max-height: 100%;
        height: 100px;
    }
    #section_event .contrato_assinado {
        background-color: #fff;
        height: 60%;
        border-radius: 5vw;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        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: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        box-sizing: border-box;
        overflow-y: hidden;
        overflow-x: scroll;
        padding: 0 2% 1% 2%;
    }
    #section_event .custos_gerais .aviso_custos {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3em;
        color: #333;
        font-weight: bolder;
    }
    #section_event .button_addcusto {
        height: 10%;
        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%;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 3vh;
        font-size: 1.2em;
    }
    #section_event .custo_element .text_custo {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bolder;
        font-size: 1.5em;
        margin-bottom: 5%;
    }
    #section_event .custo_element .valor_custo {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.5em;
    }
    #section_event .div_element {
        min-width: 40vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        height: 100%;
        margin: 3vw 4vw 0 0;
        background-color: #fff;
        border-radius: 5vw;
        position: relative;
    }
    #section_event .delete_custo {
        position: absolute;
        right: 3vw;
        top: 2vw;
        font-size: 1.5em;
        color: #555;
    }

    /* myaccount.php */

    #section_myaccount form {
        /*height: 100%;*/
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    #section_myaccount form .button {
        width: 100%;
    }
    #section_myaccount .div_img {
        height: 100%;
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_myaccount .div_inputs {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 4%;
        box-sizing: border-box;
    }
    #section_myaccount .div_buttons {
        width: 100%;
        display: flex;
    }
    #section_myaccount .div_buttons button {
        flex: 1;
        margin: 2%;
        box-sizing: border-box;
    }
    #section_myaccount .field_input {
        padding: 0 3%;
    }
    #section_myaccount .input_nome {
        width: 100%;   
    }
    #section_myaccount .input_cpf {
        width: 50%;
    }
    #section_myaccount .input_email {
        width: 100%;
    }
    #section_myaccount .input_telefone {
        width: 50%;
    }
    #section_myaccount .input_login {
        width: 50%;
    }
    #section_myaccount .input_senha {
        width: 50%;
    }
    #section_myaccount .input_endereco {
        width: 50%;
    }
    #section_myaccount .input_cidade {
        width: 50%;
    }
    #section_myaccount .input_estado {
        width: 50%;
    }
    #section_myaccount .input_pais {
        width: 50%;
    }

    /* edituser.php */

    #section_edituser form {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        font-size: 1vh;
    }
    #section_edituser .div_info {
        display: flex;
        justify-content: space-between !important;
        align-items: center;
        flex-direction: column;
        padding: 0 0 4vh 0;
    }
    #section_edituser .div_inputs {
        /*height: 100%;*/
        /*flex: 1;*/
        display: flex;
        padding-top: 4vh;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        box-sizing: border-box;
        max-width: 90%;
    }
    #section_edituser .field_input {
        box-sizing: border-box;
        padding: 0 1vw;
    }
    #section_edituser .input_nome {
        width: 100%;
    }
    #section_edituser .input_email {
        width: 100%;
    }
    #section_edituser .input_telefone {
        width: 50%;
    }
    #section_edituser .input_cpf {
        width: 50%;
    }
    #section_edituser .input_senha {
        width: 50%;
    }
    #section_edituser .input_max {
        width: 33%;
    }
    #section_edituser .input_tipo {
        width: 50%;
    }
    #section_edituser .input_valor {
        width: 50%;
    }
    #section_edituser .div_buttons {
        width: 100%;
        box-sizing: border-box;
        display: flex;
    }
    #section_edituser .div_buttons button {
        flex: 1;
        box-sizing: border-box;
    }
    #section_edituser .selects_inputs {
        display: flex;
        width: 95%;
        height: 90%;
        margin: 1em auto;
        flex-direction: column;
        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;
    }
    #section_edituser .selects_inputs div.div_selects {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_edituser .selects_inputs div.div_buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #section_edituser .selects_inputs div.div_buttons div {
        margin: 1em auto;
        cursor: pointer;
        font-size: 1.8em;
        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;
    }

    /* 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 */

    #loading_financial .load_container_statistics {
        padding: 2%;
    }
    #loading_financial .load_statistics_inputs {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    #loading_financial .load_select {
        flex: 1;
        padding: 6% 2%;
        box-sizing: border-box;
        border-radius: 3vw;
        margin: 1%;
    }
    #loading_financial .load_blocks {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    #loading_financial .load_subdiv {
        width: 100%;
        height: 13vh;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
    }
    #loading_financial .load_block {
        border-radius: 5vw;
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 1%;
        box-sizing: border-box;
    }
    #loading_financial .load_graphs {
        border-radius: 5vw;
        flex: 1;
        height: 35vh;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 10% 1% 3% 1%;
        box-sizing: border-box;
    }
    #section_financial #financial_container {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1vh;
    }
    #section_financial .header_statistics {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    #section_financial .header_statistics .container_input {
        flex: 1;
        display: flex;
    }
    #section_financial .header_statistics button {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        flex: 1;
        font-size: 1.5em;
        margin: 0 2vw;
    }
    #section_financial .header_statistics button:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_financial .header_statistics input {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        font-size: 1.5em;
        font-family: 'Arial';
        width: 100%;
        box-sizing: border-box;
    }
    #section_financial .header_statistics select {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        font-size: 1.5em;
        font-family: 'Arial';
        flex: 1;
        margin: 0 2vw;
        box-sizing: border-box;
    }
    #section_financial #eventos_1 {
        background-color: transparent;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
    }
    #section_financial #eventos_3 {
        max-height: 70vh;
    }
    #section_financial #eventos_4 {
        max-height: 70vh;
    }
    #section_financial .statistics_div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 95%;
        flex: 1;
        margin: 0;
        padding: 2% 0;
        box-sizing: border-box;
    }
    #section_financial .event_graf {
        background-color: #fff;
        width: 95%;
        margin: 2% 1%;
        border-radius: 5vw;
        padding: 3% 1%;
        flex: 1;
    }
    #section_financial .title_grafico {
        width: 95%;
        display: flex;
        justify-content: flex-start;
        font-size: 1.8em;
        color: #555;
        font-weight: bolder;
        margin: 1% 0;
    }
    #section_financial .div_geral {
        padding: 1%;
        width: 100%;
        height: 13vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #section_financial .div_geral .div_infogeral {
        background-color: #fff;
        border-radius: 5vw;
        padding: 3% 0;
        width: 100%;
        flex: 1;
        box-sizing: border-box;
        margin: 0 0% 4% 0%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_financial .div_geral .div_infogeral .label {
        position: absolute;
        top: 1%;
        left: 2%;
        font-size: 1.5em;
        font-weight: bolder;
        padding: 2%;
        color: #555;
    }
    #section_financial .div_geral .div_infogeral .infogeral {
        font-size: 3em;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_financial .div_geral .div_infogeral .min {
        font-size: 0.6em;
        color: #555;
        margin-left: 5px;
    }
    #section_financial .div_eventos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    #section_financial .div_eventos .div_tipos_grafico {
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        padding: 1%;
        box-sizing: border-box;
    }
    #section_financial .div_eventos .element_grafico {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .5%;
        border: 1px solid #bbb;
        border-radius: 30vw;
        cursor: pointer;
        padding: .7%;
        color: #333;
        font-weight: bold;
        font-size: 1.03em;
        transition: background 0.3s;
    }
    #section_financial .div_eventos .element_grafico:hover {
        background-color: #ccc;
    }
    #section_financial .div_eventos .selected {
        background-color: #ccc;
    }
    #section_financial .div_eventos .deselected {
        background-color: #fff;
    }
    #section_financial .div_eventos .div_graficos {
        width: 100%;
        height: 100%;
        padding: 2% 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        overflow-y: scroll;
    }
    #section_financial .div_eventos .grafico_evento {
        /*width: 100%;*/
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_financial #div_financeiro_geral {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 2%;
    }
    #section_financial .div_money {
        background-color: #fff;
        border-radius: 5vw;
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 1%;
        box-sizing: border-box;
    }
    #section_financial .div_money .label {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 2%;
        font-size: 1.3em;
        padding: 2%;
        font-weight: bolder;
        text-align: center;
        color: #555;
    }
    #section_financial .div_money .money {
        font-size: 1.8em;
    }

    /* dashboard.php */

    #section_dashboard .container_cards {
        width: 100%;
        max-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_dashboard .div_artists {
        height: 100%;
        max-height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: scroll;
        padding: 0 5%;
    }
    #section_dashboard .card_artist {
        border-radius: 5vw;
        min-width: 80%;
        max-height: 100%;
        margin: 2% 1%;
        box-sizing: border-box;
        font-size: 1.6vh;
    }
    #section_dashboard .div_img {
        width: 100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
    }
    #section_dashboard .card_artist img {
        width: 100%;
        border-radius: 5px 5px 0px 0px;
    }
    #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: 20%;
        width: 100%;
        border-radius: 3px;
        color: #fff;
        padding: 4% 6%;
        box-sizing: border-box;
        font-weight: bolder;
        font-size: 1.03em;
        position: absolute;
        top: 0;
    }
    #section_dashboard .div_infos {
        border: 1px solid #ddd;
        border-radius: 0px 0px 5px 5px;
        padding: 5%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 23vh;
        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: 60%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    #section_dashboard .div_infos .container_infos_money {
        width: 40%;
        display: flex;
        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: flex-start;
        align-items: center;
        flex-direction: column;
    }
    #section_configartist .container_config {
        width: 100%;
        flex: 1;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
    }
    #section_configartist .field_input {
        padding: 2%;
    }
    #section_configartist .div_login {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
    #section_configartist .configs {
        width: 95%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    #section_configartist .permissions {
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        flex: 1;
        font-size: 1vh;
    }
    #section_configartist .title_perm {
        font-size: 1.8em;
        font-weight: bolder;
        margin: 4% 3% 0 3%;
        color: #555;
    }
    #section_configartist .perm_check {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        padding: 0 2%;
        width: 100%;
        box-sizing: border-box;
        overflow-x: scroll;
        height: 100%;
    }
    #section_configartist .permissions .div_perm {
        display: flex;
        align-items: center;
        min-width: 60vw;
        margin: 2%;
        font-weight: bolder;
        font-size: 1.3em;
        color: #222;
        background-color: #fff;
        border-radius: 5vw;
        padding: 2%;
    }
    #section_configartist .permissions input[type='checkbox'] {
        display: none;
    }
    #section_configartist .permissions .checkbox {
        width: 12vw;
        height: 12vw;
        border-radius: 3vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eee;
        margin-right: 10px;
        cursor: pointer;
        font-size: 1.7em;
    }
    #section_configartist .div_button {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    #section_configartist .div_button div {
        width: 100% !important;
        min-width: 50% !important;
        box-sizing: border-box;
        margin: 0 2vw 1.5vh 2vw !important;
    }

    /* statistcs.php */

    #loading_statistics .load_container_statistics {
        padding: 2%;
    }
    #loading_statistics .load_statistics_inputs {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    #loading_statistics .load_select {
        flex: 1;
        padding: 6% 2%;
        box-sizing: border-box;
        border-radius: 3vw;
        margin: 1%;
    }
    #loading_statistics .load_blocks {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    #loading_statistics .load_subdiv {
        width: 100%;
        height: 13vh;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
    }
    #loading_statistics .load_block {
        border-radius: 5vw;
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 1%;
        box-sizing: border-box;
    }
    #loading_statistics .load_graphs {
        border-radius: 5vw;
        flex: 1;
        height: 35vh;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 10% 1% 3% 1%;
        box-sizing: border-box;
    }
    #section_statistics {
        font-size: 1vh;
    }
    #section_statistics .statistics_container {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_statistics .header_statistics {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 95%;
    }
    #section_statistics .header_statistics .container_input {
        flex: 1;
        display: flex;
    }
    #section_statistics .header_statistics button {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        flex: 1;
        font-size: 1.5em;
        margin: 0 2vw;
    }
    #section_statistics .header_statistics button:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_statistics .header_statistics input {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        font-size: 1.5em;
        font-family: 'Arial';
        width: 100%;
    }
    #section_statistics .header_statistics select {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        font-size: 1.5em;
        font-family: 'Arial';
        flex: 1;
        margin: 0 2vw;
        box-sizing: border-box;
    }
    #section_statistics .statistics_div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 95%;
        flex: 1;
        margin: 0;
        padding: 2% 0;
        box-sizing: border-box;
    }
    #section_statistics #eventos_4 {
        min-height: 70%;
    }
    #section_statistics .event_graf {
        background-color: #fff;
        width: 95%;
        margin: 2% 1%;
        border-radius: 5vw;
        padding: 3% 1%;
    }
    #section_statistics .title_grafico {
        width: 95%;
        display: flex;
        justify-content: flex-start;
        font-size: 1.8em;
        color: #555;
        font-weight: bolder;
        margin: 1% 0;
    }
    #section_statistics .div_geral {
        flex: 1;
        padding: 3% 1%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section_statistics .div_geral .div_infogeral {
        background-color: #fff;
        border-radius: 5vw;
        padding: 3% 0;
        width: 100%;
        flex: 1;
        box-sizing: border-box;
        margin: 0 0% 4% 0%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_statistics .div_geral .div_infogeral .label {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 2%;
        font-size: 1.3em;
        padding: 2%;
        font-weight: bolder;
        text-align: center;
        color: #555;
    }
    #section_statistics .div_geral .div_infogeral .infogeral {
        font-size: 1.8em;
    }
    #section_statistics .div_geral .div_infogeral .min {
        font-size: 0.6em;
        color: #555;
        margin-left: 5px;
    }
    #section_statistics .div_eventos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    #section_statistics .div_eventos .div_tipos_grafico {
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        padding: 1%;
        box-sizing: border-box;
    }
    #section_statistics .div_eventos .element_grafico {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .5%;
        border: 1px solid #bbb;
        border-radius: 30vw;
        cursor: pointer;
        padding: .7%;
        color: #333;
        font-weight: bold;
        font-size: 1.03em;
        transition: background 0.3s;
    }
    #section_statistics .div_eventos .element_grafico:hover {
        background-color: #ccc;
    }
    #section_statistics .div_eventos .selected {
        background-color: #ccc;
    }
    #section_statistics .div_eventos .deselected {
        background-color: #fff;
    }
    #section_statistics .div_eventos .div_graficos {
        width: 100%;
        height: 100%;
        padding: 2% 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        overflow-y: scroll;
    }
    #section_statistics .div_eventos .grafico_evento {
        /*width: 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 .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;
    }
    #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 {
        border: 1px solid #bbb;
        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.3vw;
        max-height: 2.3vw;
        max-width: 2.3vw;
        min-width: 2.3vw;
        padding: 0;
        display: flex;
        justify-content: center; 
        align-items: center;
        font-size: 0.95em;
        margin: 0;
        border-radius: 0px 3px 3px 0px;
    }
    #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: 40%;
        text-align: left;
        padding-left: 3%;
    }
    #section_users .col_email {
        width: 30%;
        text-align: center;
    }
    #section_users .col_telefone {
        width: 30%;
        text-align: center;
        border-radius: 0 5vw 5vw 0;
    }
    #section_users .col_cidade {
        width: 20%;
        text-align: center;
        display: none;
    }
    #section_users .col_acao {
        width: 10%;
        text-align: center;
        display: none;
    }

    /* admin.php */

    #section_admin .col_nome {
        width: 35%;
        text-align: left;
        padding-left: 3%;
    }
    #section_admin .col_nomeart {
        width: 35%;
        text-align: center;
    }
    #section_admin .col_email {
        width: 20%;
        text-align: center;
        display: none;
    }
    #section_admin .col_acessos {
        width: 30%;
        text-align: center;
    }
    #section_admin .col_acao {
        width: 10%;
        text-align: center;
        display: none;
    }
    #section_admin .col_nomeconta {
        width: 40%;
        text-align: center;
    }
    #section_admin .col_emailconta {
        width: 30%;
        text-align: center;
        display: none;
    }
    #section_admin .col_artistas {
        width: 20%;
        text-align: center;
    }
    #section_admin .col_usuarios {
        width: 20%;
        text-align: center;
    }
    #section_admin .col_acessosconta {
        width: 20%;
        text-align: center;
    }
    #section_admin .header_statistics {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    #section_admin .header_statistics .container_input {
        flex: 1;
        display: flex;
    }
    #section_admin .header_statistics button {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        flex: 1;
        font-size: 1.5em;
        margin: 0 2vw;
    }
    #section_admin .header_statistics button:hover {
        background-color: #aaa;
        cursor: pointer;
    }
    #section_admin .header_statistics input {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        font-size: 1.5em;
        font-family: 'Arial';
        width: 100%;
        box-sizing: border-box;
    }
    #section_admin .header_statistics select {
        background-color: #fff;
        border: none;
        border-radius: 3vw;
        padding: 2vh 1vh;
        font-size: 1.5em;
        font-family: 'Arial';
        flex: 1;
        margin: 0 2vw;
        box-sizing: border-box;
    }
    #section_admin #admin_1 {
        background-color: transparent;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
    }
    #section_admin #admin_3 {
        max-height: 70vh;
    }
    #section_admin #admin_4 {
        max-height: 70vh;
    }
    #section_admin .statistics_div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 95%;
        flex: 1;
        margin: 0;
        padding: 2% 0;
        box-sizing: border-box;
    }
    #section_admin .event_graf {
        background-color: #fff;
        width: 95%;
        margin: 2% 1%;
        border-radius: 5vw;
        padding: 3% 1%;
        flex: 1;
    }
    #section_admin .title_grafico {
        width: 95%;
        display: flex;
        justify-content: flex-start;
        font-size: 1.8em;
        color: #555;
        font-weight: bolder;
        margin: 1% 0;
    }
    #section_admin .div_geral {
        padding: 1%;
        width: 100%;
        height: 13vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #section_admin .div_geral .div_infogeral {
        background-color: #fff;
        border-radius: 5vw;
        padding: 3% 0;
        width: 100%;
        flex: 1;
        box-sizing: border-box;
        margin: 0 0% 4% 0%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_admin .div_geral .div_infogeral .label {
        position: absolute;
        top: 1%;
        left: 2%;
        font-size: 1.5em;
        font-weight: bolder;
        padding: 2%;
        color: #555;
    }
    #section_admin .div_geral .div_infogeral .infogeral {
        font-size: 3em;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #section_admin .div_geral .div_infogeral .min {
        font-size: 0.6em;
        color: #555;
        margin-left: 5px;
    }
    #section_admin .div_eventos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    #section_admin .div_eventos .div_tipos_grafico {
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        padding: 1%;
        box-sizing: border-box;
    }
    #section_admin .div_eventos .element_grafico {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .5%;
        border: 1px solid #bbb;
        border-radius: 30vw;
        cursor: pointer;
        padding: .7%;
        color: #333;
        font-weight: bold;
        font-size: 1.03em;
        transition: background 0.3s;
    }
    #section_admin .div_eventos .element_grafico:hover {
        background-color: #ccc;
    }
    #section_admin .div_eventos .selected {
        background-color: #ccc;
    }
    #section_admin .div_eventos .deselected {
        background-color: #fff;
    }
    #section_admin .div_eventos .div_graficos {
        width: 100%;
        height: 100%;
        padding: 2% 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        box-sizing: border-box;
        overflow-y: scroll;
    }
    #section_admin .div_eventos .grafico_evento {
        /*width: 100%;*/
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #section_admin #div_financeiro_geral {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 2%;
    }
    #section_admin .div_money {
        background-color: #fff;
        border-radius: 5vw;
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0 1%;
        box-sizing: border-box;
    }
    #section_admin .div_money .label {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 2%;
        font-size: 1.3em;
        padding: 2%;
        width: 85%;
        font-weight: bolder;
        text-align: center;
        color: #555;
    }
    #section_admin .div_money .money {
        font-size: 1.8em;
    }
}
}