.modalAlert .icon{
    font-size:50px;
}

.modalAlert.info .icon{
    color:#2186da !important;
}

.modalAlert.success .icon{
    color:#2fb344 !important;
}

.modalAlert.error .icon{
    color:#d63939 !important;
}


.progress.br-none{
    border-radius: 0px !important;
}




.navbar-vertical.navbar-expand-lg .navbar-brand {
    padding: 0px !important;
}


.navbar-brand {
    padding:0px;
}


.navbar-brand-image {
    width:150px;
    height:auto;
}


.navbar-dark {
    background: #0e1725;
}

.page-body {
    min-height:calc(100vh - 224px);
}



.footer {
    padding: 1rem 0;
}

.empty-img img {
    width:400px;
    height: auto;
}



.userName{
    border-radius: 5px;
    padding:7px;
}

.btnImgChange{
    position:absolute;
    left:15px;
    top:15px;
    width:40px;
    height:40px;
    font-size:20px;
}

.nav-item .active{
    background-color: #384955;
    color: #fff;
}

.dropdown-menu .dropdown-item {
    font-size:13px;
    
}

.passInputArea{
    padding:0;
}

.p0{
    padding:0px;
}

.ti{
    font-size: 1rem;
    margin:0 5px;
}

.fleft{
    float:left !important;
}
.fright{
    float:right !important;
}

.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}

.bold{
    font-weight:bold;
}

.authStatusArea{
    width:100%;
    float:left;
    display:block;
}

.sticky{
    position:sticky;
    position: -webkit-sticky;
    top: 0;
    z-index:4;
    background-color: #fff;
}
.theme-dark .card-cover::before {
    background: rgba(30, 41, 59, 0.25);
}

.card-cover::before {
    background: rgba(30, 41, 59, 0.1);
}

.theme-dark .sticky{
    background-color: #1e293b;
}

.theme-light .carousel-control-prev, .theme-light .carousel-control-next{
    color:#474747;
}

.theme-light .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e");
 }

 .theme-light .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
}

.theme-dark .nav-tabs .nav-link.active, .theme-dark .nav-tabs .nav-item.show .nav-link {
    color: #d9dada;
    background-color: #2d3b52;
    border-color: #253249 #233045 #233045;
}

.theme-dark .nav-tabs {
    border-bottom: 1px solid #2d3b52;
}

.theme-dark .modal-header{
    border-color:#29374d ;
}
.theme-dark .nav-link{
    color: #c9d8e9; 
}

.theme-dark .nav-link:hover, .theme-dark .nav-link:focus {
    color: #d8e8fa;
}

.theme-dark .navbar-brand-autodark {
    filter:none;
}

.theme-dark .nav-tabs .nav-link:hover, .theme-dark .nav-tabs .nav-link:focus {
    border-color: #2d3b52 #37445b #37445b;
}

.theme-dark .navbar-dark{
    box-shadow: inset 0 -1px 0 0 rgba(98, 105, 118, 0.16); 
}


.ticketType{
    top:56px;
    z-index:3;
    background-color: #f5f7fe !important;
}

.theme-dark .ticketType{
    background-color: #323c5e !important;
}

.theme-dark .bg-white{
    background-color: #1b2434 !important;
}

.ticketBuy{
    bottom:0px;
    z-index:3;
}

.hide{
    display:none !important;
}

.page-wrapper{
    padding-bottom:20px;
}




a.badge{
    text-decoration: none;
}

a.badge:hover{
    color:#fffab4;
}

.badge-lg{
    font-size:16px;
    padding:7px 0px;
}
.badge-sm{
    font-size:14px;
    padding:0px 5px 0px 5px;
}

.w100{
    width:100% !important;
}

.w50{
    width:50% !important;
}

.tt-none{
    text-transform: none;
}

.bt-1{
    border-top:1px solid #e9e9e9;
}

.theme-dark .bt-1{
    border-top:1px solid #253349;
}


