@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300..900&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');


.navbar{
    height:100px !important;
}
.navbar-custom-menu, .builder-dropdown-menu,
body > nav > div.header-track > div.header-action.no-border.builder-profile-menu > div > div.fast-drop-open > a:nth-child(1),
body > nav > div.header-track > div.header-action.no-border.builder-profile-menu > div > div.fast-drop-open > a:nth-child(2){

    display:none !important;
}
.master-menu-content .container-submenu>ul {
    padding: 0px !important;
}


.container-submenu ul li a
{

    padding: 30px 15px !important;
    border-radius: 0px !important;
    border-top: solid 1px #3ED07D !important;
  
}

.header-track .button-circle,
.master-menu-content .button-circle {
    border-radius: 0px !important;
}

.button-circle
{
    width: 100% !important;
    height: 50px !important;
    border: 1px solid var(--menu-button-border-color);
    margin: 0px !important;
    
}   


.splash-user-content
{

    display: none !important;
}


.container-submenu ul li a
{
  
    font-size: 18px !important;
    font-weight: 600 !important;
}

.container-menu{
    display: none !important;
}

.tfield
{
    
    font-family: 'Gilroy-Bold', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    
}

[name="fieldList_682ff9812c72f"] .tfield {
    font-size: 13px !important;
}

[name="fieldlist_not_incluse"] .tfield
{
    font-size: 13px !important;

}
label
{

    font-size: 18px !important;
    font-weight: 300 !important;
    color: #717171 !important;
    padding-bottom: 8px;
    font-family: 'Gilroy-Regular', sans-serif !important;;
}


.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Espaçamento igual entre as colunas */
}

.no-border{
    border:0px !important;
}

.no-padding{
    padding-left:0px !important;
    padding-right:0px !important;
    border:0px !important;
}

