@charset "utf-8";
/* CSS Document */
*,*:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.dashboard{margin-top:-60px;}

/********* Form fields *********/

button,input,select,textarea {margin: 0;vertical-align: baseline; background-color:transparent; border:none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100px;height:30px; padding:0;font-size:100%;line-height:normal;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0;}
input[type="checkbox"]{-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance:radio}
input[type="submit"], input[type="button"],input[type="reset"],button,.button{line-height:20px;padding:4px 10px;display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none;}
textarea {overflow:auto;vertical-align: top; resize:vertical;height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px;}
fieldset {border:0 none;margin:0;padding:0}
label {display:inline-block; padding-bottom:5px; font-weight:normal;}

/********* Clear floats *********/

.dashboard .cf:before,.dashboard .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table}
.dashboard .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both}

/* .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table} */
/* .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both} */

/********* Common Classes *********/

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0}
body,button,input,select,textarea {color:#393939;font-family:Arial, Helvetica, sans-serif;font-size:87.5%; /*font-size:14px;*/ line-height:1.5;}
body {background-color:#fff;} 
h1 {font-size: 2.308em;}
h2 {font-size: 2.000em;}
h3 {font-size: 1.692em;}
h4 {font-size: 1.538em;}
h5 {font-size: 1.385em;}
h6 {font-size: 1.231em;}
ul {padding:0 0 0 15px;}
ol { padding:0 0 0 20px}
ul ul,ol ol { margin:10px 0}
ul.bulletText { list-style:none; padding:0;}
ul.bulletText li {background:url(../images/right-arrow.gif) no-repeat left 7px;padding:2px 0 2px 15px;}
p,h1,h2,h3,h4,h5,h6,ol,dd,table,fieldset,address {margin: 0 0 25px;}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100%;height:30px; padding:5px 10px;}
input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color:#1CCACD; color:#fff; border:1px solid #1CCACD;}
input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff; background-color:#333;}
input[type="submit"].cancelBtn, input[type="button"].cancelBtn,input[type="reset"].cancelBtn {background-color:#888;}
.alignLeft { float:left}
.alignRight { float:right;}
.displayNone, .hasJS noscript, .hideThis{display:none!important;visibility:hidden}
.jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none;}
.mrgAuto {margin-right:auto; margin-left:auto;}
.mrgT20 {margin-top:20px;}.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT10 {margin-top:10px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;}
.width100p {width:100%;}.width90p {width:90%;}.width80p {width:80%;}.width70p {width:70%;}.width60p {width:60%;}.width50p {width:50%;}.width40p {width:40%;}.width30p {width:30%;}.width20p {width:20%;}.width10p {width:10%;}

.fileSize {font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px;}
.extIcon {vertical-align:middle; margin-left:3px;}
.rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../../images/rupee.png) left top no-repeat; }
.bold {font-weight:bold;}
.italic {font-style:italic;}
.longWord, .wordBreak {word-wrap: break-word;}

/********** Image Formating & Alignment **********/

.imgLeft{float:left; margin-right:20px; margin-bottom:20px;}
.imgRight{float:right; margin-left:20px; margin-bottom:20px;}
.imgCenter{float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block;}
.imgBorder { border:1px solid #ccc; padding:5px}
.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.shadow {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px;}

/********** Alignment **********/

.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}
.justify{text-align:justify !important}

/********** Error/Alert Messages **********/

.message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid transparent; position:relative;}
.message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.message.success a {color: #2b542c;}
.message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.message.error a{color: #843534;}

/********** Table **********/

.tableOut { overflow-y:hidden; overflow-x:auto}
table, .tableData{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;}
table table, .tableData table { margin:0}
th,td, .tableData th, .tableData td {border:none; padding:8px 10px;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
/*table tr:nth-child(odd) td, .tableRowOdd{ background-color:#efefef;}*/
caption,th,td {font-weight: normal; background:#fff}
th, .tableData th{background:#f4f4f4; text-align:left;}
.tableScroll { overflow-y:hidden; overflow-x:auto} 

/* ******** Grid : 12 Coloum and Boxs ******** */

.example div div, .example .boxs li {border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px}
.row { margin:0 0 20px;}
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:left; padding-left:8px; padding-right:8px;}
.cols12 {width:100%}
.cols11 {width:91.66666667%}
.cols10 {width:83.33333333%}
.cols9 {width:75%}
.cols8 {width:66.66666667%}
.cols7 {width:58.33333333%}
.cols6 {width:50%}
.cols5 {width:41.66666667%}
.cols4 {width:33.33333333%}
.cols3 {width:25%}
.cols2 {width:16.66666667%}
.cols1 {width:8.33%}
.boxs {list-style:none; padding:0; margin:0; }
.boxs2 { margin-left:-2%; }
.boxs3 { margin-left:-2%; }
.boxs4 { margin-left:-2%; }
.boxs5 { margin-left:-2%; }
.boxs6 { margin-left:-2%; }
.boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; }
.boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; }
.boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; }
.boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; }
.boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; }
.boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; }

