body {
    color: #212529;
    background-color: #efefef;}


#header-outer { 
    color: #212529;
    background-color: rgba(255,255,255,1);    
    max-width: 1200px;
    margin-top: 20px;
    border: 1px solid #CFCFCF;
    border-bottom: 0px;
}
#header-inner {   }
#header-logo { background-image: url('https://tickets.tygit.com/default-theme/default-header-logo.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 20px;  }
#body-outer { padding: 0px; }
#body-inner { padding: 0px; }
#content { 
    background-color: #ffffff;  margin-top: 0px;    margin-bottom: 0px;    min-height: 600px;    padding-top: 20px; 
    padding-bottom: 20px;
    max-width: 1200px;
    border: 1px solid #CFCFCF;
    border-top: 0px;
    border-bottom: 0px;
}
#content-footer { 
    background-color: #ffffff;  margin-top: 0px;    margin-bottom: 0px; 
    max-width: 1200px;
    border: 1px solid #CFCFCF;
    border-top: 0px;
    border-bottom: 0px;
}
#footer-outer { 
    color: #212529;
    background-color: #ffffff;
    max-width: 1200px;
    border: 1px solid #CFCFCF;
    border-top: 0px;
    margin-bottom: 20px;
}
#footer-inner {   }
#footer-content {  
    margin-top: 20px;    margin-bottom: 20px;}






/* Tab Styles Start */
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  color: #212529;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #e9ecef;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: transparent;
  border-color: #dee2e6 #dee2e6 #ffffff;
}
/* Tab Styles End */


/* Stepper Styles Start */
.stepper .step-line .step-title:after, .stepper .step-line .step-title:before {
    content: '';
    height: 3px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5; /* Before */
    top: -32px;
    z-index: 4;
    transform: translateY(-100%);
}
.stepper .step-line .step-title:after {
    left: 50%;
}
.stepper .step-line .first .step-title:before, .stepper .step-line .last .step-title:after {
    content: none;
}
.stepper .step-line .step-title:before {
    right: 50%;
}
.stepper .step-line .step-number {
    color: #e5e5e5!important;
    font-size: 26px;
    border-radius: 50%!important;
    display: inline-block;
    margin: auto auto 5px;
    padding: 9px;
    border: 3px solid #e5e5e5; /* Before */
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    text-align: center;
}
.stepper .step-line .done .step-title:after, .stepper .step-line .done .step-title:before {
    background-color: #26c281; /* Done */
}
.stepper .step-line .active .step-title:after, .stepper .step-line .active .step-title:before {
    background-color: #39b6e3; /* Active */
}
.stepper .step-line .done .step-number {
    color: #26c281!important; /* Done */
    border-color: #26c281!important; /* Done */
}
.stepper .step-line .step-title {
    color: #e5e5e5!important;
    font-size: 20px;
    font-weight: 400;
    position: relative;
}
.stepper .step-line .done .step-content, .stepper .step-line .done .step-title {
    color: #26c281!important; /* Done */
}
.stepper .step-line .done .step-content a, .stepper .step-line .done .step-title a {
    color: #26c281!important; /* Done */
}    
.stepper .step-line .active .step-number {
    color: #39b6e3!important; /* Active */
    border-color: #39b6e3!important; /* Active */
}
.stepper .step-line .active .step-content, .stepper .step-line .active .step-title {
    color: #39b6e3!important; /* Active */
}
/* Stepper Styles End */

