@CHARSET "ISO-8859-1";

@-webkit-viewport {
	width: device-width;
}
@-moz-viewport { 
	width: device-width;
}
@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

html {
  	overflow-y: auto;
	font-family: 'Roboto', sans-serif;
	color: #d4d5d6;
}

img{
  	max-width: 100%;
	border: none;
}

button{
	
	-webkit-appearance: none;
	border: none;
	
}

body{
	margin: 0px;
	cursor: default;
}

.size_img_login{
	max-height: 350px;
}

.row_width a{
	
	text-decoration: none;
	color: #434244 !important;
}

.row_width_sinpadding{
		width: 180px;
		padding: 0px;
	}

::selection { 
     background:#f7caca; 
} 
::-webkit-selection { 
     background:#f7caca; 
}

::-moz-selection {
     background:#f7caca;
}


.main{
	max-width: 1600px;
	width: 90%;
	margin:0px auto;
	
	
}

.main_login{
	margin: 0px auto;
	width: 70%;
	height: auto;
	display:flex;
	
}
.footer{
	text-align: center;
	clear:both;
	width: 100%;
	margin: auto;
	font-size: 10px;
	margin-top: 60px;
	display: inline-block;	
	margin-bottom: 10px;	
	color: #939497;
	
}

.footer2{
	
	margin-top:50px !important;
}

.footer a{
	text-decoration:underline;
	color: #939497;
}

.section_left{
	width: 50%;
	float: left;
	margin:auto;
}
	
.section_right{
	
	float: left;
	margin-top: 20px;
	width: 40%;
}

.size_logo_login_mov{
	display: none;
}

.logo_sec_right{
	
	width: 70%;
	height: auto;
	margin-bottom: 30px;
}

.inputs_login .input_login{
	width: 100%;
	margin-top: 17px;
	height: 30px;
	padding-left: 8px;
}


.img_back_img{
	
	height: 30px;
	width: 30px;
	margin-top: 17px;
	
}

.img_back{
	
	height: 30px;
	width: 30px;
}


.btn_login{
    color: white;
    background-color: #439CCA;
    width: 50%;
    margin-top: 17px;
    height: 35px;
    cursor: pointer;
    font-size: 16px;
}

.footer_mini{
	display: none;
}

.footer_large{
	display: block;
}

.login_console{
	width: 90%;
	font-size: 12px;
	margin-top: 22px;
	height: auto;
	color: #939497;
}

.forgot_user_pass{
	
	width: 90%;
	font-size: 12px;
	margin-top: 30px;
	height: auto;
	color: #424143;
}

.forgot_user_pass a{
	text-decoration:none;
	color: #8A0045;
	font-style: oblique;
	font-weight: bold;
}

.confirmation_register{
	color: #8A0045;
	font-weight: bold;
	margin-top: 20px;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	font-size: 18px;	
}

.text_forgoten{
	
	margin-top: 20px;
	width: 90%;
	height: auto;
	margin-bottom: 10px;
	font-size: 14px;
	color: #939497;
}

.screen_background{
	background: url('../images/screen02_back.png') no-repeat center center fixed;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/screen02_back.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/screen02_back.png', sizingMethod='scale')";*/
	z-index: -1;
}

.header_all{
	height: 110px;
	margin-bottom: 5%;
}

.header_all_5{
	height: 60px;
	margin-bottom: 1%;
}

.header_submenu{
	height: 60px;
	margin-bottom: 1%;
	margin-top:15px;
}

.header_submenu2{
	
	height: 60px;
	margin-bottom: 2%;
	margin-top:15px;
}

.logo_header_submenu{
	
	height: 30px;
	width: 30px;
	float:left;
	margin-left: 20px;
	margin-top: 5px;
}

.text_header_submenu{
	
	float:left;
	margin-left: 15px;
	font-size: 34px;
	color: #8b0046;
}

