:root {
 --header_height:90px;
 --footer_height:20px;  
 --left_menu_width:300px;
 --right_menu_width:250px;   
 --content_height:calc(100vh - (var(--header_height) + var(--footer_height)));
 --gc_green:#1d4b3d;
    }

::placeholder { 
  color: #cfcfcf;
  opacity: 1; 
}  




.admin_header {z-index:10; top:0; width:100%; height: var(--header_height);  position:fixed; background-color:var(--gc_green); left:0;  color: #fff; }
.admin_footer {z-index:10; bottom:0; width:100%; height: var(--footer_height);  position:fixed; background-color:var(--gc_green); left:0;  color: #fff; } 


.logged_in_box {position:absolute; top:10px; right:10px;}


.admin_side_menu {position:fixed; top:var(--header_height); height:var(--content_height); box-sizing:border-box;  z-index:49; }
  .has_left_menu .admin_left_menu {left:0px;  width:var(--left_menu_width);}
  .has_right_menu .admin_right_menu {right:0px; width:var(--right_menu_width);}
.admin_main {position:fixed; top:var(--header_height); width:100vw; height:var(--content_height);z-index:48;   box-sizing:border-box; }
  .has_left_menu  .admin_main {padding-left:var(--left_menu_width);}
  .has_right_menu .admin_main {padding-right:var(--right_menu_width);}
.admin_main > div { width:100%; height:var(--content_height); overflow-y:auto; box-sizing:border-box; }

.section_menu {position:fixed; top:var(--header_height); left:var(--left_menu_width); height:var(--content_height); background-color:#f5f5f5; padding:15px 5px 5px 5px;  box-sizing:border-box; vertical-align: top; align-items:flex-start; }


.admin_height {height:var(--content_height); padding-top:15px;}

.index_box {border: 2px solid #1d4b3d; box-sizing:border-box; width: 280px; padding: 0px 0px 11px 0px; margin: 0 10px 10px 10px; border-radius:2px;}
.index_box_header, .admin_login_title {background-image:url(/images/site/leaf.gif);  background-repeat: no-repeat; background-position:5px 0; padding-left:25px; font-weight:bold; background-color: #1d4b3d; color:#fff; text-align:left; height: 24px; font-size:1.5rem;}

.gc_border {border-color:var(--gc_green);}





.admin_list {height:var(--content_height); box-sizing:border-box; overflow:hidden; padding-top:15px;}
.admin_list table {position:relative;}

.admin_table_list .table_section_header {background-color:#f2facb; border-bottom:1px solid; border-top:1px solid #888; color:#000;}
.admin_table_list_popup {position:absolute; top:-20px; left:0%; display:none;  background-color:#fff; border:2px solid var(--gc_green); padding:5px; border-radius:5px; z-index:999;}

.fixed_row th, .fixed_row td {position:sticky;top: 0; z-index:9;}


.admin_tabbed_box{width: 100%; height: calc(var(--content_height) - 50px);}
.admin_tabbed_box > .tabs {height: 40px; font-size:1.6rem}
.admin_tabbed_box > .tabs > .tab > div {padding: 5px;}
.admin_tabbed_box > .open_tab {padding: 10px;height: calc(100% - 40px);}



.index_tabbed_box{width:100%;height: 750px;}
.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);}


.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; border:10px solid #fff; box-sizing:border-box; width:100%;  height:100%; overflow-y:auto; }




.admin_button{color:var(--gc_green); border:2px solid var(--gc_green); border-radius:5px; padding:3px; background-color:#efefef;}




.admin_popup_logo {position:absolute; left:0px; top:0px; }
.admin_popup_content {margin-top:10px; padding:0px 30px 20px 30px; font-size:1.7rem; }


.logo_container {position:absolute; top:5px; left:5px; box-sizing:border-box;}
.logo_container img {height:76;}


.label {display:inline-block; margin:3px; text-align:center; padding:2px; border-width:2px; border-style:solid; border-radius:5px; color:#000; border-color:#dfdfdf;}
.label.label_selected {border-color:var(--gc_green); color:var(--gc_green); background-color:#efefef; }

.add_to_order_form {width:100%; height:29px; background-color:#fff; color:#000; border-bottom:4px solid var(--gc_green);}
.add_to_order_product_select {position:absolute; top:32px; left:0px; width:400px; max-height:200px; font-size:1.4rem; border:2px solid grey; background-color:#fff; overflow-y:auto; overflow-x:hidden; z-index:9; }
.add_to_order_product_select .selected {background-color:#efefef; font-weight:bold;}
.add_to_order_product_select > div > .linkSubmit:hover {background-color:#dfdfdf;}
.product_code_search {margin-left:2px; width:75px; height:25px; font-size:2.2rem;}
.order_summary {position:absolute; display:flex; bottom:17px; left:0; height:20px; border-top:2px solid black; width:calc(100% - 20px); z-index:9; padding:5px 0; background-color:#efefef; margin:0 10px;}

.add_new {overflow:hidden; background-color:#dfdfdf; color:var(--gc_green); 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_header_inner {position:relative; width:100%; height:100px; }




.index_menu {display:inline-block; }

.admin_left_menu {position:fixed; left:0; top:0px; width:350px; height:100vh; box-sizing:border-box; padding:140px 10px 20px 10px; background-color:#fafafa; z-index:0; }


.admin_main {min-height:calc(100vh - 140px); padding:90px 0 0 0; width:100%; box-sizing:border-box;}
.admin_header {box-sizing:border-box; height:90px; padding:5px; background-color:#1d4b3d; margin-bottom:10px; text-align:left; position:fixed; z-index:99;}
*/



.admin_message {font-size:2rem; font-weight:bold; padding:5px; border:2px solid #1d4b3d; text-align:center;}



.admin_product_list {padding-right:20px; padding-bottom:50px;}

.admin_list  {list-style-type: disc; list-style-position: inside;}
.admin_input_box {background-color:#f0f0f0; border: 1px solid #cfcfcf; color:#444; font-family:arial; border-radius: 2px; resize: none;}
.admin_input_checkbox  {visibility: hidden;}
.admin_input_checkbox + label {cursor:pointer;}
.admin_input_checkbox + label:before  {background-color: #f0f0f0; border: 1px solid #cfcfcf; border-radius:2px; content: "\00a0"; display: inline-block; font-size: 16px; height: 20px;  padding: 0;  vertical-align: top;  width: 20px;}
.admin_input_checkbox:checked + label:before {background-color: #f0f0f0; color: #444;  content: "\2713"; text-align: center;}
.admin_search_button {display:block; margin:0px; padding:0; border:1px solid #fff; height:27px; width:27px; border-radius:4px; font-weight:bold; cursor:pointer; box-sizing: border-box}
.admin_search_button img {width:100%;}

.admin_table_list {width:100%; border-bottom:2px solid var(--gc_green);}
.admin_table_list > tbody > tr > th, .admin_table_list .th {background-color:var(--gc_green); color:white; text-align:left;}
.admin_table_list > tbody > tr > th, .admin_table_list> tbody > tr > td, .admin_table_list .th, .admin_table_list .td{padding:2px 10px; vertical-align:middle; box-sizing:border-box;} 
.admin_table_list > tbody > tr:nth-child(odd), .admin_table_list .tr:nth-child(odd), .admin_row:nth-child(odd) {background-color:#dfdfdf;}
.admin_table_list > tbody > tr:nth-child(even), .admin_table_list .tr:nth-child(even), .admin_row:nth-child(even) {background-color:#fff;}
.admin_table_list img {width:100%; display: block; max-width:none;}
.admin_table_scrollable_div {overflow:hidden; overflow-x:hidden; overflow-y:scroll; border: 1px solid #dfdfdf;}

.admin_table_list .section_end > td {border-bottom:2px solid var(--gc_green);}
.admin_table_list td.section_group {border-bottom:2px solid var(--gc_green); background-color:#fff;}
.admin_table_list td.section_group:first-of-type {border-right:2px solid var(--gc_green);}
.admin_table_list td.section_group:last-of-type {border-left:2px solid var(--gc_green);}

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

.admin_table_list > tbody > tr.filtered {display:none;}
.admin_table_list > tbody > tr.autoselected {border:2px solid yellow; font-weight:bold; background-color:#2f41e6;}


.admin_select_div {position:absolute; left:0; top:25px; background-color:#efefef; border:2px solid var(--gc_green); min-height:100px; max-height:200px; overflow-y:scroll;}

.pay_state {display:inline-block; min-width:50px; height:17px; margin-bottom:4px; border-radius:3px; padding:0 2px; font-size:1.2rem; color:#fff; text-align:center;}
.unpaid {background-color:red;}
.part_paid {background-color:orange;}
.refund_due {background-color:#99cc00;}
.paid {background-color:green;}

.delete_image {display:none;}

.order_management_bar{width:250px; position:fixed; left:1200px; top:0px; background-color:#dfdfdf; height:calc(100vh); z-index:49; padding:100px 5px 5px 5px; box-sizing:border-box;}
.cancel_order {position:absolute; bottom:10px; width:100%; text-align:center;}

.add_button {display:inline-block; width:20px; height:20px; line-height:14px; font-size:14px; padding:3px; border-radius:10px; background-color:#bfbfbf; color:#fff; box-sizing:border-box; text-align:center;}

.screen_height {height:calc(100vh - 120px);}



.spaced_cells .td {padding:3px 5px;}
.spaced_cells .td:first-child {padding-left:0}
.spaced_cells .td:last-child {padding-left:0}

.no_spaced_cells {border-collapse: separate; border-spacing: 0px;}
.cell_border {border:2px solid #000;}

.page_builder {height:calc(100vh - 190px); }
.page_builder_details {width:400px;}
.page_builder_content { background-color:#efefef}
.page_builder_content textarea {width:100%; min-height:200px; box-sizing:border-box;}
.page_builder_controls {width:60px;}

.add_content_button {display:inline-block; padding:3px; margin:2px 3px; background-color:#88c5e8; color:#000; border:2px solid #000; border-radius:8px;}

/*
.section_menu {width:100%; background-color:#dfdfdf; padding:3px; box-sizing:border-box;}
.section_menu_item {display:inline-block; padding:2px; font-size:2rem; background-color:#efefef; text-decoration:none; border-radius: 5px; border:2px solid #1d4b3d; color:#1d4b3d;}
*/
#editor {overflow-y:scroll;}
#editor .content_section {padding:10px;}

.content_title {padding:3px; display:inline-block} 
.content_update_status {color:#fff; border-radius:5px;}

.range_menu_item {font-size:1.5rem; padding:5px; text-align:center; box-sizing:border-box; display:inline-block;}
.range_menu_item_inner {padding:0 3px; border-radius:3px;}
.product_td {width:100px;  text-align:center;}



/*toggle switch*/
.switch {position: relative; display: inline-block; width: 33px; height: 15px;}
.switch input {display:none;}
.slider {position:absolute; cursor:pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; z-index:1;}

.slider:before {position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #1d4b3d;}
input:focus + .slider {box-shadow: 0 0 1px #1d4b3d;}
input:checked + .slider:before {-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}
.slider.round {border-radius: 13px;}
.slider.round:before {border-radius: 50%;}

.status_bar {background-color:#1d4b3d; padding:2px; border-radius:8px;}


.upload_terminal { height: 80vh; margin: 10px; min-width: 600px; overflow-y: auto; border: 1px solid black; background-color: #efefef; padding: 5px; font-family: courier; font-size: 1.3rem;}

.status_live {transform: rotate(-90deg) translateY(-50%) translateX(-50%); transform-origin: top center; font-size:3rem; font-family:impact; color:#4f462e; width:50px;}


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