/*
	SpecificSections.css
	Copyright (c) 2018, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/


/* General
------------------------------------------------------------------------------------------------- */
body {
   background-color: #f1f2f3;
   overflow-x: hidden;
}

html {
   min-height: 100%;
   position: relative;
}

.container-block {
   content: " ";
   display: inline-block;
   width: 100%;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
   color: #0e1726;
}

.section-title h2,
.section-title h1 {
   font-size: 30px;
   margin-bottom: 15px;
   font-weight: bold;
   margin-top: 0;
}

.section-title i {
   margin-right: 0;
}

.btn {
   border-radius: 6px;
}

panel-footer .btn {
   padding: 10px 20px;
}

.btn-primary {
   background-color: #247EB0;
   border-color: #247EB0;
   color: #fff;
}

.btn-primary:focus,
.btn-primary:hover {
   background-color: #0e1726;
   border-color: #0e1726;
   color: #fff;
}

.btn-secondary {
   background-color: #fff;
   border-color: #ccc;
   color: #333;
}

.btn-secondary:focus,
.btn-secondary:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.btn-green {
   background-color: #9CC738;
   border-color: #9CC738;
   color: #FFF;
}

.btn-yellow {
   background-color: #F9C20F;
   border-color: #F9C20F;
   color: #FFF;
}

.btn-red {
   background-color: #ff6c60;
   border-color: #ff6c60;
   color: #FFF;
}

.btn-blue {
   background-color: #1b55e2;
   border-color: #1b55e2;
   color: #FFF;
}

.btn-pink {
   background-color: #F1376E;
   border-color: #F1376E;
   color: #FFF;
}

.btn-green:focus,
.btn-green:hover,
.btn-yellow:focus,
.btn-yellow:hover,
.btn-red:focus,
.btn-red:hover,
.btn-blue:focus,
.btn-blue:hover,
.btn-pink:focus,
.btn-pink:hover {
   background-color: #0e1726;
   border-color: #0e1726;
   color: #FFF;
}

.btn.btn-small {
   padding: 2px 10px;
   border-radius: 4px;
}

.btn i {
   margin-right: 6px;
}

legend {
   margin-bottom: 20px;
   padding: 0 15px;
}

.col-item-5 {
   float: left;
   padding: 0 15px;
   width: 20%;
}

.section.menu {
   margin-bottom: 0;
}

.fullscreen-panel-mode {
   background-color: #FFF;
   height: 100%;
   left: 0;
   padding: 52px 20px 20px;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1050;
   overflow-y: scroll;
   margin: 0 !important;
}

.fullscreen-panel-mode .panel-header {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   padding: 0 30px;
   z-index: 999;
}

.clear-element:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.modal-body::after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

div a.delete {
	background-image: none !important;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.radio-boolean {
  min-height: 61.85px;
}

.radio-boolean .input-group {
  display: inline-block;
  margin-right: 15px;
}

@media(max-width:767px){
	.section-title h2, 
	.section-title h1 {
		font-size: 23px;
		margin-top: 10px;
	}
	.radio-boolean {
		min-height: auto;
		margin-bottom: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
   background: #FFF;
   padding: 5px 15px;
}

header .brand .section {
	margin-bottom: 0 !important;
}

header .brand img {
	max-height: 60px;
	display: inline-block;
}

header .brand {
  display: inline-block;
  float: left;
  padding: 0 15px;
}

.header-title {
   font-weight: bold;
   font-size: 25px;
   display: inline-block;
   float: left;
   margin: 9px 0 10px 75px;
}

.toggle-left-panel {
	color: #0e1726;
	display: inline-block;
	float: right;
	font-size: 17px;
	font-weight: 700;
	height: 30px;
	line-height: 24px;
	margin: 16px 0 0;
	min-width: 30px;
	padding: 2px;
	text-align: center;
	text-decoration: none !important;
	border: 1px solid #0e1726;
}

.toggle-left-panel:hover {
   background-color: #0e1726;
   color: #FFF;
}

@media(max-width:991px){
	header {
	  padding: 9px 15px;
	}
	header .brand {
	  padding: 0;
	}
	header .brand img {
	  max-height: 52px;
	}
	header .brand img:first-child {
	  padding-right: 15px;
	  margin-right: 15px;
	}
}

@media(max-width:767px){
	header {
	  padding: 10px 15px;
	}
	.toggle-left-panel {
	  margin-top: 14px;
	}
	header .brand {
	  display: block;
	  float: none;
	  text-align: center;
	}
	header .brand img {
	  max-height: 45px;
	}
}

/* ---------------------------------------------------------------------------------------------- */




/* Footer
------------------------------------------------------------------------------------------------- */
footer {
	display: block;
	padding: 10px;
	transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
	background-color: #FFF;
	text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Login
------------------------------------------------------------------------------------------------- */
#header-sections-container {
	text-align: left !important;
	display: inline-block;
	float: right;
}

/*Login*/
header .section.login {
   margin-bottom: 0 !important;
}

header .section.login .toggle-modal {
   background-color: #247EB0 ;
   width: 36px;
   height: 30px;
   display: inline-block;
   margin-top: 16px;
   color: #FFF;
   text-align: center;
   font-size: 21px;
   line-height: 30px;
   margin-right: 5px;
}

header .section.login .toggle-modal:hover {
   color: #FFF;
   background-color: #0e1726;
}

header .section.login #loginModal .buttons {
	text-align: center;
	margin-bottom: 0px;
}

header .section.login #loginModal .keep-login {
   margin-bottom: 5px
}

header .section.login #loginModal .password-reminder a {
   font-size: 14px;
   margin-top: 5px;
   display: block;
   text-decoration: underline;
}

header .section.login #loginModal .password-reminder a span {
   font-weight: 600;
}

header .section.login #loginModal .password-reminder a:hover {
   text-decoration: none;
}

/*Logout*/
header .section.login .logout {
   margin-right: 15px;
	margin-top: 19px;
}

header .section.login .logout .user-link {
   color: #FFF;
   display: inline-block;
   margin-right: 15px;
   border-right: 1px solid #0e1726;
   padding-right: 15px;
}

header .section.login .logout .user-link .name {
   font-weight: 600;
   color: #247EB0;
   margin-right: 5px;
}

header .section.login .logout .user-link:hover .name {
   color: #0e1726;
}

header .section.login .logout .user-link i {
	background-color: #247EB0;
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	margin-right: 3px;
	font-size: 13px;
}

header .section.login .logout .logout-link {
   color: #0e1726;
}

header .section.login .logout .logout-link:hover {
   color: #247EB0;
}

@media(max-width:500px){
	header  .section.login .logout .user-link .name {
	   max-width: 160px;
	   display: inline-block;
	   float: left;
	}
	header .section.login .logout .user-link {
	   padding-right: 10px;
	   margin-right: 10px;
	}
}

