:root{
    --main-color: #859C00;/*#8b9b1e;*/
    --b-color: #FFA000;/*#faa200;*/
    --bg-page: #fff9e9;/*#f4f1eb;*/
    --bg-2: #f8e8c7;
    --height_body: calc(100vh - 156px);
}

@font-face {
    font-family: "Titulo";
    src: url("../fonts/GentiumBasic-Regular.ttf");
}
@font-face {
    font-family: "Titulo";
    src: url("../fonts/GentiumBasic-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Menu";
    src: url("../fonts/Charm-Regular.ttf");
}
@font-face {
    font-family: "Menu";
    src: url("../fonts/Charm-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "General";
    src: url("../fonts/bahnschrift.ttf");
    font-weight: 100;
}
@font-face {
    font-family: "Rueda";
    src: url("../fonts/bahnschrift.ttf");
    font-weight: lighter;
}

nav {
    font-family: 'Menu', cursive;
}

#nav_entrar, #nav_user{
    position: absolute;
    top: 1px;
    right: 10px;
    line-height: 25px;
}
#nav_entrar a, #nav_user .nav-link{
    padding: 0;
    font-size: 18px !important;
}

.text_menu{
    font-family: 'Menu', cursive;
}

#alertModal{
    z-index: 10000;
}

body {
    font-family: 'General', cursive;
    overflow-x: hidden;
    --ck-z-default: 100; 
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

header{
    padding-bottom: 0px;
    /* border-bottom: 1px solid #CCC; */
    position: relative;
    background-color: #FFF;
}

footer{
    position: relative;
    z-index: 5;
}


input:focus-visible, textarea:focus-visible{
    outline: none;
}

.opacity_bg{
    opacity: 0.4;
}

.gm-style-iw, .gm-style-iw a  { 
    outline:none;
}

.container_alert_img_extended{
    position: absolute;
    top: 0;
    background: #fff9e98c;
    height: 100%;
}

.alert-warning{
    background-color: #ffe8a0;
    border-color: #f9d777;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #dde3ea !important;
}

.tooltip-inner {
    background-color: var(--main-color);
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: var(--main-color) !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--main-color) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--main-color) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--main-color) !important;
}

.btn-warning{
    background-color: var(--b-color);
    border-color: var(--b-color);
    color: #FFF;
}

.multiselect-dropdown span.optext {
    background-color: var(--main-color) !important;
    padding: 4px 0.75em !important;
    color: white;
}

.togglePassword{
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 18px;
    color: #999;
}

.block_banner {
    width: 220px;
    height: var(--height_body);
    overflow-y: scroll;
    position: sticky;
    top: 75px;
}

.choices__list--dropdown{
    z-index: 10 !important;
}

.bg_main_table{
    background: var(--main-color);
    color: white;
    -moz-box-shadow: inset 0 0 10px #FFF;
    -webkit-box-shadow: inset 0 0 10px #FFF;
    box-shadow: inset 0 0 10px #FFF; 
}

.rotate_45{
    transform: rotate(-45deg);
}

.active_consulting{
    position: relative;
    z-index: 1;
}

.tox-statusbar{
    display: none !important;
}

#ui-id-1 {
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 200px;
}

#icon_search, #icon_search_open, #btn_search_post, #icon_search_open_post, #btn_search_ad, #icon_search_open_ad, #icon_search_open_product, #btn_search_product, .btn_search, .icon_search_open{
    font-size: 20px;
}

#footer1_portal {
    background: var(--main-color);
    color: white;
    /* margin-top: 20px; */
    font-size: 11px;
}
#footer2_portal{
    font-size: 11px;
    line-height: 14px;
    background-color: #FFF;
}

#footer1_portal a{
    
    text-decoration: none;
}

a {
    text-decoration: none;
    color: inherit;
}

a:not(nav a, a.text-decoration-underline, footer a, a:has(*), #container_home a, a.text-decoration-none, a.btn, a.page-link, a.fas, a.fa, a.fa-solid){
    color: #0d6efd;
    text-decoration: underline;
}

a:hover{
    color: #00911e;
}

img{
    max-width: 100%;
}

table td {
    vertical-align: middle;
}

.border_membresia{
    border: 2px solid var(--b-color);
}

.icon_img{
    width: 50px;
}

.logo_creditos {
    width: 18px;
    padding-bottom: 2px;
}

.container_block{
    background-color: #FFF;
    border-radius: 15px;
    border: 1px solid #eee;
    position: relative;
    box-shadow: 0px 4px 12px 0px #999;
}

.logo_bmas{
    color: #d00404;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
}

.card_type_featured_post.active{
    border: 1px solid #859c28;
    border-radius: 10px;
    background-color: #737f2929;
}

.custom_btn{
    background-color: var(--main-color);
    color: #FFF;
    border: none;
    border-radius: 5px;
    width: 100%;
}

