/* ---------------------------------------------------------------------- */
/*  41 - Custom element
/* ---------------------------------------------------------------------- */
.lyt-2 #sidebar > div nav > ul > li.active {
  border-color: #ffcc00 !important;
  background: #0f1f2b !important;
}
.app-navbar-fixed .main-login {
  background: #1b3244 !important;
  padding-top: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.btn-kepleroo {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #ffffff;
}
.btn-kepleroo:hover {
  background-color: #ffe066;
  border-color: #ffe066;
  color: #ffffff;
}
.btn-kepleroo:focus {
  background-color: #e5b700;
  border-color: #e5b700;
  color: #ffffff;
}
.clip-check.check-kepleroo input[type="checkbox"]:checked + label:before {
  border-color: #ffcc00;
}
.userName{
  display: inline-block;
  /*width: 141px !important;*/
  word-wrap: break-word;
}
#loaderContainer{
  width:100%;
  height:100%;
  position: fixed !important;
  top: 0;
  left:0;
  z-index: 999999999999;
  background-image: url('../images/offusca.png');
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  transform: translate(-50%, -50%);
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.form-group .control-label .help {
  font-size: 12px;
  color: rgba(98,98,98,0.55);
}
.btn-small-transparent {
  padding: 0px !important;
  border: transparent;
  background: transparent;
  font-size: 11px !important;
}
.btn-light {
  color: #9b9b9f !important;
}
.btn-light:hover {
  color: #86868c !important;
}
.fa-font-165:before {
  font-size: 165px !important;
}
.btn-standard-width {
  min-width: 140px;
}
.panel-button {
  text-align: left;
  position: relative;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.fa-bottom-rigth {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 70px;
  padding-bottom: 20px;
  padding-right: 20px;
}
.btn-handson-table-add-new, .btn-handson-table-add-new[disabled], .btn-handson-table-add-new[disabled]:hover {
  padding: 0px;
  border: 0px;
  margin-left: 5px;
  float:right;
  color:#008a00;
}
.handsontable textarea {
  /*width: 143px!important;*/
  height:14px!important;
  background-color:#FEF6DD!important;
}
.btn-handson-table-remove, .btn-handson-table-remove[disabled], .btn-handson-table-remove[disabled]:hover {
  padding: 0px;
  border: 0px;
  margin-left : 5px;
  float: right;
  color: #C82E29;
}
.btn-handson-table-add-new,.btn-handson-table-remove {
  background-color: transparent;
}
.btn-handson-table-add-new:hover,.btn-handson-table-remove:hover {
  background-color: transparent;
}
.text-white-transparent-dark {
  color: rgba(255, 255, 255, 0.4) !important;
}
.col-padding-fixed {
  padding: 15px !important;
}
#btnAggiungiLineaBusiness, #btnEseguiCalcoliFoglio {
  min-width: 284px;
}
#btnIndietroControlloGestione, #btnSalvaControlloGestione {
  min-width: 140px;
}
.link {
  color: #E5AC5D;
}
.link:active, .link:hover, .link:focus {
  color: #FFC068;
}
.link:hover {
  cursor: pointer;
}
.handsontable td.warningEdit {
  background-color: #eea236 !important;
}
textarea[disabled].form-control, input[disabled].form-control, select[disabled].form-control {
  border-color: #c8c7cc !important;
}
.btn-success.btn-o.disabled:hover, .btn-success.btn-o.disabled:focus, .btn-success.btn-o.disabled:active, .btn-success.btn-o.disabled.active, .btn-success.btn-o[disabled], .btn-success.btn-o[disabled]:hover, .btn-success.btn-o[disabled]:focus, .btn-success.btn-o[disabled]:active, .btn-success.btn-o[disabled].active, fieldset[disabled] .btn-success.btn-o:hover, fieldset[disabled] .btn-success.btn-o:focus, fieldset[disabled] .btn-success.btn-o:active, fieldset[disabled] .btn-success.btn-o.active,
.btn-info.btn-o.disabled:hover, .btn-info.btn-o.disabled:focus, .btn-info.btn-o.disabled:active, .btn-info.btn-o.disabled.active, .btn-info.btn-o[disabled], .btn-info.btn-o[disabled]:hover, .btn-info.btn-o[disabled]:focus, .btn-info.btn-o[disabled]:active, .btn-info.btn-o[disabled].active, fieldset[disabled] .btn-info.btn-o:hover, fieldset[disabled] .btn-info.btn-o:focus, fieldset[disabled] .btn-info.btn-o:active, fieldset[disabled] .btn-info.btn-o.active,
.btn-danger.btn-o.disabled:hover, .btn-danger.btn-o.disabled:focus, .btn-danger.btn-o.disabled:active, .btn-danger.btn-o.disabled.active, .btn-danger.btn-o[disabled], .btn-danger.btn-o[disabled]:hover, .btn-danger.btn-o[disabled]:focus, .btn-danger.btn-o[disabled]:active, .btn-danger.btn-o[disabled].active, fieldset[disabled] .btn-danger.btn-o:hover, fieldset[disabled] .btn-danger.btn-o:focus, fieldset[disabled] .btn-danger.btn-o:active, fieldset[disabled] .btn-danger.btn-o.active{
  color: #ffffff;
}
.handsontable.listbox .ht_master table {
  border-width: 0 2px 2px 2px !important;
  border-color: rgb(82, 146, 247) !important;
}
ul.sub-menu li.active, ul.sub-menu li.active:hover {
  background: #040e16 !important;
}
.btn-handson-table-add-new:active, .btn-handson-table-remove:active, .btn-handson-table-add-new:focus, .btn-handson-table-remove:focus, .btn-handson-table-add-new:active:focus, .btn-handson-table-remove:active:focus, .btn-handson-table-add-new:active:hover, .btn-handson-table-remove:active:hover{
  background-color: transparent;
}
.loader-percentage {
  width: 120px;
  height: 120px;
  position: absolute;
  color: #f3f3f3;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
.fa-white {
  color: white;
}
.fa-dark-red {
  color: rgb(212, 63, 58);
}
.f-s-18 {
  font-size: 18px;
}
.fa-top-rigth {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px 20px 0 0;
}
.animate-show-hide.ng-hide {
  opacity: 0;
}
.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all 200ms;
}
.controllo-button {
  background-color: rgba(25, 50, 69, 1);
}
.controllo-button:hover {
  background-color: rgba(25, 50, 69, 0.7);
}
.plus-panel {
  background-color: rgba(255, 204, 0, 1);
  color: white;
  text-align: center;
}
.plus-panel:hover {
  background-color: rgba(255, 204, 0, 0.7);
}
.main-content > .container {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.handsontable .htAutocompleteArrow {
  color: #BBB !important;
}
.handsontable .htAutocompleteArrow:hover {
  color: #777 !important;
}
.btn-handson-table-add-new[disabled], .btn-handson-table-remove[disabled],
.btn-handson-table-add-new[disabled]:hover, .btn-handson-table-remove[disabled]:hover,
.btn-handson-table-add-new[disabled]:focus, .btn-handson-table-remove[disabled]:focus,
.btn-handson-table-add-new[disabled]:active, .btn-handson-table-remove[disabled]:active,
.btn-handson-table-add-new[disabled].active, .btn-handson-table-remove[disabled].active{
  background-color: transparent;
  opacity: 0.5;
}

.panel-button-disabled {
  opacity: 0.4;
}

fieldset.ChartsFieldset {
  border: 1.5px solid #193245;
}

fieldset.ChartsFieldset legend {
  font-size: 20px;
  top: -17px;
}

.min-width-90 {
  min-width: 90px;
}

.margin-bottom-2 {
  margin-bottom: 2px;
}

td.right {
  text-align: right;
}

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
}

