.customHide {
  visibility: hidden;
}

.popover {
  width: 100%;
}

  .popover div, .popover h3 {
    text-align: left;
  }

#footer, #header {
  height: auto !important;
  min-height: 10vh !important;
}

#footer {
  box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
  padding: 1% 2% 0 2%;
  color: #0b5394;
  font-weight: bold;
  font-size: 1.3em;
  border-top: 2px solid rgba(11, 83, 148, .3);
}

#header {
  background-color: #f2f3f5;
}

.body-content {
  height: auto !important;
  min-height: 80vh !important;
}

.Gray {
  color: #151515;
  pointer-events: none;
  cursor: default;
}

.hidden-column {
  display: none;
}

.Warning {
  color: #ffd800;
  pointer-events: none;
  cursor: default;
}

.Success {
  color: forestgreen;
  pointer-events: none;
  cursor: default;
}

.Error {
  color: red;
  cursor: default;
}

.TestoAlert {
  padding: 20px;
  font-size: 20px;
}

  .TestoAlert.InfoError {
    border: 1px solid red;
  }

  .TestoAlert #InfoError {
    color: red;
  }

.ui-autocomplete {
  font-size: 11px;
  font-size: 11px;
  text-align: left;
}

.CustomAutocomplete {
  background: #f2f3f5 none repeat scroll 0 0;
  width: 200px !important;
  list-style: none;
  font-size: 15px !important;
  padding-left: 10px;
}

.CustomAutocompletePopup {
  background-color: #f2f3f5 !important;
  z-index: 10000;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: Arial;
}

  .custom-select select {
    display: none; /*hide original SELECT element: */
  }

.select-selected {
  background-color: DodgerBlue;
}

  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }


/**Bootstrap 4**/
input, select, textarea {
  /*line-height: 1.2em !important;*/
  padding: 3px 0px !important;
}

.boxSearch input,
.boxSearch select,
.boxSearch textarea {
  padding: 8px !important;
}

.w-100 {
  width: 100% !important;
}

.w-90 {
  width: 90% !important;
}

.w-80 {
  width: 80% !important;
}

.w-75 {
  width: 75% !important;
}


.w-50 {
  width: 50% !important;
}

.w-33 {
  width: 33.3% !important;
}

.w-25 {
  width: 25% !important;
}

.mx-auto {
  margin: 0 auto;
}

/*.container-fluid {
    margin: 0 20px;
}*/

.bg-white {
  background-color: #fff;
  padding-top: 10px;
}

.backContact {
  background-image: url('/App_Themes/Hostcloud/uploads/parallax_11.jpg');
}

.backNews {
  background-image: url('/App_Themes/Hostcloud/uploads/parallax_04.jpg');
}

.width98 {
  width: 98% !important;
}

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

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


.pageTitle {
  font-weight: bold;
  text-transform: uppercase;
  color: #0b5394;
}

h1.pageTitle {
  padding: 20px 0 0 0;
  font-size: 2.5rem;
  text-align: center;
}

h2.pageTitle {
  padding: 0 0 20px 0;
  font-size: 2rem;
  text-align: center;
}

h3.pageTitle {
  padding-bottom: 0;
  font-size: 1.5em;
  text-align: center;
}

h4.pageTitle {
  padding: 10px 0;
  font-size: 1.2em;
}


.text-title {
  color: #404040;
  font-size: 2.5rem;
  font-weight: 600;
  font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
}

.InputLogin {
  border-top-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  padding-left: 0px !important;
}

.text-Info {
  color: #404040;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
}


.text-error {
  color: #ff0000 !important;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: bold;
  font-family: "Segoe UI","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
}

.Margin-bottom-reset {
  margin-bottom: auto !important;
}

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
/*.dropdown {
   position: relative;
    display: inline-block;
}*/

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f1f1f1;*/
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-top: 33px !important;
}

  /* Links inside the dropdown */
  .dropdown-content a {
    color: black !important;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
  }

    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
      background-color: #ddd;
    }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.FixBotton {
  border: none;
  background-color: transparent;
  color: #ffffff !important;
  text-decoration-color: rgb(31, 31, 31);
}

.correttoSettimanale {
  text-align: right;
}

.errorSettimanale {
  text-align: right;
  color: red;
}


.IconLogin {
  width: auto;
  height: auto;
  border: 1px solid transparent;
  background-color: #0b5394 !important;
  color: white !important;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 5px;
  border-radius: 4px;
  padding: 8px;
  cursor: pointer !important;
}

  .IconLogin i {
    color: white !important;
  }

  .IconLogin:hover {
    background-color: rgb(56, 118, 29) !important;
    -webkit-box-shadow: 4px 4px 10px -3px rgba(56, 118, 29,1);
    -moz-box-shadow: 4px 4px 10px -3px rgba(56, 118, 29,1);
    box-shadow: 4px 4px 10px -3px rgba(56, 118, 29,1);
  }