.mw_btn{
    width: 100%;
    max-width: 400px;
}

.block_payment_amount, .block_mode_payment{
    border: 2px solid #aaa;
    border-radius: 20px;
    background-color: white;
}
.block_payment_amount.active, .block_mode_payment.active{
    border: 3px solid var(--main-color);
    background-color: #f8e8c7;
}
.block_payment_amount:hover, .block_mode_payment:hover{
    background-color: #f8e8c7;
}

.custom_textarea, .custom_textarea_locked{
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 15px;
    padding: 5px 10px;
    background-color: var(--bg-page);
}

.container_avatar_comment, .container_avatar_consulting{
    width: /*60px*/auto;
    padding: 5px;
}
.container_all_comment, .container_all_consulting{
    width: calc(100% - 60px);
    padding: 5px 0px;
}
.nick_comment{
    font-weight: bold;
    line-height: 14px;
    font-size: 15px;
}
.stars_comment{
    font-size: 12px;
}
.text_comment, .date_comment{
    line-height: 14px;
    font-size: 12px;
}

.container_comment{
    border-bottom: 1px solid #CCC;
}

.container_hidden_comment{
    position: absolute;
    background: #edefedb5;
    height: 100%;
    width: 100%;
    top: 0px;
}

.title_general {
    font-family: 'Titulo', cursive;
    font-weight: bold;
}

.choices__input{
    width: 100% !important;
}

.ck-editor__editable_inline {
    /* height: 300px; */
    min-height: 300px;
    max-height: 600px;
}

.grecaptcha-badge{
    visibility: hidden !important;
}

.container_avatar{
    color: #888;
    border: 1px solid #555;
    border-radius: 5px;
}

.avatar{
    display: inline-block;
    border-radius: 5px;
    border: 2px solid #555;
}

.avatar_selected{
    border: 2px solid #faa200;
}



.container_photo_logo_minisite{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
}

.img_activity_checked{
    border: 1px solid #859c28;
    border-radius: 5px;
    padding: 1px;
    background-color: #859c2859;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.container_photo_avatar, .container_photo_logo_minisite{
    background-color: rgba(174, 174, 174, 0.45);
    display: flex;
    align-items: center;
    font-size: 25px;
    text-align: center;
    border-radius: 5px;
}
.container_photo_avatar_hover, .container_photo_logo_minisite_hover{
    background-color: inherit;
}
.container_photo_avatar_hover:hover, .container_photo_logo_minisite_hover:hover{
    background-color: rgba(174, 174, 174, 0.45);
}
.container_photo_avatar_hover i, .container_photo_logo_minisite_hover i{
    visibility: hidden;
}
.container_photo_avatar_hover:hover i, .container_photo_logo_minisite_hover:hover i{
    visibility: visible !important;
}

.container_photo_avatar i, .container_photo_logo_minisite_hover i{
    width: 100%;
}

.bg_page{
    background-color: var(--bg-page);
}
.bg_page_2{
    background-color: var(--bg-2);
}

.b_color{
    color:var(--b-color);
}

.star_color_grey{
    /*color: #bbb;*/
    color: var(--main-color);
}

.validate_form input:invalid, .validate_form select:invalid{
    border-color: #fe8686;
    box-shadow: 0 0 0 0.25rem rgb(253 13 13 / 25%);
}

.icon_activity{
    width: 32px;
}

.banner_minisite{
    width: 220px;
    height: 220px;
    margin: auto;
    overflow: hidden;
}

.banner_minisite_edit{
    width: 220px;
    margin: auto;
}
.cursor_pointer{
    cursor:pointer;
}
.container_imgs_banner_minisite{
    height: 130px;
    position: relative;
    z-index: 1;
}
.header_banner_minisite{
    height: 45px;
    text-transform: uppercase;
    font-size: 17px;
    padding: 0 5px;
    text-align: center;
    color: var(--main-color);
    position: relative;
    z-index: 1;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: end;
    line-height: 22px;
}
.message_banner_minisite{
    height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    text-align:center;
    font-size: 12px;
    white-space: pre-line;
}

.message_banner_minisite_edit{
    position: relative;
    z-index: 2;
    text-align:center;
    font-size: 12px;
}

.icon_size{
    font-size: 20px;
}

.container_text_post_ellipsis{
    max-height: 245px;
    overflow: hidden;
}

.footer_img_block_img_post{
    font-size:11px;
    left:3px;
    bottom:1px;
    color: #FFF;
    text-shadow: 0 0 2px #000;
}

.rating_block_img_post{
    top:2px; 
    right: 2px;
}

