:root {
--duck_colour: 13,100,127;  
 --footer_height:0px;  
 --right_menu_width:50px; 
 --left_menu_width:50px;   
 --content_height:calc(100vh - (var(--header_height) + var(--footer_height)));
}  

.admin_login_page .admin_main {min-width:0px;}
.admin_login_page .admin_content {min-width:0px;}
.admin_login_page .admin_left_menu {display:none;}
.admin_login_page .admin_right_menu {display:none;}

.page_container {}

.admin_screen_height {height:calc(100vh - (var(--header_height) + 20px));}

.books {height:325px;}


.admin_header {position: fixed; top: 0; left: 0; width: 100%; z-index: 500; background-color:rgba(var(--duck_colour),1); color: rgba(255,255,255,1); height: var(--header_height); box-sizing:border-box;}
.admin_main {position:relative; font-size:2em; min-width:300px; width:100%; margin-top:var(--header_height); min-height:calc(100vh - var(--header_height)); box-sizing:border-box;}


.no_menu .admin_left_menu {width:0;}

.admin_content { width: 100%; box-sizing: border-box; height:var(--content_height);} 

.admin_main_div {position: absolute; top:0; height:var(--content_height); width:calc(100% - (var(--left_menu_width) + var(--right_menu_width))); min-width:1000px; overflow-y: auto; z-index:1;}
.admin_left_menu {position: fixed; top:0; left: 0; height:100vh; padding-top:var(--header_height);  box-sizing: border-box; font-size: 1.6rem; overflow-y: auto; z-index:1;}
.admin_right_menu {position: fixed; top:0; right:0; height:100vh; padding-top:var(--header_height);  box-sizing:border-box;  width:var(--right_menu_width);overflow-y: auto;  z-index:1;}



.on_the_day {width:100%; height:calc(100vh - (var(--header_height) + 120px)); padding-bottom:20px;}


