/* 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;
    
}*/
.bg-primary a {
    color: #fff !important
}
.bg-primary a:hover {
    color: #CCC !important
}
.inputerror {
	border-color: #b94a48 !important;
}

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

.popover{
        max-width:600px;
    }

body{

	font-size:12px !important;
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;

    
}
.ui-autocomplete li{
	font-size:12px;
}
.bg-warning-transp {
    background: rgba(209,148,15,.5)
}
.bg-danger-transp {
    background: rgba(209,148,15,.5)
}

.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;
}
.page-header .btn.btn-primary {
    background: #FFF;
    color: #db3f3f;
}
.page-header .btn.btn-primary:hover {
    background: #db3f3f;
    color: #FFF;
    border-color: #FFF
}

.page-header h1 i.fa { font-size: .75rem; color: #202023; padding: 0px 10px; color: #FFF}
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: 1rem;
    color: #333

}
div.form-group label {
    font-size: .875rem;
    color:#666 !important;
    font-weight: 600;

}
.text-large {
    font-size: 16px;
}

.page-header .btn i {
    margin-right: 10px;
}
.page-header {
    display: flex;
    justify-content: space-between;
    /*border-bottom: 1px solid #CCC;*/
    padding: 10px 25px;
    padding-left: 25px !important;
    background: #db3f3f;
    color: #FFF;
   /* border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;*/
    margin-bottom: 20px;
}
.page-header h1 {
    
	font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0px;
    
}
.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;
}
.sortable_cat .block {
    margin-bottom: 10px !important;
}
.si-size-fullscreen {
    cursor: move !important;
}
.end-icon-indicator {
    display: inline-block;
    background:#CF3437;
    vertical-align: middle;
    min-width: 17px;
    min-height: 17px;
    line-height: 13px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #CF3437;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-align: center;
    color: #f8f6ec;
    font-weight: 500;
    font-size: 10px;
    padding: 2px;
}
.start-icon-indicator {
    display: inline-block;
    background: #00d591;
    vertical-align: middle;
    min-width: 17px;
    min-height: 17px;
    line-height: 13px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #00d591;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pulse-danger 2s infinite;
    animation: pulse-danger 2s infinite;
    text-align: center;
    color: #f8f6ec;
    font-weight: 500;
    font-size: 10px;
    padding: 2px;
}
@-webkit-keyframes pulse-danger {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 213, 145, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 7px rgba(0, 213, 145, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 213, 145, 0);
  }
}

@keyframes pulse-danger {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 213, 145, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 7px rgba(0, 213, 145, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 213, 145, 0);
  }
}
.nav-main-item.open > .nav-main-link {
    color:#333;
}
.nav-main-item.open > .nav-main-link .nav-main-link-icon {
    color:#db3f3f;
}
.list-image {position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    border-radius: 10px;
    border: 2px solid #CCC;
}
.list-image:hover {
    opacity: .5;
    cursor: pointer;
    border-color: #24639E
}
.list-image.active {
    opacity: 1;
    cursor: pointer;
    border-color:#0AAF27;
}
.list-image .sel {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    margin: auto;
    z-index: 1002;
}
.list-image .sel i {
    color:#15A82A;
    font-size: 30px;
    margin-top: 10px;
    margin-left: 10px;
    border:2px solid #fff;
    border-radius:50%;
    background: #FFF
}
.list-image.active .sel {
    display: block;
}
.list-image img {
    position: absolute;
    max-width: 200%;
    max-height: 150%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.btn.btn-absolute {
    position: absolute;
    right: 10px;
    bottom:10px;
    z-index: 1049
}
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: none !important;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.dd-empty, .dd-item, .dd-placeholder {
    cursor: move;
}
#nest_vis2  .dd-item,#nest_vis2  .dd-placeholder {
    display:inline-block; margin-right: 2px;
}
.qrscanner {     
	position: absolute;
    height: 500px;
    width: 500px !important;
    background: #333;
    overflow: hidden;
}
.qrscanner div:last-child {
    overflow: hidden;
}
.qrscanner video {
    top:0px;
    position: absolute;
    height: 100% !important;
    margin: auto !important;
    left:-25%;
    
}
.qrscanner .img-scan {
    position: relative;
    z-index: 1059;
}
.qrscanner .img-scan  img {
    width: 50% !important;
}
@media (max-width: 991.98px) {
.qrscanner {
    position: fixed;
    height: 100%;
    width: 100% !important;
    top: 0px;
    z-index: 1059;
    left: 0px;
}
    .qrscanner video {
    left:-25%;
    
}
}
.border a {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1054;
}
.border {
    position: relative;
    border: 1px solid #e4e7ed !important;
    margin: 5px;
    cursor: move;
}

.input-transparent {
    background: transparent;
    border: 0px;
}
.table thead th {
    font-size: .6rem !important
}
div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
} 
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0 !important;
    display: inline-block;
    width: 100% !important;
}
.opacity5 {
    opacity: .5 !important;
}
.text-extra-small {
    font-size: 10px;
}