@charset "ISO-8859-1";

body {
	background-image: url("/images//background_gray_gradient.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#page {
	border: 1px solid #BABABA;
	min-height:700px;
	min-width:1024px;
	width: 99%;
	background: #FFF;
	text-align:justify;
	padding:0;
	margin: auto;
	box-sizing: border-box;
}
/* For modern browsers */
#page:before,
#page:after {
    content:"";
    display:table;
}
#page:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
#page{
    zoom:1;
}
div, fieldset {
	box-sizing: border-box;
}
#client >legend,
#requests >legend,
#details_comments >legend,
.address.buyer >legend,
#ag >legend, #employee >legend {
	font-weight: bold;
	color: red;
	font-size: 14px;
}
#login {
  background-color: inherit;
  border: 1px solid #686868;
  clear: both;
  float: left;
  margin: 150px 0 0 620px;
  padding: 10px 10px 0 50px;
  width: 300px;
}
#login-form label, #buyer label, #seller label, #user-form label, #contract label, #contracts label, #problem label,
.group.row, #constructor label, #noupdated label, #bid label, #cid label, #agency label, #suspectf label, #suspect label,
#renter label, #rcontract label
{
	display: inline !important;
}
#contract label, #bid label, #cid label,#suspect label,
#contracts label {
	margin: 0 5px;
}
#contract .b_request {
	width: 47%;
	display: inline-block;
}
#Contact_name {
	width: 340px;
}
#Contact_phonesText,
#Contact_city, #Contact_street {
	width: 170px;
}
#Contact_email {
	width: 170px;
}
#Contact_bugetmin, #Contact_bugetmax {
	width: 75px;
}
#contact-grid #Contact_bugetmin, #contact-grid #Contact_bugetmax {
	width: 25px;
}
#Contact_areamin, #Contact_areamax {
	width: 92%;
	display: inline-block;
}
#suspect, #contract, #rcontract {
	width: auto;
	display: none;
	margin: 0 5px;
	vertical-align: top;
	line-height: 30px;
}
.showinline {
	display: inline-block!important;
}
#contracts, #rcontract {
	display: none;
	margin-right: 10px;
	line-height: 30px;
}
#contracts input, #suspect input, #cid input, #bid input, #rcontract input {
	display: inline-block!important;
}
.b_seller {
	display: none!important;
}
.b_buyer {
	display: none;
	white-space: nowrap;
}
#Contact_buyer_contract,
#Contact_seller_contract,
#Contact_buyer_contract_date,
#Contact_seller_contract_date,
#Contact_sold_date {
	display: inline!important;
}
#Contact_buyer_contract, #Contact_buyer_contract_date, #Contact_bid,
#Contact_seller_contract, #Contact_seller_ontract_date,
#Contact_seller_property_id, #Contact_sell_price, #Contact_renter_contract, #Contact_renter_contract_date {
	width: 80px;
}
#Contact_buyer_request, #Contact_buyer_rebs_requestno {
	width: 592px;
}
.line.row .chosen-container {
	width: 111px!important;
}
#Contact_user_id_chosen {
	width: 200px!important;
}
#Contact_user_id_chosen input {
	width: 170px;
}
.chosen-container-single .chosen-single span {
	font-size: 14px;
}
.group.row .chosen-container {
	margin-bottom: 5px;
}
a {
color:#EE1C25;
text-decoration:none;
cursor: pointer;
}

a:hover {
color:#EE1C25;
text-decoration:underline
}

h1 {
	font-size:18px;
}
h1 span {
	font-size: 14px;
}
h1 span span {
    font-size: 18px;
	color:red;
	font-weight: bold;
}
img {
border:0
}

#content {
background-color: #FFFFFF;
clear: both;
padding: 5px;
text-align: left;
width: 99%;
margin: auto;
}

#header {
width: 100%;
float:left;
clear:both;
padding:5px 0 0;
height: 32px;
position: relative;
}

