/*
 *    eGov  SmartCity eGovernance suite aims to improve the internal efficiency,transparency,
 *    accountability and the service delivery of the government  organizations.
 *
 *     Copyright (C) 2017  eGovernments Foundation
 *
 *     The updated version of eGov suite of products as by eGovernments Foundation
 *     is available at http://www.egovernments.org
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program. If not, see http://www.gnu.org/licenses/ or
 *     http://www.gnu.org/licenses/gpl.html .
 *
 *     In addition to the terms of the GPL license to be adhered to in using this
 *     program, the following additional terms are to be complied with:
 *
 *         1) All versions of this program, verbatim or modified must carry this
 *            Legal Notice.
 *            Further, all user interfaces, including but not limited to citizen facing interfaces,
 *            Urban Local Bodies interfaces, dashboards, mobile applications, of the program and any
 *            derived works should carry eGovernments Foundation logo on the top right corner.
 *
 *            For the logo, please refer http://egovernments.org/html/logo/egov_logo.png.
 *            For any further queries on attribution, including queries on brand guidelines,
 *            please contact contact@egovernments.org
 *
 *         2) Any misrepresentation of the origin of the material is prohibited. It
 *            is required that all modified versions of this material be marked in
 *            reasonable ways as different from the original version.
 *
 *         3) This license does not grant any rights to any user of the program
 *            with regards to rights under trademark law for use of the trade names
 *            or trademarks of eGovernments Foundation.
 *
 *   In case of any queries, you can reach eGovernments Foundation at contact@egovernments.org.
 *
 */

@charset "utf-8";

div.topbar {
	background-color: #DFB586;
	height: 55px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #F5B36D;
	font-family: regular;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
	}
	
div.formheading {
	width: 100%;
	height:23px;
	background-image:url(../image/gbluebg.gif);
	background-repeat: repeat-x;
	}
	
div.blueshadow {
	width: 100%;
	height:17px;
	background-image:url(../image/blueshadow.gif);
	background-repeat: repeat-x;
	margin-bottom: 2px;
	}
	
h1.subhead {
	font-family: regular;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px;
	margin-top: 8px;
	}

td.bluebox {
	width:150px;
	background-color: #fff;
	/*border-bottom: 1px solid white;
	border-top: 1px solid white;*/
	font-size: 12px;
	padding:8px 5px;
	color: #000000;
	text-align: left;
	font-family: regular;
}

td.bluebox2 {
	width:25px;
	background-color: #fff;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: left;
	font-family: regular;
	}
td.blueborderfortd {
    background-color: #FFFFFF;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 5px;
    color: #000000;
    text-align: center;
    font-family: regular;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #E9E9E9;
    border-left-color: #e9e9e9;
    border-bottom-color: #E9E9E9;
	}
	
th.bluebgheadtd {
  height: 28px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #84B1AD;
  border-bottom-color: #84B1AD;
  font-family: semibold;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  padding: 4px;
  background-color: #8CBBB7;
  text-align: center;
}

#floorDetails th.bluebgheadtd
{
	min-width:108px;
} 	

#floorDetails .selectnew
{
    min-width:108px;
}
	
td.totalbg {
	background-color: #E4E4E4;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: right;
	font-family: regular;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #A9CFF2;
	border-bottom-color: #A9CFF2;
	font-weight: bold;
}
#tab2 {
	z-index: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	margin: 0px;
	}

#tab2 li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	font-weight: bold;
	}

#tab2 a  {
	color: #121212;
	margin: 0px;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	position: static;
	background-color: #C6E0F7;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	
#tab2 a.active {
	background-color: #5B9CE3;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #FFFFFF;
	}

#tab2 a:hover {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 5px;
	background-color: #5B9CE3;
	}

