@charset "utf-8";
/* CSS Document */

/* Bordered form */
.notfound-body  
{  
    background-image: url('../images/ErrorPage404-05.jpg');
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #000 !important;
}
.error-body  
{  
    background-image: url('../images/wave.png');
    background-position: top;
    background-repeat: no-repeat;
    color: #000 !important;
}
.navbar{
    background-color: rgb(255,255,255,0.4) !important;
}
body{
    min-height: 100vh;
}
td{
    color: #ffffff;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.item {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.fixed-top{
    position: fixed;
    width: 100%;
    top: 0;
}
#top-bar{
    background-color: rgba(5, 70, 122,0.7);
}  
.P-10{
    padding: 10px;
}
#content{
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
}
.text-white{
    color: #ffffff !important;
}
.backdrop{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh;
}
.header-content{
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: 10;
}
.header-content-mobile{
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: 10;
}
#slidebox{
    background-image: url('../images/slide.png');
    height: 500px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
}
.carousel-bg{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.pointer{
    cursor: pointer;
}
#btnLogin{
    width: 100%;
}
.login{  
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.38);
    border-radius: 12px;
    border: 2px solid rgba(209, 213, 219, 0.8);
    text-align: center;
}  
.login-header{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.title-info{
    font-size: calc(1.375rem + 8.5vw);
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    color: #000;
}
#btnBack{
    color: #fff;
    background: rgb(129,11,116);
    background: linear-gradient(234deg, rgba(129,11,116,1) 14%, rgba(32,72,163,1) 100%);
    border-radius: 20px;
    width: 150px;
}
.text-info{
    color: #8450fb !important;
}
.text-black{
    color: #000;
}