h1 {color:black}
.data_label {width:100px}
.data_field {width:300px}
.data_field_billing {width:150px;padding-left:5px}

.data_label1 {width:50px}
.data_field1 {width:100px}
.data_field_billing1 {width:75px;padding-left:5px}


.data_field_billing_date{width:130px;padding-left:5px}
.data_label_list {width:150px;padding:5px}
.data_field_list {width:150px;margin-left:5px}
.input_text {height:50px;min-width:150px}
.input_text1 {height:50px;max-width:130px}
.input_text[type=button] {height:50px;min-width:50px}
.input_date {height:50px;min-width:180px}
.input_textarea {height:50px;min-width:400px;height:6em}
.input_textarea1 {height:50px;max-width:200px;height:6em}
select {height:50px;width:150px;background-color:white;text-align:center}
.list_input {margin-right:5px;width:150px}
.list_width {width:150px}
.float_left {float:left}
.float_right {float:left}
.clear_both {clear:both}
.div_half {width:50%}
.height50px {height:50px}
.height10px {height:10px}
.height20px {height:20px}
.height30px {height:30px}
.margin50 {margin:50px}
.margin_top_50 {margin-top:50px}
.margin_top_10 {margin-top:5px}
.margin_left {margin-left:10px}
.margin_left_100{margin-left:100px}
.margin_left_150{margin-left:150px}
.m_side {float:left}
.odd_line {background-color:#f0eae9;padding:5px}
.even_line {background-color:#e4dedd;padding:5px}
.hr {border:1px solid}
.width50px {width:50px}
#msg {color:green;font-size:bold;height:20px;padding:10px}
.center_text {text-align:center}
.right_text {text-align:right}
.left_text {text-align:left}
.smaller_fonts{font-size:12px}
.tasks {height:50px;font-size:12px}
/*.tnr_font {font-family: "Ariel"}*/
.tnr_font {font-family: "Times New Roman"}
.worksheet_font_bigger {font-size:16px;font-family: "Times New Roman"}
.letter_field {display:block;width:70%;height:300px}
.letter_field_hidden {display:none;width:1%}
.line_space_2em {line-height: 2.0;}
.line_space_15em {line-height: 1.5;}
.vertical_middle {vertical-align: middle;display:inline}
.small_div_100 {width:100px}
.number_input {width:100px;height:50px}
.italic {font-style:italic}
.bold {font-weight:bold}
.list_width_5_fields {width:120px}
.td_month_report {min-width:100px;text-align:left}
.text_left{text-align:left}
.td_month_report1 {min-width:250px}
.morning_report {width:200px}
.ul_no_style {  list-style-type: none;}
.address_block {height:100px;width:400px;margin:50px;line-height:1.2em;border:1px solid;vertical-align: middle;border-radius: 5px;}
.red {color:red}
.green {color:green}
.col_200 {width:200px;padding-left:15px}
.col_400 {width:400px;padding-left:15px}
.header_1 {width:300px;float:left}
.letter_content_input {height:300px;min-width:80%}
.letter_name {min-width:80%}
/*-----------------------------*/
/*-------------menu----------------*/
.menu_bar {background-color: #333;position: relative;z-index: 99;top:0;  position: fixed;width:100%}
.menu_bar ul {list-style-type: none;margin: 0;padding: 0;background: grey;}
.menu_bar li {display: inline-block;}
.menu_bar li a {color: white;display: block;	padding: 10px 20px;	text-decoration: none;}
.menu_bar ul ul {position: absolute;top: 100%;display: none;}
.menu_bar ul ul li {display: block;}
.menu_bar li:hover ul {display: block;}
.menu_bar ul ul li a:hover {background-color: #555;}
/*-----------------------------*/
/*-----------------------------*/
/**/
 /*{box-sizing: border-box;}*/

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: grey;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  top: 200px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  box-shadow: 10px 10px 5px #555;
  display: none;
  position: fixed;
  top: 30;
  right: 300px;
  border: 3px solid #f1f1f1;
  z-index: 9;
  /*box-shadow:2px 3px 5px #999;*/
}
.billing-popup {
  box-shadow: 10px 10px 5px #555;
  display: none;
  position: fixed;
  /*top: -100px;*/
  /*right: 0px;*/
  width:65%;
  /*height:50%;*/
  overflow: auto;
  border: 3px solid #f1f1f1;
  z-index: 100;
  background-color: #D3D3D3;
  /*box-shadow:2px 3px 5px #999;*/
}
.form-popup h3 {color:white}
/* Add styles to the form container */
.form-container {
  min-width: 300px;
  padding: 10px;
  background-color: #D3D3D3;
}

/* Full-width input fields */
/*
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}*/

/* When the inputs get focus, do something */
/*
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}
*/
/* Set a style for the submit/login button */
.btn { 
  color: black;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 30%;
  margin-bottom:10px;
  text-align:center;
  opacity: 1;
}

.form-container .btn { 
  color: black;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 30%;
  margin-bottom:10px;
  opacity: 1;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
	color: black;  
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
} 
/**/
/* pagination */
.current_pagination {background-color:lime;border-radius: 25px;}
.pagination {
  display: none;
  /*display: inline-block;*/
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}
/* pagination */
/* -----------------*/
/* drop down */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}
.dropdown-content {
  display: block;
  position: absolute;
  background-color: #f6f6f6;
  /*min-width: 230px;*/
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
.dropdown_list {display:none}
/*------reports----------------------*/
.report_header_header_left {width:20%}

.report_header_middle {width:60%}
.report_header_right {width:20%}
.report_header_middle1 {width:50%}
.report_header_right1 {width:27%}
.report_header_left1 {width:67%}
.report_fees_label {width:180px}
.report_fees_label1  {width:200px}
.t_header {width:100px;text-align:center}
.t_header1 {width:300px;text-align:left}
.yellow {background-color:yellow;color:red}
.14_font {font-size:14px}
.smaller_font {font-size:12px}
.report_line {border-top:1px solid;border-color: #333}
.worksheet_middle {width:100%;height:400px}
/*------reports----------------------*/
/*------find_client (payment)----------------------*/
.headers {width:70%;float:left} 
.header {width:25%;float:left} 
.
/*------find_client (payment)----------------------*/
.table_td_width_1 {width:200px}
.table_td_margin_1 {padding:10px}