/**

 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 * <div class="row">
 * <label for="inputid">xyz</label>
 * <input name="inputid" id="inputid" type="text" />
 * <p class="hint">hint text</p>
 * </div>
 * <div class="row">
 * <label for="inputid">xyz</label>
 * <input name="inputid" id="inputid" type="text" />
 * <p class="hint">hint text</p>
 * </div>
 * <div class="row buttons">
 * <label for="inputid">xyz</label>
 * <input name="inputid" id="inputid" type="text" />
 * <p class="hint">hint text</p>
 * </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 * ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
	margin: 0;
}

div.form input,
div.form textarea,
div.form select
{
	/*margin: 0.4em 0 0.4em;*/
	border: 1px solid rgb(185, 202, 206);
}
div.form .checkbox input {
float:left;
}
div.form .checkbox label{
float: left;
margin: 3px 0 0 10px;
}
div.form fieldset
{
	border: 1px solid rgb(184, 211, 245);
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	box-shadow: 0px 0px 0px 1px #fff;
}

div.form label
{
	font-weight: bold;
	font-size: 12px;
	display: block;
}

div.form .row
{
	margin: 5px 0 5px;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
}

div.form span.required
{
	color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #fff;
}
div.form .radio_button  input {

}
div.form .radio_button label{
display:inline;
}

div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 12px;
	line-height: 18px;
}

