 
@charset "UTF-8";

html
{
  font: 14px  Arial,Helvetica,sans-serif;
  font-family: "Harmonia Sans",Helvetica,Arial,sans-serif;
  	
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
   color: #000000;  
   background-color: #FEFEFE;   
}
div
{  
 /*outline:1px solid #3700FF; */  
  
 
}


 

body
{
 
   min-width: 100%;
   max-width: 100%;
   width: 100%;
   display: block;
     
  	background: #fefefe;
  	color: #000;
        
 	 position: relative; 
   overflow: auto;  
   z-index:1;
   font-family: 'Slabo 14px', serif;
}
 
 
   
 
.workBox
{
	width: 100%;
  max-width: 100%; 
  margin: 28px auto;
  padding: 0;  
 
  display: inline-block;
    
  background-color: #FEFEFE;   
  
  
}
.workPanel
{
 
  
  padding: 5px; 
  margin: 5px auto; 
       
    background: #FEFEFE none repeat scroll 0 0;
    transition: background-color 0.3s ease-in-out 0s;
     
} 


.workPanelEdit
{ 
    width: 1010px;
  padding: 5px; 
  margin: 10px auto; 
    height: 975;     
    background: #FEFEFE none repeat scroll 0 0;
    transition: background-color 0.3s ease-in-out 0s;
    box-shadow: 0 4px 6px rgba(0,0,0,.2);   
} 


 .workPanelWide
{
  width: 100%;
  margin: 28px auto;
  
  float:left;
     
      
    background: #FEFEFE none repeat scroll 0 0;
    
}

.listbottons
{
     height: 40px;
   
     margin: 5px 105px;
     display: block;
     
}

.UserBox
{
  margin: 10px auto; 
   
    width: 320px;
    min-height: 160px;    
    height: 160px;     
    background: #FEFEFE none repeat scroll 0 0;
    transition: background-color 0.3s ease-in-out 0s;
    box-shadow: 0 4px 6px rgba(0,0,0,.2);   
}    
.buttonCheckUsrBox
{
  margin: 5px 105px;
  display: inline-block;  
  float: right;
  
} 
.buttonCheckBox
{
  margin: 5px 10px;
  display: inline-block;  
  float: right;
  
} 
  
.Box
{
   width: 320px;
   height: 455px;
 
   float: left;
   display:inline-block;
}
  

.BoxAddr
{
  width: 320px; 
  height: auto; 
  float: left;
  padding: 5px; 
  margin: 5px; 
}
.BoxRight
{
  width: 320px; 
  height: auto; 
  min-height: 240px;
  float: left;
  padding: 5px; 
  margin: 5px;
  overflow:hidden;
  max-height:660px;
}
.BoxRightH
{
  width: 320px; 
  height: auto; 
  min-height: 240px;
  float: left;
  padding: 5px; 
  margin: 5px;
  overflow:hidden;
  max-height:950px;
}
.BoxData
{
  width: 315px;  
  padding: 5px;
  margin: 10px;   
  float: left;
}
 

.featureBox 
{
	width:320px;
  max-width:320px;
	float:right;
  overflow:hidden;
  height:190px;
  display: inline-block;    
}
.featureBoxH
{
	width:320px;
  max-width:320px;
	float:right;
  overflow:hidden;
  height:580px;
  display: inline-block;    
}
.uploadBoxLines 
{
	width:337px;
  max-width:337px;
	float:right;
  overflow:hidden;
  
  display: inline-block;    
}


.uploadbox ul
{
  display:inline-block; 
	width:337px;
  max-width:337px;
	float:left;
  overflow:hidden;
  max-height:290px;
  margin-top:3px;
  overflow-y:auto; 
  overflow-x:hidden;
}

.uploadboxH ul
{
  display:inline-block; 
	width:337px;
  max-width:337px;
	float:left;
  overflow:hidden;
  max-height:580px;
  margin-top:3px;
  overflow-y:auto; 
  overflow-x:hidden;
}
.uploadboxH
{
 
    
}
.uploadbox
{
 
    
}

.previewbox
{
  width:317px;
  height:90px;   
}