.img1_banner_minisite{
    width: 95px;
    height: 65px;
    transform: rotate(-10deg);
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 15px;
    border: 1px solid black;
}
.img2_banner_minisite{
    width: 65px;
    height: 45px;
    transform: rotate(-17deg);
    z-index: 2;
    top: 6px;
    right: 10px;
    position: absolute;
    border: 1px solid black;
}
.img3_banner_minisite{
    width: 105px;
    height: 75px;
    z-index: 3;
    position: absolute;
    border: 1px solid black;
    bottom: 12px;
    right: 12px;
    transform: rotate(10deg);
}
.logo_banner_minisite{
    width: 55px;
    height: 40px;
    position: absolute;
    bottom: 16px;
    left: 85px;
    z-index: 4;
    border: 1px solid black;
}

.mw_logo_minisite{
    width: 100%;
    width: 256px;
    max-height: 192px;
    min-height: 175px;
}

.select_avatar{
    margin: 5px;
    cursor: pointer;
}
.select_avatar:hover{
    border: 2px solid #faa200;
}

.star_rating, .star_edit_rating{
    cursor:pointer;
}

.phase_request_minisite{
    border-radius: 50%;
    border: 3px solid var(--main-color);
    padding: 4px 15px;
    margin: 0px 15px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.active_phase_request_minisite{
    background-color: var(--main-color);
    color: #FFF;
}

.border_bottom_main{
    border-bottom: 3px solid var(--main-color);
}

.ticket_blue{
    color: #9595ee;
}

#container_listing_ad, #container_listing_product, #container_ad_solo_terapeutas, 
#container_ad_events, #container_products, #container_header_page, .container_general{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

#container_listing_blog{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.container_max_width{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#container_gallery_minisite {
    columns: 2;
    column-gap: 10px;
}
#container_gallery_minisite img{
    width: 100%;
    /* margin: 5px; */
    border-radius: 5px;
    border: 1px solid #ccc;
}

#loading_block_general {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #aaaaaa5c;
    z-index: 9999;
}

#container_comments_minisite{
    border-top: 2px solid var(--main-color);
}

/* #credits_header{
    display: none;
} */

#credits_header:hover{
    text-decoration: underline;
}

#credits_header{
    display: inline;
    padding-right: 10px;
}

#credits_header img{
    width: 20px;
    padding-bottom: 4px;
}

#container_phases_request_minisite hr{
    width: 100%;
    margin: 22px 0px;
}

#container_phases_request_minisite{
    display: flex;
    color: var(--main-color);
    width: 100%;
    max-width: 500px;
    margin: 10px auto;
}

#container_avatar_modal{
    border: 1px solid #ccc;
    padding: 5px;
    height: 240px;
    overflow-y: scroll;
}

#title_minisite{
    font-weight: bold;
    font-family: 'Sansita Swashed', cursive;
    font-size: 25px;
    padding: 5px 0px;
}

#nav_minisite ul{
    padding: 0px;
}
#nav_minisite ul li {
    list-style: none;
    font-size: 21px;
    font-weight: bold;
    padding: 3px 2px;
}

#container_center_slider_banners{
    font-size: 22px;
    font-weight: bold;
}

#map_home{
    width: 100%;
    height: 320px;
}

#map_minisite_edit{
    width: 100%;
    height: 300px;
}

#map_minisite{
    width: 100%;
    height: 200px;
}

#title_portal span, .title_portal{
    background: linear-gradient(to bottom, var(--main-color) 35%, #d3d31e 60%, var(--main-color) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#fixed_bottom_block{
    color: white;
    background: var(--main-color);
    width: 100%;
    font-size: 22px;
    z-index: 100;
}

#container_form_registro, #container_form_general{
    max-width: 500px;
    margin: auto;
}

.btn:not(.btn-link){
    box-shadow: 1px 1px 5px 0px #666;
}

.btn_color{
    border-radius:50%;
    display:block;
    width:25px;
    height:25px;
    float:left;
    cursor:pointer;
    margin: 2px;
}
.btn_color_selected{
    border: 5px solid var(--bg-page);
}

.txt_energy_wheel{
    font-family: 'Rueda';
}

#header_rueda_energia ul li{
    float:left;
    list-style: none;
    padding-right: 10px;
    font-size: 12px;
    font-family: 'Rueda', cursive;
}
#header_rueda_energia ul {
    width: 10000000px;
    overflow: hidden;
    padding:0;
    margin: 0;
    position: relative;
    left: 0px;
}

#logo_principal{
    /* width: 45px; */
    width: 170px;
}
.form-control[readonly]{
    background-color: #FFF;
}

.container_logo_response_consulting{
    width: 70px;
}

#header_rueda_energia{
    overflow: hidden;
    width: 100%;
    position: relative;
}

#title_portal{
    color: var(--main-color);
    margin: 0;
    padding-left: 10px;
    font-size: 28px;
    line-height: 34px;
    font-family: 'Sansita Swashed', cursive;
}