.col-sm-3,.col-sm-2 {
  border: solid 1px !important;
  margin: 5px;
  padding: 15px;
  flex: 1; /* Expande igualmente para preencher o espaço disponível */
  max-width: calc(25% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
  box-sizing: border-box;
}


.col-sm-4 {
border: solid 1px !important;
  margin: 5px;
  padding: 15px;
  flex: 1;  /* Expande igualmente para preencher o espaço disponível */
  max-width: calc(100% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
  box-sizing: border-box;  
} 

.col-sm-6{

border: solid 1px !important;
  margin: 5px;
  padding: 15px;
  flex: 1; /* Expande igualmente para preencher o espaço disponível */
  max-width: calc(55% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
  box-sizing: border-box;  
}

.col-sm-8{

border: solid 1px !important;
  margin: 5px;
  padding: 15px;
  flex: 1; /* Expande igualmente para preencher o espaço disponível */
  max-width: calc(75% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
  box-sizing: border-box;  
}

.col-sm-9{

border: solid 1px !important;
  margin: 5px;
  padding: 15px;
  flex: 1; /* Expande igualmente para preencher o espaço disponível */
  max-width: calc(75% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
  box-sizing: border-box;  
  transition: border-color 0.3s ease-in-out; /* Adiciona uma transição suave para a mudança de cor da borda */

}

.col-sm-12 {
border: solid 1px !important;
  margin: 5px;
  padding: 15px;
  /* flex: 1; */ /* Expande igualmente para preencher o espaço disponível */
  max-width: calc(100% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
  box-sizing: border-box;  
  transition: border-color 0.3s ease-in-out; /* Adiciona uma transição suave para a mudança de cor da borda */

}    



@media screen and (max-width: 768px) {

    
    .col-3,.col-2 {
      border: solid 1px !important;
      margin: 5px;
      padding: 15px;
      flex: 1; /* Expande igualmente para preencher o espaço disponível */
      max-width: calc(25% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
      box-sizing: border-box;
    }
    
    
    .col-4 {
    border: solid 1px !important;
      margin: 5px;
      padding: 15px;
      flex: 1;  /* Expande igualmente para preencher o espaço disponível */
      max-width: calc(100% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
      box-sizing: border-box;  
    } 
    
    .col-6{
    
    border: solid 1px !important;
      margin: 5px;
      padding: 15px;
      flex: 1; /* Expande igualmente para preencher o espaço disponível */
      max-width: calc(55% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
      box-sizing: border-box;  
    }
    
    .col-8{
    
    border: solid 1px !important;
      margin: 5px;
      padding: 15px;
      flex: 1; /* Expande igualmente para preencher o espaço disponível */
      max-width: calc(75% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
      box-sizing: border-box;  
    }
    
    .col-9{
    
    border: solid 1px !important;
      margin: 5px;
      padding: 15px;
      flex: 1; /* Expande igualmente para preencher o espaço disponível */
      max-width: calc(75% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
      box-sizing: border-box;  
      transition: border-color 0.3s ease-in-out; /* Adiciona uma transição suave para a mudança de cor da borda */
    
    }
    
    .col-12 {
    border: solid 1px !important;
      margin: 5px;
      padding: 15px;
      /* flex: 1; */ /* Expande igualmente para preencher o espaço disponível */
      max-width: calc(100% - 10px); /* Define a largura máxima para evitar quebrar em telas muito pequenas */
      box-sizing: border-box;  
      transition: border-color 0.3s ease-in-out; /* Adiciona uma transição suave para a mudança de cor da borda */
    
    }    

}


/* painel de disponibilidade */
.tabpanel_form_UserAvailabilityForm  .col-sm-2,
.tabpanel_form_UserAvailabilityForm  .col-sm-4,
.tabpanel_form_UserAvailabilityForm  .col-sm-8,
.tabpanel_form_UserAvailabilityForm  .col-sm-12{
    height: 60px;
}
/*#form_UserAvailabilityForm {*/
/*    margin-top:-60px;*/
/*}*/
#tbutton_availability{
    width: 100%;
    height: 105px !important;
}

#form_UserAvailabilityForm .row {
    margin-top: -20px;
}
/* painel de disponibilidade FIM */


.container-live
{

    padding: 0px !important;

}


.upload-div{
    
    background: #EDFFF5;
 
}

#timagecropper_container_image_one,
#timagecropper_container_image_two,
#timagecropper_container_image_three,
#timagecropper_container_image_four,
#timagecropper_container_image_cover,
#timagecropper_container_cover_itinerary,
.img_imagecropper,
.timagecropper,
.label_timagecropper{
     background: #B7F0D0 !important;
}


#timagecropper_container_image_one > i, #timagecropper_container_image_cover > i,.fa-file-upload{
    color: #3ED07D !important;
}
#timagecropper_container_image_two > i{
    color: #3ED07D !important;
}
#timagecropper_container_image_three > i{
    color: #3ED07D !important;
}
#timagecropper_container_image_four > i{
    color: #3ED07D !important;
}

#timagecropper_container_cover_itinerary > i{
    color: #3ED07D !important;
}
.panel-footer{
    
    text-align: center;
}

.step-div{
    border: 0px !important;
}


.card-title
{
    font-family: 'Gilroy-Bold', sans-serif !important;
    color: #291C69 !important;
    font-weight: 900 !important;
    /*padding-top: 20px;*/
    padding-top: 0px;
    padding-left: 10px;
}


select[widget="tcombo"] {

    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='15' viewBox='0 0 24 24'><path fill='%333333' d='M9 15L0.339746 2.76017e-07L17.6603 1.79022e-06L9 15Z'></path></svg>") !important;
    font-family: 'Gilroy-Bold', sans-serif !important;
    font-size: 20px;
    
}   

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    font-family: 'Gilroy-Bold', sans-serif !important;
    font-size: 20px;
}


.div-text-roteiro {
    
    border: 2px solid #3ED07D !important;
}


.tcheckgroup_label{
    font-family: 'Gilroy-Bold', sans-serif !important;
    color: #000000 !important;
    margin-top: 10px !important;
    padding-left: 10px;
    padding-right: 10px;
} 

.filled-in{
    
    border: solid 1px !important;
}


.tfield[widget=ttext]
{
    font-family: 'Gilroy-Light', sans-serif !important;
    font-size: 15px !important;
}

/* Define os estilos para a borda destacada */
.col-sm-12.fb-field-container.highlightBorder {
    border: 2px solid #00d719 !important; /* Cor da borda desejada */
     box-shadow: 0 0 10px rgba(0, 215, 25, 0.5) !important;
}

/* Define os estilos para a borda destacada */
.col-sm-6.fb-field-container.highlightBorder {
    border: 2px solid #00d719 !important; /* Cor da borda desejada */
    box-shadow: 0 0 10px rgba(0, 215, 25, 0.5) !important;
}


.col-sm-12.fb-field-container.no-border {
    border: 0px !important;
    margin-bottom: -20px;
}

.label_purple{
    
    font-weight: 900;
    color: #6246E5;
    font-size:20px;
    font-family:'Gilroy-Bold', sans-serif !important;
}

.label_min{
    
    font-size:16px;
}

.ui-dialog .ui-dialog-titlebar {
    background: #6246E5 !important;
}


#form_ItineraryFormOne > div.card-body.panel-body > div > div > div:nth-child(3){

border: solid 1px;
padding: 20px;

}

#charCount.exceeded {
    color: red;
}

body > div > div.master-menu-content > div.container-submenu > div:nth-child(3){
    display: none;
}

.card-item{
    border: 0px !important;
}


.card-item-actions{
    /*border-top: solid 2px #3ED07D;*/
}

.container-left{
    border:0px !important;
    padding:0px !important;
}

.card-wrapper {
    -webkit-justify-content: left !important;
}

.card-item 
{ 
    width: 200px !important;
    margin: 5px !important;
} 

.card-body{
     padding:0px !important;
}

.card{
    margin-bottom: 0px !important;
}

.container-left-header{
    border: 0px !important;
    min-height: 0px !important;
    height: 0px !important;
    padding: 0px !important;
}

.tabpanel_form_ItineraryCardList{
    border: 0px !important;
    min-height: 0px !important;
    height: 0px !important;
    padding: 0px !important;
}

#form_MyProducts > div{
    padding:0px;
}