/* Calendar Styles Start */
a.basket-choose-date-cell {
    color: #212529;
    background-color: #b7d976; 
#b7d976}
span.cal-not-selected { 
    color: #555; 
}
span.cal-selected { 
    color: #212529; 
    background-color: #fdcd3a; 
    #fdcd3a}
.cal-container a.event { 
    color: #212529;
    background-color: #b7d976; 
    #b7d976}
.cal-container a.event:hover {
    color: #212529; 
    background-color: #fdcd3a; 
    #fdcd3a}
.cal-container div.sold-out-event {
    color: #212529;
    background-color: #ff6666; 
    #ff6666}
/* Calendar Styles End */

/* Table Styles Start */
.table-striped th,
.table-striped td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: transparent;
}

.table-hover .table-light:hover {
  background-color: transparent;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: transparent;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
}

.table-striped tbody tr.odd {
  color: #212529;
  background-color: #f2f2f2;
}

.table-striped tbody tr.even {
  color: #212529;
  background-color: #ffffff;
}

.table thead tr {
    background-color: #ffffff;
    color: #212529;
}
    
.table-striped tbody tr.odd a {
    color: #212529;
}

.table-striped tbody tr.even a {
    color: #212529;
}
    
/* Table Styles End */

/* Card Styles Start */

.card {
  color: #212529;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid #dfdfdf;
  border-radius: 0.25rem;
}

.card a.text-link {
  color: #212529;
}

.card .title {
    color: #212529;
}
    
.card .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.card .nav-tabs .nav-item {
  margin-bottom: -1px;
}

.card .nav-tabs .nav-link {
  color: #212529;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card .nav-tabs .nav-link:hover, .card .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #e9ecef;
}

.card .nav-tabs .nav-link.active,
.card .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #ffffff;
  border-color: #dee2e6 #dee2e6 #ffffff;
}

.time-remaing-container {
  background-color: #ffffff;  border: none;
  color: #212529;
}
    
.card.tyg-wallet, .card.tyg-wallet .card  {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,0.125);
}
.card.tyg-wallet a, .card.tyg-wallet .card a {
    color: #000000;
}
.card.tyg-wallet .btn-outline-danger {
    color: #dc3545;
    border-radius: 25px;
}
.card.tyg-wallet .btn-outline-danger:hover {
    color: #ffffff;
}

.card.tyg-wallet .btn-tyg-wallet {
    background-color: #31A2D1;
    color: #ffffff;
    border-radius: 25px;
}

.card.tyg-wallet .btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}
 

.card.tyg-wallet .table-striped th,
.card.tyg-wallet .table-striped td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #cccccc;
}

.card.tyg-wallet .table-light,
.card.tyg-wallet .table-light > th,
.card.tyg-wallet .table-light > td {
  background-color: transparent;
}

.card.tyg-wallet .table-hover .table-light:hover {
  background-color: transparent;
}

.card.tyg-wallet .table-hover .table-light:hover > td,
.card.tyg-wallet .table-hover .table-light:hover > th {
  background-color: transparent;
}

.card.tyg-wallet .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #cccccc;
}

.card.tyg-wallet .table-striped tbody tr.odd {
  color: #000000;
  background-color: #eeeeee;
}

.card.tyg-wallet .table-striped tbody tr.even {
  color: #000000;
  background-color: #ffffff;
}

.card.tyg-wallet .table thead tr {
    background-color: transparent;
    color: #000000;
}
.card.tyg-wallet .table-hover a .table-light:hover a {
    color: #000000;
}
    
.group-list-item {
  color: #212529;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid #dddddd;
  border-radius: 0.25rem;
}


    
.group-list-item h5.card-title {
  color: #212529;
  text-align: left!important;
}
    
.group-list-item .card-text {
    text-align: left!important;
}  
    
.group-list-item-btn {
    text-align: right!important;
}
    
.group-list-item .card-footer {
    border-top: none;
}



/* Card Styles End */

/* Seating Plan Start */

.seating-plan-card {
  color: #212529;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid #dfdfdf;
  border-radius: 0.25rem;
}
    
 .seating-plan-title {
    color: #212529;
 }
    
.seating-block-direction-indicator {
    color: #212529;
} 

#seating-plan-ticket-types .table-striped th,
#seating-plan-ticket-types .table-striped td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
    
#seating-plan-ticket-types .table-striped tbody tr.odd {
  color: #212529;
  background-color: #f2f2f2;
}

#seating-plan-ticket-types .table-striped tbody tr.even {
  color: #212529;
  background-color: #ffffff;
} 

#seating-plan-ticket-types .table-striped tbody tr.active {
    background-color: #fdcd3a;
    color: #212529;
}
#seating-plan-ticket-types tr a, #seating-plan-ticket-types tr.active a {
    color: #212529;
}

#seating-plan-grid td.grid-cell {
    color: #000;
}  

.seating-plan-notes {
  color: #212529;
  background-color: #f2f2f2;
  border: 1px solid #dfdfdf;
}
    
#seating-block-notes-title {
    color: #212529;
}

/* Seating Plan End */
    