/*Panel Login*/
.login.panel {
    margin: 50px 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.login.panel > .panel-heading {
   background-color: #1D1D32;
   border-radius: 0;
   color: #FFF;
   font-weight: 600;
   font-size: 20px;
   border: none;
   padding: 15px;
   text-align: center;
}

.panel.login .info {
   font-size: 25px;
   margin: 20px;
   display: block;
}

.login.panel .buttons {
   padding-bottom: 15px;
}

.login.panel .buttons a {
   color: #505050;
   font-size: 14px;
   text-decoration: underline;
}

.login.panel .buttons a:hover {
   text-decoration: none;
   color: #1B3D72;
}

@media(max-width:991px){
	header .section.login .logout {
	  margin-top: 0;
	  margin-right: 10px;
	}
	header .section.login .logout .user-link {
	  margin-right: 2px;
	  padding-right: 2px;
	}
	header .section.login .logout {
	  font-size: 15px;
	}
}

@media(max-width:767px){
   .login.panel.panel-success {
	   margin: 15px;
	   border: 1px solid;
	}
	.panel.login .info {
	   font-size: 20px;
	   margin: 10px;
	}
	#header-sections-container {
	  float: none;
	  margin-top: 15px;
	}
	header .section.login .logout .user-link .name {
	  display: none;
	}
	header .section.login .toggle-modal {
	  margin-top: 0;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Panel
------------------------------------------------------------------------------------------------- */
.panel-element {
	 margin-bottom: 20px;
	 background-color: #FFF;
	 box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
	 border-radius: 6px;
}

.panel-element.no-margin {
    margin-bottom: 0;
}

/*Header*/
.panel-element .panel-header {
	 border-bottom: 1px dashed #e0e6ed;
}

.panel-element .panel-header.panel-header-toggle-content {
    cursor: pointer;
}

.panel-element .panel-header h2 {
   font-size: 18px;
	font-weight: bold;
	margin: 20px 0 20px 15px;
	position: relative;
	display: inline-block;
}

.panel-element .panel-header h2 i {
	margin-right: 5px;
	color: #247EB0;
}

.panel-element .panel-header .actions {
   margin-bottom: 0;
   float: right;
   background-color: transparent;
}

.panel-element .panel-header .header-actions {
   display: inline-block;
   float: right;
   margin-top: 20px;
   margin-right: 15px;
}

.panel-element .panel-header .header-actions a {
   color: #0e1726;
   background-color: #eaeaea;
   padding: 5px 15px;
   font-weight: 600;
   border-radius: 5px;
   margin-left: 10px;
}

.panel-element .panel-header .header-actions a:hover {
   background-color: #0e1726;
   color: #FFF;
}

.panel-element .panel-header .header-actions a.action-green {
   background-color: #63BE09;
   color: #FFF;
}

.panel-element .panel-header .header-actions a.action-green:hover {
   background-color: #0e1726;
}

.panel-element .panel-header:after,
.panel-element .panel-content:after,
.panel-element .panel-content .inputbox:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.panel-element .panel-content {
   background-color: #fff;
	margin: 0;
	padding: 30px 0;
}

.panel-element .panel-content:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.panel-element.collapsed {
   border-bottom: 1px solid #CCC;
}

.panel-element.panel-no-margin {
	margin-bottom: 0;
}

.panel-element.collapsed .panel-content,
.panel-element.collapsed .panel-footer {
   display: none;
}

.panel-element .panel-footer {
	text-align: center;
	padding: 20px 15px;
	border-top: 1px dashed #e0e6ed;
	background-color: #FFF;
}

.panel-element .panel-footer.panel-footer-fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-top: 2px solid #3F4D67;
	padding: 5px;
	background-color: rgba(255,255,255,0.5);
}

.panel-element.sub-panel-element.validation-highlight > .panel-header {
   background-color: red !important;
}

.panel-element .panel-header .evidence {
   color: #333;
   padding: 0 15px 15px;
}

.panel-element.fullscreen-panel-mode .panel-header .evidence {
   display: none;
}

.panel-element .panel-header .evidence .value {
   font-weight: bold;
}

.evidence-red {
   color: #DD0000;
}

.panel-subtitle {
	font-size: 25px;
	border-bottom: 1px dashed #e0e6ed;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

.panel-element .panel-header h2 span {
   color: #247EB0;
}

.panel-element .panel-content .inputbox {
   padding: 0 15px;
}

.panel-element .subgroup {
   border-bottom: 2px solid #0C8344;
   clear: both;
   margin-bottom: 15px;
   padding: 0 15px;
}

.panel-element .subgroup span {
   display: inline-block;
   color: #FFF;
   background-color: #0C8344;
   display: inline-block;
   font-weight: 600;
   font-size: 13px;
   padding: 3px 10px;
   text-transform: uppercase;
}

.panel-element .subgroup-evidence {
	border: 1px solid #e0e6ed;
	margin: 0 15px 30px;
	padding: 15px;
}

.panel-element .subgroup-evidence .title {
	background-color: #e0e6ed;
	padding: 10px 15px;
	font-size: 25px;
	font-weight: 600;
	margin: -15px -15px 15px;
}

.panel-element .subgroup-evidence .title i {
  background-color: #0e1726;
  color: #e0e6ed;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}

.panel-element .panel-top-button {
	text-align: center;
	background-color: #e0e6ed;
	padding: 10px;
}

@media(max-width:767px){
	.panel-element .panel-content {
		padding: 15px 0;
	}
	.panel-element .panel-footer {
	  padding: 10px 15px;
	  text-align: center;
	}
	.panel-element .panel-footer .text-right {
	  text-align: center;
	}
	.panel-element .panel-footer .btn {
	  font-size: 15px;
	  padding: 5px 15px;
	}
	.panel-element .subgroup-evidence {
	  padding: 15px 5px;
	}
	.panel-element .subgroup-evidence .title {
	  font-size: 20px;
	  padding: 10px;
	  margin: -15px -5px 15px;
	}
	.panel-element .subgroup-evidence .title i {
	  height: 30px;
	  width: 30px;
	  line-height: 30px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Form
------------------------------------------------------------------------------------------------- */
.input-div {
   position: relative;
}

.input-div .select-buttons {
   position: absolute;
   right: 25px;
   top: 5px;
}

.input-div .select-buttons .btn {
   padding: 1px 6px;
}

.form-group {
   margin-bottom: 20px;
   position: relative;
}

.input-div input,
.input-div .input-type-textarea,
.input-div input.input-type-text,
.input-div .input-type-dropdownlist,
.input-div input.input-type-email,
.input-div input.input-type-zip,
.input-div input.input-type-telephone-number,
.input-div input.input-type-date,
.input-div input.input-type-hour {
   max-width: 100% !important;
}

.form-control {
   border-radius: 0;
   box-shadow: none;
}

.form-control:focus {
   border-color: #247EB0;
   box-shadow: none;
}

.form-horizontal .form-group.col-sm-12 .input-div,
.form-horizontal .form-group.col-sm-6 .input-div {
   float: left;
   padding-left: 10px;
   width: 100%;
}

.inputbox .validation-highlight {
   background: #fff0f0 none repeat scroll 0 0 !important;
   border-color: #a90329;
}

.inputbox label.validation-error-label {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	bottom: -15px;
	background-color: #a90329 !important;
	font-size: 10px;
	font-weight: lighter;
	padding: 2px 10px !important;
	position: absolute;
	color: #FFF !important;
	right: -5px;
}

.inputbox.vertical .validation-required {
	background-image: none !important;
	padding: 0 !important;
}

.inputbox.vertical .validation-required::before {
	content: "*";
	margin-right: 2px;
}

.admin-section .inputbox.vertical .validation-required::after {
	content: "" !important;
}

fieldset legend {
   border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
   font-weight: lighter;
   letter-spacing: 1px;
   margin: 20px 0;
   padding: 0 15px 5px;
}

.select2-container--default .select2-selection--single {
   border-radius: 0 !important;
   height: 34px !important;
   padding: 3px 2px !important;
   border-color: #CCC !important;
}

/*Checkbox e Radiobutton*/
.checkbox-background .input-div-checkbox, 
.checkbox-background .input-div-checkbox3, 
.radiobutton-background .input-div-optionbutton {
	background: url("../Images/CheckboxBackground.png") top center no-repeat transparent;
	display: inline-block;
	height: 17px;
	width: 17px;
	vertical-align: bottom;
	margin-right: 7px;
	margin-top: 3px;
	background-size: cover;
        float: left;
}

.radiobutton-background .input-div-optionbutton {
	background-image: url("../Images/RadiobuttonBackground.png");
}

.checkbox-background .input-div-checkbox.checked,
.radiobutton-background .input-div-optionbutton.checked{
	background-position: bottom center;
}

.option-label {
  font-weight: normal;
}

.input-div.single-checkbox {
	display: inline-block;
	float: left;
}

@media(max-width:767px){
.reset-password-container h1 {
	font-size: 22px;
	text-align: center;
}
}
/* ---------------------------------------------------------------------------------------------- */



/* Modal
------------------------------------------------------------------------------------------------- */
.modal .modal-dialog .modal-header .modal-title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	color: #FFF;
}

.modal .modal-dialog .modal-header .modal-title i {
   margin-right: 5px;
}

.modal .modal-dialog .modal-footer {
	border-radius: 0 0 5px 5px;
	border-top: 1px dashed #e0e6ed;
}

.modal .modal-actions {
   margin-bottom: 20px;
	text-align: right;
}

/*Modale Salva*/
.modal-save-text {
   text-align: center;
   font-size: 22px;
   padding: 0 30px;
}

.modal-save-text svg {
   display: block;
   margin: 0 auto 20px;
}

.modal-save-text .title {
    display: block;
    font-weight: bold;
    font-size: 25px;
    color: #247EB0;
}
/* ---------------------------------------------------------------------------------------------- */



/* Notifiche
------------------------------------------------------------------------------------------------- */
.notification {
   position: fixed;
   bottom: 15px;
   right: 15px;
   background: rgb(59, 63, 92) none repeat scroll 0% 0%;
   color: #FFF;
   padding: 15px 30px;
   font-size: 20px;
}

.notification a {
   text-transform: uppercase;
   margin-left: 20px;
}

.notification a:hover {
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Infobox
------------------------------------------------------------------------------------------------- */
.infobox {
   border: 1px solid #1b55e2;
   border-radius: 6px;
   color: #1b55e2;
   background-color: #c2d5ff;
   padding: 15px;
   font-size: 18px;
   border-left: 80px solid #1b55e2;
   position: relative;
}

.infobox.infobox-red {
   border: 1px solid #247EB0;
   color: #247EB0;
   background-color: #EE9DA5;
   border-left: 80px solid #247EB0;
}

.infobox:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	border-left: 8px solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left-color: inherit;
	margin-top: -8px;
}

.infobox .icon {
   position: absolute;
   color: #FFF;
   left: -58px;
   top: 50%;
   font-size: 35px;
   margin-top: -22px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Menù
------------------------------------------------------------------------------------------------- */
#left-panel {
	left: 0;
	margin-top: 70px;
	min-height: calc(100% - 45px);
	position: absolute;
	top: 0;
	transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
	width: 270px;
	z-index: 900;
	border-right: 1px solid #247EB0;
	padding: 15px;
	background-color: #247EB0;
}

#left-panel .navbar:after {
	background-image: url(../Images/LogoFojanini.png);
	content: "";
	width: 200px;
	height: 115px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 15px;
}

.hidden-menu #left-panel {
   left: -260px;
}

.hidden-menu #left-panel:hover {
   left: 0;
}

#page-content {
   margin-left: 270px;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   padding-top: 20px;
}

