*{margin: 0;padding: 0;border: 0;text-decoration: none;}
body{height: 100%;font-family: 'Conv_GothamRoundedBook_21018', Open Sans, Arial, Helvetice Neue, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;font-size: 13px; color:#333}
@font-face{font-family:'Conv_GothamRoundedBook_21018';src:url('../fonts/GothamRoundedBook_21018.eot');src: local('☺'), url('../fonts/GothamRoundedBook_21018.woff') format('woff'), url('../fonts/GothamRoundedBook_21018.ttf') format('truetype'), url('../fonts/GothamRoundedBook_21018.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family:'Conv_GothamRoundedMedium_21022';src:url('../fonts/GothamRoundedMedium_21022.eot');src: local('☺'), url('../fonts/GothamRoundedMedium_21022.woff') format('woff'), url('../fonts/GothamRoundedMedium_21022.ttf') format('truetype'), url('../fonts/GothamRoundedMedium_21022.svg') format('svg');font-weight: normal;font-style: normal;}

.head-title {font-weight:bold;font-size:1.4em;padding-top:15px;display:inline-block;color:#1c1c1c}
.logi-img {float: left;margin-right: 15px;width: 50px;margin-top: 5px;}
/*popup stat css*/
.ui-dialog-titlebar-close::after {font-family:FontAwesome;content:"\f00d";position:absolute;top:3px;left:6px;}
.ui-dialog-titlebar{height:34px!important;}
.ui-dialog .ui-dialog-content {overflow:hidden!important}
.ui-dialog .ui-dialog-content object {height:100%!important; width:100%!important; overflow: inherit !important}
/*popup end css*/
.nav_menu {position:static;padding-bottom:6px;}
.dbt-in {width:150px;display:block;margin:7px auto 0;}

.nav.side-menu>li.current-page, .nav.side-menu>li.active {border-right:5px solid #f5580b;}
.page-title .title_left {clear:both}
.nav-md .container.body .right_col {padding:60px 20px 20px;}

h1 {margin-top:25px;font-size:28px;color:#333;margin-bottom:15px;}
.rera-inner {width:70px;display:block; margin:0 auto 15px}

.chat-box1 { border:1px solid #ddd; padding:8px 15px; width:85%; clear:both; float:left; margin-bottom:12px; border-radius:0px 25px 25px; font-size:90%}
.chat-user, .chat-user2 { font-weight:600; float:left; }
.chat-user{color:#578fd4}
.chat-user2{ color:#c561a2}
.chat-user2 small, .chat-user small { font-size:90%; color:#ccc; font-weight:normal}
.chat-mes2, .chat-mes { float:left;clear:both; padding-top:7px}
.chat-input {border: 1px solid #d4e4e8;padding: 10px 14px;height: auto; border-radius: 3px; box-shadow: none; width:100%; margin-bottom:15px; background:#fafeff}

.chat-box2 { border:1px solid #ddd; padding:8px 15px; width:85%; clear:both; float: right; margin-bottom:12px; border-radius:25px 25px 0; margin-right:10px; font-size:90%; background:#fcfcfc}

.timer {position:fixed;right:27px;top:10px;background:#fff;padding:6px 8px;z-index: 999;border: 1px solid #ddd;border-radius:3px;font-family: 'Conv_GothamRoundedBook_21018', Open Sans, Arial, Helvetice Neue, sans-serif; font-weight:bold; font-size:16px}
.timer label {margin:0}
.timer .session {color:#0000FF;margin-right:5px;}
.timer .time {color:#ff002f;}

.pagination {margin:25px 0}
.pagination li {float: left;list-style: none;font-size: 1.2em;}
.pagination > .active > span {background-color: #f16844;border-color: #f16844;}
.pagination > li > a {color: #f16844; font-weight:bold}

.fa-x4 {font-size:17px;padding:4px!important}
.mrg-top-24{margin-top:24px;}
.main_container {background:#272d33;}

.menu_section h3 {display:none}
.main_menu_side .nav>li>a {position:relative;display:block;padding:10px 5px;font-size:.9em}

.field-validation-error {font-size:90%;color:#f32c2c;}
.btn-warning:hover {color: #fff;background-color:#de8200;border-color:#d58512;}
.dbt-menu{width:20px;margin-right:7px;}

.MahaOnline-powered {float: right; margin-right: 25px;margin-top: -16px;}
.btn-login {background:#5f5f5f;color:#fff;}
.btn-login:hover {background:#474646;color:#fff;}

.profile {padding-bottom: 10px;border-bottom: 1px solid #494e54;padding-top: 15px;}
.uploads-panel label { pdding-left:10px;}
.modal-header {padding: 10px 15px;border-bottom: 1px solid #e5e5e5;background: #d9534f;color: #fff;}
th {background-color: #404850;color: #ffffff;}
.ModalListIframe {
    overflow:hidden;
    overflow-y:scroll;
    height:95% !important; 
}
.photo-conditions { list-style:none}
.photo-conditions li {margin-bottom:7px;}
.photo-conditions li:before {content: "\f046"; font-family:FontAwesome; color: #19bf3e; padding-right: 8px;}
.uploads-panel {background: #f7f7f7;}
.uploads-panel img {display:block; margin:0 auto}

.pager-building {margin:5px 0 15px;background: #fff;padding: 5px 10px 0;display: inline-block; border-radius:4px}
.pager-building span {color:#f5580b}
.pager-building label { color:#555; font-weight:normal}
.instrucion {}
.textarea-2 { height:170px!important;}

.max-count {margin-left:20px;border-left:1px solid #ccc;padding-left:20px;}
.radios label{ margin-left:3px;padding-right:15px;}
.inputs {display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.inputs {border-radius:0;width:100%;color:#6a6d6f;background-color:#fff;border:1px solid #dadbdc;}
blockquote {padding:10px 20px;margin:0 0 20px;font-size:14px;border-left:5px solid #747575;background:#f7f7f7;color:#000;}

.profile-photo {width:150px; display:block; margin:0 auto 30px;}
.profile-panel {text-align: center;background: #f9f9f9;padding: 15px 10px;border: 1px solid #e8e8e8;}
.instrucion { padding-left:25px!important;}

.btn-expands {background-color:#fff;border:1px solid #D8D6D6;border-top:3px solid #D8D6D6;color: #555; border-radius:0;text-transform: uppercase;font-weight: 600; padding:9px 10px;display: block; text-align: left; margin-right:0px;}
.btn-expands:hover{border: 1px solid #649ade;border-top: 3px solid #649ade;color: #3c71b3;}
.real-agent {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);color: #777;background: #fff;margin-bottom:7px;padding:15px 15px 0;border: 1px solid #D8D6D6; margin-top: -6px;}

.select-list select {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color:#6a6d6f;background-color: #fff;background-image: none;border: 1px solid #dadbdc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.edit-btn {background:#4d98ce;padding: 3px 5px;border-radius: 3px;font-size: .85em;color: #fff; display:inline-block; float:left; margin-bottom:5px;}
.edit-btn:hover {background:#3f84b5;color: #fff;}
.edit-btn:before {content:"\f040";font-family:FontAwesome; margin-right:5px;}

.inactive-btn {background:#f3c10a;padding: 3px 5px;border-radius: 3px;font-size: .85em;color: #fff; display:inline-block; float:left; margin-bottom:5px;}
.inactive-btn:hover {background:#e2b40a;color: #000;}
.inactive-btn:before {content:"\f05e";font-family:FontAwesome; margin-right:5px;}

.delete-btn {background:#ce3737;padding:3px 5px;border-radius:3px;font-size:.85em;color:#fff;display:inline-block;float:left;margin-bottom:5px;}
.delete-btn:hover {background:#b72424;color: #fff;}
.delete-btn:before {content:"\f014";font-family:FontAwesome;margin-right:5px;}

.label-valid .field-validation-error {float:left; padding-right:5px;}

.text-danger {color:red}

.upload-btn {margin-bottom:5px;float:left;}
.upload-btn:hover {color:#fff;}
.upload-btn:before {content:"\f093";font-family:FontAwesome;margin-right:10px;}

.user-btn {margin-bottom:5px;float:left;}
.user-btn:hover {color:#fff;}
.user-btn:before {content:"\f234";font-family:FontAwesome;margin-right:10px;}

.delete-btn1 {margin-bottom:5px;float:left;}
.delete-btn1:hover {;color: #fff;}
.delete-btn1:before {content:"\f014";font-family:FontAwesome;margin-right:10px;}

.back-btn {margin-bottom:5px;float:left;}
.back-btn:hover {color:#fff;}
.back-btn:before {content:"\f0a8";font-family:FontAwesome;margin-right:10px;}

.next-btn {margin-bottom:5px;float:left;}
.next-btn:hover {color:#fff;}
.next-btn:before {content:"\f0a9";font-family:FontAwesome;margin-right:10px;}

.declaration-btn {margin-bottom:5px;float:left;}
.declaration-btn:hover {color:#fff;}
.declaration-btn:before {content:"\f046";font-family:FontAwesome;margin-right:10px;}

.dashboard {margin-top:20px;}
.preview-page {background:#fff;padding:25px 15px;}
.preview-page ol {margin-left:25px;}

.label-block label {display:block}
.mandatory{position:relative}
.mandatory:after {content:'*';color:red;padding-left:3px;font-size:1.3em;}
.profile-img{position:absolute; right:0px; top:0px}

.table th {color:#fff!important}
.table td, .table th {border-left:1px solid #ddd}
.table tr:last-child {border-bottom:1px solid #ddd}
.table tr td:last-child {border-right:1px solid #ddd}

.input-block input{width:100%; display:block}
.pop-h2{font-size: 1.2em;padding: 0 0 8px 0;margin-bottom: 20px;border-bottom: 1px solid #ddd;color: #f1643f;}
.notes {background: #fff2f2;padding: 10px;line-height: 150%;font-size: 92%;border: 1px solid #ffe0e0;color: #fd1616; margin-top:50px}
.delclaration {padding: 30px 40px;max-width: 900px;margin: 0 auto;border: 1px solid #777;text-align: justify;line-height: 150%;}

.delclaration-form {padding:10px 20px 30px;margin:0 auto 25px;border:1px solid #ddd;text-align:justify;line-height:150%}
.delclaration-form .x_title {margin-bottom:25px;}
.delclaration-form p {line-height:150%; margin-bottom:16px;}
.text-indent-50 {text-indent:50px;}

.form-decleration {margin:25px 0}
.form-decleration li {margin-bottom:9px;}
.form-decleration ul {margin-left:25px; margin-bottom:8px}
.form-decleration ul li { margin-bottom:8px}
.confirm-payment {padding:10px 0 20px; width:420px; margin:0 auto}
.confirm-payment .term {font-size:1.1em;}
.confirm-payment label {float:left; padding-bottom:10px}
.confirm-payment input[type="checkbox"] {float:left; margin-right:10px;margin-top:8px}
.error1 {font-size:1.1em;padding-bottom: 10px;display: block;font-weight:bold;}
textarea {display:block;width:100%;height:44px;padding:6px 12px;font-size:14px;line-height: 1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;
    border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-radius: 0;width: 100%;color: #6a6d6f;background-color: #fff;border: 1px solid #dadbdc;}
.term { font-size:1.1em}
#DivDepartment {width: 100%; margin-bottom: 10px;padding: 10px 17px;display:inline-block;background: #fff;border: 1px solid #E6E9ED; -webkit-column-break-inside: avoid;-moz-column-break-inside: avoid; column-break-inside: avoid;opacity: 1;transition: all .2s ease;}
.form-control-1 {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143; color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-radius: 0;width: 100%;color: #6a6d6f;background-color: #fff;border: 1px solid #dadbdc;height:60px;}
.checkbox-1 { margin:10px 0 25px}

/* ------ container ------ */
div.css_bar_graph{height: 320px;color: #444;background-color: #fff;position: relative; margin-left: auto;margin-right: auto;}
div.css_bar_graph a	{color: #444;text-decoration: none;}
div.css_bar_graph ul{margin: 0px;padding: 0px;list-style-type: none;}
div.css_bar_graph li{margin: 0px;padding: 0px;}
div.css_bar_graph ul.y_axis{width:40px;position: absolute;top: 40px;left: 10px;text-align: right;}	
div.css_bar_graph ul.y_axis li{width: 100%;height: 49px;float: left;color: #888;border-top: 1px solid transparent;position: relative;top: -13px;}		
div.css_bar_graph ul.x_axis{height: 50px;position: absolute;bottom: 0px;left: 90px;text-align: center;}
div.css_bar_graph ul.x_axis li{display: inline;width: 90px;float: left;}
div.css_bar_graph div.label	{width: 100%;height: 50px;float: left;margin-top: 20px;text-align: center;}
div.css_bar_graph div.label span{font-weight: bold;}
div.css_bar_graph div.graph{width: 100%;height: 100%;float: left;}
div.css_bar_graph div.graph ul.grid{width: 100%;}
div.css_bar_graph div.graph li{width: 100%;height: 49px;float: left;border-top: 1px solid #e5e5e5;}	
div.css_bar_graph div.graph li:nth-child(odd){width: 100%;height: 49px;float: left;border-top: 1px solid #e5e5e5;background-color: #f8f8f8;}	
div.css_bar_graph div.graph li:nth-child(even){width: 100%;height: 49px;float: left;border-top: 1px solid #e5e5e5;}
div.css_bar_graph div.graph li.bottom{border-top: 1px solid #d5d5d5;background-color: #eeeeee;height: 19px;}
div.css_bar_graph div.graph li.bar{width: 50px;float: left;position: absolute;bottom: 70px;text-align: center;-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;-o-transition: all 0.15s ease-in-out;-ms-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}

div.css_bar_graph div.graph li.bar div.top{width: 100%;height: 20px;margin-top: -10px;-moz-border-radius: 50px/20px;-webkit-border-radius: 50px 20px;border-radius: 50px/20px;-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	}
	
/* ------ bar bottom circle ------ */
div.css_bar_graph div.graph li.bar div.bottom
	{
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	/* --- css3 --- */
	-moz-border-radius: 50px/20px;
	-webkit-border-radius: 50px 20px;
	border-radius: 50px/20px;
	/* --- transitions --- */
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	}

/* ------ bar top label ------ */
div.css_bar_graph div.graph li.bar span
	{
	position: relative;
	top: -50px;
	padding: 3px 5px 3px 5px;
	z-index: 100;
	background-color: #eeeeee;
	border: 1px solid #bebebe;
	/* --- css3 --- */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* --- gradient --- */
	background-image: linear-gradient(top, #ffffff, #f1f1f1 1px, #ebebeb); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ebebeb'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ebebeb'); /* IE8 */
	background: -ms-linear-gradient(top, #ffffff, #f1f1f1 1px, #ebebeb); /* IE9 */
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1 1px, #ebebeb); /* Firefox */ 
	background: -o-linear-gradient(top, #ffffff, #f1f1f1 1px, #ebebeb); /* Opera 11  */
	background: -webkit-linear-gradient(top, #ffffff, #f1f1f1 1px, #ebebeb); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.05, #f1f1f1), color-stop(1, #ebebeb)); /* Chrome 10, Safari */
	/* --- shadow --- */
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	/* --- transitions --- */
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	}
	
/* ------ bars positions ------ */
div.css_bar_graph div.graph li.nr_1{left:110px;}
div.css_bar_graph div.graph li.nr_2{left:200px;}
div.css_bar_graph div.graph li.nr_3{left:290px;}
div.css_bar_graph div.graph li.nr_4{left:380px;}
div.css_bar_graph div.graph li.nr_5{left:470px;}
div.css_bar_graph div.graph li.nr_6{left:560px;}
div.css_bar_graph div.graph li.nr_7{left:650px;}
div.css_bar_graph div.graph li.nr_8{left: 740px;}
div.css_bar_graph div.graph li.blue{background: #208faf;background: rgba(32,143,175,0.8);}
div.css_bar_graph div.graph li.blue div.top	{background: #72b8cc;}
div.css_bar_graph div.graph li.blue div.bottom{background: #208faf;}
div.css_bar_graph div.graph li.green{background: #608d00;background: rgba(96,141,0,0.8);}
div.css_bar_graph div.graph li.green div.top{background: #a2c656;}
div.css_bar_graph div.graph li.green div.bottom	{background: #608d00;}
div.css_bar_graph div.graph li.orange{background: #ff9000;background: rgba(255,144,0,0.8);}
div.css_bar_graph div.graph li.orange div.top{background: #ffc24c;}	
div.css_bar_graph div.graph li.orange div.bottom{background: #ff9000;}
div.css_bar_graph div.graph li.purple{background: #7d47ba;background: rgba(125,71,186,0.8);}
div.css_bar_graph div.graph li.purple div.top{background: #b592dd;}
div.css_bar_graph div.graph li.purple div.bottom{background: #7d47ba;}
div.css_bar_graph div.graph li.red{background: #d23648;background: rgba(210,54,72,0.8);}
div.css_bar_graph div.graph li.red div.top{background: #ea828e;}
div.css_bar_graph div.graph li.red div.bottom{background: #d23648;}
div.css_bar_graph div.graph li.blue:hover{cursor: pointer;background: #ff9000;background: rgba(255,144,0,0.8);}	
div.css_bar_graph div.graph li.blue:hover div.top{background: #ffc24c;}
div.css_bar_graph div.graph li.blue:hover div.bottom{background: #ff9000;}	
div.css_bar_graph div.graph li.green:hover{cursor: pointer;background: #ff9000;background: rgba(255,144,0,0.8);}
div.css_bar_graph div.graph li.green:hover div.top{background: #ffc24c;}
div.css_bar_graph div.graph li.green:hover div.bottom{background: #ff9000;}
div.css_bar_graph div.graph li.orange:hover{cursor: pointer;background: #ff9000;background: rgba(255,144,0,0.8);}
div.css_bar_graph div.graph li.orange:hover div.top{background: #ffc24c;}	
div.css_bar_graph div.graph li.orange:hover div.bottom{background: #ff9000;}	
div.css_bar_graph div.graph li.purple:hover{cursor: pointer;background: #ff9000;background: rgba(255,144,0,0.8);}
div.css_bar_graph div.graph li.purple:hover div.top{background: #ffc24c;}	
div.css_bar_graph div.graph li.purple:hover div.bottom{background: #ff9000;}		
div.css_bar_graph div.graph li.red:hover{cursor: pointer;background: #ff9000;background: rgba(255,144,0,0.8);}
div.css_bar_graph div.graph li.red:hover div.top{background: #ffc24c;}
div.css_bar_graph div.graph li.red:hover div.bottom	{background: #ff9000;}	
div.css_bar_graph div.graph li.bar:hover span{cursor: pointer;top: -60px;padding: 10px;margin: 0px;}

.DivReceipt .table th {}
.architech-warning {color: #458bca;font-size: 95%;font-style: italic;text-align: right;float: right;padding-top:2px;text-transform: none;}

.rera-logo-bg {background:url(../Images/rera-logo_final1.png) no-repeat center center;min-height:580px;}
.thank-you {border:1px dotted #555;margin:20px;padding:20px; max-width:550px; margin:20px auto;border-left: 3px dotted #555;}
.thank-you-heading {font-weight:bold; font-size:3em;text-align:center}
.thank-you .fa-check {font-size:5.5em;color:#23b562;display:block;text-align:center;}
.thank-you .message {color:#333; font-size:14px; text-align:center}
.btn-left-mrgn {margin-left:15px;}

.payment-info ul{list-style:none; margin:20px 0 20px 5px}
.payment-info ul li{ margin-bottom:8px; color:#555}
.payment-info ul li:before {content:"\f00c"; font-family:FontAwesome; padding-right:3px;color:#23b562}

.col-md-4, .col-sm-4 {position:relative}
.success-msg {position:absolute;font-size:89%;padding-right:10px;}
.mrgn-top-28 {margin-top:28px;}

.print-table{} 
.print-table th {background:#f5f5f5;color: #000!important; border-left:0px; border-right:0px solid #ddd!important; font-size:15px}
.print-table td {border-right:0px solid #ddd!important; border-left:0px;}

.print-receipt {border:1px solid #808080; padding:25px 25px 45px; margin-bottom:30px;}
.print-rera {width:68px;float:left}
.print-heading {display:flex;font-weight: bold;font-size: 20px;line-height: 140%;padding-top:15px;padding-left:15px;}
.print-mol {float:right;margin-top:12px}
.header-sep {clear:both; margin-bottom:50px;}

.service-details label::after{content:':'; padding-left:7px; padding-right:5px; position:absolute; right:0}
.user-details label::after{content:':'; padding-left:7px; padding-right:5px; position:absolute; right:0}
.service-details label{position:relative;min-width:115px;}

.seprator {clear:both; margin-bottom:25px;}
.user-details {width:380px; float:right; position:relative}
.user-details label {min-width:95px; position:relative}

#back-to-top {position: fixed;bottom: 15px;right: 10px;z-index: 9999;width: 36px;height: 36px;text-align: center;line-height: 30px;background: #f1643f;color: #FFF;cursor: pointer;border: 1px solid #f1643f;border-radius: 0;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;font-size: 33px;}
#back-to-top:hover {background: #FE971E;}
#back-to-top.show {opacity: 1;}
.btn-fl {display: inline-block; float: left;}

/*** PANEL DEFAULT ***/
.with-nav-tabs {margin-top:20px;}
.tab-content {background:#fff; border-top:4px solid #428bca; min-height:216px}
.nav-tabs>li {margin-right:5px;}
.nav-tabs>li {margin-bottom:0px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#fff;cursor:default;background-color:#428bca;border:1px solid #428bca; border-bottom-color: transparent;}
.nav-tabs {border-bottom:0px solid #ddd;}
.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius:0px;background: #fff; font-weight:bold; color:#428bca; padding:10px;}
.nav-tabs>li>a:hover{color:#fff;cursor:default;background-color:#428bca;border:1px solid #428bca; border-bottom-color: transparent;}
.nav-tabs > li > a .fa { margin-right:5px;}
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {color: #777;}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {color: #777;background-color: #ddd;border-color: transparent;}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {color: #555;background-color: #fff;border-color: #ddd;border-bottom-color: transparent;}

.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 .col-md-12 { position:relative}
.col-md-2 .field-validation-error, .col-md-3 .field-validation-error, .col-md-4 .field-validation-error, .col-md-5 .field-validation-error, .col-md-6 .field-validation-error, .col-md-7 .field-validation-error,
.col-md-8 .field-validation-error, .col-md-9 .field-validation-error, .col-md-10 .field-validation-error, .col-md-11 .field-validation-error, .col-md-12 .field-validation-error 
{ position:absolute}

.up-next {padding:20px;background:#fff;margin-bottom:30px;}
.up-next select {width:180px;float:left; height:120px}
.up-next .btn {float:left; margin:45px 5px 0}

.btn-print::after {content:"\f1c1";font-family:FontAwesome}
table.grid-table tr.grid-row-selected td {background:#eef4f9 !important; color: black!important;}
table.grid-table tr.grid-row-selected a {color:#23527c!important;}
.height-180 { height:180px!important;}
.btn-text-color a {color:#fff!important}
.pop-profile { height:110px; width:110px;}

.f1{padding:25px;background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; text-align:center}
.f1 h3{margin-top:0;margin-bottom:5px;text-transform:uppercase;}
.f1-steps{overflow:hidden;position:relative;margin-top:20px;}
.f1-progress{position:absolute;top:24px;left:0;width:100%;height:1px;background:#ddd;}
.f1-progress-line{position:absolute;top:0;left:0;height:1px;background:#f35b3f;}
.f1-step{position:relative;float:left;width:20%;padding:0 5px;}
.f1-step-icon{display:inline-block;width:40px;height:40px;margin-top:4px;background:#ddd;font-size:16px;color:#fff;line-height:40px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.f1-step.activated .f1-step-icon{background:#fff;border:1px solid #f35b3f;color:#f35b3f;line-height:38px;}
.f1-step.active .f1-step-icon{width:48px;height:48px;margin-top:0;background:#f35b3f;font-size:22px;line-height:48px;}
.f1-step p{color:#ccc;}
.f1-step.activated p{color:#f35b3f;}
.f1-step.active p{color:#f35b3f;}
.f1 fieldset{display:none;text-align:left;}
.f1-buttons{text-align:right;}
.f1 .input-error{border-color:#f35b3f;}

.form-controls {
    display: inline-block;
    height:26px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-radius: 0;
    color: #6a6d6f;
    background-color: #fff;
    border: 1px solid #a6a6a6; margin-right:7px; margin-bottom:2px
}
.mrg-l-7 {margin-left:7px;}
#pnlComplaint { line-height:28px}

.ui-dialog .ui-dialog-content {
-webkit-overflow-scrolling: touch!important;
}


@media (max-width:1200px) {

}
@media (max-width:998px) {
}
@media (max-width:768px) {
.head-title {font-size: 1.3em;padding-top: 15px;}
.logi-img {margin-right: 15px;width: 50px;margin-top: 5px;}
.toggle {margin: 0;padding-top: 16px;width:50px;}
.timer {position: fixed;right: 1px;top: 35px;background: #fff;padding: 2px 4px;z-index: 999;border: 1px solid #ddd;border-radius: 2px;font-size: 11px!important;}
}

@media (max-width:598px) {
.toggle a {padding:0px 10px 0 10px;}
.head-title {font-size: 1em;padding-top: 15px;}
.toggle {margin: 0;padding-top: 12px;width:45px;}
.logi-img {margin-right: 10px;width:40px;margin-top: 5px;}

.rera-logo-bg {min-height:300px;}
.profile-img{position: relative;margin-bottom:15px;}
}
@media (max-width:495px) {
.toggle a {padding:0px 10px;}
.head-title {font-size: .95em;padding-top:5px; font-weight:normal; word-break:break-word;  width:150px;}
.toggle {margin: 0;padding-top:9px;width:45px;}
.logi-img {margin-right:7px;width:35px;margin-top: 5px;}
footer { font-size:.9em}
.profile-img{position: relative; margin-bottom:15px;}
}