#dynamic_content, #login_form, .login_box{
  max-height:9999999999999px;
}

#top_search_div, .bigTable,  
#ui-datepicker-div, 
#detail_700_popup, #loading,
.login_title
{
  font-size:290%;
}

#login_form
{
  font-size:170%;
}

#left_menu_box, #dynamic_content,
td, h3, .bigbox_heading, .heading, .title,
input, select, option, textarea, 
.box_create,
.editButton, .deleteButton,
#ui-datepicker-div td, #ui-datepicker-div a,
#manageMemberBox, .early_come_box, 
.payment_table, .payment_table th, .payment_table td,
#login_form table, X#login_form td, X#login_form input, X#login_form select,
.selectLocation, .selectLocation a{
  font-size:100%;
}

.section_list_item .multi-line-block .update_block input, .section_list_item .multi-line-block .update_block textarea, .section_list_item .multi-line-block .update_block select,
div.locations_block a,
#bookingHistoryTable .title, #bookingHistoryTable td, #bookingHistoryTable tr.date td,
#packages_to_extend span{
  font-size:100% !important;
}

.booking_table , .booking_table td, #bookingHistoryTable, .early_come_box table{
  font-size:90%;
}
#bookingHistoryTable td.note{
  font-size:90% !important;
}

X{
  font-size:60%;
}

.section_list_item .show_block span,
div.locations_block a{
  line-height:130%;
}

/*************************** overall layout ******************************/

body{
  width:auto;
}

.bigTable:first-of-type{
  height:125px !important;
}

#dynamic_content, #staffListBox {
    top: 200px;
    left: 0px;
    line-height:150%;
}

#manageMemberBox .content , #manageMemberBox .introduced_members{
    width: 100%;
    box-sizing:border-box;
    margin-bottom: 30px;
}

/*************************** common ******************************/

input, select, textarea{
  max-width:100%;
}
textarea{
  width:100%;
}
select{
  overflow:hidden !important;
  width: 100%;
}
input[name=date_from], input[name=date_to]{
  width:205px !important;
}

.box_create th {
    min-width: 90px;
}
.box_create td, .box_create th {
    padding-top: 26px !important;
}

.update {
    background: url(../../imgs/edit.png) no-repeat;
    padding: 1px 19px;
    height: 63px;
    x: 40px;
    text-decoration: none;
    margin-right: 5px;
    color: red;
    background-size: auto 100%;
}

.editButton, .deleteButton {
    width: 108px;
    height: 58px;
}


.popup .close,
#detail_700_popup .close{
  zoom:2;
}


.payment_tables .payment_table {
    max-width: 100%;
    box-sizing: border-box;
}

.update_block textarea{
  height:300px;
  width:100%;
}

div.locations_block a {
    display: inline-block;
    margin-top: 10px;
}

.ui-datepicker-prev, .ui-datepicker-next{        
    zoom: 3;
    top: -19px !important;
}

#chosen_products, #product_create_form > .box_create{
    width: 550px;
}
input[name=addProductBtn]{
  margin-top: 10px;
}
a.delete_chosen_product_link{
  zoom:3;
}


/*************************** left menu ******************************/
                                 
#left_menu_switch{
  display:block !important;
  background:#ff6699;
    position:absolute;
  top:10px;
  left:10px;  
    width: 100px !important;
    height:80px;
    box-sizing:border-box;
    position: fixed;
    z-index:21;
    overflow:hidden;
    padding-top:24px;
}
#left_menu_switch .ln {
    width: 60px !important;
    height: 3px;
    box-sizing:border-box;
    Xbackground: #888;
    display: block;
    position: relative;
    Xmargin-bottom: 17px;
    height: 22px;
    border-top: 3px solid #888;
    margin-left:30px;
}

#left_menu_box{
  position:fixed;
  top:133px;
  left:0px;  
  display:none;
  z-index:20;
  height:100% !important;
  width:100%;
  overflow-y:scroll;       
  padding: 30px;
  background:#eeeeee;            
    margin-top: 0px !important;
}
#left_menu_box a{
  font-size:80%;
  Xpadding-top:10px;
  line-height:150%;
}

.bigbox_3{
    width:1px !important;
    overflow:hidden;    
}
.bigbox_3 > div:first-of-type{
  display:none !important;
}

/*************************** top  bar ******************************/

#top_div{
  height:135px;
}

#top_div .box:nth-child(1){
  border-right: none !important;
    display: block;
    width: 1px !important;
}
#top_div .box:nth-child(2){
  margin-left:105px;
}

#top_search_div input{
  width:150px;
  margin-top:10px;
}

#top_search_div .barcode_search_block{
  display:none;
}

#staff_functions_div{
  position: fixed;
    right: 0px;
    top: 0px;
    z-index: 30;
    display: block;
    font-size: 280%;
    color:#aaaaaa;
}
#staff_functions_div a{
  color:blue;
}

/******************************* member **********************************/

.memberInfoBox {
    width: 310px;
}
#manageMemberBox {
    top: 200px;
    left: 358px;
    border-left:none ;
}
#manageMemberBox .tab{
  width:220px;
}

.member_email_block .show_block span{
    word-break: break-all;
}


#manageMemberBox .early_come_box .booked_sessions a.button{
  white-space:nowrap;
}
#manageMemberBox .early_come_box td{
  padding-top:10px;
}

#manageMemberBox .content.package_color .addSubAccountBlock > input:first-of-type{
  width:70% !important;
  margin-left:10px;
}
#manageMemberBox .member_package_list_item > div,
#manageMemberBox .content.product_color .mp_payment > div{
  float:none !important;
}
#package_create_form [name=member_package_note]{
  width:440px;
}
#package_create_form td#packages_to_extend div {
    width: 550px;
}

#manageMemberBox #book_class_content{
  height:800px !important;
}
#manageMemberBox .booking_table > tbody > tr > td{
  padding-top:10px;
}
#manageMemberBox .booking_table > tbody > tr > td:last-of-type span, #manageMemberBox .booking_table > tbody tr > td:last-of-type a{
  Xdisplay:block;  
    white-space: nowrap;
}
#manageMemberBox .booking_table > tbody > tr > td:last-of-type .spacer{
  display:none;
}

#product_create_form > .box_create input,
#product_create_form > .box_create select,
#product_create_form > .box_create textarea{
  width:100%;
}               
#chosen_products [name=qty]{
  width:100px !important;
}

/****************************** login *************************/

#login_form , .login_box{
  width:670px;
}

.login_title{
  width:100%;
}


.login_box input{
  width: 500px;
}

.login_box td{
  padding-bottom:40px !important;
}

.login_box img {
    width: 400px;
    height: 200px;
    margin-bottom:20px;
}