/* latin */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("/richiami/web/fonts/Roboto-Regular.ttf");
}*/
@font-face {
    font-family: 'Roboto';
    src: url('/richiami/web/fonts/Roboto-Regular.eot');
    src: url('/richiami/web/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/richiami/web/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/richiami/web/fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    height: 100%;
    font-family: 'Roboto';
}
.mt-1rem{margin-top:1rem;}.mt-5rem{margin-top: 5rem;}.mt-3rem{margin-top: 3rem;}
.ml-1rem{margin-left: 1rem;}
.ml-0rem{margin-left: 0rem;}
.ml-1-5rem{margin-left: 1.5rem;}
.ml-2rem{margin-left: 2rem;}
.ml-2-5rem{margin-left: 2.5rem;}
.ml-4rem{margin-left: 4rem;}

h1,h2,h3,h4,h5{color: #619e01}
.greenkar{color: #619e01 !important;}
footer{clear: both;}
td{text-align: left;}
.minuscolo{text-transform: lowercase !important;}
.chiudi-overlay{
  /*position: absolute;
  top: 6rem;
  z-index: 9999999999999999999999999999999999999999;
  right: 7rem;*/
}
.badge-inserimento-fatturazione{
  width: 70%;
  margin: 0 auto;
}
.panel-heading, .panel-body{
  font-size: 16px !important;
}
.logo-brand{
  position: relative;
  right: 2rem;
}
#main-logo-gksv-container{
  background-color: #ffffffcc;
  width: 150px;
  height: 110px;
  border-radius: 1rem;
}
#main-logo-gksv{
    width: 230px;
    float: right;
    padding: 1rem;
}
.messaggio-informativo{
  font-size: 10px;
}
.lista-manuali{
  list-style: none;
  text-transform: capitalize;
  font-weight: bold;
}
.lista-manuali>div>a{
  color: #868686;
}
.lista-manuali>div>a>i{
  margin-right: 1rem;
}
.lista-vin>span{
  margin-left: 1rem;
  padding: 1rem;
}
.lista-vin>span:first-child{
  margin: 1rem;
  padding: 1rem;
}
.elimina{color: #ec2024;}
.clickable{cursor: pointer;}
.icone-gridview{ color:#619e01; }
.mt-2rem{margin-top:2rem;}.mt-4rem{margin-top:4rem;}.mt-8rem{margin-top:8rem;}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}
.ul-lista-generica{
  list-style: none;
}
.ul-lista-generica>li{
  padding: 1rem;
}
.ul-lista-generica>li>a{

  text-transform: capitalize;
}
/************************************************
                    LAYOUT GENERICO
**********************MENU INTERNO*************/


.container-layout{
  width:100%;
  height: 100%;
  overflow-x: hidden;
}
.menu-interno{
  /*width: 16%;
  float: left;
  height: 70%;
  border-top: 8px solid white;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  /*box-shadow: 3px 0px 10px grey;
  background-color: #94c122;*/
  background-color: #f3f3f3;
  height: 100vh; 
  padding: 0 0 0 0;
}
.contenuto-interno{
  /*width: 75%;
    margin-top: 20px;*/
  float: left;
  height: 100vh;
  /*position: relative;
  z-index: 999999999999999999999999999999999999999999;*/
  border-top: 2px solid #94c122;
  border-left: 2px solid #94c122;
  border-right: 2px solid #94c122;
}
/*L'ADMIN NON HA LE ICONE CARRELLO E ASSISTENZA
QUINDI POSSO ALLARGARE LO SPAZIO*/
.contenuto-interno-admin{
  width: 80%;
  float: left;
  height: 100%;
}
.logo-costruttore {
 /* width: 100%;*/
  padding: 2.5rem;
  /*box-shadow: 0px 0px 5px grey;*/
  display:table-cell;
      vertical-align:middle;
      text-align:center;
      
      
}
 .logo-costruttore-destra {
 /* width: 100%;*/

  /*box-shadow: 0px 0px 5px grey;*/
  display:table-cell;
      vertical-align:middle;
      text-align:center;
      
      
}
.logo-costruttore>img{
  width: 60%;
  position: relative;
  /*left: 25%;*/
  max-width: 100%;
}
.logo-costruttore>p {
  display: none;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
}
.container-voci-menu a{
  text-decoration: none;
  color: black !important;
  font-size: 12px;
}
.container-voci-menu>a:first-child>div{
  /*border-top: 2px solid #b5f90b;*/
  border-bottom: 1px solid #7cc247;
}
.container-voci-menu div{
  border-bottom: 1px solid #7cc247;
  padding: 1.2rem;
  font-size: 16px;
  /*letter-spacing: 0.4rem;*/
  transition: 0.5s;
  text-decoration: none;
  color: black !important;
  /*font-size: 12px;*/
}
.selected{
  background-color: #7cc247;
  border-left: 6px solid #b5f90b;
  color: #ffffff !important;
}
.container-voci-menu div:hover {
  background-color: #525d37;
  border-left: 6px solid #b5f90b;
  color: #ffffff !important;
}
.container-voci-menu>div>a>i{
  margin-right: 2rem;
}
.menu-footer{
  width: 100%;
  position: absolute;
  top: 75%;
  /*bottom: 0;*/
}
.menu-footer div{
  color: #adadad;
  padding: 0.5rem;
  font-size: 10px;
}
/*********************************
****************ICONE DX*********/
.container-logo-icone{
  width: 7%;
  float: left;
  /*height: 100%;*/
  position: relative;
  left: 2rem;
  top: 1rem;
}
.container-icone{
  /*position: relative;
  top: 20rem;*/
}
.container-icone div{
    position: fixed;
    right: -30px;
    top: 50%;
    padding: 10px;
    background-color: #94c122;
    color: #ffffff !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: padding-right .2s linear;
  /*position: relative;
  left: 70%;
  font-size: 20px;
  padding: 1rem;
  border-bottom: 2px solid #b5b5b5;
  transition: 0.3s;
  border-radius: 1rem;*/
}

.container-icone div:hover{
  /*left: 30%;*/
    color: #ed2024;
    cursor: pointer;
    padding-right: 40px;
}
.icona-hover{
  /*left: 30% !important;*/
  color: #ed2024 !important;
}
/*********************************
****************CONTENUTO*********/
.titolo{
  /*margin-left: 1rem;*/
  /*letter-spacing: 0.7rem;*/

}
/*********************************************
*****************COMMON DASHBOARD************/
.container-info-box{
  /*margin-left: 2rem;*/
  margin-top: 1.5rem;
  border-top: 2px solid #e6e6e6;
  padding: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.box-home{
  width: 32%;
  float: left;
  display: flex;
  flex-direction: column;
}
.container-info-box>div{
  text-align: center;
  border: 2px solid #a7a7a74d;
  background-color: #8080801f;
  border-radius: 1rem;
  min-height: 27rem;
  margin: 0.5rem;
}
/*********************************************
*****************COMMON RUBRICA************/
.container-rubrica{

  margin-left: 3rem;
}
/****************************************
*****************OVERLAY****************/
.overlay{
}
.pulsante-chiudi{cursor: pointer;font-size: 2.5rem;color:red;transition: 0.3s;}
.pulsante-chiudi:hover{color:#fb9595;}
#container-overlay{
  background-color: white;
  width: 70%;
  margin: 0 auto;
  position: relative;
  top: 20%;
  border-radius: 1rem;
  padding: 1rem;
}
#form-container{
  overflow: auto;
  /*background-color: #619e01;*/
}
.elimina-avviso{
  font-size: 24px;
}
#messaggio>p{
  font-size: 20px;
  text-align: center;
  color: #ee2024;
}
/****************************************
********************MAPS*****************/
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  /*height: 100%;*/
  height: 400px;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto;
}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}
/*
#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

#pac-input:focus {
  border-color: #4d90fe;
}
*/
#title {
  color: #fff;
  background-color: #619e01;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}
