html,
body,
nav,
input,
button,
select,
table,
td,
th,
label,
form,
textarea {
  font-family: "d-dinregular", Helvetica, sans-serif;
}
.x-top-company {
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
}
.html-sx {
  padding-top: 30px;
  color: rgb(16,16,16);
  font-weight: 500;
  font-family: "d-dinregular", Helvetica, sans-serif;
}
.asx {
  font-size: 1.1rem;
  text-decoration: none;
}
.asx:link,
.asx:visited,
.asx:active {
  color: rgb(226, 27, 27);
}
.asx:hover {
  color: rgb(252, 64, 64);
}
.html-dx {
  padding-top: 30px;
  color: rgb(16,16,16);
  font-weight: 500;
  font-family: "d-dinregular", Helvetica, sans-serif;
  font-size: .85rem;
}
.x-titolo-pagina {
  font-size: 2rem;
  margin-top: 15px;
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
}
.x-sub-titolo {
  padding-top: 10px;
  padding-bottom: 15px;
  border-top: 1px solid #CACACA;
  text-align: center;
  margin: 25px 0 10px 0;
  color: rgb(165, 48, 21);
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
}
.x-sub-link {
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
  display: block;
  text-decoration: none;
  text-align: center;
}
.x-sub-link:link,
.x-sub-link:visited,
.x-sub-link:active {
  color: rgb(32, 32, 32);
}
.x-sub-link:hover {
  color: rgb(0, 0, 0);
}

.x-footer {
  text-align: center;
  color: rgb(180,180,180);
  padding: 30px 0;
}
.cursor-pinter {
  cursor: pointer;
}

/* FORMS */
form .label-prd {
  color: rgb(165, 48, 21);
  margin-bottom: 0;
  display:block;
  font-weight: 600;
  padding-left: 3px;
}
.xform .label-cms {
  color: rgb(53, 53, 53);
  margin-bottom: 0;
  display:block;
  font-weight: 600;
  padding-left: 3px;
}
.xform .label-cms-min {
  font-size: .9rem;
  color: #3a3a3a;
  margin-top: 2px;
  margin-bottom: 0;
  display:block;
  font-weight: 500;
}
.xform .form-control-plaintext {
  color: #3A3A3A;
  padding: 0;
  width: 100%;
}
.xform {
  margin: 0 auto;
}
.xform-sm {
  max-width: 420px;
}
.xform-xsm {
  max-width: 320px;
}
.xform-md {
  max-width: 576px;
}
.xform-lg {
  max-width: 760px;
}
.xform .title {
  padding: 5px 15px;
  color: rgb(176, 32, 32);
  text-align: center;
  background-color: rgba(245,245,245,.9);
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
}
.xform .sub-title {
  padding: 5px 15px;
  color: rgb(176, 32, 32);
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 1px;
}
.xform .form-group {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 1px 0 0 0;
}
.xform .info {
  padding: 10px 15px;
  font-weight: 500;
  margin-top: 1px;
  color: #444444;
  background-color: rgba(255, 255, 255, 0.9);
}
.xform .mexg {
  /*text-align: center;*/
  padding: 10px 15px;
  font-size: 1.2rem;
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
  margin: 1px 0 0 0;
  color: #4A4A4A;
  background-color: rgba(238, 255, 191, 0.9);
}
.x-errore-form {
  border-left:2px solid #ff6600;
}
.x-errori-form {
  display: inline-block;
  text-align: center;
  font-weight: 600;
  margin: 50px auto 15px auto;
  padding: 15px;
  border-radius: 0.3rem;
  background-color: #C0DEE5;
  border: 1px solid #ADADAD;
}
.input-group .fa-cms {
  text-align: center;
  justify-content: center;
  cursor: pointer;
  min-width: 44px;
}
.input-group-text {
  color: #7A7A7A;
}
.input-group .fa-cms:hover {
  background-color: #FFFFFF; 
}
.xform .readonly-cms {
    background-color: #FAFAFA;
}
.custom-checkbox .custom-control-indicator, .custom-radio .custom-control-indicator {
    border: 1px solid #ADADAD;
    /*width: 1.2rem;
    height: 1.2rem;*/
}
.custom-checkbox-cms, .custom-radio-cms {
    text-align: left;
    margin-bottom: 0;
}
.xform .progress-form-cms {
    height: 3px;
    margin: 5px 1px;
    border-radius: 0;
    background-color: transparent;
}
.xform .progress-form-cms .progress-bar-cms {
    width: 0%;
    height: 3px;
    padding: 0;
    border-radius: 0;
    background-color: #006989;
}
.xform .textarea-sm {
  height: 50px;
}

