/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 9, 2023 */



@font-face {
    font-family: 'made_tommy_soft_outlineRg';
    src: url('/assets/fonts/madetommysoftregularoutline-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftregularoutline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_softthin';
    src: url('/assets/fonts/madetommysoftthin-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftthin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft_outlinethin';
    src: url('/assets/fonts/madetommysoftthinoutline-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftthinoutline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft';
    src: url('/assets/fonts/madetommysoftregular-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftregular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_softmedium';
    src: url('/assets/fonts/madetommysoftmedium-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft_outlinemedium';
    src: url('/assets/fonts/madetommysoftmediumoutline-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftmediumoutline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft';
    src: url('/assets/fonts/madetommysoftlight-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftlight-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft_outlinelight';
    src: url('/assets/fonts/madetommysoftlightoutline-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftlightoutline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_softextrabold';
    src: url('/assets/fonts/madetommysoftextrabold-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft_outlineXBd';
    src: url('/assets/fonts/madetommysoftextraboldoutline-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftextraboldoutline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft';
    src: url('/assets/fonts/madetommysoftbold-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftbold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'made_tommy_soft_outlinebold';
    src: url('/assets/fonts/madetommysoftboldoutline-webfont.woff2') format('woff2'),
         url('/assets/fonts/madetommysoftboldoutline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#menuContainer {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.9);
    width: 70%;
    left: 30%;
    top: 0;
    height: 100vh;
    transition: transform .3s
              cubic-bezier(0, .52, 0, 1);
    overflow: scroll;
    z-index: 1000;
}

#menuContainer.open {
    transform: translate3d(0vw, 0, 0);
  overflow: hidden;
}

#menuContainer.closed {
    transform: translate3d(100vw, 0, 0);
}

#notificationContainer {
    transition: transform .7s
              cubic-bezier(0, .52, 0, 1);
    z-index: 1000;
    position: fixed;
    top: -250px;
    left:5%;
    background-color: white;
    padding:20px;
    width: 90%;
    border-radius: 25px;
    color:#fff;
}

#notificationContainer.closed {
    transform: translate3d(0, 0, 0);
}

#notificationContainer.open {
    transform: translate3d(0, 290px, 0);
}


#addListSlider {
    transition: transform .7s
              cubic-bezier(0, .52, 0, 1);
    z-index: 999;
    position: fixed;
    bottom: -640px;
    left:0;
    background-color: white;
    padding:20px;
    width: 100%;
    background: linear-gradient(13.77deg, #04EA60 -20.49%, #BB00FF 90.92%);
    border-radius: 15px 15px 0px 0px;
    color:#fff;
    height:100%;
    overflow: scroll;
}

#addListSlider.closed {
    transform: translate3d(0, 640px, 0);
}

#addListSlider.open {
    transform: translate3d(0, -640px, 0);
}

@media (min-width: 768px) {
    #addListSlider{
        width: 600px;
        left:50%;
        margin-left: -300px;
    }
}

@media (min-width: 640px) {
    #addListSlider{
        width: 600px;
        left:50%;
        margin-left: -300px;
    }
}

#datetime::-webkit-calendar-picker-indicator {
    color: #8301E4;
    opacity: 1;
    display: block;
    background-repeat:  no-repeat;
    width: 24px;
    height: 24px;
    border-width: thin;
    
}
#datetime::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 2%;
}
#datetime::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    
}
#datetime::-webkit-datetime-edit {
    position: relative;
    left: 0%;
}

.reserved {
    opacity: 30%;
    pointer-events: none;
}

.reserved .itemButton {
    display: none;
}

@keyframes loader-animation {
    0% {
        
        transform: rotate(0deg);
      }
      25% {
       
        transform: rotate(90deg);
      }
      50% {
       
        transform: rotate(180deg);
      }
      75% {
       
        transform: rotate(270deg);
      }
      100% {
        
        transform: rotate(360deg);
      }
  }
  
.spinner {
    animation: loader-animation 1.5s linear infinite;
}

.react-html5-camera-photo {
    position: absolute !important;
    text-align: center !important;
    /* width: 100% !important;
    height: 100vh !important; */
    background-color: black;

    z-index: 55;
}

.react-html5-camera-photo>img, .react-html5-camera-photo>video {
    width: auto !important;
    height: 100vh !important;
}