.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.btn{padding:.8rem 1.4rem !important;color:#fff !important}.btn{line-height:1.5;border-radius:.2rem;color:#fff;font-size:14px;border:0}.btn-primary{background-color:#17a2b8}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#128294 !important}.btn-primary:disabled{background-color:#17a2b8;opacity:.8}.btn-orange{background-color:#ef8354}.btn-orange:focus{background-color:#ef8354 !important}.btn-orange:hover,.btn-orange:active{background-color:#ec682f !important}.btn-success{background-color:#02a9a1}.btn-success:hover,.btn-success:focus,.btn-success:active{background-color:#02817b !important}.btn-success:disabled{background-color:rgba(69,181,176,.8196078431);opacity:.8}.btn-default{padding:7px 20px !important;color:#72a9ff !important}.btn-default{background-color:rgba(115,169,255,.1803921569);border:2px solid #72a9ff}.btn-default:hover{background-color:#fff}.btn-danger{background-color:#c82333}.btn-danger:focus{background-color:#c82333}.btn-danger:hover,.btn-danger:active{background-color:#a51d2a !important}.btn-secondary{background-color:#6c757d}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background-color:#596167 !important}.btn-info{background-color:#499ee1 !important}.btn-info:hover,.btn-info:focus,.btn-info:active{background-color:#268bdb !important}.btn-link{color:#17a2b8 !important}.btn-enable{background-color:#298c40}.btn.disabled,.btn:disabled{cursor:default;pointer-events:none}.btn-sm{padding:.25rem .75rem !important;font-size:.875rem !important}.btn-ios{border-radius:.2rem !important}.btn-ios{height:47px;display:flex;width:92px;align-items:center;justify-content:center}.btn-ios:hover,.btn-ios:focus,.btn-ios:active{height:47px !important;width:92px !important;border-radius:.2rem !important}@media(max-width: 992px){.user-search{display:flex !important;justify-content:center !important;height:44px !important;width:39px !important;padding:0 !important}.user-search{align-items:center}.user-search i{margin-right:0 !important;padding:0 !important}.user-search span{display:none}}.cursor-pointer{cursor:pointer}.sidebar{padding:0}.sidebar .nav-link{width:100% !important;color:#727374 !important}.sidebar .nav-link{margin:0;padding:.75rem 1rem;border-radius:0}.sidebar .nav-link i{font-size:15px !important;margin-right:.7rem !important}.sidebar .nav-link .right{top:18px !important}.sidebar .nav-link:hover{color:#17a2b8 !important}.sidebar .nav-link.active{background-color:rgba(0,0,0,0) !important;box-shadow:none !important}.sidebar .nav-item.selected .nav-link{background:rgba(23,162,184,.1098039216) !important;color:#17a2b8 !important}.sidebar .nav-item.selected .nav-link::after{content:"";position:absolute;height:100%;width:3px;background:#17a2b8;top:0;right:0}.sidebar .nav-item .nav-treeview{height:auto !important}.sidebar .nav-item .nav-treeview{margin-left:20px}.sidebar .nav-item .nav-treeview .nav-item.selected .nav-link{background:rgba(0,0,0,0) !important;color:#727374 !important}.sidebar .nav-item .nav-treeview .nav-item.selected .nav-link::after{display:none}.sidebar .nav-item .nav-treeview .nav-item.selected .nav-link.active{color:#17a2b8 !important}.sidebar .open-menu .fa-angle-left{transform:rotate(-90deg) !important}.sidebar .close-menu .fa-angle-left{transform:none !important}.sidebar-collapse .brand-link{width:63px !important}.sidebar-collapse .brand-link{padding:0;overflow:hidden}.main-sidebar{box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px !important}.main-sidebar{background-color:#fff}.main-sidebar .brand-link{border-bottom:1px solid rgba(0,0,0,0);padding:0;align-items:center;font-size:30px;font-weight:600}.main-sidebar .brand-image{max-height:69px;margin:0}.main-sidebar .brand-text{font-family:"Alata",sans-serif}@media(min-width: 992px){.sidebar-mini.sidebar-collapse .brand-text{display:none !important}}@media(min-width: 750px){.sidebar-open #sidebar-overlay{display:none !important}.sidebar-open,.sidebar-open .main-sidebar::before{margin-left:250px !important}.sidebar-mini.sidebar-collapse .main-sidebar .main-sidebar::before,.sidebar-mini.sidebar-collapse .sidebar-mini.sidebar-collapse .main-sidebar::before{margin-left:0 !important;width:4.6rem !important}.sidebar-mini .nav-sidebar .nav-sidebar .nav-link .nav-sidebar>.nav-header,.sidebar-mini .nav-sidebar .nav-sidebar .sidebar-mini .nav-sidebar>.nav-header,.sidebar-mini .sidebar-mini .nav-sidebar .nav-link .nav-sidebar>.nav-header,.sidebar-mini .sidebar-mini .nav-sidebar .sidebar-mini .nav-sidebar>.nav-header{white-space:nowrap !important}.sidebar-mini.sidebar-collapse .main-sidebar .main-sidebar::before,.sidebar-mini.sidebar-collapse .sidebar-mini.sidebar-collapse .main-sidebar::before{margin-left:0 !important;width:4.6rem !important}.sidebar-mini.sidebar-collapse .main-sidebar{overflow-x:hidden !important;margin-left:0 !important;width:4.6rem !important}.sidebar-mini .nav-sidebar .nav-link{white-space:nowrap !important}.sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p{margin-left:-10px !important;animation-name:fadeOut !important;animation-duration:.3s !important;animation-fill-mode:both !important;visibility:hidden !important;white-space:nowrap !important}.sidebar-mini.sidebar-collapse .brand-text{display:none !important}.sidebar-mini.sidebar-collapse .content-wrapper{margin-left:4.6rem !important}.sidebar-mini.sidebar-collapse .main-header{margin-left:4.6rem !important}}@media screen and (max-width: 991px){.sidebar-mini .main-sidebar{max-width:0 !important}.sidebar-open .main-sidebar{max-width:none !important}.sidebar-closed .main-sidebar{max-width:none !important}}.logo-sm{margin-right:0 !important}.logo-sm{display:none;height:40px;margin-left:10px}.sidebar-collapse .logo-sm{display:inline-block}.sidebar-collapse .logo-lg{display:none}.skeleton-wrapper .content-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 40px}.skeleton-wrapper .content-header h1{width:200px}.skeleton-wrapper .account-btn .btn-placeholder{width:115px;height:46px}.skeleton-wrapper .content{padding:0 30px}.skeleton-box{display:block;position:relative;overflow:hidden;background-color:#efefef;height:30px;margin:12px 0;border-radius:3px}.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}@keyframes shimmer{100%{transform:translateX(100%)}}.loadingContainer1{position:relative;margin:100px auto 50px auto;width:110px}.loadingContainer1 div{height:20px;width:20px;border-radius:50%;background:#000;float:left;margin:0 3px;transform:scale(0)}.loadingContainer1 .ball1{z-index:1;-moz-animation:grow 4.4s infinite ease-in-out;-webkit-animation:grow 4.4s infinite ease-in-out}.loadingContainer1 .ball2{-moz-animation:grow 4.4s infinite ease-in-out;-webkit-animation:grow 4.4s infinite ease-in-out;animation-delay:.3s}.loadingContainer1 .ball3{-moz-animation:grow 4.4s infinite ease-in-out;-webkit-animation:grow 4.4s infinite ease-in-out;animation-delay:.6s}.loadingContainer1 .ball4{-moz-animation:grow 4.4s infinite ease-in-out;-webkit-animation:grow 4.4s infinite ease-in-out;animation-delay:.9s}.pagination{margin-bottom:0}.pagination .page-item{padding:0 !important}.pagination .page-item:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.pagination .page-item:first-child .visually-hidden{display:none}.pagination .page-item:last-child .visually-hidden{display:none}.pagination .page-item.active .page-link{background-color:#17a2b8;border:1px solid #17a2b8}.pagination .page-item.disabled .page-link{background-color:#f7f7f7 !important}.pagination .page-link{border-radius:10px !important}.pagination .page-link{margin:0 .25rem;color:#1b1c1e;background-color:#f7f7f7;padding:.4rem .8rem}.pagination .page-link:focus{box-shadow:none}.pagination .page-link .visually-hidden{text-transform:lowercase}.pagination-wrap{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.pagination .pg-ellipsis .visually-hidden{display:none}.sort-btn p{margin-right:10px}.sort-btn select.form-control{color:#1b1c1e !important}.sort-btn select.form-control{background-color:#f5f5f5;border-radius:10px;border:0}.system-table{overflow-x:auto !important}.system-table th{border-top:none !important;border-bottom:1px solid #dee2e6 !important}.system-table td{vertical-align:inherit !important;border-top:none !important}.system-table td{border-bottom:1px solid #dee2e6}.system-table .th-acc{width:12%}.system-table .social-icon{font-size:20px;color:#02a9a1}.td-ios{display:flex}.sn-th{width:70px}.reset-modal p{font-size:18px}.reset-modal table th{border-top:1px solid #dee2e6 !important}.reset-modal table th{padding:6px 13px}.customer-table .loc-col{max-width:200px;min-width:200px}.customer-table td.loc-col{white-space:normal}.customer-table td.name-col{white-space:normal}.customer-table .name-col{max-width:145px;min-width:145px}.match-status{padding:5px 10px}.match-status.ongoing{background-color:#3791e2;color:#fff}.match-status.pending{background-color:#fed049;color:#fff}.match-status.cancelled{background-color:#e94560;color:#fff}.match-status.completed{background-color:#7ecf57;color:#fff}.match-status.forfeited{background-color:#b2b2b2;color:#fff}.user-search{width:90%}.select-custom{position:relative}.select-custom select{background-color:rgba(0,0,0,0) !important}.select-custom select{position:relative;z-index:9}.select-custom i{position:absolute;top:15px;right:12px;color:#727374;z-index:0}.court-col{flex-grow:1}.court-col:not(:last-child){margin-right:10px}.search-form-control{height:calc(2.8rem + 2px);border-radius:8px;border:1px solid #dee2e6;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-form-control .date-input{background-color:rgba(0,0,0,0) !important}.search-form-control .date-input{width:185px}.search-form-control::after{font-size:1rem;top:6px;right:10px;position:absolute}.date-col{position:relative}.date-col .date-popup{z-index:1;box-shadow:0 3px 6px #dfdfdf;position:absolute;top:48px;right:0;background-color:#fff}.date-col .rdrMonth{padding:10px}.date-control{position:relative;min-width:215px;padding:12px}.date-control input{z-index:9;position:absolute;left:0;right:0;cursor:pointer}.rdrInputRanges .rdrInputRange:last-child{display:none}.dashboard-card .card{padding:.6rem .5rem !important}.dashboard-card .card{box-shadow:none;border-radius:8px}.dashboard-card .card-body{display:flex;flex-direction:column}.dashboard-card .card-title{font-size:15px;font-weight:700}.dashboard-card .card-container{display:flex;justify-content:space-around}.dashboard-card .card-number{font-size:3rem;font-weight:600;line-height:3rem;margin-bottom:10px}.dashboard-card_graph{min-height:calc(100vh - 350px)}.dashboard-card_graph .echarts-for-react{min-height:100% !important}.dashboard-card_graph .echarts-for-react{flex-grow:1}.error-card{text-align:center;padding:65px 10px}.error-card h2{font-size:4rem;font-weight:600}input[type=datetime-local]::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.page-not-found{display:flex;align-items:center;justify-content:center;height:100vh}.card-footer::after{display:none}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}label{display:inline-block !important}label{position:relative}.form-textarea{min-height:100px !important}.email-preview{border:1px solid #ced4da;border-radius:.25rem;padding:.375rem .75rem;min-height:100px}.tox-tinymce{margin:0 !important;border:1px solid #ced4da !important;border-radius:.25rem !important}.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none !important;border-bottom:1px solid #ced4da !important}.wrapper-class{padding:1rem;border:1px solid #ccc}.editor-class{padding:1rem;border:1px solid #ccc}.toolbar-class{border:1px solid #ccc}.rdw-image-wrapper{display:none !important}.courts-form label{margin-bottom:0;position:relative}.courts-form .form-control[readonly]{background-color:#fff}.courts-form .map-container{height:300px;width:100%}.courts-form .map-wrapper{border:1px solid;margin-top:10px}.courts-form .places-container{position:relative}.courts-form .places-container input{width:100%;height:38px;padding:5px 15px;border:0;border-bottom:1px solid;padding-right:35px}.courts-form .places-container input:focus,.courts-form .places-container input:active,.courts-form .places-container input.focus-visible{box-shadow:none;outline:none}.courts-form .places-container input:focus,.courts-form .places-container input:active,.courts-form .places-container input:focus-visible{box-shadow:none;outline:none}.courts-form .places-container .reset-ico{padding:3px 9px !important}.courts-form .places-container .reset-ico{position:absolute;right:5px;top:5px;background-color:#dbdbdb;border-radius:100%}.courts-form .places-container .reset-ico i{color:#1b1c1e}.courts-form .img-upload input[type=file]{visibility:hidden;padding:0}.courts-form .img-upload label{font-weight:400}.img-list_wrap{margin:auto -5px}.img-list .delete-img{display:none;transition:.3s all ease-in-out;border-radius:8px}.img-list_preview{position:relative;margin:5px;padding:5px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;width:31%;border:1px solid #bdbdbd;border-radius:8px}.img-list_preview img{height:100%;-o-object-fit:contain;object-fit:contain}.img-list_preview:hover .delete-img{transition:.3s all ease-in-out;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1607843137);display:flex;align-items:center;justify-content:center}.img-list_preview:hover .delete-img i{color:#e83232;font-size:30px;cursor:pointer}.img-list .reported-badge{position:absolute;top:7px;right:7px;background:#ff9400;color:#fff;padding:5px 7px}.delete-img-loader{transition:.3s all ease-in-out}.delete-img-loader i{font-size:20px;cursor:pointer}.view-court .form-control{background-color:#f8f8f8}.dark-placeholder::-moz-placeholder{color:#495057}.dark-placeholder::placeholder{color:#495057}.gm-fullscreen-control{top:48px !important}.gm-fullscreen-control{left:0px}.modal-content{box-shadow:none !important}.form-modal .modal-dialog{max-width:700px !important}.form-modal .modal-dialog input{width:100%}.form-modal .modal-body{padding:2rem !important}.modal-description{font-size:20px;text-align:center}.modal-icon{font-size:60px;color:RGBA(255, 193, 7, 1);color:RGBA(255, 193, 7, var(--bs-bg-opacity, 1));margin-bottom:20px}.reset-modal .modal-dialog{max-width:700px}.match-view-modal .modal-dialog{max-width:700px}.customer{margin-bottom:30px}.customer .card{height:100%}.customer-profile{text-align:center;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid rgba(114,115,116,.3215686275)}.customer-profile_img{max-width:150px;height:150px;margin:0 auto;max-height:180px;border-radius:100%;overflow:hidden}.customer-profile_img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.customer-info h6{font-weight:600;margin-bottom:5px}.customer-detail .detail-block{border:1px solid rgba(114,115,116,.3215686275);border-radius:5px}.customer-detail .detail-block h5{padding:10px 20px;border-bottom:1px solid rgba(114,115,116,.3215686275)}.customer-detail .detail-block_inner{padding:10px 20px}.customer-detail .detail-block .list-group{height:135px;overflow:auto;scroll-behavior:smooth}.customer-detail .detail-block .list-group-item{padding:.75rem 0}.customer-detail .detail-block .list-group-item:first-child{padding-top:0}.customer-detail .detail-block .form-check{margin-bottom:10px}.customer-detail .detail-block .form-check-input{height:20px;width:20px}.customer-detail .detail-block .form-check-label{margin-top:3px;margin-left:7px}.frontendUser-detail .nav-pills{border-bottom:0}.frontendUser-detail .nav-pills .nav-item{flex-grow:1}.frontendUser-detail .nav-pills .nav-item .nav-link{border:1px solid #dee2e6 !important}.frontendUser-detail .nav-pills .nav-item .nav-link{width:100%;border-radius:0;background-color:#efefef;color:#1b1c1e;text-align:center;padding:8px 5px}.frontendUser-detail .nav-pills .nav-item .nav-link.active{background-color:#fff;cursor:default;pointer-events:none}.frontendUser-detail .nav-pills .nav-item:first-child .nav-link{border-top-left-radius:7px;border-bottom-left-radius:7px}.frontendUser-detail .nav-pills .nav-item:last-child .nav-link{border-top-right-radius:7px;border-bottom-right-radius:7px}.frontendUser-detail .tab-content{padding:20px;border:1px solid #dee2e6;border-radius:7px;height:calc(100% - 61px)}.frontendUser-detail .tab-content .tab-search .btn{padding:5px 15px !important}.frontendUser-detail .tab-content .tab-search .btn{height:38px;flex-shrink:0}.frontendUser-detail .profile h6{font-weight:700}.frontendUser-detail .play-stats p{margin-right:10px}.frontendUser-detail .play-stats span{display:block;padding:5px;border:1px solid #dee2e6;border-radius:7px;min-width:60px;text-align:center}.role-name{font-weight:400 !important}.roles-heading{color:#727374 !important}.roles-heading{font-weight:600}.role-sub-heading{font-size:18px !important;color:#2c2c20 !important}.role-sub-heading{font-weight:400}.auth-wrap .form-control{font-size:16px}.auth-wrap .input-group-text{height:42px;border-top-left-radius:0;border-bottom-left-radius:0}.otp-wrap input{width:50px !important}.otp-wrap input{height:50px;margin:0 5px;text-align:center;border:1px solid #c7c7c7;border-radius:5px;color:#1b1c1e}.otp-wrap input:focus{outline:0;border:1px solid #17a2b8}.otp-wrap>div{justify-content:center}.otp-wrap-error{border:1px solid #e65555 !important}.logo-name{justify-content:center;font-family:"Alata",sans-serif}.logo-name .modal-title{font-size:30px}.divider{display:flex;justify-content:center;position:relative;color:#1b1c1e;margin:10px 0}.divider::before{content:"";position:absolute;height:1px;width:100%;background-color:#1b1c1e;top:12px}.divider span{background:#fff;z-index:1;padding:0 5px}.profile-link{padding:5px 10px !important}.profile-link{display:flex;align-items:center;border-radius:10px;background-color:#e5e5e5}.navbar .dropdown-menu a{color:#727374 !important}.navbar .dropdown-menu a:active{background-color:#f8f9fa}.navbar .dropdown-menu button{color:#727374 !important}.navbar .dropdown-menu button:active{background-color:#f8f9fa}@media(max-width: 853px){.content-header h1{font-size:1.5rem !important}}body{color:#1b1c1e}p{margin:0}.theme-text{color:#17a2b8 !important}.crossIcon{font-size:20px}.crossIcon:hover{cursor:pointer}.footer-wrapper{display:flex;justify-content:space-between}.text-underline{text-decoration:underline;text-underline-offset:2px}.w-15{width:15% !important}.require:after{content:" *";color:red;position:absolute;right:-10px}@media screen and (max-width: 1392px){.require:after{right:auto}}.w-78{width:78%}.tox-tinymce{margin-left:5px}
: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: rgba(255, 255, 255, 0.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(
    to right,
    #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 {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-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, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}