#bar-perc {
    display: none;
}

.container-thumb-cms {
    /*float: left;*/
    padding:3px;
    background-color: rgb(75, 75, 75);
    max-width: 31%;
    margin: 0 0.25rem 0.25rem 0;
    position:relative; 
    display: inline-block;
}
.video-thumb-cms {
    position:relative;
    padding: 0;
    margin: 0;
    border: 1px solid rgb(36, 36, 36);
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: 100px;
}
.img-thumb-cms {
    position:relative;
    padding: 0;
    margin: 0;
    border: 1px solid rgb(36, 36, 36);
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: 100px;
}
.container-thumb-cms button {
  width: 30px;
  display: block;
  float: left;  
}
.x-titolo-allegati {
  font-size: .9rem;
  color: rgb(0, 85, 187);
}

.xbuttons-container {
  background-color: rgba(245,245,245,.8);
  padding: 5px 15px 15px 15px;
  margin-top: 1px;
}

.xbuttons-container-top {
  background-color: rgba(245,245,245,.8);
  padding: 15px;
  margin-bottom: 1px;
}


.btn-100 {
  width: 100%;
}

.btn-cms {
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
  padding: 0.375rem 0.425rem;
  margin: 10px 5px 0 5px;
  cursor: pointer;
  color:#3A3A3A;
  background-color: #ebebeb;
  border-color: #9a9a9a;
}
.btn-group .btn-cms {
  margin-left: 0;
  margin-right: 0;
}
.btn-cms:first-child {
  margin-left: 0;
}
.btn-cms:last-child {
  margin-right: 0;
}
.btn-cms:hover {
  background-color: rgb(243, 243, 243);
}
.btn-cms:focus, .btn-cms.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-cms.disabled span, .btn-cms:disabled span , .btn-cms.disabled, .btn-cms:disabled {
  cursor:not-allowed;
  background-color: #EEEEEE;
  background-image: none;
  color: #9A9A9A;
}
.btn-cms:not([disabled]):not(.disabled):active, .btn-cms:not([disabled]):not(.disabled).active,
.show > .btn-cms.dropdown-toggle {
  color:#3A3A3A;
  background-color: rgb(200,200,200);
  border-color: #9a9a9a;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-cms .btn-cms-icon {
  display: block;
  float: left;
  text-align: center;
  width: 25px;
  height: 30px;
}
.btn-cms .btn-cms-label {
  display: block;
  text-align: left;
  line-height: normal;
  white-space:normal;
  overflow:hidden;
}