div.form .errorMessage
{
	clear:both;
	color: red;
	font-size: 12px
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide form .row
{
	clear: left;
}

div.wide form .buttons
{
	clear: left;
	padding-left: 110px;
}

div.wide form .errorMessage
{
	margin: 0 0 0 110px;
}

/**
* Grid
*/
.grid-view-loading
{
	background:url("../images/loading.gif") no-repeat;
}

.grid-view
{
	padding: 0px 0;
	margin: 0;
	top: 0px;
	position: relative;
	vertical-align: middle;
	border: 1px solid rgb(190, 190, 190);
	margin-top: 4px;
	border-radius: 3px;
}
.g-search-form{
	background-color: rgb(252, 252, 252);
	border-radius: 4px;
	border: 1px solid rgb(230, 219, 219);
}

.grid-view table.items
{
	background: white;
	border-collapse: collapse;
	width: 100%;
	border: 1px #D0E3EF solid;
}

.grid-view table.items th
{
	background: #142F66;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #544D8B;
}

.grid-view table.items td{
}
.grid-view table.items th
{
	
}

/*.grid-view table.items tr td
{
text-align: left;
vertical-align: middle;
{
*/
.grid-view table.items th a
{
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
}
.grid-view table.items thead th a {
color: #E2E2E2;
font-size: 11px;
}
.grid-view table.items th a:hover
{
	color: #FFF;
}

.grid-view table.items th a.asc
{
	background:url(../images/up.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.items th a.desc
{
	background:url(../images/down.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.items tr.even
{
	background: #F8F8F8;
	border-bottom: 1px solid #525252;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
}

.grid-view table.items tr.odd
{
	background: #F0F0F0;
	border-bottom: 1px solid #525252;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
}

.grid-view table.items tr.selected
{
	background: rgb(228, 228, 228);
}

.grid-view table.items tbody tr:hover
{
	background: rgb(228, 228, 228);
}

.grid-view .link-column img
{
	border: 0;
}

.grid-view .button-column
{
	text-align: left;
	width: 60px;
}

.grid-view .button-column img
{
	border: 0;
}

.grid-view .checkbox-column
{
	width: 15px;
}

.grid-view .summary
{
	margin: 0 0 5px 0;
	text-align: right;
}

.grid-view .pager
{
	margin: 5px 0 0 0;
	text-align: right;
}

.grid-view .empty
{
	font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
	width: 100%;
	border: 1px solid #ccc;
}
.grid-view .filters select {
min-width: 55px;
}
.grid_footer_pager {
float: right;
margin: -20px 18px 0;
}
.grid_footer_pager span {
font-size: 12px;
}
/*
 * Details view
 */
 
table.detail-view .null
{
	color: pink;
}

table.detail-view
{
	background: white;
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}

table.detail-view th, table.detail-view td
{
    border: 1px solid silver;
    font-size: 14px;
    line-height: 18px;
    padding: 0.3em 0.6em;
    vertical-align: top;
}

table.detail-view th
{
	text-align: right;
	max-width: 200px;
}

table.detail-view tr.odd
{
	background:#F0F0F0;
}

table.detail-view tr.even
{
	background:#F8F8F8;
}

table.detail-view tr.odd th
{
}

table.detail-view tr.even th
{
}

/*
 * Pager
 */
ul.yiiPager
{
	background-color: rgb(218, 218, 218);
	font-size: 17px;
	text-align: center;
}

ul.yiiPager li
{
display:inline;


}
ul.yiiPager  a {
text-decoration:none;
font-size:12px;
display:inline-block;
padding:0 4px;
zoom:1;
*display:inline;
}
ul.yiiPager .page a {

}
ul.yiiPager li:hover {

}
ul.yiiPager a:hover {
background: silver;
}

ul.yiiPager .selected a
{
border:1px dotted #000000;
}

ul.yiiPager .hidden a
{
}

ul.yiiPager .first,
ul.yiiPager .last
{
	
}
ul.yiiPager .previous,
ul.yiiPager .next
{
display:none;	
}
.list-view .pager {
float: left;
margin: 5px 0 0;
text-align: right;
width: 100%;
}

/*Ckeditor*/
.b-admin_editor {
background: #fff;
}

.search-form{
	overflow:hidden;
}

.row.buttons{
	display: block;
	overflow: hidden;
	padding: 5px;
}
.row.center { text-align: center; }

/*
 * Фильтры на страницах
 */
.g-filters {
text-align: center;
}
.g-filters .row {
display: inline-block;
zoom: 1;
*display: inline;
}
.g-filters .row input {
font-size: 13px;
height: 15px;
width: 80px;
}
.g-filters .row select {
max-width: 90px;
}
.g-filters .buttons {
display: block;
}
.g-filters .row label {
font-size: 13px;
padding: 0 1px 0 4px;
}

.buttons .submit, .buttons .reset{
margin: 10px;
text-decoration: none;
font: bold 14px 'Trebuchet MS',Arial, Helvetica; /* Изменяйте em для масштабирования кнопки */
display: inline-block;
text-align: center;
color: #fff;
padding: 0px;
border: 1px solid #9c9c9c; /* Запасной стиль */
border: 1px solid rgba(0, 0, 0, 0.3);

text-shadow: 0 1px 0 rgba(0,0,0,0.4);

box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
-moz-border-radius: .3em;
border-radius: .3em;
}

.button, .buttons .submit span, .buttons .reset span {
-moz-border-radius: .3em;
border-radius: .3em;
}

a.buttons, .buttons .submit span, .buttons .reset span ,	input.buttons{
border-top: 1px solid #fff; /* Fallback style */
border-top: 1px solid rgba(255, 255, 255, 0.5);
display: block;
padding: 2px 2.5em;

/* Фоновый паттерн */


/* Настройки паттерна */

-moz-background-size: 3px 3px;
-webkit-background-size: 3px 3px;
}

.buttons .submit:hover, .buttons .reset:hover,input.buttons:hover{
box-shadow: 0 0 .1em rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

a.buttons:active,.buttons .submit:active, .buttons .reset:active  {
/* Опускаем на 1px при нажатии */
position: relative;
top: 1px;
}
a.buttons,.buttons .submit, .buttons .reset, input.buttons {
background: #4477a1;
background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

a.buttons:hover,.buttons .submit:hover, .buttons .reset:hover,input.buttons:hover {
background: #81a8cb;
background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}

.buttons .submit:active, .buttons .reset:active  {
background: #4477a1;
}




.form-box{
    margin: auto;
    overflow: hidden;
    border: 1px solid #DDD;
    padding: 10px 10px 22px;
    margin-top: 20px;
    border-radius: 9px;
    background-color: rgb(218, 242, 255);
    display: block;
}
№gcn-comm-spros-form fieldset{
border: 1px solid rgb(168, 210, 230);
}
.back,.next{
overflow: hidden;
display: block;
width: 62px;
padding: 4px 20px;
border: 1px solid rgb(138, 138, 138);
background-color: rgb(206, 206, 206);
border-radius: 9px;
margin: 11px;
cursor: pointer;
box-shadow: 0px 0px 0px 5px rgb(162, 162, 162);
text-shadow: 1px 1px rgb(167, 167, 167);
font-size: 16px;
text-transform: lowercase;
color: rgb(255, 255, 255);
-webkit-transition-property: background;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
}
.back{
float: left;
}
.next{
float: right;
}
.back:hover,.next:hover{
color:#fff;
background-color: rgb(179, 177, 177);
}
.clearBoth{
clear:both;
}
.input-price input{
width: 77px!important;
display: inline;
overflow: hidden;
min-width: 1px!important;
}
.ac_results{
position: absolute;
width: 250px;
top: 125px;
left: 542.203125px;
border-radius: 6px;
box-shadow: 0px 2px 5px -1px rgb(143, 143, 143);
}
input[type=text], textarea,input[type="password"] {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
}
                 
input[type=text]:focus, textarea:focus,input[type="password"]:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
        border: 1px solid rgba(81, 203, 238, 1);
}
/* move to module */

.flats-list{
	color:green;
}
.rooms-list{
	color:rgb(80, 65, 65);
}
.comm-list{
	color:blue;
}
.nav-buttons{
	display:none;
}
.nav-chain{
	display: none;
}
/*
 * move to module flats
 */
.b-form_address {

}
.b-metro-line {
float: left;
width: 100%;
}
.b-metro-line .row {
	min-width: 338px;
	display: block;
	overflow: hidden;
}

.b-metro-line .b-how_to {
float: left;
width: 40%;
max-width: 200px;
min-width: 0px;
}
.b-metro-line .b-how_to label {
min-width: 10px;
}
.b-form_address, .b-form_details  {
width:92%;
}
.b-form_details {

}
.b-obj_form input.extra_input_with {
width: 56px;
}
span.required{
	color: #FF0000;
}
.b-obj_form .b-form_extra_info .row {
vertical-align: top;
width: 32%;
display: inline-block;
}
.b-form_extra_info header {
font-weight: bold;
min-height: 30px;
}
.b-form_extra_info section {
margin: 0 0 0px;
}
.ac_results {
	width:300px!important;
}
.s_title{
	width: 27px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
}
.s_numbers{
	width: 34px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
}
.note{
	margin-left: 183px;
	font-size: 10px;
	color: #3A79FF;
	display: inline-block;
}
#a-field_metro{
}
.alert{
    color:red;
}
.view-block{
    display:block;
    overflow:hidden;
	float: left;
}
.view-block a {
	display: block;
}
.c-right .view-block {
	padding: 10px 12% 10px 12%;
	height: 150px;
	width: 25%;
}

.c-left .view-block {
	padding: 0px 20px 0px 0px;
}
.image-block{
    display:block;
    overflow:hidden;
   /* width:40%;*/
    
}
.image-block img{
    width: 100px;
}
.image-block .view-block img {
    width:150px;
}
.left{
    display: block;
    float:left;
}
.left{
    min-height: 246px;
    padding: 1px;
    min-width: 159px;
     margin: 7px;
     text-align: center;
}
.foto-edit{
    overflow: hidden;
}
.image-block li{
    background-color: #fff;
    border: 1px solid #ccc;
    /*cursor: pointer;*/
    display: block;
    margin: 12px;
    overflow: hidden;
    padding: 7px;
}
.button{
    overflow: hidden;
    display: block;
    cursor:pointer;
}
.info{
    display: block;
    font-size: 12px;
    margin: 10px;
    font-weight: bold;
    text-align: center;
}
.rotate-left,.delete-img,.move-down{
    float: left;
    overflow: hidden;
    text-align: center;
    width: 71px;
}
.move-up,.rotate-right{
    overflow: hidden;
    text-align: center;
    width: 71px;
}
.move-up,.move-down{
    float: left;
    text-align: center;
    width: 5%;
}
.delete-img {
    float:right;
}
.assminog_comment.img-index{
    width: 183px;
    float: left;
    margin: 5px 1px -19px 0!important;
}
.image-setup,.button-box,.text-box,.delete-button-box,.view-img-comment{
    display:block;
    oveflow:hidden;
    float:left;
}
.view-img-comment{
    text-align: center;
    width: 100%;
}
.button-box{
  
    width: 371px;
}
.text-box{
	padding: 0px 5px 0px 0px !important;
    width: 58px
}
.move-down {
 
}
.rotate-right,.rotate-left {
    margin-top: 14px;
}
.image-block .left img {
    border: 1px solid #ccc;
    max-height: 150px;
    padding: 1px;
    width: 59px;
}

.view-images-block {
    
    border: 1px solid #ccc;
    display: block;
    overflow: hidden;
    padding: 10px 40px 0 53px;
    text-align: center;
}
.image-setup{
    width:100%;
    height: 196px;
}
.move-up  {
	position: relative;
	left: 125px;
	width: 70px !important;
}
.move-down {
	position: relative;
	top: 130px;
	left: 55px;
	width: 70px !important;
}

.text-box {
 display: block;
    height: 100px;
    margin: 0 5px;
    overflow: hidden;
    padding: 21px;
    width: 194px;
}
.text-box textarea {
    height:94px;
}
.delete-button-box {
     display: block;
    float: left;
    height: 169px;
    margin: 0 5px;
    overflow: hidden;
}
.delete-button-box img {
	padding-top: 10px !important;
}
.img-edit-line{
border: 1px solid #eee;
    display: block;
    margin: auto;
    overflow: hidden;
    width: 800px; 
     height: 94px;
}
.a-images{
    background-color:#eee;
}

.qq_upload_text_area {
    background: none repeat scroll 0 0 #405a90;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    margin: 0 auto;
    padding: 20px;
}

.assminog-button input{ 
    background: none repeat scroll 0 0 #405a90;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
}
.assminog-button{
    text-align: center;
}
.row.agent{
    left: -35px;
    position: relative;
}
.agent-field{
    width:135px!important;
}
#a-field_region{
    max-width: 165px;
}
#a-field_dept{
    width: 125px;
}
#a-field_dist{
    width: 121px;
}
#a-field_street, #a-field_street_fact {
	max-width: 192px;
}
#a-field_metro, #a-field_metro_fact {
width: 131px;
}
.metro_transport {
width: 70px;
}
#Farms_id_pod {
width: 106px;
}
#Farms_gabar {
width: 100px;
}
#Farms_s_kitchene {
width: 100px;
}
#Farms_agreement_client,#Comm_agreement_client,#Build_agreement_client {
width: 137px;
}
#Farms_area_comment_ext {
width: 138px;
}
.b-obj_form {
width: 978px;
}
.b-metro-line label:nth-of-type(2) {
margin: 0 0 0 8px;
text-align: left;
width: 98px;
}
#Flats_id_metro_transport,#Rooms_id_metro_transport,#Comm_id_metro_transport,#Build_id_metro_transport,#Farms_id_metro_transport, #Comm_id_metro_transport_fact {
    width: 96px;
}
#Flats_price_comment {
width: 140px;
}
#Flats_id_type_house_material,#Rooms_id_type_house_material {
width: 100px;
}
#Flats_id_lift,#Flats_id_refuse_chute,#Rooms_id_lift,#Rooms_id_refuse_chute {
width: 90px;
}
#Flats_kol_kv_lest {
width: 145px;
}
#Flats_cargo_lift,#Flats_id_type_enter,#Flats_window_grid,#Flats_stove_plate,#Flats_id_window_grid,#Flats_id_stove_plate{
    width: 120px;
}
#Flats_agreement_client {
width: 139px;
}
#Rooms_floor_first_height,#Rooms_year_build,#Rooms_year_capital_repair,#Rooms_price,#Rooms_brockerage,#Rooms_brockerage_on_two_agents,#Comm_s_all,#Comm_s_all_min,#Comm_rooms_amount {
width: 38px;
}
#Rooms_kol_sosed_kv {
width: 150px;
}
.j-calculate_btn{
border: 1px solid #eee;
background-color: #eee;
border-radius: 5px;
padding: 3px;
border-color: #C2C2C2;
color: #898989;
}
.j-calculate_btn:hover{
    color:000;
}
#Comm_s_zala,#Comm_floor_text,#Comm_s_by_floor,#Comm_cadastr_number {
width: 129px;
}
#Comm_cadastr_number {
	width: 95px;
}

