/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/


/*MARIO*/

.section.manage-productions .productions2 table thead tr th {
   vertical-align: top;
}

.section.manage-productions .productions2 table thead tr th span {
  white-space: nowrap;
}

.section.manage-productions .productions2 table tfoot tr td {
   font-weight: bold;
}

.section.manage-productions .productions2 table th.total {
   font-weight: bold;
}

.section.manage-productions .productions2 table th.utf, .section.manage-productions .productions3 table th.utf {
   background-color: #FCD5B4;
}

.section.manage-productions .productions2 table th.service, .section.manage-productions .productions3 table th.service {
   background-color: #FFFFFF;
}

.section.manage-productions .productions2 table th.enel, .section.manage-productions .productions3 table th.enel {
   background-color: #D8E4BC;
}

.section.manage-productions .productions2 table thead tr th span {
   float: none;
}


.section.manage-plants .plants table tbody tr.not-updated-production td.year-current,
.section.manage-plants .plants2 .plants-container .item.not-updated-production .production strong,
.section.manage-productions .plants table tbody tr.not-updated-production td.year-current,
.section.statistics .plants table tbody tr.not-updated-production td.year-current {
   background-color: yellow;
}



div.element-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
}

div.element-selected label {
	font-weight: bold;
}

div.element-selected .form-control[disabled] {
	background-color: #ABC628;
	border: 1px dashed #FFF;
	color: #FFF;
}


/* General
------------------------------------------------------------------------------------------------- */
body {
   background: #f2f2f2;
}

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: #4c4f53;
}

.section-title h2,
.section-title h1 {
   font-size: 22px;
   margin-bottom: 15px;
   margin-top: 5px;
   letter-spacing: 0px;
   font-weight: 500;
}

.section-title i {
   margin-right: 7px;
}

.buttons {
	margin-bottom: 0px !Important;
}

.btn {
   border-radius: 30px;
   box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
   padding: 7px 20px;
   text-transform: uppercase;
   font-weight: 600;
}

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

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

.btn-secondary {
   background-color: #fff;
   border-color: #EAEAEA;
   color: #555;
}

.btn-secondary:focus,
.btn-secondary:hover {
   background-color: #EAEAEA;
   border-color: #EAEAEA;
   color: #555;
}

.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #555;
    border-color: #555;
}

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

.btn.btn-red:hover {
   background-color: #333;
}

.btn.btn-red.btn-small {
   padding: 2px 10px;
}

.btn span i.fa {
   margin-right: 5px;
}

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

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

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

div.actions {
   margin-bottom: 15px;
}

div.actions:after,
.clear-fields:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

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

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

.fullscreen-mode {
   overflow: hidden;
}

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

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

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

.modal table.data-table tbody tr td{
	padding: 5px 7px !Important;
}

.modal .input-type-checkbox {
	height: 14px;
}

.scrollit {
	overflow: scroll;
    max-height: 210px;
    margin-bottom: 15px;
}

.scroll-calendar {
	overflow: scroll;
    max-height: 400px;
    margin-bottom: 15px;
}

.scroll-gallery {
	overflow: scroll;
    max-height: 400px;
    margin-bottom: 15px;
}

/*Option-button*/
.form-radiobutton .input-group {
   display: block;
}

.form-radiobutton .input-group::after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.form-radiobutton .input-group input {
   display: inline-block;
   float: left;
   width: 25px;
   height: 20px;
}

.form-radiobutton .input-group .option-label {
   float: left;
   display: block;
   line-height: 30px;
   margin-bottom: 0;
}

table.data-table tbody tr td.td-position {
	text-align: center;
}

@media(max-width: 767px){
	.section-title h2, 
	.section-title h1 {
		font-size: 18px;
  		margin-bottom: 5px;
	}

	#page-content .container-block {
		margin-top: -10px;
	}
}


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



/* Header
------------------------------------------------------------------------------------------------- */
header {
   background: #fff;
}

header .brand-box {
    border-right: 1px solid #f2f2f2;
    position: relative;
    display: inline-block;
    padding: 14px;
  	float: left;
}

header .brand {
	background: transparent url(../Images/LogoPortale.png) no-repeat scroll center center / contain;
    display: inline-block;
    float: left;
    height: 70px;
    width: 241px;
}

.toggle-left-panel {
   float: right;
   margin: 25px 35px 25px 5px;
   padding: 8px !important;
   text-align: center;
   height: 40px;
   width: 40px;
   font-size: 20px;
   position: relative;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);
   color: #BE212B;
}

.toggle-left-panel:hover {
   background: #f2f2f2;
   color: #BE212B;
}

.hidden-menu .toggle-left-panel:hover {
  color: #6d6a69;
}

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

header .section.login #login a.toggle-modal{
	float: right;
    margin: 25px 5px;
    padding: 7px !important;
    text-align: center;
    height: 40px;
    width: 40px;
    font-size: 20px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);
    background-color: #BE212B;
    color: #fff;
}

#header-sections-container {
    display: inline-block;
  	float: right;
}

#header-sections-container .logout {
	margin-top: 28px;
    margin-right: 15px;
    background-color: #BE212B;
    border-radius: 30px;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
    padding: 5px 30px;
}

#header-sections-container .logout i {
    font-size: 17px;
    margin-right: 18px;
    padding-top: 7px;
    border-radius: 50%;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 30px;
    width: 30px;
    color: #BE212B;
    background-color: #fff;
    text-align: center;
}

#header-sections-container .logout a {
	color: #fff;
    padding: 1px 5px 0px 5px;
  	border-right: 1px solid #fff;
}

#header-sections-container .logout a.logout-link {
	border-right: 0px;
}

#header-sections-container .logout a:hover {
	color: #555;
}
	
#header-sections-container .logout a.user-link {
	font-weight: 600;
}

@media(max-width: 767px){
	header .brand {
		height: 30px;
  		width: 70px;
	}

	.toggle-left-panel {
      	margin: 5px 35px 5px 5px;
	}

	header .section.login #login a.toggle-modal {
		margin: 5px 15px;
	}

	#header-sections-container .logout {
		margin-top: 5px;
	}
	
	header .brand-box {
		padding: 11px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
#footer-copyright {
    position: absolute;
    left: 34px;
    z-index: 900;
    font-size: 13px;
    bottom: 20px;
    color: #555;
    z-index: 0;
}

@media(max-width: 991px){
	#footer-copyright {
		position: relative;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Panel
------------------------------------------------------------------------------------------------- */
.panel-element {
   margin-bottom: 20px;
}

.panel-element > .panel-header {
    border: 1px solid #EAEAEA;
    background: #fff none repeat scroll 0 0;
    padding-left: 10px;
    border-bottom: 0px;
}

.panel-element > .panel-header h2 {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    background-color: #BE212B;
    color: #fff;
    padding: 2px 16px 2px 15px;
    border-radius: 30px;
    margin-top: 15px;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
    margin-left: 0px;
    text-transform: uppercase;
}

.panel-element > .panel-header .actions > a {
   border-left: 1px solid #ccc;
   color: #4c4f53;
   display: inline-block;
   padding: 7px 12px;
}

.panel-element .panel-header h2 i {
   margin-right: 5px;
}

.panel-element > .panel-content {
   background-color: #fff;
   border-left: 1px solid #EAEAEA;
   border-right: 1px solid #EAEAEA;
   border-top: medium none;
   font-size: 15px;
   margin: 0;
   padding: 15px 0;
   position: relative;
   /* text-align: center; */
}

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

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

.panel-element > .panel-footer {
   background: #Fff none repeat scroll 0 0;
   border-top: none;
   border-bottom: 1px solid #EAEAEA;
   border-left: 1px solid #EAEAEA;
   border-right: 1px solid #EAEAEA;
   padding: 15px;
}

@media(max-width: 767px){
	.panel-element > .panel-content {
		padding-bottom: 5px;
	}

	.panel-element > .panel-footer {
		padding-top: 0px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



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

.input-div .select-buttons {
   margin-top: 10px;
}

.form-group {
   margin-bottom: 10px;
   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;
}

label {
   font-weight: lighter;
}

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

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

.decoration-label {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    border-bottom: 1px dashed #BE212B;
}

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

.form-control:focus {
   border-color: #BE212B;
   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;
}

fieldset legend {
   display: inline-block;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 34px;
   margin: 0;
   background-color: #BE212B;
   color: #fff;
   padding: 2px 16px 2px 15px;
   border-radius: 30px;
   margin-top: 15px;
   box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
   margin-left: 0px;
   text-transform: uppercase;
   width: auto;
   margin-bottom: 30px;
}

.input-div .input-group {
   float: left;
   width: 200px;
}

.select2-container--default .select2-selection--single {
   border: 1px solid #EAEAEA;
}

.subgroup {
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    border-bottom: 1px dashed #BE212B;
    padding-left: 15px;
    padding-bottom: 5px;
	padding-top: 0px;
    margin-bottom: 5px;
    font-weight: 600;
}

.subgroup .name {
	min-width: 350px;
    display: inline-block;
    position: relative;
    max-width: 350px;
    padding-right: 50px;
}

.subgroup .name a.warnings {
	margin-right: 5px;
  	position: absolute;
    right: 20px;
}

.health-insurance-certificates a{
	margin-top: 15px;
}

.notification-methods {
	padding-left: 55px;
  	margin-bottom: 10px;
}

.notification-methods .subgroup {
	margin-bottom: 15px;
    display: inline-block;
    padding-top: 0px;
}

.notifications .notification {
  	border: solid 1px #EAEAEA;
  	margin: 0px 0px 10px;
}

.notifications .notification .icon {
	position: absolute;
  	right: 5px;
  	top: 2px;
}


.notifications .notification .icon i {
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !important;
    height: 23px;
    width: 23px;
    text-align: center;
    color: #BE212B !Important;
    display: inline-block;
    padding: 2px 0px 0px 0px!Important;
    border-radius: 50% !Important;
    border: 1px solid #f9f9f9 !Important;
  	background-color: #fff;
}

.notifications .notification.out .user-text {
	display: none;
}

.notifications .notification .icon .disabled i {
	background-color: #fff;
  	color: #555 !Important;
}

.notifications .notification .subject {
	background-color: #f2f2f2;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 10px;
  	padding-right: 120px;
  	position: relative;
}

.notifications .notification .body {
	padding: 5px 10px;	
}

.notifications .notification.in {
	border: solid 1px rgba(118,131,154,0.3);
  	text-align: right;
}

.notifications .notification.in .user-text {
	background-color: rgba(118,131,154,0.3);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 10px;
  	position: relative;
}

.notifications .subject .created-date {
	text-transform: initial;
    letter-spacing: 0px;
    font-size: 11px;
    padding-right: 10px;
    display: block;
    width: 171px;
    font-weight: 300;
}

.notifications .user-text .created-date {
    text-transform: initial;
    letter-spacing: 0px;
    font-size: 11px;
    display: block;
    font-weight: 300;
  	text-align: right;
}

@media(max-width: 767px){
	.subgroup .name {
		margin-bottom: 10px;
	}

	.subgroup .name a.warnings {
    	position: absolute;
    	left: auto;
  		right: auto;
    	margin-left: 10px;
	}

	.health-insurance-certificates a{
		margin-top: 0px;
		margin-bottom: 7px;
	}
	
}

@media(max-width: 767px){
	.subgroup {
  		margin-bottom: 12px;
  		display: block;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Modal
------------------------------------------------------------------------------------------------- */
.modal-body {
    background-color: #f2f2f2;
    margin: 15px 0px;
}


.modal-content {
	background-color: #EAEAEA;
  	text-align: initial;
}

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

.modal .modal-dialog .modal-header .title,
.modal .modal-dialog .modal-header .modal-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    background-color: #BE212B;
    color: #fff;
    padding: 5px 70px 5px 30px;
    border-radius: 0px 30px 30px 0px;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
    margin-left: 0px;
    text-transform: uppercase;
    margin-top: 15px;
}

.modal .modal-dialog .modal-header .modal-title {
	float: left;
}

.modal .modal-dialog .modal-header button{
    opacity: 1;
    margin: 15px;
    height: 38px;
    width: 38px;
    font-size: 20px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);
    color: #BE212B;
}

.modal .modal-dialog .modal-footer {
   border-radius: 0 0 5px 5px;
}

.modal .modal-dialog .modal-footer .password-reminder a {
	color: #555;
  	text-decoration: underline;
  	font-size: 13px;
  	padding: 10px;
}

.modal .modal-dialog .modal-footer .password-reminder a:hover {
	color: #BE212B;
}

.modal .form-group {
   margin-bottom: 15px;
}

.standard-inscriptions .form-control {
	height: auto;
}

.modal .standard-notifications-number .notification-list-number {
	margin: 10px 0px 15px;
}

.modal .standard-notifications-number .text {
	font-weight: 600;
}

.modal .standard-notifications-number .notification-list-number .notification-item-number {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !important;
    text-align: center;
    color: #222;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 28px;
    border: 1px solid #f9f9f9 !Important;
    background-color: #fff;
  	margin-right: 5px;
}

.modal .standard-notifications-number .notification-list-number .notification-item-number i {
    height: 27px;
    width: 27px;
    text-align: center;
    color: #fff!Important;
    display: inline-block;
    padding: 3px 3px 3px 3px!Important;
    border-radius: 50% !Important;
    border: 1px solid #f9f9f9 !Important;
    background-color: #BE212B;
    font-size: 14px;
    line-height: 19px;
    margin-right: 5px;
    text-align: center;
}

.modal .error-message {
    background-color: #BE212B;
    color: #fff;
    border-radius: 15px;
    display: inline-block;
    width: auto;
    margin-left: 15px;
    margin-bottom: 10px;
    padding: 7px 15px 7px 36px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
}

.modal .error-message:before {
	position: absolute;
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	left: 15px;
}

#modalAlert {
    z-index: 99999999;
}

#modalAlert .modal-header {
    background-color: #EAEAEA;
}

#modalAlert .modal-body {
    font-size: 16px;
}