#logo {
text-align:center;
width:100%;
font-weight:700;
float:left;
clear:both;
}
#mainmenu {
background-color: #666E73;
clear: both;
float: left;
position: relative;
width: 100%;
}
#secret {
	position: absolute;
	top: 12px;
	right: 10px;
}
#search {
	margin-top: -26px;
    position: absolute;
    right: 5px;
    width: 205px;
}
.grid-view table.items th {
    background: url("/images/bg.gif") repeat-x scroll left top white;
}
.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 #FFF;
}
.grid-view table.items tr.even {
	background: #dbdbdb;
}

#footer {
width:99%;
float:left;
clear:both;
background:inherit;
text-align:right;
padding:10px
}

.breadcrumbs,#page_content {
margin-left:5px
}

#page_content {
float:left;
clear:both;
width:1004px
}

form div.group,
#tranzaction,
.det {
	float:left;
	width:32%;
	margin:2px;
	padding:5px;
	font-size: 14px;
}
#requests div.group {
	width: 24%;
}
#tranzaction div.group.row,
#client div.b_buyer {
	width: 100%!important;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
}
form div.group1
{
	float:left;
	width:100%;
	margin:2px;
	padding:5px 15px 15px
}
form div.full {
	width: 100%!important;
}
form div.half {
	width: 49%!important;
}
form div.third {
	width: 32%!important;
}
div.error div.group,
div.error div.group1 
{
height:240px
}

form div.group label,form div.group1 label {
width:110px;
font-weight:400
}
form label.required {
	color: red;
}

form div.group input,form div.group textarea,form div.group select,form div.group input[type="text"],form div.group input[type="password"],form fieldset input,form fieldset textarea,form fieldset select,form fieldset input[type="text"],form fieldset input[type="password"],
form div.group1 input,form div.group1 select,form div.group1 input[type="password"] {
	font-size:14px;
	margin:0 0 2px;
	width: 96%;
	display: block;
	border: 1px solid #aaa;
	padding: 0 5px;
	height: 23px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
	background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
}
.address input[type="text"], .address select
{
	display: inline-block!important;
}
.address input[type="text"].phones{
	width: 100px;
}
.address input[type="text"].appartment-no {
	width: 20px;
}
div.group div.row label {display: inline}
#contact-form #Contact_buyer, 
#contact-form #Contact_renter,
#contact-form #Contact_seller, #Contact_problem,
#Contact_sold, #Contact_not_resonable,
#Contact_suspect,#Contact_constructor,
#Contact_is_agency, #Contact_renter,
.checkbox,
#has_addresses, #Contact_noupdated, #has_idintern
{
	width: 13px!important;
	height: 13px!important;
	display: inline!important;
}
#contact-grid-sellers #Contact_sold {
	width: 40px!important;
	height: auto!important;
}
table.detail-view .null {
color:#FFC0CB
}

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

table.detail-view th,table.detail-view td {
font-size:0.9em;
border:1px #FFF solid;
vertical-align:top;
padding:0.3em 0.6em
}

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

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

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

ul.yiiPager a:link,ul.yiiPager a:visited {
border:solid 1px #bababa;
font-weight:700;
color:#686868;
text-decoration:none;
padding:1px 6px
}

ul.yiiPager a:hover {
border:solid 1px #686868
}

ul.yiiPager .selected a {
background:#EE1C25;
color:#FFF;
font-weight:700
}
#Contact_details,
#Contact_details_new,
#Contact_other,
#Contact_other_new,
#Contact_agent_comments,
#Contact_agent_comments_new {
	height: 150px;
	width: 96%;
	float: left;
}