.hidden-menu #page-content {
   margin-left: 10px;
}

#left-panel .navbar-collapse {
   padding: 0;
}

#left-panel .navbar-default {
   background-color: transparent;
   border-color: transparent;
}

#left-panel .navbar-nav > li {
   float: none;
}

#left-panel .navbar-nav > li:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#left-panel .navbar-default .navbar-nav > li > a {
	color: #FFF;
	padding: 7px 16px 12px;
	margin-bottom: 8px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 16px;
}

#left-panel .navbar-default .navbar-nav > li > a .image {
	width: 25px;
	height: 25px;
	background-size: cover;
	background-position: top;
	float: left;
	margin-right: 10px;
	background-repeat: no-repeat;
}

#left-panel .navbar-default .navbar-nav > li > a:hover .image {
	background-position: bottom;
}

#left-panel .navbar-default .navbar-nav > li > a i {
	color: #247EB0;
}

#left-panel .navbar-default .navbar-nav > li > a:hover,
#left-panel .navbar-default .navbar-nav > .active > a, 
#left-panel .navbar-default .navbar-nav > .active > a:hover, 
#left-panel .navbar-default .navbar-nav > .active > a:focus {
	background-color: #FFF;
	color: #247EB0;
}

#left-panel .navbar-default .navbar-nav > li > a i {
   font-size: 17px;
   margin-right: 5px;
   padding-top: 5px;
   color: #FFF;
   width: 20px;
   text-align: center;
}

#left-panel .navbar-default .navbar-nav > li > a:hover i,
#left-panel .navbar-default .navbar-nav > .active > a i, 
#left-panel .navbar-default .navbar-nav > .active > a:hover i, 
#left-panel .navbar-default .navbar-nav > .active > a:focus i {
	color: #247EB0;
}

@media(max-width:991px) {
   .hidden-menu #left-panel {
      left: -270px;
   }

   .hidden-menu #page-content {
      margin-left: 0;
   }
}

nav ul li.active > a::before {
	color: #247EB0;
	content: "\f054";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	height: 27px;
	line-height: normal;
	position: absolute;
	right: -8px;
	width: 27px;
	font-weight: bold;
	top: 14px;
}

nav ul li.active.parent-active.open > a::before {
   content: "\f078";
}

/*Secondo Livello*/
#left-panel .navbar-default .navbar-nav > li.open > a.dropdown-toggle {
	color: #247EB0;
	background-color: #FFF;
}

.dropdown-menu {
   background-color: #333F54;
   border: none;
   border-radius: 0;
   margin-bottom: 10px;
   position: relative;
}

.dropdown-menu > li > a {
   color: #FFF;
}

.navbar-nav > li > .dropdown-menu:before {
   border-left: 1px solid #FFF;
   bottom: 0;
   content: "";
   display: block;
   left: 23px;
   position: absolute;
   top: 0;
   z-index: 1;
}

.navbar-nav > li > .dropdown-menu li {
   position: relative;
}

.navbar-nav > li > .dropdown-menu li:before {
   border-top: 1px solid #FFF;
   content: "";
   display: block;
   left: 23px;
   position: absolute;
   top: 16px;
   width: 8px;
   z-index: 1;
}

.dropdown-menu > li > a {
   padding: 7px 5px 7px 42px;
}

.dropdown-menu > li > a i {
   margin-right: 5px;
}

#left-panel .navbar-default .navbar-nav > li > a b {
   float: right;
}