.IconLoginBgWhite {
  width: auto;
  height: auto;
  border: 1px solid #0b5394;
  background-color: #fff !important;
  color: #0b5394 !important;
  text-align: center !important;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 5px;
  border-radius: 4px;
  padding: 5px;
}

  .IconLoginBgWhite:hover {
    color: rgb(56, 118, 29) !important;
    border: 1px solid rgb(56, 118, 29);
    -webkit-box-shadow: 4px 4px 10px -3px rgba(56, 118, 29,1);
    -moz-box-shadow: 4px 4px 10px -3px rgba(56, 118, 29,1);
    box-shadow: 4px 4px 10px -3px rgba(56, 118, 29,1);
  }


.BtnGreen {
  width: auto;
  height: auto;
  border: 1px solid transparent;
  background-color: rgb(56, 118, 29) !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 5px;
  border-radius: 4px;
  padding: 5px;
}

  .BtnGreen:hover {
    background-color: #0b5394 !important;
    -webkit-box-shadow: 4px 4px 10px -3px #0b5394;
    -moz-box-shadow: 4px 4px 10px -3px #0b5394;
    box-shadow: 4px 4px 10px -3px #0b5394;
  }


.IconLoginExtend {
  width: 190px !important;
  height: 32px !important;
  font-size: 18px !important;
  line-height: 35px !important;
  border: 1px solid;
  /*background-color:   #006c95 !important;*/
}



.IconLoginStyle {
  visibility: visible;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 0.2s;
}


.TestoBottone, .TestoBottoneIconRight {
  /*font-style: italic;*/
  float: left;
  padding-left: 15px;
}


.TestoBottoneIconaLeft {
  /*font-style: italic;*/
  float: right;
  padding-right: 15px;
}

.modalProgress {
  position: fixed;
  z-index: 10000;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: Black;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.8;
}


.centerProgress {
  z-index: 1000;
  width: 22%;
  border-radius: 10px;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  position: fixed;
  top: 10%;
  left: 40%;
}

  .centerProgress img {
    width: 50% !important;
    margin-left: 11%;
  }



.isa_info, .isa_success, .isa_warning, .isa_error {
  margin: 10px 0px;
  padding: 12px;
}

.isa_info {
  color: #00529B;
  background-color: #BDE5F8;
}

.isa_success {
  color: #4F8A10;
  background-color: #DFF2BF;
}

.isa_warning {
  color: #9F6000;
  background-color: #FEEFB3;
}

.isa_error {
  color: #D8000C;
  background-color: #FFD2D2;
}

  .isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin: 10px 22px;
    font-size: 2em;
    vertical-align: middle;
  }

.bordo {
  border: 1px solid;
}

.SearchText {
  width: 100%;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.modal-dialog .SearchText {
  border: 1px solid #ccc;
  display: block;
  padding: 8px !important;
}

  .modal-dialog .SearchText.serchCheckbox {
    border: none !important;
    padding: 0 !important;
  }



.rbl input[type="radio"] {
  margin-left: 10px;
  margin-right: 1px;
}

.modal-dialog .row {
  padding-bottom: 10px;
}


mark {
  background-color: #f3ef37;
}

a:hover {
  cursor: pointer;
}

.modal-header {
  padding: 5px 10px;
  background-color: #0b5394;
  color: #fff;
}


  .modal-header > h4 {
    color: #fff;
    font-size: 30px !important;
    padding-top: 10px;
  }

  .modal-header > button {
    color: #fff;
  }

.modal-footer {
  /*padding-top: 0px !important;
    padding-bottom: 0px !important;*/
}

.modal {
  /*width: 600px !important;
    margin: auto !important;*/
}

.close {
  float: right !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  background-color: #0b5394 !important;
  margin-top: 10px !important;
  /*text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);*/
  opacity: 1 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 5px;
}

  .close:hover {
    background-color: rgb(56, 118, 29) !important;
  }

.ErrorMessage {
  color: red !important;
}

.form-group {
  cursor: default;
}

.ui-helper-hidden-accessible {
  display: none !important;
}


.dCollapseMaster {
  margin-top: 2px !important;
}

.dCollapseTitle {
  background-color: #0b5394;
  color: white;
  width: 100% !important;
  border: none;
}

  .dCollapseTitle h4 {
    color: white;
    padding: 5px !important;
  }

.dCollapseBody {
  padding: 5px;
  border: 1px solid #0b5394;
}

.form-groupFix {
  margin: 5px !important;
}

.sfondoDisabilitato {
  background-color: #E5E4E2;
}


.InputLoginFix {
  padding-left: 5px !important;
}

.testoRossoInfo {
  color: #ff0000;
  font-size: 12px;
}

.formSearch {
  font-size: 1.1em;
  height: 5em
}

.boxSerch43 {
  float: left;
  width: 43%;
}

.boxSerch12Button {
  float: left;
  width: 12%;
  text-align: right;
  margin-top: 2%;
}

@media (min-width: 768px) {
  /*.modal-dialog {
        width: 65%;
        margin: 30px auto;
    }*/

  #dtSede td[data-label=Sede] {
    text-align: right;
    padding-right: 20px !important;
  }
}

