@charset "UTF-8";

/* FIX TABLE */

.tableFix {
	table-layout: auto !important;
	width: 100%;
	overflow: scroll !important;
}

.dataTables_wrapper {
    overflow-x: auto !important;
    white-space: nowrap !important;
}

.dataTables_wrapper > .row {
  overflow:auto !important;
}

/* SIDEBAR MENU */
.menu_section {
    margin-bottom:28px;
}

.nav.side-menu > li > a {
    margin-bottom: 0;
}

.menu_section h3 {
    margin-bottom: 14px;
}

/* LANG MENU */
.langContainer {
    float: right;
    margin-top: 20px;
}
@media (max-width: 376px) {
    .langContainer {
        margin-top: -6px;
        margin-bottom: 4px;
        margin-right: 22px;
    }
}

.langFlag {
    margin-left: 8px;
}

/* SIDEBAR PROFILE */
.profile {
    margin-bottom: 100px;
}
.site_title i {
    border: 0px;
}
#username {
    margin-right: 6px;
}

/* LOGIN */
.loginSubmit {
    margin-left: 0 !important;
    margin-bottom: 10px !important;
    float: none !important;
}
.loginMsg {    
    margin-top: 10px;
    margin-bottom: 20px;
}
.loginError {
    color: darkred;
}
.loginLogout {
    color: darkgreen;
}

.inputError{
    border:1px solid #CE5454;
}

.titoloBox {
    min-height: 56px;
    position: relative;
    margin-top: 24px;
    margin-left: 10px;
    z-index: 5;
    padding: 0;
    font-size: 26px;    
}

.flipInY {
   padding-right: 20px;
   padding-left: 20px; 
   margin-right: 10px;
}

.separatoreAzioni {
   margin-right: 10px;
   display: inline;
   
}

.tooltip.top .tooltip-inner {
    background-color: #2a3f54;
    font-size: 1.2em;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2a3f54;
    font-size: 1.2em;
}

.fotoContainer{
    display: table;
    margin: 20px auto;
 } 

#mapContainer {
    width: 100%;
    height: 300px;
}

#mapContainerNoCloe {
    width: 100%;
    height: 300px;
}

/** Tiles in home page **/
.tile_stats_count {
    padding: 0 70px 0 20px !important;
    text-overflow: clip !important;
}

/** START: THIS IS Used to enable Validation on Select2 **/
.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}
/** END: THIS IS Used to enable Validation on Select2 **/
.pointer{
	cursor: pointer;	
}
.wrapimage{
	overflow:hidden;
}

/* Impede images to overflow the container*/
img {
    max-width: 100%;
    max-height: 100%;
}

/* loading */
.graph-loading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: rgb(255, 255, 255);
    z-index: 1000;
    text-align: center;
    display: none;
}

.graph-loading img {
	/*width: 200px;*/
    margin-top: 40%;
}

.table-container {
	min-height: 400px;
}

/* FOTO */
.fotopanel{
    overflow-y: auto;
    overflow-x: hidden;
}

.text-right{
	text-align: right;
}

/*********************         BADGES      **********************/
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.badge-error {
  background-color: #b94a48;
}

.badge-error:hover {
  background-color: #953b39;
}

.badge-warning {
  background-color: #f89406;
}

.badge-warning:hover {
  background-color: #c67605;
}

.badge-success {
  background-color: #468847;
}

.badge-success:hover {
  background-color: #356635;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-info:hover {
  background-color: #2d6987;
}

.badge-inverse {
  background-color: #333333;
}

.badge-inverse:hover {
  background-color: #1a1a1a;
}

/** START Messa a Dimora Singola **/
#comunitaList, #famigliaList {
	border: 1px solid #ddd;
	height: 164px;
	border-radius: 5px;
	overflow: hidden;
    overflow-y: scroll;
}

#comunitaList a, #famigliaList a {
	border-radius: 5px;
}

#comunitaList.requirederror, #famigliaList.requirederror {
	border-color: red;
}

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

.text-right {
	text-align: right !important;
}

.upload-drop-zone input[type="file"] {
	height: 200px;
	width: 100%;
	cursor: pointer;
  	/*position: absolute;*/
  	top: 0px;
  	right: 0px;
  	font-size: 100px;
  	z-index: 2;
  	opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  	filter: alpha(opacity=0); /* IE lt 8 */
  	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
  	-khtml-opacity: 0.0; /* Safari 1.x */
  	-moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center;
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
  position: relative;
}

.upload-drop-zone.required-error {
	border-color: red;
}
	
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

.upload-drop-zone img.preview {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 200px;
}

.imageuploadify-images-list i, .imageuploadify-images-list span {
	opacity: 0.2;
}

label.dropfoto-message {
	display: inline;
    position: absolute;
    top: -10px;
    left: 150px;
    cursor: pointer;
}
/** END Messa a Dimora Singola **/

/** Datatable **/
div.dataTables_wrapper div.dataTables_paginate {
	min-height: 50px;
}

.dataTables_wrapper {
	overflow-x: unset !important;
}

.paging_full_numbers {
	width: auto !important;
}

/** Ordini **/
.text-wrap{
    white-space:normal;
}
.width-200{
    width:200px;
}

#famiglia-custom-search-input, #custom-search-input {
    padding: 3px;
    border: solid 1px #E4E4E4;
    /*border-radius: 6px;*/
    border: none;
    background-color: #fff;
}

#famiglia-custom-search-input #famigliasearch, #custom-search-input #search {
	font-size: 13px;
	margin: 0 5px;
    padding: 0 10px;
    height: 30px;
    width: 85%;
}

#famiglia-custom-search-input input, #custom-search-input input{
    border: 0;
    box-shadow: none;
}

#famiglia-custom-search-input button, #custom-search-input button {
    /*margin: 2px 0 0 0;*/
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    /*padding: 0 8px 0 10px;*/
    border-left: solid 1px #ccc;
    padding: 0;
    margin: 0;
}

#famiglia-custom-search-input button:hover, #custom-search-input button:hover {
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#famiglia-custom-search-input .glyphicon-search, #custom-search-input .glyphicon-search{
    font-size: 15px;
}

.separatoreAzioni i {
	cursor: pointer;
}

tfoot {
	font-weight: bolder;
}

.upload-pictures-wall, .space-upload-pictures-wall {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}


.upload-pictures-wall>li, .space-upload-pictures-wall>li {
    list-style-type: none;
    margin: 10px 10px;
}
.upload-pictures-wall {
	border: 1px solid #ccc;
	height: 120px;	
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.upload-pictures-wall .upload-image, .space-upload-pictures-wall .upload-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
    height: 105px;
}



.main-foto-container {
	height: 250px;
	margin-bottom: 20px;
	text-align: center;
}

.error {
    display: block;
    color: red;
    border: 1px solid red;
    background-color: #FFF8F7;
    padding: 5px;
    margin: 10px;
}