body.papara{
    background: linear-gradient(45deg, #df4952, #920798);
}

#payment .input-group-text {
    padding: 5px;
}

.theme-dark .ts-dropdown, .theme-dark .ts-control, .theme-dark .ts-control input {
    color: #fff;
}

.theme-dark .toast{
    border: 1px solid #182337;
}

.theme-dark .toast.toast-success{
    background-color: #66b506;
}


.theme-dark .toast.toast-error{
    background-color: #b50606;
}

.theme-dark .toast.toast-info{
    background-color: #154e88;
}



.theme-dark #toast-container > div {
    box-shadow: 0 0 12px #0b1323;
}


.theme-dark .modal-content{
    -webkit-box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.3);
}


.theme-dark .modal-backdrop{
    background-color: #3b424d;
}

.theme-dark .form-control:-webkit-autofill,
.theme-dark .form-control:-webkit-autofill:hover,
.theme-dark .form-control:-webkit-autofill:focus,
.theme-dark .form-control:-webkit-autofill:active  {
  color: #ececec ;
  -webkit-text-fill-color: #ececec;
}

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


.theme-dark .card.border{
    border-color: #364676 !important;
}

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

.dblock{
    display:block;
}

.clearfix {
    overflow: auto;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.atm{
    padding:0;
    height:auto;
    width:100%;
    margin:0 auto;
    transition: transform .2s; 
    max-width:630px;
}

.atm:hover {
    transform: scale(1.5); 
  }

.atm-top{
    width:100%;
    height:auto;
    text-align: center;
    overflow: auto;
}



.atm-top img{
    display:block;
    width:100%;
    height:auto;
}


.atm-body{
    padding:0;
    display: flex;
    width:100%;
    height:auto; 
}

.atm-body > div[class*='atm-'] {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
}

.atm-screen-left{
    padding:0;
    float:left;
    width:17.9%;
    height:auto; 
    flex: 1 0 0%;
    position:relative;
}

.atm-screen-left .aImg, .atm-screen-right .aImg{
    position: absolute;
    z-index:2;
}


.atm-screen-right{
    position:relative;
    padding:0;
    float:left;
    width:17.9%;
    height:auto; 
    flex: 1 0 0%;
}

.atm-screen{
    position:relative;
    width:64.2%;
    float:left;
    height:auto;
    flex: 1 0 0%;
    
}

.atm-screen .screen{
    z-index:1;
    position:absolute;
    width:calc(100% + 50px);
    height:100%;
    left:-25px;
    background-color:#0d1618;
   
}

.atm-bottom{
    width:100%;
    height:auto;
    text-align: center;
    padding:0;
    display:block;
}


.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;
}
.p1{
    padding:1px;
}
.p2{
    padding:2px;
}
.p3{
    padding:3px;
}
.p4{
    padding:4px;
}
.p5{
    padding:5px;
}



.p10{ padding:10px}
.p20{ padding:20px}
.p30{ padding:30px}
.p40{ padding:40px}
.p50{ padding:50px}

.pt-1p{ padding-top:1px;}
.pt-2p{ padding-top:2px;}
.pt-3p{ padding-top:3px;}
.pt-4p{ padding-top:4px;}
.pt-5p{ padding-top:5px;}
.pt-10{ padding-top:10px;}
.pt-15{ padding-top:15px;}
.pt-20{ padding-top:20px;}
.pt-25{ padding-top:25px;}
.pt-30{ padding-top:30px;}
.pt-40{ padding-top:40px;}
.pt-50{ padding-top:50px;}
.pt-60{ padding-top:60px;}
.pt-70{ padding-top:70px;}

.pb-1p{ padding-bottom:1px!important;}
.pb-2p{ padding-bottom:2px!important;}
.pb-3p{ padding-bottom:3px!important;}
.pb-4p{ padding-bottom:4px!important;}
.pb-5p{ padding-bottom:5px!important;}
.pb-10{ padding-bottom:10px!important;}
.pb-15{ padding-bottom:15px!important;}
.pb-20{ padding-bottom:20px!important;}
.pb-25{ padding-bottom:25px!important;}
.pb-30{ padding-bottom:30px!important;}
.pb-40{ padding-bottom:40px;}
.pb-50{ padding-bottom:50px;}
.pb-60{ padding-bottom:60px;}
.pb-70{ padding-bottom:70px;}



.mh100{min-height:100px !important}
.mh150{min-height:150px !important}
.mh200{min-height:200px !important}
.mh250{min-height:250px !important}
.mh300{min-height:300px !important}


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


.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;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}

.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}
.mb-40{margin-bottom:40px !important}
.mb-45{margin-bottom:45px !important}
.mb-50{margin-bottom:50px !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}
.mt-50{margin-top:50px !important}
.mt-70{margin-top:70px !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;
    }
}