@charset "UTF-8";
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}
code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0, 0%, 100%, .7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}
.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}
.Toastify__toast-container--top-left{left:1em;top:1em}
.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.Toastify__toast-container--top-right{right:1em;top:1em}
.Toastify__toast-container--bottom-left{bottom:1em;left:1em}
.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.Toastify__toast-container--bottom-right{bottom:1em;right:1em}
@media only screen and (max-width:480px){
.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}
.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}
.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}
.Toastify__toast-container--rtl{left:auto;right:0}
}
.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}
.Toastify__toast--rtl{direction:rtl}
.Toastify__toast--close-on-click{cursor:pointer}
.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}
.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}
.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}
.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@media only screen and (max-width:480px){
.Toastify__toast{border-radius:0;margin-bottom:0}
}
.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}
.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}
.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}
.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}
.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}
.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}
.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}
.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}
.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}
.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}
.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}
.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}
.Toastify__close-button{align-self:flex-start;background:0 0;border:none;color:#fff;cursor:pointer;opacity:.7;outline:0;padding:0;transition:.3s ease}
.Toastify__close-button--light{color:#000;opacity:.3}
.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}
.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}
@-webkit-keyframes Toastify__trackProgress{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
to{-webkit-transform:scaleX(0);transform:scaleX(0)}
}
@keyframes Toastify__trackProgress{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
to{-webkit-transform:scaleX(0);transform:scaleX(0)}
}
.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}
.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}
.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}
.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}
@-webkit-keyframes Toastify__bounceInRight{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes Toastify__bounceInRight{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes Toastify__bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes Toastify__bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@-webkit-keyframes Toastify__bounceInLeft{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes Toastify__bounceInLeft{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes Toastify__bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes Toastify__bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@-webkit-keyframes Toastify__bounceInUp{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes Toastify__bounceInUp{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes Toastify__bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes Toastify__bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@-webkit-keyframes Toastify__bounceInDown{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes Toastify__bounceInDown{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@-webkit-keyframes Toastify__bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes Toastify__bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}
.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}
.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}
.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}
.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}
@-webkit-keyframes Toastify__zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes Toastify__zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@-webkit-keyframes Toastify__zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes Toastify__zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}
.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}
@-webkit-keyframes Toastify__flipIn{
0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes Toastify__flipIn{
0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes Toastify__flipOut{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
}
@keyframes Toastify__flipOut{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
}
.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}
.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}
@-webkit-keyframes Toastify__slideInRight{
0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes Toastify__slideInRight{
0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes Toastify__slideInLeft{
0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes Toastify__slideInLeft{
0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes Toastify__slideInUp{
0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes Toastify__slideInUp{
0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes Toastify__slideInDown{
0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes Toastify__slideInDown{
0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes Toastify__slideOutRight{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}
}
@keyframes Toastify__slideOutRight{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}
}
@-webkit-keyframes Toastify__slideOutLeft{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}
}
@keyframes Toastify__slideOutLeft{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}
}
@-webkit-keyframes Toastify__slideOutDown{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}
}
@keyframes Toastify__slideOutDown{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}
}
@-webkit-keyframes Toastify__slideOutUp{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}
}
@keyframes Toastify__slideOutUp{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}
}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}
.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}
.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}
.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}
.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}
@-webkit-keyframes Toastify__spin{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes Toastify__spin{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.Nav-Bar{align-items:center;background:#3d5300;display:flex;width:74.3%}
.navbar{width:100%}
.navbar-collapse{flex-direction:row}
.navbar-nav{padding:0 2%;text-align:center;width:100%}
.nav-item{width:100%}
.nav-item>.nav-link{color:#fff;font-weight:700}
.nav-item>.nav-link.active{color:#ffe31a}
.user-detail-container{align-items:center;background-color:var(--secondary-color);display:flex;margin-left:auto;padding:0 2%;width:20%}
.user-details{align-items:center;cursor:pointer;display:flex;margin-left:10%;width:85%}
.Nav-Bar-Pagetxt{color:#27272e;font-size:28px;font-style:normal;font-weight:600;margin-top:2%;padding:2%}
.Notification-Bell{height:24px;padding-left:58.3%;position:fixed;top:38px;width:24px}
.Notification-Ping{height:8px;padding-left:59.2%;position:fixed;top:39px;width:8px}
.Name{color:var(--primary-color);font-size:16px;font-weight:700}
.Company,.Name{font-style:normal;margin-bottom:0}
.Company{color:#667280;font-size:12px;font-weight:400;line-height:12px}
.User{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
.notificationbell{background:transparent url(/client/static/media/notificationbell.32546da0d83110be04a4.svg) 50% no-repeat;background-size:contain;height:3vh}
.notificationbell:focus,.notificationbell:hover{border:none}
.navbar-button{display:none}
@media (max-height:800px){
.notificationbell{height:5vh!important}
}
@media (max-height:400px){
.notificationbell{height:10vh!important}
}
@media (max-width:1600px){
.Nav-Bar{width:68.3%}
.user-detail-container{width:25%}
}
@media (max-width:1000px){
.Nav-Bar{background:#3d5300}
.Nav-Bar-Pagetxt{margin:auto;text-align:center}
.Name,.Nav-Bar-Pagetxt{color:#fff}
.user-detail-container{margin-left:0;place-content:end;width:50%}
.user-details{margin-left:10%;margin-right:5%;width:70%}
.notificationbell{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23FFF' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.02 2.91c-3.31 0-6 2.69-6 6v2.89c0 .61-.26 1.54-.57 2.06L4.3 15.77c-.71 1.18-.22 2.49 1.08 2.93 4.31 1.44 8.96 1.44 13.27 0 1.21-.4 1.74-1.83 1.08-2.93l-1.15-1.91c-.3-.52-.56-1.45-.56-2.06V8.91c0-3.3-2.7-6-6-6Z' stroke='%23FFF' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M14 3a5.08 5.08 0 0 0-4 0c.313-1.175 1.092-2 2-2 .908 0 1.687.825 2 2Z' stroke='%23FFF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 19c0 2.2-1.35 4-3 4-.82 0-1.58-.453-2.12-1.173S9 20.093 9 19' stroke='%23FFF' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") 50% no-repeat}
.navbar-collapse.offcanvas{display:flex!important;flex-direction:column;position:fixed!important;-webkit-transform:translateX(-100%)!important;transform:translateX(-100%)!important;visibility:hidden!important;z-index:1045!important}
.navbar-collapse.offcanvas.show{background-color:var(--primary-color)!important;overflow-y:auto;padding:5% 0;-webkit-transform:none!important;transform:none!important;visibility:visible!important;width:30%!important}
.navbar-expand-lg .navbar-nav{flex-direction:column!important}
.nav-item{margin-bottom:10%}
.navbar-button{display:block}
.navbar-collapse>.Logo>button,.vertical-nav>.Logo>button{margin-left:85%}
}
@media (max-width:820px){
.navbar-collapse.offcanvas.show{width:50%!important}
}
@media (max-width:750px){
.user-detail-container{width:75%}
}
@media (max-width:600px){
.navbar-collapse.offcanvas.show{width:100%!important}
.Nav-Bar{padding:0 5%;width:20%}
.user-detail-container{width:100%}
.User{width:30px}
}
.pagination-container{display:flex;justify-content:center;list-style-type:none}
.pagination-container .pagination-item{align-items:center;border-radius:0;box-sizing:border-box;color:rgba(0,0,0,.87);display:flex;font-size:13px;font-weight:700;height:32px;letter-spacing:.01071em;line-height:1.43;margin:auto 4px;min-width:32px;padding:0 12px;text-align:center}
.pagination-container .pagination-item.dots:hover{background-color:transparent;cursor:default}
.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.04);cursor:pointer}
.pagination-container .pagination-item.selected{background-color:var(--primary-color);color:#fff}
.pagination-container .pagination-item .arrow:before{border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87);content:"";display:inline-block;height:.4em;position:relative;width:.4em}
.pagination-container .pagination-item .arrow.left{-webkit-transform:rotate(-135deg) translate(-50%);transform:rotate(-135deg) translate(-50%)}
.pagination-container .pagination-item .arrow.right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pagination-container .pagination-item.disabled{pointer-events:none}
.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}
.pagination-container .pagination-item.disabled:hover{background-color:transparent;cursor:default}
.Invoice{font-weight:400;margin:0 0 2%}
.Invoice,.Selandord{color:#27272e;font-size:18px;font-style:normal}
.Selandord{font-weight:600;margin:5% 0 2%}
.order-card-container>.col{margin:1% 0}
.order-card{background:#fff;border-radius:0;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer;padding:5%;width:100%}
.order-card:hover,.selected-order-card{background:#f8f9fa}
.Available_Box{background:#deffee;border-radius:0;margin-bottom:5%;padding:2%;text-align:center;width:50%}
.unavailable-box{background:#ffdede}
.available-later-box{background:#fff1de}
.Available_Txt{align-items:center;color:#66cb9f;font-size:10px;font-style:normal;font-weight:700;margin-bottom:0}
.unavailable-txt{color:#cb6666}
.available-later-txt{color:#cb9766}
.Card_Name{color:#16192c;font-size:16px;font-style:normal;font-weight:700}
.Order_Numbers{color:#818c99;font-size:14px;font-style:normal;font-weight:400;line-height:24px}
.Main_Verizonphonenumber{background:#f8f9fa;border-radius:0;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);margin:5% 0;padding:2%}
.Verizon_Logo{border-radius:0;height:46px;margin-bottom:2%;width:46px!important}
.Main_Verizonphonenumber_Txt{color:#27272e;font-size:18px;font-style:normal;font-weight:600;line-height:28px}
.Main_Verizonphonenumber_Detail{color:#425466;font-size:16px;font-style:normal;font-weight:400;line-height:26px}
.Main_Verizonphonenumber_Number{color:#ff4949;font-size:28px;font-style:normal;font-weight:600;line-height:32px;text-align:right}
.Dropdown_Box{font-size:13px;font-style:normal;font-weight:400;text-align:center}
.Dropdown_Box,.QuantityBox{background:#fff;border:1px solid #ebeff2;border-radius:0;margin-right:2%;width:45%}
.Dropdown_Box>select,.QuantityBox>input{height:100%;width:100%}
.QuantityTxt{color:#7a828a;font-size:13px;font-style:normal;font-weight:400;line-height:13px}
.Ordr_Btn{width:10%}
@media (max-width:1200px){
.order-card-container>.col{width:50%}
}
@media (max-width:500px){
.order-card-container>.col{width:100%}
.Main_Verizonphonenumber>div{display:block!important}
.Main_Verizonphonenumber>div>div{width:100%!important}
}
.Customexport_Btn{width:10%}
.Search_Bbox{position:relative;background:#fff;border:1px solid #ebeff2;border-radius:0;margin-right:2%;width:90%}
.Search_Bbox>input{padding:0 4%;width:100%}
.Search_Icon{height:16px!important;position:absolute;top:50%;left:5px;transform:translateY(-50%);width:16px!important}
.Search_Txt{color:#818c99;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.01em;line-height:16px}
.order-logo{border-radius:0;height:25px;margin-right:5%;width:25px}
.Customexport_Btn:disabled{cursor:default;opacity:.5}
.export-button{border:2px solid #007bff;border-radius:0!important;margin-bottom:2%;margin-right:5%}
.product-form,.search-component{display:flex;position:relative}
.add-product-form>.Dropdown_Box,.add-product-form>.QuantityBox{width:30%}
.model-body>.dropdowntxt{margin-top:5%}
@media (max-width:700px){
.Search_Bbox{width:70%}
.Search_Icon{margin:3% 2%}
.Search_Bbox>input{padding:0 10%}
.Customexport_Btn{width:30%}
}
@media (max-width:600px){
.product-form{display:block}
.Dropdown_Box,.QuantityBox{height:46px;margin-top:2%;width:100%!important}
.Dropdown_Box{height:100%}
.Ordr_Btn{margin-right:2%;margin-top:5%;padding:3%;width:48%}
.product-form>.Ordr_Btn:last-child{margin-left:2%!important;margin-right:0}
.product-form>.order-now-button:last-child{margin:2% 0 0!important;width:100%}
}
@media (max-width:400px){
.search-component{display:block}
.search-component>*{width:100%}
.search-component>button{margin-top:5%}
}
.ManMyUser{color:#27272e;font-size:18px;line-height:28px}
.ManMyUser,.Manage_Btn{font-style:normal;font-weight:400}
.Manage_Btn{background:#f0f7ff;border-radius:0;border-width:0;color:#007bff;font-size:12px;line-height:12px;padding:5px 12px;width:75%}
.Manage_Btn:hover{background:#007bff;color:#fff}
.pagination-bar{margin:2% 0;padding:0}
@media (max-width:1400px){
.Manage_Btn{width:100%}
}
.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}
.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}
.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}
.react-datepicker--time-only .react-datepicker__triangle{left:35px}
.react-datepicker--time-only .react-datepicker__time-container{border-left:0}
.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}
.react-datepicker__triangle{left:50px;position:absolute}
.react-datepicker-popper{z-index:1}
.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}
.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}
.react-datepicker-popper[data-placement^=right]{padding-left:8px}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}
.react-datepicker-popper[data-placement^=left]{padding-right:8px}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}
.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}
.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}
.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}
.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}
.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}
.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}
.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.react-datepicker__navigation{align-items:center;background:0 0;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}
.react-datepicker__navigation--previous{left:2px}
.react-datepicker__navigation--next{right:2px}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}
.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}
.react-datepicker__navigation--years-previous{top:4px}
.react-datepicker__navigation--years-upcoming{top:-4px}
.react-datepicker__navigation:hover :before{border-color:#a6a6a6}
.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}
.react-datepicker__navigation-icon--next{left:-2px}
.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.react-datepicker__navigation-icon--previous{right:-2px}
.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.react-datepicker__month-container{float:left}
.react-datepicker__year{margin:.4rem;text-align:center}
.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}
.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}
.react-datepicker__month{margin:.4rem;text-align:center}
.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}
.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}
.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}
.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}
.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}
.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}
.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}
.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}
.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}
.react-datepicker__day-names{margin-bottom:-8px}
.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}
.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}
.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}
.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}
.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:initial;cursor:default}
.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}
.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}
.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}
.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}
.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}
.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}
.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}
.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}
.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}
.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}
.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}
.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}
.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}
.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}
.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}
.react-datepicker__input-container{display:inline-block;position:relative;width:100%}
.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}
.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}
.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}
.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}
.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}
.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}
.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}
.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}
.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}
.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}
.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}
.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}
.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}
.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}
.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}
@media (max-height:550px),(max-width:400px){
.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}
}
.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}
.stats-container>div{height:17vh}
.stats-container>.Member_Card{background:var(--secondary-color)}
.order-card-container.Cd_Section>.stats-card{padding:2%}
.order-card-container.Cd_Section>.col>.stats-card,.order-card-container.Cd_Section>.stats-card{border-radius:0;cursor:default;display:flex;margin:0 1%}
.order-card-container.Cd_Section>.stats-card:first-child{margin-left:0}
.order-card-container.Cd_Section>.stats-card:last-child{margin-right:0}
.order-card-container.Cd_Section>.col>.stats-card:hover,.order-card-container.Cd_Section>.stats-card:hover{background:inherit!important}
.Receno-Barr .DrpDown{width:65%}
.Receno-Barr>div>.select{margin-left:2%}
.mobile-stats-container>.stats-card{width:33.33333%}
.graph-container{display:flex;margin:5% 0}
.graph-container>div{width:50%}
.graph-container>div:first-child{margin-right:1%}
.graph-container>div:last-child{margin-left:1%}
.CrdName{color:#7a7a9d;font-size:12px;line-height:16px}
.Card_Numbers,.CrdName{font-style:normal;font-weight:600}
.Card_Numbers{color:#16192c;font-size:20px}
.react-datepicker__input-container,.react-datepicker__input-container>input{height:100%}
.download-order-container{display:flex;margin-left:auto;width:50%}
@media (max-width:1000px){
.download-order-container{width:75%}
}
@media (max-width:800px){
.seller-stats-container{display:block!important}
.seller-stats-container>.stats-card{margin:5% 0!important}
.number-stats-container{display:block!important}
.download-order-container{margin-top:2%;width:100%}
}
@media (max-width:600px){
.mobile-stats-container>.col{margin:5% 0;width:100%}
.graph-container{display:block}
.graph-container>div{width:100%}
.download-order-container{display:block}
.download-order-container>*{margin:2% 0!important}
.download-order-container>button{padding:3%}
.react-datepicker__input-container{height:46px}
}
@media (max-width:400px){
.mobile-stats-container>.col>div>div:first-child{width:25%!important}
.mobile-stats-container>.col>div>div:last-child{width:75%!important}
}
.Sidebar{background:var(--light-green);color:var(--primary-color);display:block;margin-left:0;margin-top:0;min-height:100vh;padding:0 2%;position:relative;text-align:center;-webkit-transform:none!important;transform:none!important;visibility:visible;width:20%!important;z-index:0}
.vertical-detail-container{border-bottom:2px solid var(--primary-color);padding-bottom:10%}
.quick-stat-container{padding-top:10%}
.quick-stat-container>.vertical-detail-container{border-bottom:2px solid var(--secondary-color);padding-top:10%}
.Logo{font-size:38.093px;font-style:normal;font-weight:700;line-height:59px;margin-top:40px}
.Logo>button{display:none}
.Sidebar-Image{display:inline;display:initial;margin-right:5%}
.Sidebar-Txt{font-size:16px;font-style:normal;font-weight:600;line-height:26px}
.nav-pills .nav-link{color:#fff}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:initial;border-radius:0;color:#007bff!important;font-weight:700}
.active-image{display:none}
.inactive-image{display:inline;display:initial}
.nav-pills .nav-link.active>.active-image{display:inline;display:initial;margin-right:5%}
.nav-pills .nav-link.active>.inactive-image{display:none}
.nav-detail-container{width:100%}
.nav-detail-container div img{width:25px}
.nav-detail-container div img[alt=Logo]{height:60px!important}
.tab-pane{padding:2%}
.Cd_Section{background:#fff;display:flex}
.Accblnce_Card{background:var(--primary-color);display:flex}
.Accblnce_Card,.Member_Card{border-radius:0;height:24vh;padding:2%;width:25%}
.Member_Card{background:#ff2f64;margin-left:5%}
.Acct_Balance{color:#fff;font-size:16px;font-style:normal;font-weight:400}
.Card_In{height:62px;width:62px!important}
.Price{color:#fff;font-size:36px;font-style:normal;font-weight:700}
.Refill_Btn{height:25%;margin-top:5%;width:60%}
.Member_Txt{font-size:16px;font-weight:400}
.Date,.Member_Txt{color:#fff;font-style:normal}
.Date{font-size:32px;font-weight:700}
.Receno-Barr{align-items:center;background:var(--light-green);display:flex;padding:2%}
.Recent_Number{color:#27272e;font-size:20px;font-style:normal;font-weight:600;margin-bottom:0}
.Plcenew_Btn{margin-left:auto;padding:1%}
.Tableee{align-items:center;background:#f2f5f7;margin-top:2%;width:100%}
tr{height:52px}
tr td,tr th{padding:0 2%}
.Theaddd{color:#414c59;font-size:10px;font-style:normal;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.Tbodyyy{align-items:center;background-color:#fff;color:#425466;font-size:14px;font-style:normal;font-weight:400;line-height:20px}
.BlueIcon{padding-right:12px}
.Order_Btn{height:10px;margin-right:17px;width:10px}
.Carrier_Btn,.Order_Btn{background:#ebeff2;border-radius:0;border-width:0;color:#ebeff2}
.Carrier_Btn{height:15px;margin-right:12px;width:15px}
.More_Btn{background-color:#fff;border-width:0;height:24px;padding-right:29.55px;width:10px}
.Graph{margin-top:5%;width:80%}
.Card_Section{display:flex}
.Accblncee_Card{background:#4c6fff;width:25%}
.Accblncee_Card,.Note_Card{border-radius:0;display:flex;padding:2%}
.Note_Card{background:#fff;border-left:5px solid var(--primary-color);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);box-sizing:border-box;flex-direction:column;justify-content:center;width:100%}
.AcctBalancee{color:#fff;font-size:16px;font-style:normal;font-weight:400}
.Card_Icon{height:62px;width:62px}
.Pricee{color:#fff;font-size:36px;font-style:normal;font-weight:700;margin-bottom:0}
.Note{font-weight:600}
.Note,.Note_Details{color:#212933;font-size:14px;font-style:normal}
.Note_Details{font-weight:400}
.vertical-nav-button{color:#fff;display:none}
.invoice-amount-column>svg,.status-detail-container{display:none}
@media (max-height:800px){
.Accblnce_Card,.Accblncee_Card,.Member_Card,.Note_Card{height:auto!important}
.Refill_Btn{margin-bottom:10%!important}
}
@media (max-height:750px){
.Sidebar{overflow:auto}
}
@media (max-width:1600px){
.portal-tab-container{width:75%!important}
.Sidebar{width:25%!important}
}
@media (max-width:1350px){
.Accblnce_Card,.Accblncee_Card,.Member_Card,.Note_Card{width:100%}
.column-w-20{width:20%}
}
@media (max-width:1000px){
.portal-tab-container{width:100%!important}
.Sidebar{background:var(--primary-color);color:var(--secondary-color);display:flex;overflow-y:auto;padding-bottom:5%;position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden;width:30%!important;z-index:1045}
.Logo{width:100%}
.Logo>button{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50% no-repeat;margin-left:20%;opacity:1;width:auto}
.Logo>button,.vertical-nav-button{display:block}
}
@media (max-width:850px){
.Sidebar{width:40%!important}
}
@media (max-width:800px){
.carrier-column,.status-column{margin:auto;text-align:center}
.status-column>.BlueIcon{padding:0}
.carrier-column>span,.status-column>span{display:none}
.status-detail-container{display:flex;margin-top:5%}
.status-detail-container>div{margin-right:5%;width:20%}
}
@media (max-width:700px){
.Sidebar{width:50%!important}
}
@media (max-width:600px){
.Card_Section,.Cd_Section{display:block}
.Member_Card,.Note_Card{margin:5% 0 0}
.Accblnce_Card,.Accblncee_Card,.Member_Card,.Note_Card{height:20vh}
.Accblnce_Card>div:last-child,.Accblncee_Card>div:last-child{align-self:center}
.Refill_Btn{margin:0}
#homeOrderResultModal>.modal-dialog>.modal-content{width:85vw!important}
.desktop-column{display:none}
.status-detail-container>div{width:50%}
.Graph{width:100%}
}
@media (max-width:500px){
.Sidebar{width:75%!important}
}
@media (max-width:400px){
.Sidebar{width:100%!important}
.Logo{width:85%}
.Receno-Barr{display:block}
.Plcenew_Btn{margin-top:5%}
}
@media (max-width:350px){
.tab-column{display:none}
.invoice-amount-column>svg{display:block}
}
.main{background-color:#1e1e1e;min-height:100vh;text-align:center}
.main>.d-flex>div:first-child{background:url(/client/static/media/login.dc86b098acbc8fa8aa24.png) top no-repeat;background-size:cover;width:70%}
.main>.d-flex>div:last-child{background:#f7fafc;min-height:100vh;padding:10% 5%;width:30%}
.img{padding:0 0 5%;width:100%}
.peoples-wireless{font-size:28px;font-weight:600}
.loremIpsum,.peoples-wireless{color:#27272e;font-style:normal;text-align:center}
.loremIpsum{font-size:16px;font-weight:400;padding-top:0}
.passtxt,.usernametxt{align-items:center;color:#3d5300;display:flex;font-size:14px;font-style:normal;font-weight:500;height:17px;line-height:17px;margin:5% 0;padding:0 1%}
.signinbtnn{border-width:0;font-size:14px;font-style:normal;font-weight:600;height:46px;line-height:14px;margin-top:15%;width:100%}
.login-alert{margin:5% 0 -10%}
@media (max-height:800px){
.signinbtnn{margin-bottom:5%}
}
@media (max-width:1400px){
.main>.d-flex>div:first-child{width:60%}
.main>.d-flex>div:last-child{width:40%}
}
@media (max-width:1000px){
.main>.d-flex>div:first-child,.main>.d-flex>div:last-child{width:50%}
}
@media (max-width:700px){
.main>.d-flex{background:url(/client/static/media/login.dc86b098acbc8fa8aa24.png) top no-repeat;background-size:cover;display:block!important;min-height:100vh}
.main>.d-flex>div:first-child{display:none}
.main>.d-flex>div:last-child{left:20%;margin:auto;min-height:50vh;position:absolute;top:20%;width:60%}
.main>.d-flex>div:last-child>form>.img>img{width:30%}
}
@media (max-width:500px){
.main>.d-flex>div:last-child{left:0;top:15%;width:100%}
}
#root{--primary-color:#032340;--secondary-color:#3D5300;--light-green:#ABBA7C;font-family:Inter;font-size:18px}
button{cursor:pointer}
input{border:1px solid #acbb7f;border-radius:0;box-shadow:none;height:46px;padding:0 2%;width:100%}
.custom-file-label,input{background-color:var(--light-green)}
.custom-file-label{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;z-index:0}
.custom-file,.custom-file-input,.custom-file-label{height:25vh}
.small-input,.small-input>.custom-file-input,.small-input>.custom-file-label{height:8vh;margin:3% 0}
.small-input>.custom-file-label>img{width:20%}
.small-input>.custom-file-label>.image-uploader-label{font-size:12px}
.custom-file-label:after{display:none}
.custom-file-input{cursor:pointer;padding:0!important;z-index:0}
.spinner-grow{margin-right:2%}
.btn{border-radius:0;text-transform:uppercase}
.white-button{background:#fff;border-width:0;color:#16192c;font-size:12px;font-style:normal;font-weight:600;line-height:12px}
.white-button:hover{background:#007bff;border:2px solid #fff;color:#fff}
.blue-button{align-items:center;background:var(--primary-color);border-color:transparent;color:#fff;font-size:12px;font-style:normal;font-weight:600}
.blue-button:hover{background:#fff;border:2px solid var(--primary-color);color:var(--primary-color)}
.green-border-button:hover,.green-button{align-items:center;background:var(--secondary-color);border-color:transparent;color:#fff;font-size:12px;font-style:normal;font-weight:600}
.green-button:hover{background:#fff;border:2px solid var(--secondary-color);color:var(--primary-color)}
.form-button{border:2px solid transparent;margin-bottom:5%;width:100%}
.green-border-button{background:0 0;border:2px solid var(--secondary-color);color:#16192c}
.green-border-button,.red-border-button:hover,.red-button{align-items:center;font-size:12px;font-style:normal;font-weight:600}
.red-border-button:hover,.red-button{background:#ff2f64;border-color:transparent;color:#fff}
.red-button:hover{background:#fff;border:2px solid #ff2f64;color:#16192c}
a.green-button{border:2px solid transparent}
button:disabled{opacity:.5!important;pointer-events:none}
button:disabled:hover{background-color:inherit!important}
.css-b62m3t-container{padding:0}
@media (max-width:400px){
.green-border-button,.green-button{padding:3%}
}