/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.guerr-filter-field {
  display: flex;
  gap: 10px;
}

.guerr-filter-field>div {
    width: 33%;
    flex-basis: 50%;
}

select#pretoreListAutoComp {
    height: auto!important;
}

.guerr-picc-filter,
.guerr-picc-date,
.guerr-picc-opzioni {
  width: 100%;
}

a.guerr-lostpass {
    font-weight: 300;
}

.guerr-picc-date{
  margin-bottom: 15px;
}

.guerr-picc-filter-inner,
.guerr-picc-date-inner {
  display: flex;
}

.guerr-picc-filter-chk input,
.guerr-picc-date-chk input {
  min-width: auto;
  -webkit-appearance: auto;
  display: inline;
  width: auto;
  vertical-align: baseline;
}

.guerr-picc-filter-chk label,
.guerr-picc-date-chk label {
  display: inline;
  margin-right: 15px;
}

span.guerr-reato-det {
  font-size: 12px;
  background-color: #aaa;
  padding: 3px 5px;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.guerr-year-table {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
}

.guerr-month-table {
    width: 31%;
}

.guerr-week-table {
    display: flex;
    width: 100%;
    border: 1px solid #c3c4c7;
    padding: 5px;
    box-shadow: 1px 1px 2px 0px #C3C4C7;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}

.guerr-week-table.prenotable {
    cursor: pointer;
}

.guerr-week-table.pastdate {
  cursor: not-allowed;
  opacity: 0.2;
}

.guerr-week-table.outside {
  cursor: not-allowed;
  background-color: #f8f8f8;
}

.guerr-alert-banner {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.guerr-success-banner {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.guerr-warning-banner {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.guerr-week-cal {
    width: 100%;
}

.guerr-week-table.full {    
  cursor: not-allowed;
  background-color: #f8d7da;
}

.guerr-modale-wrapper-sel-avv,
.guerr-modale-wrapper-canc-avv {
    display: flex;
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

.guerr-modale-wrapper-sel-avv.close,
.guerr-modale-wrapper-canc-avv.close {
  display: none;
}

.guerr-modale-sel-avv,
.guerr-modale-canc-avv {
    background: #fff;
    padding: 30px;
    border: 2px solid #c3c4c7;
}

.guerr-field {
    display: flex;
    gap: 10px;
    align-items: center;
}

.guerr-field input[type="checkbox"] {
    -webkit-appearance: checkbox;
    width: auto;
    min-width: auto;
    margin: 0px;
    padding: 0px;
}

.guerr-modale-sel-avv {
    font-size: 1.2em;
}

.guerr-modale-sel-avv-close a {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    text-decoration: underline;
}

.guerr-modale-sel-avv-close {
    font-size: 1em;
    text-align: right;
    width: 100%;
    float: right;
}

input#cancModalPicchett, 
input#cancModalDelPicchett {
    background-color: #222;
}

.guerr-week-table.guerr-prenotation-done {
    background-color: #58e3bc!important;
}

div.guerr-sel-week-del {
    display: none;
    height: 24px;
    width: 24px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
}

.guerr-week-table:not(.pastdate).guerr-prenotation-done div.guerr-sel-week-del {
  display: block;
  cursor: pointer;
}

.reatiList>li {
    padding: 3px;
    border-radius: 5px;
    background-color: #ddd;
    font-size: 11px;
    list-style: none;
    margin: 3px;
    display: inline-block;
}

.guerr-week-number p {
    font-size: 12px;
    margin-top: 0px;
}

.guerr-week-number h3 {
    padding-bottom: 0px;
}

.guerr-filter-field>div>select {
    min-width: auto;
}

.guerr-loading-oati {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 100%;
    padding-block: 100px;
}

.guerr-loading-oati>div{
  padding-block:10px
}

.guerr-loading-bullet {
    display: flex;
    gap: 5px;
}

.guerr-loading-bullet>div {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background-color: #2f334b;
    gap: 10px;
    animation: loader 0.6s infinite alternate;
}

.guerr-loading-bullet>div:nth-child(2) {
  animation-delay: 0.2s;
}

.guerr-loading-bullet>div:nth-child(3) {
  animation-delay: 0.4s;
}

input.guerr-button-call.guerr-button-call-disabled {
    cursor: not-allowed;
    background: #bbb;
}

button.guerr-btn-modal.disabled {
    background-color: #aaa;
    cursor: not-allowed;
}

select#norisp {
    min-width: auto;
}
@keyframes loader {
  to {
    opacity: 0.1;
    transform: translate(0, -20px);
    background : pink;
  }
}

.guerr-login-call,
.guerr-call-box {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
   margin-block: 100px;
    box-shadow: 0 0.625em 1.875em rgb(2 2 3 / 28%);
    border-radius: 0.35em;
    padding: .5em 2em 1.4em 2em;
}

.guerr-call-box {
  padding-block: 25px;
  margin-block: 0px;
}

.guerr-call-avv-oati {
    display: flex;
    align-content: center;
    justify-content: center;
}

.guerr-button-call {
  appearance: none;
  backface-visibility: hidden;
  background-color: #27ae60;
  border-radius: 8px;
  border-style: none;
  box-shadow: rgba(39, 174, 96, .15) 0 4px 9px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Inter,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.5;
  outline: none;
  overflow: hidden;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.guerr-login-call .login-remember input[type='checkbox'] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    vertical-align: baseline;
    min-width: 0;
    width: auto;
}

.guerr-picc-date>div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.guerr-picc-date>div>input{
  margin: 0px;
  min-width: auto;
}

.guerr-button-call:hover {
  background-color: #1e8449;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
}

.guerr-button-call:active {
  transform: translateY(2px);
  transition-duration: .35s;
}

.guerr-button-call:hover {
  box-shadow: rgba(39, 174, 96, .2) 0 6px 12px;
}

.guerr-listAvvaCalled>ul,
.guerr-listAvv>ul {
    list-style-type: none;
}

.guerr-listAvvaCalled>ul>li,
.guerr-listAvv>ul>li{
  display: flex;
  width: 100%;
  border: 2px solid #c3c4c7;
  padding: 10px;
  box-shadow: 3px 3px 2px 0px #C3C4C7;
  margin-bottom: 10px;
  justify-content: space-between;
  box-sizing: border-box;
  opacity: 0.5;
}

.guerr-avv-picc-details>div>a {
    display: none;
}
.guerr-avv-picc-details>div.active>a {
    display: block;
}

.guerr-listAvvaCalled>ul>li.active,
.guerr-listAvv>ul>li.active,
.guerr-listAvv>ul>li:first-child,
.guerr-listAvvaCalled>ul>li:first-child{
  display: flex;
  opacity: 1;
}
.guerr-listAvv {
    width: 100%;
}
.alertNotpicc {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 10px 20px;
}
.guerr-listAvv>ul>li>div:first-child{
  cursor: pointer;
}

.guerr-listAvv>ul>li>div {
    /*display: none; Modifica per mostrare tutti i picchettisti*/
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.guerr-avv-picc-details-curtain{
  display: none!important; /*    Modifica per mostrare tutti i picchettisti*/
}

.active-picc{
  /*display: flex!important; Modifica per mostrare tutti i picchettisti*/
}


.guerr-listAvvaCalled>ul>li>div>div:nth-child(2), .guerr-avv-picc-details>div>p {
    font-size: 11px;
    line-height: 2px;
}

.guerr-avv-picc-details>div>a{
  margin-block: 10px;
}

.guerr-no-risp{
  display: none;
}

.guerr-no-risp-active{
  display: block;
}

.guerr-no-risp>p:first-child {
    color: red;
}

.guerr-session-details > p {
    margin: 0px;
}

.refreshAvv {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  margin-block: 20px;
}
.refreshAvv:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.refreshAvv:active {
	position:relative;
	top:1px;
}

a.guerr-canc-procurat svg {
    stroke: red;
}

.guerr-call-modal {
    position: fixed;
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.guerr-call-modal>div {
    background-color: #fff;
    border: 2px solid #c3c4c7;
    padding: 30px;
    box-shadow: 3px 3px 2px 0px #C3C4C7;
    margin-bottom: 10px;
    justify-content: space-between;
    box-sizing: border-box;
}

.guerr-feedbackbuttons {
    /*visibility: hidden;*/
}

button.guerr-btn-modal {
    clear: both;
    display: inline-block;
    margin: 1em auto;
    padding: 8px 1.5em;
    border: 0;
    max-width: 300px;
    color: #fff;
    background-color: #7e7129;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    text-align: center;
    transition: all .5s ease-out;
}

button.guerr-feedbackPos,
button.guerr-feedbackNeg,
button.guerr-feedbackSave {
    padding-block: 10px;
    margin: 0px;
    min-resolution: 150px;
    padding-block: 10px;
    color: #fff;
    font-weight: 600;
    border: none;
    display: none;
}

li.active>div.guerr-avv-picc-details .guerr-feedbackbuttons button.guerr-feedbackPos,
li.active>div.guerr-avv-picc-details .guerr-feedbackbuttons button.guerr-feedbackNeg,
li.active>div.guerr-avv-picc-details .guerr-feedbackbuttons button.guerr-feedbackSave{
  display: inline;
}

button.guerr-feedbackPos {
    padding-block: 10px;
    border-radius: 10px 0 0px 10px;
    margin: 0px;
    min-width: 150px;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
}

li.active>div.guerr-avv-picc-details .guerr-feedbackbuttons button.guerr-feedbackPos{
  background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
  background-color: #74ad5a;
  border: 1px solid #3b6e22;
}

button.guerr-feedbackNeg {
    padding-block: 10px;
    margin: 0px;
    border-radius: 0 10px 10px 0;
    min-width: 150px;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    background-color: #d0451b;
}

button.guerr-feedbackNeg:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}

button.guerr-feedbackPos:hover {
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	background-color:#68a54b;
}

button.guerr-feedbackSave{
  box-shadow: inset 0px 1px 0px 0px #cf866c;
  background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
  background-color: #d0451b;
}

.guerr-feedbackbuttons>span{
    font-weight: 600;
    padding-block: 10px;
    display: block;
    min-width: 300px;
}

.guerr-feedbackbuttons.feedNegAtt>span {
    color: red;
}

.guerr-feedbackbuttons.feedPosAtt>span {
    color: green;
}

.guerr-feedbackbuttons {
    margin-block: 10px;
}

textarea.guerr-textarea {
    height: auto;
}

.guerr-picc-option>button {
    text-align: right;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    background-color:#007dc1;
    stroke: #fff;
}

.feedbackinput {
    display: none;
}
.feedbackinput.active{
  display: flex;
}
.feedbackinput>input {
    margin: 0;
}
@media only screen and (max-width: 600px) {
  .guerr-month-table {
      width: 45%;
  }
  .guerr-filter-field {
    flex-direction: column;
  }

  .guerr-filter-field>div {
      width: 100%;
      flex-basis: 100%;
  }
  .guerr-feedbackbuttons>button {
      display: block;
      border-radius: 10px;
      margin: 15px;
  }
  .guerr-avv-picc-details>div {
    min-width: 50%;
  }
}

@media only screen and (max-width: 450px) {
  .guerr-month-table {
      width: 100%;
  }
}