.boxBorder {padding:5px; border:1px solid #ccc;}


/*********  Accordion ******** */

.accordion { margin-bottom:20px;}
.accordion .accTrigger {background:url(../images/plus.png) left 5px no-repeat;padding-left:20px; cursor:pointer; font-weight:bold}
.noJS .accordion .accTrigger {background:none; padding-left:0}
.accordion .accTrigger a {display:block;text-decoration:none;outline:0}
.accordion .accTrigger.active {background:url(../images/minus.png) left 5px no-repeat !important;}
.accordDetail {padding:10px 20px; display:none}
.noJS .accordDetail { display:block; padding:10px 0}
/*----Date Picker----*/
.ui-datepicker, .eventCalOut, .calendarIcon {background-color:#185db9;}
.ui-datepicker th, .ui-state-highlight {background-color:#052847;}
.ui-state-active, .ui-datepicker tbody a:hover {background-color:#ff672b;}
.ui-datepicker-prev span, .ui-datepicker-next span { }
.ui-datepicker {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.ui-datepicker { width: 17em;  padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size:12px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height:25px; background-color:#fff; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none;}
.ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; background-color:transparent; }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {background-color:transparent;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/
.eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; }
.calendarIcon { width:50px; height:52px; position:absolute; left:-50px; }
.calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; }
.calendarOut { padding:5px; }
.calendarOut .ui-datepicker {width:100%;}
.calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.calendarOut .button:hover { background-color:#173C84; }
.ui-datepicker  tbody a { color:#fff; }
.ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; }
.ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; }
.ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; }
.ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; }
.ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; }

.ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; }
.ui-datepicker-trigger {display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px;}
.calIcon {background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top;}


/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/

/********** Layout **********/

.container { margin:0 auto; width:100%; max-width:1170px;}
#content {}
.content {}
.sidebar {}
.fullWidth {}



/********** From Page **********/

