html,
body {
    font-family: 'Helvetica', sans-serif, 'Arial' !important;
    padding: 0 !important;
}
#pageLoading{
    min-height: 700px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column;
}
.error{
    color: red;
    border-color: red !important;
}
.error-placement{
    color: red;
}
.bg-primary-color {
    background-color: #eaf0f2;
}
.bg-primary-color.selected {
    background-color: #ff7e20;
}

.bg-secondary-color {
    background-color: #3a5664;
}
/* .bg-secondary-color.selected {
    background-color: #ff7e20;
} */

.text-primary-color {
    color: #3a5664;
}

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 {
    color: #fff !important;
    background-color: #3a5664 !important;
    border-color: #343a40;
    transition: .4s;
}

.btn-convibra:hover {
    background-color: #476b7c !important;
    color: white;
}

.btn-convibra2 {
    color: #fff !important;
    background-color: #ff7e20 !important;
    border-color: #ff7e20;
    transition: .4s;
}

.btn-convibra2:hover {
    background-color: #ff974d !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-color: #eaf0f2;
}

.navbar-etapas {
    /*
    display: flex;
    justify-content: center;
    align-items: center;
*/
    top: 78px;
    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: 4vh;
}

.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: 120px;
}

.page {
    padding: 0 2vw;
}

.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;
    }
}