/* CSS Document 

TEMA CONCRETO

Azzurro #36a1c2
azzurro #00abe2
verde #6bac2c


#main-container [class*="col-"] {
    margin-bottom: 1.75rem;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(220, 225, 232, 0.5), 0 1px 2px rgba(220, 225, 232, 0.5);
    border-radius: 0.875rem 1rem;
    
}*/
.inputerror {
	border-color: #b94a48 !important;
}

.error {
    color: #E34649; font-size: 0.75rem;
}

.popover{
        max-width:600px;
    }

body{
	
	font-size:13px !important;
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    color: #333 !important

    
}
strong {
    font-weight: 500 !important;
}
.ui-autocomplete li{
	font-size:12px;
}

.btn{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 10px;
border: 0px;
}
.line {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #ccc;
}
.bg_white{
	background:#FFF; padding:5px 10px; opacity:0.9; margin-top:8px
}
.color_rosa{
	color:#e94271;
}
.color_azzurro{
	color:#00abe2;
}
.btn-rosa{
	background:#e94271;
	color:#FFF
}
.btn-rosa:hover{
	background:#d13c66;
	color:#FFF;

	
}
.btn-azzurro{
	background:#00abe2;
	color:#FFF;
	
}
.btn-azzurro:hover{
	background:#0195c5;
	color:#FFF;
	
}
.btn-verde{
	background:#6bac2c;
	color:#FFF
}
.btn-verde:hover{
	background:#5e9528;
	color:#FFF
}
.system-set{
	background:#E5E5E5;
}

.box_write{
	
	background:#FFF;
	padding:5px;
}
.verde_ok{
	background:#D2FFD2;
}
.rosso_ok{
	background:#FFBFBF;
}
.verde{ color:#6bac2c;}

a.disabled {
   pointer-events: none;
   cursor: default;
}

.well textarea{
	border:0px;
	font-size:14px;
}
.space_right{
	margin-right:5px;
}
#sortable img{ 
 display: block;
 width:100%;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

 }
  #sortable { list-style-type: none; margin: 0; padding: 0;}
  #sortable li {  /*width: 200px; height: 250px;*/  overflow:hidden; cursor:move;}
  #sortable li:hover { opacity:0.5}