@media screen and (min-width : 1113px)
{
:root {
 --header_height: 90px;
 --right_menu_width:50px; 
 --left_menu_width:50px;       
} 

.admin_header { padding:0 10px;}
.admin_header .standard_header {display:table; width:100%; height:var(--header_height);}
.admin_header .standard_header .left_cell {display:table-cell; width:150px; vertical-align:middle;}
.admin_header .standard_header .left_cell img {max-width:80px; width:100%;}
.admin_header .standard_header .middle_cell {display:table-cell; vertical-align:middle; text-align:center; font-size:25pt; }
.admin_header .standard_header .right_cell {display:table-cell; width:150px; vertical-align:middle; text-align:right; padding-right:10px}

.admin_left_menu {width: var(--left_menu_width);}    
.admin_content > .has_left_menu {padding-left:var(--left_menu_width)!important;}
.admin_content > .has_right_menu {padding-right:var(--right_menu_width)!important;}

.on_the_day, .on_the_day_filters {padding-left:var(--left_menu_width)!important;}

.status_filters {display:inline-block;}
.status_filter, .clear_filters {padding:2px 3px;margin:3px 5px;}
.status_filter {width:55px;  font-size:12pt;}
.clear_filters {float:right; font-size:10px; line-height:11px; margin-top:5px;  border-width:2px;}
.number_search {width:300px; padding-left:20px;}
 
.book { width:48px;}


.admin_popup_content {margin-top: 20px!important;}
.tab_column > div {border:10px solid #fff; box-sizing:border-box;}

.index_tabbed_box{width:100%;height: 550px;}
.index_tabbed_box > .tabs {height: 40px; font-size:1.6rem}
.index_tabbed_box > .tabs > .tab {min-width: 150px;padding: 5px;}
.index_tabbed_box > .open_tab {padding: 0 10px 10px 10px; border-top:10px solid rgba(255,255,255,0); height: calc(100% - 40px);}

}

@media screen and (max-width : 1112px)
{
    :root {
 --header_height: 50px;
 --right_menu_width:0px; 
 --left_menu_width:50px;            
} 

.admin_header {}
.admin_header .standard_header {display:table; width:100%; height:var(--header_height); padding:5px; box-sizing:border-box;}
.admin_header .standard_header .left_cell {display:table-cell; width:100px; vertical-align:top;  }
.admin_header .standard_header .left_cell img {max-width:40px; width:100%;}
.admin_header .standard_header .middle_cell {display:table-cell; vertical-align:middle; text-align:center; font-size:15pt; }
.admin_header .standard_header .right_cell {display:table-cell; width:100px; vertical-align:middle; text-align:right; padding-bottom:5px}

.admin_content {padding:0 5px;}

.admin_left_menu {width: var(--left_menu_width); }     
.admin_content > .has_left_menu {padding-left:var(--left_menu_width)!important;}
.admin_content > .has_right_menu {padding-right:var(--right_menu_width)!important;}
.admin_popup_content {margin-top: 0px!important;}
.tab_column > div {border:2px solid #fff;}

.index_tabbed_box{width:100%;height: 90vh;}
.index_tabbed_box > .tabs {height: 30px; font-size:1.4rem}
.index_tabbed_box > .tabs > .tab {min-width: 100px;padding: 2px;}
.index_tabbed_box > .open_tab {padding: 0 5px 5px 5px; border-top:5px solid rgba(255,255,255,0); height: calc(100% - 30px);}


}
@media screen and (min-width:500px) and (max-width : 1112px)
{
.status_filters {display:inline-block; width:100%;}
.status_filter, .clear_filters {padding:2px 3px;margin:3px 5px;}  
.status_filter {width:55px;  font-size:12pt;}
.number_search {width:392px;}
.clear_filters {float:right; font-size:10px; line-height:11px; margin-top:5px;  border-width:2px;}
.book {width:55px;}  
.admin_popup {width:100%; max-width:800px}

}

@media screen and (max-width : 501px)
{
.for_small{}    
.not_for_small {display:none!important;} 
.status_filters {width:100%; height:35px; }
.status_filter, .clear_filters {margin:3px 2px;}    
.status_filter {width:40px;  font-size:9pt;padding:6px 3px;}
.clear_filters {float:right; font-size:10px; line-height:9px; padding:5px 3px;}
.number_search {width:233px;}
.book {width:55px} 
.admin_table_list {font-size:10pt;}

.admin_popup {width:100%;}
.admin_popup_content {width:100%; padding: 0px 5px 5px 5px!important;}
   
}    

/*.admin_header_inner {position:relative; width:100%; height:100px; }*/

.logo_container {font-size:12px; width: 440px; height: 90px; padding: 20px 30px; position:absolute; top:-5px; left:0px;}



.index_menu {display:inline-block; }

.index_box {box-sizing:border-box; width: 280px; padding: 0px 0px 11px 0px; margin: 0 10px 10px 10px;}





.settings_menu {width:50px;  padding:20px 5px; box-sizing:border-box; background-color:#efefef; height:100%;}



.admin_table_list {width:100%; border-bottom:2px solid rgb(var(--duck_colour));}
.admin_table > th{background-color:#f5f5f5; border-top:3px solid #888;  border-bottom:1px solid #888; text-align:left;}
.admin_table_list > td, .admin_table td{padding:2px 10px; vertical-align:middle; box-sizing:border-box;} 
.admin_table_list > tbody > tr:nth-child(odd) {background-color:#dfdfdf;}
.admin_table_list > tbody > tr:nth-child(even) {background-color:#fff;} 

.admin_table > tbody th {padding:0px 10px; vertical-align:middle; box-sizing:border-box;} 

.admin_table_list > tbody > tr > th, .admin_table_list .th {background-color:rgb(var(--duck_colour)); color:white; text-align:left;}

.admin_list_title > div {height:100%; vertical-align:middle;} 

.admin_table_list th.table_section_header {background-color:#f2facb; border-bottom: 1px solid #888; border-top: 1px solid #888; color:#000;  }



.admin_table_list tr.fixed_row td {padding:0;}
.admin_table_list tr.fixed_row td > div {border-top: 2px solid #888;border-bottom: 1px solid #888; background-color: #f5f5f5; box-sizing: border-box;}

.add_new {overflow:hidden; background-color:#dfdfdf; color:rgb(var(--duck_colour)); text-align:center;}
.add_new_large {width:48px; height:48px; line-height:48px; border-radius:2px; font-size:48px;}
.add_new_medium {width:36px; height:36px; line-height:36px; border-radius:2px; font-size:36px;}
.add_new_small {width:24px; height:24px;  line-height:24px; border-radius:2px;  font-size:24px;}



.admin_popup {overflow:visible; top:20px;} 
.admin_popup_close {right:-20px; top:-15px; width:50px; height:50px; border-radius:25px; background-color:#fff; border:0; font-size: 25px; line-height: 50px;color:#bfbfbf;} 







.tab_block {width:100%;}
.tab_block > div {background-color:#fff; border-radius:5px; padding:10px; box-sizing:border-box; width:100%; height:100%; overflow-y:auto;}

.tab_box .tab_column:first-of-type{padding-left:0px;}
.tab_box .tab_column:last-of-type{padding-right:0px;}
.tab_column {display:inline-block; padding:0 5px; box-sizing:border-box;  vertical-align:top; height:100%; overflow:hidden;}
.tab_column > div { background-color:#fff; border-radius:5px; width:100%;  height:100%; overflow-y:auto; }


.form_item {font-family: arial; border-radius:2px;border: 1px solid #cfcfcf;background-color: #efefef; color:#333; box-sizing:border-box;}
textarea.form_item {padding:2px;}
select.form_item option {color:#333;}




.book {display:inline-block; padding:2px 3px; border-radius:3px; margin:3px 5px; text-align:center; font-size:12pt; background-color:#efefef;}
.ticket {border:1px solid #888; padding:2px; border-radius:3px; margin:3px 0px; text-align:center; width:100%; max-width:250px; box-sizing:border-box;}
.status_option {display:inline-block; min-width:60px; padding:3px; margin:3px 10px; text-align:center; border-radius:3px; box-sizing:border-box;}

.sold {background-color:rgb(92, 161, 2); color:#fff; border-color:rgb(92, 161, 2);} 
.ducked {background-color:rgb(240, 156, 53); color:#fff; border-color:rgb(240, 156, 53);} 
.unsold {background-color:rgb(var(--duck_colour)); color:#fff; border-color:rgb(var(--duck_colour));} 
.unallocated {background-color:rgb(233, 245, 228); color:#000; border-color:rgb(233, 245, 228);} 
.partial {background-color:rgb(254, 240, 110); border-color:rgb(233, 245, 228);} 
.lost {background-color:rgb(0, 0, 0); border-color:rgb(0, 0, 0);  color:#fff;} 


.clear_filters {background-color:rgb(100, 100, 100);color:#fff;  border-color:rgb(100, 100, 100);}

.duck_card {width:100%; min-height:100px; margin-top:20px; margin-bottom:20px; box-sizing:border-box; text-align:left; border:2px solid #999; background-color:#fafafa;}

.highlight {background-color:#faf687;}


.status_filter, .clear_filters {display:inline-block; border-radius:3px; text-align:center; border-style: solid;}  
.status_filter { border-width:2px;}
.num_filter {display:none!important;}
.type_filter {display:none!important;}
.book_filter {display:none!important;}
.filter_on {border:2px solid #000!important; font-weight:bold}


/* Removes arrows on number inputd*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}