.turn_off{
	float: right;
	height: 30px;
	width: 30px;
	margin-top: 7px;
	margin-right: 10px;
}

.client_name{
	
	clear:both;
	font-size: 22px;
	color: #981142;
	padding-top: 10px;
	margin-left: 17px;
	width: auto;
	height: auto;
	font-weight: bold;
}

.accountant_name{
	
	clear:both;
	font-size: 22px;
	color: #155284;
	padding-top: 10px;
	margin-left: 17px;
	width: auto;
	height: auto;
	font-weight: bold;
}

.turn_menu{
	
	float: right;
	height: 30px;
	width: 30px;
	margin-top: 9px;
	margin-right: 10px;
}

.logo_header{
	float: left;
	width: 130px;
	height: auto;
	max-height: 60px;
	margin-left: 10px;	
}

.main_menu{
	margin: 5px auto;
	width: 100%;
	overflow:hidden;
	display:inline-block;
	float:left;
}

.main_menu nav{
	float:left;
	margin: 0 auto;	
	width: 99%;
	height:auto;
}


.main_menu a{
	text-decoration:none;
	color: #ffffff;
}


.box_text{
	
	width: 370px;
	margin: 0 auto;
	margin-bottom: 12px;
	background-color: #f1f1f1;
	color: #434244;	
	border: solid 2px #9d9fa1;
	height: 80px;
}