#left-panel .navbar-default .navbar-nav > li.dropdown > a::after {
   color: #FFF;
   content: "\f0d7";
   font-family: "Font Awesome 5 Free";
   font-size: 18px;
   margin: 0;
   position: absolute;
   right: 14px;
   top: 10px;
   font-weight: bold;
}

#left-panel .navbar-default .navbar-nav > li.dropdown:hover > a:after {
   color: #247EB0;
}

#left-panel .navbar-default .navbar-nav > li.dropdown.open > a:after {
   color: #247EB0;
   content: "\f107";
}

#left-panel .navbar-default .navbar-nav > li.dropdown.open > a i {
	color: #247EB0;
}

nav ul .dropdown li.active > a::before ,
nav ul li.dropdown.active > a::before {
	display: none;
}

#left-panel .navbar-default .navbar-nav > li.dropdown.active > a::after {
	color: #247EB0;
}

@media(max-width:767px){
	#left-panel {
		margin-top: 110px;
	}
}
/* ---------------------------------------------------------------------------------------------- */


/* Breadcrumbs
------------------------------------------------------------------------------------------------- */
ol.breadcrumb {
	background: transparent;
	border-radius: 0;
	font-size: 14px;
	line-height: 20px;
	margin: -15px -15px 10px;
	padding: 8px 15px;
}

ol.breadcrumb i {
	color: #247EB0;
}

.breadcrumb > li {
   display: inline;
}

.breadcrumb > li a {
   color: #0e1726;
}

.breadcrumb > li span,
.breadcrumb > li a:hover {
	color: #6c757d;
}

.breadcrumb > li + li::before {
	color: #6c757d;
	content: "/ ";
	padding: 0 5px;
}

/*Navigazione tra commesse*/
.navigation-buttons {
   position: relative;
}

.navigation-buttons ol {
   padding-right: 90px;
}

.navigation-buttons .navigation-links {
   position: absolute;
   right: 0;
   top: 0;
}

.navigation-buttons .navigation-links a {
   font-weight: bold;
}

@media(max-width:767px){
	ol.breadcrumb {
		margin-bottom: 5px;
		padding: 0 5px 0 15px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Login
------------------------------------------------------------------------------------------------- */
.section.userinfo {
   border-bottom: 1px solid #333F54;
   padding: 10px;
}

.section.userinfo:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.userinfo a {
   color: #FFF;
   text-decoration: none;
   text-transform: uppercase;
}

.userinfo .user-name span {
   float: left;
}

.userinfo .user-name span:last-child {
   display: block;
   margin-left: 5px;
   margin-top: 8px;
   max-width: 165px;
   overflow: hidden;
   white-space: nowrap;
}

.panel-success > .panel-heading {
   background: #fafafa none repeat scroll 0 0;
   border: 1px solid #c2c2c2;
   border-radius: 0;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   color: #4c4f53;
   padding-left: 10px;
}

.panel.panel-success {
   background-color: #fff;
   border: none;
   border-radius: 0;
   margin: 30px 0;
}

.panel .form-horizontal .control-label {
   padding-left: 10px;
   text-align: left;
}
/* ---------------------------------------------------------------------------------------------- */



/* Home
------------------------------------------------------------------------------------------------- */
.dashboard-header {
	height: 600px;
	background-size: cover;
	background-position: center;
	position: relative;
}

.dashboard-header .dashboard-logo {
	background-color: rgba(255,255,255,0.8);
	width: 700px;
	padding: 30px;
	position: absolute;
	top: 50%;
	margin-top: -160px;
	left: 50%;
	margin-left: -350px;
}

.dashboard-header .dashboard-logo img {
	margin: 0 auto;
	max-height: 90px;
}

.dashboard-header .dashboard-logo > img:first-child {
	max-height: 80px;
}

.dashboard-header .dashboard-logo span {
	display: block;
	margin: 30px 0 20px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
}

.dashboard-grid {
	margin-top: 30px;
	text-align: center;
}

.dashboard-grid a {
	display: block;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 30px;
	color: #FFF;
	font-size: 23px;
	position: relative;
}

.dashboard-grid .item {
	max-width: 500px;
	margin: 0 20px;
	text-align: center;
	display: inline-block;
}

.dashboard-grid .item .image {
	background-color: rgba(255,255,255,0.3);
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	font-size: 30px;
	padding: 20px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.dashboard-grid a i {
	background-color: rgba(255,255,255,0.3);
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	font-size: 30px;
	margin-bottom: 15px;
}

.dashboard-grid a .name {
   font-weight: 800;
   display: block;
   font-size: 30px;
}

.dashboard-grid a:hover {
   opacity: 0.8;
}

@media(max-width:1100px){
.dashboard-grid .item {
  max-width: 300px;
}
.dashboard-grid a {
  padding: 20px;
  font-size: 20px;
}
.dashboard-grid a .name {
  font-size: 25px;
}
}

@media(max-width:767px){
	.dashboard-header .dashboard-logo {
	  width: 300px;
	  margin-left: -150px;
	  padding: 15px;
	  margin-top: -110px;
	}
	.dashboard-header {
	  height: 300px;
	}
	.dashboard-header .dashboard-logo > img:first-child {
	  max-height: 50px;
	}
	.dashboard-header .dashboard-logo img {
	  max-height: 60px;
	}
	.dashboard-header .dashboard-logo span {
	  font-size: 20px;
	  margin: 10px 0 5px;
	}
	.dashboard-grid .item {
	  max-width: 100%;
	  margin: 0 15px;
	}
	.dashboard-grid a {
	  padding: 15px 15px 15px 85px;
	  margin-bottom: 15px;
	  position: relative;
	  text-align: left;
	}
	.dashboard-grid a i {
	  position: absolute;
	  left: 10px;
	  top: 40px;
	  width: 60px;
	  height: 60px;
	  line-height: 60px;
	}
	.dashboard-grid a .name {
	  font-size: 22px;
	}
}

/*Slider*/
#slides .text-container {
	background-color: rgba(255,255,255,0.8);
	width: 700px;
	padding: 30px;
	position: absolute;
	top: 50%;
	margin-top: -110px;
	left: 50%;
	margin-left: -350px;
    z-index: 3;
}

#slides .text-container img {
	margin: 0 auto;
	max-height: 90px;
}

#slides .text-container > img:first-child {
	max-height: 80px;
}

#slides .text-container h1 {
	margin: 30px 0 20px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
}


@media(max-width:767px){
	#slides .text-container {
	  width: 300px;
	  margin-left: -150px;
	  padding: 15px;
	  margin-top: -110px;
	}
	.dashboard-header {
	  height: 300px;
	}
	#slides .text-container > img:first-child {
	  max-height: 50px;
	}
	#slides .text-container img {
	  max-height: 60px;
	}
	#slides .text-container h1 {
	  font-size: 20px;
	  margin: 10px 0 5px;
	}

}

/* ---------------------------------------------------------------------------------------------- */



/* Tabelle responsive
------------------------------------------------------------------------------------------------- */
.table-grid-responsive {
	padding: 0 15px;
}

.table-grid-responsive .table-grid-header {
	padding-left: 60px;
	border-bottom: 2px solid #EAEAEA;
}