table,tr,th,td,thead,tbody{ border: none;}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
/*********************************
*********GRIDVIEW CUSTOM*****************
*********************************/
.table-bordered>thead >tr>td>input{
  width: 50%;
  margin: 0 auto;
}
.thead-light{
	background-color: grey;
}
.thead-light > tr{
	color: white;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
  border: none !important;
  text-align: center;
  font-size: 12px;
  font-weight: unset;
}
.table-bordered{border: none !important;  }
.pagination>li>a{color: #619e01 !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
 .pagination > .active > span:hover, .pagination > .active > a:focus,
 .pagination > .active > span:focus{
   z-index: 3;
  color: #fff !important;
  cursor: default;
  background-color: #619e01;
  border-color: #619e01;
 }
 tr{
   color: #7d7d7d;
 }
.table-bordered > thead{
  background-color: #94c122;
  color: #bdbdbd;

}
.table-bordered > thead>tr>th>a{
  color: black !important;
}
.table-bordered > thead>tr>th{
  color: black !important;
}
.table-bordered > tbody{
  text-align: center;
}

@media(max-width:1366px) {
    .ritiro {
        font-size: 9px;
    }
    
    .ritiro h2 {
        font-size: 23px;
    }
    .ritiro input[type="radio"] {

    margin: 9px -9px -5px 6px;
	}
	
	.ritiro span {

    margin-top:25%;
	}
	
	.col-md-1a {

    width: 8.333% !important;

}
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.modal-dialog {

  /*width: 65vw;*/
}
.fas.fa-trash-alt {

  color: red;
}

/*
  LOADING SPINNER

  Usare con questo HTML

  <div class="sk-circle">
    <div class="sk-circle1 sk-child"></div>
    <div class="sk-circle2 sk-child"></div>
    <div class="sk-circle3 sk-child"></div>
    <div class="sk-circle4 sk-child"></div>
    <div class="sk-circle5 sk-child"></div>
    <div class="sk-circle6 sk-child"></div>
    <div class="sk-circle7 sk-child"></div>
    <div class="sk-circle8 sk-child"></div>
    <div class="sk-circle9 sk-child"></div>
    <div class="sk-circle10 sk-child"></div>
    <div class="sk-circle11 sk-child"></div>
    <div class="sk-circle12 sk-child"></div>
  </div>
*/

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.pulsanti-admin-richiami>a>div>div{
  background: #ecb34a;
  padding: 1em;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}
.pulsanti-admin-richiami>a>div>div:hover{
  background: #cc8400;
}
.pulsanti-admin-richiami>a,.pulsanti-npi>a>div>div>p{
  color:white !important;
}
.pulsanti-admin-richiami>a>div>div>a{
  color:white !important;
}

#col8, #col4{
	transition: 0.3s;
}

.container-voci-menu{
	line-height: 1.2;
}

/* con altezza tra 571 e 627 rimpicciolisce la scritta greenkar sul footer della barra */
@media  screen and (min-height: 571px) and (max-height: 627px) {
  .d-md-stile-menu {
    font-size: 11px !important;
  }
}
/* con altezza <= 570 elimina la scritta greenkar sul footer della barra */
@media  (max-height: 570px) {
  .d-md-stile-menu {
    display: none !important;
  }
}
/* con altezza <= 433 elimina la scritta greenkar sul footer della barra */
@media (max-height: 433px) {
  
  .d-md-none-login {
    display: none !important; /*elimina  la scritta greenkar sul footer della login*/
    style:font-size: 11px !important;
  }
}
.container-voci-menu{
	line-height: 1.2;
}