#icon_search, #btn_search_post, #btn_search_ad, #btn_search_product, .btn_search{
    position: absolute;
    top: 2px;
}

#loading_consulting_minisite img{
    width: 100px;
}

.logo_b{
    width:30px;
}

.custom_input{
    border: none;
    border-bottom: 1px solid #555;
    font-size: 20px;
}
.custom_input:focus-visible{
    border: none;
    border-bottom: 1px solid #555;
}

.letter_title{
    font-family: 'Sansita Swashed', cursive;
}

.input_error{
    border: 1px solid red;
}

.main_color {
    color: var(--main-color) !important;
}

.bg_main_color{
    background-color: var(--main-color) !important;
}

.principal_nav a {
    color: var(--main-color) !important;
}

.principal_nav .nav-link{
    font-weight: bold;
}

.principal_nav .navbar-toggler {
    color: var(--main-color);
    border-color: var(--main-color);
}

.dropdown-menu[data-bs-popper] {
    top: 80%;
    z-index: 10;
}

.row_hidden{
    background-color: #ddd;
}

.width_promo_column{
    width: 200px;
}

#userDropdown.dropdown-toggle::after {
    display: none;
}

#txt_bg_energy_wheel{
    text-align: center;
    width: 100%;
}

#container_block_right_minisite .nav-link.active{
    background-color: inherit !important;
}

/* ----------------- MEDIA PARA 992px -------------------------- */
@media only screen and (min-width: 992px){

    main {
        margin-bottom: 80px;
    }

    #txt_bg_energy_wheel{
        position: absolute;
        bottom: 0;
        
    }
    #txt_bg_energy_wheel h3{
        font-size: 2.7vw;
    }

    #img_bg_energy_wheel img{
        height: 54vh;
    }

    #userDropdown.dropdown-toggle::after {
        display: inline-block;
    }

    #container_ad_solo_terapeutas, #container_ad_events {
        margin-bottom: 100px;
    }

    .width_promo_column{
        width: 500px;
    }

    /* TEST STYLE */
    .principal_nav{
        height: 75px !important;
    }
    footer{
        height: 81px !important;
        margin-top: 0px;
    }

    #container_header_page{
        position: sticky;
        top: 75px;
        background-color: #FFF;
        z-index: 2;
    }

    #container_header_page_minisite, #container_nav_minisite, #container_block_right_minisite{
        overflow: hidden;
        background-color: var(--bg-page);
        position: sticky;
        top: 75px;
        z-index: 2;
    }

    #container_nav_minisite{
        height: calc(100vh - 156px);
        overflow-y: scroll;
    }

    #container_block_right_minisite{
        height: calc(100vh - 156px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .custom_scroll{
        scrollbar-color: var(--main-color) #FFF;
        /* scrollbar-width: thin; */
        scrollbar-width: none;
    }

    /* width */
    .custom_scroll::-webkit-scrollbar {
        width: 0px;
    }
    .custom_scroll_2::-webkit-scrollbar {
        width: 2px;
    }
  
    /* Track */
    .custom_scroll::-webkit-scrollbar-track {
        background: #FFF; 
    }
   
    /* Handle */
    .custom_scroll::-webkit-scrollbar-thumb {
        background: var(--main-color); 
    }
  
    /* Handle on hover */
    .custom_scroll::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }

  #container_block_right_minisite .nav-link{
    padding: 4px 10px;
    font-size: 20px;
  }
    /* TEST STYLE */

    header{
        position: sticky;
        top: 0;
        z-index: 3;
    }

    footer{
        position: fixed;
        bottom: 0;
        z-index: 5;
        width: 100%;
    }

    #footer1_portal, #footer2_portal {
        font-size: 13px;
    }

    #title_portal{
        max-width: 160px;
        white-space: normal;
        font-size: 36px;
        line-height: 28px;

    }
    #fixed_bottom_block{
        position: fixed;
        bottom: 0px;
        font-size: 25px;
    }
    #title_text_portal{
        font-size: 54px;
        font-weight: 100;

    }
    #logo_principal{
        /* width: 70px; */
        width: 210px;
    }

    .nav-link{
        font-size: 1.4vw;
    }

    #container_center_slider_banners, .container_banner_slider{
        width: calc(100% / 3);
    }

    #slider_banners{
        display: flex;
    }

    #navbarSupportedContent{
        padding-top: 5px;
        margin-right: 140px;
    }

    #navbarSupportedContent .navbar-nav{
        margin: 0px auto;
    }

    #header_rueda_energia{
        margin-left: 230px;
    }

    #container_header_rueda_energia{
        position: absolute;
        top: 58px;
    }
}

@media only screen and (min-width: 1341px){

    .nav-item{
        padding: 0 0.7vw;
    }

    #container_center_slider_banners, .container_banner_slider{
        width: 20%;
    }
}