body {padding: 0; margin: 0; font-family: 'Montserrat', arial;  font-size: 12px; background: #e5e5e5; color: #111;}
div {overflow: hidden;}

input, textarea, select {
	border: 1px solid #bababa;
	padding: 3px 7px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


@font-face {
  font-family: 'Material Icons Outlined';
  src: url('/fonts/MaterialIconsOutlined-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;   /* размер иконки */
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


.ui-datepicker {overflow: visible !important;}
.ui-datepicker tr:hover {background: none !important;}
.ui-datepicker td {padding-left:  none !important; padding-right:  none !important; border-right: none !important;}
.date, .date3day {width: 85px; text-align: center;}
.datetime {width: 130px; text-align: center;}
.time {width: 50px; text-align: center;}
a {text-decoration: none; color: blue;}
a:hover {text-decoration: underline;}
tr:hover {background: #f6ebeb !important; color: #333 !important; transition: background-color 100ms ease-out, color 100ms ease-out;}
hr {margin: 10px 0;}
td {vertical-align: top;}
td:first-child {padding-left: 5px;}
td:last-child {padding-right: 5px;}
td:not(:last-child) {border-right: 1px solid #ccc;}
tr:nth-child(even) {background-color:rgba(0, 0, 0, 0.02);}
.link_button {background-image: url(/images/button_bg.png); background-color: #3b983b; padding: 3px 5px; color: #fff; border: 0; box-shadow:0px 0px 1px 1px #8d8d8d; cursor: pointer;}
.link_button:hover {background-image: url(/images/button_bg_hover.png); text-decoration: none;}
.border {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow:0px 0px 2px 1px #B5B5B5;}
.border2 {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow:0px 0px 4px 2px #8d8d8d;}
.hover:hover {background: #F7FAF9; cursor: pointer; color: #888; text-decoration: underline; transition: background-color 100ms ease-out, color 100ms ease-out;}
.h1 {font-size: 16px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
.h2 {font-size: 14px; padding-bottom: 7px; padding-top: 10px;}
.h3 {font-size: 14px; background: #3b5998; padding: 7px; margin-bottom: 7px; color: #fff; border-bottom: 1px solid #ccc;}

.search_lombard_box {float: left; width:400px; height:125px; border: 1px solid #ccc; margin: 5px; background: #f3f6fb; cursor: pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; box-shadow:0px 0px 4px 1px #aaaaaa; transition: background-color 300ms ease-out, border 300ms;}
.search_lombard_box:hover {border: 1px solid #983b3b; margin: 5px; background: #fdf2f2; transition: background-color 300ms ease-out, border 300ms;}

.search_lombard_box > div:not(.notboxs):first-child {transition: width 300ms, height 300ms, border 300ms; float: left; width:153px; height:125px;   border-right: 1px solid #ccc;} 
.search_lombard_box > div:not(.notboxs):first-child:hover {margin-left: -1px; margin-top: -1px;width: 400px !important; height: 320px !important; position: absolute !important; background-size: auto 320px !important; border:1px solid #983b3b;transition: width 300ms, height 300ms, border 300ms;} 

.live_blog table{border-collapse: collapse; width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.live_blog td{border: 1px solid #ccc;}
.live_blog p{padding: 5px 5px 1px 5px; margin: 0;}

.leasing_request div {
	padding: 3px 0;
}

.shadow {box-shadow:0px 0px 3px 1px #8d8d8d;}


.fastchat:hover {
	background: #F5F5ED !important;
	color: #8F824C;
}

[onclick] {cursor: pointer;}

.radius {-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.radius5 {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.shadowfastchat {box-shadow:1px 1px 1px 1px #525252;}


.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
  
.tiny p {margin:1px 0;}
.tiny table {border-collapse: collapse;} 
  
.leasing_request label {
	float: left;
	width: 150px;
	color: #2a2a2a;
}

.leasing_request input {
	width: 200px;
	margin-top: -2px;
}

.leasing_request select {
	margin-top: -2px;
}


.leasing_request  textarea {
	width: 200px;
	margin-top: -2px;
	height: 100px;
}

.loginbox {
	border: 1px solid #001506;
	background: #3b5998;
	color: #fff;
	display: table;
	margin: auto;
	margin-top: 20px !important; 
	padding: 20px 30px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
}

.loginbox h1 {
	font-size: 20px;
	padding-bottom: 20px;
}

.loginbox h2 {
	font-size: 10px;
	padding-top: 10px;
}

.loginbox div {
	padding: 3px 0;
}

.loginbox label {
	float: left;
	width: 80px;
	padding-right: 10px;`
	text-align: right;
	font-size: 14px;	
	line-height: 25px;
}

.loginbox input[type=text], input[type=password] {
	width: 200px;
	border: 1px solid #233863;
	padding: 3px;
}

.loginbox input[type=submit] {
	border: 1px solid #233863;
	padding: 3px 7px;
}

input[type=submit]:active {
	background: #C5C5C5;
}

input[type=button]:active {
	background: #C5C5C5;
}

#topmenuup {background: #192235; height: 19px; border-bottom: 1px solid #607dba;}
.topmenu {padding: 2px 0; background: #3b5998; color: #fff; overflow: hidden; margin-bottom: 7px; border-bottom: 1px solid #1d2f54;}
.topmenu .topmenubuttons {display: inline-block;}
.topmenu a {margin: 2px 3px; padding: 7px 12px; color: #fff;  background: #425f9b; float: left; border: 1px solid #1d2f54; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background-color 300ms ease-out, color 300ms ease-out;}
.topmenu a:hover {text-decoration: none; background: #293e68;transition: background-color 300ms ease-out, color 300ms ease-out;}
.topmenu .selected {background: #6188d8;}
.topmenu .userpanelbox {float: right;}

.label150 label {float: left; width: 155px; padding-right: 5px; text-align: right}
.label170 label {float: left; width: 175px; padding-right: 5px; text-align: right}

.lleft label {text-align: left !important;}

.label200 label {float: left; width: 200px; padding-right: 5px; text-align: right}

.label200 div, .label170 div, .label150 div {padding: 3px 0;}
.label200 input[type=checkbox], .label170 input[type=checkbox], .label150 input[type=checkbox] {margin-top: 2px !important;}
.label200 input, .label170 input, .label200  select, .label170 select, .label150  select, .label150 input, .label150 textarea, .label170 textarea, .label200  textarea {margin-top: -3px;}
.error {color: red !important;}
.error input, .error select, .error textarea {border: 1px solid red !important;}


.blink {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
@-webkit-keyframes .blink {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes .blink {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}

.search {margin: 0; font-size: 12px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #1d2f54;}
.searchbox {float: left; margin: 6px 0 0 5px;}
#topmenuad {position: absolute; top: 0; font-size: 10px; left:50%; width: 230px; display: none; margin-left: -100px;}
#topmenuad div {index:3; float: left; padding: 2px 20px; font-size: 9px; background: #745e34; color: #fff; cursor: pointer; margin: 0 2px; border: 1px solid #543909;}
#topmenuad div:hover {background: #f7ac22; transition: background-color 300ms ease-out, color 300ms ease-out;}
#topmenuad .selected {background: #e59e1c !important;}

@media (max-width: 1270px) {
	.topmenu a {margin: 2px 3px; padding: 5px 10px; color: #fff; font-size: 11px; background: #3b568e; float: left; border: 1px solid #1d2f54; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	.search {margin: 0; font-size: 12px; padding: 3px;}
	.searchbox {margin: 4px 0 0 5px;}	
}

@media (max-width: 1199px) {
	#topmenuad {margin-left: -220px !important;}
	.searchbox {float: left;}	
	.topmenu .topmenubuttons {float: left;}
	.topmenu .userpanelbox  {float: left; margin-left: 5px;}
	
	.mobwidth{
		width: 100% !important;
		overflow: auto !important;
	}	
	

	
	.mobwidth410p{
		width: 410px !important;		
	}
	
	.mobwidth30{
		width: 32% !important;
	}	
	
	.mobwidth30m{
		width: 28% !important;
		margin: 1% !important;
	}	
	
	.mobwidth50m{
		width: 48% !important;
		margin: 1% !important;
	}	
	
	.mobwidth20m{
		width: 18% !important;
		margin: 1% !important;
	}	
	
	
	
	.mobwidthwindow{
		top: 0 !important;
		left: 0 !important;
		margin: 0 !important;
	}
}

@media (max-width: 900px) {
	.mobwidth td {
		font-size: 10px;
	}
	
	input[type='checbox'] {
		width: 15px !important;
		height: 15px !important;
	}
	
	.mobnoshow {
		display: none;
	}
}


/* width */
#fastchatcheckerusers::-webkit-scrollbar {
  width: 7px;
}


/* Handle */
#fastchatcheckerusers::-webkit-scrollbar-thumb {
  background: #1a6580; 
}

/* Handle on hover */
#fastchatcheckerusers::-webkit-scrollbar-thumb:hover {
  background: #1c7d9f; 
}

#fastchatcheckerusers::-webkit-scrollbar-track {
	background: #2b3f46;
}


.dropdown {
  position: static;
}

.dropdown-content {
  overflow: visible;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  margin-right: -80px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
}


.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}


  .popup {
            position: fixed;
            top: 10px;
            left: 10px;
            background: white;
            border: 1px solid black;
            padding: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            min-width: 200px;
            font-size: 12px;
            z-index: 1000;
        }
        .popup-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: bold;
            background: #ddd;
            padding: 5px;
        }
        .popup-close {
            cursor: pointer;
            color: red;
            font-size: 14px;
            font-weight: bold;
        }
		
.highlighted {
    background-color: yellow !important;
}