.table-grid-responsive .table-grid-header:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.table-grid-responsive .table-grid-header .item {
	padding: 0;
	position: relative;
	cursor: pointer;
	font-size: 19px;
	font-weight: 800;
}

.table-grid-responsive .table-grid-header .sort-action {
   float: left;
   margin-right: 5px;
   margin-top: 2px;
}

.table-grid-responsive .table-grid-header .item .sort-action i {
	display: block;
	line-height: 10px;
	cursor: pointer;
	color: #AAA;
	font-size: 17px;
}

.table-grid-responsive .table-grid-header .item:hover .sort-action i {
   color: #0e1726;
}

.table-grid-responsive .table-grid-header .item.desc .sort-action i.fa-caret-down {
   color: #247EB0;
}

.table-grid-responsive .table-grid-header .item.asc .sort-action i.fa-caret-up {
   color: #247EB0;
}

.table-grid-responsive .table-grid-list .item {
	position: relative;
}

.table-grid-responsive .table-grid-list .item a:hover {
	color: #0e1726;
}

.table-grid-responsive .table-grid-list .item > div {
   padding: 0 5px 0 20px;
}

.table-grid-responsive .table-grid-list .item .item-actions {
	position: absolute;
	left: 5px;
	padding: 0;
}

.table-grid-responsive .table-grid-list .item .item-actions a {
	left: 5px;
	background-color: #0C8344;
	display: inline-block;
	height: 25px;
	width: 25px;
	border-radius: 3px;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	top: 7px;
	color: #FFF;
}

.table-grid-responsive .table-grid-list .item .item-actions a:hover {
	background-color: #0e1726;
}

.table-grid-responsive .table-grid-list .item {
   display: block;
   position: relative;
   padding: 5px 0 5px 60px;
   border-bottom: 1px solid #eaeaea;
   font-size: 18px;
   line-height: 28px;
}

.table-grid-responsive .table-grid-list .item:after {
	clear: both;
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
}
/* ---------------------------------------------------------------------------------------------- */



/* Alpeggi
------------------------------------------------------------------------------------------------- */
/*Dettaglio alpeggio*/
.alps-action {
   padding: 0 15px;
}

.alps-action .item {
    display: block;
    text-align: center;
    color: #0C8344;
    font-weight: 600;
    font-size: 22px;
    border-radius: 2px;
    padding: 20px;
    margin: 0 auto 30px;
    border: 2px dashed #0C8344;
}

.alps-action .item i {
   background-color: #0C8344;
   display: block;
   width: 50px;
   height: 50px;
   margin: 0 auto 10px;
   color: #FFF;
   line-height: 50px;
   border-radius: 50%;
}

.alps-action .delete-action {
   border-top: 1px solid #eaeaea;
   text-align: center;
   padding-top: 25px;
}

.alps-action .item:hover {
   background-color: #0C8344;
   color: #FFF;
}

.alps-action .item:hover i {
   background-color: #000;
}

/*Navigazione*/
.alps-navigation {
   padding: 0 15px;
}

.alps-navigation .item {
   background-color: #eaeaea;
   display: block;
   color: #0e1726;
   text-align: center;
   font-weight: 600;
   padding: 8px 5px;
   border-radius: 4px;
}

.alps-navigation .item:hover {
   background-color: #0e1726;
   color: #FFF;
}

.alps-navigation {
   margin-bottom: 30px;
   margin-top: -20px;
}

.alps-navigation .item.active {
   background-color: #247EB0;
   color: #FFF;
}

/*Informazioni*/
.alp-info {
   padding: 0 15px;
   margin-bottom: 30px;
}

.alp-info .year {
   font-weight: 600;
   color: #247EB0;
   margin-right: 20px;
}

.alp-info .status {
   font-weight: 600;
}

.alp-info .status.green {
   color: #63BE09;
}

.alp-info .status > span {
   width: 11px;
   height: 11px;
   border-radius: 50%;
   display: inline-block;
   background-color: #63BE09;
   margin-right: 3px;
}

.alp-info .status.green > span {
   background-color: #63BE09;
}

.manage-alp #otherHabitat {
	height: 22px;
	margin-left: 5px;
	width: 400px;
}

@media(max-width:991px){
.manage-alp #otherHabitat {
	width: 325px;
}
}

@media(max-width:767px){
.manage-alp #otherHabitat {
	width: 100%;
}
}
/* ---------------------------------------------------------------------------------------------- */



/* Tematizzazione utenti
------------------------------------------------------------------------------------------------- */
.admin-section .btn.btn-ok {
    background-color: #247EB0 !important;
}

.admin-section .btn.btn-ok:hover {
	background-color: #1D1D32 !important;
}

.ow-panel .ow-panel-content,
.ow-panel .ow-panel-footer {
	background-color: transparent !important;
}

.ow-panel .ow-panel-header {
	background-color: #247EB0 !important;
}

.ow-panel .ow-panel-header  .ow-panel-actions a {
	background-color: #FFF !important;
	color: #247EB0 !important;
}

.ow-panel .ow-panel-header  .ow-panel-actions a:hover {
   background-color: #1D1D32 !important;
}



/* Tematizzazione griglia alpeggi
------------------------------------------------------------------------------------------------- */
.section.manage-alps .alps table tbody tr td.status {
  padding: 0;
  text-align: center;
}

.section.manage-alps .alps table tbody tr td.status span {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-top: 7px;
}

/*.section.manage-alps .alps table tbody tr.both-validated td.status span {
   background-color: #63BE09;
}

.section.manage-alps .alps table tbody tr.supervisor-validated td.status span {
   background-color: #63BE09;
} */

.section.manage-alps .alps table tbody tr.detector-validated td.status span {
   background-color: #63BE09; /*yellow*/
}

.section.manage-alps .alps table tbody tr.confirmed td.status span {
   background-color: #FFE100 /*orange*/
}

.section.manage-alps .alps table tbody tr.unconfirmed td.status span {
   background-color: #DD0000; /*red*/
}


/* Tematizzazione paginazione
------------------------------------------------------------------------------------------------- */
.pagination a {
   background-color: #247EB0 !important;
}

.pagination a:hover {
   background-color: #2b2b2b !important;
}

.pagination a.disable, 
.pagination a.disable:hover {
   background-color: #e6e6e6 !important;
}

.pagination a.active {
   background-color: #2b2b2b !important;
}

.ow-modal .modal-header {
   background-color: #247EB0 !important;
}

.manage-users .list-users .list-info .number span {
   background-color: #247EB0 !important;
}
/* ---------------------------------------------------------------------------------------------- */



/* Lista alpeggi
------------------------------------------------------------------------------------------------- */
/*@media(max-width:991px){
	.manage-alps .alps .table-responsive {
		max-width: 700px;
	}
}

@media(max-width:767px){
	.manage-alps .alps .table-responsive {
	  width: 520px;
	}
}

@media(max-width:550px){
	.manage-alps .alps .table-responsive {
	  width: 330px;
	}
}
*/
/* ---------------------------------------------------------------------------------------------- */



/* Sommario Alpeggio
------------------------------------------------------------------------------------------------- */
.alp-summary .alp-name {
  padding: 20px 15px;
}

.alp-summary .alp-name .name {
  font-weight: 600;
  font-size: 23px;
}

.alp-summary .alp-name .name i {
  color: #0C8344;
}

.alp-summary .alp-name .status {
	float: right;
	margin-top: 3px;
	font-size: 18px;
}