.featureRow
{          
  display:inline-block;
  width:310px;
}
.featureRow320
{          
  display:inline-block;
  width:320px;
}
.featureRowLeftPart
{
	width:410px;
	float:left;
  display: inline-block;
}

 
.smselect     
{
	width:110px;  
  height:25px;
  text-align:center;
  font-size:13px; 
  border-radius: 1px; 
 
}
.smselect > option 
{
    background-color: transparent;
    border: 0;  
    height: 25px; 
    padding: 5px 5px; 
}
.nrselect     
{
	width:160px;  
  height:25px;
  text-align:center;
  font-size:13px; 
  border-radius: 1px; 
 
}
.nrselect > option 
{
    background-color: transparent;
    border: 0;  
    height: 25px; 
    padding: 5px 5px; 
}

.dataRow
{
	width:120px; 
  float:right;    
}
.dataRowBig
{
	width:160px; 
  float:right;    
}

.dataRowShort
{
	width:70px; 
  float:right;
  
}
.labelRow
{
	width:130px;
	padding: 5px; 
  float:left;
  
}
.rowline
{
	width:300px; 
	float:left;
  margin-top: 3px;
  margin-left: 7px;
  display: block;
}
.rowprice
{
	width:300px; 
	float:left;
  margin-top: 13px;
  margin-left: 7px;
  margin-bottom: 7px;
  display: block;
}
.inputData input
{
  text-align:center;
  font-size:14px;
}

.owner
{
    height: 25px;
    margin: 0 5px 3px 0;     
    text-align: center;      
    width: 130px;
}

.selectrow
{
	width:300px;
	min-height:30px;
	float:left;             
  display: block;    
}
 

.mapBox
{
 	width:310px;
  height: 413px;  
  float:left; 
  display:block;
  margin-left:5px;
}
.yamap 
{
 	width:310px;
  height: 410px;  
  display:block; 	       
}


.row
{
	width:310px;
	height:22px;
	float:left;
  margin-top: 4px;
  display: block;
}


      
       
.adresLabel
{
	float:left;
	width:60px;
  margin-left: 10px;
  margin-top: 3px;  
  font-size:14px;
}

.adresInput
{
	float:right;
	width:210px;
  height:25px;	        	 
}
 

.AdresLine
{                         
	width:310px;
	float:left;
  height:30px;		
	font-size:14px;          
}

.AdresLine input
{
	width:310px;          	 
  text-align:left;	  
	padding: 2px;  
  margin-left:5px;        
}

.AdresBox
{
 	width:310px;
	height: 80px;           
  float:left;
}



input.suggestion-editable {
        border: none;
        border-bottom: 1px dotted #ccc;
        border-radius: 0;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
	   	  width:210px;
	      font-family: 'Slabo 14px', serif;
		 color: #000000;
     font-weight:normal;
		 font-size: 14px;
     vertical-align:middle;
     
}
input.suggestion-editable:focus 
{
        border-color: #ccc;
        box-shadow: none;
}


input.suggestion-editable_short 
{
    border: none;
    border-bottom: 1px dotted #ccc;
        border-radius: 0;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
	   	  width:110px;
	      font-family: 'Slabo 14px', serif;
		 color: #000000;
     font-weight:normal;
		 font-size: 14px;
     vertical-align:middle;
     background-color: #FEFEFE;    
}




.labelLong
{
	width:310px;
  margin:0 auto; 
  padding-top: 5px; 
  padding-bottom: 5px;
  text-align: center;
}
.labelShort
{
	width:100px;
	padding: 5px; 
  float:left;
  
} 

.comment
{
	width: 310px;
	 
	min-width:305px !important;
	min-height:150px !important;
	max-width:305px !important;
	max-height:150px !important;
	text-shadow:none;
 
  margin-left:1px;
}

.commentbad
{
	width: 310px; 
	min-width:305px !important;
	min-height:85px !important;
	max-width:305px !important;
	max-height:85px !important;
	text-shadow:none; 
  margin-left:1px;
}

.commentBig
{
	width: 305px;
	 
	min-width:305px !important;
	min-height:480px !important;
	max-width:305px !important;
	max-height:480px !important;
	text-shadow:none;
 
  margin-left:1px;
}
.commentBigAsk
{
	width: 305px;
	 
	min-width:305px !important;
	min-height:480px !important;
	max-width:305px !important;
	max-height:480px !important;
	text-shadow:none;
 
  margin-left:1px;
}
.commentBigIn
{
	width: 310px;
  height:240px;	 
	min-width:305px !important;
	
	max-width:305px !important;
	min-height:240px !important;
  max-height:240px !important;  
	text-shadow:none;
  margin-left:1px;
}
.commentIn
{
	width: 305px;
	
  margin-left:2px;
}
.commentInAFirst
{
 	width: 305px;
	 
	min-width:305px !important;
	min-height:200px !important;
	max-width:305px !important;
	max-height:200px !important;
	text-shadow:none;
 
  margin-left:3px;
}
.commentInA
{
 	width: 310px;
	 
	min-width:305px !important;
	min-height:100px !important;
	max-width:305px !important;
	max-height:100px !important;
	text-shadow:none;
  margin-top:1px;
  margin-left:1px;
}
 