.ptb-0{
    padding-top:0px !important ;
    padding-bottom:0px !important;
}
.ptb-5{
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.ptb-10{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.ptb-15{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.ptb-20{
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.ptb-25{
    padding-top:25px !important;
    padding-bottom:25px !important;
}

.ptb-30{
    padding-top:30px !important;
    padding-bottom:30px !important;
}


.plr-0{
    padding-left:0px;
    padding-right:0px;
}
.plr-5{
    padding-left:5px;
    padding-right:5px;
}
.plr-10{
    padding-left:10px;
    padding-right:10px;
}
.plr-15{
    padding-left:15px;
    padding-right:15px;
}
.plr-20{
    padding-left:20px;
    padding-right:20px;
}
.plr-25{
    padding-left:25px;
    padding-right:25px;
}

.plr-30{
    padding-left:30px;
    padding-right:30px;
}


.pr-0{
    padding-right:0px!important;
}
.pr-1{
    padding-right:1px!important;
}
.pr-2{
    padding-right:2px!important;
}
.pr-3{
    padding-right:3px!important;
}
.pr-4{
    padding-right:4px!important;
}
.pr-5{
    padding-right:5px!important;
}


.pb-5{
    padding-bottom:5px!important;
}
.pb-10{
    padding-bottom:10px!important;
}
.pb-15{
    padding-bottom:15px!important;
}


.link{
    cursor:pointer;
}

.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}

.mh-50{min-height:50px !important;}
.mh-60{min-height:60px !important;}
.mh-70{min-height:70px !important;}
.mh-80{min-height:80px !important;}
.mh-90{min-height:90px !important;}
.mh-100{min-height:100px !important;}
.mh-110{min-height:110px !important;}
.mh-120{min-height:120px !important;}
.mh-130{min-height:130px !important;}
.mh-140{min-height:140px !important;}
.mh-150{min-height:150px !important;}
.mh-160{min-height:160px !important;}
.mh-170{min-height:170px !important;}
.mh-180{min-height:180px !important;}
.mh-190{min-height:190px !important;}
.mh-200{min-height:200px !important;}

.mb-0p{margin-bottom:0px !important}
.mb-1p{margin-bottom:1px !important}
.mb-2p{margin-bottom:2px !important}
.mb-3p{margin-bottom:3px !important}
.mb-4p{margin-bottom:4px !important}
.mb-5{margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-25{margin-bottom:25px !important}
.mb-30{margin-bottom:30px !important}
.mb-35{margin-bottom:35px !important}

.mt-0{margin-top:0px !important}
.mt-1p{margin-top:1px !important}
.mt-2p{margin-top:2px !important}
.mt-3p{margin-top:3px !important}
.mt-4p{margin-top:4px !important}
.mt-5{margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px !important}
.mt-30{margin-top:30px !important}
.mt-35{margin-top:35px !important}


.mr-5{margin-right:5px !important}
.mr-10{margin-right:10px !important}
.mr-15{margin-right:15px !important}
.mr-20{margin-right:20px !important}
.mr-35{margin-right:25px !important}
.mr-30{margin-right:30px !important}
.mr-35{margin-right:35px !important}

.ml-5{margin-left:5px !important}
.ml-10{margin-left:10px !important}
.ml-15{margin-left:15px !important}
.ml-20{margin-left:20px !important}
.ml-35{margin-left:25px !important}
.ml-30{margin-left:30px !important}
.ml-35{margin-left:35px !important}

.lh-10{ line-height: 10px;}
.lh-11{ line-height: 11px;}
.lh-12{ line-height: 12px;}
.lh-13{ line-height: 13px;}
.lh-14{ line-height: 14px;}
.lh-15{ line-height: 15px;}
.lh-16{ line-height: 16px;}
.lh-17{ line-height: 17px;}
.lh-18{ line-height: 18px;}
.lh-19{ line-height: 19px;}
.lh-20{ line-height: 20px;}

.mw-20{  min-width: 20px; }
.mw-30{  min-width: 30px; }
.mw-40{  min-width: 40px; }
.mw-50{  min-width: 50px; }
.mw-60{  min-width: 60px; }
.mw-70{  min-width: 70px; }
.mw-80{  min-width: 80px; }
.mw-90{  min-width: 90px; }
.mw-100{  min-width: 100px; }
.mw-110{  min-width: 110px; }
.mw-120{  min-width: 12px; }
.mw-130{  min-width: 130px; }
.mw-140{  min-width: 140px; }
.mw-150{  min-width: 150px; }

.mr-0{margin-right:0px!important;}
.ml-0{margin-left:0px!important;}
.mlr-0{margin-left:0px!important; margin-right:0px!important;}

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}
.ls-4{letter-spacing: 4px;}
.ls-5{letter-spacing: 5px;}


.userTicketContent{
    max-height:calc(100vh - 335px);
}

.userTicketContent #userTicketsList{
    height:calc(100vh - 340px);
}


@media (max-width: 767.98px){
    .page-body {
        min-height:calc(100vh - 168px);
    }

    .userTicketContent{
        max-height:calc(100vh - 279px);
    }

    .userTicketContent #userTicketsList{
        height:calc(100vh - 284px);
    }
}



@media (max-width: 991.98px) {
    .footer{
        margin-left:0px !important;
    }

    .balance-mobile{
        font-size:12px;
        padding:8px 3px;
        position: absolute;
        right:60px;
    }
}