*{
    padding: 0;
    margin: 0;
}
#app{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
main{
    flex: 1;
}
#content{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-blue-700{
    background-color: #084298;
}
.text-black{
    color: black!important;
}
.navbar-toggler:focus{
    box-shadow: none!important;
}
.navbar-white .navbar-toggler{
    border-color: rgba(255,255,255,1);
}
.navbar-white .navbar-toggler-icon{
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#content-body{
    height: 100vh;
    width: 100%;
    position: fixed;
    background-image: url("../storage/app/futuristic-corridor.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#content-body-expositores-blur{
    height: 100%;
    background-image: url("../storage/app/expositores-blur.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#content-body-expositores{
    height: 100%;
    background-image: url("../storage/app/expositores.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.accordion-item img{
    width: 100px;
}
.stand-bg{
    background-image: url("../storage/app/stand.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
}
.stand-bg img{
    height: 130px;
    margin-top: 15px;
}

#navbarSupportedContent ul li a:hover::after{
    color: #fff;
    transform: scaleX(1);
}

#navbarSupportedContent ul li a{
    color: white;
    font-size: 1em;
    transition: all .2s cubic-bezier(.785,.135,.15,.86);
    transition-delay: 0s;
    position: relative;
    overflow: hidden;
    display: block;
}

#navbarSupportedContent ul li a::after{
    content: '';
    transform-origin: left;
    transition-delay: 0s;
    transition: all .2s cubic-bezier(.785,.135,.15,.86);
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: white;
    display: block;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
}

.cadastro-login{
    background-image: url('../storage/app/bg-cadastro-login.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

.side_navbar_nav{
    overflow: auto;
    background-color: #2e4667;
}

/* .list-group-item{
    color: white!important;
    border-color: white!important;
    padding: 2rem 0;
    background-color: transparent!important;
} */
.link-card-gerencia a{
    font-size: 1.2rem;
}

#live iframe{
    width: 1280px;
    height: 720px;
}

.scroll-enable{
    overflow: auto;
}

#home nav{
    border-radius: 5px 5px 0px 0px;
    background-color: #084298;
}

#nav-tab a{
    color: white;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
    border-top: unset;
    border-color: white;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color: transparent;
    border-top: unset;
    border-color: white;
}

.max-height-60vh{
    max-height: 60vh;
}
.custom-file-input[type='file']{
    
}
.btn-live{
    background-color: #084298;
    border: 1px solid #084298;
    color: white;
}
.img-patrocinador{
    height: 6vh;
}
.title-patrocinador{
    font-size: 20px;
}
#live img{
    height: 40vh;
}

@media only screen and (max-width: 2560px){
    
    #live {
        margin-top: -1%;
    }
    #live iframe{
        width: 1120px;
        height: 630px;
    }
}

@media only screen and (max-width: 2100px){
    
    #live iframe{
        width: 960px;
        height: 540px;
    }
}

@media only screen and (max-width: 1600px){
    
    #live iframe{
        width: 960px;
        height: 540px;
    }
    #live img{
    height: 40vh;
}
}

@media only screen and (max-width: 1440px){
   
    #live iframe{
        width: 960px;
        height: 540px;
    }
    #live img{
        height: 35vh;
    }
}

@media only screen and (max-width: 960px){
    #live iframe{
        width: 640px;
        height: 360px;
    }
    #live img{
        height: 35vh;
    }
}

@media only screen and (max-width: 640px){
    #live iframe{
        width: 560px;
        height: 315px;
    }
    #live img{
    height: 35vh;
}
}

@media only screen and (max-width: 560px){
    #live iframe{
        width: 480px;
        height: 270px;
    }
    #live img{
    height: 30vh;
}
}

@media only screen and (max-width: 480px){
    #live iframe{
        width: 320px;
        height: 180px;
    }
    #live img{
    height: 25vh;
}
}