.btn-prd {
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
  padding: 0.375rem 0.425rem;
  margin: 10px 5px 0 5px;
  cursor: pointer;
  color:#3A3A3A;
  background-color: #ebebeb;
  border-color: #9a9a9a;
}
.btn-group .btn-prd {
  margin-left: 0;
  margin-right: 0;
}
.btn-prd:first-child {
  margin-left: 0;
}
.btn-prd:last-child {
  margin-right: 0;
}
.btn-prd:hover {
  background-color: rgb(243, 243, 243);
}
.btn-prd:focus, .btn-prd.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-prd.disabled span, .btn-prd:disabled span , .btn-prd.disabled, .btn-prd:disabled {
  cursor:not-allowed;
  background-color: #EEEEEE;
  background-image: none;
  color: #9A9A9A;
}
.btn-prd:not([disabled]):not(.disabled):active, .btn-prd:not([disabled]):not(.disabled).active,
.show > .btn-prd.dropdown-toggle {
  color:#3A3A3A;
  background-color: rgb(200,200,200);
  border-color: #9a9a9a;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-prd .btn-prd-icon {
  display: block;
  float: left;
  text-align: center;
  width: 25px;
  height: 30px;
}
.btn-prd .btn-prd-label {
  display: block;
  text-align: left;
  line-height: normal;
  white-space:normal;
  overflow:hidden;
}
/*
.btn-group-cms .btn-cms:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: #CACACA;
}
.btn-group-cms .btn-cms:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
*/
.btn-doc {
  margin: 0; 
  padding: .2rem .1rem;
  margin: .3rem .2rem .2rem .2rem;
  cursor: pointer;
  color:rgb(199, 199, 199);
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.btn-doc:hover {
  color:rgb(250, 250, 250);
}
/*.container-thumb-cms .btn-group {
  margin: .2rem;
  padding: .2rem 0;
  border-top: 1px solid #868686;
}*/

.chk-disabled, .rad-disabled {
  color: #8A8A8A !important;
  cursor: default !important;
}
.chk:hover {
  color: #000000;
}
.rad:hover {
  color: #000000;
}

.x-cms-container {
  background-color: rgb(220,220,220);
  padding: 30px 0;
}
.x-cms-logo {
  width:100px;
  height: auto;
}



.modal-content-btn-cms {
  width: 360px;
}
.modal-content-btn-cms .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-content-btn-cms .modal-body .btn-cms {
  width: 100%;
  margin: 10px 0 0 0;
}
.modal-content-btn-cms .modal-body .btn-cms .btn-cms-icon {
  display: inline;
  float: none;
  text-align: left;
  width: auto;
  height: auto;
}
.modal-content-btn-cms .btn-cms .btn-cms-label {
  display: inline;
  text-align: left;
  line-height: normal;
  /*width: auto;*/
}


.modal {
  text-align: center;
}
.modal-dialog {
  text-align: left;
}
.modal-title {
  font-weight: 600;
}
.modal-content {
  background-color: rgb(255, 255, 255);
}
.modal-transparent .modal-content {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.modal-transparent .modal-body {
  padding: 0;
  margin:0;
}
.modal-transparent .xform {
  margin-top: 10px;
  background-color: rgb(220, 220, 220);
}
.modal-dialog {
  color: rgb(68, 68, 68);
  margin: 10px auto;    
}

.panel-cms {
  background-color: rgba(255, 255, 255, .2);   
  padding: 10px;
  margin-bottom: 2px;
}
.alert-cms {
  text-align: center;
  margin: 30px;
  background-color: rgba(255, 255, 255, .2);     
  border: 0;
  color: #DD1100;
}
.box-cms-bk {    
  background-color: rgb(225, 225, 225);  
  margin: 20px auto 0 auto; 
}
.box-cms-md {
  max-width: 576px;
}
.panel-cms-light {
  background-color: rgba(255, 255, 255, .65);   
  padding: 10px;
  margin-bottom: 1px;
}
.panel-cms-bkg {
  background-color: rgb(245, 245, 245); ;    
  padding: 10px;
  margin-bottom: 2px;
}
.xwidth-sm {
  max-width: 420px;
}
.x-container {
  padding: 0;
}

.x-menu-grid {
  border: 2px solid rgb(176, 32, 32);
  background-color: rgb(255, 255, 255);
  padding: 15px;
  margin: 30px 0 0 0;
  border-radius: 5px;
  text-align: center;
  /*cursor: pointer;*/
}
/*.x-menu-grid:hover {
  border: 2px solid rgb(206, 63, 63);
  background-color: rgb(255, 255, 255);
}*/
.x-menu-grid .x-label {
  font-size: 1.8rem;
  color:rgb(32, 32, 32);
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
}
.x-menu-but {
  margin-top: 15px;
  padding-top: 7px;
  border-top: 1px solid rgb(223, 223, 223);
}
.x-cont-elenco {
  border-top: 2px solid rgb(176, 32, 32);
  border-bottom: 2px solid rgb(176, 32, 32);
  padding: 15px;
  margin-bottom: 15px;
  /*max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;*/
}
.item-elenco {
  border-bottom: 1px solid #DADADA;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.x-bold {
  font-family: "d-dindin-bold", Helvetica, sans-serif;
  font-weight: bold;
}
.x-normal {
  font-family: "d-dinregular", Helvetica, sans-serif;
  font-weight: normal;
}

.x-sub-menu {
  padding: 5px 15px;
  background-color: rgb(240, 240, 240);
  margin-bottom: 1px;
}

.x-red-f {
  color: rgb(176, 32, 32);
}
.x-black-f {
  color: rgb(16, 16, 16);
}
.x-red-dark-f {
    color: #CC0000;
}
.x-green-f {
    color: #007F00;
}
.x-blu-f {
    color: rgb(0, 85, 187);
}
.x-orange-f {
    color: rgb(233, 107, 29);
}
.x-yellow-f {
    color: #FFCC00;
}
.x-brown-f {
    color: #886200;
}
.x-viola-f {
    color: #AA00FF;
}
.x-gray-f {
    color: #ADADAD !important;
}
.x-gray-dis-f {
    color: #ADADAD !important;
    cursor: default !important;
}
.x-gray-dark-f {
    color: #7f7f7f !important;
}
.x-black-light-f {
    color: #5A5A5A;
}
.x-disabled-gray-f {
    color: #7A7A7A;
}

@media (max-width: 991px) {
  .modal {
      margin: 0;
      padding:0;
  }
  .modal-dialog {
      margin: 0 !important;
      max-width: none;
      /*width: 100% !important;*/
  }
  .modal-content {
      /*margin: 0 !important;*/
      border-radius: 0 !important;
      width: 100% !important;
  }
}