* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #e5e5e5;
	margin: 0;
	font-family: arial;
	font-size: 12px;
	line-height: 1.75em;
	font-weight: 300;
	color: #000000;
}

input[type="button"] {
	cursor: pointer !important;
}

ul, menu, dir {
	margin: 0;
!important padding:0 !important
}
a {
	text-decoration: none;
}
img a {
	border: 0;
}
h1, h2 {
	margin: 0px;
}
textarea {
	color: #000 !important;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.area {
	background: url(../images/bg.png) #4d5f6d no-repeat;
	background-size: cover;
	background-position: center 0;
	background-attachment: inherit;
	margin: 0 auto;
	width: 90%;
	padding: 10px 0;
}
.main {
	background: #36465f;
	margin: 0 auto;
	width: 90%;
	padding: 10px 0;
}
.wrapper {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
.main_extension {
	background: #ececec;
	margin: 0 auto;
	width: 90%;
	padding: 10px 0;
	overflow-x: hidden;
	overflow-y:auto;
}
header {
	background: #FFFFFF;
/*	padding:18px 20px;*/
	padding:2%;
/*	overflow:hidden;*/
	position:relative;
}
header img {
	float: left;
}
header h1 {
	color: #919191;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	line-height:280%;
}
header h1 a {
	color: #919191;
}
header ul {
	margin: 0;	
}
header ul li {
	color: #919191;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	list-style: none;
}
header ul li select {
	border: 0;
}
.header_img {
	background: url(../images/down.png) no-repeat;
	height: 10px;
	width: 28px;
	margin-top: 5px;
}
header ul li a {
	color: #919191;
}
.centerpart {
	padding:1.5% 2.5%;
}
.login {
	width: 386px;
	padding: 75px 0 20px 0;
	margin: 0 auto;
}
aside {
	background: #36465f;
	padding: 25px 33px;
}
aside h1 {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 18px 0;
}
aside input[type='text'], aside input[type='password'] {
	font-size: 13px;
	color: #161616;
	margin: 0 0 15px 0;
	border: 1px solid #7d8aa1;
	box-shadow: 0 0 6px #ffffbe;
	width: 248px;
	height: 39px;
	padding-left: 15px;
	padding-right: 55px;
}
.log {
	background: url(../images/log.png) no-repeat;
}
.password {
	background: url(../images/inputs.png) no-repeat;
	background-position: 0 -50px;
}
aside input[type='submit'] {
	background: #bf332d;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	/*	padding: 13px 30px;*/
	border: 0;
}
.forgotPasswordButton {
	width: 174px;
	height: 42px;
	float: left;
}
.loginButton {
	width: 50%;
	height: 32px;
}
.forgotPassText {
	display:inline-block;
	color:#bf332d;
	font-size:11px;
	text-align:right;
	width:45%;
	line-height:32px;
	padding-right:10px;
}
.forgotPassText a {
	color:white;
	text-decoration:underline;	
}
.forgotPassText a:hover {
	text-decoration:underline;
	color:#FF6;
}
.margin_l {
	margin-left: 15px;
	width: 124px;
}
.content {
	background: #e5e5e5;
	filter: alpha(opacity=80); /* IE */
	-moz-opacity: 0.8; /* Mozilla */
	opacity: 0.8; /* CSS3 */
	min-height: 122px;
	margin-bottom: 70px;
}
.content_img {
	float:left;
	height:122px;
	width:18%;
}
.content div img {
	width: 100%;
	height: 122px;
}
.content .content_text {
	height:122px;
	max-height: 122px;
	overflow: auto;
	/*margin-left:172px;*/
}
.content p:first-child {
	margin:1em;
}
.content_text p {
	margin:0 1em 1em 1em;
	line-height: 120%;
	text-align: justify;
}
footer {
	width:100%;
	height:auto;
	padding:5px 0px;
	background: #FFFFFF;
	color: #333333;
	font-size: 11px;
	overflow:hidden;
	margin-top:10px;
}
footer nav {
	float: left;
	margin:5px 10px;
}
footer nav ul li {
	float:left;
	list-style: none;
	color: #000000;
}
footer nav ul li a {
	color: #0018ff;
	text-decoration: none;
	margin: 0 5px;

}
footer h1 {
	font-weight: 100;
	float: right;
	font-size: 11px;
	margin:5px 10px;
}
/* dropdown menu ----------- */
.clearboth {
	margin: 0;
	padding: 0;
	clear: both;
}
#nav {
	
}
header ul {
	line-height:280%;
}
#nav a:link, #nav a:visited {
	color: #919191;
	text-decoration: none;
}
#nav a {
	display: block;
}
#nav li {
	float: left;
	background-color: #fff;
	margin-right: 1px;
	position: relative;
}
#nav li li {
	width: 160px;
	font-size: 11px;
	color: #919191;
	border-bottom: dashed 1px #e5e5e5;
	padding-left: 6px;
	font-weight: 300;
	line-height:200%;
}
#nav li:hover {
	background-color: #fff;
}
#nav li li:hover {
	background-color: #fff;
}
#nav ul ul {
	margin-top: 4px;
}
#nav ul .arrow_adjustment {
	position: absolute;
	visibility: hidden;
	border: 1px solid #ee3124;
	border-bottom: 3px solid #ee3124;
	padding: 5px;
	z-index: 9999;
	background: #FFFFFF;
	right: -20px;
	top: 30px;
}

.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */

#nav ul .arrow_adjustment .innerdiv {
	background: #FFF;
}
.arrow_adjustment ul a:hover {
	color: #ee2324 !important;
	text-decoration: underline !important;
}
#nav li:hover {
/*	padding-bottom: 10px;*/
}
#nav li:hover .arrow_adjustment li:hover {
	padding-bottom: 0px;
}
#nav li:hover > .arrow_adjustment {
	visibility: visible;
}
.right-arrow {
	float: right;
	color: #ee3124;
	margin-top: -24px;
	margin-right: 36px;
	font-size: 12px;
}
summary, .summary {
	padding: 22px;
	font-size: 12px;
	color: #333333;
	text-align:justify;
}
/* secondry Navigation ----------- */
#nav2 {
	font-size: 13px;
	color: #FFF;
	background: #36465f;
	position: relative;
    z-index: 1000;
}
#nav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #36465f;
}
#nav2 a:link, #nav2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#nav2 a {
	display: block;
	padding: 6px 8px;
}
#nav2 ul {
	background: #203748;
}
#nav2 ul li {
	float: left;
	background-color: #36465f;
	border-right: 1px solid #7d8a93;
	padding: 0 15px;
}
#nav2 ul ul li {
	float: left;
	border-right: 0px ;
}
#nav2 li li {
	background-color: #d1d1d1;
	padding: 0;
}
#nav2 li:hover {
	/*background-color: #339966;*/
	background: #d1d1d1;
}
#nav2 li:hover a, #nav2 li:hover a span {
	color: #000;
}
#nav2 li.active {
	background-color: #949FA7;
	/*background-color: #627083;*/
}
#nav2 li.active_report {
	background-color: #627083;
}
#nav2 li.active_data {
	background-color: #7b899c;
	/*background-color:#0082bf;*/
}
#nav2 li.active a, #nav2 li.active a span, #nav2 li.active_report a, #nav2 li.active_report a span, #nav2 li.active_data a, #nav2 li.active_data a span {
	color: #FFF;
}
#nav2 li li:hover {
	background-color: #d1d1d1;
}
#nav2 ul ul {
	width: 100% !important;
	position: absolute;
	left: 0;
	visibility: hidden;
	background: #d1d1d1;
	z-index:1;
}
#nav2 li:hover > ul {
	visibility: visible;
}
#nav2 ul li span {
	font-size: 10px;
	margin-left: 6px;
}
#nav2 ul ul li a {
	border: 0;
	padding: 0;
	margin: 0;
}
.ext_list {
	background: url(../images/extension_submenu.png) no-repeat;
	background-position: 0 0;
	height: 82px;
	width: 122px;
	cursor: pointer;
}
.ext_list span, .ext_day span, .ext_recurring span, .report_tenantbill span, .report_dailyextn span, .report_monthlyextn span, .data01 span, .data02 span, .data03 span {
	font-size: 12px !important;
	font-weight: bold;
	color: #203748 !important;
	display: inline-block;
	text-align: center;
}
.ext_list span {
	width: 122px;
	position: absolute;
	top: 44px;
	left: -7px;
}
.ext_day {
	background: url(../images/extension_submenu.png) no-repeat;
	background-position: 0 -84px;
	height: 82px;
	width: 154px;
	cursor: pointer;
}
.ext_day span {
	width: 154px;
	position: absolute;
	top: 44px;
	left: 116px;
}
.ext_recurring {
	background: url(../images/extension_submenu.png) no-repeat;
	background-position: 0 -166px;
	height: 82px;
	width: 156px;
	cursor: pointer;
}
.ext_recurring span {
	width: 156px;
	position: absolute;
	top: 44px;
	left: 270px;
}
.report_tenantbill {
	background: url(../images/report_submenu.png) no-repeat;
	background-position: 0 0;
	height: 82px;
	width: 122px;
	cursor: pointer;
}
.report_tenantbill span {
	width: 122px;
	position: absolute;
	top: 44px;
	left: -7px;
}
.report_dailyextn {
	background: url(../images/report_submenu.png) no-repeat;
	background-position: 0 -84px;
	height: 82px;
	width: 154px;
	cursor: pointer;
}
.report_dailyextn span {
	width: 154px;
	position: absolute;
	top: 44px;
	left: 116px;
}
.report_monthlyextn {
	background: url(../images/report_submenu.png) no-repeat;
	background-position: 0 -166px;
	height: 82px;
	width: 156px;
	cursor: pointer;
}
.report_monthlyextn span {
	width: 156px;
	position: absolute;
	top: 44px;
	left: 270px;
}
.data01 {
	background: url(../images/extension_submenu.png) no-repeat;
	background-position: 0 0;
	height: 82px;
	width: 122px;
	cursor: pointer;
}
.data01 span {
	width: 122px;
	position: absolute;
	top: 44px;
	left: -7px;
}
.data02 {
	background: url(../images/extension_submenu.png) no-repeat;
	background-position: 0 -84px;
	height: 82px;
	width: 154px;
	cursor: pointer;
}
.data02 span {
	width: 154px;
	position: absolute;
	top: 44px;
	left: 116px;
}
.data03 {
	background: url(../images/extension_submenu.png) no-repeat;
	background-position: 0 -166px;
	height: 82px;
	width: 156px;
	cursor: pointer;
}
.data03 span {
	width: 156px;
	position: absolute;
	top: 44px;
	left: 270px;
}