#standardInsertEmojiAnchor {
	position: absolute;
    right: 16px;
    bottom: 14px;
    background-color: #f9f9f9;
    padding: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
  	z-index: 2;
}

.emoji {
	background-size: cover !Important;
}

.emoji-tab-recent {
	background-image: url('../Images/Recenti.png') !Important;
}

.emoji-tab-people {
	background-image: url('../Images/Faccine.png') !Important;
}

.emoji-tab-nature {
	background-image: url('../Images/Natura.png') !Important;
}

.emoji-tab-food {
	background-image: url('../Images/Cibo.png') !Important;
}

.emoji-tab-activity {
	background-image: url('../Images/Calcio.png') !Important;
}

.emoji-tab-travel {
	background-image: url('../Images/Macchina.png') !Important;
}

.emoji-tab-object {
	background-image: url('../Images/Oggetto.png') !Important;
}

.emoji-tab-symbol {
	background-image: url('../Images/Simboli.png') !Important;
}

.emoji-tab-flag {
	background-image: url('../Images/Bandiera.png')!Important;
}

@media(max-width: 991px){
	.modal-body .item-box .item-switch {
		padding-left: 15px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



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

.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;
}

.hidden-menu #page-content {
	margin-left: 10px;
	/*z-index: 1;*/
	position: relative;
}

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

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

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

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

#left-panel .navbar-default .navbar-nav > li > a {
    color: #555;
    padding: 15px 30px;
    margin-bottom: 15px;
    padding-left: 75px;
    line-height: 16px;
}

#left-panel .navbar-default .navbar-nav > li > a:hover {
   	background-color: #BE212B;
    color: #fff;
    border-radius: 0 30px 30px 0;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
}

#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: #BE212B;
    color: #fff;
    border-radius: 0 30px 30px 0;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
}

#left-panel .navbar-default .navbar-nav > li > a i { 
    font-size: 17px;
    margin-right: 18px;
    padding-top: 5px;
    position: absolute;
    left: 29px;
    top: 3px;
    border-radius: 50%;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 35px;
    width: 35px;
    text-align: center;
  	line-height: 23px;
    top: 50%;
    margin-top: -17.5px;
  	color: #BE212B;
    background-color: #fff;
}

#left-panel .navbar-default .navbar-nav > .active > a::after {
	color: #fff !Important;
}

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

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

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

@media(max-width: 767px){
	#left-panel {
	 	margin-top: 54px;
  		padding-top: 15px;
	}

	.hidden-menu #left-panel {
    	left: -100%;
	}

	#left-panel .navbar-default .navbar-nav > li > a i {
		left: 15px;
	}

	#left-panel .navbar-default .navbar-nav > li > a {
		margin-bottom: 2px;
  		padding-left: 60px;
	}
}

/*Secondo Livello*/
#left-panel .navbar-default .navbar-nav > li.open > a.dropdown-toggle {
    color: #fff;
    background-color: #BE212B;
    border-radius: 0 30px 30px 0;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
}

.dropdown-menu {
   border: none;
   border-radius: 0;
   margin-bottom: 10px;
   position: relative;
}

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

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

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

.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: #555;
   content: "\f054";
   font-family: "Font Awesome 5 Free";
   font-size: 14px;
   margin: 0;
   position: absolute;
   right: 25px;
   top: 14px;
   font-weight: 600;
}

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

#left-panel .navbar-default .navbar-nav > li.dropdown.open > a:after {
   color: #FFF;
   content: "\f078";
}
/* ---------------------------------------------------------------------------------------------- */


/* Breadcrumbs
------------------------------------------------------------------------------------------------- */
ol.breadcrumb {
   border-radius: 0;
   font-size: 12px;
   margin: 0px;
   padding: 15px 0px 0px 0px;
}

.breadcrumb > li {
   display: inline;
}

.breadcrumb > li a {
   color: #BE212B;
}

.breadcrumb > li:first-child a {
    font-size: 12px;
    padding-top: -2px;
    top: 3px;
    border-radius: 50%;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 20px;
    width: 20px;
    text-align: center;
    color: #BE212B;
    background-color: #fff;
  	display: inline-block;
}

.breadcrumb > li span {
   color: #BE212B;
}

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

.breadcrumb > li a:hover {
	color: #555;
}

.breadcrumb > li:first-child a:hover { 
	color: #fff;
  	background-color: #BE212B;
}

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



/* Login
------------------------------------------------------------------------------------------------- */
.section.userinfo {
   border-bottom: 1px solid #525151;
   box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset;
   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 {
   display: inline-block;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 34px;
   margin: 0;
   background-color: #BE212B;
   color: #fff;
   padding: 5px 85px 5px 30px;
   border-radius: 0px 30px 30px 0px;
   box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
   margin-left: 0px;
   text-transform: uppercase;
   margin-top: 15px;
   margin-bottom: 15px;
}

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

.panel.panel-success .info {
	display: none;
}

.panel .form-horizontal .control-label {
   padding-left: 10px;
   text-align: left;
   font-weight: 500;
}

.reset-password-container h1 {
	display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    background-color: #BE212B;
    color: #fff;
    padding: 2px 16px 2px 15px;
    border-radius: 30px;
    margin-top: 15px;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
    margin-left: 0px;
    text-transform: uppercase;
  	margin-bottom: 30px;
}

.reset-password-container .validation-required {
    background-image: none !important;
}

.reset-password-container .validation-required::before {
    content: "*";
    margin-right: 2px;
}

.reset-password-container .input-div {
	padding-left: 0px !Important;
}

.form-horizontal .control-label {
    float: left !Important;
    width: 15% !Important;
}
 
.reset-password-container .form-horizontal .legend {
	display: none;
}

.reset-password-container .button-secondary,
.simple-registration .button-secondary{
	background-color: #fff;
    border-color: #EAEAEA;
    color: #555;
    border-radius: 30px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    padding: 7px 20px;
    text-transform: uppercase;
    font-weight: 600;
  	font-size: 14px;
}

.button-secondary:hover {
    background-color: #EAEAEA;
    border-color: #EAEAEA;
    color: #555;
}
  
.panel-success .keep-login .control-label {
	display: none;
}

.panel-success .button-secondary {
	padding-bottom: 0px;
    text-decoration: underline;
    display: inline-block;
    padding-top: 10px;
    font-size: 13px;
    color: #555;
}

.panel-success .button-secondary:hover {
	color: #BE212B;
}

.panel-success #ContentPanePlaceHolder_ctl00_CancelButton {
	padding-bottom: 30px;
}

