
* 
{
    font-family: Montserrat, Verdana, Geneva, Tahoma, sans-serif;
    font-size: medium;
}

.hide
{
    visibility: hidden;
}

@media print 
{
    #non-printable { display: none; }
    #printable { display: block; }
}
  
.stats-content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}

.event-header 
{
    padding-left: 20px;
    min-height: 250px;
}

.seating-plan
{
    position: relative;
    height: 950px;
    width: 1000px;
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid gray;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.stage
{
    text-align: center;
    background-color: rgb(223,71,89);
    color: white;
}

.event-table
{
    position: absolute;
    border: 1px black solid;
    background-color: rgb(255,215,0);
    width: 78px;
    height: 182px;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

.event-row
{
    position: absolute;
    font-size: xx-large;
    width: 78px;
    height: 182px;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

.event-table-circle
{
    position: absolute;
    border: 1px black solid;
    height: 182px;
    width: 78px;
    background-color: rgb(255,215,0);
    margin: 15px 0px 15px 0px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.event-seat
{
    position: absolute;
    border: 1px black solid;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: white;
    color:black;
    font-size: x-small;
    text-align: center;
    padding: 2px;
}

.event-seat:hover{
	border: 1pt white solid; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px white;
    outline: 0 none;
}

#tbl_events {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
    word-wrap: break-word;
}

#tbl_events td, #tbl_events th {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 14px;
}

#tbl_events tr:hover {background-color: rgb(255,215,0);}

#tbl_events th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: rgb(223,71,89);
    color: white;
    font-size: 14px;
    position: sticky;
    top: 0;
    cursor: pointer;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #123fb3 !important;
}

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited {
    background-color: rgb(255,215,0) !important;
}

.wrapper {
    width: 95%;
    height: 600px;
    overflow-y: auto;
    margin-left: 20px;
    margin-bottom: 40px;
    margin-right: 20px;
}

a:link {
    color: #123fb3;
}

  