div.contact-note {
	float: left;
	width: 215px;
}
.cartier
{
	border: 1px solid #9C9C9C;
    float: left;
    height: 117px;
    margin: 0px 0px 5px 0px;
    padding: 0;
    width: 200px;
    font-size: 10px;
}
#cartier input[type=checkbox], #User_is_admin,#User_is_secretary, #User_is_active, #User_view_this_year, #User_can_distribute,
#User_can_distribute_in_team, #User_access_no_ip, #User_can_distribute_to_secretary_with_team,#User_is_invisible
{
	width: 16px;
}
fieldset {
	clear: none;
	float: left;
	margin: 5px 5px 5px 5px;
	width: 100%;
	font-size: 14px;
}
fieldset.address.default {
	width: 100%;
	padding: 5px;
	background-color: #DEDEDE;
}
fieldset.address.default legend {
	background-color: #FFF;
	color: red;
}
fieldset.address.sale {
	width: 100%;
	padding: 5px;
	background-color: #f9f9f9;
}
fieldset.address.sale legend {
	background-color: #FFF;
	color: blue;
}
fieldset.address div.caption {
	width: auto;
	display: inline
}
fieldset.address select,
fieldset.address input[type="text"],
#Contact_notes_suspect, #Contact_cid {
	width: 100px;
	font-size: 14px;
	margin: 0 5px;
}
.addr {
	margin: 0 0 10px 0;
}
.addr .city-id, .addr .street-id {
	width: 120px;
}
fieldset.address input[type="text"].street-no,
fieldset.address input[type="text"].appartment-no {
	width: 25px
}

#no, #ap {
	display: inline-block;
}
fieldset.address.default .street-no, fieldset.address.default .appartment-no{
	width: 30px!important;
	display: inline-block;
	height: 2em;
}
#Contact_street_no, #Contact_apartment_no {
	width: 40px!important;
	display: inline-block;
}
.agents {
	border: 1px solid #DDDDDD;
	clear: none;
	float: left;
	padding: 5px;
	margin: 5px;
	width: 98%;
}
.agent {
	background-color: #666E73;
	color: #FFF;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
}
.agent-op {
	float: right;
}
.default {
	width: 250px;
}
.right {
	float: right;
	margin-top: 10px;
}
.right a {
	color: #333333;
	font-size: 13px;
}
.right a b, a.search-button {
	color: #EE1C25;
	font-size: 16px;
}
.grid-view {
	margin-top: -10px;
}
.grid-view .filters input, .grid-view .filters select {
	border: 1px solid #666E73;
	width: 93%;
}

ul.yiiPager .selected a {
	background: none repeat scroll 0 0 #F80203;
}
.calls_button {
	cursor: pointer;
}
.hide, .hidden {
	display: none;
}
.calls_button + span {
}
.calls_button:hover + span + div {
	display: block;
	position: absolute;
	background: #FFF;
	border: 1px solid #ee1c25;
	border-radius: 5px;
	width:250px;
	right: 0;
	padding: 5px;
	z-indez: 99999;
} 
#Messages_message {
	width: 900px;
	height: 50px;
}
.message {
	margin-left: 20px;
	margin-top: 20px;
}
.message .form {
	 display: none;
}
.active {
	display: block;
}
.message span {
	text-decoration: underline;
	margin-left: 10px;
	cursor: pointer;
}
span.textmessage {
	color: #EE1C25;
	text-decoration: none;
}
.emails_button {
	position: absolute;
	margin-top: -7px;
}
.unread, .calls {
	background-color: #FFF;
	color: #FD0101;
	font-weight: bold;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	text-align: center;
	display: block;
	position: relative;
	top: -2px;
	left: 10px;
	border: 1px solid #bfbfbf;
}
.calls {
	top: -9px;
	
}
.nowrap {
	white-space: nowrap!important;
}
#contact-grid_c0,
#contact-grid_c1,
#contact-grid_c2,
#contact-grid_c3,
#contact-grid_c6,
#contact-grid_c8,
#contact-grid_c10,
#contact-grid_c11,
#contact-grid_c12,
#contact-grid_c12,
#contact-grid_c14,
#contact-grid_c15,
#contact-grid_c16,
#contact-grid-sellers_c0,
#contact-grid-suspects_c1,
#contact-grid-sellers_c1,
#contact-grid-sellers_c10,
#contact-grid-sellers_c11,
#contact-grid_c14,
#contact-grid_c19,
#contact-grid_c9,
#contact-grid_c13,
#contact-grid_c20 {
	width: 20px;
}
#contact-grid_c17,
#contact-grid_c18 {
	width: 200px;
}
#contact-grid_c5 {
	width: 50px;
	text-align: center;
}
#contact-grid_c21,
#contact-grid_c22,
#contact-grid_c23,
#contact-grid_c24,
#contact-grid_c25,
#contact-grid_c26 {
	width: 10px;
}