@media(max-width: 767px){
	.panel.panel-success {
		margin: 0px 15px;
	}

	.panel-success #ContentPanePlaceHolder_ctl00_CancelButton {
		padding-bottom: 15px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Table
------------------------------------------------------------------------------------------------- */
table tfoot tr td.actions {
   padding-top: 13px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Panel Documenti
------------------------------------------------------------------------------------------------- */
.panel-element.documents .panel-content {
   padding: 40px 35px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Calendar
------------------------------------------------------------------------------------------------- */
.calendar-header .current-date,
.monthly-hours-header .current-date {
   font-weight: bold;
   text-transform: uppercase;
}

.calendar-day-title {
   margin-top: 15px;
}

.calendar-day-title div {
   background-color: #4c4f53;
   border-right: 1px solid #CCC;
   color: #fff;
   float: left;
   font-weight: bold;
   padding: 10px 0;
   text-align: center;
   width: 14.2857%;
}

.calendar-day-title div:last-child {
   border-right: none;
}

.calendar-day-title {
   border-left: 2px solid #4c4f53;
}

.calendar-header .month-select {
   display: inline-block;
   float: none;
   margin-bottom: 0;
   max-width: 250px;
   padding-left: 2px;
}

.calendar-header .month-select select {
   height: 33px;
   padding-top: 3px;
   padding-bottom: 5px;
}

@media(max-width:767px) {
   .calendar-header .month-select {
      max-width: 150px;
      padding: 0;
   }
}

.calendar-content {
   border-left: 1px solid #CCC;
}

.calendar-day-title:after,
.calendar-content:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.calendar-content .calendar-day {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   float: left;
   height: 170px;
   overflow-y: auto;
   padding: 5px;
   width: 14.2857%;
}

.calendar-content .prev-month.calendar-day,
.calendar-content .next-month.calendar-day {
   background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
   background-size: 27px 27px;
}

.calendar-content .calendar-day .day-info {
   margin-bottom: 4px;
}

@media(min-width: 992px) {
   .calendar-content .calendar-day .month-day span.day {
      display: none;
   }
}

.calendar-content .calendar-day .month-day {
   background-color: #CCC;
   color: #fff;
   display: inline-block;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
}

.calendar-content .calendar-day .month-day:hover {
   background-color: #AAA;
   text-decoration: none;
}

.calendar-content .prev-month.calendar-day .month-day,
.calendar-content .next-month.calendar-day .month-day {
   background-color: #f1f1f1;
}

.calendar-content .prev-month.calendar-day .month-day:hover,
.calendar-content .next-month.calendar-day .month-day:hover {
   background-color: #CCC;
}

.calendar-content .calendar-day.current-date .month-day {
   background-color: #3276b1;
}

.calendar-content .calendar-day.current-date .month-day:hover {
   background-color: #275b89;
}

.calendar-content .calendar-day .day-info .add {
   background-color: #fff;
   border: 1px solid #ccc;
   color: #333;
   display: inline-block;
   float: right;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
}

.calendar-content .calendar-day .day-info .add:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.calendar-content .prev-month.calendar-day .day-info .add,
.calendar-content .next-month.calendar-day .day-info .add {
   border-color: #f1f1f1;
   color: #f1f1f1;
}

.calendar-content .prev-month.calendar-day .day-info .add:hover,
.calendar-content .next-month.calendar-day .day-info .add:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.calendar-content .calendar-day .details-container {
   max-height: 128px;
}

.agend-calendar .calendar-content .calendar-day .detail-container {
   /* serve quando l'agenda non ha assegnato una commessa */
   background-color: #aaaaaa;
   color: #ffffff;
}

.calendar-content .calendar-day .detail-container {
   background-color: #FFECE0;
   border-radius: 3px;
   font-size: 13px;
   margin-bottom: 2px;
   padding: 2px 3px;
   position: relative;
}

.calendar-content .calendar-day .detail-container a {
   color: #7d7d7d;
}

.calendar-content .prev-month.calendar-day .detail-container,
.calendar-content .next-month.calendar-day .detail-container {
   opacity: 0.5;
}

.calendar-content .calendar-day .detail-container:hover {
   opacity: 0.9;
}

.calendar-content .calendar-day .detail-container span {
   /*color: #606060;*/
   display: block;
   line-height: 13px;
   max-width: 150px;
   overflow: hidden;
   white-space: nowrap;
   word-wrap: break-word;
}

.calendar-content .calendar-day .detail-container span.time {
   display: inline;
   float: left;
   font-weight: lighter;
   margin-right: 5px;
   width: auto;
}

.calendar-content .calendar-day .detail-container .info-container {
   max-width: 150px;
}

@media(min-width: 992px) {
   .calendar-content .calendar-day .detail-container .info-container:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }
}

.calendar-content .calendar-day .detail-container .icons-container {
   display: block;
   text-align: right;
   width: auto;
}

.calendar-content .calendar-day .detail-container .delete {
   background: none;
   color: #fff;
   position: absolute;
   right: 4px;
   top: 0;
}

.calendar-content .calendar-day .detail-container .delete:hover {
   color: #333;
}

@media(max-width:991px) {
   .calendar-day-title,
   .calendar-content .prev-month.calendar-day,
   .calendar-content .next-month.calendar-day {
      display: none;
   }

   .calendar-content .calendar-day {
      height: auto;
      width: 100%;
   }

   .calendar-header {
      margin-bottom: 10px;
   }

   .calendar-content .calendar-day .day-info {
      float: left;
      margin-bottom: 0;
      margin-right: 5px;
   }

   .calendar-content .calendar-day .month-day {
      display: inline-block;
      height: auto;
      line-height: 15px;
      padding: 5px;
      width: 35px;
   }

   .calendar-content .calendar-day .month-day > span {
      display: block;
      float: none;
   }

   .calendar-content .calendar-day .month-day span.number {
      font-weight: bold;
   }

   .calendar-content .calendar-day .month-day span.day {
      font-size: 12px;
   }

   .calendar-content .calendar-day .day-info .add {
      display: block;
      float: none;
      margin-top: 3px;
      width: 35px;
   }

   .calendar-content .calendar-day .details-container {
      margin-left: 40px;
      max-height: 100%;
   }
}

@media(max-width:1200px) {
   .calendar-content .calendar-day .detail-container span.time {
      float: none;
   }

   .calendar-content .calendar-day .detail-container .icons-container {
      text-align: left;
   }
}

/*Dettaglio giorno*/
.calendar-day-header {
   margin-bottom: 10px;
}

.calendar-day-header .date {
  font-weight: bold;
}

.calendar-day-content {
   margin-top: 10px;
}

.calendar-day-content .rapport-item,
.calendar-day-content .agend-item {
   border-radius: 5px;
   color: #606060;
   margin-bottom: 5px;
   padding: 10px;
}

.calendar-day-content .agend-item {
   /* serve quando l'agenda non ha assegnato una commessa */
   background-color: #aaaaaa;
   color: #ffffff;
}

.calendar-day-content .rapport-item span,
.calendar-day-content .agend-item span {
   display: block;
}

.calendar-day-content .rapport-item span.project,
.calendar-day-content .rapport-item span.job-type,
.calendar-day-content .agend-item span.job-type,
.calendar-day-content .agend-item span.project {
   border-bottom: 1px dashed;
   font-weight: bold;
   margin-bottom: 5px;
   padding-bottom: 5px;
   text-transform: uppercase;
}

.calendar-day-content .rapport-item .actions,
.calendar-day-content .agend-item .actions {
   margin-top: 5px;
   text-align: center;
}

.calendar-day-content .rapport-item .actions a,
.calendar-day-content .agend-item .actions a {
   background-color: #fff;
   color: #333;
   display: inline-block;
   height: 25px;
   line-height: 25px;
   margin-right: 2px;
   text-align: center;
   width: 25px;
}

.calendar-day-content .rapport-item .actions a.delete,
.calendar-day-content .agend-item .actions a.delete {
   background-image: none;
}

.calendar-day-content .rapport-item .actions a:hover,
.calendar-day-content .agend-item .actions a:hover {
   background-color: #dadada;
}
/* ---------------------------------------------------------------------------------------------- */



/* Dettaglio agenda
------------------------------------------------------------------------------------------------- */
.agend-.agend-shared span.subtitle {
   font-size: 15px;
   border-bottom: 1px solid #ccc;
   display: block;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.agend-record .agend-repeater div.dom, 
.agend-record .agend-repeater div.dow {
   margin-left: 24px;
}

.agend-record .agend-repeater div.dow input[type="checkbox"] {
  margin-right: 10px;
}

.agend-record .agend-repeater input[type="radio"] {
   margin-top: 15px;
}



/* Lista commesse - Fasi di Lavoro
------------------------------------------------------------------------------------------------- */
table.data-table tbody tr.new {
   background-color: Transparent;
}

table.data-table tbody tr.open {
   /*background-color: #dff0d8;*/
   background-color: #CCDFFF;
}

table.data-table tbody tr.closed {
   background-color: #f2dede;
}
/* ---------------------------------------------------------------------------------------------- */


/* Riepilogo Commessa
------------------------------------------------------------------------------------------------- */
.actions a span {
   border-radius: 2px;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   color: #fff;
   display: block !important;
   margin: 0 !important;
   padding: 5px 10px;
   text-align: center;
}

.actions a.action-blue span {
   background-color: #3276b1;
   border: 1px solid #2c699d;
}

.actions a.action-blue span:hover {
   background-color: #275b89;
   border-color: #1f496d;
}

.actions a.action-green span {
   background-color: #739e73;
   border: 1px solid #659265;
}

.actions a.action-green span:hover {
   background-color: #5b835b;
   border-color: #4c6e4c;
}

.actions a.action-red span {
   background-color: #a90329;
   border: 1px solid #900323;
}

.actions a.action-red span:hover {
   background-color: #77021d;
   border-color: #540114;
}

.actions a.action-grey span {
   background-color: #FFF;
   border: 1px solid #CCC;
   color: #333;
}

.actions a.action-grey span:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
}

.panel-subtitle {
   display: inline-block;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 34px;
   margin: 0;
   background-color: #BE212B;
   color: #fff;
   padding: 2px 16px 2px 15px;
   border-radius: 30px;
   margin-top: 15px;
   box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
   margin-left: 15px;
   text-transform: uppercase;
   margin-bottom: 15px;
   width: auto;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione utenti
------------------------------------------------------------------------------------------------- */
div.grid table tbody tr.user-type-2 {
   background-color: #D5FFEB;
}
/* ---------------------------------------------------------------------------------------------- */


input.input-type-checkbox, 
input.input-type-radio {
   width: auto;
}

.modal .input-type-checkbox, 
.modal .input-type-radio {
   width: auto;
}

.modal .form-horizontal .control-label {
   width: 30%;
}

.modal .form-horizontal .input-div {
   width: 70%;
}

.modal .form-group {
    margin-bottom: 13px;
}

.modal .row.date {
	margin: 0px;
}

.modal .form-group input.input-type-email,
.modal .form-group input.input-type-password {
	height: 40px;
}

div.actions a.action-blue span i.fa {
   margin-right: 5px;
}

#privateLessonModal .item-box {
	margin-top: 30px;
}


/* Statistica mensile e annuali sulle commesse
------------------------------------------------------------------------------------------------- */
.section.monthly-summary div.text-center,
.section.yearly-summary div.text-center {
   margin-bottom: 15px;
}

.section.monthly-summary .graph-container,
.section.yearly-summary .graph-container {
   box-sizing: border-box;
   width: 100%;
   height: 450px;
   padding: 20px 15px 15px 15px;
   margin: 15px auto 30px auto;
   background: #fff;
}

.section.monthly-summary .graph-placeholder,
.section.yearly-summary .graph-placeholder {
   width: 100%;
   height: 100%;
   font-size: 14px;
   line-height: 1.2em;
}

.section.monthly-summary .legend table,
.section.yearly-summary .legend table {
   border-spacing: 5px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Contatti
------------------------------------------------------------------------------------------------- */
.section.manage-contact .record table th.th-actions {
   width: 100px;
}

.section.manage-contact .record table th.th-label {
   width: 200px;
}

.section.manage-contact .record table th.default {
   width: 60px;
}

.section.manage-contact .record table th.move {
   width: 60px;
}

.section.manage-contact .contact-labels:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.section.manage-contact .contact-labels a {
   background-color: #fafafa;
   border-left: 1px solid #c2c2c2;
   border-top: 1px solid #c2c2c2;
   color: #585858;
   display: inline-block;
   float: left;
   font-weight: bold;
   padding: 5px 15px;
}

.section.manage-contact .contact-labels a:last-child {
   border-right: 1px solid #c2c2c2;
}

.section.manage-contact .contact-labels a.active {
   background-color: #e6e6e6;
}

/* Nome società, cognome e nome */
.section.manage-contact #companyNameInputText {
   text-transform: uppercase;
}

.section.manage-contact #lastNameInputText, .section.manage-contact #firstNameInputText {
   text-transform: capitalize;
}

.contacts-container .contact-element {
   background-color: #e9e9e9;
   border-radius: 5px;
   margin: 0 15px 10px;
   padding: 10px;
}

.contacts-container .contact-element:after,
.contacts-container .contact-element .delivery-header:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.contacts-container .contact-element .delivery-header {
   border-bottom: 1px solid #aaa;
   font-size: 17px;
   font-weight: lighter;
   margin-bottom: 10px;
}

.contacts-container .contact-element .delivery-header span.referent {
   float: left;
}

.contacts-container .contact-element .delivery-header span.delivery-actions {
   float: right;
}

.contacts-container .contact-element span {
   display: block;
}
/* ---------------------------------------------------------------------------------------------- */



/* Avvisi
------------------------------------------------------------------------------------------------- */
.advise.section {
   float: right;
   margin-bottom: 0;
   margin-top: 20px;
   position: relative;
}

.advise .advise-button {
   cursor: pointer;
   margin-right: 15px;
   position: relative;
}

.advise .advise-button i {
   background-color: #f8f8f8;
   background-image: -moz-linear-gradient(center top, #f8f8f8, #f1f1f1);
   border: 1px solid #bfbfbf;
   border-radius: 2px;
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
   color: #6d6a69;
   display: inline-block;
   font-size: 20px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
}

.advise .advise-button .advise-number {
   background-color: #3276b1;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   font-size: 12px;
   height: 20px;
   line-height: 20px;
   position: absolute;
   right: -8px;
   text-align: center;
   top: -16px;
   width: 20px;
}

.advise .advise-form {
   background-color: #fff;
   border: 1px solid #b3b3b3;
   display: none;
   position: absolute;
   right: 15px;
   top: 40px;
   width: 350px;
   z-index: 9999999;
}

.advise .advise-form.active {
   animation-duration: 0.7s;
   animation-fill-mode: both;
   animation-name: flipInY;
   display: block;
}

.advise .advise-form:after,
.advise .advise-form:before {
   border: medium solid transparent;
   bottom: 100%;
   content: " ";
   position: absolute;
}

.advise .advise-form:before {
   border-color: rgba(131, 131, 131, 0) rgba(131, 131, 131, 0) #838383;
   border-width: 8px;
   right: 6px;
}

.advise .advise-form .advise-header {
   background: #fafafa none repeat scroll 0 0;
   border-bottom: 1px solid #b3b3b3;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   padding: 10px;
}

.advise .advise-form .advise-header .title {
   color: #4c4f53;
   font-size: 16px;
   font-weight: 300;
}

.advise .advise-form .advise-header > a {
   color: #4c4f53;
   float: right;
   font-size: 11px;
}

.advise .advise-form .advise-header > a:hover {
   text-decoration: underline;
}

.advise .advise-form .advise-body {
   height: 350px;
   overflow-y: scroll;
}

.advise .advise-form .advise-item {
   border-bottom: 1px solid #e9e9e9;
   color: #333;
   display: block;
   font-size: 12px;
   min-height: 50px;
   padding: 10px;
   position: relative;
}

.advise .advise-form .advise-item.unread {
   background-color: #ffffe0;
}

.advise .advise-form .advise-item:hover,
.advise .advise-form .advise-item.unread:hover {
   background-color: #f0f4f7;
}

.advise .advise-form .advise-item i.advise-icon {
   background-color: #337ab7;
   color: #fff;
   display: inline-block;
   float: left;
   font-size: 18px;
   height: 30px;
   line-height: 30px;
   margin-bottom: 5px;
   margin-right: 5px;
   text-align: center;
   width: 30px;
}

.advise .advise-form .advise-item i.read-icon {
   color: #ccc;
   cursor: pointer;
   font-size: 11px;
   position: absolute;
   right: 3px;
   top: 3px;
}

.advise .advise-form .advise-item i.read-icon:hover {
   color: #333;
}

.advise .advise-form .advise-item .date {
   color: #999;
   display: block;
   font-size: 10px;
   margin-top: 5px;
   text-align: right;
}

.advise .advise-form .advise-footer {
   background: #fafafa none repeat scroll 0 0;
   border-top: 1px solid #b3b3b3;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   font-weight: bold;
   padding: 10px;
   text-align: center;
}

.advise .advise-item .title, .advise .advise-item .description {
   display: block;
}

.advise .advise-item .title {
   font-weight: bold;
}

.advise .advise-form .advise-footer:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}
/* ---------------------------------------------------------------------------------------------- */



/* Home Page
------------------------------------------------------------------------------------------------- */
/*Fascia*/
.image-band {
   background-attachment: fixed;
   background-position: center bottom;
   background-size: cover;
   padding: 130px 10px;
   position: relative;
   text-align: center;
}

.image-band .text-container {
   position: relative;
   z-index: 9999;
}

.image-band .text-container h2 {
   color: #fff;
   font-size: 50px;
   margin-top: 0;
}

.image-band .text-container h1 {
   color: #fff;
   font-size: 70px;
   font-weight: bold;
   text-transform: uppercase;
}

.image-band .overlay {
   background-color: rgba(0, 0, 0, 0.3);
   display: block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

@media(max-width: 991px){

	.image-band {
		padding: 90px 10px;
	}

	.image-band .text-container h1 {
		font-size: 50px;
	}
}

@media(max-width:767px) {
   .image-band {
      padding: 70px 10px;
   }

   .image-band .text-container h2 {
      font-size: 25px;
   }

   .image-band .text-container h1 {
      font-size: 30px;
   }
}

/*Griglia*/
.block-item {
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 30px;
    box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);
    color: #333;
    display: block;
    padding: 50px 10px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
}

.block-item:hover {
   box-shadow: 3px 3px 13px #cccccc;
}

.block-item:hover .name {
	color: #555;
}

.block-item:hover .btn.btn-primary{
   background-color: #555;
   border-color: #555;
}

.block-item img {
   margin: 0 auto 15px;
}

.block-item > span.name {
   display: block;
   font-size: 25px;
   margin-bottom: 15px;
   margin-top: 5px;
   letter-spacing: 0px;
   font-weight: 500;
}

.block-item > span.button {
   background-color: #3276b1;
   color: #fff;
   display: inline-block;
   margin-top: 13px;
   padding: 10px 60px;
   text-transform: uppercase;
}

.block-item:hover > span.button {
   background-color: #275b89;
}

@media(max-width: 991px){
	.block-item { 
		padding: 15px 10px;
	}

	.block-item img {
    	margin: 0 auto 0px;
  		width: 100px;
	}
}

@media(max-width:767px) {
   .block-item {
      padding: 10px 20px;
  	  text-align: left;
  	  margin-bottom: 10px;
  	  
   }

   .block-item img {
	   width: 60px;
       float: left;
  	   margin-right: 20px;
  	   padding-bottom: 20px;
   }

   .block-item > span.name {
	   margin-bottom: 0px;
  	   padding-left: 10px;
  	   margin-top: 0px;
  	   line-height: 30px;
  	   font-size: 20px;
   }

	.block-item .btn-primary {
		padding: 4px 20px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Grafici statistiche
------------------------------------------------------------------------------------------------- */
#graphPanel .panel-content {
   padding-top: 0;
}

.graph-panel-header {
   background-color: #eaeaea;
   border-bottom: 1px solid #ccc;
   margin-bottom: 20px;
   padding: 10px;
}

.graph-panel-header .loop-year {
   font-weight: bold;
   padding: 0 10px;
}

#graph-data .item {
   border-bottom: 1px solid #eaeaea;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

#graph-data .item:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#graph-data .item .year {
   display: block;
   font-size: 20px;
   padding: 0 3px;
}

#graph-data .item span {
   border: 3px solid #fff;
   padding: 5px;
   text-align: center;
}