.btn-transparent.btn-primary {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #58748B;
}

.btn-transparent.btn-primary:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #718EA5;
}

.btn-transparent.btn-primary:focus {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #819AAF;
}

.btn-transparent.btn-primary:active, .btn-transparent.btn-primary:active:focus, .btn-transparent.btn-primary:active:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #4E677B;
}

.btn-transparent.btn-danger {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #D43F3A;
}

.btn-transparent.btn-danger:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #DD6864;
}

.btn-transparent.btn-danger:focus {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #E27C79;
}

.btn-transparent.btn-danger:active, .btn-transparent.btn-danger:active:focus, .btn-transparent.btn-danger:active:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #C9312C;
}

div.controllo-button[ng-click]:hover {
  cursor: pointer;
}

.link.cursor-default:hover {
  cursor: default;
}

.action-container i:not(:last-child) {
  margin-right: 5px;
}

.command-container > *:not(:last-child) {
  margin-right: 0.5rem;
}

textarea:disabled,
input:disabled,
select:disabled {
  background  : #f7f7f8 !important;
}

textarea:hover,
textarea:focus,
input:hover,
input:focus,
select:hover,
select:focus {
  background  : #f7f7f8 !important;
  border-color: #F8F8F8;
}

.legend {
	margin-bottom: 1rem;
}

.legend-item {
	display: flex;
	align-items: center;
}

.legend-item:not(:last-child) {
	margin-bottom: .5rem;
}

.legend-item-color {
	width: 40px;
    height: 20px;
    border: 1px solid #f0f0f0;
    display: inline-block;
	margin-right: 5px;
}

.legend-item-color.left {
	background-color: #baed91;
}

.legend-item-color.right {
	background-color: #b2cefe;
}