/* Labels alerta */

body {
    font-family: 'Roboto', sans-serif !important;
}


.blueTag{
    padding: 5px;
    border-radius: 10px;
    background-color: #2a76f4;
    border: 1px solid #235fbe;
    font-size: 10px;
    color: #FFF;
}
.greenTag{
    padding: 5px;
    border-radius: 10px;
    background-color: #1ccab8;
    border: 1px solid #14a193;
    font-size: 10px;
    color: #FFF;
}
.pinkTag{
    padding: 5px;
    border-radius: 10px;
    background-color: #b72b7b;
    border: 1px solid #9e2469;
    font-size: 10px;
    color: #FFF;
}
/**/

.fc-day{
    cursor: pointer;
}

.optionInsert{
    padding: 10px; 
    cursor: pointer;
}
.optionInsert:hover{
    background-color: #f1f1f1;
}

.iconTipoPessoa{
    position: relative;
    top: 4px;
}

.toDown3{
    position: relative;
    top: 3px;
}

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

.bgGrey{
    background-color: #f9f9f9;
    padding: 7px 0px;
    margin: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.bgWhite{
    background-color: #fff;
    padding: 7px 0px;
    margin: 0;
    /* border-top: 1px solid #dedede; */
}
.bgGrey:hover{
    background-color: #f5f5f5;
    cursor: pointer;
}
.bgWhite:hover{
    background-color: #f5f5f5;
    cursor: pointer;
}

.tiposPessoa{
    cursor: pointer;
}

.redLine{
    color:  #d9534f;
}
.greenLine{
    color: #4cae4c;
}
.blueLine{
    color: #337ab7;
}
.yellowLine{
    color: #eea236;
}

.pinkIcon{
    color: #fd3cab;
}

/* Perfil lateral direita */
.perfil{
    
}
.perfil-foto{
    margin-bottom: 10px;
    cursor: pointer;
}
.perfil-nome{
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #337ab7;
    cursor: pointer;
}
.perfil-info{
    font-size: 12px;
    margin: 7px;
    color: #777;
    text-align: center;
}
/**/

/* Blocos menu direita */
.botaoMenuDireita{
    padding: 5px 10px 5px 10px;
}
.tituloBotaoMenuDireita{
    font-size: 11px;
    margin-bottom: 7px !important;
}
.valorBotaoMenuDireita{
    font-size: 14px;
    font-weight: 800;
}

.linhaLateral{
    border: 1px solid #ddd;
    border-left: 4px solid #337ab7;
    border-radius: 4px;
    padding: 5px 8px 15px 8px !important;
    background-color: #FFF;
    margin: 0px 5px 10px 5px;
}

.table-responsive{
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.tituloBloco{
    color: #337ab7;
    font-weight: bold;
    margin-bottom: 12px;
}

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

.negrito{
    font-weight: bold;
}

/* tinymce */
.mce-container.mce-menubar.mce-toolbar.mce-first{
    display: none;
}
/* .mce-branding.mce-widget.mce-label.mce-flow-layout-item.mce-last{
    display: none;
} */
.mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{
    display: none;
}

.divider{
    clear: both;
    height: 10px;
}

/* SÓCIO */
.socioPage {
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100vh;
    background-color: #F00;
}

.socioHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 11px !important;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
    background-color: #302F2F;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btnSocioLogout:hover{
    text-decoration: none;
    color: #d3d3d3;
}

.socioBody{
    margin-top: 50px; /* header height */
    height: 100vh;
    background-color: #f3f3f3;
    overflow-y: auto;
    padding: 0 20%;
}

/* celular */
@media (max-width: 480px) {
    .socioBody{
        padding: 0 2%;
    }
}

.socioBox{
    width: 100%;
    background-color: #4a7a40;
    color: #fff;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    
    padding: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.socioBox:hover{
    background-color: #3f6f38;
}

.socioColumn{
    margin-top: 12px;
}

.socio-form-control {
    display: block;
    width: 100%;
    height: 40px !important;
    padding: 0px 12px;
    /* font-size: 14px;
    line-height: 1.42857143;
    color: #555; */
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.divider{
    clear: both;
    height: 5px;
}

.divider10{
    clear: both;
    height: 10px;
}
.divider15{
    clear: both;
    height: 15px;
}

.text-bold{
    font-weight: 800; 
    font-size: 11px;
}

.text-primary{
    color: #2a76f4;
}
.text-success{
    color: #5cb85c;
}
.text-danger{
    color: #d9534f;
}

.alert-default{
    background-color: #eee;
    border-color: lightgray;
    color: #6b6b6b;
    font-size: 11px;
    padding: 10px;
    border-radius: 5px;
}
.blueTag{
    padding: 5px;
    border-radius: 10px;
    background-color: #2a76f4;
    border: 1px solid #235fbe;
    font-size: 10px;
    color: #FFF;
}
.greenTag{
    padding: 5px;
    border-radius: 10px;
    background-color: #1ccab8;
    border: 1px solid #14a193;
    font-size: 10px;
    color: #FFF;
}
.pinkTag{
    padding: 5px;
    border-radius: 10px;
    background-color: #b72b7b;
    border: 1px solid #9e2469;
    font-size: 10px;
    color: #FFF;
}
/**/

.fc-day{
    cursor: pointer;
}

.optionInsert{
    padding: 10px; 
    cursor: pointer;
}
.optionInsert:hover{
    background-color: #f1f1f1;
}

.iconTipoPessoa{
    position: relative;
    top: 4px;
}

.toDown3{
    position: relative;
    top: 3px;
}

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

.bgGrey{
    background-color: #f9f9f9;
    padding: 7px 0px;
    margin: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.bgWhite{
    background-color: #fff;
    padding: 7px 0px;
    margin: 0;
    /* border-top: 1px solid #dedede; */
}
.bgGrey:hover{
    background-color: #f5f5f5;
    cursor: pointer;
}
.bgWhite:hover{
    background-color: #f5f5f5;
    cursor: pointer;
}

.tiposPessoa{
    cursor: pointer;
}

.redLine{
    color:  #d9534f;
}
.grayLine{
    color: gray;
}
.greenLine{
    color: #4cae4c;
}
.blueLine{
    color: #337ab7;
}
.yellowLine{
    color: #eea236;
}

.pinkIcon{
    color: #fd3cab;
}

/* Perfil lateral direita */
.perfil{
    
}
.perfil-foto{
    margin-bottom: 10px;
    cursor: pointer;
}
.perfil-nome{
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #337ab7;
    cursor: pointer;
}
.perfil-info{
    font-size: 12px;
    margin: 7px;
    color: #777;
    text-align: center;
}
/**/

/* Blocos menu direita */
.botaoMenuDireita{
    padding: 5px 10px 5px 10px;
}
.tituloBotaoMenuDireita{
    font-size: 11px;
    margin-bottom: 7px !important;
}
.valorBotaoMenuDireita{
    font-size: 14px;
    font-weight: 800;
}

.linhaLateral{
    border: 1px solid #ddd;
    border-left: 4px solid #337ab7;
    border-radius: 4px;
    padding: 5px 8px 15px 8px !important;
    background-color: #FFF;
    margin: 0px 5px 10px 5px;
}

.table-responsive{
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.tituloBloco{
    color: #337ab7;
    font-weight: bold;
    margin-bottom: 12px;
}

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

.negrito{
    font-weight: bold;
}

/* tinymce */
.mce-container.mce-menubar.mce-toolbar.mce-first{
    display: none;
}
/* .mce-branding.mce-widget.mce-label.mce-flow-layout-item.mce-last{
    display: none;
} */
.mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{
    display: none;
}

.divider{
    clear: both;
    height: 10px;
}

/* SÓCIO */
.socioPage {
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100vh;
    background-color: #F00;
}

.socioHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 11px !important;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
    background-color: #302F2F;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btnSocioLogout:hover{
    text-decoration: none;
    color: #d3d3d3;
}

.socioBody{
    margin-top: 50px; /* header height */
    height: 100vh;
    background-color: #f3f3f3;
    overflow-y: auto;
    padding: 0 20%;
}

/* celular */
@media (max-width: 480px) {
    .socioBody{
        padding: 0 2%;
    }
}

.socioBox{
    width: 100%;
    background-color: #4a7a40;
    color: #fff;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    
    padding: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.socioBox:hover{
    background-color: #3f6f38;
}

.socioColumn{
    margin-top: 12px;
}

.socio-form-control {
    display: block;
    width: 100%;
    height: 40px !important;
    padding: 0px 12px;
    /* font-size: 14px;
    line-height: 1.42857143;
    color: #555; */
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.divider{
    clear: both;
    height: 5px;
}

.divider10{
    clear: both;
    height: 10px;
}

.divider20{
    clear: both;
    height: 20px;
}

.text-bold{
    font-weight: 800; 
    font-size: 12px;
}

.text-primary{
    color: #2a76f4;
}
.text-success{
    color: #5cb85c;
}
.text-danger{
    color: #d9534f;
}

.lineHeight{
    line-height: 1.4;
}

.alert-default{
    background-color: #eee;
    border-color: lightgray;
    color: #6b6b6b;
    font-size: 11px;
    padding: 10px;
    border-radius: 5px;
}

.input-calendar{
    height: 45px !important;
}

/* CALENDAR */
.fc-left{
    color: red !important;
    font-weight: 600 !important;
    font-size: 8px !important;
    color: #6b6b6b !important;
    font-family: 'Roboto', sans-serif !important;
}

.fc-day-header {
    padding: 10px !important;
    background-color: #FFF !important;
    font-weight: 500 !important;
    color: #6b6b6b !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;    
}

.fc-day-number  {
    text-align: left !important;
    font-size: 11px !important;
    padding: 10px !important;
    color: #6b6b6b !important;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
    background-color: white !important;
    
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #FFF !important;
}

thead{
    background-color: #FFF !important;    
}

.fc-left{
    display: flex;
    align-items: center;
}

.fc-left h2 {
    font-size: 18px !important;
}

.fc button {
    /* Estilos personalizados aqui */
    color: 6b6b6b !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.fc button:hover {
    /* Estilos personalizados aqui */
    border: none !important;
    background: none !important;
}

.fc-right button {
    border: 1px solid #337ab7 !important;
    color: #337ab7 !important;
    font-size: 14px !important;        
}
.fc-right button:hover {
    border: 1px solid #337ab7 !important;    
}

.fc-button-group button.fc-state-active{
    background-color: #eff0ff !important;
    color: #337ab7 !important;
    opacity: 1 !important;    
}
.fc-button-group button.fc-state-disabled{
    background-color: #eff0ff !important;
    color: #337ab7 !important;
    opacity: 1 !important;    
}

.fc-day-grid-event{
    /* opacidade no background  */
    /* background-color: #eff0ff !important; */
    border: none !important;
    padding: 5px !important;
}

.fc-time{
    font-size: 10px !important;
}

.fc-title{
    font-size: 10px !important;
    font-weight: 600 !important;
}

/* mudar cor de fundo data de hoje */
/* fc-today dentro do tbody */
.fc-today{
    background-color: #eff0ff !important;
}

.fc-time-grid-event {
    border: none !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.fc-time span {
    font-size: 10px !important;
}

.labelFiltroCalendario{
    font-size: 16px;
    font-weight: 500;
}

.card{
    border: 2px solid #ddd; 
    padding: 20px; 
    border-radius: 8px; 
    display: flex; 
    align-items: center; 
    cursor: pointer;
}

.card:hover{
    border: 2px solid #337ab7;
}

.flex{
    display: flex;
    align-items: center;
}

.text-center{
    text-align: center;
}

.text-warning{
    color: #f0ad4e;
}

.text-right{
    text-align: right;
}

.justify-between{
    justify-content: space-between;
}

.justify-center{
    justify-content: center;
}

.justify-end{
    justify-content: end;
}

.flex{
    display: flex;
    gap: 5px;
}

.flex-col{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.gap-10{
    gap: 10px;
}

.gap-15{
    gap: 15px;
}

.gap-20{
    gap: 20px;
}

.justify-center{
    justify-content: center;    
}

.items-center{
    align-items: center;     
}

.justify-between{
    justify-content: space-between;    
}

.cursor-pointer{
    cursor: pointer;
}

.font-regular{
    font-weight: 400;
    font-size: 12px;
}

.font-medium{
    font-weight: 400;
    font-size: 14px;
}

.p-md{
    padding: 15px;
}

.default-height{
    line-height: 1.5;
}

/* Filter listing*/
/* Input */
.filterContainer{
    position: relative; 
    width: 40vw;
}

.inputFilter{
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: none;    
}

.buttonCloseFilter{
    border-radius: 35%; 
    position: absolute; 
    border: none; 
    top: 2px; 
    right: 50px;
}

.buttonFilter {
    border-radius: 35%; 
    position: absolute; 
    border: none; 
    top: 2px; 
    right: 6px;
}

/* Content */
.containerFilterShow{
    position: absolute; 
    top: 36px; 
    right: 0; 
    background-color:white;
    box-shadow: #302F2F  2px 2px 10px 0px;
    width: 40vw;
    border-radius: 8px;
    padding: 20px 15px;
    z-index: 10000;
}

.btnClearFilter {
    background-color: transparent;
    transition: all 0.3s ease;
}

.btnClearFilter:hover {
    background-color: #eeeeee
}

.headerBg {
    background: #302f2f !important;
}

.headerBgDemo {
    background: #5cb85c !important;
}