#graph-data .item span.new-jobs {
   background-color: rgba(79, 255, 114, 1);
}

#graph-data .item span.open-jobs {
   background-color: rgb(204, 223, 255);
}

#graph-data .item span.closed-jobs {
   background-color: rgb(242, 222, 222);
}

#graph-data .item span strong {
   font-size: 21px;
}

@media(max-width:991px) {
   #graph-data .item span strong {
      display: block;
   }
}

@media(max-width:767px) {
   #graph-data .item span {
      display: block;
   }

   #graph-data .item span strong {
      display: inline;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione documentazione
------------------------------------------------------------------------------------------------- */
/*Azioni*/
.file-manager .action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.file-manager .action .left-actions {
   float: left;
}

.file-manager .action .left-actions a {
   display: inline-block;
   padding: 5px 15px;
   text-transform: uppercase;
   font-weight: bold;
   background-color: #A0AEBA;
   color: #FFF;
   font-size: 17px;
}

.file-manager .action .left-actions a i {
   margin-right: 5px;
}

.file-manager .action .left-actions a.btn-upload {
   background-color: #86D227;
}

.file-manager .action .left-actions a.btn-delete {
   background-color: #F95858;
}

.file-manager .action .left-actions a.btn-upload:hover,
.file-manager .action .left-actions a.btn-delete:hover,
.file-manager .action .left-actions a:hover {
   background-color: #404040;
}

.file-manager .action .right-actions {
   float: right;
}

.file-manager .action .right-actions .sort {
   position: relative;
}

.file-manager .action .right-actions .sort > a {
   display: inline-block;
   padding: 4px 15px;
   text-transform: uppercase;
   font-weight: bold;
   background-color: #F1F2F3;
   color: #aaa;
   font-size: 17px;
   border: 1px solid #aaa;
}

.file-manager .action .right-actions .sort > a:hover {
   color: #444;
   border-color: #444;
}

.file-manager .action .right-actions .sort .options {
   background-color: #FFF;
   position: absolute;
   z-index: 2;
   border: 1px solid #d1d6e6;
   border-radius: 2px;
   right: 0;
   top: 100%;
   min-width: 150px;
   padding: 5px 0;
   display: none;
}

.file-manager .action .right-actions .sort .options a {
   display: block;
   padding: 5px 15px;
   color: #5e6773;
}

.file-manager .action .right-actions .sort .options a:hover {
   background-color: #f5f5f5;
}

.file-manager .action .right-actions .sort .options a.active {
   color: #444;
}

.file-manager .action .right-actions .sort .options a:before {
   content: "\f00c";
   margin-right: 5px;
   font-family: FontAwesome;
   font-size: 10px;
   color: transparent;
}

.file-manager .action .right-actions .sort .options a.active:before {
   color: #444;
}


/*Briciole di pane*/
.file-manager .breadcrumbs {
   border-top: 1px solid #fff;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #fff;
   color: #444;
   font-size: 12px;
}

.file-manager .breadcrumbs a {
   color: #AAA;
}

.file-manager .breadcrumbs a + a:before,
.file-manager .breadcrumbs span:before {
   content: "|";
   color: #AAA;
   margin-left: 5px;
   margin-right: 5px;
}

/*Griglia*/
.file-manager .elements-container {
   margin: 0 -5px;
}

.file-manager .elements-container .item {
   display: block;
   width: 16.66666667%;
   float: left;
   padding: 0 5px;
   margin-bottom: 10px;
   position: relative;
}

.file-manager .elements-container .item > a {
   border: 1px solid transparent;
   display: block;
   overflow: hidden;
}

.file-manager .elements-container .item > a:hover {
   border-color: #999;
   box-shadow: 2px 2px 5px #AAA;
}

.file-manager .elements-container .item .caption {
   background-color: #FFF;
   padding: 10px;
   font-size: 13px;
   color: #404040;
   position: relative;
}

.file-manager .elements-container .item.item-back .caption {
   height: 57px;
   background-color: #444;
   color: #FFF;
   text-align: center;
}