@media (max-width: 992px) {
  .w-75, .w-25, .w-50 {
    width: 100% !important;
  }

  .Pager {
    height: auto !important;
  }

  h4.icon-wrapper {
    margin-bottom: 0 !important;
  }

  .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    order: 3;
    border-bottom: 3px solid #fff;
  }

  #listatabs.flex-container li {
    width: 75%;
    text-align: center;
  }

  .ui-tabs .ui-tabs-nav li:not(.active) {
    border-bottom: 3px solid #fff !important;
  }

  div#tabs-2, div#tabs-3, div#tabs-4 {
    border-top: 3px solid #0b5394 !important;
  }

  .ui-tabs .ui-tabs-nav {
    margin-bottom: -3px !important;
  }
}

.filtraTable {
  display: none;
}

@media screen and (max-width: 650px) {

  .modal-body span {
    height: auto;
    min-height: 34px;
  }

  .modal-dialog {
    margin: 0;
  }

  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    clear: both;
  }

  .filtraTable {
    display: block;
  }
  .numeric {
    text-align: right;
  }
  .tableResponsive th {
    display: block;
    height: auto;
    width: 100% !important;
  }

    .tableResponsive th input {
      width: 100% !important;
    }

  .tableResponsive td {
    display: block;
    padding-left: 30% !important;
    position: relative;
    height: auto;
    min-height: 40px;
    width: 100% !important;
    text-align: left;
  }

    .tableResponsive td::before {
      content: attr(data-label);
      position: absolute;
      left: 5px;
      top: 5px;
      width: 30%;
      font-weight: bold;
      color: #0b5394;
      text-align: left;
      line-height: 1;
    }

  .Pager {
    height: auto !important;
  }

    .Pager .col-md-8,
    .contPager.col-md-4 {
      padding: 5px 0;
    }

  .contPager {
    text-align: left;
  }


  .Pager .dimPagina {
    display: block;
  }
}


.ui-tabs .ui-tabs-nav {
  padding: 0 !important;
  margin-bottom: -10px;
}


.inputCheckbox {
  display: inline-block;
  max-width: 100%;
  margin: 0px 7px;
}

.giornoFestivo {
  background-color: red;
  font-size: 10px;
}

.giornoNonFestivo {
  background-color: #0b5394;
  font-size: 10px;
}

.modal-contentXL {
  width: 700px !important;
}

#CheckBoxAttivo, #chkConsentiTutteLeCoperative {
  margin-left: 10px;
  vertical-align: text-top;
}


.chekleft {
  padding-left: 10px;
}

.chekRight {
  padding-left: 10px;
}



.colDay {
  border: 1px solid;
  padding: 10px;
  margin-left: 15px;
  width: 48% !important;
  border-color: #ccc;
  border-radius: 5px;
}


.DayMinus {
  position: absolute;
  left: 95%;
  top: -10%;
}

.error {
  border: 2px solid red;
}

.boldText {
  font-weight: bold;
}

.dettaglio-intervento-box .row {
  margin-bottom: 15px;
}

.dettaglio-intervento-box .nuovi-campi {
  border: 1px solid green;
}

.select2-container {
  z-index: 1050; /* Deve essere superiore al z-index della modale */
  display: block !important;
}

.select2-dropdown {
  z-index: 1060; /* Pił alto per superare la modale */
}

.editableRow {
  border: 1px solid red;
  background: lightgrey;
  border-radius: 10px;
  margin: 1px;
}


.grid {
  margin-bottom: 20px;
  border-collapse: collapse;
  width: 100%;
}

  .grid th, .grid td {
    border: 1px solid #ddd;
    padding: 8px;
  }

  .grid th {
    background-color: #f2f2f2;
    text-align: left;
  }

.toggle-button {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.nested-grid {
  margin-left: 30px;
}


.super-header, .group-header {
  text-align: center;
}

.rendicontato{

  background-color:lightgray !important;
}

.icoGreen {
 color:rgb(56, 118, 29)
}
.icoGrey {
  color: #808080; /* grigio neutro */
}