.extension_list h1 {
	font-size: 18px;
	color: #36465f;
	margin: 0 0 10px 0;
}
.extension_list {
	padding: 0 2.5% 0 0;
	/*width:73.6%;*/
	width: 68.4%;
	overflow: auto;
}
.extension_list section {
	background: #FFF;
	border-top: 5px solid #949FA7;
	padding: 22px;
	/*overflow: auto;*/
}
.report_section_bar section {border-top:5px solid #627083 !important;}
.extension_list ul {
	margin: -8px;
	font-weight: 100;
	padding: 0;
}
.extension_list ul li {
	float: left;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	list-style: none;
}
input[type='submit'] {
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	
}
.extension_list ul li input[type='submit'] {
	background: #ee3124;
	color: #fff;
	font-size: 13px;
	padding: 6px 15px;
	border: 0px;
	margin-right: 10px;
}
.extension_list ul li.width {
	width: 80px;
}
.extension_list ul li.width_extended {
	width: 100px;
}
.padding_right {
	padding-right: 10px;
}
.height {
	height: 10px;
}
.padding {
	padding-top: 6px;
}
textarea { border-radius:0;}
.report-input {width:101px;}
.company-input {width:156px;} /*Added for company page*/
.input {
	background:#FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	color: #adadad;
	/*color:#161616;*/
	padding: 6px 7px;
	border-radius:0;
}
.input-repeat, .input-time, .input-status, .input-time-report,.input-time-company {
	display: -webkit-inline-box !important;
	background:#FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	color: #adadad;
	/*color:#161616;*/
	padding: 6px 7px;
		
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url('../images/multiple-select.png') no-repeat #FFF top left;	
	border-radius:0;
}

/*Added By Deeksha*/

.input-repeat, .input-time
{
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	/*color: #adadad;*/
	color:#161616;
	padding: 6px 7px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url('../images/multiple-select.png') no-repeat #FFF top left;
	border-radius: 0;
}

.input-status
{
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	color: #adadad;
	/*color:#161616;*/
	padding: 6px 7px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url('../images/multiple-select.png') no-repeat #FFF top left;
	border-radius: 0;
}

.input-repeatEvryMnth
{
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	color: #adadad;	
	padding: 6px 7px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url('../images/multiple-select.png') no-repeat #FFF top left;
	border-radius: 0;
}

.input-repeatEvryMnth
{
	background-position: 67px 6px;
}

.btnokRemovePopUp
{
	background: #ee3124;
color: #fff;
font-size: 13px;
padding: 6px 15px;
border: 0px;
margin-right: 10px;
}

/*Added By Deeksha*/

.input-repeat {
	background-position: 67px 6px;
}
.input-time {
	background-position: 47px 6px;
}
.input-status {
	background-position: 121px 3px;
}
.input-time-report {
	background-position: 79px 3px;
}

.input-time-company {
	background-position: 138px 3px;
}
.input_password {
	background: #FFF;
	border: 1px solid #dfdfdf;
	font-size: 13px;
	color: #161616;
	padding: 6px 7px;
	width: 100%;
}
a img {
	border: none;
}
.input_picker {
	background: url(../images/calendar.png) no-repeat;
	/*	background-position:0 -104px;*/
/*	background: #fff;*/
	border: 1px solid #dfdfdf;
	width: 97px;
	height: 37px; /*line-height:37px;*/
	/*border:0px !important;*/
	color: #161616;
	font-size: 13px;
	padding-left: 12px;
	padding-right: 32px;
	border-radius:0;
}
.zone {
	width: 143px;
}
.time {
	width: 68px;
	height: 38px;
}
.charges {
	width: 102px;
	background: #e6e6e6;
}
.charges_icon {
	background: url(../images/inputs.png) no-repeat;
	background-position: -201px -104px;
	width: 21px;
	height: 23px;
	float: right;
	margin: 5px 0 -6px 10px;
}
.del_extension {
	background: #FFF;
	font-size: 11px;
	color: #161616;
	padding: 8px 8px 4px 8px;
	margin-top: 5px;
	border: #dbdedb solid 1px;
}
.del_icon {
	background: url(../images/inputs.png) no-repeat;
	background-position: -305px -127px;
	padding-left: 20px;/*cursor:pointer;*/
}
#del_text {
	vertical-align: middle !important;
}
.table {
	/*border:1px solid #dbdedb;*/
	font-size: 10px !important;
	font-weight: 700;
	overflow: auto;
	background: #FFF;
}
.table ul.tbl_header {
	margin: 0;
	background: #718ba0;
	/*	background:#B4B4B4;*/
	overflow: auto;
	padding: 0;
}
.table ul.tbl_header li {
	padding: 6px;
	border: 1px solid #dbdedb;
	float: left;
	list-style: none;
	font-size: 10px !important;
	color: #FFF;
	font-weight: bold;
}
.table ul.tbl_header li:last-child {
	border-right: 0;
}
.table ul.tbl_td {
	margin: 0;
	background: #fff;
	overflow: auto;
	padding: 0;
}
.table ul.tbl_td li {
	padding: 6px;
	border: 1px solid #dbdedb;
	float: left;
	list-style: none;
	font-size: 10px !important;
	/*color:#333333;*/
	font-weight: normal;
}
.edit_td {
	background: url(../images/inputs.png) no-repeat;
	background-position: -234px -127px;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	cursor: pointer;
}
.table input[type="checkbox"] {
	margin: 0 auto 0 2px !important;
	vertical-align: middle;
}
.td_1 {
	width: 17px;
}
.td_2 {
	width: 51px;
}
.td_3 {
	width: 52px;
}
.td_4 {
	width: 42px;
}
.td_5 {
	width: 64px;
}
.td_6 {
	width: 64px;
}
.td_7 {
	width: 40px;
}
.td_8 {
	width: 110px;
}
.td_8_2 {
	width: 100px;
}
.td_9 {
	width: 18px;
}
.center_align {
	text-align: center;
}
.right_align {
	text-align: right;
}
.daytime {
/*	width: 28.6%;*/
	width:250px;
	margin-top: 32px;
	text-align: center;
}
.daytime_head {
	background: #556373;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: 300;
	padding: 6px 6px 6px 12px;
	text-align: left;
}
.daytime_ext_outer {
	overflow: auto;
	padding: 10px;
	background: #FFFFFF;
}
.daytime_ext {
	border: 1px solid #dbdedb;
	font-size: 10px !important;
	overflow: auto;
	color: #333333;
}
.daytime_ext ul.ext_header {
	margin: 0;
	background: #e3e8ec;
	overflow: auto;
	padding: 0;
}
.daytime_ext ul.ext_header li {
	padding: 6px;
	border-right: 1px solid #dbdedb;
	float: left;
	list-style: none;
	font-size: 10px !important;
	width: 69px;
}
.daytime_ext ul.ext_td {
	margin: 0;
	background: #fff;
	overflow: auto;
	padding: 0;
}
.daytime_ext ul.ext_td li {
	padding: 6px;
	border-right: 1px solid #dbdedb;
	float: left;
	list-style: none;
	font-size: 10px !important;
	width: 69px;
}
.daytime_ext ul.ext_td {
	margin: 0;
	background: #fff;
	overflow: auto;
	padding: 0;
}
.daytime_ext ul.ext_head li {
	padding: 6px 0 6px 12px;
	border-right: 1px solid #dbdedb;
	float: left;
	list-style: none;
	font-size: 12px !important;
	width: 69px;
	color: #FFFFFF;
	font-weight: 300;
	text-align: left;
}
.daytime_ext ul.ext_head {
	margin: 0;
	background: #718ba0;
	overflow: auto;
	padding: 0;
}
.brdr {
/*border-right:0px !important;*/
}
.daytime_ext ul.ext_td li {
	padding: 6px;
	border-right: 1px solid #dbdedb;
	float: left;
	list-style: none;
	font-size: 10px !important;
}
.daytime_ext ul.ext_td li span {
	font-weight: bold;
}
.daytime_ext ul.ext_header li span {
	font-weight: bold;
}
/* CSS Style Starts Here - Jitendra */
/* Extension List */
.export_icon {
	padding: 10px 10px 0px;
	color: #4d5f6d;
	overflow: hidden;
	font-weight: bold;
}
.export_icon span {
	float: left;
}
.export_icon a {
	float: right;
	color: #4d5f6d;
}
.export_icon a img {
	vertical-align: text-bottom;
}
#altRowColor {
	background: #e3e8ec;
}
.td_9 div {
	margin: 4px 0 0 4px;
	padding-top: 5px;
}
.pagenoInput {
	width: 25px;
	text-align: center;
	margin-left: 2px;
}
/*.del_extension span:first-child {
	margin-right:0px;
}
.del_extension span {
	margin-right:10px;
}*/
.del_extension img {
	vertical-align: text-bottom;
}
.del_extension div select {
	display:inline-block ! important;	
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	width: 45px;
	/*	background:url(../images/page_dropdown.png) no-repeat #FFF top right;*/
	background: url('../images/multiple-select.png') no-repeat #FFF top left;
	background-position: 26px -5px;
	border: 1px solid #999;
	margin-left: 3px;
	font-size: 11px;
	padding-left: 2px;
}
.edit_popup {
	height: 317px;
	overflow: auto;
	padding: 10px 0px 10px 10px;
}
.edit_popup ul li, .save_popup ul li, .globalsave_popup ul li, .logout_popup ul li, .forgotpassword_popup ul li, .edit_schedule_popup_content ul li, .addnew_popup_content ul li, .remove_popup_content ul li, .login_popup ul li, .changePwd_popup ul li, .forgotpassword_popup ul li,.companies_popup_content ul li {
	display: table-cell;
}
.edit_popup ul, .save_popup ul, .globalsave_popup ul, .logout_popup ul, .forgotpassword_popup ul, .changePwd_popup ul {
	padding: 0;
}
.edit_popup ul li.td_width {
	width: 60px;
}
#valign {
	vertical-align: top;
}


.edit_popup ul li input[type='submit'], .day_edit_popup input[type='submit'], .save_popup input[type='submit'], .globalsave_popup input[type='submit'], .logout_popup input[type='submit'], .forgotpassword_popup input[type='submit'], .edit_schedule_popup_content ul li input[type='submit'], .addnew_popup_content ul li input[type='submit'], .remove_popup_content ul li input[type='submit'], .login_popup input[type='button'],
.changePwd_popup input[type='button'], .forgotpassword_popup input[type='button'],.companies_popup_content ul li input[type='submit'] {
	background: #ee3124;
	color: #fff;
	font-size: 13px;
	padding: 6px 15px;
	border: 0px;
	margin-right: 10px;
}
/* light box ----------- */
.black_overlay {
	display: block;
	/*	position: absolute;*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background-color: black;*/
	z-index: 1001;
/*	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=75);	*/
	background:url(../images/transparentBG.png);
}
.white_content {
	display: block;
	position: absolute;
	top: 25%;
	left: 21%;
	width: 60%;
	background-color: white;
	z-index: 1002;/*overflow: auto;*/
}
.white_content section {
	background: #36465f;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.white_content section div {
	padding: 10px 0 0 22px;
	width: auto;
	float: left;
}
.white_content section a {
	float: right;
}
.edit_popup_content {
/*	display: block;
	width: 504px;
	height: 380px;
	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow: auto;
	z-index: 1002;
	margin-top: -205px;
	margin-left: -252px;*/
	
	display: block;
	width: 70%;
	max-width:504px;
	height: auto;
/*	max-height:380px;*/
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin:15% auto 0;
}
.edit_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.edit_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.edit_popup_content section a {
	float: right;
}
/* Extension List - Error Page */
.Error_TextBox input {
	border: #F00 solid 1px !important;
}
.Error_TextBox span {
	color: #F00;
	margin-left: 10px;
}
/* Tenant Bill */
#blankDiv {
	height: 200px;
}
.padding-left {
	padding-left: 10px;
}
.padding-left2 {
	padding-left: 12px;
}
.margin-left {
	margin-left: 5px;
}
.edit-margin-left {
	margin-left: 5px;
}
.margin-left2 {
	margin-left: 6px;
}
.margin-left-8px {
	margin-left:8px;
}
.padding-left-8px {
	padding-left:8px;
}
/* Daily Extension */
.radioButton {
	padding-top: 6px;
}
/* CUSTOMIZE RADIO BUTTON
.radioButton input[type='radio'] {
	display:none;	
}
.radioButton input[type='radio'] + label span {
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../images/bullets.png) left top no-repeat;
	margin:0 0 0 0;
	vertical-align:middle;
	cursor:pointer;
}
.radioButton input[type='radio']:checked + label span {
	background:url(../images/bullets.png) -26px top no-repeat;
}*/

/* Monthly Extension */
.year {
	width: 94px;
}
/* Change Password */
.change_password ul li.width {
	width: 145px;
}
/* Help */
.help h1, .result h1 {
	font-size: 18px;
	color: #203748;
	margin: 0 0 10px 0;
}
.help {
	padding: 0 22px 0 0;
	width: 34%;
	overflow: auto;
}
.result {
	width: 62.9%;
	overflow: auto;
}
.help section {
	background: #FFF;
	border-top: 5px solid #339966;
	padding-bottom: 22px;
	overflow: auto;
}
.help section p {
	background: #dcdada;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	margin: 10px 0 5px;
}
.help section ul {
	list-style: none;
	margin: 0 0 0 20px;
}
.help section ul li {
	padding-left: 1em;
	text-indent: -.7em;
	color: blue;
}
.help section ul li:before {
	content: "•  ";
	color: red;
}
.result section {
	background: #FFF;
	border-top: 5px solid #339966;
	padding-bottom: 22px;
	overflow: auto;
	height: 450px;
}
.result a img {
	vertical-align: top;
}
.result a {
	color: #4d5f6d;
	font-weight: bold;
}
.result h4 {
	font-size: 14px;
	padding-left: 22px;
	margin: 10px 0;
}
.result ul {
	list-style: none;
	border-top: #999 solid 2px;
	border-bottom: #999 solid 2px;
	padding: 10px;
	margin: 20px;
}
.result ul li {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.result ul li:first-child {
	background: #86a4da;
	font-weight: bold;
/*	float: left;*/
}
.result .report {
	text-decoration: underline;
	color: blue;
}
.result p {
	margin: 10px 20px;
	padding: 5px;
	text-align: justify;
}
.result p span {
	font-weight: bold;
	display: block;
}
.highlight_para {
	background-color: #cde7ff;
}
.hand_cursor {
	cursor: pointer;
}
.unbold {
	font-weight: normal;
}
input[type='submit'] {
	cursor: pointer;
}
.input option:first-child {
	display: none;
}
.del_extension a #del_text, .edit_del_extension a #del_text {
	color: #161616;
}
select option {
	color: #161616;
}
.textarea {
	max-width: 334px;
	width: 334px;
}
.textarea2 {
	max-width: 279px;
	width: 279px;
}
.textarea3 {
	max-width: 129px;
	width: 129px;
}
#popup_close {
	float: right;
	cursor: pointer;
}
#delete_NotifyPopUp {
	float: right;
	cursor: pointer;
}