.file-manager .elements-container .item .caption .name {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.file-manager .elements-container .item.item-back .caption .name {
   text-transform: uppercase;
   font-weight: bold;
}

.file-manager .elements-container .item .caption .dimension,
.file-manager .elements-container .item .caption .date {
   color: #AAA;
}

.file-manager .elements-container .item .caption .dimension::after {
   content: "-";
   margin-left: 5px;
}

/*Azione su file e cartelle*/
.file-manager .elements-container .item .caption .toggle-actions {
   color: #a0aeba;
   position: absolute;
   right: 0px;
   font-size: 22px;
   bottom: 0;
   display: inline-block;
   width: 20px;
   text-align: center;
}

.file-manager .elements-container .item .caption .toggle-actions:hover {
   color: #444;
}

.file-manager .elements-container .item .item-actions {
   background-color: #FFF;
   position: absolute;
   z-index: 2;
   border: 1px solid #d1d6e6;
   border-radius: 2px;
   right: 10px;
   top: 100%;
   min-width: 150px;
   padding: 5px 0;
   display: none;
}

.file-manager .elements-container .item .item-actions a {
   display: block;
   padding: 5px 15px;
   color: #5e6773;
}

.file-manager .elements-container .item .item-actions a i {
   color: #a0aeba;
   margin-right: 10px;
}

.file-manager .elements-container .item .item-actions a:hover {
   background-color: #f5f5f5;
}

/*Seleziona elemento*/
.file-manager .elements-container .item .select-item {
   position: absolute;
   right: 10px;
   top: 5px;
   background-color: rgba(255,255,255,0.8);
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   color: #444;
   border-radius: 50%;
   opacity: 0.4;
}

.file-manager .elements-container .item .select-item:hover {
   opacity: 1;
}

.file-manager .elements-container .item .select-item:before {
   content: "\f067";
   font-family: FontAwesome;
}

.file-manager .elements-container .item.item-selected .select-item {
   background-color: #8BC34A;
   opacity: 1;
   color: #FFF;
}

.file-manager .elements-container .item.item-selected .select-item:before {
   content: "\f00c";
}

.file-manager .elements-container .item.item-selected > a {
   border-color: #8BC34A;
}

/*Modale*/
.file-manager .modal .modal-dialog .modal-header {
   position: relative;
}

.file-manager .modal .modal-dialog .modal-header .modal-title {
   font-weight: bold;
   text-transform: uppercase;
}

.file-manager .modal .modal-dialog .modal-header .close {
   position: absolute;
   right: -15px;
   top: -15px;
   background-color: #444;
   opacity: 1;
   color: #FFF;
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.file-manager .modal .modal-dialog .modal-header .close:hover {
   background-color: #AAA;
}

.file-manager .modal .modal-dialog .modal-footer {
   text-align: center;
}

.file-manager .modal .modal-dialog .modal-footer a {
   display: inline-block;
   padding: 5px 15px;
   text-transform: uppercase;
   font-weight: bold;
   background-color: #A0AEBA;
   color: #FFF;
   font-size: 17px;
}

.file-manager .modal .modal-dialog .modal-footer a i {
   margin-right: 5px;
}

.file-manager .modal .modal-dialog .modal-footer a.btn-save {
   background-color: #86D227;
}

.file-manager .modal .modal-dialog .modal-footer a.btn-save:hover,
.file-manager .modal .modal-dialog .modal-footer a:hover {
   background-color: #404040;
}

/*Messaggi*/
.file-manager .alert {
   background-color: #A0AEBA;
   color: #FFF;
   text-align: center;
   margin-bottom: 10px;
}

.file-manager .alert.alert-failed {
   background-color: #F95858;
   border-color: #F95858;
}

.file-manager .alert.alert-success {
   background-color: #86D227;
   border-color: #86D227;
}
/* ---------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* Modifiche Bissi Holding
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */



/* General
------------------------------------------------------------------------------------------------- */

.inputbox .legend {
	display: none;
}

.form-checkbox input {
   float: left;
   margin-top: 0;
}

.form-checkbox span {
   display: inline-block;
   padding-top: 7px;
}

.control-label .note {
	font-size: 12px;
	background-color: #eaeaea;
	padding: 2px 10px;
	display: inline-block;
	color: #999;
}


.single-checkbox input {
   float: left;
   margin-top: 0;
}

.single-checkbox .checkbox-container span {
   display: inline-block;
   margin-top: 8px;
   margin-left: 3px;
}

.dropzone {
 	border: 3px dashed #BE212B !Important;
}

.dropzone.dz-clickable .dz-message {
	color: #555;
    font-weight: 300;
  	font-size: 18px;
}

.dropzone.dz-clickable .dz-message i {
	color: #BE212B;
}

.remove-image {
	background-color: #555 !Important;
}

/*Campi obbligatori*/
.panel-content div.legend span.validation-required {
   margin-right: 20px;
}

/*Campo seleziona immagine*/
.form-image .input-div {
   position: relative;
}

.form-image .input-div input {
   padding-right: 65px;
}

.form-image .input-div .icon-container {
   position: absolute;
   top: 3px;
   right: 3px;
}

.form-image .input-div .icon-container a {
   font-size: 20px;
   background-color: #337ab7;
   display: inline-block;
   width: 28px;
   height: 28px;
   color: #FFF;
   text-align: center;
   line-height: 25px;
}

.form-image .input-div .icon-container a:hover {
   background-color: #404040;
}

/*Infobox in panel*/
.panel-alert-infobox {
   background-color: #BA0000;
   color: #FFF;
   font-weight: bold;
   text-transform: uppercase;
   padding: 15px;
   text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Manutenzioni, Impianti, Prodotti
------------------------------------------------------------------------------------------------- */
.manage-maintenances .maintenance-selected,
.manage-plants .plant-selected,
.manage-products .product-selected,
.manage-products .plant-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
}

.manage-maintenances .maintenance-selected label,
.manage-plants .plant-selected label,
.manage-products .product-selected label,
.manage-products .plant-selected label {
   font-weight: bold;
}

.manage-maintenances .maintenance-selected .form-control[disabled],
.manage-plants .plant-selected .form-control[disabled],
.manage-products .product-selected .form-control[disabled],
.manage-products .plant-selected .form-control[disabled] {
   background-color: #ABC628;
   border: 1px dashed #FFF;
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Attività di manutenzione
------------------------------------------------------------------------------------------------- */
.activities .data-table tbody tr.expired td:nth-child(2) {
   background-color: rgba(186,0,0,0.3);
}

.activities .data-table tbody tr.current td:nth-child(2) {
   background-color: rgba(255,216,0,0.3);
}

.activities .data-table tbody tr.future td:nth-child(2) {
   background-color: rgba(76,194,0,0.3);
}

.activities .data-table tbody tr.is-open td:nth-child(2) {
   background-color: rgba(255,106,0,0.3);
}

.activities .maintenance-activities .maintenance-activity-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
   margin-bottom: 15px;
}

.activities .maintenance-activities .maintenance-activity-selected:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.activities .maintenance-activities .maintenance-activity-selected .form-group {
   margin-bottom: 0;
}

.activities .maintenance-activities .maintenance-activity-selected label {
   font-weight: bold;
}

.activities .maintenance-activities .maintenance-activity-selected .form-control[disabled] {
   background-color: #ABC628;
   border: 1px dashed #FFF;
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Documentale
------------------------------------------------------------------------------------------------- */
.webexplorer .actions {
   margin: 0;
}

.webexplorer .actions a {
   min-width: auto !important;
   text-align: center;
   padding: 40px 0 0;
   background-position: center 5px !important;
   margin: 0 15px 15px 0;
   background-color: #DDD !important;
   width: 10%;
}

.webexplorer .actions a:hover {
   background-color: #275b89 !important;
}

.webexplorer .actions a span {
   color: #333;
   font-weight: bold;
   text-transform: uppercase;
   word-wrap: break-word;
}

.webexplorer .actions a:hover span {
   color: #FFF;
}

.webexplorer .ow-treeview a,
.webexplorer .ow-treeview span {
   color: #585858;
   display: block;
   float: left;
   font-size: 14px;
   height: 20px;
   width: 20px;
}

.webexplorer .breadcrumbs {
   background-color: #474544;
   padding: 15px;
   color: #FFF;
}

.webexplorer .breadcrumbs a {
   color: #ABC628;
}

.webexplorer .breadcrumbs a:hover {
   color: #FFF;
}

.web-explorer-breadcrumbs .breadcrumbs span.separator {
   background-image: url("../Images/WebExplorerBreadcrumbsSeparator.png") !important;
}

.webexplorer #files tbody tr td span.file-type {
   height: 16px;
   width: 16px;
   position: absolute;
   top: 8px;
   left: 0;
}

.webexplorer #files table thead tr {
   color: #ABC628;
   font-size: 14px;
   text-transform: uppercase;
}

.webexplorer #files tbody tr td {
   font-size: 14px;
}

.webexplorer #files .column-file-name {
   position: relative;
   padding-left: 20px;
}

@media(max-width:1200px) {
   .webexplorer .actions a {
      width: 20%;
   }
}

@media(max-width:991px) {
   .webexplorer .actions a {
      width: 40%;
   }
}