#contact-grid_c7 {
	width: 35px;
	white-space: nowrap;
}

#contact-grid-sellers_c9 {
	width: auto!important;
}
#contact-grid-sellers_c5 {
	width: 90px!important;
	white-space: nowrap;
}
#contact-grid-suspects_c0,
#contact-grid-suspects  #contact-grid_c0 {
	width: 25px;
}

#ContactFloor_name_chosen {
	min-width: 60%!important;
}

.grid-view .summary {
	text-align: left!important;
	margin-top: 10px;
}
fieldset.address input[type="text"].notes {
	width: 50px;
}
fieldset.address input[type="text"].rebs_id {
	width: 60px;
}
fieldset.address input[type="text"].project_name {
	width: 130px;
}
#contact-grid-sellers_c4,
#contact-grid_c4 {
	width: 75px;
}
.add {
	color: #333333;
}
.add, .delete {
	cursor: pointer;
	font-weight: bold;
}
.exists {
	color: #EE1C25;
}
#ag div.group.row {
	width: 14%!important;
	margin: 2px;
}
.search-form {
	display: block;
	clear: left;
	width: 100%;
}
.search-form .form div.group {
	width: 24%;
}
.search-form #contracts label {
	width: auto!important;
	overflow: visible;
}
.search-form #Contact_buyer_contract, .search-form #Contact_seller_contract,
.search-form #Contact_buyer_contract_date, .search-form #Contact_seller_contract_date {
	width: 20%!important;
}
#buyer, #constructor, #noupdated, #problem, #seller, #bid, #cid, #agency, #suspectf, #renter {
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	line-height: 30px;
}
#suspect {
	margin-right: 5px;
	vertical-align: top;
	line-height: 30px;
}
#seller {
	width: 100px;
}
.search-p {
	float: left;
	width: 12%;
}
.seach-phone {
	float: left;
	min-width: 335px;
	width: auto;
	overflow: visible;
}
.seach-phone .group {
	width: 100%;
}
.seach-phone label {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	
}
#Contact_phonesSearch {
	width: 71px !important;
	display: inline-block;
}
.group #Contact_phonesSearch {
	width: 135px !important;
}
.seach-phone input[type="submit"] {
	display: inline-block;
	float: none!important;
}
#countUsers {
	float: left;
	clear: both;
	padding-left: 10px;
}
.employee {
    display: block;
    width: 100%;      
    height: 65px;
    vertical-align: middle;
}
.employee .group {
    width: 24%;
}
.employee .functions {
    height: 65px;
    float: left;
    padding-top: 24px;
}
.grid-view .button-column {
	width: 33px;
	padding: 0.3em 0;
}
#team {
	float: left;
	margin: 0.2em 1em;
}
.grid-view table.items thead,
#content h1 {
	background: #FFF;
}
.grid-view table.items thead,
.grid-view table.items thead th,
#content h1 {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 98;
}
#content h1 {
	font-weight: normal;
	font-size: 16px;
}
.grid-view table.items thead tr.filters td {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 30px;
	background: #FFF;
}
.grid-view table.items th, .grid-view table.items td {
	vertical-align: top;
}
.grid-view table.items td {
	text-align: left;
}
.grid-view table.items img {
	margin-bottom: 10px!important;
}
#ui-datepicker-div {
	z-index: 9999!important;
}
#contracts .chosen-container-single .chosen-single {
	margin-top: -5px;
}
.stare {
	background: red;
    padding: 0.5em 0.5em 0.5em;
    border-radius: 5px;
    color: #FFF;
	margin-top: 1em;
}