.box_post{
	
	background:#FFF;
	padding:10px;
	margin:5px 0px;
	box-shadow:1px 1px 1px #CCC;
	border:1px solid #DBDBDB;

}
.box_post .text{
	font-size:15px;
}
.clearfix1{
	margin:5px 0px;
}
.grey{
	color:#999;
}
.green{color:#6bac2c}
.box_post br {
	display: block;
    margin-bottom: 0px;
    font-size:0px;
    line-height: 0px;
}
.spacespan{
	display:inline-block; width:100px
}
.transparent{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;
}

.form-group {
    margin: 10px 0;
}
.pointer{
	
 cursor:pointer;	
}
.bus{
	color:#0066b3;
}
.radius4{
 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px !important;
border: 0px;	
}

nav,.nav{
font-size:12px;

}

.nav,nav,.navbar{
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-o-border-radius: 0px !important;
border-radius: 0px !important;
border: 0px !important;
box-shadow:0px 0px 2px #CCC;
}



/* .navbar-brand{
margin:0px !important;
padding:0px !important;
height:50px !important;
width:150px !important;
background:url(../images/logo_little.png) !important;
}
.navbar-brand1{
margin:0px !important;
padding:0px !important;
height:77px !important;
width:250px !important;
background:url(../images/logo.png) !important;
}
*/
.icon_circle{
	display:inline-table;
	width:30px;
	height:30px;
	border-radius:15px;
	background:#6bac2c;
	color:#FFF;
	text-align:center;
	line-height:30px;
	font-size:15px;
	vertical-align:middle;
}
.icon_circle:hover { background:#FFF;line-height:28px;border:1px solid #6bac2c}
.preferito{ background:#FFF;line-height:28px;border:1px solid #FC0;color:#FC0}
.preferito:hover{ background:#6bac2c;line-height:30px;color:#FFF; border:none}
.icon_circle1{
	display:inline-table;
	width:30px;
	height:30px;
	border-radius:15px;
	background:red;
	color:#FFF;
	text-align:center;
	line-height:30px;
	font-size:15px;
	vertical-align:middle;
}
.icon_circle1:hover{ background:#FFF;line-height:28px;border:1px solid red}
.btn_impostazioni{ font-size:12px}
.img_little_circle{
	border-radius:5px;
	width:30px;
	height:30px;
}
.img_medium_profile{
	border-radius:3px;
	width:100%;
	height:auto;
}
.img_medium_circle{
	border-radius:10px;
	width:100px;
	height:100px;
}
.img_animal_circle{
	border-radius:10px;
	width:70px;
	height:70px;
}
#pul_cambia{
	position:absolute;
	margin:auto;
	bottom:3px;
	display:none;
	width:100%;
	text-align:center
}




.jumbotron{
background:url(../images/h_07.jpg) repeat top;
color:white;
font-size:12px;
padding-top:30px;
padding-bottom:440px;
margin-bottom:0px;
}

.backblu{

background:url(../images/backblu.png);	
padding:20px;
margin-bottom:20px;
}

.backblu2{
margin:0px;

padding:20px;
background-color:#205493;	
margin-bottom:20px;
color:white;
padding-bottom:20px;
}
.page-header {
    display: block;
    position: relative;
    background: transparent;
    border-radius: 5px;
    border: 0px !important;
    border-top: 1px solid #e1e1e1 !important;
    align-items: center;
    
}
.page-header h1 {
    font-size: 16px !important; 
    font-weight: 500 !important;
}


.page-header h1 i.fa { font-size: .75rem; color: #202023; padding: 0px 10px;}
h1,h2,h3,h4,h5{

font-weight:700;
	
}

select::after {
    content: "\f0d7";
    position: absolute;
    right: 5px;
    width: 10px;
    height: 10px;
    top:10px;
}

.btn-delete {
    position:absolute; bottom: 10px; right:10px; z-index: 1100
}


div.immobilecaption{
	position:absolute;
	bottom:0px;
	height:40px;
	width:100%;
	background:black;
	color:white;
	padding-left:10px;
	padding-right:10px;
	line-height:40px;
	font-weight:300;
	
}

h4.ellipsis{
	display:block;
	height:40px;width:100%;
	overflow:hidden;}

.blu{
color:#205493;
	
}

.footer{

font-size:12px;

color:#333;
padding-top:20px;
padding-bottom:30px;


}


.footer a{
	
color:#333;
	
}

.footer a:hover{
	
color:#014991;
	
}


#boxhover{
	position:relative;
	text-decoration:none;
	width:23%;
	float:left;
	margin:7px;
	padding:5px;
	background:#EFEFEF;
	border:1px solid silver;
	height:250px;
}
#boxhover:hover{
background:url(images/boxhover.png) no-repeat top;	
cursor:pointer;	
}

.errore{
	
background:url(http://placehold.it/400x400&text=AlbatrosImmobiliare) center !important;	

}

.immobileover  .immobilepic{

background-size:130% !important;
background-position:center !important;
height:180px;	
width:100%;
position:relative;
cursor:pointer;
 -webkit-transition: background-size 1s; -moz-transition: background-size  1s; -ms-transition: background-size  .9s; -o-transition: background-size  1s; transition: background-size  1s;

	
}

.immobileover  .immobilepic:hover{
	background-size:110% !important;

}
.immobileover{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;	
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  
 
  -webkit-transition: background-size 1s; -moz-transition: background-size  1s; -ms-transition: background-size  .9s; -o-transition: background-size  1s; transition: background-size  1s;
  
  cursor:pointer
	
}

.immobileover:hover{
	background-size:110%;

/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;	
	
}


.print{
	
display:none !important;	
}

/* STAMPA */


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	
	.print{
	
display:block !important;	
}

.print-full{
	width:100% !important;
	
}
	
}

.img-responsive.img-center {
  margin: 0 auto;
}

div.banner_container{
	
	margin-top:20px;
	margin-bottom:20px;
	
}
.top-down { margin-top: 0px !important}
.vticker{

	width: 100%;
}
.vticker ul{
	padding: 0;
}
.vticker li{
	list-style: none;

	padding: 10px;
	clear:both;
	margin:10px;
}
.et-run{
	background: red;
}
.help-block {
	color:red;
}
/*div label::before {
    content: "\f0c8";
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro";
    font-size: .75rem;
    color: #53B1B4;
    margin-right: 5px
}*/
li.divider {
    border-bottom: 1px solid #999; margin: 3px 0
}
div label small {
     text-transform:none;
}
    
div label {
    font-size: .75rem;
    text-transform: uppercase;
    color: #53B1B4;
    font-weight: 700;

}
div.form-group label {
    font-size: .75rem;

}
.page-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}
.page-header h1 {
    
	font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 5px;
    
}
.block-content {
    padding-bottom: 20px !important;
}
.page-header a.btn { float: right}
.dashboard ul li { list-style: none; border-bottom: 1px solid #CCC; font-size: 18px;
}
.dashboard ul li a { list-style: none; display: block; padding:5px; color: #999;
}
.dashboard ul li a:hover { text-decoration: none; color: #333;
}
.dashboard ul li:hover { background: #CCC}
.boxgen {border: 1px solid #CCC; border-radius:10px; padding:5px !important; background:#fafdff}
.boxGenCommand {position: absolute; bottom:4px; width: 95%; margin: auto}
.panel-body .block {
    height: 180px;
}
.hidden {
    display: none;
}
.border_bottom {
    border-bottom:1px solid #CCC;
}
.save_fixed {
    position: fixed;
    bottom: 0px;
    border-top:#999 1px solid;
    width:calc(100% - 240px); !important;
    background: #CCC;
    padding: 10px 55px;
    text-align: center;
    text-align: right;
}
th.sort {
  cursor: pointer;
  position: relative;
}

th.sort:after {
  content: '⇅';
  font-size: 0.8em;
  position: absolute;
  right: 8px;
  opacity: 0.4;
}

th.sort.asc:after {
  content: '↑';
  opacity: 1;
}
th.sort.desc:after {
  content: '↓';
  opacity: 1;
}