@media(max-width:767px) {
   .webexplorer .actions a {
      width: 100%;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Impianti
------------------------------------------------------------------------------------------------- */
.manage-plants .plant-part-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
   margin-bottom: 20px;
}

.manage-plants .plant-part-selected > span {
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}

.manage-plants .plant-part-selected .name {
   border: 1px dashed #FFF;
   padding: 6px 15px;
}

.manage-plants .action-container {
   margin-bottom: 20px;
}

.manage-plants .action-container a {
   font-weight: bold;
   text-transform: uppercase;
   color: #FFF;
   background-color: #337ab7;
   padding: 8px 25px;
   min-width: 300px;
   display: inline-block;
   text-align: center;
}

.manage-plants .action-container a.visualize,
.manage-plants .plant-parts .action-container a.move-up {
   background-color: #FFC900;
}

.manage-plants .action-container a.visualize:hover,
.manage-plants .action-container a.move-up:hover,
.manage-plants .action-container a:hover {
   background-color: #404040;
}

.manage-plants .plants-container .item {
   margin-bottom: 30px;
}

.manage-plants .plant-types-container .plant-type-name {
   background-color: #337ab7;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-transform: uppercase;
}

.manage-plants .plants-container .item .image {
   background-image: url("../Images/BissiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-plants .plants-container .item.has-childs .image {
   background-image: url("../Images/BissiPlantChild.jpg");
}

.manage-plants .plants-container .item .name {
   padding: 6px 10px;
   height: 40px;
   overflow: hidden;
   color: #3276B1;
   font-size: 20px;
   font-weight: bold;
   background-color: #FFF;
   text-align: center;
}

.manage-plants .plants-container .item .production {
   padding: 6px 10px;
   height: 30px;
   overflow: hidden;
   background-color: #FFF;
   text-align: center;
}

.manage-plants .plants-container .item .plant-action {
   background-color: #FFF;
   padding: 0 1px;
}

.manage-plants .plants-container .item .plant-action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.manage-plants .plants-container .item .plant-action a {
   background-color: #337ab7;
   color: #FFF;
   text-align: center;
   padding: 5px 10px;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
}

.manage-plants .plants-container .item .plant-action a.col-7 {
   width: 14.28%;
   display: inline-block;
   float: left;
}

.manage-plants .plants-container .item .plant-action a:hover {
   background-color: #404040;
}

.manage-plants .plants-container .item .go-to-child {
   height: 30px;
}

.manage-plants .plants-container .item .go-to-child a {
   display: block;
   background-color: #ABC628;
   padding: 5px 3px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.manage-plants .plants-container .item .go-to-child a:hover {
   background-color: #404040;
}

@media(max-width:767px) {
   .manage-plants .action-container a {
      width: 100%;
      min-width: auto;
      padding: 8px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Immagini di album
------------------------------------------------------------------------------------------------- */
.manage-albums .job-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
   margin-bottom: 20px;
}

.manage-albums .job-selected > span {
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}

.manage-albums .job-selected .name {
   border: 1px dashed #FFF;
   padding: 6px 15px;
}

.manage-albums .action-container {
   margin-bottom: 20px;
}

.manage-albums .action-container a {
   font-weight: bold;
   text-transform: uppercase;
   color: #FFF;
   background-color: #337ab7;
   padding: 8px 25px;
   min-width: 300px;
   display: inline-block;
   text-align: center;
}

.manage-albums .action-container a.visualize,
.manage-albums .albums .action-container a.move-up {
   background-color: #FFC900;
}

.manage-albums .action-container a.visualize:hover,
.manage-albums .action-container a.move-up:hover,
.manage-albums .action-container a:hover {
   background-color: #404040;
}

.manage-albums .albums-container .item {
   margin-bottom: 30px;
}

.manage-albums .album-types-container .album-type-name {
   background-color: #337ab7;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-transform: uppercase;
}

.manage-albums .albums-container .item .image {
   background-image: url("../Images/BissiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-albums .albums-container .item.has-childs .image {
   background-image: url("../Images/BissiPlantChild.jpg");
}

.manage-albums .albums-container .item .name {
   padding: 6px 10px;
   height: 40px;
   overflow: hidden;
   color: #3276B1;
   font-size: 20px;
   font-weight: bold;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .albums-container .item .production {
   padding: 6px 10px;
   height: 30px;
   overflow: hidden;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .albums-container .item .album-action {
   background-color: #FFF;
   padding: 0 1px;
}

.manage-albums .albums-container .item .album-action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.manage-albums .albums-container .item .album-action a {
   background-color: #337ab7;
   color: #FFF;
   text-align: center;
   padding: 5px 10px;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
}

.manage-albums .albums-container .item .album-action a.col-7 {
   width: 14.28%;
   display: inline-block;
   float: left;
}

.manage-albums .albums-container .item .album-action a:hover {
   background-color: #404040;
}

.manage-albums .albums-container .item .go-to-child {
   height: 30px;
}

.manage-albums .albums-container .item .go-to-child a {
   display: block;
   background-color: #ABC628;
   padding: 5px 3px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.manage-albums .albums-container .item .go-to-child a:hover {
   background-color: #404040;
}

@media(max-width:767px) {
   .manage-albums .action-container a {
      width: 100%;
      min-width: auto;
      padding: 8px;
   }
}
/* ---------------------------------------------------------------------------------------------- */


/* Gestione Immagini (immagini)
------------------------------------------------------------------------------------------------- */
.manage-albums .album-items-container .item {
   margin-bottom: 30px;
}

.manage-albums .album-types-container .album-type-name {
   background-color: #337ab7;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-transform: uppercase;
}

.manage-albums .album-items-container .item .image {
   background-image: url("../Images/BissiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-albums .album-items-container .item.has-childs .image {
   background-image: url("../Images/BissiPlantChild.jpg");
}

.manage-albums .album-items-container .item .name {
   padding: 6px 10px;
   height: 40px;
   overflow: hidden;
   color: #3276B1;
   font-size: 20px;
   font-weight: bold;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .album-items-container .item .production {
   padding: 6px 10px;
   height: 30px;
   overflow: hidden;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .album-items-container .item .album-item-action {
   background-color: #FFF;
   padding: 0 1px;
}

.manage-albums .album-items-container .item .album-item-action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.manage-albums .album-items-container .item .album-item-action a {
   background-color: #337ab7;
   color: #FFF;
   text-align: center;
   padding: 5px 10px;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
}

.manage-albums .album-items-container .item .album-item-action a.col-7 {
   width: 14.28%;
   display: inline-block;
   float: left;
}

.manage-albums .album-items-container .item .album-item-action a:hover {
   background-color: #404040;
}

.manage-albums .album-items-container .item .go-to-child {
   height: 30px;
}

.manage-albums .album-items-container .item .go-to-child a {
   display: block;
   background-color: #ABC628;
   padding: 5px 3px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.manage-albums .album-items-container .item .go-to-child a:hover {
   background-color: #404040;
}

@media(max-width:767px) {
   .manage-albums .action-container a {
      width: 100%;
      min-width: auto;
      padding: 8px;
   }
}

.manage-albums .album-items-container .item.selected-item .name {
   background-color: rgba(109,190,0,0.5);
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Visualizzazione immagini
------------------------------------------------------------------------------------------------- */
.view-images .job-selected {
   font-weight: bold;
}


/* ---------------------------------------------------------------------------------------------- */
.manage-albums .menu {
   height: 100px;
   background-color: #f4f4f4;
   color: #333;
   border: 1px solid #aaa;
   box-shadow: 2px 2px 2px #999;
   border-radius: 1px;
   list-style: none;
   position: fixed;
   padding-left: 0px;
}

.manage-albums .menu.off {
   top: -200%;
   left: -200%;
}

.manage-albums .menu-item {
   height: 25px;
   width: 220px;
   font-size: 13px;
   font-weight: 200;
   padding-right: 5px;
   padding-top: 1px;
   padding-left: 40px;
   cursor: pointer;
}


.manage-albums .menu-item:hover {
    background-color: #337ab7;
    color: #FFF;
}
/*------------------------------------------------------------------------------------------------ */



/* Seleziona documento
------------------------------------------------------------------------------------------------- */
.form-upload-document .input-div {
   position: relative;
}

.form-upload-document .input-div input {
   padding-right: 65px;
}

.form-upload-document .input-div .icon-container {
   position: absolute;
   top: 3px;
   right: 3px;
}

.form-upload-document .input-div .icon-container a {
   background-color: #BE212B;
   display: inline-block;
   width: 28px;
   height: 28px;
   color: #FFF;
   text-align: center;
   line-height: 27px;
   border-radius: 50%;
   font-size: 17px;
}
}

.form-upload-document .input-div .icon-container a.btn-red {
   border: none;
   background-color: #DD0000;
}

.form-upload-document .input-div .icon-container a.btn-red:hover,
.form-upload-document .input-div .icon-container a:hover {
   background-color: #151c33;
}

.form-upload-document .input-div .icon-container a.status {
   border-radius: 50%;
   background-color: #00DD00;
   float: right;
   margin-left: 4px;
}

.form-upload-document .input-div .icon-container a.status.yellow {
   background-color: #FFDD00;
}

.form-upload-document .input-div .icon-container a.status.disabled {
   cursor: not-allowed;
}

.inputbox .form-table label.validation-error-label {
   position: relative;
   bottom: 0;
   margin-bottom: 10px;
   left: 0;
   display: inline-block;
}


/* Inserire questo css quando verrà messa in linea */
.section.manage-interventions .interventions table tr span.color {
   background-color: red;
   border-radius: 10px;
   width: 10px;
   height: 10px;
   display: inline-block;
   color: #000000;
}

.section.manage-interventions .interventions table tr span.color.green {
   background-color: green;
}

.section.manage-interventions .interventions table tr span.color.yellow {
   background-color: yellow;
}

.section.manage-interventions .interventions table tr span.color.red {
   background-color: red;
}
/*------------------------------------------------------------------------------------------------------------------------------*/



/* Sicurezza
------------------------------------------------------------------------------------------------- */
/*Fornitori*/
.section.manage-suppliers .suppliers table tr span.status {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.section.manage-suppliers .suppliers table tr span.status.active {
	background-color: #4CE400;
}

.section.manage-suppliers .suppliers table tr span.inactive {
	background-color: #CD0000;
}

.section.manage-suppliers #supplierDocumentModal #dZUpload {
	margin: 20px 0 25px;
}


/*Interventi*/
.intervention-configuration-documents .column-item {
   font-size: 15px;
}

.intervention-configuration-documents .column-item:after,
.intervention-configuration-documents .security-documents-list .security-document:after,
.intervention-configuration-documents .security-documents-list .security-document .info:after,
.intervention-configuration-documents .security-documents-list .security-document .security-document-info:after,
.intervention-configuration-documents .security-documents-list .security-document .security-document-products .item:after,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document:after,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .info:after,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-info:after,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course:after,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .info:after,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-info:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.intervention-configuration-documents .column-item .title, 
.intervention-configuration-courses .column-item .title {
   color: #ABC628;
	border-bottom: 2px solid #ABC628;
	text-transform: uppercase;
	font-size: 20px;
	position: relative;
	padding-bottom: 5px;
	margin-top: 15px;
}


.intervention-configuration-documents .security-documents-list .security-document,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document,
.intervention-configuration-courses .security-courses-list .security-course,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course {
   border: 1px solid #ddd;
	margin-top: 15px;
	padding: 15px 0;
}


.intervention-configuration-documents .security-documents-list .security-document .info,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .info,
.intervention-configuration-courses .security-courses-list .security-course .info,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .info {
   padding: 0;
}

.intervention-configuration-documents .security-documents-list .security-document .info span,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .info span,
.intervention-configuration-courses .security-courses-list .security-course .info span,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .info span {
   font-weight: bold;
}

.intervention-configuration-documents .security-documents-list .security-document .security-document-btn a,
.intervention-configuration-documents .security-documents-list .security-document .security-document-products .item .security-document-product-btn a,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a,
.intervention-configuration-courses .security-courses-list .security-course .security-course-btn a,
.intervention-configuration-courses .security-courses-list .security-course .security-course-products .item .security-course-product-btn a,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-btn a {
   background-color: #97B024;
	color: #FFF;
	padding: 5px 4px;
	text-align: center;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.remove-btn,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-btn a.remove-btn {
	background-color: #DD0000;
}

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn .move-icon {
	margin-bottom: 10px;
	text-align: right;
}

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-down, 
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-up {
	width: 20px;
	background-color: #EAEAEA;
	border: 1px solid #333;
	display: inline-block;
	color: #333;
	padding: 0;
	height: 20px;
}

.intervention-configuration-documents .security-documents-list .security-document .security-document-btn a:hover,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.remove-btn:hover,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-btn a.remove-btn:hover,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-down:hover,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-up:hover {
	background-color: #333;
}	

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-down:hover, 
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-up:hover {
   color: #fff;
}

.intervention-configuration-documents .column-item .form-group.is-required-input .input-div {
   display: inline-block;
}

.intervention-configuration-documents .column-item .form-group.is-required-input .input-div input {
   display: inline-block;
   height: 10px;
   margin-left: 5px;
   margin-right: 0px;
}


.manage-interventions .intervention .intervention-documents .title, 
.manage-interventions .intervention .other-info .title, 
.manage-interventions .intervention .intervention-notes .title {
   color: #ABC628;
   border-bottom: 1px solid;
   text-transform: uppercase;
   font-size: 16px;
   padding-bottom: 3px;
   margin: 10px 15px 15px;
}

.manage-interventions .intervention .intervention-configuration-document table .form-group {
   margin-bottom: 0;
}

.manage-interventions .intervention .other-info .info-line {
	background-color: #EAEAEA;
	margin: 15px;
	padding: 15px;
}

.manage-interventions .intervention .other-info .info-line:after {
   clear: both;
   content: ".";
   height: 0;
   visibility: hidden;
   display: block;
}

.manage-interventions .intervention .other-info .info-box .item {
	background-color: #EAEAEA;
	padding: 20px;
}

.manage-interventions .intervention .other-info .info-box .item .phase {
	display: block;
	/*text-transform: uppercase;*/
	background-color: #ABC628;
	font-size: 16px;
	padding: 5px;
	text-align: center;
	margin-bottom: 15px;
}

.manage-interventions .intervention .other-info span {
   font-weight: bold;
}

.manage-interventions .intervention .intervention-notes {
   margin-top: 30px;
}

.manage-interventions .intervention .intervention-notes .control-label {
   font-weight: bold;
}

.manage-interventions .intervention #interventionNotes {
	border-right: 1px solid #EAEAEA;
	padding-right: 15px;
}

.manage-interventions .intervention #interventionNotes .item {
   border-bottom: 1px dashed #CCC;
   padding-bottom: 10px;
   margin-bottom: 10px;
   position: relative;
}

.manage-interventions .intervention #interventionNotes .item:last-child {
   border: none;
   padding: 0;
   margin: 0;
}

.manage-interventions .intervention #interventionNotes .item .created-by {
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	padding-right: 30px;
}

.manage-interventions .intervention #interventionNotes .item .created-by i {
   background-color: #ABC628;
   color: #FFF;
   width: 20px;
   height: 20px;
   text-align: center;
   line-height: 20px;
   border-radius: 50%;
   display: inline-block;
   margin-right: 5px;
}

.manage-interventions .intervention #interventionNotes .item .link {
	position: absolute;
	right: 0;
	top: 0;
}

.manage-interventions .intervention #interventionNotes .item .link a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
}

.manage-interventions .intervention #interventionNotes .item .notes.deleted {
	color: #999;
	text-decoration: line-through;
}

.section.manage-interventions #uploadDocumentModal #dZUpload2,
.manage-supplier-documents #supplierDocumentModal #dZUpload {
	margin: 20px 0 25px;
}

/*Background Table Td*/
.table tr td.expired {
   background-color: #FF7474;
}

.table tr td.expiring {
   background-color: #FFED8C;
}

table.data-table thead tr, 
table.data-table tfoot tr {
	background-color: #fff !Important;
  	background-image: none !Important;
}

table.data-table thead tr th, 
table.data-table tbody tr td {
	border-right: 1px solid #EAEAEA !Important;
}

table.data-table tbody tr td {
    border-bottom: solid 1px #EAEAEA !Important;
}

table.data-table thead tr th.th-actions a,
table tfoot tr td.actions a {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !Important;
    height: 23px;
    width: 23px;
    text-align: center;
    background-color: #BE212B !Important;
    display: inline-block;
    border:1px solid #BE212B !Important;
  	padding: 2px 0px 0px 0px!Important;
  	border-radius: 50% !Important;
  	color: #fff !Important;
}

table.data-table th.td-actions a, 
table.data-table .th-actions a, 
table.data-table tbody .td-actions a,
table.data-table tbody .td-actions span  {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !Important;
    height: 23px;
    width: 23px;
    text-align: center;
    color: #BE212B !Important;
    display: inline-block;
  	padding: 2px 0px 0px 0px!Important;
  	border-radius: 50% !Important;
  	border: 1px solid #f9f9f9 !Important;
}

table.data-table tbody .td-actions a:hover {
    background-color: #f2f2f2 !Important;
    color: #555 !important;
}

table.data-table tfoot tr td {
    border-color: #EAEAEA!Important;
}

table.data-table {
	border: solid 1px #EAEAEA !Important;
}

table.data-table tfoot .pagination {
	padding: 0px 15px !Important;
}

div.layout-container .pagination .total-rows, 
table.data-table tfoot .pagination .total-rows {
  	font-size: 13px;
}

table.data-table thead tr th,
table.data-table tbody tr td {
	padding: 7px !Important;
}

table.data-table thead .th-actions {
    width: 122px !Important;
}

.status.yellow,
.status.green,
.status.red {
	width: 17px;
    height: 17px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 3px;
}

.difficulty-level span {
	font-weight: 600;
}

.difficulty-level .status.yellow,
.difficulty-level .status.red,
.difficulty-level .status.green {
	width: 17px;
    height: 17px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
  	margin-top: 3px;	
    vertical-align: top;
}

.yellow {
	background-color: #e5be01;
}

.green {
	background-color: #21be66;
}

.red {
	background-color: #BE212B;
}

.no-response {
	color: #BE212B;
}

.send-message {
	margin-top: 10px;
}

.send-message a {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !important;
    text-align: center;
    color: #222;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 28px;
    border: 1px solid #f9f9f9 !Important;
    background-color: #fff;
  	margin-right: 5px;
}

.send-message a:hover {
	background-color: #f2f2f2;
}

.send-message i {
    height: 27px;
    width: 27px;
    text-align: center;
    color: #fff!Important;
    display: inline-block;
    padding: 3px 3px 3px 3px!Important;
    border-radius: 50% !Important;
    border: 1px solid #f9f9f9 !Important;
    background-color: #BE212B;
    font-size: 14px;
    line-height: 19px;
    margin-right: 5px;
    text-align: center;
}
}
/*------------------------------------------------------------------------------------------------------------------------------*/



/* Sicurezza
------------------------------------------------------------------------------------------------- */

.panel-content {
	position: relative;
}

.item-box input{
	display: none;
}

.active-box {
	position: absolute;
  	right: 15px;
  	top: -30px;
}

.visible-box {
    position: absolute;
    right: 150px;
    top: -30px;
}

.allow-inscriptions-box {
    position: absolute;
    right: 370px;
    top: -30px;
}

.active-box .control-label,
.visible-box .control-label,
.allow-inscriptions-box .control-label {
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
}

.active-switch {
	float: right;	
  	padding-left: 15px;
}

.item-box.presences-switch {
	display: inline-block;
  	padding-right: 20px;
  	margin-bottom: 0px;
  	vertical-align: middle;
  	min-height: 26px;
}

.item-box .presences-switch:nth-child(2) {
	line-height: 0px;
}

.item-box .item-switch{
	float: left;
	padding-right: 15px;	
}

.item-box .item-switch>input[type="checkbox"]:checked+label::before{
    background: inherit;
    opacity: 0.5;
  	background-color: #BE212B;
}

.item-box .item-switch>input[type="checkbox"]:checked+label::after {
    background: inherit;
    left: 20px;
  	background-color: #BE212B;
}

.item-box .item-switch .label-default{
	cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.item-box .item-switch .label-default:before{
    background: #76839a;
    box-shadow: inset 0px 0px 10px rgb(228 229 237 / 50%);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.item-box .item-switch .label-default:after{	
    background: white;
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgb(228 229 237 / 90%);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
  	background-color: #555;

}

.is-gift-voucher i {
  	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !important;
    height: 23px;
    width: 23px;
    text-align: center;
    color: #BE212B !Important;
    display: inline-block;
    padding: 2px 0px 0px 0px!Important;
    border-radius: 50% !Important;
    border: 1px solid #f9f9f9 !Important;
  	background-color: #fff;
}

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



/* Gestione Presenze
------------------------------------------------------------------------------------------------- */
.inscription-presence .row {
	margin: 0px;
}

.inscription-presence .edit-notes,
.inscription-presence .save-notes{
	font-size: 17px;
    margin-right: 18px;
    padding-top: 5px;
    border-radius: 50%;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 23px;
    color: #BE212B;
    background-color: #fff;
	display: inline-block; 
  	margin-top: 50px;
}

.presences-box {
	padding: 4px 0px;
  	display: inline-block;
}

.inscription-presence {
	margin-top: 5px;
}

.inscription-presence .subgroup {
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.inscription-presence .warning-message {
	color: #BE212B;
    font-weight: 600;
    background-color: #f2f2f2;
    margin-left: 0px;
    margin-right: 15px;
    padding: 5px 15px;
    border-radius: 20px;
    line-height: 11px;
    margin-bottom: 3px;
  	display: inline-block;
  	margin-top: 5px;
  	text-transform: initial;
}

.inscription-presence .warning-message i {
	padding-right: 5px;
}

.inscription-presence .presences-box label.announced {
	float: left;
}

.inscription-presence .presences-box .input-div.announced {
	float: left;
  	padding-left: 50px;
}

.inscription-presence .presences-box .input-div.announced .input-group {
	width: 75px;
}

.inscription-presence .presences-box .input-div.announced .input-group:last-child {
	width: 175px;
}

@media(max-width: 991px){
	.visible-box, .active-box, .allow-inscriptions-box {
		position: relative;
  		left: 15px;
  		top: auto;
  		right: auto;
	}

	.active-switch {
		padding-left: 0px;	
	}
}

@media(max-width: 767px){
	.inscription-presence .subgroup .name {
		display: block;
	}
}
/*------------------------------------------------------------------------------------------------------------------------------*/

.pagination {
	display: block;
    text-align: center;
}

.pagination a.page-number {
	margin: 2px;
    padding: 2px 5px;
}

.pagination a.page-number.current {
	color: #333;
}

.first-page,
.last-page,
.previous-page,
.next-page {
	background-color: #f6f6f6;
    border: 1px solid #ccc;
  	border-radius: 2px;
    box-shadow: 0 -2px 0 rgb(0 0 0 / 5%) inset;
    padding: 6px 10px 5px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-weight: 400;
    display: inline-block;
    text-align: center;
  	margin-right: 5px;
}

.first-page:hover,
.last-page:hover,
.previous-page:hover,
.next-page:hover {
	background-color: #e6e6e6;
    border-color: #adadad;
}
.total-rows {
    float: right;
    line-height: 35px;
}

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



/* Gestione Template
------------------------------------------------------------------------------------------------- */
.manage-email-template .actions {
	padding: 0px 15px;
}

.manage-email-template .actions a span {
	padding: 0px;
}

.manage-email-template .actions a.list span {
  	background-color: transparent !Important;
  	box-shadow: none !Important;
  	color: #4c4f53;
}

.manage-email-template .actions a.find,
.manage-email-template .actions a.add,
.manage-email-template .actions a.list{
  	background: none !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    background-color: #BE212B !Important;
    color: #fff;
    margin-left: 0px;
    text-transform: uppercase;
    margin-right: 5px;
    border-radius: 30px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    white-space: nowrap;
    display: inline-block;
    padding: 6px 12px;
    line-height: 1.42857143;
  	width: auto;
}

.manage-email-template .actions a.list {
	background-color: #fff !Important;
    border-color: #EAEAEA;
    color: #555;
}

.manage-email-template #paginator th a {
	color: #585858;
  	font-weight: 600;
}

.manage-email-template #paginator tbody .td-actions .edit,
.manage-email-template #paginator tbody .td-actions .delete,
.manage-email-template #paginator tbody .td-actions .copy {
	background: none;
  	position: relative;
  	background-color: #fff;
}

.manage-email-template #paginator tbody .td-actions .edit:before {
	content: "\f303";
    color: #BE212B;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 5px;
  	font-weight: 600;
}

.manage-email-template #paginator tbody .td-actions .delete:before {
	content: "\f1f8";
    color: #BE212B;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 5px;
  	font-weight: 600;
}

.manage-email-template #paginator tbody .td-actions .copy:before {
	content: "\f24d";
    color: #BE212B;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 5px;
  	font-weight: 600;
}

.manage-email-template #paginator > tbody > tr:hover {
	background-color: transparent;
}

