html, body{
    font-family: 'Helvetica', sans-serif, 'Arial' !important; 
    padding: 0 !important;
   
}
table.table-convibra{
    border:1px solid black;
    margin-top:20px;
  }
  table.table-convibra > thead > tr > th{
      border:1px solid black;
  }
  table.table-convibra > tbody > tr > td{
      border:1px solid black;
  }
.ui-state-default{
    cursor: move;
}
.btn-convibra{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background-color: #3a5664  !important;
    border-color: #343a40;
    transition: .4s;
}
.btn-convibra:hover{
    background-color: #476b7c !important;
    color: white;
}
.toast-top-center{
    top: 57px !important;
}
.toast{
    opacity: .97 !important;
}
li .active{
    background-color: #3a5664 !important;
    color: white !important;
}

.btn-convibra-danger{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background-color: rgb(255,104,65); !important;
    border-color: rgb(255,84,45);

}

.btn-convibra-danger:hover{
    
    background-color: rgb(255,84,45);
    color: white;
}

.btn-convibra-page{
    border-radius:5px;
    padding : 6px 12px;
    border: 1px solid #d3d3d3;
    background-color: #343a40;
    color: #fff;
    margin: 5px 2px;
    transition: .25s;
}

.btn-convibra-page:hover{
    color: #343a40;
    background-color: #fff;
}
.active{
    color: #3a5664;
    /* background-color: #fff; */
}
.breadcrumb-item{
    background-color: rgba(0,0,0,0) !important;
}
#modal_carregando{
    position: fixed;  
    left: 50%;  
    top: 80%;  
    transform: translate(-50%, -50%);
    z-index: 999999;
}
.card-primary.card-outline {
    border-top: 3px solid rgb(255,104,65);
}
.text-convibra{
    color: rgb(255,104,65);
}
i{
    transform: rotate(0deg);
    transition: .4s;
}
.rotate{
    transform: rotate(180deg);   
}
.modal_buscar_autor tr{
    transition: .4s;
    cursor: pointer;
    height: 10px;
}
.modal_buscar_autor tr:hover{
    background-color: #d3d3d3;
   
}
.listBuscaAutor td:hover{
    color: black !important;
}
.timeline-item .timeline-header {
        background-color: rgba(100,100,100,.1);
}
#sidebar_menu{
    display: flex;
}

#sidebar_menu .nav-status{
    float: right;
     font-size:20px
}
.invalid{
    border: 1px solid #dc3545;
}
.table td:hover{
    background-color: #d3d3d3;
    cursor: pointer
}
.notificacoes_conteudo{
    max-height: 330px;
    overflow-y: scroll;
}
.delete_not{
    cursor: pointer;
    color : rgba(0,0,0,.4) ;
    margin-right:5px;
    transition: .4s;
    padding:5px 10px;
}
.delete_not:hover{
    background-color: #333;
    color: #d3d3d3;
}
.navbar-color{
    background: #eaf0f2;
}
.navbar-etapas{
/*
    display: flex;
    justify-content: center;
    align-items: center;
*/
    top:97px;
    padding-left: 4vh;
    padding-right: 4vh;
}

.btnEtapas .li_etapas .link-item{
    width: 10vw !important;
    

.btnEtapas .li_etapas .link-item a{
    font-size: 1.25vw;
}
}

.navbar-etapas .nav-link{
    color: white;
    font-size: 1em;
    padding: 0 !important;
    position: absolute;
   width: 80%;
    right:0;
   
}
.link-item{
   cursor: pointer;
    color: white;
    position: relative;
    padding:0 !important;
    background-color: #3a5664;
    text-align: center;
    
    border: 2px solid #333;
    border-radius: 50px;
    height: 30px;
    margin-bottom: 6px;
    width: 130px;
    transition: .4s;
}

.link-item:hover{
    background-color: #FB6F50;
}

.li_etapas .active{
    background-color: #FB6F50;
}

.li_etapas .active .etapas_number{
    background-color: #FB6F50 !important;
}

.navbar-etapas i{
    font-size: 1.4em;
}
.li_etapas i{
    font-size: 1.2em;
}
.li_etapas{
   
}
.box_li_etapas{
    width: 30px;
    height: 50px;
}

.navbar-etapas .etapas_arrow{
    margin: 12px 6px;
    color: #A9A9A9;
}
.navbar-etapas .link-item .etapas_number{
    background-color: #476b7c;
    border: 2px solid #333;
    border-radius: 50%;
    margin-right:4px;
    padding: 0px 8px 0px 8px;
    position: absolute;
    top:-1px;
    left: -2px;
    transition: .4s;
}
.link-item:hover .etapas_number{
    background-color: #FB6F50 !important;
}
.link-item .fa-check-circle{
    position: absolute;
    right:-10px;
    bottom: -10px;
}
.link-item .fa-info-circle{
    position: absolute;
    color: #5bc0de;
    right:-10px;
    bottom: -10px;
}
.link-item .fa-exclamation-triangle{
    position: absolute;
    color: #DC143C;
    font-size: .98em;
    right:-20px;
    bottom: -4px;
}
.link-item .fa-exclamation{
    position: absolute;
    color: white;
    font-size: .65em;
    right:2.8px;
    bottom: -2px;
}
.link-item .fa-hourglass-half{
    position: absolute;
    font-size: .95em;
    color: #DAA520;
    right:-24px;
    bottom: -4px;
}
.callout-convibra{
    border-left-color: #FB6F50;
    
}