.formList {list-style:none; padding:0; margin:0;}
.formList li {padding:0 0 15px; margin:0;}
.required, .formList .error {color:#C00;}
.formList .error {display:block; font-size:12px;}
.formList .textBoxOut {margin-bottom:5px;}
.formList label, .formList .label {color:#333; display:block; font-weight:normal;padding-bottom:7px;}
.radioList input {float:left; margin:5px; clear:left;}
.radioList label, .radioList .label {float:left; color:#555;}
.note {font-size:12px; font-style:italic; padding:5px 0 0;}
.captcha {position:relative;}
.captcha .captchaImg {border: 1px solid #d7d7d7;float: left; max-height:33px;}
.captcha .refreshCaptcha {float: left; margin: 5px 0 0 10px; }

.fixedErrorMsg {background-color:rgba(233,48,30,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none;}
.fixedSuccessMsg {background-color:rgba(20,155,65,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none;}

/********* NEW CSS Started *********/
body,button,input,select,textarea { color:#505050; font: 87.5%/1.5 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; }

/********* Fonts *********/

@font-face { font-family: 'proxima_nova_rgregular'; src: url('fonts/proximanova-reg.eot'); src: url('fonts/proximanova-reg.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-reg.woff2') format('woff2'), url('fonts/proximanova-reg.woff') format('woff'), url('fonts/proximanova-reg.ttf') format('truetype'), url('fonts/proximanova-reg.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novasemibold'; src: url('fonts/proximanova-sbold.eot'); src: url('fonts/proximanova-sbold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-sbold.woff2') format('woff2'), url('fonts/proximanova-sbold.woff') format('woff'), url('fonts/proximanova-sbold.ttf') format('truetype'), url('fonts/proximanova-sbold.svg#proxima_novasemibold') format('svg');	font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_nova_rgbold'; src: url('fonts/proximanova-bold.eot'); src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold.woff2') format('woff2'), url('fonts/proximanova-bold.woff') format('woff'), url('fonts/proximanova-bold.ttf') format('truetype'), url('fonts/proximanova-bold.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; }




.container {max-width: 1326px;}

h2 { color: #003e7e; font-size: 20px; display:inline-block; font-family: 'proxima_novasemibold';}
.responsePending { float: right; }
.responsePending a { background-color: #e3e3e3; color: #003e7e; float: right; font-size: 18px; padding: 10px 45px 10px 10px; position: relative; text-decoration:none; }
.responsePending a::after {content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 32px; background:url(../images/shape-ancher.png) center center no-repeat #003e7e;}
.responsePending a span { color: #dc2e1d; display: block; font-size: 12px; }


/*.informationBox .small-box { color: #ffffff; float: left; margin-right: 12px; padding: 10px 0 10px 20px; width: 255px; min-height:125px; line-height:normal;}
.informationBox .small-box:last-child {margin-right: 0;}
.informationBox .small-box .inner h3 {font-size: 20px; margin-bottom:10px; font-family: 'proxima_novasemibold';}
.informationBox .small-box .inner span {font-size: 45px; font-family: 'proxima_nova_rgbold';}

.informationBox .total-communicated {background:url(../images/total-communicated.png) 85% center no-repeat #506bba;}
.informationBox .total-received {background:url(../images/total-received.png) 85% center no-repeat #43aad8;}
.informationBox .very-good-excellent {background:url(../images/very-good-excellent.png) 85% center no-repeat #749d1c;}
.informationBox .good {background:url(../images/good.png) 85% center no-repeat #a0a440;}
.informationBox .poor {background:url(../images/poor.png) 85% center no-repeat #f37266;}
*/
.advertisementSummary table th {text-align: right; vertical-align:middle;}
.advertisementSummary table td {text-align: right; vertical-align:middle;}

.advertisementSummary table th:first-child {text-align: center;}
.advertisementSummary table td:first-child {text-align: center;}
.advertisementSummary table th:nth-child(2) {text-align: left;}
.advertisementSummary table td:nth-child(2) {text-align: left;}

.advertisementSummary table th:last-child {text-align: center;}
.advertisementSummary table td:last-child {text-align: center;}


.tableHeader { border: 1px solid #d8d8d8; display: table; margin-bottom: -1px; padding: 20px 20px 0; width: 100%; }
.filterOptions { float: right; }
.filterOptions input.datePicker { border-color: #d8d8d8; float: left; margin-right: 10px; width: 100px; color:#34495e; background: url(../images/datePicker.png) 95% center no-repeat;}
.filterOptions .customSelect { width: 150px; color: #34495e; cursor: pointer; background: url(../images/select-arrow.png) 95% center no-repeat; font-size: 1.000em; border: 1px solid #d8d8d8; height: 30px; line-height:30px; padding-left: 10px; overflow: hidden;}
.filterOptions .hasCustomSelect option { color: #34495e; background-color: #fff; padding: 5px;}

::-webkit-input-placeholder {color: #34495e; opacity:1!important; }
:-moz-placeholder { color: #34495e; opacity:1!important; }
::-moz-placeholder { color: #34495e; opacity:1!important; }
:-ms-input-placeholder { color: #34495e; opacity:1!important; }
::-ms-input-placeholder { color: #34495e; opacity:1!important; }

#chartdiv {border: 1px solid #d8d8d8;}
#chartdivpie {height: 335px !important;}

.summaryBlock .applicationSummary {float: left; width: 49%; border:1px solid #d8d8d8; padding:10px 5px;}
.summaryBlock .applicationSummary .tableHeader {border: medium none; margin-top: -11px; padding: 20px 10px 0;}
.summaryBlock .estateWiseRanking { float: right; width: 49%; }
.summaryBlock .estateWiseRanking table th{ text-align: center; vertical-align: middle;}
.summaryBlock .estateWiseRanking table td{ text-align: center; vertical-align: middle;}
.summaryBlock .estateWiseRanking table th:nth-child(2) {text-align: left;}
.summaryBlock .estateWiseRanking table td:nth-child(2) {text-align: left;}

.scrollbar-inner {height: 495px; width: 100%;padding-bottom:110px;}
.scrollbar-inner table{margin-bottom:0;}


/*!
 * jQuery ClassyScroll
 * http://www.class.pm/projects/jquery/classyscroll
 *
 * Copyright 2011 - 2013, Class.PM www.class.pm
 * Written by Marius Stanciu - Sergiu <marius@picozu.net>
 * Licensed under the GPL Version 3 license.
 * Version 1.1.0
 *
*/

.scrollbar-path-vertical, .scrollbar-path-horizontal {
    position: absolute;
    background-color: #eee;
    background-color: rgba(220,220,220,0.5); 
    z-index: 100;
}
.scrollbar-path-horizontal {
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 10px;
}
.scrollbar-path-vertical {
    right: 5px; 
    top: 0; 
    height: 100%; 
    width: 10px; 
    
}
.scrollbar-path-vertical {
    box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);
}
.scrollbar-path-horizontal {
    box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.1);
}
.scrollbar-handle{
    position: relative;
    top: 0;
    left: 0;
    background-color: #003e7e; 
}
.scrollbar-path-vertical .scrollbar-handle {
    height: 20%;
    width: 100%;
}
.scrollbar-path-horizontal .scrollbar-handle {
    width: 20%;
    height: 100%;
}
.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.scrollbar-content {
    padding: 0 15px 5px 0;
}


/* .cols4.scrollbar-inner */

.processSelection{width:100%;}
.filterOptions.processSelection {padding-bottom:10px;}
.filterOptions.processSelection .customSelect{width:100%;}
.selectedRow td{background:#ffecea;}
.rtsTable{position:relative;}

#backtotop{background:url(../images/backtotop.png) no-repeat;cursor:pointer;display:none;height:17px;width:32px;overflow:hidden;position:fixed;right:10px;bottom:20px;text-indent:-99999px;z-index:999; display:none}

.scrollbars{
	height:376px;
	overflow:auto;
	margin-right:-15px;
	
}
.scrollbars.divWidth{
	height:401px;
	margin-right:0px;
}