.manage-email-template #paginator > tbody > tr:nth-of-type(odd) {
	background-color: #EAEAEA;
}

.manage-email-template #editDiv h3,
.manage-email-template #searchDiv h3 {
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    border-bottom: 1px dashed #BE212B;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    background-color: #fff;
} 

.manage-email-template #editDiv .inputbox.form-horizontal,
.manage-email-template #searchDiv .inputbox.form-horizontal{
	background-color: #fff;
}

.manage-email-template #editDiv .inputbox.form-horizontal #dataDiv,
.manage-email-template #searchDiv .inputbox.form-horizontal{
	padding: 10px 15px 15px 15px;
}

.manage-email-template #editDiv .control-label,
.manage-email-template #searchDiv .control-label{
	width: 100% !important;
    text-align: left;
    padding-bottom: 5px;
  	padding-left: 0px;
}

.manage-email-template #editDiv .validation-required {
    background: url(/Templates/Base20/Images/ValidationRequired.gif) no-repeat left center;
    padding-right: 16px;
    filter: grayscale(1);
  	background-size: 6px;
  	background-position-x: 0px;
    background-position-y: 5px;
    padding-left: 7px;
}

.manage-email-template #editDiv .form-horizontal .input-div,
.manage-email-template #searchDiv .form-horizontal .input-div{
	width: 100%;
  	padding-left: 0px;
}

.manage-email-template .buttons {
	padding: 15px;
  	text-align: right;
}

#searchDiv .buttons {
	padding: 30px 0px 0px 0px;
}

.manage-email-template #bodyHtmlDiv {
	text-align: left;
}

@media(max-width: 767px){
	.manage-email-template iframe {
		width: 100% !Important;
	}

	#header-sections-container .logout {
		padding: 5px;
	}

	.toggle-left-panel {
		margin-right: 15px;
	}
}

@media(max-width: 500px){
	#header-sections-container .logout i {
		display: none;
	}

	#header-sections-container .logout {
		padding: 10px 0px;
  		margin-right: 4px;
  		font-size: 12px;
	}

	#header-sections-container .logout a.user-link {
		font-size: 12px;
	}

	.toggle-left-panel {
		width: 36px;
  		height: 36px;
	}

	header .brand-box {
    	padding: 5px;
	}

	.toggle-left-panel {
    	margin-right: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Paginatore
------------------------------------------------------------------------------------------------- */
.first-page, 
.last-page,
.previous-page,
.next-page {
	background-color: #BE212B !Important;
    border: 0px !Important;
    color: #fff !Important;
}

.first-page:hover, 
.last-page:hover,
.previous-page:hover,
.next-page:hover {
	background-color: #585858 !Important;
}

.first-page.disabled,
.previous-page.disabled,
.previous-page.disabled:hover, 
.first-page.disabled:hover {
    cursor: default;
    background-color: #f6f6f6 !Important;
    border: 1px solid #ccc !Important;
  	color: #585858 !Important;
}

.page-number.current, 
.page-number.current.disabled {
	background-color: transparent !Important;
    border: 0px !important;
  	color: #BE212B !Important;
}

.page-number {
	color: #585858 !Important;
}

@media(max-width: 991px){
	#galleryAlbumItemContainer .load-link {
		width: 50%;
	}
}