.main-footer{
    padding: 40px;
    font-size: 14px;
    background-color: #3a5664;
}
.main-footer b{
    font-family: 'Muli-Bold', Arial, Helvetica, sans-serif;
    color : #ffffff;
}
.main-footer p{
    font-family: 'Muli-Bold', Arial, Helvetica, sans-serif;
    color : #E3E3E3;
}
.main-footer a{
    font-family: 'Muli-Bold', Arial, Helvetica, sans-serif;
    color : #E3E3E3;
    transition: .4s;
}
.main-footer a:hover{
    color: #fb6f50 !important
}

.imglogofooter{
    width: 143px;
}
.select2 li{
    color: #333 !important;
}
.box-comentario{
    border:1px solid #d3d3d3;
    border-radius:5px;
    box-shadow: 0 0 5px 2px #d3d3d3;
    padding:10px;
    margin-bottom: 15px;
}


.cronograma-etapa{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;

}
#select_con .select2-container{
   width:90%;
}
.list-data{
    z-index: 2;
    position: absolute;
}
.nav-bar-push{
        display: none;
    }
.card-convibra>.card-header{
    background-color: #FB6F50;
    color: white;
    font-size: .95em;
    
}
pre{
    font-family: "Helvetica", sans-serif, serif;
}

.form-header{
    background-color: #9db8c1;
    color: #3a5664 !important;
    text-align: center;
}
.p{
    font-weight: bold;
}
.form-header .icon{
    float: left;
}
.form-body{
    background-color: #94b1bc;
}
.form-body label{
    margin-bottom: 1px;
}
.form-body label{
    color: #fafafa;
}
.box-info{
    background-color: #eaf0f2;
    padding: 10px 20px;
    border-radius:10px
}

.box-convibra{
    background-color: #89a0a8 ;
    color: #fafafa;
    padding: 10px 20px;
    border-radius:10px
}

.page-title{
    padding-left: 3.6em;
    background-color: #fafafa !important;
}

.callout-info{
    border-color: #3a5664 !important;
}
.btn-social{
    padding: 8px 16px;
    border-radius:6px;
    box-shadow: 0 0 5px 2px #333;
    transition: .4s;
    cursor: pointer;
}
.btn-facebook{
    background-color: #2d4373;
    color: #fafafa;
   
}
.btn-facebook:hover{
    
    background-color: #233458;
    color: #fafafa;
}

.btn-instagram{
    background-color: #bf2f77  ;
    color: #fafafa; 
}
.btn-instagram:hover{
    background-color: #97235d  ;
    color: #fafafa; 
}

.btn-linkedin{
    background-color: #005983;
    color: #fafafa;  
}
.btn-linkedin:hover{
    background-color: #044361;
    color: #fafafa;  
}
.btn-social:hover{
    box-shadow: 0 0 0 0 #333;
}
.helvetica{
    font-family: "Helvetica", sans-serif, serif;
}
.text-convibra{
    color: #FB6F50!important;
}
.link-convibra{
    color:#3a5664 !important;
    text-decoration:underline !important;
    
}
.link-convibra:hover{
   font-weight: bold;
}
.title-convibra{
    color:#3a5664 !important;
    font-weight: bold !important;
}
.select2-results ul li{
    padding: 2px 10px !important;
}
#a_header{
    margin-left: 9.7vh;
}
.table-convibra thead{
    background-color: #3a5764;
    color: #fafafa;
}
.table-convibra tbody tr:nth-child(odd){
    background-color:#9db8c1;
   
}
.table-convibra tbody tr:nth-child(even){
    background-color:#eaf0f2;
    
}
.table-convibra tbody tr.empty{
    background-color:#debfaf;
    
}
.table-convibra tbody tr:hover{
    background-color: #89a0a8 !important;
}
.table-convibra tbody tr td:hover{
    background-color: #89a0a8 !important;
}
.page-content{
    top: 94px;
}
.navbar-congresso-nome{
    padding: 0 !important;
}
.navbar-congresso-nome>span{
    padding-left: 10vh !important;
}

@media only screen and ( max-width: 750px){
    
    #div-logo{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and ( max-width: 1110px){
    .navbar-etapas{
/*        display: none;*/
        padding-left: 1.5%;
    }
    #a_header{
        margin-left: 0vh;
    }
}
@media only screen and ( max-width: 1060px){
    .navbar-etapas{
        display: none;

    }
    .nav-bar-push{
        display: block;
    }
    .page-content{
        top: 60px;
    }
}