@import "vars.css"; 

:root {

 --footer_height:0px;  
 --right_menu_width:250px; 
 --left_menu_width:300px;   
 --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;}
/*
.ellen_overlay{width:100vw; height:100vh; position:fixed; background-color:rgba(107,202,84,0.63);}
*/

.page_container {}


.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_screen_height {height:calc(100vh - (var(--header_height) + 20px));}


.admin_header {position: fixed; top: 0; left: 0; width: 100%; z-index: 500; background-color: #cdd9de; height: var(--header_height); border-bottom: 3px solid black; padding:0 10px; box-sizing:border-box;}
.admin_main {position:relative; min-width:1600px; width:100%; margin-top:var(--header_height); min-height:calc(100vh - var(--header_height)); box-sizing:border-box;}


.admin_popup_logo {position:absolute; left:0px; top:0px; width:100%; padding:5px; background-color:rgba(230,230,230,0.65); height:65px; box-sizing:border-box; box-shadow:0 2px 2px 0px #000;}
.admin_popup_content {overflow-y: auto; min-width:250px; box-sizing:border-box;}
.admin_popup_content #photoUploader {margin-top:20px;}

.admin_popup .popup_title {position:absolute; top:20px; width:100%; margin-left: auto;margin-right: auto;left: 0;right: 0; text-align: center; } 
.admin_popup_close {position: absolute; width: 50px; height: 50px;border-radius: 25px; display: grid; align-items: center; font-size: 25px;}

.move_booking_title {display:inline-block; text-align:center; font-size:1.5rem; padding-right:5px; font-weight:bold;}



.admin_input_box {background-color:#f0f0f0; border: 1px solid #cfcfcf; color:#444; font-family:arial; border-radius: 2px; resize: none;}

.splash_text_add {padding:0 5px; border:2px solid #000; border-radius:5px; background-color:#dfdfdf; text-align:center; vertical-align:middle;}


.no_menu .admin_left_menu {width:0;}


.page_content{;}
.admin_content { width: 100%; box-sizing: border-box; height:var(--content_height);} 
.admin_content > div {height:100%;}
.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: absolute; top:0; left: 0; height:var(--content_height);  box-sizing: border-box; font-size: 1.6rem; overflow-y: auto; z-index:1;}
.admin_right_menu {position: absolute; top:0; right:0; height:var(--content_height); width:var(--right_menu_width); box-sizing:border-box; background-color:#efefef; overflow-y: auto;  z-index:1;}


.operator_button {border:2px solid orange; background-color:#696969; color:#fff; font-weight:bold; border-radius:10px; width:280px; height:40px; line-height:40px; text-align:center; vertical-align:middle; font-size:20pt; display:inline-block;}
.operator_actions h2 {background-color:#696969; color:#fff; font-size:14pt; text-align:center; margin-bottom:5px;}
.grey_bottom_grid {border-bottom:1px solid #dfdfdf;}



@media screen and (min-width : 1113px)
{
:root {
 --header_height: 70px;    
} 

.admin_header .standard_header {display:table; width:100%; height:var(--header_height);}
.admin_header .standard_header .left_cell {display:table-cell; width:180px; vertical-align:middle;}
.admin_header .standard_header .left_cell img {max-width:150px; 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:180px; vertical-align:middle; text-align:right; padding-right:10px}

.admin_left_menu {width: var(--left_menu_width);}    
.activity_list_menu {min-width:var(--left_menu_width); padding-left:10px; box-sizing:border-box;}
.admin_content > .has_left_calendar {padding-left:var(--left_menu_width)!important;}
.admin_content > .has_left_menu {padding-left:var(--left_menu_width)!important;}
.admin_content > .has_right_menu {padding-right:var(--right_menu_width)!important;}
}


@media screen and (max-width : 1112px)
{
    :root {
 --header_height: 80px;        
} 

.admin_header .standard_header {display:table; width:100%; height:var(--header_height);}
.admin_header .standard_header .left_cell {display:table-cell; max-width:150px; width:100%; vertical-align:middle;  }
.admin_header .standard_header .left_cell img {max-width:190px; width:100%;}
.admin_header .standard_header .middle_cell {display:none;}
.admin_header .standard_header .right_cell {display:table-cell; width:100px; vertical-align:middle; text-align:right; padding-right:10px}

.admin_left_menu {width: var(--left_menu_width); }     
.activity_list_menu {min-width:150px; padding-left:5px; box-sizing:border-box;}

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

/*display:flex;*/


.admin_menu_group {padding:5px; margin:0 0 10px 0; font-size:1.4rem; width:100%; box-sizing:border-box;} 
.admin_menu_group li {margin-left:25px;}


.admin_table_list {width:100%; border-collapse: separate}
.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_list > tbody > tr:last-child{border-bottom:4px solid #888;}
.admin_table > tbody th {padding:0px 10px; vertical-align:middle; box-sizing:border-box;} 
.admin_list_title, .admin_table_list > tbody > tr > th {border-top: 2px solid #888; border-bottom: 1px solid #888; background-color: #f5f5f5; font-weight:bold; box-sizing:border-box;}
.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;  }


.add_button {padding:1px 3px; border-radius:5px; border:1px solid #444; font-size:1.2rem; font-weight:bold; display: inline-block; height: 13px; line-height: 15px; margin-top:3px; margin-right:5px;}
.plus_button {font-size:12pt; line-height:12pt; width:20px; height:20px; border:2px solid #888; border-radius:3px;}

.activity_group {border-bottom: 1px dotted black;}
 
 
.admin_search_box {border-bottom:3px solid #888; border-top:3px solid #888; margin-bottom:20px; padding-bottom:5px; text-align:center;}
.admin_search_box > div:first-of-type {border-bottom:1px solid #888; }
 
.admin_side_menu_group {border-bottom:3px solid #888; border-top:3px solid #888; margin-bottom:20px; padding-bottom:5px;}
.admin_side_menu_group > div:first-of-type {border-bottom:1px solid #888; }
 
 

.session_boats {}
.session_boats > div {}
.session_boats > div:nth-child(odd) {background-color:#dfdfdf;}
.session_boats > div:nth-child(even) {background-color:#fff;} 
.session_boats .cell {display:inline-block;padding:2px 0; font-size:1.1rem; line-height:18px; border-right:1px solid #cfcfcf; box-sizing:border-box; }
.session_boats .slot {cursor:cell; user-select: none;}
.session_boats .slot.selected {background-color:red;}
.session_boats .booked {border-radius:3px; font-size:1.2rem; padding:2px; box-sizing:border-box; position:absolute; top:1px; z-index:10; height:20px; font-weight:bold; border:0px; overflow:hidden;}
.session_boats .turn_around{background:repeating-linear-gradient( 45deg, #888, #888 10px, #666 10px, #666 20px);user-select: none; color:#fff;}





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


.index_tabbed_box{width:100%; height: calc(var(--content_height) - 20px);}
.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);}

.small_tabbed_box{width:100%; min-height:50px;}
.small_tabbed_box > .tabs {height: 25px; font-size:1.1rem}
.small_tabbed_box > .tabs > .tab {min-width: 150px;padding: 5px;}
.small_tabbed_box > .open_tab {padding: 10px; height: calc(100% - 25px);}


.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;  transform: translateZ(0px);}
.tab_column > div {position:relative;  background-color:#fff; border-radius:5px; padding:10px; box-sizing:border-box; width:100%;  height:100%; overflow-y:auto;}

.tab_column_fixed_header {position:fixed; width:calc(100% - 5px); top:0; left:5px; border-radius:5px 5px 0 0; box-sizing:border-box; padding:3px; z-index:9; }
.tab_column_fixed_footer {position:fixed; width:calc(100% - 5px);  bottom:0; border-radius:0 0 5px 5px; box-sizing:border-box; padding:3px }


.booking_confirmation_step:first-of-type {border-top:2px solid #888;}
.booking_confirmation_step {border-bottom:2px solid #888; padding:5px 0}

.status_indicator {display:inline-block; width:20px; height:20px; border-radius:10px;}

.payment_status_0, .order_status_0, .booking_status_1, .status_0  {background-color:rgba(235,58,52,1); color:#fff;}
.payment_status_1, .order_status_1, .booking_status_3, .status_1 {background-color:rgba(38,212,50,1);}
.payment_status_2, .booking_status_2 {background-color:rgba(212,139,38,1); color:#fff;}
.payment_status_3 {background-color:rgba(212,212,38,1);}
.payment_status_9, .order_status_9, .booking_status_9  {background-color:rgba(0,0,0,1); color:rgba(255,255,255,1);}



.icon {display:inline-block; width:32px; height:32px; overflow:hidden; margin:0 2px; box-sizing:border-box;}
.pre_activity{background-color:orange; color:#fff;}
.on_activity{background-color:#7f7fff; color:#fff;}
.post_activity{background-color:#696969; color:#fff;}
.late {position:absolute; color:rgb(65,65,65); font-size:25px; line-height:25px; left:50%; top:50%;  transform: translateX(-50%) translateY(-50%); text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; z-index:11; font-weight:bold;}




.launch_type {display:inline-block; padding:0 2px; border-top-left-radius:3px; border-bottom-left-radius:3px; font-weight:bold;}


.documents .document {display:inline-block; padding:3px; border-radius:4px; margin:3px; font-size:1.3rem; border:2px solid #efefef; background-color:#efefef;}
.documents .document.selected {border:2px solid #43d94d!important; background-color:#d1edd3!important; color:#000}
.documents .document.not_selected {color:#aaa;}


.photo_menu {font-size:20px;}
.photo_menu_item {width:300px;} 


.payment_tree td {width:100px;}
.tree_right {border-right:4px solid red ;}
.tree_left {border-left:4px solid red ;}
.tree_top {border-top: 4px solid red ;}


.returner {position:absolute; top:-75px; left:calc(50% - 100px); z-index:10000;}
.returner > div {width:200px; height:75px; box-sizing:border-box; background-color:#fcfcfc; border:4px solid #6f6f6f; border-radius:5px; padding:3px;}



/*Email classes*/
.email_edit {visibility:hidden;}
.email {width:100%; min-width: 600px; font-size:12px; font-family:arial;}
.email_footer {border-top:2px solid #888; border-bottom:2px solid #888; width:100%; font-size:0.8em; text-align:center; padding:6px 0px; margin:10px 0;}
.grey_box {background-color:#efefef; padding:3px;}
.top_margin_10_px {margin-top:10px;} 
.order_table {width:100%; font-size:1.15rem;}
.order_table th {background-color:rgba(var(--tcm),1); color: rgb(var(--tcm_text)); border-top:2px solid rgb(var(--tcm_text)); border-bottom:2px solid rgb(var(--tcm_text)); font-weight:bold; font-size:1.1em;}
.order_table td {padding:2px 0;}
.order_table td.new_item {border-top:2px solid #dfdfdf; padding-top:3px;}

.review_button {padding:10px 0; width:100%; max-width:400px; border-radius:20px; font-size:20px; text-align:center; display:inline-block; text-decoration:none!important;}
.review_button.tripadvisor {background-color:#00af87; color:#fff!important;}
.review_button.facebook {background-color:#4267b2; color:#fff!important;}
.review_button.google {background-color:#4285f4; color:#fff!important;}
.review_button.instagram {background-color:#c13584; color:#fff!important;}




.transactions_table {width:100%; font-size:0.9em;}
.transactions_table th {border-top:2px solid #888; border-bottom:2px solid #888; font-weight:bold;}
.transactions_table td {border-bottom:1px solid #888; padding:2px 0;}

.transaction_form {height:calc(15% - 10px)!important;}