@media(max-width: 767px){

	#galleryAlbumItemContainer .load-link {
		width: 100%;
	}

	#galleryAlbumItemContainer .load-link a {
		margin: 10px 0px;
	}

	#galleryAlbumItemContainer .gallery-album-item-actions {
		margin-bottom: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Pagina Statistiche
------------------------------------------------------------------------------------------------- */
.execute-query i{
	display: none;
}

.execute-query .item {
	display: block;
    background-color: #fff;
    margin-bottom: 10px;
  	position: relative;
}

.execute-query .item i {
	font-size: 17px;
    margin-right: 18px;
    padding-top: 7px;
    position: absolute;
    left: 9px;
    top: 22px;
    border-radius: 50%;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 30px;
    width: 30px;
    text-align: center;
    margin-top: -17.5px;
    background-color: #BE212B;
}

.execute-query .item i:after {
    content: "\f080";
    font-family: 'Font Awesome 5 Free';
    color: #fff;
}

.execute-query .more {
	border-radius: 30px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    padding: 7px 20px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #BE212B;
    border-color: #BE212B;
    color: #fff;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 10px;
}

.execute-query .more i {
	display: none;
}

.execute-query .title {
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    border-bottom: 1px dashed #BE212B;
    padding-left: 14px;
    padding-bottom: 5px;
    padding-top: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    display: block;
  	color: #4c4f53;
}

.execute-query .item .text {
	padding-left: 14px;
    color: #4c4f53;
    margin-bottom: 10px;  	
    padding-top: 5px;
}

.execute-query .item:hover .more {
	background-color: #555;
}

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

.execute-query-message {
    background-color: #f9f9f9;
    padding: 15px 7px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0px;
}

@media(max-width: 450px){
	.execute-query .title {
		padding-top: 8px;
  		padding-left: 40px;
	}

	.execute-query .item i {
		font-size: 15px;		
    	height: 25px;
    	width: 25px;
	}
}

#parameters-container .control-label {
    float: left !Important;
    width: auto !Important;
  	padding-left: 15px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Gestione Template
------------------------------------------------------------------------------------------------- */
.ow-apnel {
	font-size: 14px !Important;
}

.ow-panel .ow-panel-header {
  	background-color: transparent !Important;
  	padding: 0px !Important;
}

.ow-panel-header .title {
	font-size: 22px !Important;
    margin-bottom: 5px !Important;
    margin-top: 5px !Important;;
    letter-spacing: 0px !Important;
    font-weight: 500 !Important;
  	color: #333 !Important;
}

.ow-panel-header .breadcrumbs a,
.ow-panel-header .breadcrumbs span{
	border-radius: 0;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
  	color: #BE212B !Important;
  	margin-bottom: 15px;
  	display: inline-block;
}

.list-email-templates.ow-panel .ow-panel-content,
.list-email-template-categories .ow-panel-content{
	background-color: #fff !Important;
  	padding: 0px !Important;
}

.ow-panel-actions {
	top: 0px !Important;
}

.ow-panel-actions a {
    background-color: #BE212B !Important;
    border-radius: 30px !Important;
    box-shadow: 0 7px 12px 0 rgb(189 162 109 / 21%);
    padding: 5px 30px !Important;
  	color: #fff !Important;
  	font-size: 15px;
    font-weight: 600;
  	text-transform: uppercase;
}

.ow-panel-actions a:hover {
	background-color: #555 !Important;
    border-color: #555 !Important;
    color: #fff !Important;
}

.ow-panel .ow-panel-content {
	background-color: #fff !Important;
}

.list-header {
	border-bottom: 0px !Important;
  	background-color: transparent;
}

.list > .item:nth-child(2n+1) {
	background-color: #EAEAEA;
}

.list-email-template-categories .list .item .arrows {
    right: 7px !Important;
}

.list .item .item-actions a,
.list-email-template-categories .list .item .arrows i{
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !important;
    height: 23px !Important;
    width: 23px !Important;
    text-align: center;
    color: #BE212B !Important;
    display: inline-block;
    padding: 2px 0px 0px 0px!Important;
    border-radius: 50% !Important;
    border: 1px solid #f9f9f9 !Important;
    line-height: 16px !Important;
    font-size: 12px !Important;
}

.list .item .item-actions a:hover {
    background-color: #f2f2f2 !Important;
    color: #555 !important;
}

.list .item .item-actions {
	top: 7px;
  	left: 7px !Important;
}

.list-header {
    border-bottom: 2px solid #CCC;
    padding: 10px 30px 10px 103px !Important;
}

.list-info #paginator .pagination {
	float: none !Important;
}

.ow-panel-content .pagination a.active,
.ow-panel-content .pagination a:hover {
    background-color: #585858 !Important;
    cursor: default !Important;
}

.ow-panel-content .pagination a {
	background-color: #BE212B !Important;
  	border-radius: 4px;
}

.list-info .number span {
	background-color: transparent !Important;
    color: #333 !Important;
  	width: auto !Important;
  	height: auto !Important;
  	font-size: 13px !Important;
}

.list-email-templates .list-info .number {
	float: right;
  	font-size: 13px;
}

.ow-panel .ow-panel-header .breadcrumbs a+span:before,
.ow-panel .ow-panel-header .breadcrumbs a+a:before {
	color: #333 !Important;
}

.ow-panel-footer {
	background-color: #fff !Important;
  	text-align: right !Important;
  	padding: 0px 15px 20px 15px !Important;
}

.admin-section .btn.btn-ok {
	background-color: #BE212B !Important;
    border-color: #BE212B;
    color: #fff;
}

.admin-section .btn.btn-ok:hover {
  	background-color: #555 !Important;
    border-color: #555;
    color: #fff;
}

.admin-section .btn.btn-cancel {
	background-color: #fff !Important;
    border-color: #EAEAEA;
    color: #555 !Important;
}

.admin-section .btn.btn-cancel:hover {
	background-color: #EAEAEA !Important;
    border-color: #EAEAEA;
    color: #555 !Important;
}

.admin-section .inputbox.vertical .validation-required::after {
	display: none;
}

#bodyHtmlTextarea___Frame {
	border-bottom: 0px !Important;
    border-right: 0px !Important;
}
/* ---------------------------------------------------------------------------------------------- */



/* Catalogo
------------------------------------------------------------------------------------------------- */
.manage-catalog .product-summary {
	display: inline-block;
  	width: 100%;
}

.manage-catalog .fields-row .input-div {
	position: relative;
}

.manage-catalog .fields-row .icon-container {
	position: absolute;
	right: 10px;
	top: 0px;
} 

.manage-catalog .fields-row .icon-container .btn.btn-primary {
	width: 25px;
	height: 25px;
	padding: 0px;
	padding-top: 2px;
	margin-top: 5px;
	font-size: 13px;
	position: relative;
	left: auto;
	top: auto;
}

.manage-catalog .fields-row .btn.btn-primary {
  	position: absolute;
  	left: 15px;
  	top: 8px;
  	width: 50px;
  	height: 50px;
  	border-radius: 50%;
  	font-size: 23px;
  	padding: 9px;
}

.manage-catalog .fields-row {
	width: 100%;
    display: inline-block;
    padding-left: 70px;
	position: relative;
}

@media(max-width: 991px){
	.manage-catalog .fields-row {
		width: 100%;
	}
}

@media(max-width: 767px){

	.manage-catalog .product-summary .fields-row .btn.btn-primary{
		position: relative;
  		margin-bottom: 10px;
  		top: 0px;
	}

	.manage-catalog .fields-row .form-group {
		width: 100%;
	}

	.manage-catalog .fields-row { 
		padding-left: 0px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione delle proposte
------------------------------------------------------------------------------------------------- */
.select-buttons {
	margin: 15px 0px;
}

.select-buttons .existing-customer-button,
.select-buttons .new-customer-button {
    background-color: #BE212B;
    border-color: #BE212B;
    color: #fff;
    border-radius: 30px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    padding: 3px 10px;
    margin-right: 7px;
}

.select-buttons .active {
	background-color: #fff;
    color: #555;
	border-radius: 30px;
	box-shadow: none;
    padding: 7px 10px;
}

.private-lesson-dates {
    background-color: #f9f9f9;
}

.private-lesson-dates th {
    text-transform: capitalize;
}

.private-lesson-dates td {
    font-weight: 300;
    text-transform: initial;
}

.private-lesson-dates div {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.private-lesson-date .send-message {
	margin-top: 0px;
}

.private-lesson-date .send-message i {
    background-color: #fff;
    color: #BE212B !Important;
    height: auto;
    width: auto;
    padding: 0px !important;
    border: 0px !important;
    line-height: 0px;
    font-size: 12px;
    margin: 0 auto;
}

.private-lesson-date td input {
	height: auto !Important;
}

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



/* Proposte Categorie Galleria
------------------------------------------------------------------------------------------------- */
.proposal-category .load-link a{
    background-color: #EAEAEA;
    height: 150px;
    width: 100%;
    display: block;
    padding: 30px;
    text-align: center;
    padding: 40px 30px;
}

.proposal-category .load-link a .fas.fa-plus {
	font-size: 40px;
    display: block;
    padding-bottom: 10px;
}

.proposal-category .load-link a:hover {
	color: #333;
}

.proposal-category .proposal-category-images-list .proposal-category-image .image {
	height: 150px;
  	background-position: center;
  	background-size: cover;
}

.proposal-category .proposal-category-images-list .proposal-category-image .actions {
	text-align: center;
  	margin-top: 5px;
}

.proposal-category .proposal-category-images-list .proposal-category-image .actions span {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%) !important;
    height: 23px;
    width: 23px;
    text-align: center;
    display: inline-block;
    padding: 2px 0px 0px 0px!Important;
    border-radius: 50% !Important;
    border: 1px solid #f9f9f9 !Important;
	background-color: #f2f2f2 !Important;
    color: #555 !important;
    cursor: pointer;
}

.proposal-category .proposal-category-images-list .proposal-category-image .actions span:hover {
	color: #BE212B !important;
  	background-color: #fff !Important;
}

.proposal-category .proposal-category-images-list .position span {
	width: 30px;
    height: 30px;
    background-color: #BE212B;
    color: #fff;
    display: inline-block;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.proposal-category .proposal-category-images-list .position span:hover {
	background-color: #333;
}

.proposal-category .proposal-category-images-list .position span.prev {
	left: 10px;
}

.proposal-category .proposal-category-images-list .position span.next {
	right: 10px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Movimentazioni
------------------------------------------------------------------------------------------------- */
.store-movement .icon-container {
	position: absolute;
	right: 10px;
	top: 0px;
}

.store-movement .icon-container .btn.btn-primary {
	width: 25px;
	height: 25px;
	padding: 0px;
	padding-top: 2px;
	margin-top: 5px;
	font-size: 13px;
}

.Zebra_DatePicker_Icon_Wrapper {
	position: relative !important;!i;!;
}

button.Zebra_DatePicker_Icon {
	position: absolute !important;!I;!;
	right: 10PX;
	top: 8px !important;!I;!;!iMPORTA;!iMPORTAT;!iMPORTATN;!iMPORTAT;!i;!;!I;!;
	left: auto !IMPORTANT;!I;!;
}
/* ---------------------------------------------------------------------------------------------- */