.alp-summary .alp-name .year {
	float: right;
	font-weight: 600;
	margin-right: 20px;
	padding: 5px 20px;
	border: 1px solid;
}

.alp-summary .alp-name .status span {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 6px;
	float: left;
	margin-top: 2px;
}

.alp-summary .alp-name .status.green span {
  background-color: #63BE09;
}

.alp-summary .alp-name .status.green {
  color: #63BE09;
}

.alp-summary .alp-name .status.red span {
  background-color: #DD0000;
}

.alp-summary .alp-name .status.yellow span {
  background-color: #FFE100;
}

.alp-summary .alp-name .status.orange span {
   background-color: #FF8400;
}

.alp-summary .alp-info, 
.alp-summary .alp-huts, 
.alp-summary .alp-renters {
  padding: 0 15px;
  margin-bottom: 30px;
}

@media(max-width:767px){
	.alp-summary .alp-name:after {
	  clear: both;
	  content: ".";
	  display: block;
	  height: 0;
	  visibility: hidden;
	}
	.alp-summary .alp-name {
	  padding: 10px;
	}
	.alp-summary .alp-name .name {
	  font-size: 20px;
	  display: block;
	  text-align: center;
	  border-bottom: 1px solid #eaeaea;
	  margin-bottom: 10px;
	  padding-bottom: 3px;
	}
	.alp-summary .alp-name .status {
	  float: left;
	  display: block;
	  font-size: 16px;
	}
	.alp-summary .alp-name .status span {
	  width: 20px;
	  height: 20px;
	  margin-right: 3px;
	}
	.alp-summary .alp-name .year {
	  margin-right: 0;
	  padding: 3px 5px;
	  font-weight: 500;
	  font-size: 15px;
	}
}

/*Informazioni alpeggio*/
.alp-summary .alp-info .subgroup {
  margin-top: 30px;
}

.alp-summary .alp-info .item,
.alp-summary .alp-renter-animals .item {
  border-bottom: 1px solid #eaeaea;
  padding: 8px;
}

.alp-summary .alp-info .item span,
.alp-summary .alp-renter-animals .item span {
  font-weight: 800;
}

.alp-summary .alp-info .edit-alp {
  margin-top: 20px;
  text-align: right;
}

.alp-summary .alp-info .image > a {
	height: 275px;
	border: 2px solid #DDD;
	background-size: cover;
	background-position: center;
	display: block;
}

/*Malghe e Affittuari*/
.alp-summary .alp-huts .item,
.alp-summary .alp-renters .item {
  display: block;
  color: #0e1726;
  background-size: cover;
  background-position: center;
  height: 275px;
  position: relative;
  border: 2px solid #DDD;
}

.alp-summary .alp-huts .item .name,
.alp-summary .alp-renters .item .name {
  background-color: #247EB0;
  color: #FFF;
  display: inline-block;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 18px;
  position: absolute;
  top: 20px;
}

.alp-summary .alp-huts .item .delete,
.alp-summary .alp-renters .item .delete {
  position: absolute;
  background-color: #DD0000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  color: #FFF;
  bottom: 10px;
  right: 10px;
}

.alp-summary .alp-huts .item .delete:hover,
.alp-summary .alp-renters .item .delete:hover {
  background-color: #0e1726;
}

.alp-summary .alp-huts .new-button,
.alp-summary .alp-renters .new-button {
  border: 2px dashed #DDD;
  height: 275px;
  display: block;
  text-align: center;
  line-height: 300px;
  font-size: 101px;
  color: #9CC738;
}

.alp-summary .alp-huts .new-button:hover,
.alp-summary .alp-renters .new-button:hover {
  background-color: #9CC738;
  color: #FFF;
  border-color: #FFF;
}

.alp-summary .alp-info .image > a, 
.alp-summary .alp-huts .item, 
.alp-summary .alp-renters .item {
  position: relative;
}

.alp-summary .alp-info .image > a .overlay, 
.alp-summary .alp-huts .item .overlay, 
.alp-summary .alp-renters .item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #222;
  opacity: 0;
}

.alp-summary .alp-info .image > a:hover .overlay, 
.alp-summary .alp-huts .item:hover .overlay, 
.alp-summary .alp-renters .item:hover .overlay {
   opacity: 0.5;
}

.alp-summary .alp-action {
	text-align: center;
	border-top: 1px dashed #e0e6ed;
	padding-top: 25px;
}

.alp-summary .alp-gallery a .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #222;
  opacity: 0;
  transition: all 0.4s ease 0s;
}

.alp-summary .alp-gallery a:hover .overlay {
  opacity: 0.5;
}

/*Tematizzazioni*/
.alp-summary .alp-info.confirmed  .image > a,
.alp-summary .alp-huts .confirmed .item, 
.alp-summary .alp-renters .confirmed .item {
	border-color: #63BE09;
	border-width: 7px !important;
	margin-bottom: 30px;
}

.alp-summary .alp-info.saved .image > a,
.alp-summary .alp-huts .saved .item,
.alp-summary .alp-renters .saved .item {
   border-color: #DD0000;
   border-width: 7px !important;
}