.box_detail{
	
	font-size: 13px;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.box_menu{
	
	clear:both;
	margin: 0 auto;
	width: 370px;
	height: 80px;
	margin-bottom: 3px;
	background-color: #434244;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
}

.box_menu_image{
	
	width:20%;
	margin-top: 15px;
	margin-left: 20px;
	float:left;
}

.envelope_mini_box{
	float: right !important;
	height:auto;
	width: 1%;
	margin-top: 95px;
}

.box_color_evnt:hover{
	
	background-color: #1d5485;
}

.box_color_evnt a:hover{
	background-color: #1d5485;
}

.background_btn_evnt{
	
	background-color: #1d5485 !important;
}


.box_menu_text{
	
	width:60%;
	float:left;
	margin-left:25px;
	font-size: 20px;
	margin-top: 27px;
}

.mini_box{
	
	float:right;
}

.mini_box_menu{
	
	margin: 0 auto;
	width: 15px;
	height: 80px;
	margin-bottom: 3px;
	background-color: #434244;
	float:right;
	cursor: pointer;
	z-index: 5;
}

.img_mini_2{
	
		display: none;
	}

.img_big_2{
	
		display: block;
}

.style_table{
	
	color: #434244;
	border-collapse: collapse;
	width: 100%;
}

.style_table td th{
	border-spacing: 0;
	border: 0;
}

.row_width_inc_month{
	
	padding-bottom: 20px !important;
}

table.style_table_scroll{
	color: #434244;
	border-collapse: collapse;
	width: 100%;
	display: flex;
    flex-flow: column;
}

table.style_table_scroll_one{
	color: #434244;
	border-collapse: collapse;
	width: 100%;
	display: flex;
    flex-flow: column;
}

table.style_table_scroll_mobile{
	color: #434244;
	border-collapse: collapse;
	width: 100%;
	display: flex;
    flex-flow: column;
}

table.style_table_scroll .displayThead{
	
	/* head takes the height it requires, 
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: 100%;
    display: block;
}

table.style_table_scroll_one .displayThead{
	
	/* head takes the height it requires, 
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: 100%;
    display: block;
}

table.style_table_scroll_mobile .displayThead{
	
	/* head takes the height it requires, 
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: 100%;
    display: block;
}

table.style_table_scroll .displayTbody{
	
	/* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
	height: 190px;
}

table.style_table_scroll_one .displayTbody{
	
	/* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
	height: 530px;
}

table.style_table_scroll_mobile .displayTbody{
	
	/* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
	height: 530px;
}

table.style_table_scroll .displayTr{
	width: 100%;
	display: table;
    table-layout: fixed;
}

table.style_table_scroll_one .displayTr{
	width: 100%;
	display: table;
    table-layout: fixed;
}

table.style_table_scroll_mobile .displayTr{
	width: 100%;
	display: table;
    table-layout: fixed;
}

table.style_table_scroll td th{
    border-spacing: 0;
	border: 0;
}

table.style_table_scroll_one td th{
    border-spacing: 0;
	border: 0;
}

table.style_table_scroll_mobile td th{
    border-spacing: 0;
	border: 0;
}

table.table_mobile{
	display: none;
}

.tr_margin_left_9{
	margin-left:-9px;
}

.row_no_select{
	
	color: #8B0046 !important;
	opacity: 0.3;
	font-style: italic;
}

.row_pointer{
	cursor: pointer;
}

.row_grey{
	 background-color: #e6e7e8;
}

.row_dark_grey{
	background-color: #808183;
	color: #ffffff;
}

.row_blue{
	
	background-color: #bad3e4;
}

.color_dark_blue{
	color: #1d5485;
}

.row_evnt:hover{
	background-color: #bad3e4;
}

.row_width{
	width: 180px;
	padding: 3px;
}

.row_width_aux{
	width: 150px;
	padding: 5px;
}

.row_width_aux a{
	text-decoration: none;
	color: #434244 !important;
}

.row_width_center{
	width: 220px;
}

.row_width_center_extra{
	
	width: 340px;
}

.row_width_extra{
	
	width: 340px;
}

.row_width_empty{
	width: 80px;
}

.row_width_th{
	
	padding-left: 4px !important;
}

.row_month{
	
	font-size: 19px;
	padding-bottom: 12px;
}

.row_year{
	color: #6c6d70;
	font-size: 12px;
}

.row_margin_right{
	
	margin-right: 100px;
}

.float_right{
	float:right;
}

.float_left{
	float: left;
}

.text_right{
	
	text-align: right;
}

.text_left{
	
	text-align: left;
}

.style_table_sales{
	margin-top: 60px;
}

.style_table_bar_sales{
	margin-top: 25px;
}

.btn_dashboard{
	width: 100%;
	height: 100%;M
}

.input_view_mobile{
	
	display: none;
	height: auto;
	margin-left: 8px;
	padding-top: 15px;
}

.width_title_mobile{
	width: 100%;
}

.select_change_period{
	float: right;
	margin-right: 15px;
}


@media all and (min-width: 1600px ){
	
	.main_login{
		width: 60%;
	}

	
	.input_login{
		height: 42px;
	}
	
	.btn_login{
		height: 42px;
	}
	
	.row_margin_right{
		
		margin-right: 150px;
	}
}



@media all and (min-width: 905px) {
	
	
	
	.section_right{

		margin-left:4%;
	}
	
	.main_login{
		margin-top: 120px;
	}

	.footer{
		margin-top: 60px;
		
	}
	
	.row_margin_right{
		
		margin-right: 90px;
	}
	
}

@media all and (max-width: 900px) {
	

	.row_margin_right{
		
		margin-right: 95px;
	}

}


@media all and (max-width: 750px){

	table.table_pc{
		display:none;
	}
	
	table.table_mobile{
		display: table;
	}
	
	.input_view_mobile{
		display: block;
	}
}



@media all and (max-width: 670px){
	.row_width{
		width: 140px;
	}
	
}



@media all and (max-width: 600px){
	.row_width{
		width: 130px;
		padding: 5px;
	}

	.accountant_name{
		width: 350px;
	}
}



/* phone */


@media all and (max-width: 520px) {
	
	
    .row_width_empty{
		display:none;
	}
	
	.row_margin_right{
		
		margin-right: 10px;
	}
	
	.row_margin_right2{
		margin-right: 0px !important;
	}
	.row_width{
		width: 120px;
		/*padding: 0px;*/
	}
	
	.row_width_center{
		width: 100px;
	}
	
	.text_header_submenu{
		font-size: 25px;
		margin-top: 2px;
	}	
	
	.style_table{
		font-size:14px;
	}
	
	.logo_header_submenu{
		height: 20px;
		width: 20px;
		margin-left: 8px;
	}
	
	.row_month{
		font-size: 14px;
	}
	.row_year{
		color: #6c6d70;
		font-size: 10px;
	}
	
	.header_submenu{
		margin-bottom: 3%;
		height: 30px;
		margin-top: 5px;
	}
	
	.header_submenu2{
		height: 30px;
		margin-bottom: 14% !important;
	}
	.header_all{
		height: 120px;
	}

}


@media all and (max-width: 480px) {
	
	table.table_pc{
		display:none;
	}
	
	table.table_mobile{
		display: table;
	}
	
	.section_right{
		display:none;
	}
	
	.section_left{
	
		width: 100%;
		float: left;
	}
	
	.row_width{
		width: 105px;
		padding: 3px;
	}
	
	.row_width_income{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.size_logo_login_mov{
		display: block;
		width: 100%
		
	}
	
	.logo_sec_right{
		width: 100%;
	}
	
	.client_name{
		margin-left: 8px;
	}
	
	.accountant_name{
		margin-left: 8px;
	}

	.size_logo_login{
		display:none;
	}
	
	.main_login{
		width: 100%;
	}
	
	.main{
		position: absolute;
		width: 100%;
		top: -8px;
		left:-8px;
		right: -8px;
	}
	
	.inputs_login .input_login{
		width: 90%;
		margin-left:3%;
	}
	
	.confirmation_register{
		margin-left: 3%;
		font-size: 16px;
	}
	
	.text_forgoten{
		margin-left: 3%;
		font-size: 12px;
	}
	
	.btn_login{
		width: 35%;
		margin-left:3%;
	}
	
	.img_back{
		margin-left: 3%;
		width: 25px;
		height: 25px;
	}
	
	.img_back_img{
		width: 25px;
		height: 25px;
	}
	
	.btn_get_username{
		width: 50% !important;
	}
	
	.footer{
		text-align: left;
		font-size: 8px;
		width:92%;
		margin-top: 50px;
		margin-left: 3%;
	}
	
	.footer_mini{
		display: block;
	}
	
	.footer_large{
		display: none;
	}
	
	.login_console{
		margin-left: 3%;
		font-size: 12px;
	}
	
	.forgot_user_pass{
		margin-left: 3%;
		font-size 12px;
	}
	
	.screen_background{
		background: white;
	}
	
	.envelope_mini_box{
		display:none;
	}
	
	.box_menu_text{
		
		display:none;
	}
	
	.box_menu{

		width: 100%;
		height: 180px;
		max-width: 250px;
	}
	
	.style_mini_btn{
		width: 49.6%;
		height: 49.6%;
		float:left;
		display:inline-block;
		margin-bottom: 0.4%;
	}
	
	.margin_mini_left{
	
		margin-left:0.4%;
	}
	
	.margin_mini_right{
	
		margin-right:0.4%;
	}
	
	.box_menu_image{
		
		width:80%;
		height:137px;
		display:block;
		float:right;
	}
	
	.img_mini_2{
	
		display: block;
		height: 160px;
		float: right;
		margin-top: 5px;
	}
	
	#img_d_arrow.img_mini_2{
		margin-right: 15px;
		margin-top: 17px;
	}

	.img_big_2{
	
		display:none;
	}	
	
	.box_text{
		width:90%;
		position:relative;
	}
	
	.box_text:after, .box_text:before {
		left: 100%;
		top: 70%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.box_text:after {
		border-color: rgba(241, 241, 241, 0);
		border-left-color: #F1F1F1;
		border-width: 12px;
		margin-top: -12px;
	}
	.box_text:before {
		border-color: rgba(157, 159, 161, 0);
		border-left-color: #9D9FA1;
		border-width: 15px;
		margin-top: -15px;
	}
	
	.footer2{
		display:none;
	}
	
	.turn_off{
		display:inline-block;
	}
	
	.turn_menu{
		display: inline-block;
	}
	
	.logo_header{
		margin-left: 5px;
	}
	
	.box_detail{
		padding: 14px;
	}
	
	.main_menu{
		margin: 10px auto;
	}
	
	.accountant_name{
		font-size: 18px;
		width: 300px;
	}
	
	.client_name{
		font-size: 18px;
	}
	
	
}


@media all and (max-width: 375px){

	.row_width{
		width: 100px;
		
		margin-right: 0px;
	}
	
	.font_size_extra{
		font-size: 13px;
	}
	
	.row_width_aux{
		width: 100px;
	}
	
	.row_width_center{
		width: 70px;
	}
	
	.text_header_submenu{
		font-size: 20px;
	}
	
	.style_table{
		font-size:12px;
	}
	
	.text_header_submenu{
		margin-top: 0px;
		margin-left: 10px;
	}
	
	.row_month{
		font-size: 13px;
	}
	
	.logo_header_submenu{
		height: 17px;
		width: 17px;
	}
	
	.row_width{
		width: 90px;
		margin-right: 0px;
	}
	
	.font_size_extra{
		font-size: 12px;
	}
	
	.accountant_name{
		font-size: 15px;
		width: auto;
	}
	
	.client_name{
		font-size: 15px;
	}
	
	
}


@media all and (max-width: 275px){
	
	.row_width{
		width: 80px;
	}
	
	.font_size_extra{
		font-size: 10px;
	}
	
	.row_width_aux{
		width: 70px;
	}
	
	.row_width_center{
		width: 55px;
	}
	
	.text_header_submenu{
		font-size: 16px;
		margin-left: 8px;
		margin-top: 3px;
	}
	
	.style_table{
		font-size:11px;
	}
	
	.row_month{
		font-size: 10px;
	}
	
	.style_table_sales{
		margin-top: 40px;
	}
	
	.style_table_bar_sales{
		margin-top: 15px;
	}
}

@media all and (max-width: 250px){
	
	
	.row_width{
		width: 70px;
	}
	
	.font_size_extra{
		font-size: 8px;
	}
	
	.style_table{
		font-size:9px;
	}
	
	.box_detail{
			padding: 8px;
		}
		
	.box_menu{

		height: 100px;
	}
	
	.box_menu_image{
		
		width:80%;
		height:80px;
		display:block;
		float:right;
	}
	
	.logo_header{
		width: 100px;
	}
	
	.turn_off{
		width: 22px;
		height: 22px;
		
	}
	
	.turn_menu{
		width: 22px;
		height: 22px;
		
	}
	
	.img_mini_2{
		height: 80px;
	}
	
	#img_d_arrow.img_mini_2{
		margin-right: 10px;
		margin-top: 11px;
	}
	
.row_width_income{
		padding-top: 8px;
		padding-bottom: 8px;
	}

		
}

@media all and (max-width: 230px){
	
	.row_width{
		padding: 0px;
	}
	
	.row_width_aux{
		padding: 0px;
	}
	.row_width_income{
		padding-top: 8px;
		padding-bottom: 8px;
	}
}


@media all and (max-width: 220px){
	
	.box_detail{
		font-size: 10px;
	}
}

/*Tablets*/

@media all and (min-width: 480px) and (max-width: 920px) {

	
	
	.section_right{
		display:none;
	}
	
	.section_left{
	
		width: 100%;
		float: left;
	}

	.size_logo_login_mov{
		display: block;
		width: 100%
		
	}
	
	.logo_sec_right{
		width: 100%;
        padding:20px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
	}

	.size_logo_login{
		display:none;
	}
	
	.main_login{
		width: 100%;
		margin-top: 00px;

	}
	
	.section_right{

		margin-left:0px;
	}
	
	.main{
		position: absolute;
		width: 100%;
		top: -8px;
		left:-8px;
		right: -8px;
	}
	
	.img_back{
		margin-left: 40px;
	}
	
	.inputs_login .input_login{
		width: 55%;
		margin-left:40px;
	}
	
	.confirmation_register{
		margin-left: 40px;
	}
	
	.text_forgoten{
		margin-left: 40px;
	}
	
	.text_forgoten{
		margin-left: 40px;
	}
	
	.btn_login{
		width: 25%;
		margin-left:40px;
	}
	
	.footer{
		width:95%;
		margin-left: 2%;
		margin-top: 100px;
	}
	
	.login_console{
		margin-left: 40px;
	}
	
	.forgot_user_pass{
		margin-left: 40px;
	}
	
	.screen_background{
		background: url('../images/screen02_back_t.png') no-repeat center center fixed;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		z-index: -1;
	}
	
	.envelope_mini_box{
		display:none;
	}
	
	.box_text{
		position:relative;
	}
	.box_text:after, .box_text:before {
		left: 100%;
		top: 70%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.box_text:after {
		border-color: rgba(241, 241, 241, 0);
		border-left-color: #F1F1F1;
		border-width: 12px;
		margin-top: -12px;
	}
	.box_text:before {
		border-color: rgba(157, 159, 161, 0);
		border-left-color: #9D9FA1;
		border-width: 15px;
		margin-top: -15px;
	}
	
	.row_width_empty{
		display:none;
	}
	
	.row_margin_right{
		
		margin-right: 10px;
	}
	
	.text_header_submenu{
		margin-top: 2px;
	}

}

@media all and (max-height: 950px) {
	
	table.style_table_scroll .displayTbody{
	
		height: 180px;
	}
	
	table.style_table_scroll_one .displayTbody{
	
		height: 500px;
	}
	
}

@media all and (max-height: 900px) {
	
	table.style_table_scroll .displayTbody{
	
		height: 160px;
	}

	table.style_table_scroll_one .displayTbody{
	
		height: 470px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 400px;
	}
}

@media all and (max-height: 850px) {
	
	table.style_table_scroll .displayTbody{
	
		height: 140px;
	}

	table.style_table_scroll_one .displayTbody{
	
		height: 420px;
	}
	
	
}

@media all and (max-height: 800px) {

	table.style_table_scroll .displayTbody{
	
		height: 130px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 350px;
	}
	
	.footer{
	
		margin-top: 30px;
	}	
	
}

@media all and (max-height: 750px) {
	

	table.style_table_scroll .displayTbody{
	
		height: 110px;
	}	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 390px;
	}

	
    table.style_table_scroll_mobile .displayTbody{
	
		height: 280px;
	}
	
	.footer{
	
		margin-top: 20px;
	}	
}

@media all and (max-height: 700px) {
	

	table.style_table_scroll .displayTbody{
	
		height: 60px;
	}	
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 320px;
	}
	
	.footer{
	
		margin-top: 30px;
	}
	
}

@media all and (max-height: 650px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 280px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 230px;
	}

	
}

@media all and (max-height: 600px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 250px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 190px;
	}

	.footer{
	
		margin-top: 10px;
	}
}

@media all and (max-height: 550px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 200px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 150px;
	}
}

@media all and (max-height: 500px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 150px;
	}

	table.style_table_scroll_mobile .displayTbody{
	
		height: 100px;
	}
}

@media all and (max-height: 450px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 100px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 80px;
	}

	
}

@media all and (max-height: 400px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 80px;
	}
	
	table.style_table_scroll_mobile .displayTbody{
	
		height: 60px;
	}

}

@media all and (max-height: 350px) {
	
	
	table.style_table_scroll_one .displayTbody{
	
		height: 35px;
	}
	

}