#permission_NotifyPopUp {
	float: right;
	cursor: pointer;
}

#closeDeletePopup {
	float: right;
	cursor: pointer;
}

#CancelExtPopup {
	float: right;
	cursor: pointer;
}

#refresh_NotifyPopUp
 {
	float: right;
	cursor: pointer;
}

#recurrence_StatusPopup_close
{
	float: right;
	cursor: pointer;
}

#addpopup_close {
	float: right;
	cursor: pointer;
}
.gridButton {
	display: inline-block;
}
.gridButton img {
	cursor: pointer;
	vertical-align: middle;
}
.del_extension div {
	display: inline-block;
}
.del_extension ul {
	display: inline-block;
	vertical-align: middle;
}
.del_extension ul li {
	padding: 0 8px;
	color: #161616;
	font-weight: normal;
	cursor: pointer;
	font-size: 11px;
}
.del_extension ul li:first-child {
	background-color: #ff8c00;
}
.del_extension .pagerange {
	margin: 0 15px 0 6px;
	vertical-align: middle;
}
.del_extension div:last-child {
	vertical-align: middle;
	float: right;
}
.del_icon {
	background: url(../images/delete.png) no-repeat top left;
	width: 0px;
	height: 13px;
	padding-bottom: 1px;
	padding-left: 15px;
}
.width_monthlyextn {
	width: 75px;
}
/* changes for responsive */
/*.content div:first-child img {
	width: 172px;
	height: 122px;
}*/
aside div:last-child {
	width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
aside div:last-child input:first-child {
	float: left;
}
aside div:last-child input:last-child {
	float: right;
}
/* changes for responsive */

/* table-grid */
.container {
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: 10px;
	background: #FFF;
}
.heading {
	display: table-row;
	background: #6c8cad;
	font-weight: bold;
	color: #FFF;
}
.table-row {
	display: table-row;
}
.col {
	display: table-cell;
	border: #dbdedb solid 1px;
	padding: 5px;
	vertical-align: middle;
}
.container-accordion {
	display: table;
	width: 98%;
	border-collapse: collapse;
	font-size: 10px;
	background: #FFF;
	margin-left:1%;
}
.container-accordion2 {
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: 10px;
	background: #FFF;
}
.heading-accordion {
	display: table-row;
	background: #6c8cad;
	font-weight: bold;
	color: #FFF;
}
.table-row-accordion {
	display: table-row;
}
.col-accordion {
    /*display: block !important;*/ /*table-cell on 26June2015; Reason: Manage zone: available control point gridview didn't work properly*/
	border: #dbdedb solid 1px;
	padding: 5px;
	vertical-align: middle;
	word-wrap: break-word;
}
.col-accordion-visible {	
	border: #dbdedb solid 1px !important;
	padding: 5px;
	vertical-align: middle;
	display:block !important;
}
/*.container div div:last-child {*/
.col_holidaypage, .col_date_holiday {
	display: table-cell;
	border: #dbdedb solid 1px;
	padding: 5px;
	vertical-align: middle;
}
.col_holidaypage {
	width:4%;
}
.col_date_holiday {
	width:22%;
}
.lastTableRow {
	text-align: center;
	vertical-align: middle;
}
.lastTableRow_holidaypage {
	text-align: center;
	vertical-align: middle;
	width:4%;
}
.container input[type="checkbox"] {
	margin: 0 auto 0 2px;
	vertical-align: middle;
}
.margin-top-2px {
	margin-top: 2px;
	float: right !important;
}
/* table-grid */
.padding-datectrl-label {
	padding: 6px 6px 0 12px;
}
.padding-datectrl-label2 {
	padding: 6px 4px 0 6px;
}
.repeat {
	padding: 6px 43px 0 16px;
}
.repeat-every-month {
	padding: 0 16px;
}
.repeat-every-month-lable {
	padding: 0 0 0 15px;
}
.recurring-ddl {
	width: 88px;
	height: 38px;
}
.recurring-ddl option {
}
.recurrence_col {
	width: 100px;
	min-width:100px;
	float:left;
	margin-left:13px;
}
.recurrence_col ul li {
	float: none;
	font-weight: normal;
	line-height: 12px;
	background-color: #ececec;
	margin: 5px 0;
	padding: 2px 0;
}
.recurrence_col ul li label {
	vertical-align: text-top;
}
.recurrence_col ul li img {
	float: right;
	padding-right: 5px;
	cursor: pointer;
}
.recurrence_col div {
	font-weight: bold;
}
.visibility {
	visibility: hidden;
}
#visibility {
/*	visibility: hidden;*/
display:block;
}
.recurrence_text {
	text-transform: uppercase;
	color: #718ba0;
	font-size: 13px;
}
.redText {
	color: #ee3124;
}
.recurring-day-icon {
	background: url(../images/recurring-day-icon.png) no-repeat top left;
	width: 11px;
	height: 11px;
	display: inline-block;
	margin-right: 5px;
}
/* sidebar-table-grid */
.sidebar-container {
	display: table;
	width: 100%;
	border-collapse: collapse;
	background: #FFF;
	line-height: 21px;
	color: #333333;
}
.sidebar-heading {
	display: table-row;
	background: #6c8cad;
	color: #FFF;
	font-size: 12px;
}
.sidebar-table-row {
	display: table-row;
	font-size: 10px;
}
.sidebar-col {
	display: table-cell;
	border: #dbdedb solid 1px;
	padding: 5px;
	vertical-align: middle;
}
.sidebar-altrow {
	background-color: #e3e8ec;
}
/* sidebar-table-grid */

.font-bold {
	font-weight: 700;
}
.recurrence-icon {
	background: url(../images/Recurring_icon.png) no-repeat;
	width: 17px;
	height: 15px;
	position: relative;
	left: 40%;
	cursor: pointer;
}
.non-recurrence-icon {
	text-align: center;
}
.day_edit_popup_content {
/*	display: block;
	width: 330px;
	height: 215px;
	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow: auto;
	z-index: 1002;
	margin-top: -110px;
	margin-left: -165px;	*/
	
	display: block;
	width: 70%;
	max-width:330px;
	height: auto;
	max-height:215px;
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin:20% auto 0;
}
.day_edit_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.day_edit_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.day_edit_popup_content section a {
	float: right;
}
.day_edit_popup {
	height: 147px;
	overflow: auto;
	padding: 10px 0px 10px 10px;
}
#day_popup_close {
	float: right;
	cursor: pointer;
}
.edit_table {
	display: table;
}
.edit_table_row {
	display: table-row;
}
.edit_table_cell {
	display: table-cell;
	padding: 3px;
}
.recurrence_edit_popup_content {
/*	display: block;
	width: 502px;
	height: 175px;
	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow: auto;
	z-index: 1002;
	margin-top: -115px;
	margin-left: -251px;*/


	display: block;
	width: 70%;
	max-width: 602px;
	height: auto;
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin: 20% auto 0;
}
.recurrence_edit_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.recurrence_edit_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.recurrence_edit_popup_content section a {
	float: right;
}
.recurrence_edit_popup {	
	max-height: 400px;
	height: auto;
	overflow: auto;
	padding: 10px;
}
#recurrence_popup_close {
	float: right;
	cursor: pointer;
}
.edit_del_extension {
	background: #FFF;
	font-size: 10px;
	color: #161616;
	padding: 0 8px 4px 8px;
}
.day_time_table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}
.day_time_row {
	display: table-row;
}
.day_time_cell {
	display: table-cell;
}
.day_time_section {
	margin-left: 17px;
	width: 187px;
	max-width:187px;
	margin-top:-20px;
}
.day_time_section > div {
	margin-bottom: 3px;
	background: #ececec;
	padding-left: 5px;
	padding-bottom: 3px;
}
.day_time_section > div > div > span {
	background: #ef3125;
	color: #FFF;
	float: right;
	line-height: 13px;
	cursor: pointer;
	padding: 2px;
}
.div-table-wrapper {
	position: relative;
}
.div-table {
	display: table;
	width: auto;
	border-collapse: collapse;
}
.div-table-row {
	display: table-row;
}
.div-table-cell {
	display: table-cell;
	padding-bottom: 10px;
	position: relative;
}
.div-table-cell .empty {
	width: 186px;
}
.div-table-cell .rowspan {
	position: absolute;
	top: -21px;
	bottom: 0;
	width: 186px;
	max-width:186px;
	height: 161px;
	overflow: auto;
	z-index: 1;
	display: block;
}
#recurrence-divider1 {
	text-align: center;
	position:relative;
}
#recurrence-divider2 {
	display: none;
	text-align: center;
	position:relative;
}

#recurrence-divider1 > span, #recurrence-divider2 > span {
    display: inline-block; 
}
#recurrence-divider1 > span:before,
#recurrence-divider1 > span:after, #recurrence-divider2 > span:before,
#recurrence-divider2 > span:after {
    border-top: 1px solid black;
    display: block;
    height: 1px;
    content: " ";
    width: 40%;
    position: absolute;
    left: 0;
    top: 1em;
}
#recurrence-divider1 > span:after, #recurrence-divider2 > span:after {
   right: 0;  
   left: auto; 
}

.save_popup_content {
/*	display: block;
	width: 430px;
	height: 250px;
	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow: auto;
	z-index: 1002;
	margin-top: -125px;
	margin-left: -215px;*/
	
	display: block;
	width: 50%;
	max-width:430px;
	height: auto;
	max-height:250px;
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin:20% auto 0;
}
.save_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.save_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.save_popup_content section a {
	float: right;
}
.save_popup {
	height: 207px;
	overflow: auto;
}
#cpnlContent_save_popup_close {
	float: right;
	cursor: pointer;
}
.container-2 {
	display: table;
	border-collapse: collapse;
	font-size: 12px;
	background: #FFF;
	margin: 10px;
}
.heading-2 {
	display: table-row;
	background: #6c8cad;
	font-weight: bold;
	color: #FFF;
}
.table-row-2 {
	display: table-row;
}
.col-2 {
	display: table-cell;
	padding: 5px;
	vertical-align: middle;
}
.confirm-recurring-msg {
	background: #e4e4e4;
	color: #4d5f6d;
	font-weight: 700;
	text-align: center;
	padding: 5px;
	margin-bottom: 14px;
}
.height-2 {
	height: 100px;
}
.line-height-em {
	line-height: 1.5em;
}
.errorMessage {
	color: #ee3124;
	visibility: hidden;
}

.next_page {background: url(../images/next_page_icon.png) no-repeat left bottom;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}
.next_screen {background: url(../images/next_screen_icon.png) no-repeat left bottom;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}
.prev_screen {background: url(../images/prev_screen_icon.png) no-repeat left top;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}
.prev_page {background: url(../images/prev_page_icon.png) no-repeat left top;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}



.prev_screen_enabled {background: url(../images/prev_screen_enabled.png) no-repeat left top;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}
.prev_page_enabled {background: url(../images/prev_page_enabled.png) no-repeat left top;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}
.next_page_enabled {background: url(../images/next_page_enabled.png) no-repeat left bottom;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}
.next_screen_enabled {background: url(../images/next_screen_enabled.png) no-repeat left bottom;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;}



.prev_screen_disabled {background: url(../images/prev_screen_disabled.png) no-repeat left top;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;cursor:default;}
.prev_page_disabled {background: url(../images/prev_page_disabled.png) no-repeat left top;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;cursor:default;}
.next_page_disabled {background: url(../images/next_page_disabled.png) no-repeat left bottom;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;cursor:default;}
.next_screen_disabled {background: url(../images/next_screen_disabled.png) no-repeat left bottom;width: 20px;height: 20px;display: inline-block;vertical-align: bottom;cursor:default;}


