/* Base style */

.main-heading{
    font-size: 40px;
    color: #222222;
    font-weight: 600;
  }
  .small-heading{
    font-size: 35px;
    color: #222222;
    font-weight: 500;
  }
  .ticket-status span{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    background-color: #222222;
    margin-right: 15px;
  }
  .status-container li:not(:last-child){
   margin-right: 120px;
  }
  .available-status span{
    background-color: #0E55A7;
  }
  .available-status{
    color: #0E55A7;
  }
  .in-cart-status span {
    background-color: #37B662;
    flex-shrink: 0;
  }
  .in-cart-status{
    color:#37B662 ;
  }
  .booked-status span{
    background-color: #E5110C;
  }
  .booked-status{
    color:#E5110C;
  }
  .second-main-heading {
    font-size: 16px;
    color: #222222;
    font-weight: 500;
  }
  .ticket-slot-booking {
    font-size: 20px;
  }
  .seat-selection span {
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    width: 25px;
    flex-shrink: 0;
    text-align: center;
  }
  .seat-selection .seat-row{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 20px;
  }
  .screen-img{
    margin-bottom: 100px;
  }
  .seat-area {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0;
  }
  .visible-hidden{
    visibility: hidden;
  }
  .seat-area li{
    margin: 0;
    width: 20px;
  }
  .second-row{
    margin-bottom: 80px;
  }

  .list-inline-item.in-cart svg path:not(:first-child
  ){
    fill: #37B662;
  }


  .list-inline-item.booked svg path:not(:first-child){
    fill: #E5110C;
  }
  .seat-area li img{
    width: 30px;
  }
  .list-inline-item:not(:last-child) {
    margin-right: 0;
}
.seat-area{
  width: -webkit-fill-available !important;
  height: -webkit-fill-available !important;
}

.table .alert-warning {
  color: #b38f3f;
  background-color: #fff0ce !important;
  border-color: #ffebbd !important;
  --bs-table-striped-bg: #ffebbd!important;
}

.error {
  color: red;
}

.toast-position{
  position: absolute; top: 0; right: 0;min-width: 300px;
}

.screen-wrapper{
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  gap: 10px;
}
.screen-wrapper > div:first-child {
  margin-left: auto;
}
.screen-wrapper > div:last-child {
  margin-right: auto;
}

.screen-wrapper > .horizontal-seats:first-child {
  margin-left: auto;
  border:1px #000;
}
.screen-wrapper > .horizontal-seats:last-child {
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .toast-position{
    position: initial; top: 0; right: 0;min-width: 300px;
  }
}
.custom-style{
    margin-left: 25%;
    margin-top: -3.1%;
    margin-bottom: 2%;
    width: 37%;
}
@media only screen
and (min-width: 1370px)
and (max-width: 1605px)
{
    .custom-style{
        margin-left: 25%;
        margin-top: -3.1%;
        margin-bottom: 2%;
        width: 37%;

    }
    #fileSelect{
        width: 39%;
        margin-left: 2%;
        margin-bottom: 2%;

    }
}

/* For 1366 Resolution */
@media only screen
and (min-width: 1030px)
and (max-width: 1366px)
{
    .custom-style{
        margin-left: 25%;
        margin-top: -2.9%;
        margin-bottom: 2%;
        width: 37%;
    }
    #fileSelect{
        width: 39%;
        margin-left: 2%;
        margin-bottom: 2%;

    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{
    .custom-style{
        margin-left: 25%;
        margin-top: -2.9%;
        margin-bottom: 2%;
        width: 37%;
    }
    #fileSelect{
        width: 39%;
        margin-left: 2%;
        margin-bottom: 2%;
    }
}
@media only screen
and (max-device-width : 767px)
and (max-device-width : 767px)
{
    .custom-style{
        margin-left: 25%;
        margin-top: -2.9%;
        margin-bottom: 2%;
        width: 37%;
    }
    #fileSelect{
        width: 39%;
        margin-left: 2%;
    }
}