#Comm_floors,#Comm_s_ceiling{
    width:35px;
}

.row-comm_use {  width: 540px;  }

#Comm_use_text {  width: 320px !important; }

#Comm_id_entry,#Comm_id_cont,#Comm_id_property{
    width:100px;
}
#Comm_area,#Comm_area_for_years,#Comm_power {
width: 30px;
}
#Comm_property_land {
float: left;
width: 110px;
}
.b-form_house select{
    width:100px;
    
}
#Comm_id_security,#Comm_id_parking{
    width: 140px;

}
#Build_kol_kv_lest,#Build_firm_stroy_comment{
    width:180px;
}
#Comm_use_text{
    width: 160px;
}

#Comm_price_ar, #Comm_price_s,
#Comm_price_ar_s, #Comm_price_s_b
{  width: 51px; }

#Comm_commission_ar, #Comm_commission_s,
#Comm_commission_ar_s, #Comm_commission_s_b
{  width: 51px; }


#Comm_id_price_ar, #Comm_id_price_s,
#Comm_id_price_ar_s, #Comm_id_price_s_b,
#Comm_id_commission_ar, #Comm_id_commission_s,
#Comm_id_commission_ar_s, #Comm_id_commission_s_b
{  width: 65px; }

.b-form_cost_comm span {  background-color: black;  color: white;  border-radius: 3px;
	width: 36%;  display: inline-block;  text-align: center;  margin-left: 1px;  }