.globalsave_popup_content {
/*	display: block;
	width: 430px;
	max-width:430px;
	height: auto;
	max-height:130px;
	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow: auto;
	z-index: 1002;
	margin-top: -125px;
	margin-left: -215px;*/
	
	display: block;
	width: 40%;
	max-width:430px;
	height: auto;
	max-height:133px;
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin:20% auto 0;
}
.globalsave_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.globalsave_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.globalsave_popup_content section a {
	float: right;
}
.globalsave_popup {
	height: 70px;
	overflow: auto;
	padding: 10px 0px 10px 10px;
	
}
#globalsave_popup_close {
	float: right;
	cursor: pointer;
}

.logout_popup_content {
	display: block;
	width: 40%;
	max-width:430px;
	height: auto;
	max-height:130px;
	background-color: white;
	position: relative;
/*	top: 50%;
	left: 50%;*/
	overflow: auto;
	z-index: 1002;
/*	margin-top: -10%;
	margin-left: -17%;*/
	margin:20% auto 0;
}
.logout_popup_content section {
	background: #4d5f6d;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.logout_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.logout_popup_content section a {
	float: right;
}
.logout_popup {
/*	height: 65px;*/
	overflow: auto;
	padding: 10px 0px 10px 10px;
}
#logout_popup_close {
	float: right;
	cursor: pointer;
}