@media(max-width:767px){
	.alp-summary .alp-info.confirmed  .image > a,
	.alp-summary .alp-huts .confirmed .item, 
	.alp-summary .alp-renters .confirmed .item {
		margin-bottom: 15px;
	}
	
	.alp-summary .panel-element .panel-top-button .btn {
		padding: 5px 10px;
		font-size: 15px;
		margin: 5px 0;
	}
	.alp-summary .alp-info .subgroup {
	  margin: 10px 0;
	}
	.alp-summary .alp-info .image > a {
	  height: 200px;
	}
	.alp-summary .alp-huts .item, .alp-summary .alp-renters .item {
	  height: 200px;
	  margin-bottom: 15px;
	}
	.alp-summary .alp-huts .new-button, .alp-summary .alp-renters .new-button {
	  height: 80px;
	  line-height: 80px;
	  font-size: 50px;
	}
	.alp-summary .alp-huts .item .name, .alp-summary .alp-renters .item .name {
	  padding: 10px;
	}
	.alp-summary .alp-action {
	  padding-top: 15px;
	}
	.alp-summary .alp-action .btn {
	  padding: 5px 8px;
	  margin: 5px 0;
	  font-size: 15px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Image e documenti MARIO
------------------------------------------------------------------------------------------------- */
.section.manage-alps .image-container .description,
.section.manage-alps .document-container .description {
   margin: 30px 0px 20px;
   border-top: 1px solid #505050;
   padding-top: 20px;
}

.section.manage-alps .image-container .load-link, 
.section.manage-alps .document-container .load-link {
   margin-bottom: 30px;
   text-align: right;
   border-bottom: 1px dashed #EAEAEA;
   padding: 0 15px 10px;
}

.section.manage-alps .image-list {
   margin: 0;
}

.section.manage-alps .document-list {
   padding: 0 30px;
}

.section.manage-alps .image-list .item,
.section.manage-alps .document-list .item {
   margin-bottom: 30px;
}

.section.manage-alps .document-list .item {
   position: relative;
   padding-left: 85px;
   min-height: 88px;
}

.section.manage-alps .image-list .item .image {
   height: 150px;
   background-size: cover;
   background-position: center;
   width: 100%;
   position: relative;
   margin-bottom: 5px;
}

.section.manage-alps .image-list .item .image .image-position {
   float: right;
   margin-right: 5px;
   margin-top: 3px;
}

.section.manage-alps .document-list .item .document-position {
   position: absolute;
   right: 15px;
}

   .section.manage-alps .image-list .item .image .image-position span,
   .section.manage-alps .document-list .item .document-position span {
      background-color: #247EB0;
      display: inline-block;
      width: 24px;
      height: 25px;
      font-size: 12px;
      text-align: center;
      line-height: 25px;
      color: #FFF;
      cursor: pointer;
      border-radius: 5px;
   }

      .section.manage-alps .image-list .item .image .image-position span:hover,
      .section.manage-alps .document-list .item .document-position span:hover {
         background-color: #0e1726;
      }

.section.manage-alps .image-list .item .file-description {
   white-space: nowrap;
   text-overflow: ellipsis;
   display: block;
   overflow: hidden;
   border-bottom: 1px solid;
   padding-bottom: 2px;
   margin-bottom: 2px;
}

.section.manage-alps .document-list .item .file-description {
   display: block;
   border-bottom: 1px solid;
   padding-bottom: 2px;
   margin-bottom: 2px;
   font-size: 17px;
   height: 50px;
   overflow: hidden;
   padding-right: 60px;
}

.section.manage-alps .image-list .item .image-actions span,
.section.manage-alps .document-list .item .document-actions span {
   display: inline-block;
   background-color: #247EB0;
   width: 30px;
   text-align: center;
   color: #FFF;
   border-radius: 5px;
   height: 25px;
   line-height: 26px;
   font-size: 13px;
   margin: 5px 3px 0 0;
   cursor: pointer;
}

   .section.manage-alps .image-list .item .image-actions span:hover,
   .section.manage-alps .document-list .item .document-actions span:hover {
      background-color: #0e1726;
   }

.section.manage-alps .document-list .item .icon {
   background: url("../Images/DocumentIcon.png") center no-repeat;
   width: 71px;
   height: 88px;
   display: block;
   position: absolute;
   background-size: contain;
   left: 0;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione affittuario
------------------------------------------------------------------------------------------------- */
.single-checkbox-with-input,
.single-checkbox {
  position: relative;
  padding-left: 35px;
}

.single-checkbox-with-input {
	min-height: 35px;
}

.single-checkbox-with-input .control-label {
  margin-top: 6px;
}

.single-checkbox-with-input .input-type-checkbox,
.single-checkbox .input-type-checkbox  {
  position: absolute;
  left: 15px;
  top: 6px;
}

.single-checkbox .input-type-checkbox  {
  top: 0;
}

.single-checkbox-with-input .input-type-number {
  width: 50px;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
}

.manage-alps .manage-renter #renterPersonContainer {
	padding: 0 15px;
}

@media(max-width:767px){

	.single-checkbox-with-input {
	  margin-bottom: 5px;
	  padding-left: 20px;
	}
	.single-checkbox-with-input .input-type-checkbox, 
	.single-checkbox .input-type-checkbox {
	  left: 0;
	}
	#other1ProductionContainer .form-group,
	#other2ProductionContainer .form-group {
	  margin-bottom: 5px;
	}
	#other1ProductionContainer .form-group {
	  padding: 0;
	}
}


/* ---------------------------------------------------------------------------------------------- */



/* Gestione Malga
------------------------------------------------------------------------------------------------- */
.manage-alps .table-surface table {
  max-width: 450px;
}

.manage-alps .table-surface table .name {
  width: 270px;
  font-weight: 600;
  position: relative;
  padding-left: 23px;
}

.manage-alps .table-surface table input {
  width: 165px;
  text-align: right;
}

.manage-alps .table-surface .table-responsive .validation-error-label {
   display: none !important;
}

.manage-alps .tooltip {
  position: absolute;
  opacity: 1;
  bottom: 16px;
  left: 6px;
  display: inline-block;
}

.manage-alps .tooltip i {
  color: #0C8344;
}

.manage-alps .tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 3px 5px;
  border-radius: 6px;
  position: absolute;
  bottom: -8px;
  left: 0px;
  margin-left: 0px;
  /* opacity: 0; */
  transition: opacity 0.3s;
  font-size: 12px;
  position: absolute;
}

.manage-alps .tooltip:hover .tooltiptext {
  visibility: visible;
}

@media(max-width:767px){
	.manage-alps .table-surface table .name {
	  width: 160px;
	  white-space: normal;
	}
	.manage-alps .table-surface table input {
	  width: 100px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Alpeggio
------------------------------------------------------------------------------------------------- */
#habitatContainer .input-type-checkbox {
  position: absolute;
  left: 15px;
}

#habitatContainer .form-group {
  padding-left: 37px;
  margin-bottom: 0;
  min-height: 51px;
}

#habitatContainer .form-group label {
  font-weight: normal;
}

@media(max-width:767px){
	#habitatContainer {
	  margin-bottom: 10px;
	}
	#habitatContainer .form-group {
	  min-height: auto;
	}
}

