@CHARSET "UTF-8";

.tabing			{margin-left: 214px;}
#toggle			{display: none;}
.row-fluid:before,
.row-fluid:after{content: none;}
.row-fluid		{display: inline-block;}
.tabing .tabing	{margin-left: auto;}
.tabing .tabing .floatLeft	{float: none;}
#tab li:first-child	{margin-left: 5px;}
.in-line		{display: inline-block;width: 100%;}
#record-counter	{float: left;}
#head-control	{float: right;}
#tab {margin-bottom: -7px;}
#tab li{padding: 7px 5px;}
@media handheld and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 1099px)  {
	
#controls		{display: none;}
.control-panel	{width: 100%;}
#controls li	{padding: 0 15px;}
#toggle			{display: block;}
.tabing			{margin-left: 0;}
#uvTab			{display: none;}

#mainMenu		{text-align: center;border-bottom: solid 1px #e5e5e5;padding-bottom: 5px;}

#mainMenu form	{float: initial!important;display: inline-block!important;}
#tab			{margin-left: 20px;}
}

@media handheld and (max-width: 768px), screen and (max-device-width: 768px), screen and (max-width: 979px)  {
	
#uvTab			{display: none;}
.col-sm-6		{width: 100%;padding-left: 0;}
/* Hide header menu*/

.control-btn	{float: none;}
#head-control	{display: none;}
#load_div		{display: flex;width: 675px; display: -moz-inline-stack; margin: 10px;margin-right: 30px;margin-left: 30px;}
#record-counter	{float: left;display: inline-block;width: 100%;overflow-x: auto;overflow-y: hidden;}
#load_div .container	{height: auto;}

.showMail,
#row_deleted td,
#row_deleted td>div		{width: auto!important;}

.mail-table	{display:block; overflow-x: scroll;}
.mail-table	tbody	{overflow-x: scroll;}
}



@media screen and (max-width: 640px), screen and (max-device-width: 640px), screen and (max-width: 766px)  {
#controls li	{height: 40px;}

.col-sm-6		{width: 100%;padding-left: 0;}
#setEvent td	{display: block;text-align: center;}
.tabing			{padding: 5px;}


.hide-third th:nth-child(3),
.hide-third td:nth-child(3) {display:none;}

/* .floatLeft [name="sendDelete"] + button	{display: none;}
 */
.display-table td{text-align: left!important; border-bottom: none!important;}
.display-table > td:last-child{float: right;}

.help_content	{width: 90%; border: none;margin: 15px auto;max-height: 470px;}
.help_content h1{font-size: 20px;}
.result-option td	{margin: 10px;}
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 639px)  {

.login-table,
.password-table	{width: 100%!important;}

#deviceInfo .col-sm-6	{width: 100%;}

.password-table .textbox,
.textbox		{width: auto!important;margin-bottom: 10px;}
	
.row-fluid .span3,
.row-fluid .span2	{width: 100%!important;margin-left: 0!important;}
.floatRight {display: block;}
}

@media screen and (max-width: 451px), screen and (max-device-width: 451px), screen and (max-width: 610px) {
#deviceInfo .col-sm-6	{width: 100%;}
	
.scroll-tab	{display:block; overflow-x: scroll;}
.scroll-tab	tbody	{overflow-x: scroll;}
.responsive-tab td	{display: block;text-align: center;}

.help_content p		{max-height: 400px;}

}

@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px) {

.setting td		{display: block;}
.setting td:last-child{float: right;}
.setting tr:last-child>td{float: none; text-align: center;}

.setting td td:last-child{float: none;}
.setting td tr:last-child td{text-align: inherit;}
.setting !td img	{position: relative;top:-55px;}
.container	{ margin:3px; padding:0px; float:left;}

.scroll-tab .width100{width: 200px!important;}
.password-table	{width: 100%;}
.password-table td	{display: block;text-align: -webkit-auto;}

}
@media (max-width: 1100px) and (min-width: 1024px) {
	#controls{
	width: -webkit-fill-available;
	width: -moz-available;
}
}
@media (max-width: 1479px) and (min-width: 1200px) {
	
.control-btn{
	margin: 24px !important;
}	

}
/* @media (max-width: 1438px) and (min-width: 1098px) {
	#tab{
	margin-left: 300px !important;
	
}
}
 */
@media (max-width: 1024px) and (min-width: 375px) {
	.display-area{
	margin: 0px 0px 0px 0px;
	}
.control-btn{
	background: white;
}	

#controls{
	width: -webkit-fill-available;
	width: -moz-available;
/* 	height: 81%;
 */
 }

.payment-wrapper{

margin-left: 0px !important;

}
}
@media (max-width: 375px) and (min-width: 320px) {
	.payment-wrapper{

margin-left: 0px !important;

}
#controls{
	width: -webkit-fill-available;
	width: -moz-available;
/* 	height: 73.5%;
 */
 
 }


}

 
@media (max-width: 320px) {
	.display-area{
	margin: 130px 0px 0px 0px;
	}
	.control-btn{
	background: white;
}
.payment-wrapper{

margin-left: 0px !important;

}
#controls{
	width: -webkit-fill-available;
	width: -moz-available;
}

}