:root {
  --primaryColor: #000;
  --giallo: #f0df58;
  --navbarColor: #fff;
  --navbarPrimary: #121C4F;
  --navbarSecondary: #121C4F;
}

html, body {padding:0px;} 
body{
	color:#333;
  font-family:"Open Sans", sans-serif;
  font-size:13px;
}
h1,h2,h3,h4,h5,h6{color:inherit;} 
.text-primary{color:#555;}
label{font-weight:500;}
.modal-lg{width:90% !important;max-width:1200px;}
.modal-content{margin-bottom:200px;}
.alert{border-radius:0px;border:0px;border-left:5px solid;padding:10px 15px;}
#wrapper{padding-top:130px;padding-bottom:60px;min-height: 100vh;}
.btn-form{width:100%;padding:10px;font-weight:700;background: #116674;color: #fff;border: 0px;}

/* FIELDS */
.form-group {position:relative;display:block;clear:both;float:none;min-height:auto;;margin:5px 0px 5px;padding:12px 0px 5px;}
.form-group > .checkbox {padding:5px 7px;height:30px;}
.form-group > .form-control {background: inherit;font-size:inherit;height:auto;font-weight:400;border-radius:0px;padding:0px;padding-bottom:2px;border:0px;box-shadow:none !important;outline:none !important;border-bottom:1px solid #ddd;} 
.form-group > select.form-control {margin:0px -3px;}
textarea.form-control{margin-top:3px;}

.form-group > label {
  color:#bbb; 
  font-size:10px;
  font-weight:bold;
  text-transform: uppercase;
  position:absolute;
  left:0px;
  top:20px;
  opacity:0;
  z-index:-1;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.checkbox label {opacity:1;left:0px;top:0px;position:relative;}

.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label, .form-group.showlabel label {
  top:0px;
  opacity:1;
  z-index: inherit;
}
.form-control:focus ~ label{
  color:var(--primaryColor); 	
}
.form-control:focus::placeholder {
  color: transparent;
}
select.form-control.input-sm{margin:0px -4px;}
.checkbox label::before{background:transparent;}
.note-editor.note-frame{margin-top:5px;}
/* END FIELDS */

/* MENU */
.navbar-default{background: var(--navbarPrimary);color:#fff;border:0px;border-radius:0px;}
.navbar-toggle{float:left;border:0px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:var(--navbarSecondary);}
.navbar-default .navbar-nav>li>a{color:inherit;font-weight:700;}
.navbar-default .navbar-nav>li>a:hover{background:var(--navbarSecondary);color:inherit;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:var(--navbarSecondary);color:inherit;}
.navbar-nav>li>.dropdown-menu{background:var(--navbarPrimary);}
.navbar-default .dropdown-menu>li>a{color:var(--navbarColor);}
.navbar-default .dropdown-menu>li>a:hover{background:var(--navbarSecondary);color:inherit;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-left:-15px;margin-right:-15px;}

.note-popover .popover-content, .panel-heading.note-toolbar{background:transparent;border:none;}
.mostra-nascondi-password {padding-left:7px;}
.checkbox label {padding-left:30px;font-weight: 500;color: #999;font-size: 13px;}
.checkbox_container .checkbox {margin:20px 0px 25px;}
.filsection {padding:20px 50px;margin:0px -50px 20px;background:#fff;}
.btn-group-date > .btn {margin-left:3px;margin-bottom:3px;border-radius:3px !important;float:none;width:100px;}
.btn-group-date > .btn.active {background: #3b68bd;color: #fff;border-color:#3b68bd;}
.btn-group-orari > .btn-default.active {background: #f70;color: #fff;border-color:#f70;}
.container-fluid{padding:0px 50px;}
.navbar-default .navbar-brand {color:#fff;margin-right:20px;}
.header-logo {background:#222;}

.menu-user{padding-left:50px;}
.menu-user:before{content:"\f2bd";font-family:"FontAwesome";color:#fff;font-size:30px;position:absolute;left:0px;}
.menu-user .username {color:#fff;font-weight:700;display:block;font-style:italic;}
.menu-user a {display:inline !important;}
.input-search {margin: 10px 0px 0px 250px;position:absolute;width:400px;}
.input-search input{background:rgba(0,0,0,0.3);color:#fff;border-radius: 0px;border: 0px;height:30px;float: left;}

small.rowTitle{display:block;margin-bottom:-3px;font-size:70%;color:#aaa;font-weight:800;text-transform: uppercase;}

.title-container {margin-bottom:10px;} 
.title-container h3{color:#000;font-size:25px;font-weight:400;margin-top:0px;text-shadow: 0px 1px 1px #fff;} 

.btn-fil {padding:10px 20px !important;border-radius:30px !important;font-weight:700;font-size:12px !important;}
.dropdown {display:inline-block;}
.dropdown-header {padding:5px 20px 5px;color:var(--navbarSecondary);}
.dropdown-menu .divider {margin:5px 0px;}
.dropdown-submenu {position: relative;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;}

.span_results {position:absolute;top:0px;}

@media only screen and (max-width: 767px) {
  small.rowTitle{margin-top:5px;}
  .prova_detail{width:100%;}
	.nav-tabs{margin:0px -20px;}
	.nav-tabs>li {float:none;width:100%;display:block;}
	#wrapper{padding-left:20px;}
	.container-fluid{padding:0px 20px;}
	footer {padding-left:0px;}
	.input-search {display:none;}
	.navbar-header {padding:0px 5px;}
	.sidebar-nav .mob {display:block;background:#fff;color:#000;font-size:12px;}	
	.navbar-default {width:100%;height:auto;}
	.navbar-default .navbar-brand {float:right;width:100px;margin-right:-15px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-left:-14px;}
	/* TABELLE */
	.table {display:block;margin:0px;}
	.table tr {display:block;border:1px solid #ccc;}
	.table thead tr:first-child{display:none;}
	.table>tbody { display:block; }
	.table>tbody>tr>td {
		border:0px !important;
		display: block;
    font-size:13px;
		min-height:30px;
    padding:10px 10px 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  } 
	.table>tbody>tr>td:before {
    	position:absolute;
    	left:10px;
    	top:0px;
    	font-size:10px;
    	font-weight:500;
		  text-transform:uppercase;
    	color:var(--primaryColor);
    	content: attr(data-label);
  	}
    .table>tbody>tr>td:nth-child(1) {
      font-size: 16px;
      font-weight: 500;
      padding:10px 10px 0px;
      color: #333;
      text-transform: uppercase;
    }
    .table>tbody>tr>td:nth-child(1):before {
      display:none;
    }
      /* FINE TABELLE */
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background:transparent;}

.nav-pills-fy>li>a {background:#fff;color:#333;border-radius:20px;}
.nav-pills-fy>li+li {margin-left:10px;}
.nav-pills-fy>li.active>a, .nav-pills-fy>li.active>a:focus, .nav-pills-fy>li.active>a:hover {background-color:#000;}

.dropdown-menu > li > button {border: 0px;border-radius:0px;background: transparent;width: 100%;text-align: left;padding:3px 20px;}
.dropdown-menu > li > button:hover {background: #ddd;}
@media print
{    
  .noprint, .noprint * {display: none !important;}
	table tr td {-webkit-print-color-adjust: exact}
	#wrapper {padding-top:0px;}
  .pagebreak {clear: both;page-break-after: always;page-break-before:always;}
}
.btn{margin-bottom:4px;}

/* interventi */
.intervento{padding:0px 15px;}

/* Thumbnail */
.thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  background:#eee;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}
.thumbnail .caption {
	position:absolute;
	bottom:0px;
	right:0px;
}
.history_block{margin:0px;padding:3px 15px;min-height:30px;}
.history_block:nth-child(2n+1) {background:#ffeaea;}
.history_block_icon {width: 40px;float: left;color:#d27273;text-align: left;}
.history_block_text {padding-left:40px;padding-top:5px;}

#elenco .fa-2x {font-size: 1.4em;line-height: 2em;}

.daterangepicker .drp-calendar.right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

.daterangepicker .drp-calendar.right tbody {
    display: none !important;
}

.daterangepicker .drp-calendar.right thead > tr:nth-child(2) {
    display: none !important;
}

.daterangepicker .drp-calendar.right th.month {
    display: none !important;
}

.daterangepicker .drp-calendar.right .calendar-table {
    background: transparent !important;
}

.daterangepicker .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: none !important;
}

.daterangepicker .drp-calendar.right .daterangepicker_input {
    position: absolute !important;
}
.huebee.is-static-open {text-align:right;}

.error{font-weight:400;font-size:11px;color:#c00;}

.list-group-flusso{border:0px;border-bottom:1px solid #ddd;border-radius:0px;padding:15px 10px;margin:0px;}
.list-group-flusso:nth-child(2n) {background:#eee;}
.table-flusso > thead > tr > th {white-space:nowrap !important;}
.table-flusso > tbody > tr > td {padding:0px;}

.col-xs-17{width:14.285714%;}
.agenda-giorno{height:100px;margin:0px;border:1px solid #ddd;padding:5px;}
.agenda-giorno-grey{border:0px;}
.cursor-pointer{cursor:pointer;}
.btn-fil.btn-success{color: #fff;background-color: #222;border-color: #222;}
.btn-fil.btn-success:hover,.btn-fil.btn-success:active,.btn-fil.btn-success:visited,.btn-fil.btn-success:focus,.btn-fil.btn-success:active:focus{color: #fff;background-color: #222;}
.modal-header{background:var(--navbarPrimary);color:var(--navbarColor);}
.modal-header small{color:#ccc;}
.modal-header, .modal-body, .modal-footer {padding:15px 30px;}
.modal-body {padding-bottom:50px;}
.modal-footer .close {opacity:1;border:1px solid #ddd;line-height:inherit;}
.modal-footer .close:hover {opacity:1;color:inherit;}
#table_results .panel{margin-bottom:0px;border-radius:0px;box-shadow:none;padding:5px 15px 10px;}  
#table_results .panel:nth-of-type(odd){background:#f0f0f0;}
#table_results .panel:hover{background:#ddd;}
.modal-header .close {color:#fff;opacity:0.5;}
.modal-header .close:focus, .close:hover {color:#fff;opacity:0.2;} 

/* DROPZONE */
.dropzone {padding:15px;}
.dropzone .dz-preview {margin:0px;margin-bottom:7px;background:transparent;width:100%;min-height:1px;}
.dropzone .dz-preview.dz-file-preview .dz-image {background:none;height:0px;}
.dropzone .dz-preview .dz-details {text-align:left;padding:5px 0px;position:relative;opacity:1 !important;}
.dropzone .dz-preview .dz-image {width:auto;height:0px;}
.dropzone .dz-preview .dz-details .dz-size {font-size:inherit;}
.dropzone .dz-preview .dz-details .dz-size {margin-bottom:0px;float:right;}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {background-color:inherit;padding:0px;}
.dropzone .dz-preview .dz-progress{position:relative;left:auto;top:auto;width:100%;margin:0px !important;border-radius:0px;height:3px;background:#ddd; }

/* SELECT2 */
.select2-container{font-weight:400;width:100% !important;margin-top:7px;}
.select2-container--default .select2-selection--single{border:0px;background-color:transparent;}
.select2-container--open .select2-dropdown--below{border-top:1px solid #ccc;border-radius:4px !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color:inherit;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0px;}
.dropdown-menu{font-size:13px;}

/* NESTABLE */
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }


.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; padding:8px;text-align:center;}
.dd-handle:hover { background: #ddd; }