/* For 480 Resolution */
@media only screen
and (min-device-width : 641px)
and (max-device-width : 480px)
{ .custom-style{
    margin-left: 10%;
    margin-top: -2.9%;
    background: #0E55A7;
    width: 37%;
}
#fileSelect{
    width: 39%;
    margin-left: 2%;
}
}

/* For 640 Resolution */
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
{
    .custom-style{
        margin-left: 10%;
        margin-top: -2.9%;
        background: #d80c13;
        width: 37%;
    }
        #fileSelect{
        width: 39%;
        margin-left: 2%;
    }
}

#qrr-output-data,
#qrr-output,
#qrr-ok {
  display: none !important;
}

.border-red {
  border: solid 1px #E5110C;
}

/* 26/06/2024 */

#page-topbar, .navbar-brand-box, #sidebar-menu{
  background-color: #000000 !important;
  border: none !important;
  
}

.navbar-brand-box{
  border-bottom: 1px solid #76676766 !important;
  /* border-bottom: 1px solid #e9ecef !important; */
  /* color: #e9ecef; */
}

.header-btn .header-item{
  background-color: #414f5366;
}

#sidebar-menu ul li a, #sidebar-menu .dripicons-ticket{
  color: #fff;
  font-weight: 400 !important;
}

#sidebar-menu ul li a:hover, #side-menu li a:hover svg, #sidebar-menu .dripicons-ticket:hover, #sidebar-menu ul li a:hover i{
  color: #00aeef !important;
}

#sidebar-menu ul li a svg{
  color: #fff;
}
#side-menu .mm-active{
  color: #00aeef !important;
}
#side-menu .mm-active .active, #side-menu .mm-active .active svg{
  color: #00aeef !important;
}

.mm-active>a, .mm-active>a svg{
  color: #00aeef !important;
}

.org-heading{
  background: #000000 !important;
}

.custom-btn{
  background: #00aeef;
    color: #fff;
}

.custom-btn:hover{
  color: #fff;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #00aeef !important;
  border-color: #00aeef !important;
}

div#sidebar-menu {
  height: 100vh;
}


a.btn.btn-sm.view-btn.float-right {
  border: 1px solid #00aeef !important;
  color: #00aeef;
}

a.btn.btn-sm.view-btn.float-right:hover{
  background-color: #00aeef;
  color: #fff;
}

.user-ticket{
  position: relative;
  text-align: center;
}
.user-ticket img{
  width: 85%;
}
.user-ticket-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 600;
  font-size: x-large;
}

.vertical-menu #sidebar-menu>ul>li:hover>a {
  position: relative;
  width: 260px;
  color: #00aeef;
  background-color: #000000 !important;
  transition: none;
}

.auth-full-page-content {
  min-height: 100vh;
  background-color: #000 !important;
}

.auth-full-page-content .auth-content h5,
.auth-full-page-content .auth-content .text-muted,
#venueForm .form-check-label,
.auth-full-page-content .auth-content {
  color: #fff !important;
}

.login-btn:hover{
  background: #0e96c7;
}

.form-floating-custom label, .form-floating-custom label, .mdi-eye-outline:before{
  color: #000 !important;
}
.simplebar-offset{
  background-color: #000;
}

.mm-active .submenu{
  width: 100%;
  background-color: #000 !important;
}
.mm-active .submenu .nav-link{
  color: #fff !important;
  font-weight: 500 !important;
}
.current-menu{
  padding: 0 !important;
  width: 191px !important;
  left: 69px !important;
}
i.mdi.mdi-account-tie {
  color: #fff !important;
}

.dlt-sm-btn {
  padding-top: 30px !important;
}


/* 07/04/2024 */

.cstm-input-height input{
  height: 37px !important;
}


/* 07/17/2024 */

/* .daysmultiselect .select2-container {
  width: 100%;
} */

/*22/07/2024*/
.login-bg .bg-overlay {
  background: linear-gradient(180deg, rgb(43 57 64 / 42%) 30%, #2b39406e);
}