.b-form_cost_comm span:nth-child(3n) {  margin-left: 9px;  }

.super_position label{
text-align: left;
margin-left: 7px;
}
#Build_amount_rooms,#Build_s_all,#Build_s_live,#Build_s_kitch,#Build_s_kor,#Build_potolok,#Build_floors,#Build_price{
    width:46px;
}
#Build_s_live_str,#Build_floor{
    width: 120px;
}
#Build_id_wc,#Build_id_balcony{
    width:100px;
    
}
.b-form_cost_comm label:nth-child(1) {
	width: 16%;
}

input.required { border: 1px solid red !important; }

.ui-autocomplete-loading {  background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;  }

.msg-warning { color: red; text-align: left; margin-left: 10px; }

.pdf_view {
	display: inline-block;
	background-color: #BBBBBB;
	width: 124px;
	height: 32px;
	position: relative;
	vertical-align: -webkit-baseline-middle;
	text-decoration: none;
}

.pdf_view:before {
	content: "";
	position: absolute;
	right: 0;
	border-bottom: 16px solid #F8F8F8;
	border-left: 24px solid #BBBBBB;
	border-top: 16px solid #F8F8F8;
	width: 0px;
	height: 0;
}

.pdf_view:hover {
	background-color: #5C8AB1;
	color: #ffffff;
}

.pdf_view:hover:before {
	content: "";
	position: absolute;
	right: 0;
	border-bottom: 16px solid #E4E4E4;
	border-left: 24px solid #5C8AB1;
	border-top: 16px solid #E4E4E4;
	width: 0px;
	height: 0;
}
.td-custom{
	font-size: 1.2em;
	border: 1px white solid;
	padding: 0.5em;
}
.tr-custom{
	border: 1px lightgray solid;
	border-bottom: 2px solid lightgray !important;
}