#tab2 a.active:hover {
	color:#FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #5A9BE2;
	}
	
	div.insidecontent {
	font-family: regular;
	font-size: 12px;
	color: #333333;
	background-color: #F3F3F3;
	text-align: left;
	clip: rect(auto,auto,5px,auto);
	line-height: 18px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
	
.rbroundbox2 {
	background-image: url(../image/nt.gif);
	background-repeat: repeat;
	}
.rbtop2 div { background: url(../image/tl.gif) no-repeat top left; }
.rbtop2 { background: url(../image/tr.gif) no-repeat top right; }
.rbbot2 div { background: url(../image/bl.gif) no-repeat bottom left; }
.rbbot2 { background: url(../image/br.gif) no-repeat bottom right; }
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent2 {
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.rbroundbox2 {
	width: 100%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}.welcomestylel {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	line-height: 30px;
}
.welcomestyles {
	color: #333333;
	font-family: regular;
	font-size: 12px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;
	vertical-align: bottom;
	margin-bottom: 25px;
}
.welcomestylearrow {
	color: #333333;
	font-family: regular;
	font-size: 12px;
	font-weight: bold;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #F5F5F5;
	border: 1px dotted #CCCCCC;
}
.welcomestylearrow1 {

	color: #333333;
	font-family: regular;
	font-size: 12px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	background-image: url(../image/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 25px;
	padding-left: 30px;
	height: 72px;
	vertical-align: bottom;
	padding-top: 18px;
}

.loginboxnew1 {
	color: #333333;
	font-family: regular;
	font-size: 12px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	background-color: #FFFFFF;
	padding: 8px;
	width: 250px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	border-left-color: #D6D6D6;
}
.loginheadingnew2 {
	margin-top: 25px;
	margin-left: 25px;
	width: 250px;
	height:23px;
	background-image:url(../image/gbluebg.gif);
	background-repeat: repeat-x;
	padding-right: 8px;
	padding-left: 8px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #D87D1C;
	border-right-color: #D87D1C;
	border-left-color: #D87D1C;
	padding-top: 2px;
}

div.headingbg {
  font-family: semibold;
  font-size: 16px;
  font-weight: bold;
  color: #6b4f2c;
  text-align: center;
  padding: 15px 15px;
}

div.headingsmallbg {
	  font-family: semibold;
	  font-size: 15px;
	  color: #F2851F;
	  /* background-color: #F2851F; */
	  padding: 10px 5px;
	  text-align: left;
	  margin-top: 10px;
}

div.headingsmallbg1 {
	font-family: regular;
	font-size: 11px;
	color: #333333;
	background-color: #EFEFEF;
	text-align: center;	
	font-weight: bold;
	
}
span.radiobox {
	background-color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	display: inline-block;
}
.highlight2 {
	font-size: 9px;
	color: #000000;
	font-family: regular;
	background-color: #FFFFCC;
	line-height: 1.5em;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

div.buttonsearch {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 10px;
	text-align: center;
}
	
input.button2 {
	width: 170px;
	height: 27px;
	font-family: regular;
	color: #333333;
	background-image: url(../image/buttonbglarge.gif);
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	font-weight: bold;
	}
	
.mandatory1 {
	  font-weight: bold;
	  font-size: 12px;
	  color: #cc0000;
	  font-family: semibold;
}
	
div.displaydate {
	font-family: regular;
	font-size: 11px;
	color: #333333;
	background-color: #EFEFEF;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #CCCCCC;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 1px;
	}

.logouttext {
	color: #CC0000;
	font-family: regular;
	font-size: 12px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;
	vertical-align: bottom;
	margin-bottom: 25px;
	text-align: center;
}

.logoutmessage {
	color: #333333;
	font-family: regular;
	font-size: 12px;
	font-weight: bold;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 50px;
	background-color: #F5F5F5;
	border: 1px dotted #CCCCCC;
	padding: 8px;
	text-align: center;
}
.fontlarge {
	font-size:12px;
	font-family: regular;
	font-weight: bold;
	color: #CC0000;
}

div.headingsmallbgnew {
	font-family: semibold;
	font-size: 12px;
	text-align:left;
	color: #333;
	padding: 10px;
	margin-top: 5px;
}
div.searchvalue {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #339933;
	font-family: regular;
	padding: 10px;
	font-weight: bold;
	text-align: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F8E2C9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F8E2C9;
}

.searchvalue1 {
	font-size: 12px;
	color: #339900;
	font-family: semibold;
	margin-top: 8px;
}

.selectnew, select {
  font-family: regular;
  font-size: 11px;
  background-color: white;
  border: 1px solid #d4d4d4;
  color: #000000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
}

select:disabled
{
  background:#eceded !important;	
} 

td.bluebox1{
	background-color: #fff;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: left;
	font-family: regular;
	}

div.errormsg {
	font-family: regular;
	font-size:9px;
	color: #F00;
	background-color:#FFF;
	text-align:left;
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}

div.errorstyle {
	margin-bottom: 10px;
	padding:10px;
	background-color:#FFFFEE;
	border: 1px solid #EEEE00;
	}

div.errortext {
	width:30%;
	margin: 0 auto;
	text-align:justify;
	font-size: 11px;
	font-weight: bold;
	color: #F00;
	text-align: center;
   font-family: regular;
	
} 
.oopstext {
	font-family: regular;
	font-size:20px;
	font-weight:bold;
	color:#F00;
	margin-bottom:15px;
	}
 
table.notice {
	border-width: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
}
table.notice th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.notice td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
}

td.blueborderfortd2 {
	background-color: #FFFFFF;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: right;
	font-family: regular;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	}
td.total{
	background-color: #F4F4F4;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
	text-align: right;
	font-family: regular;
	font-weight:bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	}
td.blueboxWFH {
 	width: 15%;
 	background-color: #FDF7F0;
 	border-bottom: 1px solid white;
 	border-top: 1px solid white;
 	font-size: 11px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 5px;
 	padding-left: 5px;
 	color: #000000;
 	text-align: left;
 	font-family: regular;
	}
td.blueboxTamilFont {
	background-color: #FDF7F0;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: left;
	font-family: Arial Unicode MS;
	mso-ansi-language:EN-US;
	mso-fareast-language:AR-SA;
	mso-bidi-language:AR-SA;
	}
th.bluebgheadtdTamilFont {
	height: 28px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	font-family: Arial Unicode MS;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	padding-right: 2px;
	padding-left: 2px;
	background-color: #FBEBD7;
	mso-ansi-language:EN-US;
	mso-fareast-language:AR-SA;
	mso-bidi-language:AR-SA;
}

.checkbox-section
{
  font-size:12px;
}

table.tablebottom
{
	border-top: 1px solid #DFDFDF;
}

.exportlinks
{
	padding:10px;
}

.pagination a
{
	float:none !important;
}

.report-table-container
{
	overflow-y:hidden;
	overflow-x:auto;
}

tbody td.details-control {
    background: url('../image/details_open.png') no-repeat center center;
    cursor: pointer;
}
tbody tr.shown td.details-control {
    background: url('../image/details_close.png') no-repeat center center;
}

.DTTT_container a:hover
{
	font-size:14px;
	border: 1px solid #ddd;
} 

@media (max-width: 768px)
{
	
	
	#tbldcbdrilldown > thead th {
	  display:table-head;
	  position: relative;
	  top: 0;
	  left: 0;
	}
	
	table#tbldcbdrilldown
	{
	  display:table;
	}
	/*  
	table#tbldcbdrilldown > tbody
	{
	  display: table-row-group;
	}  */
	
	table#tbldcbdrilldown > tbody > tr
	{
	  display:table-row;
	}
	
	table#tbldcbdrilldown > tbody > tr > td
	{
	  display:table-cell;
	  border: 1px solid #ddd;
	}
}

.headermessage
{
	padding: 10px;
	margin: 0 5px;
	margin: 0px auto;
	margin-bottom: 15px;
	color: #F2351F;
	font-family: semibold;
}

.table-fixed
{
	table-layout: fixed;
    overflow: hidden;
    white-space: nowrap;
    width:100%;
}

.overflow-x-scroll
{
	overflow-x:scroll;
}

.floors-tbl-freeze-column-div
{
	margin-right:90px;
}

.freeze-action-th
{
	position: absolute;
    right: 20px;
    padding: 4px 2px !important;
    min-height: 40px;
    min-width: 90px !important;
    line-height: 30px;
    margin-top: 0px;
}

.freeze-action-td
{
	position: absolute;
    right: 20px;
    padding: 4px 2px;
    padding-bottom: 4px;
    height: 28px;
    width: 90px;
    margin-top: 1px;
}

.page-container .main-content td.greybox input[type="text"]:read-only
{
	background:#eee !important;
}

.page-container .main-content td.greybox input[type="text"]:-moz-read-only
{
	background:#eee !important;
}

.popup {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	overflow:auto;
	display: none;
}

.popup-container {
	width: 50%;
	background-color: rgb(255, 255, 255);
	margin: 10% auto;
	border-radius: 2px;
}

.popup-header {
    position:relative;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #6b4f2c;
}

.popup-content {
	padding: 10px 10px 20px;
}

.popup-content table {
	width: 100%;
	border-collapse: collapse;
}

.popup-content table, .popup-content th, .popup-content td {
	border: 1px solid #d4d4d4;
	text-align: center;
}

.popup-content th {
	background: rgba(212, 212, 212, 0.5);
}

.popup-show {
	display: block;
}

.close-pop {
	position: absolute;
	cursor: pointer;
	border-radius: 3px;
	width: 25px;
	height: 20px;
    top:10px;
    right:10px;
}
.popup-content table {
	width: 100%;
	border-collapse: collapse;
}

.popup-content table, .popup-content th, .popup-content td {
	border: 1px solid #d4d4d4;
	text-align: center;
}

.popup-content th, .popup-content td {
	padding: 5px;
}

.popup-content th {
	background: rgba(212, 212, 212, 0.5);
}

.popup-show {
	display: block;
}

.close-pop {
	position: absolute;
	cursor: pointer;
	border-radius: 3px;
	width: 25px;
	height: 20px;
    top:10px;
    right:10px;
}

#loading p {
	font-style: italic;
	font-size: 16px;
	margin: 10px 0 0 0;
}