.flattype
{
    margin-left:10px;
    height:30px !important;
    margin-top:10px;
    margin-bottom:10px;
}
.form-control
{
   	 
  font-size:14px; 
  text-align:left;	  	
 	font: 14px Arial,Tahoma,sans-serif;						 
	background-image:none;
	border:1px solid #ccc;
	border-radius:2px;
	-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,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	 
}

 
 

.form-control:focus
{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6)
}


.imgpanel
{
    height: 190px;
    width: 320px;
    margin-top:10px;
    float:right;
    overflow:hidden;
}

  
.selectimage
{
  box-shadow: 0 2px 3px rgba(0,0,0,.2);  
  display: block; 
  background-color:#fff; 
  width:317px;
  height:190px;
  border: 1px solid #FEFEFE;
    min-width: 317px;
    max-width: 317px;
    min-height: 190px;
    max-height: 190px;    
 
   
  transition: background-color 0.3s ease-in-out 0s;
  overflow:hidden;
 
   position: relative;
   text-align: center;
  
}

.uploadimage
{
  text-align:center; 
  display:block;
  margin:0 auto;
  height:190px;
}

.preview-status
{
  width:150px;
  height:90px;
  margin-right:3px;
  float:right;
}
 
 

 
.preview-prg
{      
  margin:3px 0;
  width:120px;
  height:17px;
  
  float:right;
}

 
.progress {
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 15px;
    margin-bottom: 3px;
    overflow: hidden;    
}
.progress-bar {
    background-color: #428bca;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 15px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}


@keyframes progress-bar-stripes {
0% {
    background-position: 40px 0;
}
100% {
    background-position: 0 0;
    color: #000;
}
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.progress.active .progress-bar {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
}


.sr-only
{
    
    margin:0 auto;
    
    text-align: center;
    font-weight: bold;    
    width: 100%;
    color: #f5f5f5;

}

.imgeditbutton_line_top
{
  margin:3px;
  width: 144px;
  height: 40px;
  display:inline-block;
  overflow:hidden;
  vertical-align:middle;
}

.buttonRottate
{
    margin-left:3px;
    cursor: pointer;
    width: 40px;
    height: 40px;  
    vertical-align:middle;  
}
.buttonRottate img
{
    margin-left: -5px; 
}
.buttonSetMain
{   
    vertical-align:middle;  
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 10px;
          
}
.buttonSetMain img
{
   margin-left: -3px;
   margin-top: 2px;   
}
.buttonDelete
{
    margin-left:5px;
    margin-top:20px;
    cursor: pointer;
    width: 20px;
    height: 20px;     
}
.buttonDelete img
{
  
}

 

.hidden 
{
   display:none;
   pointer-events: none; 
}

div.disabled
{
  pointer-events: none;
  opacity: 0.2;
}
.disabled
{
  pointer-events: none;
  opacity: 0.2;
}

.buttonCheckUsr {
   background: -moz-linear-gradient(#D0ECF4, #5BC9E1, #D0ECF4);
   background: -webkit-gradient(linear, 0 0, 0  100%, from(#0026FF), to(#00137F), color-stop(0.5, #5BC9E1));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF');
   padding: 3px 7px;
   color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #666;
   width: 120px;
   height: 25px;  
   cursor: pointer;
  }     
.divbuttonSave
{
  margin: 20px 0px;
  display: inline-block;  
  width: 320px;
         
   
}
 
 
 
 /* latin-ext */
@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src: local('Slabo 27px'), local('Slabo27px-Regular'), url(https://fonts.gstatic.com/s/slabo27px/v4/mFT0WbgBwKPR_Z4hGN2qgxED1XJ7.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src: local('Slabo 27px'), local('Slabo27px-Regular'), url(https://fonts.gstatic.com/s/slabo27px/v4/mFT0WbgBwKPR_Z4hGN2qgx8D1Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.label100
{
	width:100px; 
  float:left;     
} 