@media(max-width:767px){
	.manage-alps .table-surface .table-index table td {
	  width: 100%;
	  display: inline-block;
	  height: 50px;
	  text-align: center;
	}
	.manage-alps .table-surface .table-index table tr {
	  display: block;
	  height: auto;
	}
	.manage-alps .table-surface .table-index table td input {
	  width: 100%;
	  text-align: left;
	}
	.manage-alps .table-surface .table-index table td.name {
	  height: 36px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Carico Animale
------------------------------------------------------------------------------------------------- */
.manage-renter .animals table td .ow-numbers {
   width: 90px;
   text-align: center !important;
}

.manage-renter .animals table td input.ow-numbers  {
   margin: 0 auto;
}

.manage-renter .animals table .total-row,
.manage-renter .animals table .total td {
   background-color: #DDD;
}

.manage-renter .animals table th,
.manage-renter .animals table td {
   text-align: center !important;
}

.manage-renter .animals table td input {
   margin: 0 auto;
}

.manage-renter .animals table td.name {
   text-align: left !important;
   font-weight: bold;
}

.manage-renter .animals table.data-table tfoot tr {
	font-size: 15px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Statistiche
------------------------------------------------------------------------------------------------- */
.graph-grid .panel-element .panel-content {
	padding: 30px 15px 15px;
}

.graph-grid a.item {
  display: block;
  background-color: #FFF;
  margin-bottom: 15px;
  border: 1px solid #e9e9e9;
  padding: 15px;
  position: relative;
  padding-left: 88px;
  color: #4c4f53;
  font-size: 16px;
}

.graph-grid a.item:hover {
  background-color: #fafafa;
}

.graph-grid a.item > i {
	position: absolute;
	width: 60px;
	background-color: #0C8344;
	height: 60px;
	left: 15px;
	color: #FFF;
	line-height: 62px;
	border-radius: 50%;
	text-align: center;
	font-size: 26px;
}

.graph-grid a.item .title {
  font-size: 20px;
  font-weight: bold;
}

.graph-grid a.item .more {
  background-color: #247EB0;
  color: #FFF;
  padding: 2px 10px;
  border-radius: 7px;
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
}

.graph-grid a.item:hover .more {
  background-color: #0e1726;
}

/*Query*/
.execute-query .parameters .execute-query-description {
	padding: 0 15px 15px;
	font-size: 20px;
	position: relative;
	margin-bottom: 15px;
	font-weight: bold;
}

.execute-query .parameters .execute-query-description::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 3px;
	background-color: #1AB8DE;
	left: 15px;
	bottom: 0;
}

.execute-query-message {
	background-color: #e9e9e9;
	padding: 20px;
	text-align: center;
	font-size: 20px;
}

.execute-query .list .panel-content {
	padding: 20px 15px;
}

.fa.fa-bar-chart::before {
	content: "\f080";
}
/* ---------------------------------------------------------------------------------------------- */



/* Alpeggi/Rilevatori
------------------------------------------------------------------------------------------------- */
.other-actions {
    background-color: #247EB0;
    padding: 5px;
    margin-bottom: 15px;
}

.other-actions a {
	color: #fff;
	padding-right:15px;
}

.other-actions a i {
    background-color: rgba(255,255,255,0.3);
    padding: 5px;
    display: inline-block;
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 2px;
    font-size: 18px;
    text-align: center;
}

.other-actions a:hover i {
	background-color: #0e1726;
}

.col-md-6 .tab-alps {
    background-color: #fff;
    padding: 15px;
}

.tab-alps .tab-alps-title {
    border: 2px solid #247EB0;
    padding: 15px;
    font-weight: bold;
    color: #247EB0;
    position: relative;
    margin-bottom: 15px;
    min-height: 68px;
}

.tab-alps .tab-alps-title .title {
    font-size: 18px;
    font-weight: 600;
}

.tab-alps.associated .title {
	padding-right: 15px;
}

.tab-alps.associated .title,
.tab-alps.associated .form-group {
    display: inline-block;
}

.tab-alps.associated .form-group {
	width: 60%;
	margin-bottom: 0px;
}

.tab-alps.associated .form-group select {
	font-size: 16px;
}

.tab-alps .tab-alps-title .btn-filter {
    background-color: #66A5C8;
    padding: 12px;
    display: inline-block;
    color: #fff;
    width: 59px;
    height: 59px;
    margin: 2px;
    font-size: 27px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
}

.tab-alps .tab-alps-title .btn-filter:hover {
	background-color: #247EB0;
}

.tab-alps .tab-alps-filter{
    background-color: #f1f2f3;
    padding: 10px;
    margin-bottom: 15px;
}

.tab-alps .tab-alps-filter .input-type-checkbox3{
    display: inline-block;
    float: left;
}

.tab-alps .tab-alps-filter .subgroup {
    border-bottom: 3px solid #fff;
    clear: both;
    margin-bottom: 15px;
    padding: 0 15px;
}

.tab-alps .tab-alps-filter .subgroup span{
    color: #247EB0;
    background-color: #FFF;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    padding: 3px 10px;
    text-transform: uppercase;
}

.tab-alps-filter .button{
  text-align: right;
}

.tab-alps-filter .button .btn.btn-primary{
  margin-top: -15px;
}

.tab-alps  .tab-alps-label {
    background-color: #66A5C8;
    color: #fff;
    margin: 0px;
    padding: 7px;
    font-weight: 600;
}

.tab-alps  .tab-alps-actions {
   margin-top: 15px;
   margin-bottom: 15px;
}

.tab-alps .tab-alps-actions .checkbox-container .checkmark {
   position: absolute;
   top: 4px;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #dcdee1;
   display: inline-block;
}

.tab-alps .tab-alps-actions .checkbox-container:hover input ~ .checkmark {
   background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
   background-color: #f9f9f9;
}

.tab-alps .tab-alps-actions .checkbox-container .checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.tab-alps .tab-alps-actions .checkbox-container input:checked ~ .checkmark:after {
   display: block;
}

.checkbox-container .checkmark::after {
   left: 6px;
   top: 3px;
   width: 7px;
   height: 12px;
   border: solid #000;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.tab-alps  .tab-alps-actions .form-group {
	padding-right: 15px;
	display: inline-block;
	margin-bottom: 0px;
	width: auto;
	padding-top: 5px;
}

.tab-alps  .tab-alps-actions .input-div,
.tab-alps .tab-alps-actions label {
	float: left;
	margin-left: 4px;
	padding-top: 2px;
}

.tab-alps  .tab-alps-actions .add-associations,
.tab-alps  .tab-alps-actions .remove-associations{
	float: right;
}

.tab-alps .tab-alps-list .item {
   background-color: #f1f2f3;
   margin: 0px;
   padding: 7px;
   margin-bottom: 10px;
   cursor: pointer;
}

.tab-alps .tab-alps-list .item:hover,
.tab-alps .tab-alps-list .item.active {
   background-color: #dcdee1;
}

.tab-alps .tab-alps-list .item.associated {
	cursor: unset;
}

.tab-alps .tab-alps-list .item.associated:hover,
.tab-alps .tab-alps-list .item.associated.active {
   background-color: #f1f2f3;
}


.tab-alps .tab-alps-list .checkbox-container .checkmark {
   position: absolute;
   top: 4px;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #fcfcfc;
}

.tab-alps .tab-alps-list .checkbox-container:hover input ~ .checkmark {
   background-color: #ccc;
}

.tab-alps .tab-alps-list .checkbox-container input:checked ~ .checkmark {
   background-color: #f9f9f9;
}

.tab-alps .tab-alps-list .checkbox-container .checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.tab-alps .tab-alps-list .checkbox-container input:checked ~ .checkmark:after {
   display: block;
}

.checkbox-container .checkmark::after {
   left: 6px;
   top: 3px;
   width: 7px;
   height: 12px;
   border: solid #000;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
/* ---------------------------------------------------------------------------------------------- */



/* Storico
------------------------------------------------------------------------------------------------- */
a.action-back {
    color: #0e1726;
    font-weight: 600;
}

a.action-back i {
    background-color: #247EB0;
    color: #fff;
    padding: 8px 8px;
    border-radius: 10px;
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 2px;
}

a.action-back:hover i {
	background-color: #000;
}

.history-button {
    color: #0C8344;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    display: block;
}

.alp-history {
    margin: 10px 0px;
}

.alp-history .item{
    background-color: #f9f9f9;
    display: inline-block;
    width: 100%;
    padding: 4px 0px;
    margin: 0px;
}

.alp-history .item .changed {
    background-color: #f3cecf;
    padding: 1px 5px;
}

.alp-history .year,
.alp-history .name,
.alp-history .municipality {
	font-weight: 600;
}

.hut-history {
	margin: 10px 0px;
}

.hut-history .item{
    background-color: #f9f9f9;
    display: inline-block;
    width: 100%;
    padding: 4px 0px;
    margin: 0px;
}

.hut-history .item .changed {
	background-color: #f3cecf;
    padding: 1px 5px;
}

.hut-history .year,
.hut-history .alp-name,
.hut-history .hut-name,
.hut-history .municipality {
	font-weight: 600;
}

.pasture-history {
	margin: 10px 0px;
	background-color: #f9f9f9;
	padding: 50px 0px;
}

.pasture-history table {
    max-width: 80% !Important;
	margin: 0 auto;
}

.pasture-history table .tr-background {
    background-color: #0C8344;
}

.pasture-history table .tr-background td {
    height: 8px;
    padding: 0px;
}

.td-bold {
	font-weight: 600;
}
/* ---------------------------------------------------------------------------------------------- */