.page-container{
    border:0px !important;
}

.footer-home{
    background: color(srgb 0.1829 0.7996 0.4433);
    margin-top: -30px;
}

#tbutton_button_completar_cadastro{
    background:#6246E5 !important;
}

.form-container{
    padding: 20px;
}


.timagecropper_actions div i{
    border-radius: 15% !important;
    background: #3fd07d !important;
    color: #FFF !important;
}

.novo_horizontal {

    font-weight: 900 !important;
    font-size: 20px !important;
    font-family:'Gilroy-Bold', sans-serif !important;
    padding: 18px 9px !important;
    
}

.tabpanel_form_DestinationItineraryForm,
.tabpanel_form_DestinationItineraryFormTwo,
.tabpanel_form_EventDayForm,
.tabpanel_form_EventSectionForm{
    padding:30px !important;
}

#tbutton_button_adicionar_bloco{
    display:none;
}


.bt_edit_bloco{
    border-radius: 15% !important;
    background: #3fd07d !important;
    color: #FFF !important;
    padding:10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
        background-color: rgb(92, 51, 231) !important;
        padding:16px !important;

}

.top-green{
    border-top: solid 1px #3ED07D !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
}


.top-green > div > label{
        color: #181E4B !important;
        font-weight: 600 !important;
        font-family: 'Gilroy', sans-serif !important;
        font-size: 15px !important;
}


/*[page-name="MessageForm"] textarea*/
/*{*/
/*        border: 1px solid #6246e56e;*/
/*}*/

[page-name="MessageForm"] .card-footer .btn {
    margin-right: 3px;
    width: 100%;
    padding: 20px;
}

[page-name="MessageForm"] .ui-widget-content .panel-footer.card-footer
{
    background-color: #FFF !important;
}

[page-name="MessageForm"] .card{
    width: auto !important;
} 



@media (min-width:1200px){
    
    .col-xl-3 {
        -ms-flex: 0 0 23% !important;
        flex: 0 0 23% !important;
        max-width: 23% !important;
    }

}

[page_name="PathCourseList"] .action i {
    color: #6246e5 !important;
}