/* Button Styles Start */
.btn-primary {
  color: #ffffff!important; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}

.btn-primary:hover {
  color: #ffffff!important;
  background-color: #31a2d1;
  border-color: #31a2d1;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff!important; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #555555!important;
  background-color: #aaaaaa;
  border-color: #aaaaaa;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
  color: #ffffff!important; 
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #ffffff!important; 
  background-color: #5a6268;
  border-color: #5a6268;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff!important; 
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #ffffff!important; 
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #ffffff!important;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #545b62;
  background-color: ;
  border-color: #545b62;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.nav-pills .nav-link {
  color: #ffffff; 
  background-color: #6c757d;
  border-color: #6c757d;
}
    
.nav-pills .nav-link:hover {
  color: #ffffff; 
  background-color: #5a6268;
  border-color: #5a6268;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}
    
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link:hover {
  color: #ffffff;
  background-color: #31a2d1;
  border-color: #31a2d1;
}

/* Button Styles End */

/* Summary Basket Start */
#summary-basket {
    width: 260px;
    float: right;
    padding: 10px;
    font-size: 90%;
    margin-top: 50px;
    margin-right: -15px;
    color: #212529;
    background-color: #ffffff;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0.25rem;}
#summary-basket-xs {
    padding: 10px 5px;
    font-size: 90%;
    margin-top: 5px;
    color: #212529;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0.25rem;}
    
#summary-basket .btn-primary, #summary-basket-xs .btn-primary {
  color: #ffffff; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}

#summary-basket .btn-primary:hover,
#summary-basket-xs .btn-primary:hover{
  color: #ffffff;
  background-color: #31a2d1;
  border-color: #31a2d1;
}

#summary-basket .btn-primary:focus, #summary-basket .btn-primary.focus,
#summary-basket-xs .btn-primary:focus, #summary-basket-xs .btn-primary.focus{
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

#summary-basket .btn-primary.disabled, #summary-basket .btn-primary:disabled,
#summary-basket-xs .btn-primary.disabled, #summary-basket-xs .btn-primary:disabled{
  color: #ffffff; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}

#summary-basket .btn-primary:not(:disabled):not(.disabled):active, #summary-basket .btn-primary:not(:disabled):not(.disabled).active,
#summary-basket .show > .btn-primary.dropdown-toggle,
#summary-basket-xs .btn-primary:not(:disabled):not(.disabled):active, #summary-basket-xs .btn-primary:not(:disabled):not(.disabled).active,
#summary-basket-xs .show > .btn-primary.dropdown-toggle{
  color: #ffffff;
  background-color: #39b6e3;
  border-color: #39b6e3;
}

#summary-basket .btn-primary:not(:disabled):not(.disabled):active:focus, #summary-basket .btn-primary:not(:disabled):not(.disabled).active:focus,
#summary-basket .show > .btn-primary.dropdown-toggle:focus, 
#summary-basket-xs .btn-primary:not(:disabled):not(.disabled):active:focus, #summary-basket-xs .btn-primary:not(:disabled):not(.disabled).active:focus,
#summary-basket-xs .show > .btn-primary.dropdown-toggle:focus{
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
/* Summart Basket End */

/* Carousel Start */

.carousel-caption {
  color: #ffffff!important; 
  background-color: rgba(0,0,0,0.5);
  padding: 20px;
}

.carousel-caption .btn-primary {
  color: #ffffff!important; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}

.carousel-caption .btn-primary:hover {
  color: #ffffff!important;
  background-color: #31a2d1;
  border-color: #31a2d1;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.carousel-caption .btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff!important; 
  background-color: #39b6e3;
  border-color: #39b6e3;
}

/* Carousel End */


    
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    #header-outer {    }
    #header-logo {  height:  138px; }
    #footer-outer {  }
    #footer-logo {   }
    #summary-basket {margin-top:  20px;margin-bottom:  20px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #header-outer {    }
    #header-logo {   }
    #footer-outer {  }
    #footer-logo {   }
    #summary-basket {}
    /*.group-list-item .card-body {min-height: 300px;}*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #header-outer {    }
    #header-logo {   }
    #footer-outer {  }
    #footer-logo {   }
    #summary-basket {}
    /*.group-list-item .card-body {min-height: 350px;}*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #header-outer {    }
    #header-logo {   }
    #footer-outer {  }
    #footer-logo {   }
    #summary-basket {}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    #header-outer {    }
    #header-logo {  height:  69px; }
    #footer-outer {  }
    #footer-logo {   }
    #summary-basket-xs {margin-top:  5px;margin-bottom:  5px;}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {  
    
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {  
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1229.98px) { 
    body {
        background-color: #ffffff;
    }
    #header-outer {
        margin-top: 0px;
        border: 0;
    }
    #content {
        border: 0;
    }
    #footer-outer {
        margin-bottom: 0px;
        border: 0;
    }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
/*.card.group-list-item  {min-height: 470px;}*/
}
#page-banner {
    text-align: center;
}
#page-banner-title { 

    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none; 
  }
  
td.qty-col input.quantity { min-width: 40px; max-width: 100px; }