.forgotpassword_popup_content {
	display: block;
	width: 80%;
	max-width:370px;
	height: auto;
	max-height:150px;
	background-color: white;
	position: relative;
/*	top: 50%;
	left: 50%;*/
	overflow: auto;
	z-index: 1002;
/*	margin-top: -10%;
	margin-left: -17%;*/
	margin:20% auto 0;
}
.forgotpassword_popup_content section {
	background: #4d5f6d;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.forgotpassword_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.forgotpassword_popup_content section a {
	float: right;
}
.forgotpassword_popup {
/*	height: 65px;*/
	overflow: auto;
	padding: 10px 0px 10px 10px;
}
#forgotpassword_popup_close {
	float: right;
	cursor: pointer;
}
.forgotpassword_popup ul li:last-child input[type='text'] {
	color:#000 !important;
}
/*#ui-datepicker-div button.ui-datepicker-current {color:red;}*/
/*@media only screen and (max-width:1024px) {
	.wrapper {
		min-width:1024px;
	}
}*/
#hamburger-img {
	display:none;
}
ul.hamburger_menu {
	display:none;
	list-style:none;
}
ul.hamburger_menu li {
	border-top:#4c4c4c solid 1px;
	border-right:#4c4c4c solid 1px;
	border-left:#4c4c4c solid 1px;
	background:#666666;
	padding:5px 0px 5px 10px;
	color:#FFF;
	font-size:12px;
}
ul.hamburger_menu li span {float:right; margin-right:10px;}
ul.hamburger_menu li a, ul.hamburger_menu li a:hover, ul.hamburger_menu li a:visited { display:block; color:#FFF; text-decoration:none;}

ul.hamburger_menu ul li {
	border-top:#656565 solid 1px;
	border-right:#656565 solid 1px;
	border-left:#656565 solid 1px;
	background:#878787;
	padding:5px 0px 5px 20px;
	color:#FFF;
	font-size:12px;
}

.li_facilityrelated, .li_airconrelated, .li_user, .li_system {
	border-top:#656565 solid 1px;
	border-right:#656565 solid 1px;
	border-left:#656565 solid 1px;
	background:#878787 !important;
	padding:5px 0px 5px 20px;
	color:#FFF;
	font-size:12px;
}
#li_facilityrelated li, #li_airconrelated li, #li_user li, #li_system li {background:#ADACAC;}

#li_extension, #li_report, #li_data, #li_facilityrelated, #li_airconrelated, #li_user, #li_system {display:none;}
#para2, #para3, #para4, #para5, #para6, #para7, #para8, #para9, #para10, #para11, #para12, #para13, #para14, #para15, #para16 {display: none;}

.visible {display:block;}
.hidden {display:none; width:100%;}
#accordion_menu {display: none;}
#recurrence_col_2 {display:none;}
#responsive-gridview {display:none;}

.editFrom, .editTo {display:block;}
.editFrom2, .editTo2 {display:none;}
.deletePopup {cursor:pointer;}

.visible-extlist {display:block;}
.hidden-extlist {display:none; width:100%;}
.hour_min_ddl {margin-left:3px;}
#accordion-gridview {display:none;}


/* visible this accordion gridview in width:755px  */
#accordion-gridview section {border-top: 5px solid #339966; background:#FFF; height:5px;}
#accordion-gridview p#header {background:#dcdadb; font-size:12px; font-weight:bold; text-align:left; padding:5px 0px 5px 10px; text-transform:uppercase;}

#accordion-gridview .grid-table{display:table; width:100%; background:#FFF; border-collapse:collapse; font-size:11px; } /*background: #FFF; border-top: 5px solid #339966; padding-bottom: 22px; overflow: auto;*/
#accordion-gridview .grid-row {display:table-row; height:auto !important;}
#accordion-gridview .header-grid-cell, #accordion-gridview .grid-col {display:table-cell; padding:4px 8px 4px;}
#accordion-gridview .grid-cell {display:table-cell; padding:4px 0px 4px;}
#accordion-gridview .li-grid-cell  {display:table-cell; padding:0px 10px; vertical-align:top; font-size:12px;}
#accordion-gridview .li-grid-table-cell {display:table-cell; padding:5px 10px; text-align:justify;}
#accordion-gridview .li-grid-table-cell p span {display:block; font-weight:bold; padding-bottom:5px;}
#accordion-gridview .grid-col {border:#999 solid 1px;}
#accordion-gridview #accordion_content {background:#FAFAFA;}

@media only screen and (max-width:755px)
{
	.extension_list	{width: 100%;}
	.recurrence_col	{width: 100px;max-width: 100px;}
	#recurrence-divider1 {display: block;}
	#recurrence-divider2 {display: none;}
	#help_section {display:none;}
	#accordion-gridview {display: block;}
}

/* visible this accordion gridview in width:705px  */
.companies_popup #responsive-gridview .grid-table {display:table; width:99.6%; border-collapse:collapse; font-size:11px; margin-left:0.2%;}
#responsive-gridview .grid-table {display:table; width:99.9%; border-collapse:collapse; font-size:11px;}
.data-section-single-col #responsive-gridview .grid-table {width:100%;}
#responsive-gridview .grid-row-header {display:table-row; background:#FFF;}
#responsive-gridview .grid-row {display:table-row;}
#responsive-gridview .header-grid-cell, #responsive-gridview .grid-col {display:table-cell; padding:4px 8px 4px;}
#responsive-gridview .grid-cell {display:table-cell; padding:1px 0px 1px; background:#e5e5e5;}
#responsive-gridview .li-grid-cell {display:table-cell; padding:4px 6px 0px 6px; vertical-align:top;}
#responsive-gridview .li-grid-table-cell {display:table-cell;}
#responsive-gridview .grid-col {border:#999 solid 1px;}
#responsive-gridview .grid-col:first-child {width:35%; font-weight:bold;}
#responsive-gridview .grid-col:last-child {width:65%;}

.del_extension {border:none;}
.page-size {text-align:right;}
.pageno_panel {text-align:right;}
ul.pageno {display:inline-block; vertical-align:middle;}
ul.pageno li {padding:0 5px;}
ul.pageno li:first-child {background:#ff8c00;}

.ui-state-default {width:100%;} /* css changes for accordion */	
.grid-table div.ui-corner-top {border-radius:0px;}/* css changes for accordion */
.grid-table div.ui-corner-all, div.ui-corner-bottom, div.ui-corner-right, div.ui-corner-br {border-radius:0px ;} /* css changes for accordion */
.grid-table div.ui-state-active, .grid-table div.ui-state-hover, .grid-table div.ui-state-focus {background:#FFF; color:#161616 !important; font-size:11px; font-weight:normal; width:100%;} /* css changes for accordion */
.ui-accordion .ui-accordion-header {margin:0 !important; padding:.5em 0px .5em 0px !important;} /* css changes for accordion */		
.ui-icon-triangle-1-s {background-position:0px -16px !important;}  /* css changes for accordion */	
.ui-icon-triangle-1-e {background-position:-65px -16px !important;} /* css changes for accordion */	
.grid-table .ui-widget-content {border:none !important;} /* css changes for accordion */
#responsive-gridview .ui-accordion .ui-accordion-header {background:#FFF !important;}


img {border:none;}
#forgotPwdMsg {display:none; padding:10px; }

/* Data section */ 
ul #data_menu {display:block;}
#nav2 li:hover ul ul {visibility:visible; display:block; position:relative;}
ul #data_menu > li {padding:5px 10px 10px; border-right:#a3a3a4 solid 1px !important; margin:5px 0px; min-height:172px;}
ul #data_menu li span.menu-heading {color: #203748 !important; font-weight: bold; font-size: 12px !important; line-height: 21px; border-bottom:#000 dotted 1px;padding-right:15px;}
ul #data_menu li ul {width:120px !important;}
ul #data_menu li li {float:none; display:block;/* padding-left:10px;*/padding-bottom:5px; height:40px;} 
ul #data_menu li li a {color:#03F !important;}
ul #data_menu li li a:hover {text-decoration:underline;}
.data-section {/*width: 71.4%; */overflow: auto;}
.data-section-single-col {width: 100%; overflow-x:hidden; overflow-y: auto;}
.data-section h1 { font-size: 18px; color: #36465f; margin: 4px 0 14px 0;}
.data-section-single-col h1 { font-size: 18px; color: #36465f; margin: 0px 0 10px 0;}
/*.data-treeview-section section, .data-section-single-col section, .data-section-single-col section {background: #FFF; border-top:5px solid #7b899c; /*!important;border-top: 5px solid #0082bf; padding: 10px; }*/
.data-treeview-section section, .data-section section, .data-section-single-col section {display:block !important; background: #FFF; border-top: 5px solid #7b899c; padding: 10px; }
.data-section ul {margin: 0px; font-weight: 100; padding: 0; }
.data-section ul li {float: left; font-size: 12px; color: #333333; font-weight: normal;	list-style: none;}
.data-section ul li input[type='submit'] {background: #ee3124; color: #fff; font-size: 13px; padding: 6px 15px;	border: 0px; margin-right: 10px;}
.data-section ul li input[type='button'] {background: #ee3124; color: #fff; font-size: 13px; padding: 6px 15px;	border: 0px; margin-right: 10px;}
.data-treeview-section {width:228px; max-width:228px; float:left; clear:right; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; margin-right:2.5%;}
.search_icon {background:url(../images/search_icon.png) no-repeat; width:39px; height:31px; border:0 !important; cursor:pointer; vertical-align:bottom; margin-left:1px;}
.search_input {background:#FFF;	border: 1px solid #dfdfdf; color: #CFCFCF; font-size: 13px; padding: 6px 7px 7px;	border-radius:0; width:160px;}
.data-treeview-section > div {margin-bottom:8px;}
.data-treeview-section section {overflow:auto; min-height:293px; max-height:437px;}
.add-remove-button {display:table; margin-bottom:8px !important;}
.add-remove-button li a {color:#6c8cad; font-weight:bold;}
/* tab menu */
.marginbot {margin-bottom:15px;}
ul.list li {list-style-type:none; margin-left:0px;}
ul.tabs {width:100%; overflow:hidden;}
ul.tabs li {list-style-type:none;display:block; float:left; color:#333; min-width:110px; text-align:center; padding:6px 2px; margin-right:2px; background-color:#e2e2e2; cursor:pointer; font-weight:bold;}
ul.tabs li:hover {background-color:#999; color:#FFF;}
ul.tabs li.current {/*border-bottom:2px solid #ee3124;*/ background-color:#6c8cad; padding:6px 2px; color:#FFF;display:block;}
.tabscontent {border:1px solid #cecece; font-size:12px;  padding:8px; display:none; width:auto; text-align:justify; background:#fafafa; display:block; overflow:hidden; display:none;}
/* tab menu */
.input-box {background:#FFF; border:#efefef solid 1px; color:#161616; font-size:13px; padding:6px 3px; border-radius:0; width:149px;}
.input-box-settings {background:#FFF; border:#efefef solid 1px; color:#161616; font-size:13px; padding:6px 3px; border-radius:0; width:230px;}
.input-box-large {background:#FFF; border:#efefef solid 1px; color:#161616; font-size:13px; padding:6px 3px; border-radius:0; width:295px !important;}
.second-input-box {background:#FFF; border:#efefef solid 1px; color:#161616; font-size:13px; padding:6px 3px; border-radius:0; width:149px; margin-left:10px;}
.input-box-service
{
	background: #FFF;
	border: #efefef solid 1px;
	color: #161616;
	font-size: 13px;
	padding: 6px 3px;
	border-radius: 0;
	width: 373px;
    margin-left:10px;
}
.input-box-peak
{
	background: #FFF;
	border: #efefef solid 1px;
	color: #161616;
	font-size: 13px;
	padding: 6px 3px;
	border-radius: 0;
	width: 100px;
    margin-left:10px;
}
.chk-user {margin-left:10px; padding-right:5px !important}
.tabscontent ul li {display:-webkit-inline-box !important; list-style-type:none; float:left; width:100%; padding:5px;}
.tabscontent ul li label {display:inline-block; width:100px;}
.tabscontent .second-label {width: auto; padding-left:20px; text-align:right;}

.tabscontent .second-label-zone {width: auto; padding-left:68px; text-align:right;}

.tabscontent .label{width: auto; padding-left:57px; text-align:right;}
.tabscontent .location-name-input {width:412px;}
.input-select {appearance:none;display:-webkit-inline-box !important; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; background:url('../images/multiple-select.png') no-repeat #FFF 136px 2px; border:#efefef solid 1px; color:#adadad; font-size:13px; padding:5px 7px; border-radius:0; width:157px; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; background-color:#fff;}
.input-select-settings {appearance:none;display:-webkit-inline-box !important; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; background:url('../images/multiple-select.png') no-repeat #FFF 119px 2px; border:#efefef solid 1px; color:#adadad; font-size:13px; padding:5px 7px; border-radius:0; width:137px; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; background-color:#fff;}
.tabscontent .second-label-width {width:95px; text-align:right;}
.tabscontent textarea {background:#FFF; border:#dfdfdf solid 1px; padding:6px 3px; border-radius:0; width:150px; max-width:150px;height:60px; min-height:60px;}
.tabscontent .textarea {background:#FFF; border:#dfdfdf solid 1px; padding:6px 3px; border-radius:0; width:150px; max-width:150px;height:60px; min-height:60px;}

.data-section-single-col ul li {list-style-type:none; display:inline-block;}
.data-section-single-col ul li input[type='button'] {background: #ee3124; color: #fff; font-size: 13px;	padding: 6px 15px; border: 0px; margin-right: 10px;}
.data-section-single-col ul li input[type='submit'] {background: #ee3124; color: #fff; font-size: 13px;	padding: 6px 15px; border: 0px; margin-right: 10px;}
.time-format-note {display:block; float:right; font-style:italic; font-size:10px;}
.add_icon {background: url(../images/add_icon.png) no-repeat; padding-left: 20px; margin:0px 0px 0px 15px; padding-bottom:2px;}
/*.add_icon2 {background: url(../images/add_icon.png) no-repeat; padding-left: 20px; padding-bottom:2px;}*/ 
/*Added for Add icon*/
.add_icon2 {	background: url(../images/add_icon.png) no-repeat top left;	width: 0px;	height: 13px;padding-bottom: 1px;padding-left: 15px;
}
.data-grid-ctrl {border-top:#dbdedb solid 1px; border-right:#dbdedb solid 1px; border-left:#dbdedb solid 1px; margin-top:20px;}
.data-edit-time {width:44px; height:auto; background-position:31px 3px;}
.edit-schedule-width {width:150px; vertical-align:sub;}
.edit_schedule_popup_content {display: block; width: 76%; max-width:1086px; height: auto;	background-color: white; position: relative; overflow: auto; z-index: 1002; margin:10% auto 0;}
.edit_schedule_popup_content section {background: #4d5f6d; font-size: 1.6em; line-height: 1.3em;	font-weight: 700; text-transform: uppercase; color: #FFF;	height: 41px;}
.edit_schedule_popup_content section div {padding: 10px 0 0 10px; width: auto; float: left;}
.edit_schedule_popup_content section a {float: right;}
.edit_schedule_popup {height: auto; overflow: auto; padding: 10px 0px 10px 10px;}

#accordion_header_fullview, #accordion_header_fullview_2 {background:#FFF; color:#6c8cad; text-align:left; border-bottom: #dfdfdf solid 1px; border-radius:0; padding:2px 10px;}
#accordion_header_fullview p, #accordion_header_fullview_2 p {margin:2px 10px; font-weight:bold;}
#accordion_content_fullview, #accordion_content_fullview_2 {border:none; background:#f8f8f8; padding:1em;}
.modified_tabscontent {background:none; padding:0 !important;}
.modified_tabscontent ul li {/*width: 23.5%;*/ width:30%; font-size:0.8em;}
.modified_tabscontent ul li label {width:auto; vertical-align:top; margin-left:2px;}

.next_page_disabled {background: url(../images/next_page_icon.png) no-repeat left top; width: 20px; height: 20px; display: inline-block; vertical-align: bottom;}
.prev_page_enabled {background: url(../images/prev_page_icon.png) no-repeat left bottom; width: 20px; height: 20px; display: inline-block; vertical-align: bottom;}
.next_screen_disabled {background: url(../images/next_screen_icon.png) no-repeat left top; width: 20px; height: 20px;	display: inline-block; vertical-align: bottom;}
.prev_screen_enabled {background: url(../images/prev_screen_icon.png) no-repeat left bottom; width: 20px; height: 20px; display: inline-block; vertical-align: bottom;}

ul.userlist_form_label li {margin-bottom:10px;}
ul.userlist_form_label li label {width:90px; display:inline-block; margin-left:26px;}
.no-margin {margin:0px !important;}
.margin-right {margin-right:280px;}
.image-input {width:149px;}

.data-gridview-section {background: #FFF; font-size: 11px; color: #161616; padding: 8px 8px 4px 8px; margin-top: 5px; border: #dbdedb solid 1px; overflow:auto;}
.data-gridview-section img {vertical-align: text-bottom;}
.data-gridview-section div select {appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;	width: 45px; background: url('../images/multiple-select.png') no-repeat #FFF top left; background-position: 26px -5px; border: 1px solid #999; margin-left: 3px; font-size: 11px; padding-left: 2px;}
.data-gridview-section a #del_text {color: #161616;}
.data-gridview-section div {display: inline-block;}
.data-gridview-section ul {display: inline-block; vertical-align: middle;}
.data-gridview-section ul li {padding: 0 8px; color: #161616; font-weight: normal; cursor: pointer;	font-size: 11px;}
.data-gridview-section ul li:first-child {background-color: #ff8c00;}
.data-gridview-section div:last-child {vertical-align: middle; }
.data-gridview-section .data-gridview-pagerange {margin: -20px 0px 0px 73%;	vertical-align: middle; float:left;width:80px;}
.data-gridview-header {border-top:#dbdedb solid 1px; border-right:#dbdedb solid 1px; border-left:#dbdedb solid 1px; margin-top:20px;}
.data-gridview-del-link {cursor:pointer; float:left;}
.addPopup {float:left;}
.data-gridview-pagging { margin:0 3% 0 7%; float:left;}
.data-page-row {margin-top: 2px; float: right; clear:right;}

ul.modify_roles {display:inline-block;}
ul.modify_roles_button {display:inline-block;}
.tab_accordion_header {display:none;}
.tab_accordion_header2 {display:none;}

.location_accordion_header {display:none;}
.TpTenantLease_accordion_header {display:none;}
.TpLocationDetails_accordion_header{display:none;}
.TpLocMoreDetails_accordion_header{display:none;}
.meter_accordion_header {display:none;}
.energy_accordion_header {display:none;}
.company_accordion_header {display:none;}

.CompanyDetails_accordion_header {display:none;}
.CompanyMoreDetails_accordion_header {display:none;}
.LeaseDetails_accordion_header {display:none;}

.FacilityGroupDetails_accordion_header{display:none;}
.single_col_header {display:none;}
.height_userlist {height:15px;}

.addnew_popup_content {
	display: block;
	width: 40%;
	max-width:430px;
	height: auto;
	/*max-height:130px;*/
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin:20% auto 0;
}
.addnew_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.addnew_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.addnew_popup_content section a {
	float: right;
}
.addnew_popup {
	height: auto;
	overflow: auto;
	padding: 10px 0px 10px 10px;
}
#addnew_popup_close {
	float: right;
	cursor: pointer;
}
.remove_popup_content {
	display: block;
	width: 50%;
	max-width:430px;
	height: auto;
	/*max-height:130px;*/
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin:20% auto 0;
}
.remove_popup_content section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}
.remove_popup_content section div {
	padding: 10px 0 0 10px;
	width: auto;
	float: left;
}
.remove_popup_content section a {
	float: right;
}
.remove_popup {
	height: auto;
	overflow: auto;
	padding: 10px 0px 10px 10px;
}
#remove_popup_close {
	float: right;
	cursor: pointer;
}

ul.addnew_fields li {display:block;}
ul.addnew_fields li input[type='radio'] {margin-right:5px; vertical-align:middle;}
.height-3 {height: 10px;}

#accordion_header_companiesview {background:#FFF; color:#6c8cad; text-align:left; border: #dfdfdf solid 1px; border-radius:0; padding:2px 10px; margin-top:5px !important;}
#accordion_header_companiesview p {margin:2px 10px; font-weight:bold;}

#accordion_header_MoreDetails {background:#FFF; color:#6c8cad; text-align:left; border: #dfdfdf solid 1px; border-radius:0; padding:2px 10px; margin-top:5px !important;}
#accordion_header_MoreDetails p {margin:2px 10px; font-weight:bold;}



#accordion_content_companiesview {border-bottom:#dfdfdf solid 1px; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; background:#FFF; width:100%; height:auto !important; padding:.3em 0px .5em 0px ;}
#accordion_content_companiesview ul {margin:0; padding:0 0 10px 5px;}
#accordion_content_companiesview ul li {display:block; list-style-type:none; float:left; width:97%; padding:5px;}
#accordion_content_companiesview ul li label {display:inline-block; width:95px; line-height:1.75em;}


#accordion_content_MoreDetails {border-bottom:#dfdfdf solid 1px; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; background:#FFF; width:100%; height:auto; padding:.3em 0px .5em 0px ;}
#accordion_content_MoreDetails ul {margin:0; padding:0 0 10px 5px;}
#accordion_content_MoreDetails ul li {display:block; list-style-type:none; float:left; width:97%; padding:5px;}
#accordion_content_MoreDetails ul li label {display:inline-block; width:95px; line-height:1.75em;}



.input-box-picker {background: url(../images/calendar.png) no-repeat #FFF 15px -6px; border:#efefef solid 1px; color:#161616; font-size:13px; padding:6px 3px; border-radius:0; width:149px;}
#accordion_content_companiesview .second-label {width: 130px; padding-left:0; text-align:right;}
#accordion_content_companiesview .active-checkbox {display:inline-block; margin-right:143px; text-align:left;}
#accordion_content_companiesview ul li input[type='checkbox'] {vertical-align:middle;}

#accordion_content_MoreDetails .second-label {width: 130px; padding-left:0; text-align:right;}
#accordion_content_MoreDetails .active-checkbox {display:inline-block; margin-right:143px; text-align:left;}
#accordion_content_MoreDetails ul li input[type='checkbox'] {vertical-align:middle;}


.overright-li {margin:0 !important; padding:0 0 5px 0 !important;}
.overright-li li {width:auto !important; padding:0 8px !important;}
.del_extension .pagerange-accordion {margin: 0 15px 8px 6px; vertical-align: middle;}
.gridview-title {font-size:12px; font-weight:bold; margin:5px 0 5px 8px;}
.deletePopup-accordion {cursor:pointer; display:inline-block; position:relative; bottom:4px;margin-left:-10px;}
.responsive-paging-accordion {display:block; font-size:11px ; margin:5px 5px 0px; float:left;}
.responsive-counting-accordion {display:block; font-size:11px ; margin:8px 5px 8px 8px; float:left;}
.responsive-paging-accordion ul li, .responsive-counting-accordion ul li {font-size:11px !important;}
.input-box-new {background:#FFF; border:#efefef solid 1px; color:#161616; font-size:13px; padding:6px 3px; border-radius:0; width:120px;}
.company-new {background:url(../images/company_new.png) no-repeat; width:20px; height:17px; display:inline-block; position:relative; top:5px; left:5px; cursor:pointer;}
.companies-popup li {display:inline-block;}
.companies-popup li input[type='button'] {background: #ee3124; color: #fff; font-size: 13px;	padding: 6px 15px; border: 0px; margin:0 0 0 10px !important; cursor:pointer;}
.companies_popup_content {display: block; width: 65%; /*max-width:405px;*/ height: auto;	background-color: white; position: relative; overflow: auto;overflow-y:scroll; height:300px; z-index: 1002; margin:10% auto 0;}
.companies_popup_content section {background: #4d5f6d; font-size: 1.6em; line-height: 1.3em;	font-weight: 700; text-transform: uppercase; color: #FFF;	height: 43px;}
.companies_popup_content section div {padding: 10px 0 0 10px; width: auto; float: left;}
.companies_popup_content section a {float: right;}
.companies_popup {height: auto; overflow: auto; padding: 10px 0px 10px 10px;}
.companies_popup_table {display:table; border-collapse:collapse; width:99.3%;}
.companies_popup_table_row_header {display:table-row; background-color:#6c8cad; color:#FFF; font-weight:bold;}
.companies_popup_table_row {display:table-row;}
.companies_popup_table_cell {display:table-cell !important; border:#dbdedb solid 1px; padding:5px; vertical-align:middle; font-size:11px;}
.companies-pagging {display:inline-block; margin:0 0 0 10px !important; height:35px;}
.companies-pagging ul {display:inline-block; vertical-align:middle;}
.companies-pagging ul li {padding: 0 8px; color: #161616; font-weight: normal; cursor: pointer;	font-size: 11px;}
.companies-pagging ul li:first-child {background-color:#ff8c00;}
.data-page-row-companies {margin:5px 20px 5px 0;}
.companies-page-list li {float:left;}
.line-separator-companies {width:100%;display:-webkit-box; display:-moz-box; margin-top:1px;}
.companies_popup_view {display:none;}
.search_input2 {background:#FFF; border: 1px solid #dfdfdf; font-size: 13px; padding: 6px 7px 7px;	border-radius:0; width:169px;}
.grid-right-link {background-color:#FFF;}
.grid-right-link a {text-decoration:none; font-size:11px; margin-left:10px;}
.grid-right-link a:hover {text-decoration:underline;}
.deletePopup:hover, .data-gridview-del-link:hover, .addPopup:hover, .addPopup2:hover {text-decoration:underline;}
.addPopup2 {margin-bottom:0px !important; cursor:pointer;}
.margin-left-10px {margin-left:10px;}
.margin-left-3px {margin-left:3px;}
ul li.treeview_li {list-style:none;}

.menu-manage-facilities {background:url(../images/Manage_Facilities_menu.png) no-repeat center; width:21px; height:23px; width:100%; margin-top:5px;}
.menu-company {background:url(../images/Company_menu.png) no-repeat center; height:23px; width:100%; margin-top:5px;}
.menu-manage-meter {background:url(../images/Manage_meter_menu.png) no-repeat center; height:22px; width:100%; margin-top:5px;}
.menu-schedule {background:url(../images/Schedule_menu.png) no-repeat center; height:23px; width:100%; margin-top:5px;}
.menu-aircon-zone {background:url(../images/Aircon-zone_menu.png) no-repeat center; height:30px; width:100%; margin-top:5px;}
.menu-user-list {background:url(../images/User-list_menu.png) no-repeat center; height:28px; width:100%; margin-top:5px;}
.menu-manage-roles {background:url(../images/Manage-role_menu.png) no-repeat center; height:22px; width:100%; margin-top:5px;}
.menu-holiday {background:url(../images/Holiday_menu.png) no-repeat center; height:22px; width:100%; margin-top:5px;}
.menu-settings {background:url(../images/settings_menu.png) no-repeat center; height:23px; width:100%; margin-top:5px;}
.menu-auditlog {background:url(../images/auditlog_menu.png) no-repeat center; height:25px; width:100%; margin-top:5px;}

.menu-manage-facilities > span, .menu-company > span, .menu-manage-meter > span, .menu-schedule > span, .menu-aircon-zone > span, .menu-user-list > span, .menu-manage-roles > span, .menu-holiday > span, .menu-settings > span, .menu-auditlog > span {font-size:12px !important; font-weight:bold; color:#203748 !important; display:inline-block; width:100%; text-align:center; padding-top:25px; margin:0 !important;}

@media only screen and (max-width:1023px) {
	#accordion_menu {display: block; width:100%; background:#4d5f6d;}
    .responsive-box-table {display:table; border-collapse:collapse; width:100%;}
    .responsive-box-table-row {display:table-row;}
    .responsive-box-table-cell {display:table-cell; background:#556373; color: #fff; padding: 5px 0px 5px 10px; cursor: pointer; width:50%;}
    /*.responsive-box-table-row div:last-child {border-left: #fff solid 1px;}*/
    .responsive-box-table-cell img {vertical-align: text-bottom; padding-right: 5px;}
    #today-box, #aircon-box {display: none;}
    .daytime {display:none;}
	.del_extension .pagerange {width:33%; text-align:center;}
	
.content div:last-child {
	max-height: 122px;
	overflow: auto;
}
.content div:last-child p {
padding: 0;
	/*.addnew_popup_content section imgpadding: 0;*/
}
.extension_list {
	width: 100%;
}
.daytime {
	float: left;
	margin-top: 22px;
}
.del_extension .pagerange {
	padding: 0 1%;
}
.del_extension ul li {
	padding: 0 6px;
}
.content img {
	margin-right: 0;
}
.result {
	width: 61.9%;
}
.edit_td {
	margin-left: 6px;
}
.recurrence_col {
	width: 140px;
	max-width: 140px;
}
#recurrence-divider1 {
	display: none;
}
#recurrence-divider2 {
	display: block;
}
.logout_popup_content {
	width:70%;
	margin:30% auto;
}

	/* data section */
	.tabscontent ul li label {float:left;}
	.input-box, .input-select, .input-box-picker, .input-box-new , .input-box-large{float:left; clear:left;}
	.company-new {float:left;}
	.second-label, .second-label-width {clear:both; padding:10px 0px 0px !important; width:auto !important;}
	.tabscontent textarea {float:left; clear:both;}
	.tabscontent .location-name-input {width:25em;}
	/*.data-section {width:61.9%; }*/
	.data-treeview-section {width:228px;}
	.data-gridview-section .data-gridview-pagerange {margin:0px 0px 0px 4%}
	.data-gridview-pagging {margin:0px 3% 0px 7%; }
	.li_break {display:-webkit-box !important; display:-moz-box !important; display:-o-box !important;}
	.data-section-single-col ul li {vertical-align:middle;}
	ul.userlist_form_label li:nth-child(6) label {margin-left:0px;}
	ul.userlist_form_label li:nth-child(8) label {margin-left:26px !important;}
	ul.userlist_form_label li:nth-child(11) label {margin-left:0px;}
	.modified_tabscontent ul li label {float:none;}
	.addnew_popup_content section {font-size:1.3em;}	
    #accordion_content_companiesview ul li label {float:left;}
	#accordion_content_companiesview ul li input[type='checkbox'] {float:left; clear:both;}
	#accordion_content_companiesview ul li {width:90%;}


	#accordion_content_MoreDetails ul li label {float:left;}
	#accordion_content_MoreDetails ul li input[type='checkbox'] {float:left; clear:both;}
	#accordion_content_MoreDetails ul li {width:90%;}
	
	#accordion_content_MoreDetails ul li label {float:left;}
	#accordion_content_MoreDetails ul li input[type='checkbox'] {float:left; clear:both;}
	#accordion_content_MoreDetails ul li {width:90%;}


	.pagerange-accordion {display:block; float:right;}
	.line-separator {width:100%;display:-webkit-box; display:-moz-box; margin-top:1px;}	
	.del_extension .pagerange-accordion {margin:0;}
	.pagerange-accordion2 {display:block;}
	.margin-left-10px {margin-left:0;}
	.margin-left-3px {margin-left:0;}
}
#company-page-tabbing {display:block;}
@media only screen and (max-width:960px) {
	#company_accordion > div.location_accordion_header, #company_accordion > div.meter_accordion_header, #company_accordion > div.energy_accordion_header, #company_accordion > div.company_accordion_header {background:#e2e2e2; color:#000; text-align:left; border-bottom: #dfdfdf solid 1px; border-radius:0; padding:2px 10px;}
	#company_accordion > div.location_accordion_header p, #company_accordion > div.meter_accordion_header p, #company_accordion > div.energy_accordion_header p, #company_accordion > div.company_accordion_header p {margin:2px 10px; font-weight:bold;}
	#company_accordion > div.tabscontent, #company_accordion > div.tabscontent, #company_accordion > div.tabscontent, #company_accordion > div.tabscontent {background:#fafafa; padding:0.5em 0.8em;}
	#company_accordion > div.ui-state-hover, #company_accordion > div.ui-state-hover, #company_accordion > div.ui-state-hover, #company_accordion > div.ui-state-hover {background:#999999; color:#FFF;}	
	#company_accordion > div.ui-state-active, #company_accordion > div.ui-state-active, #company_accordion > div.ui-state-active, #company_accordion > div.ui-state-active {background:#6c8cad; color:#FFF;}
	#company_accordion > div.ui-state-hover .ui-icon, #company_accordion > div.ui-state-active .ui-icon, #company_accordion > div.ui-state-hover .ui-icon, #company_accordion > div.ui-state-active .ui-icon, #company_accordion > div.ui-state-hover .ui-icon, #company_accordion > div.ui-state-active .ui-icon, #company_accordion > div.ui-state-hover .ui-icon, #company_accordion > div.ui-state-active .ui-icon {background-image:url('images/ui-icons_000000_256x240.png');}	
}

@media only screen and (max-width:920px) {
	.data-gridview-pagging {clear:left; margin:0px;}
	.data-gridview-pagerange {float:right !important;}
	.data-section-single-col .edit_td {margin-left:3px;}
	.modified_tabscontent ul li {width:45%;}
	.edit_schedule_popup_content {width:38%}
	.companies_popup_content {width:85%;}
}

@media only screen and (max-width:800px) {
	.del_extension .pagerange {width:23%; text-align:center;}
	
	/* data section */
	ul.modify_roles {display:block;}
	ul.modify_roles_button {float:right; margin:0.7em 0px;}
	.edit_schedule_popup_content {width:40%}
	.addnew_popup_content section, .edit_popup_content section, .companies_popup_content section {font-size:1.1em; line-height:1.1em; height:33px;}
	.addnew_popup_content section img, .edit_popup_content section img, .companies_popup_content section img {width:30px; height:33px;}
	
	.remove_popup_content section, .edit_schedule_popup_content section,  .globalsave_popup_content section, .recurrence_edit_popup_content section {font-size:1.1em; line-height:1.1em; height:33px;}
	.remove_popup_content section img, .edit_schedule_popup_content section img,  .globalsave_popup_content section img, .recurrence_edit_popup_content section img {width:30px; height:33px;}
}

@media only screen and (max-width:755px) {
	.extension_list {width: 100%;}   
	.recurrence_col {width: 100px;	max-width: 100px;}
	#recurrence-divider1 {display: block;}
	#recurrence-divider2 {display: none;}
	#help_section {display:none;}
	#accordion-gridview {display: block;}
	
	/* data section */
	ul.modify_roles {display:block;}
	ul.modify_roles_button {float:right; margin:0.7em 0px;}
	.edit_schedule_popup_content {width:43%}
.tabscontent .location-name-input {width:auto;} 
	.line-separator2 {width:100%;display:-webkit-box; display:-moz-box; margin-top:1px;}	
	.page-dropdown {float:left !important; margin-bottom:5px;}   
}

@media only screen and (max-width:705px) {
	.extension_list {width: 100%;}
	.visible {display:none;}
	.hidden {display:block;}
	.div-table-cell ul li span {display:block;}
	.textarea3 {width:278px; max-width:278px;}
	
	.recurrence_col {float:left; width:140px; max-width:140px; margin-left:0px;}
	#recurrence-divider1 {display: none;}
	#recurrence-divider2 {display: block;} 
	#cpnlContent_recurrence_col_1 { display:none;}
	#recurrence_col_2 {display:block;}
	#day_time_section {margin-top:26px;}

	#gridview {display:none;}
	#responsive-gridview {display:block;}
	
	.recurrence-icon {left:0;}
	.edit_td {margin-left:0;}
	
	.editFrom, .editTo {display:none;}
	.editFrom2, .editTo2 {display:block;}
	
	.extension_list {padding:0;}
	
	/* data section */
	.addPopup {float:none;}
	.addnew_popup_content {width:45%; max-width:100%;}
	.edit_schedule_popup_content {width:45%}
	.delete-icon-companies {width:30%;}

	.line-separator-companies2 {width:100%;display:-webkit-box; display:-moz-box; margin-top:1px;}
	.companies_popup_table {display:none;}
	.companies_popup_view {display:block;}
	.companies-pagging {margin:5px 10px 0px 0px !important;}
}
@media only screen and (max-width:677px) {
	.logout_popup_content {	width:70%;	margin:40% auto;}
	.edit_popup_content {width:90%; margin:0 auto 3%; height:inherit;}
	.companies_popup_content {width:90%; margin:0 auto 3%; }
	.edit_popup {height:auto;}
	.recurrence_edit_popup_content {width:90%; height:auto; max-height:100%; margin:8% auto 0;}
	.save_popup_content {width:70%; margin:8% auto 0;}
	.globalsave_popup_content {width:50%; margin:8% auto 0;}
	.day_edit_popup_content {margin:8% auto 0;}
	.extension_list_day ul:last-child li {float:left !important;}
	
	/* data section */
	ul.userlist_form_label li {float:left; margin-bottom:10px;}
	ul.userlist_form_label li label {margin-left:0px; width:85px;}	
	ul.userlist_form_label li:nth-child(8) label {margin-left:0px !important;}
	ul.userlist_form_label li:nth-child(1), ul.userlist_form_label li:nth-child(3), ul.userlist_form_label li:nth-child(6), ul.userlist_form_label li:nth-child(8), ul.userlist_form_label li:nth-child(11), ul.userlist_form_label li:nth-child(13) {margin-bottom:0px;}
	ul.userlist_form_label li:nth-child(3), ul.userlist_form_label li:nth-child(8), ul.userlist_form_label li:nth-child(13){width:76px; padding-left:13px;}
	.data-section-single-col ul.fr {clear:left;}
	.modified_tabscontent ul li {width:47%;}
	.edit_schedule_popup_content {width:48%}
	
}

@media only screen and (max-width:655px) {
	.main_extension {padding:0;}
	header {padding:0}
	header img, header h1 { padding:1.7% 2% 0.7%;}
	header > ul {display:none;}
	#hamburger-img {display:block; float:right;	width:10%;	height:auto; padding:0 !important; border-bottom:#dddddd solid 1px;	cursor:pointer;}
	.logout_popup_content {	width:80%;	height:auto;max-height:150px;margin:60% auto;}
	#nav2 {	display:none;}
}
@media only screen and (max-width:639px) { /* data section */
	ul.userlist_form_label li {float:left; clear:both; margin-bottom:10px;}
	ul.userlist_form_label li label {margin-left:0px; width:85px;}	
	ul.userlist_form_label li:nth-child(3), ul.userlist_form_label li:nth-child(8), ul.userlist_form_label li:nth-child(13){width:auto; padding-left:0px;}
	
	#tab_accordion div.tab_accordion_header {background:#e2e2e2; color:#000; text-align:left; border-bottom: #dfdfdf solid 1px; border-radius:0; padding:2px 10px;}
	#tab_accordion div.tab_accordion_header p {margin:2px 10px; font-weight:bold;}
	#tab_accordion div.tabscontent {background:#fafafa; padding:0.5em 0.8em;}
	#tab_accordion div.ui-state-hover {background:#999999; color:#FFF;}	
	#tab_accordion div.ui-state-active {background:#6c8cad; color:#FFF;}
	#tab_accordion div.ui-state-hover .ui-icon, #tab_accordion div.ui-state-active .ui-icon {background-image:url('images/ui-icons_000000_256x240.png');}

	#accordion_fullview div.ui-state-hover, #accordion_fullview_2 div.ui-state-hover {background:#FFF; color:#718ba0;}	
	#accordion_fullview div.ui-state-active, #accordion_fullview_2 div.ui-state-active {background:#FFF; color:#718ba0;}
	#accordion_fullview div.ui-state-hover .ui-icon, #accordion_fullview  div.ui-state-active .ui-icon, #accordion_fullview_2 div.ui-state-hover .ui-icon, #accordion_fullview_2  div.ui-state-active .ui-icon {background-image:url('images/ui-icons_FFFFFF_256x240.png');}

	ul.modify_roles li {float:left; clear:both;}
	ul.modify_roles li:nth-child(3) {padding:10px 0px 0px;}
	.modified_tabscontent ul li {width:90%;}	
	.data-section .ui-widget input {font-size:1.1em;}
	.addnew_popup_content {width:48%;}
	.edit_schedule_popup_content {width:52%}
}
@media only screen and (max-width:600px) { /* data section */
	.data-section section ul.fr li {/*float:right; clear:both;*/ margin-bottom:5px;}
	.data-treeview-section {width:48%;min-width:215px;}
	.search_input {width:73%;}
	.search_icon {float:right;}
	.addnew_popup_content {width:50%;}
	.remove_popup_content {width:60%;}
	.edit_schedule_popup_content {width:58%}
	
}
@media only screen and (max-width:572px) {
	.visible-extlist {display:none;}
	.hidden-extlist {display:block;}
	.extension_list_day ul li {float:none !important;}
	.hour_min_ddl { margin:5px 0px 0px 0px;}
	.hour_min_ddl .margin-left {margin-left:0;}
	.hour_min_ddl select:first-child {margin-right:4px;}
	.addnew_popup_content {width:55%;}
}
@media only screen and (max-width:555px) {	
	footer h1 { float:left; margin-left:15px;clear:both;}
	.main_extension {width:100%;}
	.edit_popup ul li {float:left; width:100%; }
	.edit-margin-left {margin: 5px 5px 0px 0px;}
	.charges_icon {float:none; display:inline-block; vertical-align:top;}
	.edit_popup .fr li {width:auto;}
	.form-control-width-edit {width:300px !important;}
	.textarea {width:282px; max-width:282px;}
	.globalsave_popup_content {width:60%;}
	
	/* data section */
	.edit_schedule_popup_content {width:65%}
}
@media only screen and (max-width:480px) {
	.area, .main {width: 100%;}
	.main_extension {padding:0;}
	header {padding:0}
	header img, header h1 { padding:1% 2% 0.7%;}
	/*header > ul {display:none;}
	#hamburger-img {display:block; float:right;	width:10%;	height:auto; padding:0 !important; border-bottom:#dddddd solid 1px;	cursor:pointer;}
	.logout_popup_content {	width:80%;	height:auto;max-height:150px;margin:60% auto;}
	#nav2 {	display:none;}*/
	.form-control-width-edit {width:280px !important;}
	.textarea {width:265px; max-width:265px;}
	.save_popup_content {width:80%;}
	.recurrence_edit_popup {height:auto;}
	.height-2 {height:10px;}
	#blankDiv {height:100px;}
	.forgotpassword_popup div ul, .forgotpassword_popup div ul li {float:left;}
	.forgotpassword_popup ul li:last-child input {margin-left:0 !important;}
	.forgotpassword_popup_content {width:70%; max-height:165px;}
	
	/* data section - single column view styling */
	.data-treeview-section {display: block; width:100%; min-width:100%;}
	.data-section {display:none;}
	.search_input {width:86%;}
	.single_col_header {display:block; font-size:1.5em; color:#36465f;  line-height:22px; margin:2px 0px 8px 0px; }
	.data-treeview-section section {max-height:100%;}
	
	#tab_accordion div.tab_accordion_header2 {background:#e2e2e2; color:#000; text-align:left; border-bottom: #dfdfdf solid 1px; border-radius:0; padding:2px 10px; margin-bottom:2px !important;}
	#tab_accordion div.tab_accordion_header2 p {margin:2px 10px; font-weight:bold;}
	#tab_accordion div.tabscontent {background:#fafafa; padding:0.5em 0.8em;}
	#tab_accordion div.ui-state-hover {background:#999999; color:#FFF;}	
	#tab_accordion div.ui-state-active {background:#6c8cad; color:#FFF;}
	#tab_accordion div.ui-state-hover .ui-icon, #tab_accordion div.ui-state-active .ui-icon {background-image:url('images/ui-icons_000000_256x240.png');}

	#accordion_fullview div.ui-state-hover, #accordion_fullview_2 div.ui-state-hover {background:#FFF; color:#718ba0;}	
	#accordion_fullview div.ui-state-active, #accordion_fullview_2 div.ui-state-active {background:#FFF; color:#718ba0;}
	#accordion_fullview div.ui-state-hover .ui-icon, #accordion_fullview  div.ui-state-active .ui-icon, #accordion_fullview_2 div.ui-state-hover .ui-icon, #accordion_fullview_2  div.ui-state-active .ui-icon {background-image:url('images/ui-icons_FFFFFF_256x240.png');}
	

	.data-section-single-col #responsive-gridview .header-grid-cell {display:-webkit-box !important; float:none;}
	.data-gridview-del-link {float:none;}
	.addnew_popup_content {width:60%;}
	.remove_popup_content {width:65%;}
	.edit_schedule_popup_content {width:70%}
	
	.treeview_li {color:#00F;cursor:pointer;}
	.treeview_li:hover {text-decoration:underline;}
	.treeview_icon {float:right; cursor:pointer; border:none; background:url(../images/tree-view.png) no-repeat; width:23px; height:20px; margin-top:2px; display:none;}
	
}
@media only screen and (max-width:445px) {
	.search_input {width:85%;}
	.remove_popup_content {width:70%;}
	.edit_schedule_popup_content {width:73%}
	
}
@media only screen and (max-width:425px) {
	.form-control-width {width:296px !important;}	
	.main_extension > .centerpart {padding:2.5% 0px 2.5%;}
	.main_extension .extension_list h1 {padding-left:2.5%;}
	
	/* data section */
	.search_input {width:80.5%; margin-left:2.5%;}
	.search_icon {margin-right:2.5%;}
	.addnew_popup_content {width:65%;}
	.remove_popup_content {width:75%;}
	.edit_schedule_popup_content {width:75%}
	.single_col_header, .data-section-single-col h1 {padding-left:2.5%; padding-right:2.5%;}
	.companies-popup li:first-child {display:block; width:100%;}
	.companies-popup li:nth-child(2), .companies-popup li:nth-child(3) {margin:5px 10px 0px 0px !important; float:left;}
	.companies-popup li input[type='button'] {margin:0 10px 0 0 !important;}
}

@media only screen and (max-width:410px) {
	.area, .main {width:100%;}
	header {/*padding:1% 2%;*/ padding:0;}
	header img {width:60%; height:auto;}
	header h1 { font-size:80%;}
	aside { padding: 15px;}
	.login { max-width: 260px;}
	aside input[type='text'], aside input[type='password'] { width: 160px; min-width:160px;}
	.log { background-position: top right;}
	.password {	background-position: -88px -50px;}
	aside input[type='submit'] { width: 100%; padding: 10px 16px;}
	header > ul { display:none;	}
	#hamburger-img { display:block;	float:right; border:0; width:10%; height:auto;border-bottom:#dddddd solid 1px;}
	.white_content {width:80%; left:10%;}
	.white_content section {font-size:16px; line-height:16px; height:34px;}
	.white_content section a img { width:80%; height:auto; float:right;}
	.logout_popup_content {width:80%;height:auto;max-height:150px;/*margin-top:-20%;margin-left:-30%;*/ margin:60% auto;}
	.logout_popup_content section {font-size:16px; line-height:16px; height:33px;}
	.logout_popup_content section img  {width:30px; height:33px;}
	.form-control-width-edit {width:208px !important;}
	.textarea {width:192px; max-width:192px;}
	.extension_list ul.fr {	margin-top:5px;	clear:left;	}
	.day_time_section {	width:172px; max-width:172px;}
	.globalsave_popup_content {width:70%;}
	.forgotPassText {text-align:center; width:100%; padding-top:5px;}

	.edit_popup_content, .companies_popup_content {margin:0 auto 0;}	
	.recurrence_edit_popup_content, .save_popup_content, .globalsave_popup_content, .day_edit_popup_content  {margin:20% auto 0;}
	
	.forgotpassword_popup_content section {font-size:16px; line-height:16px; height:33px;}
	.forgotpassword_popup_content section img {width:30px; height:33px;}
	.forgotpassword_popup div ul, .forgotpassword_popup div ul li {float:left;}
	.forgotpassword_popup ul li:last-child input {margin-left:0 !important;}
	.forgotpassword_popup_content {width:70%; max-height:165px;}
	
	/* data section */
	.search_input {width:79.6%;}
	ul.aircon_schedule_li li {float:left; clear:both; padding-left:0px;}
	ul.aircon_schedule_li li input[type='text'] {margin:0px;}
	ul.aircon_schedule_li li:last-child {margin:10px 0px;}
	.addnew_popup_content {width:70%;}
	.remove_popup_content {width:80%;}
	.edit_schedule_popup_content {width:80%}
	.line-separator-companies3 {width:100%;display:-webkit-box; display:-moz-box; margin-top:1px;}
}
@media only screen and (max-width:390px) {
	.line_break {display:-webkit-box !important; display:-moz-box !important; display:-o-box !important;}
	.margin-left-8px {margin:0px 0px 10px 0;}
	.padding-left-8px {padding-left:0px; margin-top:0px;}
	.form-control-width {width:296px !important;}
	.extension_list section {padding:10px;}
	.form-control-width-edit {width:265px !important;}
	.textarea {width:249px; max-width:249px;}
	#recurrence-divider1 {display: block;}
	#recurrence-divider2 {display: none;}
	.recurrence_col {width:100px; max-width:100px;}
	.textarea3 {width:275px; max-width:275px;}
	.day_time_cell {display:block;}
	.day_time_section {	width:100px;}
	#recurrence-divider1 {display: none;}
	#recurrence-divider2 {display: block;}
	.recurrence_col {width:140px; max-width:140px;}
	.grid-table .grid-row-header div:first-child.header-grid-cell {padding:4px 0px 4px 8px !important; display:inline-block !important;}
	.grid-table .grid-row-header div:last-child.header-grid-cell {padding:4px 8px 4px 8px !important; display:inline-block !important;float:right;}
	.grid-table .grid-row-header div:first-child.responsive-counting {padding:0px 0px 4px 8px !important; display:-webkit-box !important;}
	.grid-table .grid-row-header div:last-child.responsive-paging {padding:0px 8px 4px 8px !important; display:-webkit-box !important;float:none;}
	.edit_popup_content {width:90%;}
	.companies_popup_content {width:95%; height:inherit;}
	.recurrence_edit_popup_content {width:90%;}
	.save_popup_content {width:90%;}
	.globalsave_popup_content {width:80%;}
	.day_edit_popup_content {width:80%;}
	
	/* data section */
	.search_input {width:77.4%;}
	.addnew_popup_content {width:75%;}
	.remove_popup_content {width:88%;}
	.edit_schedule_popup_content {width:88%}
	.height-3 {height: 0px;}
}
@media only screen and (max-width:340px) {
	.form-control-width {width:285px !important;}
	.textarea3 {width:268px; max-width:268px;}
	.form-control-width-edit {width:240px !important;}
	.textarea {width:225px; max-width:225px;}
	.day_time_cell {display:block;}
	.day_time_section {	width:100px;}
	#recurrence-divider1 {display: none;}
	#recurrence-divider2 {display: block;}
	.recurrence_col {width:140px; max-width:140px;}
	.save_popup_content {height:260px; max-height:260px;}
	.recurrence-icon {top:10px;}
	.textarea2 {width:267px; max-width:267px;}
	.forgotpassword_popup_content section {font-size:14px; line-height:14px; height:33px;}
	
	/* data section */
	.search_input {width:76%;}
	.height_userlist {height:0px;}
	.addnew_popup_content {width:85%;}
	.remove_popup_content {width:90%;}
	.edit_schedule_popup_content {width:95%}
}


/* custom select in firefox */
.custom-select {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 2em;
	padding: 0;
	position: relative;
	/*width: 100%;*/
	width:165px;
	z-index: 1;
}

.custom-select:hover {
	border-color: #999;
}

.custom-select:before {
	color: #333;
	display: block;
	font-family: 'FontAwesome';
	font-size: 1em;
	height: 100%;
	line-height: 2.5em;
	padding: 0 0.625em;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 1em;
	z-index: -1;
}

.custom-select select {
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
	color: #333;
	display: block;
	font-size: 100%;
	line-height: normal;
	margin: 0;
	padding: .5em;
	/*width: 100%;*/
	width:165px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*font-family:Arial, Helvetica, sans-serif;*/
	
}

.custom-select select::-ms-expand {
	display: none; to ie 10 */
}

.custom-select select:focus {
	outline: none;
}

/* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */

/* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */

:-moz-any(.custom-select):before {
	background-color: #fff; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
}
/* custom select in firefox */
@-moz-document url-prefix() {
	.input-select { background:none;}
}

input:focus::-webkit-input-placeholder {color: transparent;}	
textarea:focus::-webkit-input-placeholder {color: transparent; }	
input:focus::-moz-placeholder {color:transparent;}	
textarea:focus::-moz-placeholder {color: transparent; }	


/* By Deeksha 25/08/2015 */
.img-user
{
	/*margin-left:520px;*/
	width: 16px;
	height: 16px;
}

.Companyddl
{	
	width: 296px;
	height:37px;
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	color: #adadad;	
	padding: 6px 7px;
	border-radius: 0;
}

.zoneM
{	
	width: 296px;
	height:37px;
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #adadad;
	font-size: 13px;
	color: #adadad;
	color:#161616;
	padding: 6px 7px;
	border-radius: 0;
}
/* By Deeksha */


/*By Kiri 21/08/2014*/
.login_popup_content
{
	display: block;
	width: 80%;
	max-width: 430px;
	height: auto;
	max-height: 150px;
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin: 25% auto 0;
}

	.login_popup_content section
	{
		background: #4d5f6d;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		text-transform: uppercase;
		color: #FFF;
		height: 43px;
	}

		.login_popup_content section div
		{
			padding: 10px 0 0 10px;
			width: auto;
			float: left;
		}

		.login_popup_content section a
		{
			float: right;
		}

.login_popup
{
	overflow: auto;
	padding: 10px 0px 10px 10px;
}


/*Change Pwd popup*/
.changePwd_popup_content
{
	display: block;
	width: 80%;
	max-width: 430px;
	height: auto;
	max-height: 150px;
	background-color: white;
	position: relative;
	overflow: auto;
	z-index: 1002;
	margin: 25% auto 0;
}

	.changePwd_popup_content section
	{
		background: #4d5f6d;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		text-transform: uppercase;
		color: #FFF;
		height: 43px;
	}

		.changePwd_popup_content section div
		{
			padding: 10px 0 0 10px;
			width: auto;
			float: left;
		}

		.changePwd_popup_content section a
		{
			float: right;
		}

.changePwd_popup
{
	/*	height: 65px;*/
	overflow: auto;
	padding: 10px 0px 10px 10px;
}

/*change Pwd popup*/

/**TreeView Style starts here*/
.NodeStyle
{
    /*width: 140px;
        font-size: 10px;*/
    display: inline;
    text-decoration: none;
    /*color: #ffffff;*/
    color: rgb(95, 166, 221);
    border: solid 1px Transparent;
    padding: 2px 2px 2px 2px;
}

    .NodeStyle:hover,
    a.NodeStyle:hover,
    .NodeStyle:link:hover,
    a.NodeStyle:link:hover
    {
        /*font-size: 10px;*/
        display: inline;
        text-decoration: none;
        /*color: #003687;*/
        border: solid 1px #71a9ff;
        background-color: #c6ddff;
        padding: 2px 2px 2px 2px;
    }

.HoverNodeStyle
{
    /*font-size: 10px;*/
    display: inline;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px Transparent;
    padding: 2px 2px 2px 2px;
}

    .HoverNodeStyle:hover,
    a.HoverNodeStyle:hover,
    .HoverNodeStyle:link:hover,
    a.HoverNodeStyle:link:hover
    {
        /*font-size: 10px;*/
        display: inline;
        text-decoration: none;
        /*color: #003687;*/
        border: solid 1px #71a9ff;
        background-color: #c6ddff;
        padding: 2px 2px 2px 2px;
    }

.SelectedNodeStyle
{
    /*font-size: 10px;*/
    display: inline;
    text-decoration: none;
    /*color: #ffffff;*/
    color: rgb(1, 19, 17);
    border: solid 1px #71a9ff;
    padding: 2px 2px 2px 2px;
    background-color: #c6ddff;
}

    .SelectedNodeStyle:hover,
    a.SelectedNodeStyle:hover,
    .SelectedNodeStyle:link:hover,
    a.SelectedNodeStyle:link:hover
    {
        /*font-size: 10px;*/
        display: inline;
        text-decoration: none;
        /*color: #003687;*/
        border: solid 1px #71a9ff;
        background-color: #c6ddff;
        padding: 2px 2px 2px 2px;
    }

	.Locationcontent
{
    /*height: 417px;*/
    width: auto;
    overflow: auto;
}

	.Metercontent
{
    height: 417px;
    width: auto;
    overflow: auto;
}

    .Locationcontent input[type="checkbox"]:hover
    {
        cursor: pointer;
    }

    .Locationcontent input[type="checkbox"]:checked + a
    {
        /*color: rgb(247, 249, 252);
        display: inline;
        text-decoration: none;
        border: solid 1px #71a9ff;
        background-color: rgb(8, 53, 88);
        padding: 2px 2px 2px 2px;
        margin-left: 5px;*/
        color: rgb(10, 10, 10);
        display: inline;
        text-decoration: none;
        border: solid 1px rgb(156, 133, 127);
        /*background-color: rgb(220, 228, 229);*/
        padding: 2px 2px 2px 2px;
        margin-left: 5px;
    }

	.CompanyLabel
{
    color: red !important;
    display: inline !important;
    font-style: italic;
    /*font-weight: bold;*/
}

	.TreeSearchBox
{
    margin: 5px 15px;
}

    .TreeSearchBox input[type="text"]
    {
        width: 324px;
        /*background: white url('../images/Search_New.png') left no-repeat !important;*/
        padding-right: 17px;
        /*text-indent: 23px;*/
        /*For IE */
        text-transform: capitalize;
    }

	/*For Location Look up */
	.ActionLinks
{
	color: #0066CC;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
}

A.ActionLinks:link
{
	color: #0066CC;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
}

A.ActionLinks:visited
{
	color: #0066CC;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
}

A.ActionLinks:active
{
	color: #0066CC;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
}

/*Added for Facility group details*/
.tabscontent ul li labelfgd {display:inline-block; width:125px;}
.tabscontent .second-labelfgd-width {width:159px; text-align:right;}
.tabscontent .second-labelChk-width {width:303px; text-align:right;}

/*Added for AirconZone details*/
.tabscontent .second-labeldiv-width {width:25px; text-align:right;}

/*Added for AirconZone Location*/
.tabscontent .second-labelddl-width {width:132px; text-align:right;}

/*Added for Manage Facilities page*/
.AddNewCPType
{
    height: 130px;
	width:256px;
    /*width: 100% !important;*/
    max-width: 100% !important;
}

.CPSelections
{
    width: 48px;
}

.btnSelections
{
    background: #F3F3F3;
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    color: #444444;
    cursor: pointer;
    display: inline-block;
    font: 700 13px Verdana, Tahoma, Arial, Helvetica, sans-serif;
    margin-right: 10px;
    padding: 7px 12px 7px 12px;
    position: relative;
    text-decoration: none;
    text-shadow: 0px 1px 0px #FFFFFF;
}
/**End*/

/*Added for airconzone popup*/
.popup_section {
	background: #4d5f6d;
	font-size: 1.6em;
	line-height: 2em;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	height: 43px;
}

.popup_img
{
	margin-top:-38px;
}

#cpnlContent_upnlTab
{
	display:block !important;
}

.contenttabs 
{border:1px solid #cecece; font-size:12px;  padding:8px; display:none; width:auto; text-align:justify; background:#fafafa; display:block; overflow:hidden; display:none;}

.holiday
{
	max-width:327px;
}

/**End*/