@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css);
@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);
@charset "UTF-8";@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon::before{display:flex;align-items:center;font-size:2em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon::before{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 1.5em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}@-webkit-keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;background-color:transparent;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{-webkit-transform:none;transform:none;background:0 0;color:#f27474}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}#swal2-content{text-align:center}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:inherit}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:inherit;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;zoom:normal;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;zoom:normal;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon::before{display:flex;align-items:center;height:92%;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning::before{content:"!"}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info::before{content:"i"}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question::before{content:"?"}.swal2-icon.swal2-question.swal2-arabic-question-mark::before{content:"\61F"}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}}
@-webkit-keyframes shake {
  59% {
    margin-left: 0;
  }
  60%, 80% {
    margin-left: 2px;
  }
  70%, 90% {
    margin-left: -2px;
  }
}
@keyframes shake {
  59% {
    margin-left: 0;
  }
  60%, 80% {
    margin-left: 2px;
  }
  70%, 90% {
    margin-left: -2px;
  }
}
.black {
  background-color: #000 !important;
  border-color: #000 !important;
}
.black--text {
  color: #000 !important;
  caret-color: #000 !important;
}
.white {
  background-color: #fff !important;
  border-color: #fff !important;
}
.white--text {
  color: #fff !important;
  caret-color: #fff !important;
}
.transparent {
  background-color: transparent !important;
  border-color: transparent !important;
}
.transparent--text {
  color: transparent !important;
  caret-color: transparent !important;
}
.red {
  background-color: #f44336 !important;
  border-color: #f44336 !important;
}
.red--text {
  color: #f44336 !important;
  caret-color: #f44336 !important;
}
.red.lighten-5 {
  background-color: #ffebee !important;
  border-color: #ffebee !important;
}
.red--text.text--lighten-5 {
  color: #ffebee !important;
  caret-color: #ffebee !important;
}
.red.lighten-4 {
  background-color: #ffcdd2 !important;
  border-color: #ffcdd2 !important;
}
.red--text.text--lighten-4 {
  color: #ffcdd2 !important;
  caret-color: #ffcdd2 !important;
}
.red.lighten-3 {
  background-color: #ef9a9a !important;
  border-color: #ef9a9a !important;
}
.red--text.text--lighten-3 {
  color: #ef9a9a !important;
  caret-color: #ef9a9a !important;
}
.red.lighten-2 {
  background-color: #e57373 !important;
  border-color: #e57373 !important;
}
.red--text.text--lighten-2 {
  color: #e57373 !important;
  caret-color: #e57373 !important;
}
.red.lighten-1 {
  background-color: #ef5350 !important;
  border-color: #ef5350 !important;
}
.red--text.text--lighten-1 {
  color: #ef5350 !important;
  caret-color: #ef5350 !important;
}
.red.darken-1 {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}
.red--text.text--darken-1 {
  color: #e53935 !important;
  caret-color: #e53935 !important;
}
.red.darken-2 {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
}
.red--text.text--darken-2 {
  color: #d32f2f !important;
  caret-color: #d32f2f !important;
}
.red.darken-3 {
  background-color: #c62828 !important;
  border-color: #c62828 !important;
}
.red--text.text--darken-3 {
  color: #c62828 !important;
  caret-color: #c62828 !important;
}
.red.darken-4 {
  background-color: #b71c1c !important;
  border-color: #b71c1c !important;
}
.red--text.text--darken-4 {
  color: #b71c1c !important;
  caret-color: #b71c1c !important;
}
.red.accent-1 {
  background-color: #ff8a80 !important;
  border-color: #ff8a80 !important;
}
.red--text.text--accent-1 {
  color: #ff8a80 !important;
  caret-color: #ff8a80 !important;
}
.red.accent-2 {
  background-color: #ff5252 !important;
  border-color: #ff5252 !important;
}
.red--text.text--accent-2 {
  color: #ff5252 !important;
  caret-color: #ff5252 !important;
}
.red.accent-3 {
  background-color: #ff1744 !important;
  border-color: #ff1744 !important;
}
.red--text.text--accent-3 {
  color: #ff1744 !important;
  caret-color: #ff1744 !important;
}
.red.accent-4 {
  background-color: #d50000 !important;
  border-color: #d50000 !important;
}
.red--text.text--accent-4 {
  color: #d50000 !important;
  caret-color: #d50000 !important;
}
.pink {
  background-color: #e91e63 !important;
  border-color: #e91e63 !important;
}
.pink--text {
  color: #e91e63 !important;
  caret-color: #e91e63 !important;
}
.pink.lighten-5 {
  background-color: #fce4ec !important;
  border-color: #fce4ec !important;
}
.pink--text.text--lighten-5 {
  color: #fce4ec !important;
  caret-color: #fce4ec !important;
}
.pink.lighten-4 {
  background-color: #f8bbd0 !important;
  border-color: #f8bbd0 !important;
}
.pink--text.text--lighten-4 {
  color: #f8bbd0 !important;
  caret-color: #f8bbd0 !important;
}
.pink.lighten-3 {
  background-color: #f48fb1 !important;
  border-color: #f48fb1 !important;
}
.pink--text.text--lighten-3 {
  color: #f48fb1 !important;
  caret-color: #f48fb1 !important;
}
.pink.lighten-2 {
  background-color: #f06292 !important;
  border-color: #f06292 !important;
}
.pink--text.text--lighten-2 {
  color: #f06292 !important;
  caret-color: #f06292 !important;
}
.pink.lighten-1 {
  background-color: #ec407a !important;
  border-color: #ec407a !important;
}
.pink--text.text--lighten-1 {
  color: #ec407a !important;
  caret-color: #ec407a !important;
}
.pink.darken-1 {
  background-color: #d81b60 !important;
  border-color: #d81b60 !important;
}
.pink--text.text--darken-1 {
  color: #d81b60 !important;
  caret-color: #d81b60 !important;
}
.pink.darken-2 {
  background-color: #c2185b !important;
  border-color: #c2185b !important;
}
.pink--text.text--darken-2 {
  color: #c2185b !important;
  caret-color: #c2185b !important;
}
.pink.darken-3 {
  background-color: #ad1457 !important;
  border-color: #ad1457 !important;
}
.pink--text.text--darken-3 {
  color: #ad1457 !important;
  caret-color: #ad1457 !important;
}
.pink.darken-4 {
  background-color: #880e4f !important;
  border-color: #880e4f !important;
}
.pink--text.text--darken-4 {
  color: #880e4f !important;
  caret-color: #880e4f !important;
}
.pink.accent-1 {
  background-color: #ff80ab !important;
  border-color: #ff80ab !important;
}
.pink--text.text--accent-1 {
  color: #ff80ab !important;
  caret-color: #ff80ab !important;
}
.pink.accent-2 {
  background-color: #ff4081 !important;
  border-color: #ff4081 !important;
}
.pink--text.text--accent-2 {
  color: #ff4081 !important;
  caret-color: #ff4081 !important;
}
.pink.accent-3 {
  background-color: #f50057 !important;
  border-color: #f50057 !important;
}
.pink--text.text--accent-3 {
  color: #f50057 !important;
  caret-color: #f50057 !important;
}
.pink.accent-4 {
  background-color: #c51162 !important;
  border-color: #c51162 !important;
}
.pink--text.text--accent-4 {
  color: #c51162 !important;
  caret-color: #c51162 !important;
}
.purple {
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
}
.purple--text {
  color: #9c27b0 !important;
  caret-color: #9c27b0 !important;
}
.purple.lighten-5 {
  background-color: #f3e5f5 !important;
  border-color: #f3e5f5 !important;
}
.purple--text.text--lighten-5 {
  color: #f3e5f5 !important;
  caret-color: #f3e5f5 !important;
}
.purple.lighten-4 {
  background-color: #e1bee7 !important;
  border-color: #e1bee7 !important;
}
.purple--text.text--lighten-4 {
  color: #e1bee7 !important;
  caret-color: #e1bee7 !important;
}
.purple.lighten-3 {
  background-color: #ce93d8 !important;
  border-color: #ce93d8 !important;
}
.purple--text.text--lighten-3 {
  color: #ce93d8 !important;
  caret-color: #ce93d8 !important;
}
.purple.lighten-2 {
  background-color: #ba68c8 !important;
  border-color: #ba68c8 !important;
}
.purple--text.text--lighten-2 {
  color: #ba68c8 !important;
  caret-color: #ba68c8 !important;
}
.purple.lighten-1 {
  background-color: #ab47bc !important;
  border-color: #ab47bc !important;
}
.purple--text.text--lighten-1 {
  color: #ab47bc !important;
  caret-color: #ab47bc !important;
}
.purple.darken-1 {
  background-color: #8e24aa !important;
  border-color: #8e24aa !important;
}
.purple--text.text--darken-1 {
  color: #8e24aa !important;
  caret-color: #8e24aa !important;
}
.purple.darken-2 {
  background-color: #7b1fa2 !important;
  border-color: #7b1fa2 !important;
}
.purple--text.text--darken-2 {
  color: #7b1fa2 !important;
  caret-color: #7b1fa2 !important;
}
.purple.darken-3 {
  background-color: #6a1b9a !important;
  border-color: #6a1b9a !important;
}
.purple--text.text--darken-3 {
  color: #6a1b9a !important;
  caret-color: #6a1b9a !important;
}
.purple.darken-4 {
  background-color: #4a148c !important;
  border-color: #4a148c !important;
}
.purple--text.text--darken-4 {
  color: #4a148c !important;
  caret-color: #4a148c !important;
}
.purple.accent-1 {
  background-color: #ea80fc !important;
  border-color: #ea80fc !important;
}
.purple--text.text--accent-1 {
  color: #ea80fc !important;
  caret-color: #ea80fc !important;
}
.purple.accent-2 {
  background-color: #e040fb !important;
  border-color: #e040fb !important;
}
.purple--text.text--accent-2 {
  color: #e040fb !important;
  caret-color: #e040fb !important;
}
.purple.accent-3 {
  background-color: #d500f9 !important;
  border-color: #d500f9 !important;
}
.purple--text.text--accent-3 {
  color: #d500f9 !important;
  caret-color: #d500f9 !important;
}
.purple.accent-4 {
  background-color: #a0f !important;
  border-color: #a0f !important;
}
.purple--text.text--accent-4 {
  color: #a0f !important;
  caret-color: #a0f !important;
}
.deep-purple {
  background-color: #673ab7 !important;
  border-color: #673ab7 !important;
}
.deep-purple--text {
  color: #673ab7 !important;
  caret-color: #673ab7 !important;
}
.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
  border-color: #ede7f6 !important;
}
.deep-purple--text.text--lighten-5 {
  color: #ede7f6 !important;
  caret-color: #ede7f6 !important;
}
.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
  border-color: #d1c4e9 !important;
}
.deep-purple--text.text--lighten-4 {
  color: #d1c4e9 !important;
  caret-color: #d1c4e9 !important;
}
.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
  border-color: #b39ddb !important;
}
.deep-purple--text.text--lighten-3 {
  color: #b39ddb !important;
  caret-color: #b39ddb !important;
}
.deep-purple.lighten-2 {
  background-color: #9575cd !important;
  border-color: #9575cd !important;
}
.deep-purple--text.text--lighten-2 {
  color: #9575cd !important;
  caret-color: #9575cd !important;
}
.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
  border-color: #7e57c2 !important;
}
.deep-purple--text.text--lighten-1 {
  color: #7e57c2 !important;
  caret-color: #7e57c2 !important;
}
.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
  border-color: #5e35b1 !important;
}
.deep-purple--text.text--darken-1 {
  color: #5e35b1 !important;
  caret-color: #5e35b1 !important;
}
.deep-purple.darken-2 {
  background-color: #512da8 !important;
  border-color: #512da8 !important;
}
.deep-purple--text.text--darken-2 {
  color: #512da8 !important;
  caret-color: #512da8 !important;
}
.deep-purple.darken-3 {
  background-color: #4527a0 !important;
  border-color: #4527a0 !important;
}
.deep-purple--text.text--darken-3 {
  color: #4527a0 !important;
  caret-color: #4527a0 !important;
}
.deep-purple.darken-4 {
  background-color: #311b92 !important;
  border-color: #311b92 !important;
}
.deep-purple--text.text--darken-4 {
  color: #311b92 !important;
  caret-color: #311b92 !important;
}
.deep-purple.accent-1 {
  background-color: #b388ff !important;
  border-color: #b388ff !important;
}
.deep-purple--text.text--accent-1 {
  color: #b388ff !important;
  caret-color: #b388ff !important;
}
.deep-purple.accent-2 {
  background-color: #7c4dff !important;
  border-color: #7c4dff !important;
}
.deep-purple--text.text--accent-2 {
  color: #7c4dff !important;
  caret-color: #7c4dff !important;
}
.deep-purple.accent-3 {
  background-color: #651fff !important;
  border-color: #651fff !important;
}
.deep-purple--text.text--accent-3 {
  color: #651fff !important;
  caret-color: #651fff !important;
}
.deep-purple.accent-4 {
  background-color: #6200ea !important;
  border-color: #6200ea !important;
}
.deep-purple--text.text--accent-4 {
  color: #6200ea !important;
  caret-color: #6200ea !important;
}
.indigo {
  background-color: #3f51b5 !important;
  border-color: #3f51b5 !important;
}
.indigo--text {
  color: #3f51b5 !important;
  caret-color: #3f51b5 !important;
}
.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
  border-color: #e8eaf6 !important;
}
.indigo--text.text--lighten-5 {
  color: #e8eaf6 !important;
  caret-color: #e8eaf6 !important;
}
.indigo.lighten-4 {
  background-color: #c5cae9 !important;
  border-color: #c5cae9 !important;
}
.indigo--text.text--lighten-4 {
  color: #c5cae9 !important;
  caret-color: #c5cae9 !important;
}
.indigo.lighten-3 {
  background-color: #9fa8da !important;
  border-color: #9fa8da !important;
}
.indigo--text.text--lighten-3 {
  color: #9fa8da !important;
  caret-color: #9fa8da !important;
}
.indigo.lighten-2 {
  background-color: #7986cb !important;
  border-color: #7986cb !important;
}
.indigo--text.text--lighten-2 {
  color: #7986cb !important;
  caret-color: #7986cb !important;
}
.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
  border-color: #5c6bc0 !important;
}
.indigo--text.text--lighten-1 {
  color: #5c6bc0 !important;
  caret-color: #5c6bc0 !important;
}
.indigo.darken-1 {
  background-color: #3949ab !important;
  border-color: #3949ab !important;
}
.indigo--text.text--darken-1 {
  color: #3949ab !important;
  caret-color: #3949ab !important;
}
.indigo.darken-2 {
  background-color: #303f9f !important;
  border-color: #303f9f !important;
}
.indigo--text.text--darken-2 {
  color: #303f9f !important;
  caret-color: #303f9f !important;
}
.indigo.darken-3 {
  background-color: #283593 !important;
  border-color: #283593 !important;
}
.indigo--text.text--darken-3 {
  color: #283593 !important;
  caret-color: #283593 !important;
}
.indigo.darken-4 {
  background-color: #1a237e !important;
  border-color: #1a237e !important;
}
.indigo--text.text--darken-4 {
  color: #1a237e !important;
  caret-color: #1a237e !important;
}
.indigo.accent-1 {
  background-color: #8c9eff !important;
  border-color: #8c9eff !important;
}
.indigo--text.text--accent-1 {
  color: #8c9eff !important;
  caret-color: #8c9eff !important;
}
.indigo.accent-2 {
  background-color: #536dfe !important;
  border-color: #536dfe !important;
}
.indigo--text.text--accent-2 {
  color: #536dfe !important;
  caret-color: #536dfe !important;
}
.indigo.accent-3 {
  background-color: #3d5afe !important;
  border-color: #3d5afe !important;
}
.indigo--text.text--accent-3 {
  color: #3d5afe !important;
  caret-color: #3d5afe !important;
}
.indigo.accent-4 {
  background-color: #304ffe !important;
  border-color: #304ffe !important;
}
.indigo--text.text--accent-4 {
  color: #304ffe !important;
  caret-color: #304ffe !important;
}
.blue {
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
}
.blue--text {
  color: #2196f3 !important;
  caret-color: #2196f3 !important;
}
.blue.lighten-5 {
  background-color: #e3f2fd !important;
  border-color: #e3f2fd !important;
}
.blue--text.text--lighten-5 {
  color: #e3f2fd !important;
  caret-color: #e3f2fd !important;
}
.blue.lighten-4 {
  background-color: #bbdefb !important;
  border-color: #bbdefb !important;
}
.blue--text.text--lighten-4 {
  color: #bbdefb !important;
  caret-color: #bbdefb !important;
}
.blue.lighten-3 {
  background-color: #90caf9 !important;
  border-color: #90caf9 !important;
}
.blue--text.text--lighten-3 {
  color: #90caf9 !important;
  caret-color: #90caf9 !important;
}
.blue.lighten-2 {
  background-color: #64b5f6 !important;
  border-color: #64b5f6 !important;
}
.blue--text.text--lighten-2 {
  color: #64b5f6 !important;
  caret-color: #64b5f6 !important;
}
.blue.lighten-1 {
  background-color: #42a5f5 !important;
  border-color: #42a5f5 !important;
}
.blue--text.text--lighten-1 {
  color: #42a5f5 !important;
  caret-color: #42a5f5 !important;
}
.blue.darken-1 {
  background-color: #1e88e5 !important;
  border-color: #1e88e5 !important;
}
.blue--text.text--darken-1 {
  color: #1e88e5 !important;
  caret-color: #1e88e5 !important;
}
.blue.darken-2 {
  background-color: #1976d2 !important;
  border-color: #1976d2 !important;
}
.blue--text.text--darken-2 {
  color: #1976d2 !important;
  caret-color: #1976d2 !important;
}
.blue.darken-3 {
  background-color: #1565c0 !important;
  border-color: #1565c0 !important;
}
.blue--text.text--darken-3 {
  color: #1565c0 !important;
  caret-color: #1565c0 !important;
}
.blue.darken-4 {
  background-color: #0d47a1 !important;
  border-color: #0d47a1 !important;
}
.blue--text.text--darken-4 {
  color: #0d47a1 !important;
  caret-color: #0d47a1 !important;
}
.blue.accent-1 {
  background-color: #82b1ff !important;
  border-color: #82b1ff !important;
}
.blue--text.text--accent-1 {
  color: #82b1ff !important;
  caret-color: #82b1ff !important;
}
.blue.accent-2 {
  background-color: #448aff !important;
  border-color: #448aff !important;
}
.blue--text.text--accent-2 {
  color: #448aff !important;
  caret-color: #448aff !important;
}
.blue.accent-3 {
  background-color: #2979ff !important;
  border-color: #2979ff !important;
}
.blue--text.text--accent-3 {
  color: #2979ff !important;
  caret-color: #2979ff !important;
}
.blue.accent-4 {
  background-color: #2962ff !important;
  border-color: #2962ff !important;
}
.blue--text.text--accent-4 {
  color: #2962ff !important;
  caret-color: #2962ff !important;
}
.light-blue {
  background-color: #03a9f4 !important;
  border-color: #03a9f4 !important;
}
.light-blue--text {
  color: #03a9f4 !important;
  caret-color: #03a9f4 !important;
}
.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
  border-color: #e1f5fe !important;
}
.light-blue--text.text--lighten-5 {
  color: #e1f5fe !important;
  caret-color: #e1f5fe !important;
}
.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
  border-color: #b3e5fc !important;
}
.light-blue--text.text--lighten-4 {
  color: #b3e5fc !important;
  caret-color: #b3e5fc !important;
}
.light-blue.lighten-3 {
  background-color: #81d4fa !important;
  border-color: #81d4fa !important;
}
.light-blue--text.text--lighten-3 {
  color: #81d4fa !important;
  caret-color: #81d4fa !important;
}
.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
  border-color: #4fc3f7 !important;
}
.light-blue--text.text--lighten-2 {
  color: #4fc3f7 !important;
  caret-color: #4fc3f7 !important;
}
.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
  border-color: #29b6f6 !important;
}
.light-blue--text.text--lighten-1 {
  color: #29b6f6 !important;
  caret-color: #29b6f6 !important;
}
.light-blue.darken-1 {
  background-color: #039be5 !important;
  border-color: #039be5 !important;
}
.light-blue--text.text--darken-1 {
  color: #039be5 !important;
  caret-color: #039be5 !important;
}
.light-blue.darken-2 {
  background-color: #0288d1 !important;
  border-color: #0288d1 !important;
}
.light-blue--text.text--darken-2 {
  color: #0288d1 !important;
  caret-color: #0288d1 !important;
}
.light-blue.darken-3 {
  background-color: #0277bd !important;
  border-color: #0277bd !important;
}
.light-blue--text.text--darken-3 {
  color: #0277bd !important;
  caret-color: #0277bd !important;
}
.light-blue.darken-4 {
  background-color: #01579b !important;
  border-color: #01579b !important;
}
.light-blue--text.text--darken-4 {
  color: #01579b !important;
  caret-color: #01579b !important;
}
.light-blue.accent-1 {
  background-color: #80d8ff !important;
  border-color: #80d8ff !important;
}
.light-blue--text.text--accent-1 {
  color: #80d8ff !important;
  caret-color: #80d8ff !important;
}
.light-blue.accent-2 {
  background-color: #40c4ff !important;
  border-color: #40c4ff !important;
}
.light-blue--text.text--accent-2 {
  color: #40c4ff !important;
  caret-color: #40c4ff !important;
}
.light-blue.accent-3 {
  background-color: #00b0ff !important;
  border-color: #00b0ff !important;
}
.light-blue--text.text--accent-3 {
  color: #00b0ff !important;
  caret-color: #00b0ff !important;
}
.light-blue.accent-4 {
  background-color: #0091ea !important;
  border-color: #0091ea !important;
}
.light-blue--text.text--accent-4 {
  color: #0091ea !important;
  caret-color: #0091ea !important;
}
.cyan {
  background-color: #00bcd4 !important;
  border-color: #00bcd4 !important;
}
.cyan--text {
  color: #00bcd4 !important;
  caret-color: #00bcd4 !important;
}
.cyan.lighten-5 {
  background-color: #e0f7fa !important;
  border-color: #e0f7fa !important;
}
.cyan--text.text--lighten-5 {
  color: #e0f7fa !important;
  caret-color: #e0f7fa !important;
}
.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
  border-color: #b2ebf2 !important;
}
.cyan--text.text--lighten-4 {
  color: #b2ebf2 !important;
  caret-color: #b2ebf2 !important;
}
.cyan.lighten-3 {
  background-color: #80deea !important;
  border-color: #80deea !important;
}
.cyan--text.text--lighten-3 {
  color: #80deea !important;
  caret-color: #80deea !important;
}
.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
  border-color: #4dd0e1 !important;
}
.cyan--text.text--lighten-2 {
  color: #4dd0e1 !important;
  caret-color: #4dd0e1 !important;
}
.cyan.lighten-1 {
  background-color: #26c6da !important;
  border-color: #26c6da !important;
}
.cyan--text.text--lighten-1 {
  color: #26c6da !important;
  caret-color: #26c6da !important;
}
.cyan.darken-1 {
  background-color: #00acc1 !important;
  border-color: #00acc1 !important;
}
.cyan--text.text--darken-1 {
  color: #00acc1 !important;
  caret-color: #00acc1 !important;
}
.cyan.darken-2 {
  background-color: #0097a7 !important;
  border-color: #0097a7 !important;
}
.cyan--text.text--darken-2 {
  color: #0097a7 !important;
  caret-color: #0097a7 !important;
}
.cyan.darken-3 {
  background-color: #00838f !important;
  border-color: #00838f !important;
}
.cyan--text.text--darken-3 {
  color: #00838f !important;
  caret-color: #00838f !important;
}
.cyan.darken-4 {
  background-color: #006064 !important;
  border-color: #006064 !important;
}
.cyan--text.text--darken-4 {
  color: #006064 !important;
  caret-color: #006064 !important;
}
.cyan.accent-1 {
  background-color: #84ffff !important;
  border-color: #84ffff !important;
}
.cyan--text.text--accent-1 {
  color: #84ffff !important;
  caret-color: #84ffff !important;
}
.cyan.accent-2 {
  background-color: #18ffff !important;
  border-color: #18ffff !important;
}
.cyan--text.text--accent-2 {
  color: #18ffff !important;
  caret-color: #18ffff !important;
}
.cyan.accent-3 {
  background-color: #00e5ff !important;
  border-color: #00e5ff !important;
}
.cyan--text.text--accent-3 {
  color: #00e5ff !important;
  caret-color: #00e5ff !important;
}
.cyan.accent-4 {
  background-color: #00b8d4 !important;
  border-color: #00b8d4 !important;
}
.cyan--text.text--accent-4 {
  color: #00b8d4 !important;
  caret-color: #00b8d4 !important;
}
.teal {
  background-color: #009688 !important;
  border-color: #009688 !important;
}
.teal--text {
  color: #009688 !important;
  caret-color: #009688 !important;
}
.teal.lighten-5 {
  background-color: #e0f2f1 !important;
  border-color: #e0f2f1 !important;
}
.teal--text.text--lighten-5 {
  color: #e0f2f1 !important;
  caret-color: #e0f2f1 !important;
}
.teal.lighten-4 {
  background-color: #b2dfdb !important;
  border-color: #b2dfdb !important;
}
.teal--text.text--lighten-4 {
  color: #b2dfdb !important;
  caret-color: #b2dfdb !important;
}
.teal.lighten-3 {
  background-color: #80cbc4 !important;
  border-color: #80cbc4 !important;
}
.teal--text.text--lighten-3 {
  color: #80cbc4 !important;
  caret-color: #80cbc4 !important;
}
.teal.lighten-2 {
  background-color: #4db6ac !important;
  border-color: #4db6ac !important;
}
.teal--text.text--lighten-2 {
  color: #4db6ac !important;
  caret-color: #4db6ac !important;
}
.teal.lighten-1 {
  background-color: #26a69a !important;
  border-color: #26a69a !important;
}
.teal--text.text--lighten-1 {
  color: #26a69a !important;
  caret-color: #26a69a !important;
}
.teal.darken-1 {
  background-color: #00897b !important;
  border-color: #00897b !important;
}
.teal--text.text--darken-1 {
  color: #00897b !important;
  caret-color: #00897b !important;
}
.teal.darken-2 {
  background-color: #00796b !important;
  border-color: #00796b !important;
}
.teal--text.text--darken-2 {
  color: #00796b !important;
  caret-color: #00796b !important;
}
.teal.darken-3 {
  background-color: #00695c !important;
  border-color: #00695c !important;
}
.teal--text.text--darken-3 {
  color: #00695c !important;
  caret-color: #00695c !important;
}
.teal.darken-4 {
  background-color: #004d40 !important;
  border-color: #004d40 !important;
}
.teal--text.text--darken-4 {
  color: #004d40 !important;
  caret-color: #004d40 !important;
}
.teal.accent-1 {
  background-color: #a7ffeb !important;
  border-color: #a7ffeb !important;
}
.teal--text.text--accent-1 {
  color: #a7ffeb !important;
  caret-color: #a7ffeb !important;
}
.teal.accent-2 {
  background-color: #64ffda !important;
  border-color: #64ffda !important;
}
.teal--text.text--accent-2 {
  color: #64ffda !important;
  caret-color: #64ffda !important;
}
.teal.accent-3 {
  background-color: #1de9b6 !important;
  border-color: #1de9b6 !important;
}
.teal--text.text--accent-3 {
  color: #1de9b6 !important;
  caret-color: #1de9b6 !important;
}
.teal.accent-4 {
  background-color: #00bfa5 !important;
  border-color: #00bfa5 !important;
}
.teal--text.text--accent-4 {
  color: #00bfa5 !important;
  caret-color: #00bfa5 !important;
}
.green {
  background-color: #4caf50 !important;
  border-color: #4caf50 !important;
}
.green--text {
  color: #4caf50 !important;
  caret-color: #4caf50 !important;
}
.green.lighten-5 {
  background-color: #e8f5e9 !important;
  border-color: #e8f5e9 !important;
}
.green--text.text--lighten-5 {
  color: #e8f5e9 !important;
  caret-color: #e8f5e9 !important;
}
.green.lighten-4 {
  background-color: #c8e6c9 !important;
  border-color: #c8e6c9 !important;
}
.green--text.text--lighten-4 {
  color: #c8e6c9 !important;
  caret-color: #c8e6c9 !important;
}
.green.lighten-3 {
  background-color: #a5d6a7 !important;
  border-color: #a5d6a7 !important;
}
.green--text.text--lighten-3 {
  color: #a5d6a7 !important;
  caret-color: #a5d6a7 !important;
}
.green.lighten-2 {
  background-color: #81c784 !important;
  border-color: #81c784 !important;
}
.green--text.text--lighten-2 {
  color: #81c784 !important;
  caret-color: #81c784 !important;
}
.green.lighten-1 {
  background-color: #66bb6a !important;
  border-color: #66bb6a !important;
}
.green--text.text--lighten-1 {
  color: #66bb6a !important;
  caret-color: #66bb6a !important;
}
.green.darken-1 {
  background-color: #43a047 !important;
  border-color: #43a047 !important;
}
.green--text.text--darken-1 {
  color: #43a047 !important;
  caret-color: #43a047 !important;
}
.green.darken-2 {
  background-color: #388e3c !important;
  border-color: #388e3c !important;
}
.green--text.text--darken-2 {
  color: #388e3c !important;
  caret-color: #388e3c !important;
}
.green.darken-3 {
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
}
.green--text.text--darken-3 {
  color: #2e7d32 !important;
  caret-color: #2e7d32 !important;
}
.green.darken-4 {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
}
.green--text.text--darken-4 {
  color: #1b5e20 !important;
  caret-color: #1b5e20 !important;
}
.green.accent-1 {
  background-color: #b9f6ca !important;
  border-color: #b9f6ca !important;
}
.green--text.text--accent-1 {
  color: #b9f6ca !important;
  caret-color: #b9f6ca !important;
}
.green.accent-2 {
  background-color: #69f0ae !important;
  border-color: #69f0ae !important;
}
.green--text.text--accent-2 {
  color: #69f0ae !important;
  caret-color: #69f0ae !important;
}
.green.accent-3 {
  background-color: #00e676 !important;
  border-color: #00e676 !important;
}
.green--text.text--accent-3 {
  color: #00e676 !important;
  caret-color: #00e676 !important;
}
.green.accent-4 {
  background-color: #00c853 !important;
  border-color: #00c853 !important;
}
.green--text.text--accent-4 {
  color: #00c853 !important;
  caret-color: #00c853 !important;
}
.light-green {
  background-color: #8bc34a !important;
  border-color: #8bc34a !important;
}
.light-green--text {
  color: #8bc34a !important;
  caret-color: #8bc34a !important;
}
.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
  border-color: #f1f8e9 !important;
}
.light-green--text.text--lighten-5 {
  color: #f1f8e9 !important;
  caret-color: #f1f8e9 !important;
}
.light-green.lighten-4 {
  background-color: #dcedc8 !important;
  border-color: #dcedc8 !important;
}
.light-green--text.text--lighten-4 {
  color: #dcedc8 !important;
  caret-color: #dcedc8 !important;
}
.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
  border-color: #c5e1a5 !important;
}
.light-green--text.text--lighten-3 {
  color: #c5e1a5 !important;
  caret-color: #c5e1a5 !important;
}
.light-green.lighten-2 {
  background-color: #aed581 !important;
  border-color: #aed581 !important;
}
.light-green--text.text--lighten-2 {
  color: #aed581 !important;
  caret-color: #aed581 !important;
}
.light-green.lighten-1 {
  background-color: #9ccc65 !important;
  border-color: #9ccc65 !important;
}
.light-green--text.text--lighten-1 {
  color: #9ccc65 !important;
  caret-color: #9ccc65 !important;
}
.light-green.darken-1 {
  background-color: #7cb342 !important;
  border-color: #7cb342 !important;
}
.light-green--text.text--darken-1 {
  color: #7cb342 !important;
  caret-color: #7cb342 !important;
}
.light-green.darken-2 {
  background-color: #689f38 !important;
  border-color: #689f38 !important;
}
.light-green--text.text--darken-2 {
  color: #689f38 !important;
  caret-color: #689f38 !important;
}
.light-green.darken-3 {
  background-color: #558b2f !important;
  border-color: #558b2f !important;
}
.light-green--text.text--darken-3 {
  color: #558b2f !important;
  caret-color: #558b2f !important;
}
.light-green.darken-4 {
  background-color: #33691e !important;
  border-color: #33691e !important;
}
.light-green--text.text--darken-4 {
  color: #33691e !important;
  caret-color: #33691e !important;
}
.light-green.accent-1 {
  background-color: #ccff90 !important;
  border-color: #ccff90 !important;
}
.light-green--text.text--accent-1 {
  color: #ccff90 !important;
  caret-color: #ccff90 !important;
}
.light-green.accent-2 {
  background-color: #b2ff59 !important;
  border-color: #b2ff59 !important;
}
.light-green--text.text--accent-2 {
  color: #b2ff59 !important;
  caret-color: #b2ff59 !important;
}
.light-green.accent-3 {
  background-color: #76ff03 !important;
  border-color: #76ff03 !important;
}
.light-green--text.text--accent-3 {
  color: #76ff03 !important;
  caret-color: #76ff03 !important;
}
.light-green.accent-4 {
  background-color: #64dd17 !important;
  border-color: #64dd17 !important;
}
.light-green--text.text--accent-4 {
  color: #64dd17 !important;
  caret-color: #64dd17 !important;
}
.lime {
  background-color: #cddc39 !important;
  border-color: #cddc39 !important;
}
.lime--text {
  color: #cddc39 !important;
  caret-color: #cddc39 !important;
}
.lime.lighten-5 {
  background-color: #f9fbe7 !important;
  border-color: #f9fbe7 !important;
}
.lime--text.text--lighten-5 {
  color: #f9fbe7 !important;
  caret-color: #f9fbe7 !important;
}
.lime.lighten-4 {
  background-color: #f0f4c3 !important;
  border-color: #f0f4c3 !important;
}
.lime--text.text--lighten-4 {
  color: #f0f4c3 !important;
  caret-color: #f0f4c3 !important;
}
.lime.lighten-3 {
  background-color: #e6ee9c !important;
  border-color: #e6ee9c !important;
}
.lime--text.text--lighten-3 {
  color: #e6ee9c !important;
  caret-color: #e6ee9c !important;
}
.lime.lighten-2 {
  background-color: #dce775 !important;
  border-color: #dce775 !important;
}
.lime--text.text--lighten-2 {
  color: #dce775 !important;
  caret-color: #dce775 !important;
}
.lime.lighten-1 {
  background-color: #d4e157 !important;
  border-color: #d4e157 !important;
}
.lime--text.text--lighten-1 {
  color: #d4e157 !important;
  caret-color: #d4e157 !important;
}
.lime.darken-1 {
  background-color: #c0ca33 !important;
  border-color: #c0ca33 !important;
}
.lime--text.text--darken-1 {
  color: #c0ca33 !important;
  caret-color: #c0ca33 !important;
}
.lime.darken-2 {
  background-color: #afb42b !important;
  border-color: #afb42b !important;
}
.lime--text.text--darken-2 {
  color: #afb42b !important;
  caret-color: #afb42b !important;
}
.lime.darken-3 {
  background-color: #9e9d24 !important;
  border-color: #9e9d24 !important;
}
.lime--text.text--darken-3 {
  color: #9e9d24 !important;
  caret-color: #9e9d24 !important;
}
.lime.darken-4 {
  background-color: #827717 !important;
  border-color: #827717 !important;
}
.lime--text.text--darken-4 {
  color: #827717 !important;
  caret-color: #827717 !important;
}
.lime.accent-1 {
  background-color: #f4ff81 !important;
  border-color: #f4ff81 !important;
}
.lime--text.text--accent-1 {
  color: #f4ff81 !important;
  caret-color: #f4ff81 !important;
}
.lime.accent-2 {
  background-color: #eeff41 !important;
  border-color: #eeff41 !important;
}
.lime--text.text--accent-2 {
  color: #eeff41 !important;
  caret-color: #eeff41 !important;
}
.lime.accent-3 {
  background-color: #c6ff00 !important;
  border-color: #c6ff00 !important;
}
.lime--text.text--accent-3 {
  color: #c6ff00 !important;
  caret-color: #c6ff00 !important;
}
.lime.accent-4 {
  background-color: #aeea00 !important;
  border-color: #aeea00 !important;
}
.lime--text.text--accent-4 {
  color: #aeea00 !important;
  caret-color: #aeea00 !important;
}
.yellow {
  background-color: #ffeb3b !important;
  border-color: #ffeb3b !important;
}
.yellow--text {
  color: #ffeb3b !important;
  caret-color: #ffeb3b !important;
}
.yellow.lighten-5 {
  background-color: #fffde7 !important;
  border-color: #fffde7 !important;
}
.yellow--text.text--lighten-5 {
  color: #fffde7 !important;
  caret-color: #fffde7 !important;
}
.yellow.lighten-4 {
  background-color: #fff9c4 !important;
  border-color: #fff9c4 !important;
}
.yellow--text.text--lighten-4 {
  color: #fff9c4 !important;
  caret-color: #fff9c4 !important;
}
.yellow.lighten-3 {
  background-color: #fff59d !important;
  border-color: #fff59d !important;
}
.yellow--text.text--lighten-3 {
  color: #fff59d !important;
  caret-color: #fff59d !important;
}
.yellow.lighten-2 {
  background-color: #fff176 !important;
  border-color: #fff176 !important;
}
.yellow--text.text--lighten-2 {
  color: #fff176 !important;
  caret-color: #fff176 !important;
}
.yellow.lighten-1 {
  background-color: #ffee58 !important;
  border-color: #ffee58 !important;
}
.yellow--text.text--lighten-1 {
  color: #ffee58 !important;
  caret-color: #ffee58 !important;
}
.yellow.darken-1 {
  background-color: #fdd835 !important;
  border-color: #fdd835 !important;
}
.yellow--text.text--darken-1 {
  color: #fdd835 !important;
  caret-color: #fdd835 !important;
}
.yellow.darken-2 {
  background-color: #fbc02d !important;
  border-color: #fbc02d !important;
}
.yellow--text.text--darken-2 {
  color: #fbc02d !important;
  caret-color: #fbc02d !important;
}
.yellow.darken-3 {
  background-color: #f9a825 !important;
  border-color: #f9a825 !important;
}
.yellow--text.text--darken-3 {
  color: #f9a825 !important;
  caret-color: #f9a825 !important;
}
.yellow.darken-4 {
  background-color: #f57f17 !important;
  border-color: #f57f17 !important;
}
.yellow--text.text--darken-4 {
  color: #f57f17 !important;
  caret-color: #f57f17 !important;
}
.yellow.accent-1 {
  background-color: #ffff8d !important;
  border-color: #ffff8d !important;
}
.yellow--text.text--accent-1 {
  color: #ffff8d !important;
  caret-color: #ffff8d !important;
}
.yellow.accent-2 {
  background-color: #ff0 !important;
  border-color: #ff0 !important;
}
.yellow--text.text--accent-2 {
  color: #ff0 !important;
  caret-color: #ff0 !important;
}
.yellow.accent-3 {
  background-color: #ffea00 !important;
  border-color: #ffea00 !important;
}
.yellow--text.text--accent-3 {
  color: #ffea00 !important;
  caret-color: #ffea00 !important;
}
.yellow.accent-4 {
  background-color: #ffd600 !important;
  border-color: #ffd600 !important;
}
.yellow--text.text--accent-4 {
  color: #ffd600 !important;
  caret-color: #ffd600 !important;
}
.amber {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}
.amber--text {
  color: #ffc107 !important;
  caret-color: #ffc107 !important;
}
.amber.lighten-5 {
  background-color: #fff8e1 !important;
  border-color: #fff8e1 !important;
}
.amber--text.text--lighten-5 {
  color: #fff8e1 !important;
  caret-color: #fff8e1 !important;
}
.amber.lighten-4 {
  background-color: #ffecb3 !important;
  border-color: #ffecb3 !important;
}
.amber--text.text--lighten-4 {
  color: #ffecb3 !important;
  caret-color: #ffecb3 !important;
}
.amber.lighten-3 {
  background-color: #ffe082 !important;
  border-color: #ffe082 !important;
}
.amber--text.text--lighten-3 {
  color: #ffe082 !important;
  caret-color: #ffe082 !important;
}
.amber.lighten-2 {
  background-color: #ffd54f !important;
  border-color: #ffd54f !important;
}
.amber--text.text--lighten-2 {
  color: #ffd54f !important;
  caret-color: #ffd54f !important;
}
.amber.lighten-1 {
  background-color: #ffca28 !important;
  border-color: #ffca28 !important;
}
.amber--text.text--lighten-1 {
  color: #ffca28 !important;
  caret-color: #ffca28 !important;
}
.amber.darken-1 {
  background-color: #ffb300 !important;
  border-color: #ffb300 !important;
}
.amber--text.text--darken-1 {
  color: #ffb300 !important;
  caret-color: #ffb300 !important;
}
.amber.darken-2 {
  background-color: #ffa000 !important;
  border-color: #ffa000 !important;
}
.amber--text.text--darken-2 {
  color: #ffa000 !important;
  caret-color: #ffa000 !important;
}
.amber.darken-3 {
  background-color: #ff8f00 !important;
  border-color: #ff8f00 !important;
}
.amber--text.text--darken-3 {
  color: #ff8f00 !important;
  caret-color: #ff8f00 !important;
}
.amber.darken-4 {
  background-color: #ff6f00 !important;
  border-color: #ff6f00 !important;
}
.amber--text.text--darken-4 {
  color: #ff6f00 !important;
  caret-color: #ff6f00 !important;
}
.amber.accent-1 {
  background-color: #ffe57f !important;
  border-color: #ffe57f !important;
}
.amber--text.text--accent-1 {
  color: #ffe57f !important;
  caret-color: #ffe57f !important;
}
.amber.accent-2 {
  background-color: #ffd740 !important;
  border-color: #ffd740 !important;
}
.amber--text.text--accent-2 {
  color: #ffd740 !important;
  caret-color: #ffd740 !important;
}
.amber.accent-3 {
  background-color: #ffc400 !important;
  border-color: #ffc400 !important;
}
.amber--text.text--accent-3 {
  color: #ffc400 !important;
  caret-color: #ffc400 !important;
}
.amber.accent-4 {
  background-color: #ffab00 !important;
  border-color: #ffab00 !important;
}
.amber--text.text--accent-4 {
  color: #ffab00 !important;
  caret-color: #ffab00 !important;
}
.orange {
  background-color: #ff9800 !important;
  border-color: #ff9800 !important;
}
.orange--text {
  color: #ff9800 !important;
  caret-color: #ff9800 !important;
}
.orange.lighten-5 {
  background-color: #fff3e0 !important;
  border-color: #fff3e0 !important;
}
.orange--text.text--lighten-5 {
  color: #fff3e0 !important;
  caret-color: #fff3e0 !important;
}
.orange.lighten-4 {
  background-color: #ffe0b2 !important;
  border-color: #ffe0b2 !important;
}
.orange--text.text--lighten-4 {
  color: #ffe0b2 !important;
  caret-color: #ffe0b2 !important;
}
.orange.lighten-3 {
  background-color: #ffcc80 !important;
  border-color: #ffcc80 !important;
}
.orange--text.text--lighten-3 {
  color: #ffcc80 !important;
  caret-color: #ffcc80 !important;
}
.orange.lighten-2 {
  background-color: #ffb74d !important;
  border-color: #ffb74d !important;
}
.orange--text.text--lighten-2 {
  color: #ffb74d !important;
  caret-color: #ffb74d !important;
}
.orange.lighten-1 {
  background-color: #ffa726 !important;
  border-color: #ffa726 !important;
}
.orange--text.text--lighten-1 {
  color: #ffa726 !important;
  caret-color: #ffa726 !important;
}
.orange.darken-1 {
  background-color: #fb8c00 !important;
  border-color: #fb8c00 !important;
}
.orange--text.text--darken-1 {
  color: #fb8c00 !important;
  caret-color: #fb8c00 !important;
}
.orange.darken-2 {
  background-color: #f57c00 !important;
  border-color: #f57c00 !important;
}
.orange--text.text--darken-2 {
  color: #f57c00 !important;
  caret-color: #f57c00 !important;
}
.orange.darken-3 {
  background-color: #ef6c00 !important;
  border-color: #ef6c00 !important;
}
.orange--text.text--darken-3 {
  color: #ef6c00 !important;
  caret-color: #ef6c00 !important;
}
.orange.darken-4 {
  background-color: #e65100 !important;
  border-color: #e65100 !important;
}
.orange--text.text--darken-4 {
  color: #e65100 !important;
  caret-color: #e65100 !important;
}
.orange.accent-1 {
  background-color: #ffd180 !important;
  border-color: #ffd180 !important;
}
.orange--text.text--accent-1 {
  color: #ffd180 !important;
  caret-color: #ffd180 !important;
}
.orange.accent-2 {
  background-color: #ffab40 !important;
  border-color: #ffab40 !important;
}
.orange--text.text--accent-2 {
  color: #ffab40 !important;
  caret-color: #ffab40 !important;
}
.orange.accent-3 {
  background-color: #ff9100 !important;
  border-color: #ff9100 !important;
}
.orange--text.text--accent-3 {
  color: #ff9100 !important;
  caret-color: #ff9100 !important;
}
.orange.accent-4 {
  background-color: #ff6d00 !important;
  border-color: #ff6d00 !important;
}
.orange--text.text--accent-4 {
  color: #ff6d00 !important;
  caret-color: #ff6d00 !important;
}
.deep-orange {
  background-color: #ff5722 !important;
  border-color: #ff5722 !important;
}
.deep-orange--text {
  color: #ff5722 !important;
  caret-color: #ff5722 !important;
}
.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
  border-color: #fbe9e7 !important;
}
.deep-orange--text.text--lighten-5 {
  color: #fbe9e7 !important;
  caret-color: #fbe9e7 !important;
}
.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
  border-color: #ffccbc !important;
}
.deep-orange--text.text--lighten-4 {
  color: #ffccbc !important;
  caret-color: #ffccbc !important;
}
.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
  border-color: #ffab91 !important;
}
.deep-orange--text.text--lighten-3 {
  color: #ffab91 !important;
  caret-color: #ffab91 !important;
}
.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
  border-color: #ff8a65 !important;
}
.deep-orange--text.text--lighten-2 {
  color: #ff8a65 !important;
  caret-color: #ff8a65 !important;
}
.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
  border-color: #ff7043 !important;
}
.deep-orange--text.text--lighten-1 {
  color: #ff7043 !important;
  caret-color: #ff7043 !important;
}
.deep-orange.darken-1 {
  background-color: #f4511e !important;
  border-color: #f4511e !important;
}
.deep-orange--text.text--darken-1 {
  color: #f4511e !important;
  caret-color: #f4511e !important;
}
.deep-orange.darken-2 {
  background-color: #e64a19 !important;
  border-color: #e64a19 !important;
}
.deep-orange--text.text--darken-2 {
  color: #e64a19 !important;
  caret-color: #e64a19 !important;
}
.deep-orange.darken-3 {
  background-color: #d84315 !important;
  border-color: #d84315 !important;
}
.deep-orange--text.text--darken-3 {
  color: #d84315 !important;
  caret-color: #d84315 !important;
}
.deep-orange.darken-4 {
  background-color: #bf360c !important;
  border-color: #bf360c !important;
}
.deep-orange--text.text--darken-4 {
  color: #bf360c !important;
  caret-color: #bf360c !important;
}
.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
  border-color: #ff9e80 !important;
}
.deep-orange--text.text--accent-1 {
  color: #ff9e80 !important;
  caret-color: #ff9e80 !important;
}
.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
  border-color: #ff6e40 !important;
}
.deep-orange--text.text--accent-2 {
  color: #ff6e40 !important;
  caret-color: #ff6e40 !important;
}
.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
  border-color: #ff3d00 !important;
}
.deep-orange--text.text--accent-3 {
  color: #ff3d00 !important;
  caret-color: #ff3d00 !important;
}
.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
  border-color: #dd2c00 !important;
}
.deep-orange--text.text--accent-4 {
  color: #dd2c00 !important;
  caret-color: #dd2c00 !important;
}
.brown {
  background-color: #795548 !important;
  border-color: #795548 !important;
}
.brown--text {
  color: #795548 !important;
  caret-color: #795548 !important;
}
.brown.lighten-5 {
  background-color: #efebe9 !important;
  border-color: #efebe9 !important;
}
.brown--text.text--lighten-5 {
  color: #efebe9 !important;
  caret-color: #efebe9 !important;
}
.brown.lighten-4 {
  background-color: #d7ccc8 !important;
  border-color: #d7ccc8 !important;
}
.brown--text.text--lighten-4 {
  color: #d7ccc8 !important;
  caret-color: #d7ccc8 !important;
}
.brown.lighten-3 {
  background-color: #bcaaa4 !important;
  border-color: #bcaaa4 !important;
}
.brown--text.text--lighten-3 {
  color: #bcaaa4 !important;
  caret-color: #bcaaa4 !important;
}
.brown.lighten-2 {
  background-color: #a1887f !important;
  border-color: #a1887f !important;
}
.brown--text.text--lighten-2 {
  color: #a1887f !important;
  caret-color: #a1887f !important;
}
.brown.lighten-1 {
  background-color: #8d6e63 !important;
  border-color: #8d6e63 !important;
}
.brown--text.text--lighten-1 {
  color: #8d6e63 !important;
  caret-color: #8d6e63 !important;
}
.brown.darken-1 {
  background-color: #6d4c41 !important;
  border-color: #6d4c41 !important;
}
.brown--text.text--darken-1 {
  color: #6d4c41 !important;
  caret-color: #6d4c41 !important;
}
.brown.darken-2 {
  background-color: #5d4037 !important;
  border-color: #5d4037 !important;
}
.brown--text.text--darken-2 {
  color: #5d4037 !important;
  caret-color: #5d4037 !important;
}
.brown.darken-3 {
  background-color: #4e342e !important;
  border-color: #4e342e !important;
}
.brown--text.text--darken-3 {
  color: #4e342e !important;
  caret-color: #4e342e !important;
}
.brown.darken-4 {
  background-color: #3e2723 !important;
  border-color: #3e2723 !important;
}
.brown--text.text--darken-4 {
  color: #3e2723 !important;
  caret-color: #3e2723 !important;
}
.blue-grey {
  background-color: #607d8b !important;
  border-color: #607d8b !important;
}
.blue-grey--text {
  color: #607d8b !important;
  caret-color: #607d8b !important;
}
.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
  border-color: #eceff1 !important;
}
.blue-grey--text.text--lighten-5 {
  color: #eceff1 !important;
  caret-color: #eceff1 !important;
}
.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
  border-color: #cfd8dc !important;
}
.blue-grey--text.text--lighten-4 {
  color: #cfd8dc !important;
  caret-color: #cfd8dc !important;
}
.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
  border-color: #b0bec5 !important;
}
.blue-grey--text.text--lighten-3 {
  color: #b0bec5 !important;
  caret-color: #b0bec5 !important;
}
.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
  border-color: #90a4ae !important;
}
.blue-grey--text.text--lighten-2 {
  color: #90a4ae !important;
  caret-color: #90a4ae !important;
}
.blue-grey.lighten-1 {
  background-color: #78909c !important;
  border-color: #78909c !important;
}
.blue-grey--text.text--lighten-1 {
  color: #78909c !important;
  caret-color: #78909c !important;
}
.blue-grey.darken-1 {
  background-color: #546e7a !important;
  border-color: #546e7a !important;
}
.blue-grey--text.text--darken-1 {
  color: #546e7a !important;
  caret-color: #546e7a !important;
}
.blue-grey.darken-2 {
  background-color: #455a64 !important;
  border-color: #455a64 !important;
}
.blue-grey--text.text--darken-2 {
  color: #455a64 !important;
  caret-color: #455a64 !important;
}
.blue-grey.darken-3 {
  background-color: #37474f !important;
  border-color: #37474f !important;
}
.blue-grey--text.text--darken-3 {
  color: #37474f !important;
  caret-color: #37474f !important;
}
.blue-grey.darken-4 {
  background-color: #263238 !important;
  border-color: #263238 !important;
}
.blue-grey--text.text--darken-4 {
  color: #263238 !important;
  caret-color: #263238 !important;
}
.grey {
  background-color: #9e9e9e !important;
  border-color: #9e9e9e !important;
}
.grey--text {
  color: #9e9e9e !important;
  caret-color: #9e9e9e !important;
}
.grey.lighten-5 {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.grey--text.text--lighten-5 {
  color: #fafafa !important;
  caret-color: #fafafa !important;
}
.grey.lighten-4 {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}
.grey--text.text--lighten-4 {
  color: #f5f5f5 !important;
  caret-color: #f5f5f5 !important;
}
.grey.lighten-3 {
  background-color: #eee !important;
  border-color: #eee !important;
}
.grey--text.text--lighten-3 {
  color: #eee !important;
  caret-color: #eee !important;
}
.grey.lighten-2 {
  background-color: #e0e0e0 !important;
  border-color: #e0e0e0 !important;
}
.grey--text.text--lighten-2 {
  color: #e0e0e0 !important;
  caret-color: #e0e0e0 !important;
}
.grey.lighten-1 {
  background-color: #bdbdbd !important;
  border-color: #bdbdbd !important;
}
.grey--text.text--lighten-1 {
  color: #bdbdbd !important;
  caret-color: #bdbdbd !important;
}
.grey.darken-1 {
  background-color: #757575 !important;
  border-color: #757575 !important;
}
.grey--text.text--darken-1 {
  color: #757575 !important;
  caret-color: #757575 !important;
}
.grey.darken-2 {
  background-color: #616161 !important;
  border-color: #616161 !important;
}
.grey--text.text--darken-2 {
  color: #616161 !important;
  caret-color: #616161 !important;
}
.grey.darken-3 {
  background-color: #424242 !important;
  border-color: #424242 !important;
}
.grey--text.text--darken-3 {
  color: #424242 !important;
  caret-color: #424242 !important;
}
.grey.darken-4 {
  background-color: #212121 !important;
  border-color: #212121 !important;
}
.grey--text.text--darken-4 {
  color: #212121 !important;
  caret-color: #212121 !important;
}
.shades.black {
  background-color: #000 !important;
  border-color: #000 !important;
}
.shades--text.text--black {
  color: #000 !important;
  caret-color: #000 !important;
}
.shades.white {
  background-color: #fff !important;
  border-color: #fff !important;
}
.shades--text.text--white {
  color: #fff !important;
  caret-color: #fff !important;
}
.shades.transparent {
  background-color: transparent !important;
  border-color: transparent !important;
}
.shades--text.text--transparent {
  color: transparent !important;
  caret-color: transparent !important;
}
.elevation-0 {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;
}
.elevation-1 {
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12) !important;
}
.elevation-2 {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12) !important;
}
.elevation-3 {
  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12) !important;
}
.elevation-4 {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12) !important;
}
.elevation-5 {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 5px 8px 0px rgba(0,0,0,0.14), 0px 1px 14px 0px rgba(0,0,0,0.12) !important;
}
.elevation-6 {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12) !important;
}
.elevation-7 {
  box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2), 0px 7px 10px 1px rgba(0,0,0,0.14), 0px 2px 16px 1px rgba(0,0,0,0.12) !important;
}
.elevation-8 {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12) !important;
}
.elevation-9 {
  box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2), 0px 9px 12px 1px rgba(0,0,0,0.14), 0px 3px 16px 2px rgba(0,0,0,0.12) !important;
}
.elevation-10 {
  box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2), 0px 10px 14px 1px rgba(0,0,0,0.14), 0px 4px 18px 3px rgba(0,0,0,0.12) !important;
}
.elevation-11 {
  box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2), 0px 11px 15px 1px rgba(0,0,0,0.14), 0px 4px 20px 3px rgba(0,0,0,0.12) !important;
}
.elevation-12 {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2), 0px 12px 17px 2px rgba(0,0,0,0.14), 0px 5px 22px 4px rgba(0,0,0,0.12) !important;
}
.elevation-13 {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2), 0px 13px 19px 2px rgba(0,0,0,0.14), 0px 5px 24px 4px rgba(0,0,0,0.12) !important;
}
.elevation-14 {
  box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2), 0px 14px 21px 2px rgba(0,0,0,0.14), 0px 5px 26px 4px rgba(0,0,0,0.12) !important;
}
.elevation-15 {
  box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2), 0px 15px 22px 2px rgba(0,0,0,0.14), 0px 6px 28px 5px rgba(0,0,0,0.12) !important;
}
.elevation-16 {
  box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12) !important;
}
.elevation-17 {
  box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2), 0px 17px 26px 2px rgba(0,0,0,0.14), 0px 6px 32px 5px rgba(0,0,0,0.12) !important;
}
.elevation-18 {
  box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2), 0px 18px 28px 2px rgba(0,0,0,0.14), 0px 7px 34px 6px rgba(0,0,0,0.12) !important;
}
.elevation-19 {
  box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2), 0px 19px 29px 2px rgba(0,0,0,0.14), 0px 7px 36px 6px rgba(0,0,0,0.12) !important;
}
.elevation-20 {
  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2), 0px 20px 31px 3px rgba(0,0,0,0.14), 0px 8px 38px 7px rgba(0,0,0,0.12) !important;
}
.elevation-21 {
  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2), 0px 21px 33px 3px rgba(0,0,0,0.14), 0px 8px 40px 7px rgba(0,0,0,0.12) !important;
}
.elevation-22 {
  box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2), 0px 22px 35px 3px rgba(0,0,0,0.14), 0px 8px 42px 7px rgba(0,0,0,0.12) !important;
}
.elevation-23 {
  box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2), 0px 23px 36px 3px rgba(0,0,0,0.14), 0px 9px 44px 8px rgba(0,0,0,0.12) !important;
}
.elevation-24 {
  box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12) !important;
}
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}
*,
::before,
::after {
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
* {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
summary {
  display: list-item; /* Add the correct display in all browsers */
}
small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}
[hidden],
template {
  display: none; /* Add the correct display in IE */
}
abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}
a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}
b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}
dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}
mark {
  background-color: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
input {
  border-radius: 0;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
[type="number"] {
  width: auto; /* Firefox 36+ */
}
[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}
textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}
optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}
button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 0;
  border: 0;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}
button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}
select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}
legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}
[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}
audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}
[aria-busy="true"] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled] {
  cursor: default;
}
::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
.bottom-sheet-transition-enter {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.bottom-sheet-transition-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.carousel-transition-enter {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.carousel-transition-leave,
.carousel-transition-leave-to {
  position: absolute;
  top: 0;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.carousel-reverse-transition-enter {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.carousel-reverse-transition-leave,
.carousel-reverse-transition-leave-to {
  position: absolute;
  top: 0;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.dialog-transition-enter,
.dialog-transition-leave-to {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
.dialog-transition-enter-to,
.dialog-transition-leave {
  opacity: 1;
}
.dialog-bottom-transition-enter,
.dialog-bottom-transition-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.picker-transition-enter-active,
.picker-reverse-transition-enter-active,
.picker-transition-leave-active,
.picker-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.picker-transition-enter,
.picker-reverse-transition-enter,
.picker-transition-leave-to,
.picker-reverse-transition-leave-to {
  opacity: 0;
}
.picker-transition-leave,
.picker-reverse-transition-leave,
.picker-transition-leave-active,
.picker-reverse-transition-leave-active,
.picker-transition-leave-to,
.picker-reverse-transition-leave-to {
  position: absolute !important;
}
.picker-transition-enter {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.picker-transition-leave-to {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.picker-reverse-transition-enter {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.picker-reverse-transition-leave-to {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.picker-title-transition-enter-to,
.picker-title-transition-leave {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.picker-title-transition-enter {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.picker-title-transition-leave-to {
  opacity: 0;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.picker-title-transition-leave,
.picker-title-transition-leave-to,
.picker-title-transition-leave-active {
  position: absolute !important;
}
.tab-transition-enter {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.tab-transition-leave,
.tab-transition-leave-active {
  position: absolute;
  top: 0;
}
.tab-transition-leave-to {
  position: absolute;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.tab-reverse-transition-enter {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.tab-reverse-transition-leave,
.tab-reverse-transition-leave-to {
  top: 0;
  position: absolute;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.expand-transition-enter-active,
.expand-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.expand-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.expand-x-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.scale-transition-enter-active,
.scale-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scale-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.scale-transition-enter,
.scale-transition-leave,
.scale-transition-leave-to {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.message-transition-enter-active,
.message-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.message-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.message-transition-enter,
.message-transition-leave-to {
  opacity: 0;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.message-transition-leave,
.message-transition-leave-active {
  position: absolute;
}
.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-y-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.slide-y-transition-enter,
.slide-y-transition-leave-to {
  opacity: 0;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-y-reverse-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.slide-y-reverse-transition-enter,
.slide-y-reverse-transition-leave-to {
  opacity: 0;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}
.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-y-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.scroll-y-transition-enter,
.scroll-y-transition-leave-to {
  opacity: 0;
}
.scroll-y-transition-enter {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.scroll-y-transition-leave-to {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}
.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-y-reverse-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.scroll-y-reverse-transition-enter,
.scroll-y-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-y-reverse-transition-enter {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}
.scroll-y-reverse-transition-leave-to {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-x-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.scroll-x-transition-enter,
.scroll-x-transition-leave-to {
  opacity: 0;
}
.scroll-x-transition-enter {
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
}
.scroll-x-transition-leave-to {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-x-reverse-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.scroll-x-reverse-transition-enter,
.scroll-x-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-x-reverse-transition-enter {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.scroll-x-reverse-transition-leave-to {
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
}
.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-x-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.slide-x-transition-enter,
.slide-x-transition-leave-to {
  opacity: 0;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
}
.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-x-reverse-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.slide-x-reverse-transition-enter,
.slide-x-reverse-transition-leave-to {
  opacity: 0;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.fade-transition-enter-active,
.fade-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.fade-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.fade-transition-enter,
.fade-transition-leave-to {
  opacity: 0;
}
.fab-transition-enter-active,
.fab-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.fab-transition-move {
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.fab-transition-enter,
.fab-transition-leave-to {
  -webkit-transform: scale(0) rotate(-45deg);
          transform: scale(0) rotate(-45deg);
}
.blockquote {
  padding: 16px 0 16px 24px;
  font-size: 18px;
  font-weight: 300;
}
code,
kbd {
  display: inline-block;
  border-radius: 3px;
  white-space: pre-wrap;
  font-size: 85%;
  font-weight: 900;
}
code:after,
kbd:after,
code:before,
kbd:before {
  content: "\A0";
  letter-spacing: -1px;
}
code {
  background-color: #f5f5f5;
  color: #bd4147;
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
}
kbd {
  background: #616161;
  color: #fff;
}
html {
  font-size: 14px;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.application {
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
ul,
ol {
  padding-left: 24px;
}
.display-4 {
  font-size: 112px !important;
  font-weight: 300;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  font-family: 'Roboto', sans-serif !important;
}
.display-3 {
  font-size: 56px !important;
  font-weight: 400;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  font-family: 'Roboto', sans-serif !important;
}
.display-2 {
  font-size: 45px !important;
  font-weight: 400;
  line-height: 48px !important;
  letter-spacing: normal !important;
  font-family: 'Roboto', sans-serif !important;
}
.display-1 {
  font-size: 34px !important;
  font-weight: 400;
  line-height: 40px !important;
  letter-spacing: normal !important;
  font-family: 'Roboto', sans-serif !important;
}
.headline {
  font-size: 24px !important;
  font-weight: 400;
  line-height: 32px !important;
  letter-spacing: normal !important;
  font-family: 'Roboto', sans-serif !important;
}
.title {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  font-family: 'Roboto', sans-serif !important;
}
.subheading {
  font-size: 16px !important;
  font-weight: 400;
}
.body-2 {
  font-size: 14px !important;
  font-weight: 500;
}
.body-1 {
  font-size: 14px !important;
  font-weight: 400;
}
.caption {
  font-size: 12px !important;
  font-weight: 400;
}
p {
  margin-bottom: 16px;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.right {
  float: right !important;
}
.left {
  float: left !important;
}
.ma-auto {
  margin-top: auto !important;
  margin-right: auto !important;
  margin-bottom: auto !important;
  margin-left: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.ma-0 {
  margin: 0 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.pa-0 {
  padding: 0 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.ma-1 {
  margin: 4px 4px !important;
}
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mt-1 {
  margin-top: 4px !important;
}
.mr-1 {
  margin-right: 4px !important;
}
.mb-1 {
  margin-bottom: 4px !important;
}
.ml-1 {
  margin-left: 4px !important;
}
.pa-1 {
  padding: 4px 4px !important;
}
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.pt-1 {
  padding-top: 4px !important;
}
.pr-1 {
  padding-right: 4px !important;
}
.pb-1 {
  padding-bottom: 4px !important;
}
.pl-1 {
  padding-left: 4px !important;
}
.ma-2 {
  margin: 8px 8px !important;
}
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mt-2 {
  margin-top: 8px !important;
}
.mr-2 {
  margin-right: 8px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.ml-2 {
  margin-left: 8px !important;
}
.pa-2 {
  padding: 8px 8px !important;
}
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.pt-2 {
  padding-top: 8px !important;
}
.pr-2 {
  padding-right: 8px !important;
}
.pb-2 {
  padding-bottom: 8px !important;
}
.pl-2 {
  padding-left: 8px !important;
}
.ma-3 {
  margin: 16px 16px !important;
}
.my-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.mx-3 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mt-3 {
  margin-top: 16px !important;
}
.mr-3 {
  margin-right: 16px !important;
}
.mb-3 {
  margin-bottom: 16px !important;
}
.ml-3 {
  margin-left: 16px !important;
}
.pa-3 {
  padding: 16px 16px !important;
}
.py-3 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.px-3 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pt-3 {
  padding-top: 16px !important;
}
.pr-3 {
  padding-right: 16px !important;
}
.pb-3 {
  padding-bottom: 16px !important;
}
.pl-3 {
  padding-left: 16px !important;
}
.ma-4 {
  margin: 24px 24px !important;
}
.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.mx-4 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mt-4 {
  margin-top: 24px !important;
}
.mr-4 {
  margin-right: 24px !important;
}
.mb-4 {
  margin-bottom: 24px !important;
}
.ml-4 {
  margin-left: 24px !important;
}
.pa-4 {
  padding: 24px 24px !important;
}
.py-4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.px-4 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.pt-4 {
  padding-top: 24px !important;
}
.pr-4 {
  padding-right: 24px !important;
}
.pb-4 {
  padding-bottom: 24px !important;
}
.pl-4 {
  padding-left: 24px !important;
}
.ma-5 {
  margin: 48px 48px !important;
}
.my-5 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.mx-5 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.mt-5 {
  margin-top: 48px !important;
}
.mr-5 {
  margin-right: 48px !important;
}
.mb-5 {
  margin-bottom: 48px !important;
}
.ml-5 {
  margin-left: 48px !important;
}
.pa-5 {
  padding: 48px 48px !important;
}
.py-5 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.px-5 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.pt-5 {
  padding-top: 48px !important;
}
.pr-5 {
  padding-right: 48px !important;
}
.pb-5 {
  padding-bottom: 48px !important;
}
.pl-5 {
  padding-left: 48px !important;
}
.font-weight-thin {
  font-weight: 100 !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-regular {
  font-weight: 400 !important;
}
.font-weight-medium {
  font-weight: 500 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-black {
  font-weight: 900 !important;
}
.font-italic {
  font-style: italic !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-none {
  text-transform: none !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-no-wrap {
  white-space: nowrap !important;
}
.text-truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.1 !important;
}
.transition-fast-out-slow-in {
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-linear-out-slow-in {
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-fast-out-linear-in {
  transition: 0.3s cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-in-out {
  transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.transition-fast-in-fast-out {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.transition-swing {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
}
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
@media only print {
  .hidden-print-only {
    display: none !important;
  }
}
@media only screen {
  .hidden-screen-only {
    display: none !important;
  }
}
@media only screen and (max-width: 599px) {
  .hidden-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .hidden-sm-only {
    display: none !important;
  }
}
@media only screen and (max-width: 959px) {
  .hidden-sm-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) {
  .hidden-sm-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1263px) {
  .hidden-md-only {
    display: none !important;
  }
}
@media only screen and (max-width: 1263px) {
  .hidden-md-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 960px) {
  .hidden-md-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 1264px) and (max-width: 1903px) {
  .hidden-lg-only {
    display: none !important;
  }
}
@media only screen and (max-width: 1903px) {
  .hidden-lg-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 1264px) {
  .hidden-lg-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 1904px) {
  .hidden-xl-only {
    display: none !important;
  }
}
@media all and (min-width: 0) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-justify {
    text-align: justify !important;
  }
}
@media all and (min-width: 600px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
}
@media all and (min-width: 960px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
}
@media all and (min-width: 1264px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
}
@media all and (min-width: 1904px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
}

.application {
  display: flex;
}
.application a {
  cursor: pointer;
}
.application--is-rtl {
  direction: rtl;
}
.application--wrap {
  flex: 1 1 auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  max-width: 100%;
  position: relative;
}
.theme--light.application {
  background: #fafafa;
  color: rgba(0,0,0,0.87);
}
.theme--light.application .text--primary {
  color: rgba(0,0,0,0.87) !important;
}
.theme--light.application .text--secondary {
  color: rgba(0,0,0,0.54) !important;
}
.theme--light.application .text--disabled {
  color: rgba(0,0,0,0.38) !important;
}
.theme--dark.application {
  background: #303030;
  color: #fff;
}
.theme--dark.application .text--primary {
  color: #fff !important;
}
.theme--dark.application .text--secondary {
  color: rgba(255,255,255,0.7) !important;
}
.theme--dark.application .text--disabled {
  color: rgba(255,255,255,0.5) !important;
}
@-moz-document url-prefix() {
}
@media print {
  @-moz-document url-prefix() {
    .application {
      display: block;
    }
    .application--wrap {
      display: block;
    }
  }
}

.v-alert {
  border-radius: 0;
  border-width: 4px 0 0 0;
  border-style: solid;
  color: #fff;
  display: flex;
  font-size: 14px;
  margin: 4px auto;
  padding: 16px;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-alert .v-alert__icon.v-icon,
.v-alert__dismissible .v-icon {
  align-self: center;
  color: rgba(0,0,0,0.3);
  font-size: 24px;
}
.v-alert--outline .v-icon {
  color: inherit !important;
}
.v-alert__icon {
  margin-right: 16px;
}
.v-alert__dismissible {
  align-self: flex-start;
  color: inherit;
  margin-left: 16px;
  margin-right: 0;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-alert__dismissible:hover {
  opacity: 0.8;
}
.v-alert--no-icon .v-alert__icon {
  display: none;
}
.v-alert > div {
  align-self: center;
  flex: 1 1;
}
.v-alert.v-alert {
  border-color: rgba(0,0,0,0.12) !important;
}
.v-alert.v-alert--outline {
  border: 1px solid currentColor !important;
}
@media screen and (max-width: 600px) {
  .v-alert__icon {
    display: none;
  }
}

/* Themes */
.theme--light.v-icon {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-icon.v-icon--disabled {
  color: rgba(0,0,0,0.38) !important;
}
.theme--dark.v-icon {
  color: #fff;
}
.theme--dark.v-icon.v-icon--disabled {
  color: rgba(255,255,255,0.5) !important;
}
.v-icon {
  align-items: center;
  display: inline-flex;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  font-size: 24px;
  justify-content: center;
  line-height: 1;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  vertical-align: text-bottom;
}
.v-icon--right {
  margin-left: 16px;
}
.v-icon--left {
  margin-right: 16px;
}
.v-icon.v-icon.v-icon--link {
  cursor: pointer;
}
.v-icon--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.v-icon--is-component {
  height: 24px;
}

.v-autocomplete.v-input > .v-input__control > .v-input__slot {
  cursor: text;
}
.v-autocomplete input {
  align-self: center;
}
.v-autocomplete--is-selecting-index input {
  opacity: 0;
}
.v-autocomplete.v-text-field--enclosed:not(.v-text-field--solo):not(.v-text-field--single-line) .v-select__slot > input {
  margin-top: 24px;
}
.v-autocomplete:not(.v-input--is-disabled).v-select.v-text-field input {
  pointer-events: inherit;
}
.v-autocomplete__content.v-menu__content {
  border-radius: 0;
}
.v-autocomplete__content.v-menu__content .v-card {
  border-radius: 0;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: rgba(0,0,0,0.42);
}
.theme--light.v-text-field:not(.v-input--has-state) > .v-input__control > .v-input__slot:hover:before {
  border-color: rgba(0,0,0,0.87);
}
.theme--light.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before {
  border-image: repeating-linear-gradient(to right, rgba(0,0,0,0.38) 0px, rgba(0,0,0,0.38) 2px, transparent 2px, transparent 4px) 1 repeat;
}
.theme--light.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before .v-text-field__prefix,
.theme--light.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before .v-text-field__suffix {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-text-field__prefix,
.theme--light.v-text-field__suffix {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-text-field--solo > .v-input__control > .v-input__slot {
  border-radius: 2px;
  background: #fff;
}
.theme--light.v-text-field--solo-inverted.v-text-field--solo > .v-input__control > .v-input__slot {
  background: rgba(0,0,0,0.16);
}
.theme--light.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot {
  background: #424242;
}
.theme--light.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot .v-label,
.theme--light.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot input {
  color: #fff;
}
.theme--light.v-text-field--box > .v-input__control > .v-input__slot {
  background: rgba(0,0,0,0.06);
}
.theme--light.v-text-field--box .v-text-field__prefix {
  max-height: 32px;
  margin-top: 22px;
}
.theme--light.v-text-field--box.v-input--is-dirty .v-text-field__prefix,
.theme--light.v-text-field--box.v-input--is-focused .v-text-field__prefix,
.theme--light.v-text-field--box.v-text-field--placeholder .v-text-field__prefix {
  margin-top: 22px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.theme--light.v-text-field--box:not(.v-input--is-focused) > .v-input__control > .v-input__slot:hover {
  background: rgba(0,0,0,0.12);
}
.theme--light.v-text-field--outline > .v-input__control > .v-input__slot {
  border: 2px solid rgba(0,0,0,0.54);
}
.theme--light.v-text-field--outline:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {
  border: 2px solid rgba(0,0,0,0.87);
}
.theme--dark.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: rgba(255,255,255,0.7);
}
.theme--dark.v-text-field:not(.v-input--has-state) > .v-input__control > .v-input__slot:hover:before {
  border-color: #fff;
}
.theme--dark.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before {
  border-image: repeating-linear-gradient(to right, rgba(255,255,255,0.5) 0px, rgba(255,255,255,0.5) 2px, transparent 2px, transparent 4px) 1 repeat;
}
.theme--dark.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before .v-text-field__prefix,
.theme--dark.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before .v-text-field__suffix {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-text-field__prefix,
.theme--dark.v-text-field__suffix {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-text-field--solo > .v-input__control > .v-input__slot {
  border-radius: 2px;
  background: #424242;
}
.theme--dark.v-text-field--solo-inverted.v-text-field--solo > .v-input__control > .v-input__slot {
  background: rgba(255,255,255,0.16);
}
.theme--dark.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot {
  background: #fff;
}
.theme--dark.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot .v-label,
.theme--dark.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot input {
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-text-field--box > .v-input__control > .v-input__slot {
  background: rgba(0,0,0,0.1);
}
.theme--dark.v-text-field--box .v-text-field__prefix {
  max-height: 32px;
  margin-top: 22px;
}
.theme--dark.v-text-field--box.v-input--is-dirty .v-text-field__prefix,
.theme--dark.v-text-field--box.v-input--is-focused .v-text-field__prefix,
.theme--dark.v-text-field--box.v-text-field--placeholder .v-text-field__prefix {
  margin-top: 22px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.theme--dark.v-text-field--box:not(.v-input--is-focused) > .v-input__control > .v-input__slot:hover {
  background: rgba(0,0,0,0.2);
}
.theme--dark.v-text-field--outline > .v-input__control > .v-input__slot {
  border: 2px solid rgba(255,255,255,0.7);
}
.theme--dark.v-text-field--outline:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {
  border: 2px solid #fff;
}
.application--is-rtl .v-text-field .v-label {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.application--is-rtl .v-text-field .v-counter {
  margin-left: 0;
  margin-right: 8px;
}
.application--is-rtl .v-text-field--enclosed .v-input__append-outer {
  margin-left: 0;
  margin-right: 16px;
}
.application--is-rtl .v-text-field--enclosed .v-input__prepend-outer {
  margin-left: 16px;
  margin-right: 0;
}
.application--is-rtl .v-text-field--reverse input {
  text-align: left;
}
.application--is-rtl .v-text-field--reverse .v-label {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.application--is-rtl .v-text-field__prefix {
  text-align: left;
  padding-right: 0;
  padding-left: 4px;
}
.application--is-rtl .v-text-field__suffix {
  padding-left: 0;
  padding-right: 4px;
}
.application--is-rtl .v-text-field--reverse .v-text-field__prefix {
  text-align: right;
  padding-left: 0;
  padding-right: 4px;
}
.application--is-rtl .v-text-field--reverse .v-text-field__suffix {
  padding-left: 0;
  padding-right: 4px;
}
.v-text-field {
  padding-top: 12px;
  margin-top: 4px;
}
.v-text-field input {
  flex: 1 1 auto;
  line-height: 20px;
  padding: 8px 0 8px;
  max-width: 100%;
  min-width: 0px;
  width: 100%;
}
.v-text-field .v-input__prepend-inner,
.v-text-field .v-input__append-inner {
  align-self: flex-start;
  display: inline-flex;
  margin-top: 4px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-text-field .v-input__prepend-inner {
  margin-right: auto;
  padding-right: 4px;
}
.v-text-field .v-input__append-inner {
  margin-left: auto;
  padding-left: 4px;
}
.v-text-field .v-counter {
  margin-left: 8px;
  white-space: nowrap;
}
.v-text-field .v-label {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 6px;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  white-space: nowrap;
  pointer-events: none;
}
.v-text-field .v-label--active {
  max-width: 133%;
  -webkit-transform: translateY(-18px) scale(0.75);
          transform: translateY(-18px) scale(0.75);
}
.v-text-field > .v-input__control > .v-input__slot {
  cursor: text;
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-text-field > .v-input__control > .v-input__slot:before,
.v-text-field > .v-input__control > .v-input__slot:after {
  bottom: -1px;
  content: '';
  left: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-text-field > .v-input__control > .v-input__slot:before {
  border-style: solid;
  border-width: thin 0 0 0;
}
.v-text-field > .v-input__control > .v-input__slot:after {
  border-color: currentColor;
  border-style: solid;
  border-width: thin 0 thin 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.v-text-field__details {
  display: flex;
  flex: 1 0 auto;
  max-width: 100%;
  overflow: hidden;
}
.v-text-field__prefix,
.v-text-field__suffix {
  align-self: center;
  cursor: default;
}
.v-text-field__prefix {
  text-align: right;
  padding-right: 4px;
}
.v-text-field__suffix {
  padding-left: 4px;
  white-space: nowrap;
}
.v-text-field--reverse .v-text-field__prefix {
  text-align: left;
  padding-right: 0;
  padding-left: 4px;
}
.v-text-field--reverse .v-text-field__suffix {
  padding-left: 0;
  padding-right: 4px;
}
.v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot {
  display: flex;
  flex: 1 1 auto;
  position: relative;
}
.v-text-field--box,
.v-text-field--full-width,
.v-text-field--outline {
  position: relative;
}
.v-text-field--box > .v-input__control > .v-input__slot,
.v-text-field--full-width > .v-input__control > .v-input__slot,
.v-text-field--outline > .v-input__control > .v-input__slot {
  align-items: stretch;
  min-height: 56px;
}
.v-text-field--box input,
.v-text-field--full-width input,
.v-text-field--outline input {
  margin-top: 22px;
}
.v-text-field--box.v-text-field--single-line input,
.v-text-field--full-width.v-text-field--single-line input,
.v-text-field--outline.v-text-field--single-line input {
  margin-top: 12px;
}
.v-text-field--box .v-label,
.v-text-field--full-width .v-label,
.v-text-field--outline .v-label {
  top: 18px;
}
.v-text-field--box .v-label--active,
.v-text-field--full-width .v-label--active,
.v-text-field--outline .v-label--active {
  -webkit-transform: translateY(-6px) scale(0.75);
          transform: translateY(-6px) scale(0.75);
}
.v-text-field--box > .v-input__control > .v-input__slot {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.v-text-field--box > .v-input__control > .v-input__slot:before {
  border-style: solid;
  border-width: thin 0 thin 0;
}
.v-text-field.v-text-field--enclosed {
  margin: 0;
  padding: 0;
}
.v-text-field.v-text-field--enclosed:not(.v-text-field--box) .v-progress-linear__background {
  display: none;
}
.v-text-field.v-text-field--enclosed .v-input__prepend-outer,
.v-text-field.v-text-field--enclosed .v-input__prepend-inner,
.v-text-field.v-text-field--enclosed .v-input__append-inner,
.v-text-field.v-text-field--enclosed .v-input__append-outer {
  margin-top: 16px;
}
.v-text-field.v-text-field--enclosed .v-text-field__details,
.v-text-field.v-text-field--enclosed > .v-input__control > .v-input__slot {
  padding: 0 12px;
}
.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 8px;
}
.v-text-field--reverse input {
  text-align: right;
}
.v-text-field--reverse .v-label {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.v-text-field--reverse > .v-input__control > .v-input__slot,
.v-text-field--reverse .v-text-field__slot {
  flex-direction: row-reverse;
}
.v-text-field--solo > .v-input__control > .v-input__slot:before,
.v-text-field--outline > .v-input__control > .v-input__slot:before,
.v-text-field--full-width > .v-input__control > .v-input__slot:before,
.v-text-field--solo > .v-input__control > .v-input__slot:after,
.v-text-field--outline > .v-input__control > .v-input__slot:after,
.v-text-field--full-width > .v-input__control > .v-input__slot:after {
  display: none;
}
.v-text-field--outline {
  margin-bottom: 16px;
  transition: border 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-text-field--outline > .v-input__control > .v-input__slot {
  background: transparent !important;
  border-radius: 4px;
}
.v-text-field--outline .v-text-field__prefix {
  margin-top: 22px;
  max-height: 32px;
}
.v-text-field--outline .v-input__prepend-outer,
.v-text-field--outline .v-input__append-outer {
  margin-top: 18px;
}
.v-text-field--outline.v-input--is-dirty .v-text-field__prefix,
.v-text-field--outline.v-input--is-focused .v-text-field__prefix,
.v-text-field--outline.v-text-field--placeholder .v-text-field__prefix {
  margin-top: 22px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-text-field--outline.v-input--is-focused > .v-input__control > .v-input__slot,
.v-text-field--outline.v-input--has-state > .v-input__control > .v-input__slot {
  border: 2px solid currentColor;
  transition: border 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-text-field.v-text-field--solo .v-label {
  top: calc(50% - 10px);
}
.v-text-field.v-text-field--solo .v-input__control {
  min-height: 48px;
  padding: 0;
}
.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-text-field.v-text-field--solo .v-text-field__slot {
  align-items: center;
}
.v-text-field.v-text-field--solo .v-input__append-inner,
.v-text-field.v-text-field--solo .v-input__prepend-inner {
  align-self: center;
  margin-top: 0;
}
.v-text-field.v-text-field--solo .v-input__prepend-outer,
.v-text-field.v-text-field--solo .v-input__append-outer {
  margin-top: 12px;
}
.v-text-field.v-input--is-focused > .v-input__control > .v-input__slot:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.v-text-field.v-input--has-state > .v-input__control > .v-input__slot:before {
  border-color: currentColor;
}

.theme--light.v-select .v-select__selections {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-select.v-input--is-disabled .v-select__selections {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-select .v-chip--disabled,
.theme--light.v-select .v-select__selection--disabled {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-select.v-text-field--solo-inverted.v-input--is-focused .v-select__selections {
  color: #fff;
}
.theme--dark.v-select .v-select__selections {
  color: #fff;
}
.theme--dark.v-select.v-input--is-disabled .v-select__selections {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-select .v-chip--disabled,
.theme--dark.v-select .v-select__selection--disabled {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-select.v-text-field--solo-inverted.v-input--is-focused .v-select__selections {
  color: rgba(0,0,0,0.87);
}
.v-select {
  position: relative;
}
.v-select > .v-input__control > .v-input__slot {
  cursor: pointer;
}
.v-select .v-chip {
  flex: 0 1 auto;
}
.v-select .fade-transition-leave-active {
  position: absolute;
  left: 0;
}
.v-select.v-input--is-dirty ::-webkit-input-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty :-ms-input-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty ::-ms-input-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty ::placeholder {
  color: transparent !important;
}
.v-select:not(.v-input--is-dirty):not(.v-input--is-focused) .v-text-field__prefix {
  line-height: 20px;
  position: absolute;
  top: 7px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-select.v-text-field--enclosed:not(.v-text-field--single-line) .v-select__selections {
  padding-top: 24px;
}
.v-select.v-text-field input {
  flex: 1 1;
  margin-top: 0;
  min-width: 0;
  pointer-events: none;
  position: relative;
}
.v-select.v-select--is-menu-active .v-input__icon--append .v-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.v-select.v-select--chips input {
  margin: 0;
}
.v-select.v-select--chips .v-select__selections {
  min-height: 42px;
}
.v-select.v-select--chips.v-select--chips--small .v-select__selections {
  min-height: 32px;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box .v-select__selections,
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed .v-select__selections {
  min-height: 68px;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-select--chips--small .v-select__selections,
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-select--chips--small .v-select__selections {
  min-height: 56px;
}
.v-select.v-text-field--reverse .v-select__slot,
.v-select.v-text-field--reverse .v-select__selections {
  flex-direction: row-reverse;
}
.v-select__selections {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  line-height: 18px;
}
.v-select__selection {
  max-width: 90%;
}
.v-select__selection--comma {
  align-items: center;
  display: inline-flex;
  margin: 7px 4px 7px 0;
}
.v-select__slot {
  position: relative;
  align-items: center;
  display: flex;
  width: 100%;
}
.v-select:not(.v-text-field--single-line) .v-select__slot > input {
  align-self: flex-end;
}

.theme--light.v-chip {
  background: #e0e0e0;
  color: rgba(0,0,0,0.87);
}
.theme--light.v-chip--disabled {
  color: rgba(0,0,0,0.38);
}
.theme--dark.v-chip {
  background: #555;
  color: #fff;
}
.theme--dark.v-chip--disabled {
  color: rgba(255,255,255,0.5);
}
.application--is-rtl .v-chip__close {
  margin: 0 8px 0 2px;
}
.application--is-rtl .v-chip--removable .v-chip__content {
  padding: 0 12px 0 4px;
}
.application--is-rtl .v-chip--select-multi {
  margin: 4px 0 4px 4px;
}
.application--is-rtl .v-chip .v-avatar {
  margin-right: -12px;
  margin-left: 8px;
}
.application--is-rtl .v-chip .v-icon--right {
  margin-right: 12px;
  margin-left: -8px;
}
.application--is-rtl .v-chip .v-icon--left {
  margin-right: -8px;
  margin-left: 12px;
}
.v-chip {
  align-items: center;
  border-radius: 28px;
  display: inline-flex;
  font-size: 13px;
  margin: 4px;
  outline: none;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  vertical-align: middle;
}
.v-chip .v-chip__content {
  align-items: center;
  border-radius: 28px;
  cursor: default;
  display: inline-flex;
  height: 32px;
  justify-content: space-between;
  padding: 0 12px;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 1;
}
.v-chip--removable .v-chip__content {
  padding: 0 4px 0 12px;
}
.v-chip .v-avatar {
  height: 32px !important;
  margin-left: -12px;
  margin-right: 8px;
  min-width: 32px;
  width: 32px !important;
}
.v-chip .v-avatar img {
  height: 100%;
  width: 100%;
}
.v-chip:focus:not(.v-chip--disabled),
.v-chip--active,
.v-chip--selected {
  border-color: rgba(0,0,0,0.13);
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-chip:focus:not(.v-chip--disabled):after,
.v-chip--active:after,
.v-chip--selected:after {
  background: currentColor;
  border-radius: inherit;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: inherit;
  width: 100%;
  pointer-events: none;
  opacity: 0.13;
}
.v-chip--label {
  border-radius: 2px;
}
.v-chip--label .v-chip__content {
  border-radius: 2px;
}
.v-chip.v-chip.v-chip--outline {
  background: transparent !important;
  border: 1px solid currentColor;
  color: #9e9e9e;
  height: 32px;
}
.v-chip.v-chip.v-chip--outline .v-avatar {
  margin-left: -13px;
}
.v-chip--small {
  height: 24px !important;
}
.v-chip--small .v-avatar {
  height: 24px !important;
  min-width: 24px;
  width: 24px !important;
}
.v-chip--small .v-icon {
  font-size: 20px;
}
.v-chip__close {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 20px;
  margin: 0 2px 0 8px;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-chip__close > .v-icon {
  color: inherit !important;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.5;
}
.v-chip__close > .v-icon:hover {
  opacity: 1;
}
.v-chip--disabled .v-chip__close {
  pointer-events: none;
}
.v-chip--select-multi {
  margin: 4px 4px 4px 0;
}
.v-chip .v-icon {
  color: inherit;
}
.v-chip .v-icon--right {
  margin-left: 12px;
  margin-right: -8px;
}
.v-chip .v-icon--left {
  margin-left: -8px;
  margin-right: 12px;
}

.v-menu {
  display: block;
  vertical-align: middle;
}
.v-menu--inline {
  display: inline-block;
}
.v-menu__activator {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.v-menu__activator * {
  cursor: pointer;
}
.v-menu__content {
  position: absolute;
  display: inline-block;
  border-radius: 2px;
  max-width: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  contain: content;
  will-change: transform;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
}
.v-menu__content--active {
  pointer-events: none;
}
.v-menu__content--fixed {
  position: fixed;
}
.v-menu__content > .card {
  contain: content;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.v-menu > .v-menu__content {
  max-width: none;
}
.v-menu-transition-enter .v-list__tile {
  min-width: 0;
  pointer-events: none;
}
.v-menu-transition-enter-to .v-list__tile {
  pointer-events: auto;
  transition-delay: 0.1s;
}
.v-menu-transition-leave-active,
.v-menu-transition-leave-to {
  pointer-events: none;
}
.v-menu-transition-enter,
.v-menu-transition-leave-to {
  opacity: 0;
}
.v-menu-transition-enter-active,
.v-menu-transition-leave-active {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-menu-transition-enter.v-menu__content--auto {
  transition: none !important;
}
.v-menu-transition-enter.v-menu__content--auto .v-list__tile {
  opacity: 0;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.v-menu-transition-enter.v-menu__content--auto .v-list__tile--active {
  opacity: 1;
  -webkit-transform: none !important;
          transform: none !important;
  pointer-events: auto;
}

/* Themes */
.theme--light.v-card {
  background-color: #fff;
  border-color: #fff;
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-card {
  background-color: #424242;
  border-color: #424242;
  color: #fff;
}
.v-card {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  text-decoration: none;
}
.v-card > *:first-child:not(.v-btn):not(.v-chip) {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.v-card > *:last-child:not(.v-btn):not(.v-chip) {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.v-card--flat {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12);
}
.v-card--hover {
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: box-shadow;
}
.v-card--hover:hover {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
}
.v-card__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.v-card__title--primary {
  padding-top: 24px;
}
.v-card__text {
  padding: 16px;
  width: 100%;
}
.v-card__actions {
  align-items: center;
  display: flex;
  padding: 8px;
}
.v-card__actions > *,
.v-card__actions .v-btn {
  margin: 0;
}
.v-card__actions .v-btn + .v-btn {
  margin-left: 8px;
}

/** Theme */
.theme--light.v-input--selection-controls.v-input--is-disabled .v-icon {
  color: rgba(0,0,0,0.26) !important;
}
.theme--dark.v-input--selection-controls.v-input--is-disabled .v-icon {
  color: rgba(255,255,255,0.3) !important;
}
.application--is-rtl .v-input--selection-controls .v-input--selection-controls__input {
  margin-right: 0;
  margin-left: 8px;
}
.v-input--selection-controls {
  margin-top: 16px;
  padding-top: 4px;
}
.v-input--selection-controls .v-input__append-outer,
.v-input--selection-controls .v-input__prepend-outer {
  margin-top: 0;
  margin-bottom: 0;
}
.v-input--selection-controls .v-input__control {
  flex-grow: 0;
  width: auto;
}
.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
  margin-bottom: 12px;
}
.v-input--selection-controls__input {
  color: inherit;
  display: inline-flex;
  flex: 0 0 auto;
  height: 24px;
  position: relative;
  margin-right: 8px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: color, -webkit-transform;
  transition-property: color, transform;
  transition-property: color, transform, -webkit-transform;
  width: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-input--selection-controls__input input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-input--selection-controls__input + .v-label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-input--selection-controls__ripple {
  border-radius: 50%;
  cursor: pointer;
  height: 34px;
  position: absolute;
  transition: inherit;
  width: 34px;
  left: -12px;
  top: calc(50% - 24px);
  margin: 7px;
}
.v-input--selection-controls__ripple:before {
  border-radius: inherit;
  bottom: 0;
  content: '';
  position: absolute;
  opacity: 0.2;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  transition: inherit;
}
.v-input--selection-controls__ripple .v-ripple__container {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.v-input--selection-controls.v-input .v-label {
  align-items: center;
  display: inline-flex;
  top: 0;
  height: auto;
}
.v-input--selection-controls.v-input--is-focused .v-input--selection-controls__ripple:before,
.v-input--selection-controls .v-radio--is-focused .v-input--selection-controls__ripple:before {
  background: currentColor;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

/* Theme */
.theme--light.v-input:not(.v-input--is-disabled) input,
.theme--light.v-input:not(.v-input--is-disabled) textarea {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-input input::-webkit-input-placeholder,
.theme--light.v-input textarea::-webkit-input-placeholder {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-input input:-ms-input-placeholder,
.theme--light.v-input textarea:-ms-input-placeholder {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-input input::-ms-input-placeholder,
.theme--light.v-input textarea::-ms-input-placeholder {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-input input::placeholder,
.theme--light.v-input textarea::placeholder {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-input--is-disabled .v-label,
.theme--light.v-input--is-disabled input,
.theme--light.v-input--is-disabled textarea {
  color: rgba(0,0,0,0.38);
}
.theme--dark.v-input:not(.v-input--is-disabled) input,
.theme--dark.v-input:not(.v-input--is-disabled) textarea {
  color: #fff;
}
.theme--dark.v-input input::-webkit-input-placeholder,
.theme--dark.v-input textarea::-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-input input:-ms-input-placeholder,
.theme--dark.v-input textarea:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-input input::-ms-input-placeholder,
.theme--dark.v-input textarea::-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-input input::placeholder,
.theme--dark.v-input textarea::placeholder {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-input--is-disabled .v-label,
.theme--dark.v-input--is-disabled input,
.theme--dark.v-input--is-disabled textarea {
  color: rgba(255,255,255,0.5);
}
.v-input {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  font-size: 16px;
  text-align: left;
}
.v-input .v-progress-linear {
  top: calc(100% - 1px);
  left: 0;
  margin: 0;
  position: absolute;
}
.v-input input {
  max-height: 32px;
}
.v-input input:invalid,
.v-input textarea:invalid {
  box-shadow: none;
}
.v-input input:focus,
.v-input textarea:focus,
.v-input input:active,
.v-input textarea:active {
  outline: none;
}
.v-input .v-label {
  height: 20px;
  line-height: 20px;
}
.v-input__append-outer,
.v-input__prepend-outer {
  display: inline-flex;
  margin-bottom: 4px;
  margin-top: 4px;
  line-height: 1;
}
.v-input__append-outer .v-icon,
.v-input__prepend-outer .v-icon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-input__append-outer {
  margin-left: 9px;
}
.v-input__prepend-outer {
  margin-right: 9px;
}
.v-input__control {
  display: flex;
  flex-direction: column;
  height: auto;
  flex-grow: 1;
  flex-wrap: wrap;
  width: 100%;
}
.v-input__icon {
  align-items: center;
  display: inline-flex;
  height: 24px;
  flex: 1 0 auto;
  justify-content: center;
  min-width: 24px;
  width: 24px;
}
.v-input__icon--clear {
  border-radius: 50%;
}
.v-input__slot {
  align-items: center;
  color: inherit;
  display: flex;
  margin-bottom: 8px;
  min-height: inherit;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-input--is-disabled:not(.v-input--is-readonly) {
  pointer-events: none;
}
.v-input--is-loading > .v-input__control > .v-input__slot:before,
.v-input--is-loading > .v-input__control > .v-input__slot:after {
  display: none;
}
.v-input--hide-details > .v-input__control > .v-input__slot {
  margin-bottom: 0;
}
.v-input--has-state.error--text .v-label {
  -webkit-animation: shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
          animation: shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.theme--light.v-label {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-label--is-disabled {
  color: rgba(0,0,0,0.38);
}
.theme--dark.v-label {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-label--is-disabled {
  color: rgba(255,255,255,0.5);
}
.v-label {
  font-size: 16px;
  line-height: 1;
  min-height: 8px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

/* Theme */
.theme--light.v-messages {
  color: rgba(0,0,0,0.54);
}
.theme--dark.v-messages {
  color: rgba(255,255,255,0.7);
}
.application--is-rtl .v-messages {
  text-align: right;
}
.v-messages {
  flex: 1 1 auto;
  font-size: 12px;
  min-height: 12px;
  min-width: 1px;
  position: relative;
}
.v-messages__message {
  line-height: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.theme--light.v-divider {
  border-color: rgba(0,0,0,0.12);
}
.theme--dark.v-divider {
  border-color: rgba(255,255,255,0.12);
}
.v-divider {
  display: block;
  flex: 1 1 0px;
  max-width: 100%;
  height: 0px;
  max-height: 0px;
  border: solid;
  border-width: thin 0 0 0;
  transition: inherit;
}
.v-divider--inset:not(.v-divider--vertical) {
  margin-left: 72px;
  max-width: calc(100% - 72px);
}
.v-divider--vertical {
  align-self: stretch;
  border: solid;
  border-width: 0 thin 0 0;
  display: inline-flex;
  height: inherit;
  min-height: 100%;
  max-height: 100%;
  max-width: 0px;
  width: 0px;
  vertical-align: text-bottom;
}
.v-divider--vertical.v-divider--inset {
  margin-top: 8px;
  min-height: 0;
  max-height: calc(100% - 16px);
}

.theme--light.v-subheader {
  color: rgba(0,0,0,0.54);
}
.theme--dark.v-subheader {
  color: rgba(255,255,255,0.7);
}
.v-subheader {
  align-items: center;
  display: flex;
  height: 48px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 16px 0 16px;
}
.v-subheader--inset {
  margin-left: 56px;
}

/* Themes */
.theme--light.v-list {
  background: #fff;
  color: rgba(0,0,0,0.87);
}
.theme--light.v-list .v-list--disabled {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-list .v-list__tile__sub-title {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-list .v-list__tile__mask {
  color: rgba(0,0,0,0.38);
  background: #eee;
}
.theme--light.v-list .v-list__tile--link:hover,
.theme--light.v-list .v-list__tile--highlighted,
.theme--light.v-list .v-list__group__header:hover {
  background: rgba(0,0,0,0.04);
}
.theme--light.v-list .v-list__group--active:before,
.theme--light.v-list .v-list__group--active:after {
  background: rgba(0,0,0,0.12);
}
.theme--light.v-list .v-list__group--disabled .v-list__tile {
  color: rgba(0,0,0,0.38) !important;
}
.theme--light.v-list .v-list__group--disabled .v-list__group__header__prepend-icon .v-icon {
  color: rgba(0,0,0,0.38) !important;
}
.theme--dark.v-list {
  background: #424242;
  color: #fff;
}
.theme--dark.v-list .v-list--disabled {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-list .v-list__tile__sub-title {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-list .v-list__tile__mask {
  color: rgba(255,255,255,0.5);
  background: #494949;
}
.theme--dark.v-list .v-list__tile--link:hover,
.theme--dark.v-list .v-list__tile--highlighted,
.theme--dark.v-list .v-list__group__header:hover {
  background: rgba(255,255,255,0.08);
}
.theme--dark.v-list .v-list__group--active:before,
.theme--dark.v-list .v-list__group--active:after {
  background: rgba(255,255,255,0.12);
}
.theme--dark.v-list .v-list__group--disabled .v-list__tile {
  color: rgba(255,255,255,0.5) !important;
}
.theme--dark.v-list .v-list__group--disabled .v-list__group__header__prepend-icon .v-icon {
  color: rgba(255,255,255,0.5) !important;
}
.application--is-rtl .v-list__tile__title {
  text-align: right;
}
.application--is-rtl .v-list__tile__content {
  text-align: right;
}
.v-list {
  list-style-type: none;
  padding: 8px 0 8px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-list > div {
  transition: inherit;
}
.v-list__tile {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  margin: 0;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-list__tile--link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-list__tile__content,
.v-list__tile__action {
  height: 100%;
}
.v-list__tile__title,
.v-list__tile__sub-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-list__tile__title {
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: left;
}
.v-list__tile__sub-title {
  font-size: 14px;
}
.v-list__tile__avatar {
  display: flex;
  justify-content: flex-start;
  min-width: 56px;
}
.v-list__tile__action {
  display: flex;
  justify-content: flex-start;
  min-width: 56px;
  align-items: center;
}
.v-list__tile__action .v-btn {
  padding: 0;
  margin: 0;
}
.v-list__tile__action .v-btn--icon {
  margin: -6px;
}
.v-list__tile__action .v-radio.v-radio {
  margin: 0;
}
.v-list__tile__action .v-input--selection-controls {
  padding: 0;
  margin: 0;
}
.v-list__tile__action .v-input--selection-controls .v-messages {
  display: none;
}
.v-list__tile__action .v-input--selection-controls .v-input__slot {
  margin: 0;
}
.v-list__tile__action-text {
  color: #9e9e9e;
  font-size: 12px;
}
.v-list__tile__action--stack {
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: nowrap;
  flex-direction: column;
}
.v-list__tile__content {
  text-align: left;
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.v-list__tile__content ~ .v-list__tile__avatar {
  justify-content: flex-end;
}
.v-list__tile__content ~ .v-list__tile__action:not(.v-list__tile__action--stack) {
  justify-content: flex-end;
}
.v-list__tile--active .v-list__tile__action:first-of-type .v-icon {
  color: inherit;
}
.v-list__tile--avatar {
  height: 56px;
}
.v-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list--dense .v-subheader {
  font-size: 13px;
  height: 40px;
}
.v-list--dense .v-list__group .v-subheader {
  height: 40px;
}
.v-list--dense .v-list__tile {
  font-size: 13px;
}
.v-list--dense .v-list__tile--avatar {
  height: 48px;
}
.v-list--dense .v-list__tile:not(.v-list__tile--avatar) {
  height: 40px;
}
.v-list--dense .v-list__tile .v-icon {
  font-size: 22px;
}
.v-list--dense .v-list__tile__sub-title {
  font-size: 13px;
}
.v-list--disabled {
  pointer-events: none;
}
.v-list--two-line .v-list__tile {
  height: 72px;
}
.v-list--two-line.v-list--dense .v-list__tile {
  height: 60px;
}
.v-list--three-line .v-list__tile {
  height: 88px;
}
.v-list--three-line .v-list__tile__avatar {
  margin-top: -18px;
}
.v-list--three-line .v-list__tile__sub-title {
  white-space: initial;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.v-list--three-line.v-list--dense .v-list__tile {
  height: 76px;
}
.v-list > .v-list__group:before {
  top: 0;
}
.v-list > .v-list__group:before .v-list__tile__avatar {
  margin-top: -14px;
}
.v-list__group {
  padding: 0;
  position: relative;
  transition: inherit;
}
.v-list__group:before,
.v-list__group:after {
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-list__group--active ~ .v-list__group:before {
  display: none;
}
.v-list__group__header {
  align-items: center;
  cursor: pointer;
  display: flex;
  list-style-type: none;
}
.v-list__group__header > div:not(.v-list__group__header__prepend-icon):not(.v-list__group__header__append-icon) {
  flex: 1 1 auto;
  overflow: hidden;
}
.v-list__group__header .v-list__group__header__append-icon,
.v-list__group__header .v-list__group__header__prepend-icon {
  padding: 0 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-list__group__header--sub-group {
  align-items: center;
  display: flex;
}
.v-list__group__header--sub-group div .v-list__tile {
  padding-left: 0;
}
.v-list__group__header--sub-group .v-list__group__header__prepend-icon {
  padding: 0 0 0 40px;
  margin-right: 8px;
}
.v-list__group__header .v-list__group__header__prepend-icon {
  display: flex;
  justify-content: flex-start;
  min-width: 56px;
}
.v-list__group__header--active .v-list__group__header__append-icon .v-icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.v-list__group__header--active .v-list__group__header__prepend-icon .v-icon {
  color: inherit;
}
.v-list__group__header--active.v-list__group__header--sub-group .v-list__group__header__prepend-icon .v-icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.v-list__group__items {
  position: relative;
  padding: 0;
  transition: inherit;
}
.v-list__group__items > div {
  display: block;
}
.v-list__group__items--no-action .v-list__tile {
  padding-left: 72px;
}
.v-list__group--disabled {
  pointer-events: none;
}
.v-list--subheader {
  padding-top: 0;
}

.v-avatar {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.v-avatar img,
.v-avatar .v-icon,
.v-avatar .v-image {
  border-radius: 50%;
  display: inline-flex;
  height: inherit;
  width: inherit;
}
.v-avatar--tile {
  border-radius: 0;
}
.v-avatar--tile img,
.v-avatar--tile .v-icon,
.v-avatar--tile .v-image {
  border-radius: 0;
}

/* Theme */
.theme--light.v-counter {
  color: rgba(0,0,0,0.54);
}
.theme--dark.v-counter {
  color: rgba(255,255,255,0.7);
}
.v-counter {
  flex: 0 1 auto;
  font-size: 12px;
  min-height: 12px;
  line-height: 1;
}

.v-progress-linear {
  background: transparent;
  margin: 1rem 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.v-progress-linear__bar {
  width: 100%;
  height: inherit;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  z-index: 1;
}
.v-progress-linear__bar__determinate {
  height: inherit;
  transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
.v-progress-linear__bar__indeterminate .long,
.v-progress-linear__bar__indeterminate .short {
  height: inherit;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  will-change: left, right;
  width: auto;
  background-color: inherit;
}
.v-progress-linear__bar__indeterminate--active .long {
  -webkit-animation: indeterminate;
          animation: indeterminate;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.v-progress-linear__bar__indeterminate--active .short {
  -webkit-animation: indeterminate-short;
          animation: indeterminate-short;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.v-progress-linear__background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transition: 0.3s ease-in;
}
.v-progress-linear__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.v-progress-linear--query .v-progress-linear__bar__indeterminate--active .long {
  -webkit-animation: query;
          animation: query;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.v-progress-linear--query .v-progress-linear__bar__indeterminate--active .short {
  -webkit-animation: query-short;
          animation: query-short;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes indeterminate {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@keyframes indeterminate {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-webkit-keyframes query {
  0% {
    right: -90%;
    left: 100%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: 100%;
    left: -35%;
  }
}
@keyframes query {
  0% {
    right: -90%;
    left: 100%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: 100%;
    left: -35%;
  }
}
@-webkit-keyframes query-short {
  0% {
    right: -200%;
    left: 100%;
  }
  60% {
    right: 107%;
    left: -8%;
  }
  100% {
    right: 107%;
    left: -8%;
  }
}
@keyframes query-short {
  0% {
    right: -200%;
    left: 100%;
  }
  60% {
    right: 107%;
    left: -8%;
  }
  100% {
    right: 107%;
    left: -8%;
  }
}

.application--is-rtl .v-badge__badge {
  right: initial;
  left: -22px;
}
.application--is-rtl .v-badge--overlap .v-badge__badge {
  right: initial;
  left: -8px;
}
.application--is-rtl .v-badge--overlap.v-badge--left .v-badge__badge {
  right: -8px;
  left: initial;
}
.application--is-rtl .v-badge--left .v-badge__badge {
  right: -22px;
  left: initial;
}
.v-badge {
  display: inline-block;
  position: relative;
}
.v-badge__badge {
  color: #fff;
  display: flex;
  position: absolute;
  font-size: 14px;
  top: -11px;
  right: -22px;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-badge__badge .v-icon {
  font-size: 14px;
}
.v-badge--overlap .v-badge__badge {
  top: -8px;
  right: -8px;
}
.v-badge--overlap.v-badge--left .v-badge__badge {
  left: -8px;
  right: initial;
}
.v-badge--overlap.v-badge--bottom .v-badge__badge {
  bottom: -8px;
  top: initial;
}
.v-badge--left .v-badge__badge {
  left: -22px;
}
.v-badge--bottom .v-badge__badge {
  bottom: -11px;
  top: initial;
}

.theme--light.v-bottom-nav {
  background-color: #fff;
}
.theme--light.v-bottom-nav .v-btn:not(.v-btn--active) {
  color: rgba(0,0,0,0.54) !important;
}
.theme--dark.v-bottom-nav {
  background-color: #424242;
}
.theme--dark.v-bottom-nav .v-btn:not(.v-btn--active) {
  color: rgba(255,255,255,0.7) !important;
}
.v-item-group.v-bottom-nav {
  bottom: 0;
  box-shadow: 0 3px 14px 2px rgba(0,0,0,0.12);
  display: flex;
  left: 0;
  justify-content: center;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-item-group.v-bottom-nav--absolute {
  position: absolute;
}
.v-item-group.v-bottom-nav--active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.v-item-group.v-bottom-nav--fixed {
  position: fixed;
  z-index: 4;
}
.v-item-group.v-bottom-nav .v-btn {
  background: transparent !important;
  border-radius: 0;
  box-shadow: none !important;
  font-weight: 400;
  height: 100%;
  margin: 0;
  max-width: 168px;
  min-width: 80px;
  padding: 8px 12px 10px;
  text-transform: none;
  width: 100%;
  flex-shrink: 1;
}
.v-item-group.v-bottom-nav .v-btn .v-btn__content {
  flex-direction: column-reverse;
  font-size: 12px;
  white-space: nowrap;
  will-change: font-size;
}
.v-item-group.v-bottom-nav .v-btn .v-btn__content i.v-icon {
  color: inherit;
  margin-bottom: 4px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-item-group.v-bottom-nav .v-btn .v-btn__content span {
  line-height: 1;
}
.v-item-group.v-bottom-nav .v-btn--active {
  padding-top: 6px;
}
.v-item-group.v-bottom-nav .v-btn--active:before {
  background-color: transparent;
}
.v-item-group.v-bottom-nav .v-btn--active .v-btn__content {
  font-size: 14px;
}
.v-item-group.v-bottom-nav .v-btn--active .v-btn__content .v-icon {
  -webkit-transform: none;
          transform: none;
}
.v-item-group.v-bottom-nav--shift .v-btn__content {
  font-size: 14px;
}
.v-item-group.v-bottom-nav--shift .v-btn {
  transition: all 0.3s;
  min-width: 56px;
  max-width: 96px;
}
.v-item-group.v-bottom-nav--shift .v-btn--active {
  min-width: 96px;
  max-width: 168px;
}
.v-bottom-nav--shift .v-btn:not(.v-btn--active) .v-btn__content .v-icon {
  -webkit-transform: scale(1, 1) translate(0, 8px);
          transform: scale(1, 1) translate(0, 8px);
}
.v-bottom-nav--shift .v-btn:not(.v-btn--active) .v-btn__content > span:not(.v-badge) {
  color: transparent;
}

.v-item-group {
  flex: 0 1 auto;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-item-group > * {
  cursor: pointer;
  flex: 1 1 auto;
}

.v-bottom-sheet.v-dialog {
  align-self: flex-end;
  border-radius: 0;
  flex: 1 0 100%;
  margin: 0;
  min-width: 100%;
  overflow: visible;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-bottom-sheet.v-dialog.v-bottom-sheet--inset {
  max-width: 70%;
  min-width: 0;
}
@media only screen and (max-width: 599px) {
  .v-bottom-sheet.v-dialog.v-bottom-sheet--inset {
    max-width: none;
  }
}

.v-dialog {
  box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12);
  border-radius: 2px;
  margin: 24px;
  overflow-y: auto;
  pointer-events: auto;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 100%;
  z-index: inherit;
}
.v-dialog__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 100%;
  z-index: 6;
  outline: none;
}
.v-dialog:not(.v-dialog--fullscreen) {
  max-height: 90%;
}
.v-dialog__activator {
  cursor: pointer;
}
.v-dialog__activator * {
  cursor: pointer;
}
.v-dialog__container {
  display: inline-block;
  vertical-align: middle;
}
.v-dialog--animated {
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-name: animate-dialog;
          animation-name: animate-dialog;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
          animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-dialog--fullscreen {
  border-radius: 0;
  margin: 0;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  top: 0;
  left: 0;
}
.v-dialog--fullscreen > .v-card {
  min-height: 100%;
  min-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.v-dialog--scrollable,
.v-dialog--scrollable > form {
  display: flex;
}
.v-dialog--scrollable > .v-card,
.v-dialog--scrollable > form > .v-card {
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
  flex-direction: column;
}
.v-dialog--scrollable > .v-card > .v-card__title,
.v-dialog--scrollable > form > .v-card > .v-card__title,
.v-dialog--scrollable > .v-card > .v-card__actions,
.v-dialog--scrollable > form > .v-card > .v-card__actions {
  flex: 1 0 auto;
}
.v-dialog--scrollable > .v-card > .v-card__text,
.v-dialog--scrollable > form > .v-card > .v-card__text {
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes animate-dialog {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes animate-dialog {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.v-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  z-index: 5;
}
.v-overlay--absolute {
  position: absolute;
}
.v-overlay:before {
  background-color: #212121;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: inherit;
  transition-delay: 150ms;
  width: 100%;
}
.v-overlay--active {
  pointer-events: auto;
  touch-action: none;
}
.v-overlay--active:before {
  opacity: 0.46;
}

.theme--light.v-breadcrumbs .v-breadcrumbs__divider,
.theme--light.v-breadcrumbs .v-breadcrumbs__item--disabled {
  color: rgba(0,0,0,0.38);
}
.theme--dark.v-breadcrumbs .v-breadcrumbs__divider,
.theme--dark.v-breadcrumbs .v-breadcrumbs__item--disabled {
  color: rgba(255,255,255,0.5);
}
.v-breadcrumbs {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
  list-style-type: none;
  margin: 0;
  padding: 18px 12px;
}
.v-breadcrumbs li {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
}
.v-breadcrumbs li .v-icon {
  font-size: 16px;
}
.v-breadcrumbs li:nth-child(even) {
  padding: 0 12px;
}
.v-breadcrumbs--large li {
  font-size: 16px;
}
.v-breadcrumbs--large li .v-icon {
  font-size: 16px;
}
.v-breadcrumbs__item {
  align-items: center;
  display: inline-flex;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-breadcrumbs__item--disabled {
  pointer-events: none;
}

.v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.v-ripple__animation--enter {
  transition: none;
}
.v-ripple__animation--in {
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.theme--light.v-btn {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-btn.v-btn--disabled {
  color: rgba(0,0,0,0.26) !important;
}
.theme--light.v-btn.v-btn--disabled .v-icon,
.theme--light.v-btn.v-btn--disabled .v-btn__loading {
  color: rgba(0,0,0,0.26) !important;
}
.theme--light.v-btn.v-btn--disabled:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn--outline) {
  background-color: rgba(0,0,0,0.12) !important;
}
.theme--light.v-btn:not(.v-btn--icon):not(.v-btn--flat) {
  background-color: #f5f5f5;
}
.theme--dark.v-btn {
  color: #fff;
}
.theme--dark.v-btn.v-btn--disabled {
  color: rgba(255,255,255,0.3) !important;
}
.theme--dark.v-btn.v-btn--disabled .v-icon,
.theme--dark.v-btn.v-btn--disabled .v-btn__loading {
  color: rgba(255,255,255,0.3) !important;
}
.theme--dark.v-btn.v-btn--disabled:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn--outline) {
  background-color: rgba(255,255,255,0.12) !important;
}
.theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat) {
  background-color: #212121;
}
/** Base Spec */
.v-btn {
  align-items: center;
  border-radius: 2px;
  display: inline-flex;
  height: 36px;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  margin: 6px 8px;
  min-width: 88px;
  outline: 0;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/** Psuedo */
.v-btn:before {
  border-radius: inherit;
  color: inherit;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.12;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
/** Content */
.v-btn {
  padding: 0 16px;
}
.v-btn--active,
.v-btn:hover,
.v-btn:focus {
  position: relative;
}
.v-btn--active:before,
.v-btn:hover:before,
.v-btn:focus:before {
  background-color: currentColor;
}
.v-btn__content {
  align-items: center;
  border-radius: inherit;
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
  width: inherit;
}
/** Sizes */
.v-btn--small {
  font-size: 13px;
  height: 28px;
  padding: 0 8px;
}
.v-btn--large {
  font-size: 15px;
  height: 44px;
  padding: 0 32px;
}
/** Icons */
.v-btn .v-btn__content .v-icon {
  color: inherit;
}
/** Types */
.v-btn:not(.v-btn--depressed):not(.v-btn--flat) {
  will-change: box-shadow;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-btn:not(.v-btn--depressed):not(.v-btn--flat):active {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
}
.v-btn--icon {
  background: transparent;
  box-shadow: none !important;
  border-radius: 50%;
  justify-content: center;
  min-width: 0;
  width: 36px;
}
.v-btn--icon.v-btn--small {
  width: 28px;
}
.v-btn--icon.v-btn--large {
  width: 44px;
}
.v-btn--icon:before {
  border-radius: 50%;
}
.v-btn--floating {
  border-radius: 50%;
  min-width: 0;
  height: 56px;
  width: 56px;
  padding: 0;
}
.v-btn--floating.v-btn--fixed,
.v-btn--floating.v-btn--absolute {
  z-index: 4;
}
.v-btn--floating:not(.v-btn--depressed):not(.v-btn--flat) {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);
}
.v-btn--floating:not(.v-btn--depressed):not(.v-btn--flat):active {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2), 0px 12px 17px 2px rgba(0,0,0,0.14), 0px 5px 22px 4px rgba(0,0,0,0.12);
}
.v-btn--floating .v-btn__content {
  flex: 1 1 auto;
  margin: 0;
  height: 100%;
}
.v-btn--floating:after {
  border-radius: 50%;
}
.v-btn--floating .v-btn__content > :not(:only-child) {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-btn--floating .v-btn__content > :not(:only-child):first-child {
  opacity: 1;
}
.v-btn--floating .v-btn__content > :not(:only-child):last-child {
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.v-btn--floating .v-btn__content > :not(:only-child):last-child,
.v-btn--floating .v-btn__content > :not(:only-child):first-child {
  -webkit-backface-visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.v-btn--floating.v-btn--active .v-btn__content > :not(:only-child):first-child {
  opacity: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.v-btn--floating.v-btn--active .v-btn__content > :not(:only-child):last-child {
  opacity: 1;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.v-btn--floating .v-icon {
  height: inherit;
  width: inherit;
}
.v-btn--floating.v-btn--small {
  height: 40px;
  width: 40px;
}
.v-btn--floating.v-btn--small .v-icon {
  font-size: 18px;
}
.v-btn--floating.v-btn--large {
  height: 72px;
  width: 72px;
}
.v-btn--floating.v-btn--large .v-icon {
  font-size: 30px;
}
.v-btn--reverse .v-btn__content {
  flex-direction: row-reverse;
}
.v-btn--reverse.v-btn--column .v-btn__content {
  flex-direction: column-reverse;
}
.v-btn--fixed,
.v-btn--absolute {
  margin: 0;
}
.v-btn.v-btn--absolute {
  position: absolute;
}
.v-btn.v-btn--fixed {
  position: fixed;
}
.v-btn--top:not(.v-btn--absolute) {
  top: 16px;
}
.v-btn--top.v-btn--absolute {
  top: -28px;
}
.v-btn--top.v-btn--absolute.v-btn--small {
  top: -20px;
}
.v-btn--top.v-btn--absolute.v-btn--large {
  top: -36px;
}
.v-btn--bottom:not(.v-btn--absolute) {
  bottom: 16px;
}
.v-btn--bottom.v-btn--absolute {
  bottom: -28px;
}
.v-btn--bottom.v-btn--absolute.v-btn--small {
  bottom: -20px;
}
.v-btn--bottom.v-btn--absolute.v-btn--large {
  bottom: -36px;
}
.v-btn--left {
  left: 16px;
}
.v-btn--right {
  right: 16px;
}
/** Disabled */
.v-btn.v-btn--disabled {
  box-shadow: none !important;
  pointer-events: none;
}
.v-btn:not(.v-btn--disabled):not(.v-btn--floating):not(.v-btn--icon) .v-btn__content .v-icon {
  transition: none;
}
.v-btn--icon {
  padding: 0;
}
/** Loader */
.v-btn--loader {
  pointer-events: none;
}
.v-btn--loader .v-btn__content {
  opacity: 0;
}
.v-btn__loading {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v-btn__loading .v-icon--left {
  margin-right: 1rem;
  line-height: inherit;
}
.v-btn__loading .v-icon--right {
  margin-left: 1rem;
  line-height: inherit;
}
/** Custom Buttons */
.v-btn.v-btn--outline {
  border: 1px solid currentColor;
  background: transparent !important;
  box-shadow: none;
}
.v-btn.v-btn--outline:hover {
  box-shadow: none;
}
.v-btn--block {
  display: flex;
  flex: 1;
  margin: 6px 0;
  width: 100%;
}
.v-btn--round {
  border-radius: 28px;
}
.v-btn--round:after {
  border-radius: 28px;
}
/** Themes */
.v-btn:not(.v-btn--outline).primary,
.v-btn:not(.v-btn--outline).secondary,
.v-btn:not(.v-btn--outline).accent,
.v-btn:not(.v-btn--outline).success,
.v-btn:not(.v-btn--outline).error,
.v-btn:not(.v-btn--outline).warning,
.v-btn:not(.v-btn--outline).info {
  color: #fff;
}
@media (hover: none) {
  .v-btn:hover::before {
    background-color: transparent;
  }
}

.v-progress-circular {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.v-progress-circular svg {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.v-progress-circular--indeterminate svg {
  -webkit-animation: progress-circular-rotate 1.4s linear infinite;
          animation: progress-circular-rotate 1.4s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.v-progress-circular--indeterminate .v-progress-circular__overlay {
  -webkit-animation: progress-circular-dash 1.4s ease-in-out infinite;
          animation: progress-circular-dash 1.4s ease-in-out infinite;
  stroke-linecap: round;
  stroke-dasharray: 80, 200;
  stroke-dashoffset: 0px;
}
.v-progress-circular__underlay {
  stroke: rgba(0,0,0,0.1);
  z-index: 1;
}
.v-progress-circular__overlay {
  stroke: currentColor;
  z-index: 2;
  transition: all 0.6s ease-in-out;
}
.v-progress-circular__info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@-webkit-keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -125px;
  }
}
@keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -125px;
  }
}
@-webkit-keyframes progress-circular-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes progress-circular-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/** Themes */
.theme--light.v-btn-toggle {
  background: #fff;
}
.theme--light.v-btn-toggle .v-btn {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-btn-toggle:not(.v-btn-toggle--only-child) .v-btn.v-btn--active:not(:last-child) {
  border-right-color: rgba(0,0,0,0.26);
}
.theme--dark.v-btn-toggle {
  background: #424242;
}
.theme--dark.v-btn-toggle .v-btn {
  color: #fff;
}
.theme--dark.v-btn-toggle:not(.v-btn-toggle--only-child) .v-btn.v-btn--active:not(:last-child) {
  border-right-color: rgba(255,255,255,0.3);
}
.v-btn-toggle {
  display: inline-flex;
  border-radius: 2px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  will-change: background, box-shadow;
}
.v-btn-toggle .v-btn {
  justify-content: center;
  min-width: auto;
  width: auto;
  padding: 0 8px;
  margin: 0;
  opacity: 0.4;
  border-radius: 0;
}
.v-btn-toggle .v-btn:not(:last-child) {
  border-right: 1px solid transparent;
}
.v-btn-toggle .v-btn:after {
  display: none;
}
.v-btn-toggle .v-btn.v-btn--active {
  opacity: 1;
}
.v-btn-toggle .v-btn span + .v-icon {
  font-size: initial;
  margin-left: 10px;
}
.v-btn-toggle .v-btn:first-child {
  border-radius: 2px 0 0 2px;
}
.v-btn-toggle .v-btn:last-child {
  border-radius: 0 2px 2px 0;
}
.v-btn-toggle--selected {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}

.theme--light.v-calendar-weekly {
  background-color: #fff;
}
.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday {
  border-right: #e0e0e0 1px solid;
  color: #000;
}
.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday.v-past {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
  background-color: #f7f7f7;
}
.theme--light.v-calendar-weekly .v-calendar-weekly__day {
  border-right: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
  color: #000;
}
.theme--light.v-calendar-weekly .v-calendar-weekly__day.v-outside {
  background-color: #f7f7f7;
}
.theme--dark.v-calendar-weekly {
  background-color: #303030;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weekday {
  border-right: #9e9e9e 1px solid;
  color: #fff;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weekday.v-past {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
  background-color: #202020;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__day {
  border-right: #9e9e9e 1px solid;
  border-bottom: #9e9e9e 1px solid;
  color: #fff;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__day.v-outside {
  background-color: #202020;
}
.v-calendar-weekly {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.v-calendar-weekly__head {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-calendar-weekly__head-weekday {
  flex: 1 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0px 4px 0px 4px;
  font-size: 14px;
}
.v-calendar-weekly__week {
  display: flex;
  flex: 1;
}
.v-calendar-weekly__day {
  flex: 1;
  width: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding: 32px 4px 4px 4px;
}
.v-calendar-weekly__day.v-present .v-calendar-weekly__day-label {
  border: 1px solid currentColor;
}
.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
  color: currentColor;
}
.v-calendar-weekly__day-label {
  position: absolute;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  left: 0;
  top: 0;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.v-calendar-weekly__day-label:hover {
  text-decoration: underline;
}
.v-calendar-weekly__day-month {
  position: absolute;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: none;
  top: 0;
  left: 36px;
  height: 32px;
  line-height: 32px;
}

.theme--light.v-calendar-daily {
  background-color: #fff;
}
.theme--light.v-calendar-daily .v-calendar-daily__intervals-head {
  border-right: #e0e0e0 1px solid;
}
.theme--light.v-calendar-daily .v-calendar-daily_head-day {
  border-right: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
  color: #000;
}
.theme--light.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
.theme--light.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-calendar-daily .v-calendar-daily__intervals-body {
  border-right: #e0e0e0 1px solid;
}
.theme--light.v-calendar-daily .v-calendar-daily__intervals-body .v-calendar-daily__interval-text {
  color: #424242;
}
.theme--light.v-calendar-daily .v-calendar-daily__day {
  border-right: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
}
.theme--light.v-calendar-daily .v-calendar-daily__day-interval {
  border-top: #e0e0e0 1px solid;
}
.theme--light.v-calendar-daily .v-calendar-daily__day-interval:first-child {
  border-top: none !important;
}
.theme--dark.v-calendar-daily {
  background-color: #303030;
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-head {
  border-right: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily_head-day {
  border-right: #9e9e9e 1px solid;
  border-bottom: #9e9e9e 1px solid;
  color: #fff;
}
.theme--dark.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
.theme--dark.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-body {
  border-right: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-body .v-calendar-daily__interval-text {
  color: #eee;
}
.theme--dark.v-calendar-daily .v-calendar-daily__day {
  border-right: #616161 1px solid;
  border-bottom: #616161 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__day-interval {
  border-top: #616161 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__day-interval:first-child {
  border-top: none !important;
}
.v-calendar-daily {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.v-calendar-daily__head {
  flex: none;
  display: flex;
}
.v-calendar-daily__intervals-head {
  flex: none;
  width: 44px;
}
.v-calendar-daily_head-day {
  flex: 1 1 auto;
  width: 0;
}
.v-calendar-daily_head-weekday {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 4px 4px 4px 8px;
  font-size: 14px;
}
.v-calendar-daily_head-day-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 40px;
  padding: 0px 4px 4px 8px;
  line-height: 40px;
  cursor: pointer;
}
.v-calendar-daily_head-day-label:hover {
  text-decoration: underline;
}
.v-calendar-daily__body {
  flex: 1 1 60%;
  overflow: hidden;
  display: flex;
  position: relative;
  flex-direction: column;
}
.v-calendar-daily__scroll-area {
  overflow-y: scroll;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
}
.v-calendar-daily__pane {
  width: 100%;
  overflow-y: hidden;
  flex: none;
  display: flex;
  align-items: flex-start;
}
.v-calendar-daily__day-container {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.v-calendar-daily__intervals-body {
  flex: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 44px;
}
.v-calendar-daily__interval {
  text-align: center;
  border-bottom: none;
}
.v-calendar-daily__interval-text {
  display: block;
  position: relative;
  top: -6px;
  font-size: 10px;
}
.v-calendar-daily__day {
  flex: 1;
  width: 0;
  position: relative;
}

/* Themes */
.theme--light.v-sheet {
  background-color: #fff;
  border-color: #fff;
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-sheet {
  background-color: #424242;
  border-color: #424242;
  color: #fff;
}
.v-sheet {
  display: block;
  border-radius: 2px;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-sheet--tile {
  border-radius: 0;
}

.v-image {
  z-index: 0;
}
.v-image__image,
.v-image__placeholder {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-image__image {
  background-repeat: no-repeat;
}
.v-image__image--preload {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.v-image__image--contain {
  background-size: contain;
}
.v-image__image--cover {
  background-size: cover;
}

.v-responsive {
  position: relative;
  overflow: hidden;
  flex: 1 0 auto;
  display: flex;
}
.v-responsive__content {
  flex: 1 0 0px;
}
.v-responsive__sizer {
  transition: padding-bottom 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
  flex: 0 0 0px;
}

.application--is-rtl .v-carousel__prev {
  left: auto;
  right: 5px;
}
.application--is-rtl .v-carousel__next {
  left: 5px;
  right: auto;
}
.v-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-carousel__prev,
.v-carousel__next {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.v-carousel__prev .v-btn,
.v-carousel__next .v-btn {
  margin: 0;
  height: auto;
  width: auto;
}
.v-carousel__prev .v-btn i,
.v-carousel__next .v-btn i {
  font-size: 48px;
}
.v-carousel__prev .v-btn:hover,
.v-carousel__next .v-btn:hover {
  background: none;
}
.v-carousel__prev {
  left: 5px;
}
.v-carousel__next {
  right: 5px;
}
.v-carousel__controls {
  background: rgba(0,0,0,0.5);
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  height: 50px;
  list-style-type: none;
  width: 100%;
  z-index: 1;
}
.v-carousel__controls > .v-item-group {
  flex: 0 1 auto;
}
.v-carousel__controls__item {
  margin: 0 8px !important;
}
.v-carousel__controls__item .v-icon {
  opacity: 0.5;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-carousel__controls__item--active .v-icon {
  opacity: 1;
  vertical-align: middle;
}
.v-carousel__controls__item:hover {
  background: none;
}
.v-carousel__controls__item:hover .v-icon {
  opacity: 0.8;
}

.v-window__container {
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window__container--is-active {
  overflow: hidden;
}
.v-window-x-transition-enter-active,
.v-window-x-reverse-transition-enter-active,
.v-window-y-transition-enter-active,
.v-window-y-reverse-transition-enter-active,
.v-window-x-transition-leave-active,
.v-window-x-reverse-transition-leave-active,
.v-window-y-transition-leave-active,
.v-window-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window-x-transition-leave,
.v-window-x-reverse-transition-leave,
.v-window-y-transition-leave,
.v-window-y-reverse-transition-leave,
.v-window-x-transition-leave-to,
.v-window-x-reverse-transition-leave-to,
.v-window-y-transition-leave-to,
.v-window-y-reverse-transition-leave-to {
  position: absolute !important;
  top: 0;
  width: 100%;
}
.v-window-x-transition-enter {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.v-window-x-transition-leave-to {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.v-window-x-reverse-transition-enter {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.v-window-x-reverse-transition-leave-to {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.v-window-y-transition-enter {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.v-window-y-transition-leave-to {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.v-window-y-reverse-transition-enter {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.v-window-y-reverse-transition-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.theme--light.v-data-iterator .v-data-iterator__actions {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-data-iterator .v-data-iterator__actions__select .v-select .v-select__selection--comma {
  color: rgba(0,0,0,0.54) !important;
}
.theme--light.v-data-iterator .v-data-iterator__actions__select .v-select .v-input__append-inner {
  color: rgba(0,0,0,0.54) !important;
}
.theme--dark.v-data-iterator .v-data-iterator__actions {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-data-iterator .v-data-iterator__actions__select .v-select .v-select__selection--comma {
  color: rgba(255,255,255,0.7) !important;
}
.theme--dark.v-data-iterator .v-data-iterator__actions__select .v-select .v-input__append-inner {
  color: rgba(255,255,255,0.7) !important;
}
/** Actions */
.v-data-iterator__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  flex-wrap: wrap-reverse;
}
.v-data-iterator__actions .v-btn {
  color: inherit;
}
.v-data-iterator__actions .v-btn:last-of-type {
  margin-left: 14px;
}
.v-data-iterator__actions__range-controls {
  display: flex;
  align-items: center;
  min-height: 48px;
}
.v-data-iterator__actions__pagination {
  display: block;
  text-align: center;
  margin: 0 32px 0 24px;
}
.v-data-iterator__actions__select {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 14px;
  white-space: nowrap;
}
.v-data-iterator__actions__select .v-select {
  flex: 0 1 0;
  margin: 13px 0 13px 34px;
  padding: 0;
  position: initial;
}
.v-data-iterator__actions__select .v-select__selections {
  flex-wrap: nowrap;
}
.v-data-iterator__actions__select .v-select__selections .v-select__selection--comma {
  font-size: 12px;
}

.theme--light.v-overflow-btn .v-input__control::before,
.theme--light.v-overflow-btn .v-input__slot::before {
  background-color: rgba(0,0,0,0.12) !important;
}
.theme--light.v-overflow-btn.v-text-field--outline .v-input__control::before,
.theme--light.v-overflow-btn.v-text-field--outline .v-input__slot::before {
  background-color: transparent !important;
}
.theme--light.v-overflow-btn--segmented .v-input__append-inner,
.theme--light.v-overflow-btn--editable:hover .v-input__append-inner,
.theme--light.v-overflow-btn--editable.v-input--is-focused .v-input__append-inner,
.theme--light.v-overflow-btn--editable.v-select--is-menu-active .v-input__append-inner {
  border-left: 1px solid rgba(0,0,0,0.12);
}
.theme--light.v-overflow-btn:hover .v-input__slot,
.theme--light.v-overflow-btn.v-input--is-focused .v-input__slot,
.theme--light.v-overflow-btn.v-select--is-menu-active .v-input__slot {
  background: #fff;
}
.theme--dark.v-overflow-btn .v-input__control::before,
.theme--dark.v-overflow-btn .v-input__slot::before {
  background-color: rgba(255,255,255,0.12) !important;
}
.theme--dark.v-overflow-btn.v-text-field--outline .v-input__control::before,
.theme--dark.v-overflow-btn.v-text-field--outline .v-input__slot::before {
  background-color: transparent !important;
}
.theme--dark.v-overflow-btn--segmented .v-input__append-inner,
.theme--dark.v-overflow-btn--editable:hover .v-input__append-inner,
.theme--dark.v-overflow-btn--editable.v-input--is-focused .v-input__append-inner,
.theme--dark.v-overflow-btn--editable.v-select--is-menu-active .v-input__append-inner {
  border-left: 1px solid rgba(255,255,255,0.12);
}
.theme--dark.v-overflow-btn:hover .v-input__slot,
.theme--dark.v-overflow-btn.v-input--is-focused .v-input__slot,
.theme--dark.v-overflow-btn.v-select--is-menu-active .v-input__slot {
  background: #424242;
}
.v-overflow-btn {
  margin-top: 12px;
  padding-top: 0;
}
.v-overflow-btn:not(.v-overflow-btn--editable) > .v-input__control > .v-input__slot {
  cursor: pointer;
}
.v-overflow-btn .v-select__slot {
  height: 48px;
}
.v-overflow-btn .v-select__slot input {
  margin-left: 16px;
  cursor: pointer;
}
.v-overflow-btn .v-select__selection--comma:first-child {
  margin-left: 16px;
}
.v-overflow-btn .v-input__slot {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-overflow-btn .v-input__slot::after {
  content: none;
}
.v-overflow-btn .v-label {
  margin-left: 16px;
  top: calc(50% - 10px);
}
.v-overflow-btn .v-input__append-inner {
  width: 48px;
  height: 48px;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  padding: 0;
  flex-shrink: 0;
}
.v-overflow-btn .v-input__append-outer,
.v-overflow-btn .v-input__prepend-outer {
  margin-top: 12px;
  margin-bottom: 12px;
}
.v-overflow-btn .v-input__control::before {
  height: 1px;
  top: -1px;
  content: '';
  left: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-overflow-btn.v-input--is-focused .v-input__slot,
.v-overflow-btn.v-select--is-menu-active .v-input__slot {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-overflow-btn .v-select__selections {
  width: 0px;
}
.v-overflow-btn--segmented .v-select__selections {
  flex-wrap: nowrap;
}
.v-overflow-btn--segmented .v-select__selections .v-btn {
  border-radius: 0;
  margin: 0;
  margin-right: -16px;
  height: 48px;
  width: 100%;
}
.v-overflow-btn--segmented .v-select__selections .v-btn__content {
  justify-content: start;
}
.v-overflow-btn--segmented .v-select__selections .v-btn__content::before {
  background-color: transparent;
}
.v-overflow-btn--editable .v-select__slot input {
  cursor: text;
}
.v-overflow-btn--editable .v-input__append-inner,
.v-overflow-btn--editable .v-input__append-inner * {
  cursor: pointer;
}

/* Theme */
.theme--light.v-table {
  background-color: #fff;
  color: rgba(0,0,0,0.87);
}
.theme--light.v-table thead tr:first-child {
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
.theme--light.v-table thead th {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-table tbody tr:not(:first-child) {
  border-top: 1px solid rgba(0,0,0,0.12);
}
.theme--light.v-table tbody tr[active] {
  background: #f5f5f5;
}
.theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) {
  background: #eee;
}
.theme--light.v-table tfoot tr {
  border-top: 1px solid rgba(0,0,0,0.12);
}
.theme--dark.v-table {
  background-color: #424242;
  color: #fff;
}
.theme--dark.v-table thead tr:first-child {
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.theme--dark.v-table thead th {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-table tbody tr:not(:first-child) {
  border-top: 1px solid rgba(255,255,255,0.12);
}
.theme--dark.v-table tbody tr[active] {
  background: #505050;
}
.theme--dark.v-table tbody tr:hover:not(.v-datatable__expand-row) {
  background: #616161;
}
.theme--dark.v-table tfoot tr {
  border-top: 1px solid rgba(255,255,255,0.12);
}
.v-table__overflow {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
table.v-table {
  border-radius: 2px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
table.v-table thead td:not(:nth-child(1)),
table.v-table tbody td:not(:nth-child(1)),
table.v-table thead th:not(:nth-child(1)),
table.v-table tbody th:not(:nth-child(1)),
table.v-table thead td:first-child,
table.v-table tbody td:first-child,
table.v-table thead th:first-child,
table.v-table tbody th:first-child {
  padding: 0 24px;
}
table.v-table thead tr {
  height: 56px;
}
table.v-table thead th {
  font-weight: 500;
  font-size: 12px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
table.v-table thead th.sortable {
  pointer-events: auto;
}
table.v-table thead th > div {
  width: 100%;
}
table.v-table tbody tr {
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  will-change: background;
}
table.v-table tbody td,
table.v-table tbody th {
  height: 48px;
}
table.v-table tbody td {
  font-weight: 400;
  font-size: 13px;
}
table.v-table .input-group--selection-controls {
  padding: 0;
}
table.v-table .input-group--selection-controls .input-group__details {
  display: none;
}
table.v-table .input-group--selection-controls.checkbox .v-icon {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
table.v-table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
table.v-table tfoot tr {
  height: 48px;
}
table.v-table tfoot tr td {
  padding: 0 24px;
}

/* Theme */
.theme--light.v-datatable thead th.column.sortable .v-icon {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-datatable thead th.column.sortable:hover {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-datatable thead th.column.sortable.active {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-datatable thead th.column.sortable.active .v-icon {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-datatable .v-datatable__actions {
  background-color: #fff;
  color: rgba(0,0,0,0.54);
  border-top: 1px solid rgba(0,0,0,0.12);
}
.theme--light.v-datatable .v-datatable__expand-col--expanded {
  border-bottom: 1px solid #e0e0e0;
}
.theme--dark.v-datatable thead th.column.sortable .v-icon {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-datatable thead th.column.sortable:hover {
  color: #fff;
}
.theme--dark.v-datatable thead th.column.sortable.active {
  color: #fff;
}
.theme--dark.v-datatable thead th.column.sortable.active .v-icon {
  color: #fff;
}
.theme--dark.v-datatable .v-datatable__actions {
  background-color: #424242;
  color: rgba(255,255,255,0.7);
  border-top: 1px solid rgba(255,255,255,0.12);
}
.theme--dark.v-datatable .v-datatable__expand-col--expanded {
  border-bottom: 1px solid #616161;
}
.v-datatable .v-input--selection-controls {
  margin: 0;
  padding: 0;
}
.v-datatable thead th.column.sortable {
  cursor: pointer;
  outline: 0;
}
.v-datatable thead th.column.sortable .v-icon {
  font-size: 16px;
  display: inline-block;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-datatable thead th.column.sortable:focus .v-icon,
.v-datatable thead th.column.sortable:hover .v-icon {
  opacity: 0.6;
}
.v-datatable thead th.column.sortable.active {
  -webkit-transform: none;
          transform: none;
}
.v-datatable thead th.column.sortable.active .v-icon {
  opacity: 1;
}
.v-datatable thead th.column.sortable.active.desc .v-icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
/** Actions */
.v-datatable__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  flex-wrap: wrap-reverse;
}
.v-datatable__actions .v-btn {
  color: inherit;
}
.v-datatable__actions .v-btn:last-of-type {
  margin-left: 14px;
}
.v-datatable__actions__range-controls {
  display: flex;
  align-items: center;
  min-height: 48px;
}
.v-datatable__actions__pagination {
  display: block;
  text-align: center;
  margin: 0 32px 0 24px;
}
.v-datatable__actions__select {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 14px;
  white-space: nowrap;
}
.v-datatable__actions__select .v-select {
  flex: 0 1 0;
  margin: 13px 0 13px 34px;
  padding: 0;
  position: initial;
}
.v-datatable__actions__select .v-select__selections {
  flex-wrap: nowrap;
}
.v-datatable__actions__select .v-select__selections .v-select__selection--comma {
  font-size: 12px;
}
.v-datatable__progress {
  height: auto !important;
}
.v-datatable__progress tr,
.v-datatable__progress td,
.v-datatable__progress th {
  height: auto !important;
}
.v-datatable__progress th {
  padding: 0 !important;
}
.v-datatable__progress th .v-progress-linear {
  margin: 0;
}
.v-datatable__expand-row {
  border-top: none !important;
}
.v-datatable__expand-col {
  padding: 0 !important;
  height: 0px !important;
  visibility: hidden;
}
.v-datatable__expand-col--expanded {
  visibility: visible;
}
.v-datatable__expand-content {
  transition: height 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-datatable__expand-content > .card {
  border-radius: 0;
  box-shadow: none;
}

.theme--light.v-small-dialog a {
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-small-dialog a {
  color: #fff;
}
.theme--light.v-small-dialog__content {
  background: #fff;
}
.theme--dark.v-small-dialog__content {
  background: #424242;
}
.theme--light.v-small-dialog__actions {
  background: #fff;
}
.theme--dark.v-small-dialog__actions {
  background: #424242;
}
.v-small-dialog {
  display: block;
  width: 100%;
  height: 100%;
}
.v-small-dialog__content {
  padding: 0 24px;
}
.v-small-dialog__actions {
  text-align: right;
  white-space: pre;
}
.v-small-dialog a {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
}
.v-small-dialog a > * {
  width: 100%;
}
.v-small-dialog .v-menu__activator {
  height: 100%;
}

.application--is-rtl .v-date-picker-title .v-picker__title__btn {
  text-align: right;
}
.v-date-picker-title {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  line-height: 1;
}
.v-date-picker-title__year {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.v-date-picker-title__date {
  font-size: 34px;
  text-align: left;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  padding-bottom: 8px;
  margin-bottom: -8px;
}
.v-date-picker-title__date > div {
  position: relative;
}
.v-date-picker-title--disabled {
  pointer-events: none;
}

.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus) {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-date-picker-header .v-date-picker-header__value--disabled button {
  color: rgba(0,0,0,0.38);
}
.theme--dark.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus) {
  color: #fff;
}
.theme--dark.v-date-picker-header .v-date-picker-header__value--disabled button {
  color: rgba(255,255,255,0.5);
}
.v-date-picker-header {
  padding: 4px 16px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.v-date-picker-header .v-btn {
  margin: 0;
  z-index: auto;
}
.v-date-picker-header .v-icon {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-date-picker-header__value {
  flex: 1;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.v-date-picker-header__value div {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-date-picker-header__value button {
  cursor: pointer;
  font-weight: bold;
  outline: none;
  padding: 0.5rem;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-date-picker-header--disabled {
  pointer-events: none;
}

.theme--light.v-date-picker-table th,
.theme--light.v-date-picker-table .v-date-picker-table--date__week {
  color: rgba(0,0,0,0.38);
}
.theme--dark.v-date-picker-table th,
.theme--dark.v-date-picker-table .v-date-picker-table--date__week {
  color: rgba(255,255,255,0.5);
}
.v-date-picker-table {
  position: relative;
  padding: 0 12px;
  height: 242px;
}
.v-date-picker-table table {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  top: 0;
  table-layout: fixed;
  width: 100%;
}
.v-date-picker-table td,
.v-date-picker-table th {
  text-align: center;
  position: relative;
}
.v-date-picker-table th {
  font-size: 12px;
}
.v-date-picker-table--date .v-btn {
  height: 32px;
  width: 32px;
}
.v-date-picker-table .v-btn {
  z-index: auto;
  margin: 0;
  font-size: 12px;
}
.v-date-picker-table .v-btn.v-btn--active {
  color: #fff;
}
.v-date-picker-table--month td {
  width: 33.333333%;
  height: 56px;
  vertical-align: middle;
  text-align: center;
}
.v-date-picker-table--month td .v-btn {
  margin: 0 auto;
  max-width: 160px;
  min-width: 40px;
  width: 100%;
}
.v-date-picker-table--date th {
  padding: 8px 0;
  font-weight: 600;
}
.v-date-picker-table--date td {
  width: 45px;
}
.v-date-picker-table__events {
  height: 8px;
  left: 0;
  position: absolute;
  text-align: center;
  white-space: pre;
  width: 100%;
}
.v-date-picker-table__events > div {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 0 1px;
  width: 8px;
}
.v-date-picker-table--date .v-date-picker-table__events {
  bottom: 6px;
}
.v-date-picker-table--month .v-date-picker-table__events {
  bottom: 8px;
}
.v-date-picker-table--disabled {
  pointer-events: none;
}

.v-date-picker-years {
  font-size: 16px;
  font-weight: 400;
  height: 286px;
  list-style-type: none;
  overflow: auto;
  padding: 0;
  text-align: center;
}
.v-date-picker-years li {
  cursor: pointer;
  padding: 8px 0;
  transition: none;
}
.v-date-picker-years li.active {
  font-size: 26px;
  font-weight: 500;
  padding: 10px 0;
}
.v-date-picker-years li:hover {
  background: rgba(0,0,0,0.12);
}
.v-picker--landscape .v-date-picker-years {
  height: 286px;
}

/* Themes */
.theme--light.v-picker__title {
  background: #e0e0e0;
}
.theme--dark.v-picker__title {
  background: #616161;
}
.theme--light.v-picker__body {
  background: #fff;
}
.theme--dark.v-picker__body {
  background: #424242;
}
.v-picker {
  border-radius: 2px;
  contain: layout style;
  display: inline-flex;
  flex-direction: column;
  vertical-align: top;
  position: relative;
}
.v-picker--full-width {
  display: flex;
}
.v-picker__title {
  color: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 16px;
}
.v-picker__title__btn {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-picker__title__btn:not(.v-picker__title__btn--active) {
  opacity: 0.6;
  cursor: pointer;
}
.v-picker__title__btn:not(.v-picker__title__btn--active):hover:not(:focus) {
  opacity: 1;
}
.v-picker__title__btn--readonly {
  pointer-events: none;
}
.v-picker__title__btn--active {
  opacity: 1;
}
.v-picker__body {
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.v-picker__body > div {
  width: 100%;
}
.v-picker__body > div.fade-transition-leave-active {
  position: absolute;
}
.v-picker--landscape .v-picker__title {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 170px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
}
.v-picker--landscape .v-picker__body,
.v-picker--landscape .v-picker__actions {
  margin-left: 170px;
}

/** Theme */
.theme--light.v-expansion-panel .v-expansion-panel__container {
  border-top: 1px solid rgba(0,0,0,0.12);
  background-color: #fff;
  color: rgba(0,0,0,0.87);
}
.theme--light.v-expansion-panel .v-expansion-panel__container .v-expansion-panel__header .v-expansion-panel__header__icon .v-icon {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-expansion-panel .v-expansion-panel__container--disabled {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-expansion-panel--focusable .v-expansion-panel__container:focus {
  background-color: #eee;
}
.theme--dark.v-expansion-panel .v-expansion-panel__container {
  border-top: 1px solid rgba(255,255,255,0.12);
  background-color: #424242;
  color: #fff;
}
.theme--dark.v-expansion-panel .v-expansion-panel__container .v-expansion-panel__header .v-expansion-panel__header__icon .v-icon {
  color: #fff;
}
.theme--dark.v-expansion-panel .v-expansion-panel__container--disabled {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-expansion-panel--focusable .v-expansion-panel__container:focus {
  background-color: #494949;
}
.v-expansion-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  text-align: left;
  width: 100%;
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
}
.v-expansion-panel__container {
  flex: 1 0 100%;
  max-width: 100%;
  outline: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-expansion-panel__container:first-child {
  border-top: none !important;
}
.v-expansion-panel__container .v-expansion-panel__header__iconnel__header__icon {
  margin-left: auto;
}
.v-expansion-panel__container--disabled .v-expansion-panel__header {
  pointer-events: none;
}
.v-expansion-panel__container--active > .v-expansion-panel__header .v-expansion-panel__header__icon .v-icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.v-expansion-panel__header {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  padding: 12px 24px;
  min-height: 48px;
}
.v-expansion-panel__header > *:not(.v-expansion-panel__header__icon) {
  flex: 1 1 auto;
}
.v-expansion-panel__body {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-expansion-panel__body > .v-card {
  border-radius: 0;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;
}
.v-expansion-panel--popout,
.v-expansion-panel--inset {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12);
}
.v-expansion-panel--popout .v-expansion-panel__container--active,
.v-expansion-panel--inset .v-expansion-panel__container--active {
  margin: 16px;
  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12);
}
.v-expansion-panel--popout .v-expansion-panel__container,
.v-expansion-panel--inset .v-expansion-panel__container {
  max-width: 95%;
}
.v-expansion-panel--popout .v-expansion-panel__container--active {
  max-width: 100%;
}
.v-expansion-panel--inset .v-expansion-panel__container--active {
  max-width: 85%;
}

.theme--light.v-footer {
  background: #f5f5f5;
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-footer {
  background: #212121;
  color: #fff;
}
.v-footer {
  align-items: center;
  display: flex;
  flex: 0 1 auto !important;
  min-height: 36px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-footer--absolute,
.v-footer--fixed {
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.v-footer--inset {
  z-index: 2;
}
.v-footer--absolute {
  position: absolute;
}
.v-footer--fixed {
  position: fixed;
}

.v-form > .container {
  padding: 16px;
}
.v-form > .container > .layout > .flex {
  padding: 8px;
}
.v-form > .container > .layout:only-child {
  margin: -8px;
}
.v-form > .container > .layout:not(:only-child) {
  margin: auto -8px;
}

.container {
  flex: 1 1 100%;
  margin: auto;
  padding: 24px;
  width: 100%;
}
.container.fluid {
  max-width: 100%;
}
.container.fill-height {
  align-items: center;
  display: flex;
}
.container.fill-height > .layout {
  height: 100%;
  flex: 1 1 auto;
}
.container.grid-list-xs .layout .flex {
  padding: 1px;
}
.container.grid-list-xs .layout:only-child {
  margin: -1px;
}
.container.grid-list-xs .layout:not(:only-child) {
  margin: auto -1px;
}
.container.grid-list-xs *:not(:only-child) .layout:first-child {
  margin-top: -1px;
}
.container.grid-list-xs *:not(:only-child) .layout:last-child {
  margin-bottom: -1px;
}
.container.grid-list-sm .layout .flex {
  padding: 2px;
}
.container.grid-list-sm .layout:only-child {
  margin: -2px;
}
.container.grid-list-sm .layout:not(:only-child) {
  margin: auto -2px;
}
.container.grid-list-sm *:not(:only-child) .layout:first-child {
  margin-top: -2px;
}
.container.grid-list-sm *:not(:only-child) .layout:last-child {
  margin-bottom: -2px;
}
.container.grid-list-md .layout .flex {
  padding: 4px;
}
.container.grid-list-md .layout:only-child {
  margin: -4px;
}
.container.grid-list-md .layout:not(:only-child) {
  margin: auto -4px;
}
.container.grid-list-md *:not(:only-child) .layout:first-child {
  margin-top: -4px;
}
.container.grid-list-md *:not(:only-child) .layout:last-child {
  margin-bottom: -4px;
}
.container.grid-list-lg .layout .flex {
  padding: 8px;
}
.container.grid-list-lg .layout:only-child {
  margin: -8px;
}
.container.grid-list-lg .layout:not(:only-child) {
  margin: auto -8px;
}
.container.grid-list-lg *:not(:only-child) .layout:first-child {
  margin-top: -8px;
}
.container.grid-list-lg *:not(:only-child) .layout:last-child {
  margin-bottom: -8px;
}
.container.grid-list-xl .layout .flex {
  padding: 12px;
}
.container.grid-list-xl .layout:only-child {
  margin: -12px;
}
.container.grid-list-xl .layout:not(:only-child) {
  margin: auto -12px;
}
.container.grid-list-xl *:not(:only-child) .layout:first-child {
  margin-top: -12px;
}
.container.grid-list-xl *:not(:only-child) .layout:last-child {
  margin-bottom: -12px;
}
.layout {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  min-width: 0;
}
.layout.row {
  flex-direction: row;
}
.layout.row.reverse {
  flex-direction: row-reverse;
}
.layout.column {
  flex-direction: column;
}
.layout.column.reverse {
  flex-direction: column-reverse;
}
.layout.column > .flex {
  max-width: 100%;
}
.layout.wrap {
  flex-wrap: wrap;
}
.flex,
.child-flex > * {
  flex: 1 1 auto;
  max-width: 100%;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-center {
  align-items: center;
}
.align-baseline {
  align-items: baseline;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-space-between {
  align-content: space-between;
}
.align-content-space-around {
  align-content: space-around;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-space-around {
  justify-content: space-around;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-self-start {
  justify-self: flex-start;
}
.justify-self-end {
  justify-self: flex-end;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-baseline {
  justify-self: baseline;
}
.spacer {
  flex-grow: 1 !important;
}
.grow {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
}
.shrink {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
}
.scroll-y {
  overflow-y: auto;
}
.fill-height {
  height: 100%;
}
.hide-overflow {
  overflow: hidden !important;
}
.show-overflow {
  overflow: visible !important;
}
.no-wrap {
  white-space: nowrap;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-flex > *,
.d-inline-flex > * {
  flex: 1 1 auto !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline {
  display: inline !important;
}
.d-none {
  display: none !important;
}
@media only screen and (min-width: 960px) {
  .container {
    max-width: 900px;
  }
}
@media only screen and (min-width: 1264px) {
  .container {
    max-width: 1185px;
  }
}
@media only screen and (min-width: 1904px) {
  .container {
    max-width: 1785px;
  }
}
@media only screen and (max-width: 959px) {
  .container {
    padding: 16px;
  }
}
@media all and (min-width: 0) {
  .flex.xs1 {
    flex-basis: 8.333333333333332%;
    flex-grow: 0;
    max-width: 8.333333333333332%;
  }
  .flex.order-xs1 {
    order: 1;
  }
  .flex.xs2 {
    flex-basis: 16.666666666666664%;
    flex-grow: 0;
    max-width: 16.666666666666664%;
  }
  .flex.order-xs2 {
    order: 2;
  }
  .flex.xs3 {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }
  .flex.order-xs3 {
    order: 3;
  }
  .flex.xs4 {
    flex-basis: 33.33333333333333%;
    flex-grow: 0;
    max-width: 33.33333333333333%;
  }
  .flex.order-xs4 {
    order: 4;
  }
  .flex.xs5 {
    flex-basis: 41.66666666666667%;
    flex-grow: 0;
    max-width: 41.66666666666667%;
  }
  .flex.order-xs5 {
    order: 5;
  }
  .flex.xs6 {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
  .flex.order-xs6 {
    order: 6;
  }
  .flex.xs7 {
    flex-basis: 58.333333333333336%;
    flex-grow: 0;
    max-width: 58.333333333333336%;
  }
  .flex.order-xs7 {
    order: 7;
  }
  .flex.xs8 {
    flex-basis: 66.66666666666666%;
    flex-grow: 0;
    max-width: 66.66666666666666%;
  }
  .flex.order-xs8 {
    order: 8;
  }
  .flex.xs9 {
    flex-basis: 75%;
    flex-grow: 0;
    max-width: 75%;
  }
  .flex.order-xs9 {
    order: 9;
  }
  .flex.xs10 {
    flex-basis: 83.33333333333334%;
    flex-grow: 0;
    max-width: 83.33333333333334%;
  }
  .flex.order-xs10 {
    order: 10;
  }
  .flex.xs11 {
    flex-basis: 91.66666666666666%;
    flex-grow: 0;
    max-width: 91.66666666666666%;
  }
  .flex.order-xs11 {
    order: 11;
  }
  .flex.xs12 {
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }
  .flex.order-xs12 {
    order: 12;
  }
  .flex.offset-xs0 {
    margin-left: 0%;
  }
  .flex.offset-xs1 {
    margin-left: 8.333333333333332%;
  }
  .flex.offset-xs2 {
    margin-left: 16.666666666666664%;
  }
  .flex.offset-xs3 {
    margin-left: 25%;
  }
  .flex.offset-xs4 {
    margin-left: 33.33333333333333%;
  }
  .flex.offset-xs5 {
    margin-left: 41.66666666666667%;
  }
  .flex.offset-xs6 {
    margin-left: 50%;
  }
  .flex.offset-xs7 {
    margin-left: 58.333333333333336%;
  }
  .flex.offset-xs8 {
    margin-left: 66.66666666666666%;
  }
  .flex.offset-xs9 {
    margin-left: 75%;
  }
  .flex.offset-xs10 {
    margin-left: 83.33333333333334%;
  }
  .flex.offset-xs11 {
    margin-left: 91.66666666666666%;
  }
  .flex.offset-xs12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 600px) {
  .flex.sm1 {
    flex-basis: 8.333333333333332%;
    flex-grow: 0;
    max-width: 8.333333333333332%;
  }
  .flex.order-sm1 {
    order: 1;
  }
  .flex.sm2 {
    flex-basis: 16.666666666666664%;
    flex-grow: 0;
    max-width: 16.666666666666664%;
  }
  .flex.order-sm2 {
    order: 2;
  }
  .flex.sm3 {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }
  .flex.order-sm3 {
    order: 3;
  }
  .flex.sm4 {
    flex-basis: 33.33333333333333%;
    flex-grow: 0;
    max-width: 33.33333333333333%;
  }
  .flex.order-sm4 {
    order: 4;
  }
  .flex.sm5 {
    flex-basis: 41.66666666666667%;
    flex-grow: 0;
    max-width: 41.66666666666667%;
  }
  .flex.order-sm5 {
    order: 5;
  }
  .flex.sm6 {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
  .flex.order-sm6 {
    order: 6;
  }
  .flex.sm7 {
    flex-basis: 58.333333333333336%;
    flex-grow: 0;
    max-width: 58.333333333333336%;
  }
  .flex.order-sm7 {
    order: 7;
  }
  .flex.sm8 {
    flex-basis: 66.66666666666666%;
    flex-grow: 0;
    max-width: 66.66666666666666%;
  }
  .flex.order-sm8 {
    order: 8;
  }
  .flex.sm9 {
    flex-basis: 75%;
    flex-grow: 0;
    max-width: 75%;
  }
  .flex.order-sm9 {
    order: 9;
  }
  .flex.sm10 {
    flex-basis: 83.33333333333334%;
    flex-grow: 0;
    max-width: 83.33333333333334%;
  }
  .flex.order-sm10 {
    order: 10;
  }
  .flex.sm11 {
    flex-basis: 91.66666666666666%;
    flex-grow: 0;
    max-width: 91.66666666666666%;
  }
  .flex.order-sm11 {
    order: 11;
  }
  .flex.sm12 {
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }
  .flex.order-sm12 {
    order: 12;
  }
  .flex.offset-sm0 {
    margin-left: 0%;
  }
  .flex.offset-sm1 {
    margin-left: 8.333333333333332%;
  }
  .flex.offset-sm2 {
    margin-left: 16.666666666666664%;
  }
  .flex.offset-sm3 {
    margin-left: 25%;
  }
  .flex.offset-sm4 {
    margin-left: 33.33333333333333%;
  }
  .flex.offset-sm5 {
    margin-left: 41.66666666666667%;
  }
  .flex.offset-sm6 {
    margin-left: 50%;
  }
  .flex.offset-sm7 {
    margin-left: 58.333333333333336%;
  }
  .flex.offset-sm8 {
    margin-left: 66.66666666666666%;
  }
  .flex.offset-sm9 {
    margin-left: 75%;
  }
  .flex.offset-sm10 {
    margin-left: 83.33333333333334%;
  }
  .flex.offset-sm11 {
    margin-left: 91.66666666666666%;
  }
  .flex.offset-sm12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 960px) {
  .flex.md1 {
    flex-basis: 8.333333333333332%;
    flex-grow: 0;
    max-width: 8.333333333333332%;
  }
  .flex.order-md1 {
    order: 1;
  }
  .flex.md2 {
    flex-basis: 16.666666666666664%;
    flex-grow: 0;
    max-width: 16.666666666666664%;
  }
  .flex.order-md2 {
    order: 2;
  }
  .flex.md3 {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }
  .flex.order-md3 {
    order: 3;
  }
  .flex.md4 {
    flex-basis: 33.33333333333333%;
    flex-grow: 0;
    max-width: 33.33333333333333%;
  }
  .flex.order-md4 {
    order: 4;
  }
  .flex.md5 {
    flex-basis: 41.66666666666667%;
    flex-grow: 0;
    max-width: 41.66666666666667%;
  }
  .flex.order-md5 {
    order: 5;
  }
  .flex.md6 {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
  .flex.order-md6 {
    order: 6;
  }
  .flex.md7 {
    flex-basis: 58.333333333333336%;
    flex-grow: 0;
    max-width: 58.333333333333336%;
  }
  .flex.order-md7 {
    order: 7;
  }
  .flex.md8 {
    flex-basis: 66.66666666666666%;
    flex-grow: 0;
    max-width: 66.66666666666666%;
  }
  .flex.order-md8 {
    order: 8;
  }
  .flex.md9 {
    flex-basis: 75%;
    flex-grow: 0;
    max-width: 75%;
  }
  .flex.order-md9 {
    order: 9;
  }
  .flex.md10 {
    flex-basis: 83.33333333333334%;
    flex-grow: 0;
    max-width: 83.33333333333334%;
  }
  .flex.order-md10 {
    order: 10;
  }
  .flex.md11 {
    flex-basis: 91.66666666666666%;
    flex-grow: 0;
    max-width: 91.66666666666666%;
  }
  .flex.order-md11 {
    order: 11;
  }
  .flex.md12 {
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }
  .flex.order-md12 {
    order: 12;
  }
  .flex.offset-md0 {
    margin-left: 0%;
  }
  .flex.offset-md1 {
    margin-left: 8.333333333333332%;
  }
  .flex.offset-md2 {
    margin-left: 16.666666666666664%;
  }
  .flex.offset-md3 {
    margin-left: 25%;
  }
  .flex.offset-md4 {
    margin-left: 33.33333333333333%;
  }
  .flex.offset-md5 {
    margin-left: 41.66666666666667%;
  }
  .flex.offset-md6 {
    margin-left: 50%;
  }
  .flex.offset-md7 {
    margin-left: 58.333333333333336%;
  }
  .flex.offset-md8 {
    margin-left: 66.66666666666666%;
  }
  .flex.offset-md9 {
    margin-left: 75%;
  }
  .flex.offset-md10 {
    margin-left: 83.33333333333334%;
  }
  .flex.offset-md11 {
    margin-left: 91.66666666666666%;
  }
  .flex.offset-md12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 1264px) {
  .flex.lg1 {
    flex-basis: 8.333333333333332%;
    flex-grow: 0;
    max-width: 8.333333333333332%;
  }
  .flex.order-lg1 {
    order: 1;
  }
  .flex.lg2 {
    flex-basis: 16.666666666666664%;
    flex-grow: 0;
    max-width: 16.666666666666664%;
  }
  .flex.order-lg2 {
    order: 2;
  }
  .flex.lg3 {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }
  .flex.order-lg3 {
    order: 3;
  }
  .flex.lg4 {
    flex-basis: 33.33333333333333%;
    flex-grow: 0;
    max-width: 33.33333333333333%;
  }
  .flex.order-lg4 {
    order: 4;
  }
  .flex.lg5 {
    flex-basis: 41.66666666666667%;
    flex-grow: 0;
    max-width: 41.66666666666667%;
  }
  .flex.order-lg5 {
    order: 5;
  }
  .flex.lg6 {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
  .flex.order-lg6 {
    order: 6;
  }
  .flex.lg7 {
    flex-basis: 58.333333333333336%;
    flex-grow: 0;
    max-width: 58.333333333333336%;
  }
  .flex.order-lg7 {
    order: 7;
  }
  .flex.lg8 {
    flex-basis: 66.66666666666666%;
    flex-grow: 0;
    max-width: 66.66666666666666%;
  }
  .flex.order-lg8 {
    order: 8;
  }
  .flex.lg9 {
    flex-basis: 75%;
    flex-grow: 0;
    max-width: 75%;
  }
  .flex.order-lg9 {
    order: 9;
  }
  .flex.lg10 {
    flex-basis: 83.33333333333334%;
    flex-grow: 0;
    max-width: 83.33333333333334%;
  }
  .flex.order-lg10 {
    order: 10;
  }
  .flex.lg11 {
    flex-basis: 91.66666666666666%;
    flex-grow: 0;
    max-width: 91.66666666666666%;
  }
  .flex.order-lg11 {
    order: 11;
  }
  .flex.lg12 {
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }
  .flex.order-lg12 {
    order: 12;
  }
  .flex.offset-lg0 {
    margin-left: 0%;
  }
  .flex.offset-lg1 {
    margin-left: 8.333333333333332%;
  }
  .flex.offset-lg2 {
    margin-left: 16.666666666666664%;
  }
  .flex.offset-lg3 {
    margin-left: 25%;
  }
  .flex.offset-lg4 {
    margin-left: 33.33333333333333%;
  }
  .flex.offset-lg5 {
    margin-left: 41.66666666666667%;
  }
  .flex.offset-lg6 {
    margin-left: 50%;
  }
  .flex.offset-lg7 {
    margin-left: 58.333333333333336%;
  }
  .flex.offset-lg8 {
    margin-left: 66.66666666666666%;
  }
  .flex.offset-lg9 {
    margin-left: 75%;
  }
  .flex.offset-lg10 {
    margin-left: 83.33333333333334%;
  }
  .flex.offset-lg11 {
    margin-left: 91.66666666666666%;
  }
  .flex.offset-lg12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 1904px) {
  .flex.xl1 {
    flex-basis: 8.333333333333332%;
    flex-grow: 0;
    max-width: 8.333333333333332%;
  }
  .flex.order-xl1 {
    order: 1;
  }
  .flex.xl2 {
    flex-basis: 16.666666666666664%;
    flex-grow: 0;
    max-width: 16.666666666666664%;
  }
  .flex.order-xl2 {
    order: 2;
  }
  .flex.xl3 {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }
  .flex.order-xl3 {
    order: 3;
  }
  .flex.xl4 {
    flex-basis: 33.33333333333333%;
    flex-grow: 0;
    max-width: 33.33333333333333%;
  }
  .flex.order-xl4 {
    order: 4;
  }
  .flex.xl5 {
    flex-basis: 41.66666666666667%;
    flex-grow: 0;
    max-width: 41.66666666666667%;
  }
  .flex.order-xl5 {
    order: 5;
  }
  .flex.xl6 {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
  .flex.order-xl6 {
    order: 6;
  }
  .flex.xl7 {
    flex-basis: 58.333333333333336%;
    flex-grow: 0;
    max-width: 58.333333333333336%;
  }
  .flex.order-xl7 {
    order: 7;
  }
  .flex.xl8 {
    flex-basis: 66.66666666666666%;
    flex-grow: 0;
    max-width: 66.66666666666666%;
  }
  .flex.order-xl8 {
    order: 8;
  }
  .flex.xl9 {
    flex-basis: 75%;
    flex-grow: 0;
    max-width: 75%;
  }
  .flex.order-xl9 {
    order: 9;
  }
  .flex.xl10 {
    flex-basis: 83.33333333333334%;
    flex-grow: 0;
    max-width: 83.33333333333334%;
  }
  .flex.order-xl10 {
    order: 10;
  }
  .flex.xl11 {
    flex-basis: 91.66666666666666%;
    flex-grow: 0;
    max-width: 91.66666666666666%;
  }
  .flex.order-xl11 {
    order: 11;
  }
  .flex.xl12 {
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }
  .flex.order-xl12 {
    order: 12;
  }
  .flex.offset-xl0 {
    margin-left: 0%;
  }
  .flex.offset-xl1 {
    margin-left: 8.333333333333332%;
  }
  .flex.offset-xl2 {
    margin-left: 16.666666666666664%;
  }
  .flex.offset-xl3 {
    margin-left: 25%;
  }
  .flex.offset-xl4 {
    margin-left: 33.33333333333333%;
  }
  .flex.offset-xl5 {
    margin-left: 41.66666666666667%;
  }
  .flex.offset-xl6 {
    margin-left: 50%;
  }
  .flex.offset-xl7 {
    margin-left: 58.333333333333336%;
  }
  .flex.offset-xl8 {
    margin-left: 66.66666666666666%;
  }
  .flex.offset-xl9 {
    margin-left: 75%;
  }
  .flex.offset-xl10 {
    margin-left: 83.33333333333334%;
  }
  .flex.offset-xl11 {
    margin-left: 91.66666666666666%;
  }
  .flex.offset-xl12 {
    margin-left: 100%;
  }
}

.v-content {
  transition: none;
  display: flex;
  flex: 1 0 auto;
  max-width: 100%;
}
.v-content[data-booted="true"] {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-content__wrap {
  flex: 1 1 auto;
  max-width: 100%;
  position: relative;
}
@-moz-document url-prefix() {
}
@media print {
  @-moz-document url-prefix() {
    .v-content {
      display: block;
    }
  }
}

.theme--light.v-jumbotron .v-jumbotron__content {
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-jumbotron .v-jumbotron__content {
  color: #fff;
}
.v-jumbotron {
  display: block;
  top: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-jumbotron__wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: inherit;
  width: 100%;
}
.v-jumbotron__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  contain: strict;
  transition: inherit;
}
.v-jumbotron__image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  will-change: transform;
  transition: inherit;
}
.v-jumbotron__content {
  height: 100%;
  position: relative;
  transition: inherit;
}

.theme--light.v-navigation-drawer {
  background-color: #fff;
}
.theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border {
  background-color: rgba(0,0,0,0.12);
}
.theme--light.v-navigation-drawer .v-divider {
  border-color: rgba(0,0,0,0.12);
}
.theme--dark.v-navigation-drawer {
  background-color: #424242;
}
.theme--dark.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border {
  background-color: rgba(255,255,255,0.12);
}
.theme--dark.v-navigation-drawer .v-divider {
  border-color: rgba(255,255,255,0.12);
}
.v-navigation-drawer {
  transition: none;
  display: block;
  left: 0;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: auto;
  top: 0;
  will-change: transform;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}
.v-navigation-drawer[data-booted="true"] {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-navigation-drawer[data-booted="true"] {
  transition-property: width, -webkit-transform;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform;
}
.v-navigation-drawer__border {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
.v-navigation-drawer.v-navigation-drawer--right:after {
  left: 0;
  right: initial;
}
.v-navigation-drawer--right {
  left: auto;
  right: 0;
}
.v-navigation-drawer--right > .v-navigation-drawer__border {
  right: auto;
  left: 0;
}
.v-navigation-drawer--absolute {
  position: absolute;
}
.v-navigation-drawer--fixed {
  position: fixed;
}
.v-navigation-drawer--floating:after {
  display: none;
}
.v-navigation-drawer--mini-variant {
  overflow: hidden;
}
.v-navigation-drawer--mini-variant .v-list__group__header__prepend-icon {
  flex: 1 0 auto;
  justify-content: center;
  width: 100%;
}
.v-navigation-drawer--mini-variant .v-list__tile__action,
.v-navigation-drawer--mini-variant .v-list__tile__avatar {
  justify-content: center;
  min-width: 48px;
}
.v-navigation-drawer--mini-variant .v-list__tile__content,
.v-navigation-drawer--mini-variant .v-list__tile:after {
  opacity: 0;
}
.v-navigation-drawer--mini-variant .v-subheader,
.v-navigation-drawer--mini-variant .v-divider,
.v-navigation-drawer--mini-variant .v-list--group {
  display: none !important;
}
.v-navigation-drawer--temporary,
.v-navigation-drawer--is-mobile {
  z-index: 6;
}
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close),
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close) {
  box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
}
.v-navigation-drawer .v-list {
  background: inherit;
}
.v-navigation-drawer > .v-list .v-list__tile {
  transition: none;
  font-weight: 500;
}
.v-navigation-drawer > .v-list .v-list__tile--active .v-list__tile__title {
  color: inherit;
}
.v-navigation-drawer > .v-list .v-list--group .v-list__tile {
  font-weight: 400;
}
.v-navigation-drawer > .v-list .v-list--group__header--active:after {
  background: transparent;
}
.v-navigation-drawer > .v-list:not(.v-list--dense) .v-list__tile {
  font-size: 14px;
}

.theme--light.v-pagination .v-pagination__item {
  background: #fff;
  color: #000;
  width: auto;
  min-width: 34px;
  padding: 0 5px;
}
.theme--light.v-pagination .v-pagination__item--active {
  color: #fff;
}
.theme--light.v-pagination .v-pagination__navigation {
  background: #fff;
}
.theme--light.v-pagination .v-pagination__navigation .v-icon {
  color: rgba(0,0,0,0.54);
}
.theme--dark.v-pagination .v-pagination__item {
  background: #424242;
  color: #fff;
  width: auto;
  min-width: 34px;
  padding: 0 5px;
}
.theme--dark.v-pagination .v-pagination__item--active {
  color: #fff;
}
.theme--dark.v-pagination .v-pagination__navigation {
  background: #424242;
}
.theme--dark.v-pagination .v-pagination__navigation .v-icon {
  color: #fff;
}
.v-pagination {
  align-items: center;
  display: inline-flex;
  list-style-type: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.v-pagination > li {
  align-items: center;
  display: flex;
}
.v-pagination--circle .v-pagination__item,
.v-pagination--circle .v-pagination__more,
.v-pagination--circle .v-pagination__navigation {
  border-radius: 50%;
}
.v-pagination--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.v-pagination__item {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  border-radius: 4px;
  font-size: 14px;
  background: transparent;
  height: 34px;
  width: 34px;
  margin: 0.3rem;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.v-pagination__item--active {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}
.v-pagination__navigation {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: 2rem;
  border-radius: 4px;
  width: 2rem;
  margin: 0.3rem 10px;
}
.v-pagination__navigation .v-icon {
  font-size: 2rem;
  transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  vertical-align: middle;
}
.v-pagination__navigation--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.v-pagination__more {
  margin: 0.3rem;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  height: 2rem;
  width: 2rem;
}

.v-parallax {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.v-parallax__image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  contain: strict;
}
.v-parallax__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  display: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  will-change: transform;
  transition: 0.3s opacity cubic-bezier(0.25, 0.8, 0.5, 1);
  z-index: 1;
}
.v-parallax__content {
  color: #fff;
  height: 100%;
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
}

.v-input--radio-group__input {
  display: flex;
  width: 100%;
}
.v-input--radio-group--column .v-input--radio-group__input > .v-label {
  padding-bottom: 8px;
}
.v-input--radio-group--row .v-input--radio-group__input > .v-label {
  padding-right: 8px;
}
.v-input--radio-group--row .v-input--radio-group__input {
  flex-direction: row;
  flex-wrap: wrap;
}
.v-input--radio-group--column .v-radio:not(:last-child):not(:only-child) {
  margin-bottom: 8px;
}
.v-input--radio-group--column .v-input--radio-group__input {
  flex-direction: column;
}

.theme--light.v-radio--is-disabled label {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-radio--is-disabled .v-icon {
  color: rgba(0,0,0,0.26) !important;
}
.theme--dark.v-radio--is-disabled label {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-radio--is-disabled .v-icon {
  color: rgba(255,255,255,0.3) !important;
}
.v-radio {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: 16px;
  outline: none;
}
.v-radio--is-disabled {
  pointer-events: none;
}

/* Theme */
.theme--light.v-input--range-slider.v-input--slider.v-input--is-disabled .v-slider.v-slider .v-slider__thumb {
  background: #bdbdbd;
}
.theme--dark.v-input--range-slider.v-input--slider.v-input--is-disabled .v-slider.v-slider .v-slider__thumb {
  background: #424242;
}
/** Input Group */
.v-input--range-slider.v-input--is-disabled .v-slider__track-fill {
  display: none;
}
.v-input--range-slider.v-input--is-disabled.v-input--slider .v-slider.v-slider .v-slider__thumb {
  border-color: transparent;
}

/* Theme */
.theme--light.v-input--slider .v-slider__track,
.theme--light.v-input--slider .v-slider__track-fill {
  background: rgba(0,0,0,0.26);
}
.theme--light.v-input--slider .v-slider__track__container:after {
  border: 1px solid rgba(0,0,0,0.87);
}
.theme--light.v-input--slider .v-slider__ticks {
  border-color: rgba(0,0,0,0.87);
  color: rgba(0,0,0,0.54);
}
.theme--light.v-input--slider:not(.v-input--is-dirty) .v-slider__thumb-label {
  background: rgba(0,0,0,0.26);
}
.theme--light.v-input--slider:not(.v-input--is-dirty) .v-slider__thumb {
  border: 3px solid rgba(0,0,0,0.26);
}
.theme--light.v-input--slider:not(.v-input--is-dirty).v-input--slider--is-active .v-slider__thumb {
  border: 3px solid rgba(0,0,0,0.38);
}
.theme--light.v-input--slider.v-input--is-disabled .v-slider__thumb {
  border: 5px solid rgba(0,0,0,0.26);
}
.theme--light.v-input--slider.v-input--is-disabled.v-input--is-dirty .v-slider__thumb {
  background: rgba(0,0,0,0.26);
}
.theme--light.v-input--slider.v-input--slider--is-active .v-slider__track {
  background: rgba(0,0,0,0.38);
}
.theme--dark.v-input--slider .v-slider__track,
.theme--dark.v-input--slider .v-slider__track-fill {
  background: rgba(255,255,255,0.2);
}
.theme--dark.v-input--slider .v-slider__track__container:after {
  border: 1px solid #fff;
}
.theme--dark.v-input--slider .v-slider__ticks {
  border-color: #fff;
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-input--slider:not(.v-input--is-dirty) .v-slider__thumb-label {
  background: rgba(255,255,255,0.2);
}
.theme--dark.v-input--slider:not(.v-input--is-dirty) .v-slider__thumb {
  border: 3px solid rgba(255,255,255,0.2);
}
.theme--dark.v-input--slider:not(.v-input--is-dirty).v-input--slider--is-active .v-slider__thumb {
  border: 3px solid rgba(255,255,255,0.3);
}
.theme--dark.v-input--slider.v-input--is-disabled .v-slider__thumb {
  border: 5px solid rgba(255,255,255,0.2);
}
.theme--dark.v-input--slider.v-input--is-disabled.v-input--is-dirty .v-slider__thumb {
  background: rgba(255,255,255,0.2);
}
.theme--dark.v-input--slider.v-input--slider--is-active .v-slider__track {
  background: rgba(255,255,255,0.3);
}
.application--is-rtl .v-input--slider .v-label {
  margin-left: 16px;
  margin-right: 0;
}
/** Input Group */
.v-input--slider {
  margin-top: 16px;
}
.v-input--slider.v-input--is-focused .v-slider__thumb-container--is-active:not(.v-slider__thumb-container--show-label):before {
  opacity: 0.2;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.v-input--slider.v-input--is-focused .v-slider__track {
  transition: none;
}
.v-input--slider.v-input--is-focused.v-input--slider--ticks .v-slider__track__container:after,
.v-input--slider.v-input--is-focused.v-input--slider--ticks .v-slider .v-slider__tick {
  opacity: 1;
}
.v-input--slider.v-input--slider--ticks .v-slider__ticks.v-slider__ticks--always-show {
  opacity: 1;
}
.v-input--slider.v-input--slider--ticks-labels .v-input__slot {
  margin-bottom: 16px;
}
.v-input--slider.v-input--is-readonly .v-input__control {
  pointer-events: none;
}
.v-input--slider.v-input--is-disabled .v-slider__thumb {
  -webkit-transform: translateY(-50%) scale(0.45);
          transform: translateY(-50%) scale(0.45);
}
.v-input--slider.v-input--is-disabled.v-input--is-dirty .v-slider__thumb {
  border: 0px solid transparent;
}
.v-input--slider .v-input__slot > *:first-child:not(:only-child) {
  margin-right: 16px;
}
/** Slider */
.v-slider {
  cursor: default;
  display: flex;
  align-items: center;
  position: relative;
  height: 32px;
  flex: 1;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-slider input {
  cursor: default;
  opacity: 0;
  padding: 0;
  width: 100%;
}
/** Thumb/Track/Ticks */
.v-slider__track__container {
  height: 2px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.v-slider__track__container:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 2px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 2px;
  opacity: 0;
}
.v-slider__track,
.v-slider__thumb,
.v-slider__ticks {
  position: absolute;
  top: 0;
}
.v-slider__track {
  height: 2px;
  left: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -webkit-transform-origin: right;
          transform-origin: right;
  overflow: hidden;
  width: 100%;
}
.v-slider__track-fill {
  position: absolute;
  left: 0;
  height: 2px;
  -webkit-transform-origin: left;
          transform-origin: left;
  width: 100%;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-slider__ticks-container {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.v-slider__ticks {
  opacity: 0;
  border-style: solid;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-slider__ticks > span {
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-slider__ticks:first-child > span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.v-slider__ticks:last-child > span {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.v-slider:not(.v-input--is-dirty) .v-slider__ticks:first-child {
  border-color: transparent;
}
.v-slider__thumb-container {
  position: absolute;
  top: 50%;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-slider__thumb-container:before {
  content: '';
  color: inherit;
  border-radius: 50%;
  background: currentColor;
  height: 32px;
  left: -16px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: -16px;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 32px;
  will-change: transform, opacity;
}
.v-slider__thumb {
  width: 24px;
  height: 24px;
  left: -12px;
  top: 50%;
  border-radius: 50%;
  background: transparent;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -webkit-transform: translateY(-50%) scale(0.6);
          transform: translateY(-50%) scale(0.6);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/** Thumb Label */
.v-slider--is-active .v-slider__thumb-container--is-active .v-slider__thumb {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.v-slider--is-active .v-slider__thumb-container--is-active.v-slider__thumb-container--show-label .v-slider__thumb {
  -webkit-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
}
.v-slider--is-active .v-slider__ticks-container .v-slider__ticks {
  opacity: 1;
}
.v-slider__thumb-label__container {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-slider__thumb-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50% 50% 0;
  position: absolute;
  left: 0;
  bottom: 100%;
  -webkit-transform: translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg);
          transform: translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-slider__thumb-label > * {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.v-slider__track,
.v-slider__track-fill {
  position: absolute;
}

.v-rating .v-icon {
  padding: 0.5rem;
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-rating--readonly .v-icon {
  pointer-events: none;
}
.v-rating--dense .v-icon {
  padding: 0.1rem;
}

.application--is-rtl .v-snack__content .v-btn {
  margin: 0 24px 0 0;
}
.v-snack {
  position: fixed;
  display: flex;
  align-items: center;
  color: #fff;
  pointer-events: none;
  z-index: 1000;
  font-size: 14px;
  left: 0;
  right: 0;
}
.v-snack--absolute {
  position: absolute;
}
.v-snack--top {
  top: 0;
}
.v-snack--bottom {
  bottom: 0;
}
.v-snack__wrapper {
  display: flex;
  align-items: center;
  background-color: #323232;
  pointer-events: auto;
  width: 100%;
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);
}
.v-snack__content {
  width: 100%;
  height: 48px;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.v-snack__content .v-btn {
  color: #fff;
  flex: 0 0 auto;
  padding: 8px;
  margin: 0 0 0 24px;
  height: auto;
  min-width: auto;
  width: auto;
}
.v-snack__content .v-btn__content {
  margin: -2px;
}
.v-snack__content .v-btn::before {
  display: none;
}
.v-snack--multi-line .v-snack__content {
  height: 80px;
  padding: 24px;
}
.v-snack--vertical .v-snack__content {
  height: 112px;
  padding: 24px 24px 14px;
  flex-direction: column;
  align-items: stretch;
}
.v-snack--vertical .v-snack__content .v-btn.v-btn {
  justify-content: flex-end;
  padding: 0;
  margin-left: 0;
  margin-top: 24px;
}
.v-snack--vertical .v-snack__content .v-btn__content {
  flex: 0 0 auto;
  margin: 0;
}
.v-snack--auto-height .v-snack__content {
  height: auto;
}
.v-snack-transition-enter-active,
.v-snack-transition-leave-active {
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-snack-transition-enter-active .v-snack__content,
.v-snack-transition-leave-active .v-snack__content {
  transition: opacity 0.3s linear 0.1s;
}
.v-snack-transition-enter .v-snack__content {
  opacity: 0;
}
.v-snack-transition-enter-to .v-snack__content,
.v-snack-transition-leave .v-snack__content {
  opacity: 1;
}
.v-snack-transition-enter.v-snack.v-snack--top,
.v-snack-transition-leave-to.v-snack.v-snack--top {
  -webkit-transform: translateY(calc(-100% - 8px));
          transform: translateY(calc(-100% - 8px));
}
.v-snack-transition-enter.v-snack.v-snack--bottom,
.v-snack-transition-leave-to.v-snack.v-snack--bottom {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media only screen and (min-width: 600px) {
  .application--is-rtl .v-snack__content .v-btn:first-of-type {
    margin-left: 0;
    margin-right: 42px;
  }
  .v-snack__wrapper {
    width: auto;
    max-width: 568px;
    min-width: 288px;
    margin: 0 auto;
    border-radius: 2px;
  }
  .v-snack--left .v-snack__wrapper {
    margin-left: 0;
  }
  .v-snack--right .v-snack__wrapper {
    margin-right: 0;
  }
  .v-snack--left,
  .v-snack--right {
    margin: 0 24px;
  }
  .v-snack--left.v-snack--top,
  .v-snack--right.v-snack--top {
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  .v-snack--left.v-snack--bottom,
  .v-snack--right.v-snack--bottom {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
  }
  .v-snack__content .v-btn:first-of-type {
    margin-left: 42px;
  }
}

.v-speed-dial {
  position: relative;
}
.v-speed-dial--absolute {
  position: absolute;
}
.v-speed-dial--fixed {
  position: fixed;
}
.v-speed-dial--fixed,
.v-speed-dial--absolute {
  z-index: 4;
}
.v-speed-dial--fixed > .v-btn--floating,
.v-speed-dial--absolute > .v-btn--floating {
  margin: 0;
}
.v-speed-dial--top:not(.v-speed-dial--absolute) {
  top: 16px;
}
.v-speed-dial--top.v-speed-dial--absolute {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.v-speed-dial--bottom:not(.v-speed-dial--absolute) {
  bottom: 16px;
}
.v-speed-dial--bottom.v-speed-dial--absolute {
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.v-speed-dial--left {
  left: 16px;
}
.v-speed-dial--right {
  right: 16px;
}
.v-speed-dial--direction-left .v-speed-dial__list,
.v-speed-dial--direction-right .v-speed-dial__list {
  height: 100%;
  top: 0;
}
.v-speed-dial--direction-top .v-speed-dial__list,
.v-speed-dial--direction-bottom .v-speed-dial__list {
  left: 0;
  width: 100%;
}
.v-speed-dial--direction-top .v-speed-dial__list {
  flex-direction: column-reverse;
  bottom: 100%;
}
.v-speed-dial--direction-right .v-speed-dial__list {
  flex-direction: row;
  left: 100%;
}
.v-speed-dial--direction-bottom .v-speed-dial__list {
  flex-direction: column;
  top: 100%;
}
.v-speed-dial--direction-left .v-speed-dial__list {
  flex-direction: row-reverse;
  right: 100%;
}
/** Elements */
.v-speed-dial__list {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}

.theme--light.v-stepper {
  background: #fff;
}
.theme--light.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
  background: rgba(0,0,0,0.38);
}
.theme--light.v-stepper .v-stepper__step__step {
  color: #fff;
}
.theme--light.v-stepper .v-stepper__step__step .v-icon {
  color: #fff;
}
.theme--light.v-stepper .v-stepper__header .v-divider {
  border-color: rgba(0,0,0,0.12);
}
.theme--light.v-stepper .v-stepper__step--active .v-stepper__label {
  text-shadow: 0px 0px 0px #000;
}
.theme--light.v-stepper .v-stepper__step--editable:hover {
  background: rgba(0,0,0,0.06);
}
.theme--light.v-stepper .v-stepper__step--editable:hover .v-stepper__label {
  text-shadow: 0px 0px 0px #000;
}
.theme--light.v-stepper .v-stepper__step--complete .v-stepper__label {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-stepper .v-stepper__step--inactive.v-stepper__step--editable:not(.v-stepper__step--error):hover .v-stepper__step__step {
  background: rgba(0,0,0,0.54);
}
.theme--light.v-stepper .v-stepper__label {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-stepper .v-stepper__label small {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-stepper--non-linear .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-stepper--vertical .v-stepper__content:not(:last-child) {
  border-left: 1px solid rgba(0,0,0,0.12);
}
.theme--dark.v-stepper {
  background: #303030;
}
.theme--dark.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
  background: rgba(255,255,255,0.5);
}
.theme--dark.v-stepper .v-stepper__step__step {
  color: #fff;
}
.theme--dark.v-stepper .v-stepper__step__step .v-icon {
  color: #fff;
}
.theme--dark.v-stepper .v-stepper__header .v-divider {
  border-color: rgba(255,255,255,0.12);
}
.theme--dark.v-stepper .v-stepper__step--active .v-stepper__label {
  text-shadow: 0px 0px 0px #fff;
}
.theme--dark.v-stepper .v-stepper__step--editable:hover {
  background: rgba(255,255,255,0.06);
}
.theme--dark.v-stepper .v-stepper__step--editable:hover .v-stepper__label {
  text-shadow: 0px 0px 0px #fff;
}
.theme--dark.v-stepper .v-stepper__step--complete .v-stepper__label {
  color: rgba(255,255,255,0.87);
}
.theme--dark.v-stepper .v-stepper__step--inactive.v-stepper__step--editable:not(.v-stepper__step--error):hover .v-stepper__step__step {
  background: rgba(255,255,255,0.75);
}
.theme--dark.v-stepper .v-stepper__label {
  color: rgba(255,255,255,0.5);
}
.theme--dark.v-stepper .v-stepper__label small {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-stepper--non-linear .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-stepper--vertical .v-stepper__content:not(:last-child) {
  border-left: 1px solid rgba(255,255,255,0.12);
}
.application--is-rtl .v-stepper .v-stepper__step__step {
  margin-right: 0;
  margin-left: 12px;
}
.v-stepper {
  overflow: hidden;
  position: relative;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-stepper__header {
  height: 72px;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-stepper__header .v-divider {
  align-self: center;
  margin: 0 -16px;
}
.v-stepper__items {
  position: relative;
  overflow: hidden;
}
.v-stepper__step__step {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  font-size: 12px;
  justify-content: center;
  height: 24px;
  margin-right: 8px;
  min-width: 24px;
  width: 24px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-stepper__step__step .v-icon {
  font-size: 18px;
}
.v-stepper__step {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 24px;
  position: relative;
}
.v-stepper__step--active .v-stepper__label {
  transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.v-stepper__step--editable {
  cursor: pointer;
}
.v-stepper__step.v-stepper__step--error .v-stepper__step__step {
  background: transparent;
  color: inherit;
}
.v-stepper__step.v-stepper__step--error .v-stepper__step__step .v-icon {
  font-size: 24px;
  color: inherit;
}
.v-stepper__step.v-stepper__step--error .v-stepper__label {
  color: inherit;
  text-shadow: none;
  font-weight: 500;
}
.v-stepper__step.v-stepper__step--error .v-stepper__label small {
  color: inherit;
}
.v-stepper__label {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.v-stepper__label small {
  font-size: 12px;
  font-weight: 300;
  text-shadow: none;
}
.v-stepper__wrapper {
  overflow: hidden;
  transition: none;
}
.v-stepper__content {
  top: 0;
  padding: 24px 24px 16px 24px;
  flex: 1 0 auto;
  width: 100%;
}
.v-stepper__content > .v-btn {
  margin: 24px 8px 8px 0;
}
.v-stepper--is-booted .v-stepper__content,
.v-stepper--is-booted .v-stepper__wrapper {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-stepper--vertical {
  padding-bottom: 36px;
}
.v-stepper--vertical .v-stepper__content {
  margin: -8px -36px -16px 36px;
  padding: 16px 60px 16px 23px;
  width: auto;
}
.v-stepper--vertical .v-stepper__step {
  padding: 24px 24px 16px;
}
.v-stepper--vertical .v-stepper__step__step {
  margin-right: 12px;
}
.v-stepper--alt-labels .v-stepper__header {
  height: auto;
}
.v-stepper--alt-labels .v-stepper__header .v-divider {
  margin: 35px -67px 0;
  align-self: flex-start;
}
.v-stepper--alt-labels .v-stepper__step {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-basis: 175px;
}
.v-stepper--alt-labels .v-stepper__step small {
  align-self: center;
}
.v-stepper--alt-labels .v-stepper__step__step {
  margin-right: 0;
  margin-bottom: 11px;
}
@media only screen and (max-width: 959px) {
  .v-stepper:not(.v-stepper--vertical) .v-stepper__label {
    display: none;
  }
  .v-stepper:not(.v-stepper--vertical) .v-stepper__step__step {
    margin-right: 0;
  }
}

/** Theme */
.theme--light.v-input--switch__thumb {
  color: #fafafa;
}
.theme--light.v-input--switch__track {
  color: rgba(0,0,0,0.38);
}
.theme--light.v-input--switch.v-input--is-disabled .v-input--switch__thumb {
  color: #bdbdbd !important;
}
.theme--light.v-input--switch.v-input--is-disabled .v-input--switch__track {
  color: rgba(0,0,0,0.12) !important;
}
.theme--dark.v-input--switch__thumb {
  color: #bdbdbd;
}
.theme--dark.v-input--switch__track {
  color: rgba(255,255,255,0.3);
}
.theme--dark.v-input--switch.v-input--is-disabled .v-input--switch__thumb {
  color: #424242 !important;
}
.theme--dark.v-input--switch.v-input--is-disabled .v-input--switch__track {
  color: rgba(255,255,255,0.1) !important;
}
.application--is-rtl .v-input--switch .v-input--selection-controls__ripple {
  left: auto;
  right: -14px;
}
.application--is-rtl .v-input--switch.v-input--is-dirty .v-input--selection-controls__ripple,
.application--is-rtl .v-input--switch.v-input--is-dirty .v-input--switch__thumb {
  -webkit-transform: translate(-16px, 0);
          transform: translate(-16px, 0);
}
.v-input--switch__track,
.v-input--switch__thumb {
  background-color: currentColor;
  pointer-events: none;
  transition: inherit;
}
.v-input--switch__track {
  border-radius: 8px;
  height: 14px;
  left: 2px;
  opacity: 0.6;
  position: absolute;
  right: 2px;
  top: calc(50% - 7px);
}
.v-input--switch__thumb {
  border-radius: 50%;
  top: calc(50% - 10px);
  height: 20px;
  position: relative;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}
.v-input--switch .v-input--selection-controls__input {
  width: 38px;
}
.v-input--switch .v-input--selection-controls__ripple {
  left: -14px;
  top: calc(50% - 24px);
}
.v-input--switch.v-input--is-dirty .v-input--selection-controls__ripple,
.v-input--switch.v-input--is-dirty .v-input--switch__thumb {
  -webkit-transform: translate(16px, 0);
          transform: translate(16px, 0);
}

/* Theme */
.theme--light.v-system-bar {
  background-color: #e0e0e0;
  color: rgba(0,0,0,0.54);
}
.theme--light.v-system-bar .v-icon {
  color: rgba(0,0,0,0.54);
}
.theme--light.v-system-bar--lights-out {
  background-color: rgba(255,255,255,0.7) !important;
}
.theme--dark.v-system-bar {
  background-color: #000;
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-system-bar .v-icon {
  color: rgba(255,255,255,0.7);
}
.theme--dark.v-system-bar--lights-out {
  background-color: rgba(0,0,0,0.2) !important;
}
.v-system-bar {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px;
}
.v-system-bar .v-icon {
  font-size: 16px;
}
.v-system-bar--fixed,
.v-system-bar--absolute {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
.v-system-bar--fixed {
  position: fixed;
}
.v-system-bar--absolute {
  position: absolute;
}
.v-system-bar--status .v-icon {
  margin-right: 4px;
}
.v-system-bar--window .v-icon {
  font-size: 20px;
  margin-right: 8px;
}

/* Theme */
.theme--light.v-tabs__bar {
  background-color: #fff;
}
.theme--light.v-tabs__bar .v-tabs__div {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-tabs__bar .v-tabs__item--disabled {
  color: rgba(0,0,0,0.26);
}
.theme--dark.v-tabs__bar {
  background-color: #424242;
}
.theme--dark.v-tabs__bar .v-tabs__div {
  color: #fff;
}
.theme--dark.v-tabs__bar .v-tabs__item--disabled {
  color: rgba(255,255,255,0.3);
}
.v-tabs {
  position: relative;
}
.v-tabs__bar {
  position: relative;
  border-radius: inherit;
}
.v-tabs__icon {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 32px;
}
.v-tabs__icon--prev {
  left: 4px;
}
.v-tabs__icon--next {
  right: 4px;
}
.v-tabs__wrapper {
  overflow: hidden;
  contain: content;
  display: flex;
}
.v-tabs__wrapper--show-arrows {
  margin-left: 40px;
  margin-right: 40px;
}
.v-tabs__wrapper--show-arrows .v-tabs__container--align-with-title {
  padding-left: 16px;
}
.v-tabs__container {
  flex: 1 0 auto;
  display: flex;
  height: 48px;
  list-style-type: none;
  transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  white-space: nowrap;
  position: relative;
}
.v-tabs__container--overflow .v-tabs__div {
  flex: 1 0 auto;
}
.v-tabs__container--grow .v-tabs__div {
  flex: 1 0 auto;
  max-width: none;
}
.v-tabs__container--icons-and-text {
  height: 72px;
}
.v-tabs__container--align-with-title {
  padding-left: 56px;
}
.v-tabs__container--fixed-tabs .v-tabs__div,
.v-tabs__container--icons-and-text .v-tabs__div {
  min-width: 72px;
}
.v-tabs__container--centered > .v-tabs__div:first-child,
.v-tabs__container--fixed-tabs > .v-tabs__div:first-child,
.v-tabs__container--right > .v-tabs__div:first-child {
  margin-left: auto;
}
.v-tabs__container--centered .v-tabs__slider-wrapper + .v-tabs__div,
.v-tabs__container--fixed-tabs .v-tabs__slider-wrapper + .v-tabs__div,
.v-tabs__container--right .v-tabs__slider-wrapper + .v-tabs__div {
  margin-left: auto;
}
.v-tabs__container--centered > .v-tabs__div:last-child,
.v-tabs__container--fixed-tabs > .v-tabs__div:last-child {
  margin-right: auto;
}
.v-tabs__container--icons-and-text .v-tabs__item {
  flex-direction: column-reverse;
}
.v-tabs__container--icons-and-text .v-tabs__item .v-icon {
  margin-bottom: 6px;
}
.v-tabs__div {
  align-items: center;
  display: inline-flex;
  flex: 0 1 auto;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  height: inherit;
  max-width: 264px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.v-tabs__item {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  justify-content: center;
  max-width: inherit;
  padding: 6px 12px;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}
.v-tabs__item:not(.v-tabs__item--active) {
  opacity: 0.7;
}
.v-tabs__item--disabled {
  pointer-events: none;
}
.v-tabs__slider {
  height: 2px;
  width: 100%;
}
.v-tabs__slider-wrapper {
  bottom: 0;
  margin: 0 !important;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media only screen and (max-width: 599px) {
  .v-tabs__wrapper--show-arrows .v-tabs__container--align-with-title {
    padding-left: 24px;
  }
  .v-tabs__container--fixed-tabs .v-tabs__div {
    flex: 1 0 auto;
  }
}
@media only screen and (min-width: 600px) {
  .v-tabs__container--fixed-tabs .v-tabs__div,
  .v-tabs__container--icons-and-text .v-tabs__div {
    min-width: 160px;
  }
}

.theme--light.v-textarea.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused textarea {
  color: #fff;
}
.theme--dark.v-textarea.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused textarea {
  color: rgba(0,0,0,0.87);
}
.application--is-rtl .v-textarea.v-text-field--enclosed .v-text-field__slot {
  margin-right: 0;
  margin-left: -12px;
}
.application--is-rtl .v-textarea.v-text-field--enclosed .v-text-field__slot textarea {
  padding-right: 0;
  padding-left: 12px;
}
.v-textarea textarea {
  flex: 1 1 auto;
  line-height: 18px;
  max-width: 100%;
  min-height: 32px;
  outline: none;
  padding: 7px 0 8px;
  width: 100%;
}
.v-textarea .v-text-field__prefix {
  padding-top: 4px;
  align-self: start;
}
.v-textarea.v-text-field--full-width .v-text-field__slot textarea,
.v-textarea.v-text-field--full-width.v-text-field--single-line .v-text-field__slot textarea {
  margin-top: 0;
}
.v-textarea.v-text-field--full-width .v-text-field__details,
.v-textarea.v-text-field--full-width.v-text-field--single-line .v-text-field__details {
  bottom: 4px;
}
.v-textarea.v-text-field--enclosed .v-text-field__slot {
  margin-right: -12px;
}
.v-textarea.v-text-field--enclosed .v-text-field__slot textarea {
  padding-right: 12px;
}
.v-textarea.v-text-field--box .v-text-field__prefix,
.v-textarea.v-text-field--enclosed .v-text-field__prefix,
.v-textarea.v-text-field--box textarea,
.v-textarea.v-text-field--enclosed textarea {
  margin-top: 24px;
}
.v-textarea.v-text-field--box.v-text-field--single-line .v-text-field__prefix,
.v-textarea.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix,
.v-textarea.v-text-field--box.v-text-field--single-line textarea,
.v-textarea.v-text-field--enclosed.v-text-field--single-line textarea {
  margin-top: 12px;
}
.v-textarea.v-text-field--box.v-text-field--single-line .v-label,
.v-textarea.v-text-field--enclosed.v-text-field--single-line .v-label {
  top: 18px;
}
.v-textarea.v-text-field--box.v-text-field--single-line.v-text-field--outline .v-input__control,
.v-textarea.v-text-field--enclosed.v-text-field--single-line.v-text-field--outline .v-input__control {
  padding-top: 0;
}
.v-textarea.v-text-field--solo {
  align-items: flex-start;
}
.v-textarea.v-text-field--solo .v-input__prepend-inner,
.v-textarea.v-text-field--solo .v-input__prepend-outer,
.v-textarea.v-text-field--solo .v-input__append-inner,
.v-textarea.v-text-field--solo .v-input__append-outer {
  align-self: flex-start;
  margin-top: 16px;
}
.v-textarea--auto-grow textarea {
  overflow: hidden;
}
.v-textarea--no-resize textarea {
  resize: none;
}

.theme--light.v-timeline:before {
  background: rgba(0,0,0,0.12);
}
.theme--light.v-timeline .v-timeline-item__dot {
  background: #fff;
}
.theme--light.v-timeline .v-timeline-item .v-card:before {
  border-right-color: rgba(0,0,0,0.12);
}
.theme--dark.v-timeline:before {
  background: rgba(255,255,255,0.12);
}
.theme--dark.v-timeline .v-timeline-item__dot {
  background: #424242;
}
.theme--dark.v-timeline .v-timeline-item .v-card:before {
  border-right-color: rgba(0,0,0,0.12);
}
.v-timeline-item {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 24px;
}
.v-timeline-item:nth-child(odd):not(.v-timeline-item--right),
.v-timeline-item--left {
  flex-direction: row;
}
.v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-card:before,
.v-timeline-item--left .v-card:before,
.v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-card:after,
.v-timeline-item--left .v-card:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 100%;
}
.v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-timeline-item__opposite,
.v-timeline-item--left .v-timeline-item__opposite {
  margin-left: 96px;
  text-align: left;
}
.v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-timeline-item__opposite .v-card:before,
.v-timeline-item--left .v-timeline-item__opposite .v-card:before,
.v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-timeline-item__opposite .v-card:after,
.v-timeline-item--left .v-timeline-item__opposite .v-card:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  left: -10px;
}
.v-timeline-item:nth-child(even):not(.v-timeline-item--left) .v-card:before,
.v-timeline-item--right .v-card:before,
.v-timeline-item:nth-child(even):not(.v-timeline-item--left) .v-card:after,
.v-timeline-item--right .v-card:after {
  right: 100%;
}
.v-timeline-item:nth-child(even):not(.v-timeline-item--left) .v-timeline-item__opposite,
.v-timeline-item--right .v-timeline-item__opposite {
  margin-right: 96px;
  text-align: right;
}
.v-timeline-item:nth-child(even):not(.v-timeline-item--left) .v-timeline-item__opposite .v-card:before,
.v-timeline-item--right .v-timeline-item__opposite .v-card:before,
.v-timeline-item:nth-child(even):not(.v-timeline-item--left) .v-timeline-item__opposite .v-card:after,
.v-timeline-item--right .v-timeline-item__opposite .v-card:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: -10px;
}
.v-timeline-item__dot,
.v-timeline-item__inner-dot {
  border-radius: 50%;
}
.v-timeline-item__dot {
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
  align-self: center;
  position: absolute;
  height: 38px;
  left: calc(50% - 19px);
  width: 38px;
}
.v-timeline-item__dot .v-timeline-item__inner-dot {
  height: 30px;
  margin: 4px;
  width: 30px;
}
.v-timeline-item__dot--small {
  height: 24px;
  left: calc(50% - 12px);
  width: 24px;
}
.v-timeline-item__dot--small .v-timeline-item__inner-dot {
  height: 18px;
  margin: 3px;
  width: 18px;
}
.v-timeline-item__dot--large {
  height: 52px;
  left: calc(50% - 26px);
  width: 52px;
}
.v-timeline-item__dot--large .v-timeline-item__inner-dot {
  height: 42px;
  margin: 5px;
  width: 42px;
}
.v-timeline-item__inner-dot {
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-timeline-item__body {
  position: relative;
  height: 100%;
  flex: 1 1 100%;
  max-width: calc(50% - 48px);
}
.v-timeline-item .v-card:before,
.v-timeline-item .v-card:after {
  content: '';
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #000;
  top: calc(50% - 10px);
}
.v-timeline-item .v-card:after {
  border-right-color: inherit;
}
.v-timeline-item .v-card:before {
  top: calc(50% - 10px + 2px);
}
.v-timeline-item__opposite {
  flex: 1 1 auto;
  align-self: center;
  max-width: calc(50% - 48px);
}
.v-timeline-item--fill-dot .v-timeline-item__inner-dot {
  height: inherit;
  margin: 0;
  width: inherit;
}
.v-timeline {
  padding-top: 24px;
  position: relative;
}
.v-timeline:before {
  bottom: 0;
  content: '';
  height: 100%;
  left: calc(50% - 1px);
  position: absolute;
  top: 0;
  width: 2px;
}
.v-timeline--align-top .v-timeline-item {
  position: relative;
}
.v-timeline--align-top .v-timeline-item__dot {
  top: 6px;
}
.v-timeline--align-top .v-timeline-item__dot--small {
  top: 12px;
}
.v-timeline--align-top .v-timeline-item__dot--large {
  top: 0;
}
.v-timeline--align-top .v-timeline-item .v-card:before {
  top: calc(0% + 10px + 2px);
}
.v-timeline--align-top .v-timeline-item .v-card:after {
  top: calc(0% + 10px);
}
.v-timeline--dense:before {
  left: 18px;
}
.v-timeline--dense .v-timeline-item:nth-child(odd):not(.v-timeline-item--right),
.v-timeline--dense .v-timeline-item--left {
  flex-direction: row-reverse;
}
.v-timeline--dense .v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-card:before,
.v-timeline--dense .v-timeline-item--left .v-card:before,
.v-timeline--dense .v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-card:after,
.v-timeline--dense .v-timeline-item--left .v-card:after {
  right: initial;
  left: -10px;
  -webkit-transform: none;
          transform: none;
}
.v-timeline--dense .v-timeline-item__dot {
  left: 0;
}
.v-timeline--dense .v-timeline-item__dot--small {
  left: 7px;
}
.v-timeline--dense .v-timeline-item__dot--large {
  left: -7px;
}
.v-timeline--dense .v-timeline-item__body {
  max-width: calc(100% - 64px);
}
.v-timeline--dense .v-timeline-item__opposite {
  display: none;
}

.v-time-picker-title {
  color: #fff;
  display: flex;
  line-height: 1;
  justify-content: flex-end;
}
.v-time-picker-title__time {
  white-space: nowrap;
}
.v-time-picker-title__time .v-picker__title__btn,
.v-time-picker-title__time span {
  align-items: center;
  display: inline-flex;
  height: 70px;
  font-size: 70px;
  justify-content: center;
}
.v-time-picker-title__ampm {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin: 8px 0 6px 8px;
  text-transform: uppercase;
}
.v-time-picker-title__ampm div:only-child {
  flex-direction: row;
}
.v-picker__title--landscape .v-time-picker-title {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.v-picker__title--landscape .v-time-picker-title__time {
  text-align: right;
}
.v-picker__title--landscape .v-time-picker-title__time .v-picker__title__btn,
.v-picker__title--landscape .v-time-picker-title__time span {
  height: 55px;
  font-size: 55px;
}
.v-picker__title--landscape .v-time-picker-title__ampm {
  margin: 16px 0 0;
  align-self: initial;
  text-align: center;
}

/** Themes */
.theme--light.v-time-picker-clock {
  background: #e0e0e0;
}
.theme--light.v-time-picker-clock .v-time-picker-clock__item--disabled {
  color: rgba(0,0,0,0.26);
}
.theme--light.v-time-picker-clock .v-time-picker-clock__item--disabled.v-time-picker-clock__item--active {
  color: rgba(255,255,255,0.3);
}
.theme--light.v-time-picker-clock--indeterminate .v-time-picker-clock__hand {
  background-color: #bdbdbd;
}
.theme--light.v-time-picker-clock--indeterminate .v-time-picker-clock__hand:after {
  color: #bdbdbd;
}
.theme--light.v-time-picker-clock--indeterminate .v-time-picker-clock__item--active {
  background-color: #bdbdbd;
}
.theme--dark.v-time-picker-clock {
  background: #616161;
}
.theme--dark.v-time-picker-clock .v-time-picker-clock__item--disabled {
  color: rgba(255,255,255,0.3);
}
.theme--dark.v-time-picker-clock .v-time-picker-clock__item--disabled.v-time-picker-clock__item--active {
  color: rgba(255,255,255,0.3);
}
.theme--dark.v-time-picker-clock--indeterminate .v-time-picker-clock__hand {
  background-color: #757575;
}
.theme--dark.v-time-picker-clock--indeterminate .v-time-picker-clock__hand:after {
  color: #757575;
}
.theme--dark.v-time-picker-clock--indeterminate .v-time-picker-clock__item--active {
  background-color: #757575;
}
.v-time-picker-clock {
  border-radius: 100%;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  padding-top: 100%;
}
.v-time-picker-clock__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.v-time-picker-clock__hand {
  height: calc(50% - 4px);
  width: 2px;
  bottom: 50%;
  left: calc(50% - 1px);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  position: absolute;
  will-change: transform;
  z-index: 1;
}
.v-time-picker-clock__hand:before {
  background: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.v-time-picker-clock__hand:after {
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  top: 100%;
  left: 50%;
  border-radius: 100%;
  border-style: solid;
  border-color: inherit;
  background-color: inherit;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.v-time-picker-clock__hand--inner:after {
  height: 14px;
}
.v-picker--full-width .v-time-picker-clock__container {
  max-width: 290px;
}
.v-time-picker-clock__inner {
  position: absolute;
  bottom: 27px;
  left: 27px;
  right: 27px;
  top: 27px;
}
.v-time-picker-clock__item {
  align-items: center;
  border-radius: 100%;
  cursor: default;
  display: flex;
  font-size: 16px;
  justify-content: center;
  height: 40px;
  position: absolute;
  text-align: center;
  width: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.v-time-picker-clock__item > span {
  z-index: 1;
}
.v-time-picker-clock__item:before,
.v-time-picker-clock__item:after {
  content: '';
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 14px;
  width: 14px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.v-time-picker-clock__item:after,
.v-time-picker-clock__item:before {
  height: 40px;
  width: 40px;
}
.v-time-picker-clock__item--active {
  color: #fff;
  cursor: default;
  z-index: 2;
}
.v-time-picker-clock__item--disabled {
  pointer-events: none;
}

/* Theme */
.theme--light.v-toolbar {
  background-color: #f5f5f5;
  color: rgba(0,0,0,0.87);
}
.theme--dark.v-toolbar {
  background-color: #212121;
  color: #fff;
}
.application--is-rtl .v-toolbar__title:not(:first-child) {
  margin-left: 0;
  margin-right: 20px;
}
.v-toolbar {
  transition: none;
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
  position: relative;
  width: 100%;
  will-change: padding-left, padding-right;
}
.v-toolbar[data-booted="true"] {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-toolbar .v-text-field--enclosed,
.v-toolbar .v-text-field--box {
  margin: 0;
}
.v-toolbar .v-text-field--enclosed .v-text-field__details,
.v-toolbar .v-text-field--box .v-text-field__details {
  display: none;
}
/** Children */
.v-toolbar .v-tabs {
  width: 100%;
}
.v-toolbar__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v-toolbar__title:not(:first-child) {
  margin-left: 20px;
}
.v-toolbar__content,
.v-toolbar__extension {
  align-items: center;
  display: flex;
  padding: 0 24px;
}
.v-toolbar__content .v-btn--icon,
.v-toolbar__extension .v-btn--icon {
  margin: 6px;
}
.v-toolbar__content > *:first-child,
.v-toolbar__extension > *:first-child {
  margin-left: 0;
}
.v-toolbar__content > *:first-child.v-btn--icon,
.v-toolbar__extension > *:first-child.v-btn--icon {
  margin-left: -6px;
}
.v-toolbar__content > *:first-child.v-menu .v-menu__activator .v-btn,
.v-toolbar__extension > *:first-child.v-menu .v-menu__activator .v-btn,
.v-toolbar__content > *:first-child.v-tooltip span .v-btn,
.v-toolbar__extension > *:first-child.v-tooltip span .v-btn {
  margin-left: 0;
}
.v-toolbar__content > *:first-child.v-menu .v-menu__activator .v-btn--icon,
.v-toolbar__extension > *:first-child.v-menu .v-menu__activator .v-btn--icon,
.v-toolbar__content > *:first-child.v-tooltip span .v-btn--icon,
.v-toolbar__extension > *:first-child.v-tooltip span .v-btn--icon {
  margin-left: -6px;
}
.v-toolbar__content > *:last-child,
.v-toolbar__extension > *:last-child {
  margin-right: 0;
}
.v-toolbar__content > *:last-child.v-btn--icon,
.v-toolbar__extension > *:last-child.v-btn--icon {
  margin-right: -6px;
}
.v-toolbar__content > *:last-child.v-menu .v-menu__activator .v-btn,
.v-toolbar__extension > *:last-child.v-menu .v-menu__activator .v-btn,
.v-toolbar__content > *:last-child.v-tooltip span .v-btn,
.v-toolbar__extension > *:last-child.v-tooltip span .v-btn {
  margin-right: 0;
}
.v-toolbar__content > *:last-child.v-menu .v-menu__activator .v-btn--icon,
.v-toolbar__extension > *:last-child.v-menu .v-menu__activator .v-btn--icon,
.v-toolbar__content > *:last-child.v-tooltip span .v-btn--icon,
.v-toolbar__extension > *:last-child.v-tooltip span .v-btn--icon {
  margin-right: -6px;
}
.v-toolbar__content > .v-list,
.v-toolbar__extension > .v-list {
  flex: 1 1 auto;
  max-height: 100%;
}
.v-toolbar__content > .v-list:first-child,
.v-toolbar__extension > .v-list:first-child {
  margin-left: -24px;
}
.v-toolbar__content > .v-list:last-child,
.v-toolbar__extension > .v-list:last-child {
  margin-right: -24px;
}
.v-toolbar__extension > .v-toolbar__title {
  margin-left: 72px;
}
.v-toolbar__items {
  display: flex;
  height: inherit;
  max-width: 100%;
  padding: 0;
}
.v-toolbar__items .v-btn {
  align-items: center;
  align-self: center;
}
.v-toolbar__items .v-tooltip,
.v-toolbar__items .v-tooltip > span {
  height: inherit;
}
.v-toolbar__items .v-btn:not(.v-btn--floating):not(.v-btn--icon),
.v-toolbar__items .v-menu,
.v-toolbar__items .v-menu__activator {
  height: inherit;
  margin: 0;
}
/** Types */
.v-toolbar .v-overflow-btn,
.v-toolbar .v-btn-toggle {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12);
}
.v-toolbar .v-input {
  margin: 0;
}
.v-toolbar .v-overflow-btn .v-input__control:before,
.v-toolbar .v-overflow-btn .v-input__slot:before {
  display: none;
}
.v-toolbar--card {
  border-radius: 2px 2px 0 0;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12);
}
.v-toolbar--fixed {
  position: fixed;
  z-index: 2;
}
.v-toolbar--fixed,
.v-toolbar--absolute {
  top: 0;
  left: 0;
}
.v-toolbar--absolute {
  position: absolute;
  z-index: 2;
}
.v-toolbar--floating {
  display: inline-flex;
  margin: 16px;
  width: auto;
}
.v-toolbar--clipped {
  z-index: 3;
}
@media only screen and (max-width: 959px) {
  .v-toolbar__content,
  .v-toolbar__extension {
    padding: 0 16px;
  }
  .v-toolbar__content > .v-list:first-child,
  .v-toolbar__extension > .v-list:first-child {
    margin-left: -16px;
  }
  .v-toolbar__content > .v-list:last-child,
  .v-toolbar__extension > .v-list:last-child {
    margin-right: -16px;
  }
}

.v-tooltip__content {
  background: #616161;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  padding: 5px 8px;
  position: absolute;
  text-transform: initial;
  width: auto;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.v-tooltip__content[class*="-active"] {
  transition: 0.15s cubic-bezier(0.25, 0.8, 0.5, 1);
  pointer-events: none;
}
.v-tooltip__content--fixed {
  position: fixed;
}
@media only screen and (max-width: 959px) {
  .v-tooltip .v-tooltip__content {
    padding: 10px 16px;
  }
}

/* Theme */
.theme--light.v-treeview {
  color: rgba(0,0,0,0.87);
}
.theme--light.v-treeview--hoverable .v-treeview-node__root:hover,
.theme--light.v-treeview .v-treeview-node--active {
  background: rgba(0,0,0,0.12);
}
.theme--dark.v-treeview {
  color: #fff;
}
.theme--dark.v-treeview--hoverable .v-treeview-node__root:hover,
.theme--dark.v-treeview .v-treeview-node--active {
  background: rgba(255,255,255,0.12);
}
.application--is-rtl .v-treeview > .v-treeview-node {
  margin-right: 0;
}
.application--is-rtl .v-treeview > .v-treeview-node--leaf {
  margin-right: 24px;
  margin-left: 0;
}
.application--is-rtl .v-treeview-node {
  margin-right: 26px;
  margin-left: 0;
}
.application--is-rtl .v-treeview-node--leaf {
  margin-right: 50px;
  margin-left: 0;
}
.application--is-rtl .v-treeview-node__toggle {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.application--is-rtl .v-treeview-node__toggle--open {
  -webkit-transform: none;
          transform: none;
}
.v-treeview > .v-treeview-node {
  margin-left: 0;
}
.v-treeview > .v-treeview-node--leaf {
  margin-left: 24px;
}
.v-treeview-node {
  margin-left: 26px;
}
.v-treeview-node--excluded {
  display: none;
}
.v-treeview-node--click > .v-treeview-node__root,
.v-treeview-node--click > .v-treeview-node__root > .v-treeview-node__content > * {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-treeview-node--leaf {
  margin-left: 50px;
}
.v-treeview-node__root {
  display: flex;
  align-items: center;
  min-height: 34px;
}
.v-treeview-node__content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
}
.v-treeview-node__content .v-btn {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
}
.v-treeview-node__label {
  font-size: 1.2rem;
  margin-left: 6px;
  flex-grow: 1;
  flex-shrink: 0;
}
.v-treeview-node__label .v-icon {
  padding-right: 8px;
}
.v-treeview-node__checkbox {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-treeview-node__toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.v-treeview-node__toggle--open {
  -webkit-transform: none;
          transform: none;
}
.v-treeview-node__toggle--loading {
  -webkit-animation: progress-circular-rotate 1s linear infinite;
          animation: progress-circular-rotate 1s linear infinite;
}
.v-treeview-node__children {
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes 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 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);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes 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 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);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes 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 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);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes 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 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);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*========= All App File Are Include Here ==========*/
/*========== Custome Variable ==========*/
/*==== Core Mixins ====*/
/*======= All App Mixin Include Here ========*/
/*================= Gredient Animation ===================*/
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

/*=========== Background Mixin ===========*/
/*======== All Common Mixin Include Is Here ========*/
/*==== Core Utilities =====*/
/*======= All App Utilities Include Here =======*/
/*=========== Background Utilities ==========*/
.gradient-primary {
  background: linear-gradient(180deg, #5D92F4 0%, #09203F 100%); }
  .gradient-primary * {
    color: #FFFFFF; }

.gradient-success {
  background: linear-gradient(180deg, #00D0BD 0%, #007ADF 100%); }
  .gradient-success * {
    color: #FFFFFF; }

.gradient-pink {
  background: linear-gradient(180deg, #B91372 0%, #33080D 100%); }
  .gradient-pink * {
    color: #FFFFFF; }

.gradient-warning {
  background: linear-gradient(0deg, #B02E0C 0%, #FFB70F 100%); }
  .gradient-warning * {
    color: #FFFFFF; }

.gradient-purple {
  background: linear-gradient(0deg, #F53844 0%, #42378F 100%); }
  .gradient-purple * {
    color: #FFFFFF; }

.facebook-bg {
  background-color: #4766CE; }

.google-bg {
  background-color: #CB2929; }

.instagram-bg {
  background-color: #FF37CF; }

.linkedin-bg {
  background-color: #0077B5; }

.twitter-bg {
  background-color: #3CB1F1; }

.github-bg {
  background-color: #6f574e; }

.facebook .v-icon,
.facebook i {
  color: #3B5998 !important; }

.google .v-icon,
.google i {
  color: #D82218 !important; }

.twitter .v-icon,
.twitter i {
  color: #1FA2FA !important; }

.linkedin .v-icon,
.linkedin i {
  color: #4875B4 !important; }

.instagram .v-icon,
.instagram i {
  color: #F45DA0 !important; }

.grayish-blue {
  background-color: #FFFFFF !important; }

.aqua-bg {
  background-color: #DFEAFF; }

.bg-primary {
  background-color: #5D92F4 !important; }

.bg-secondary {
  background-color: #82b1ff !important; }

.bg-success {
  background-color: #00D014 !important; }

.bg-info {
  background-color: #00D0BD !important; }

.bg-warning {
  background-color: #FFB70F !important; }

.bg-danger {
  background-color: #FF3739 !important; }

.bg-light {
  background-color: #FFFFFF !important; }

.bg-dark {
  background-color: #000000 !important; }

.bg-blue {
  background-color: #2E62FF !important; }

/*=========== All site Typography Setting Here ===========*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 1.75rem; }

h2, .h2 {
  font-size: 1.5rem; }

h3, .h3 {
  font-size: 1.375rem; }

h4, .h4 {
  font-size: 1.125rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.875rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

.font-lg {
  font-size: 1.25rem; }

.font-sm {
  font-size: 0.875rem; }

.font-md {
  font-size: 1.125rem; }

.font-2x {
  font-size: 2rem; }

.font-3x {
  font-size: 3rem; }

.font-4x {
  font-size: 4rem; }

.font-5x {
  font-size: 5em; }

.font-xl {
  font-size: 42px; }

.fs-12 {
  font-size: 12px; }

.fs-13 {
  font-size: 0.8125rem; }

.fs-14 {
  font-size: 0.875rem; }

.fw-bold {
  font-weight: 700 !important; }

.fw-semi-bold {
  font-weight: 600 !important; }

.fw-normal {
  font-weight: 500 !important; }

.fw-light {
  font-weight: 300 !important; }

/*=================== Responsive ====================*/
/*===== Custom File =======*/
/*======= All App Custom Files Include Here ======*/
/*======== Main Scss ========*/
.app-card {
  background-color: #FFF;
  border-radius: 0px;
  margin-bottom: 0rem;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08);
  transition: all .4s ease-in-out 0s;
  position: relative;
  height: 100%;
  overflow: hidden; }
  .app-card .app-card-title {
    position: relative;
    padding: 1rem 1.25rem;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .app-card .app-card-title h3, .app-card .app-card-title .app-title {
      font-size: 1rem;
      color: #464D69;
      text-transform: uppercase;
      font-weight: 600;
      margin: 0; }
    .app-card .app-card-title-m {
      padding: 20px 10px 10px 10px;
      color: #464d69; }
  .app-card .app-contextual-link .v-btn .v-icon {
    color: #A5A7B2; }
  .app-card .app-card-content {
    padding: 1.25rem 1.25rem; }
  .app-card .app-full-content {
    padding: 0; }
  .app-card .app-footer {
    padding: 1rem 1.25rem;
    border-top: 1px solid #EBECEF; }
    .app-card .app-footer .v-btn {
      margin: 0; }
  .app-card:hover {
    box-shadow: none; }

.app-card-action {
  background-color: #FAFAFA !important;
  overflow: hidden; }
  .app-card-action .v-list__tile {
    height: 40px;
    font-size: 0.875rem;
    margin: 0.3125rem;
    background-color: #FFFFFF;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02); }
    .app-card-action .v-list__tile span {
      transition: all 0.4s ease-in-out; }
    .app-card-action .v-list__tile:hover {
      background-color: #FFFFFF !important; }
      .app-card-action .v-list__tile:hover span {
        color: #5D92F4 !important; }

.content {
  overflow-y: hidden; }

.dash-title {
  margin: 0.9375rem 0; }
  .dash-title span {
    color: #464D69;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold; }
    .dash-title span a {
      vertical-align: 2px; }
      .dash-title span a i {
        font-size: 0.8125rem;
        color: #464D69;
        margin-left: 5px; }

.dash-card-wrap, .card {
  transition: all 0.4s ease-in-out 0s; }
  .dash-card-wrap:hover, .card:hover {
    box-shadow: none; }

#nprogress .bar {
  background: #FF3739 !important; }

#nprogress .spinner-icon {
  border-top-color: #FF3739 !important;
  border-left-color: #FF3739 !important; }

/*======== Common Scss ========*/
html {
  font-size: 16px; }

@media (max-width: 1280px) and (min-width: 960px) {
  html {
    font-size: 15px; } }

@media (max-width: 959px) and (min-width: 320px) {
  html {
    font-size: 14px; } }

html,
body {
  overflow-x: hidden !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  html .application,
  body .application {
    font-family: "Rubik", sans-serif !important;
    background-color: #F4F7FA;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    color: #000000;
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-wrap: break-word;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

[tabindex='-1']:focus {
  outline: none; }

select,
button,
textarea,
input {
  vertical-align: baseline; }

html[dir=rtl], html[dir=ltr],
body[dir=rtl],
body[dir=ltr] {
  unicode-bidi: embed; }

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

a {
  transition: all 0.5s ease 0s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }

.clickable {
  cursor: pointer; }

.cursor-unset {
  cursor: unset; }

.hover-dark:hover {
  background: #eee; }

a:hover,
a:active,
a:focus {
  outline: 0;
  text-decoration: none; }

*::-moz-selection {
  background-color: #5D92F4;
  color: #FFFFFF; }

code {
  color: #FF3739 !important; }

.pos-relative {
  position: relative; }

.pos-absolute {
  position: absolute; }

sup {
  top: -0.9em; }

.overlay-wrap {
  position: relative; }

.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

address span {
  display: block; }

.pos-center:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.center-holder {
  display: inline-block;
  height: auto;
  padding: 1.25rem;
  vertical-align: middle;
  width: 90%; }

.no-gutter {
  padding: 0 !important; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }
  .list-inline li {
    float: left;
    padding: 0 3px; }

@media (max-width: 599px) {
  .d-sm-none {
    display: none !important; } }

.clearfix {
  overflow: auto; }

.mx-auto {
  margin: 0 auto; }

.overflow-hidden {
  overflow: hidden; }

.overflow-hidden-y {
  overflow-y: hidden; }

.overflow-hidden-x {
  overflow-x: hidden; }

.overflow-auto-y {
  overflow-y: auto; }

.overflow-auto-x {
  overflow-x: auto; }

.small {
  color: #A5A7B2;
  font-size: 14px; }

.badge--overlap {
  top: -15px; }

.mb-30 {
  margin-bottom: 1.875rem; }

.mb-70 {
  margin-bottom: 4.375rem; }

.mb-150 {
  margin-bottom: 9.375rem; }

.mb-250 {
  margin-bottom: 15.625rem; }

.pt-70 {
  padding-top: 4.375rem; }

.mt-70 {
  margin-top: 4.375rem; }

.img-responsive {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto; }

.rounded-circle {
  border-radius: 100% !important; }

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start; }

.media-body {
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #D7DCE4;
  margin: 0.625rem 0;
  padding: 0; }

.card-base {
  background-color: #F4F7FA;
  border-left: 1px solid #D7DCE4;
  border-right: 1px solid #D7DCE4;
  border-top: 1px solid #D7DCE4;
  border-bottom: 1px solid #D7DCE4;
  padding: 1.25rem 1.875rem; }

.amcharts-main-div a {
  display: none !important; }

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
  width: auto; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.layout > .flex {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }

.heading-light h3 {
  color: #FFFFFF !important; }

.border-rad-0 {
  border-radius: 0px; }

/*======== Card Masonry =======*/
.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem; }
  .card-columns .v-card {
    display: inline-block;
    width: 100%; } }

/*======== Editor =============*/
.ql-container,
.editr--content {
  min-height: 300px; }

.div-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

/*======== Responsive =========*/
@media (max-width: 1199px) and (min-width: 901px) {
  .d-sm-full {
    max-width: 100% !important;
    flex-basis: 100% !important; }
  .d-sm-half-block {
    max-width: 50% !important;
    flex-basis: 50% !important; } }

@media (max-width: 767px) and (min-width: 320px) {
  .d-xs-full {
    max-width: 100% !important;
    flex-basis: 100% !important; }
  .d-xs-half-block {
    max-width: 50% !important;
    flex-basis: 50% !important; } }

@media (max-width: 800px) and (min-width: 320px) {
  .w-full {
    max-width: 100% !important;
    flex-basis: 100% !important; } }

@media (max-width: 850px) and (min-width: 320px) {
  .carousel {
    height: 200px; } }

@media (max-width: 600px) {
  .input-label .pt-4 {
    padding-top: 0 !important; }
  .v-tabs__item {
    font-size: 0.75rem !important; } }

.background-none {
  background-image: none !important; }

.d-none {
  display: none !important; }

.d-custom-flex {
  display: flex !important; }

.align-self-center {
  align-self: center; }

.align-items-center {
  align-items: center; }

.justify-content-end {
  justify-content: flex-end; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

/*======== Width =========*/
@media (min-width: 600px) {
  .d-w-60 {
    width: 60%; } }

.w-2 {
  width: 2%; }

.w-5 {
  width: 5%; }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-35 {
  width: 35%; }

.w-40 {
  width: 40%; }

.w-50 {
  width: 50%; }

.w-55 {
  width: 55%; }

.w-60 {
  width: 60%; }

.w-65 {
  width: 65%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.w-85 {
  width: 85%; }

.w-100 {
  width: 100%; }

.max-w-50 {
  max-width: 50%; }

.h-100 {
  height: 100%; }

.h-auto {
  height: auto !important; }

.w-fit-c {
  width: fit-content; }

.h-inherit {
  height: inherit; }

/*======== theme--light =========*/
.theme--light.application {
  background-color: #F4F7FA;
  color: #000000; }

.theme--light .v-list {
  color: #000000; }
  .theme--light .v-list .v-list__tile__sub-title {
    color: #000000; }

.theme--light .card {
  color: #000000; }

.theme--light .list-aqua-ripple .v-list__tile--link:hover {
  background-color: #DFEAFF !important; }

.theme--light .v-table thead th {
  color: #000000; }

.theme--light .grey--text {
  color: #727891 !important; }

.theme--light .v-icon {
  color: inherit; }

.spinner:after {
  background: #00D014 !important; }

/*============ Default App Layout ===========*/
.app-default-layout .v-content__wrap,
.app-mini-layout .v-content__wrap {
  overflow: auto;
  height: calc(100vh - 90px);
  background-color: #F4F7FA; }

@media print {
  .app-default-layout .v-content__wrap,
  .app-mini-layout .v-content__wrap {
    background-color: white !important; } }

/*============ Horizontal App Layout ===========*/
.app-horizontal-layout .v-content__wrap {
  overflow: auto;
  height: calc(100vh - 114px); }

/*============ Boxed App Layout ===========*/
.app-boxed-layout .app-content {
  overflow: auto;
  height: calc(100vh - 239px); }

/*============Loader on signin with Auth 0 ===========*/
.spinner {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important; }

#nprogress .spinner {
  position: absolute !important;
  top: 22px !important;
  bottom: auto !important;
  left: auto !important;
  right: 10px !important;
  margin: auto !important; }

/*======= Horizontal Menu Scss =======*/
.app-horizontal-layout {
  overflow: hidden; }
  .app-horizontal-layout .site-logo-wrap .site-logo-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    padding: 0 4rem 0 1.5rem; }
  .app-horizontal-layout .v-content {
    margin-top: 3.25rem; }
  .app-horizontal-layout .Vuely-toolbar .navbar-left {
    margin: 0 !important;
    padding: 0 !important; }
  .app-horizontal-layout .horizontal-menu .search-form {
    display: none; }
  @media (min-width: 960px) {
    .app-horizontal-layout .v-menu.user-block-wrap {
      display: inline-block !important; } }

.horizontal-menu {
  display: flex;
  background-color: #FFFFFF;
  height: 3.125rem;
  margin-top: 64px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0 2px 10px 0 rgba(204, 204, 204, 0.5); }
  .horizontal-menu .no-arrow::after {
    display: none; }
  .horizontal-menu > ul {
    width: 100%; }
    .horizontal-menu > ul.horizontal-center {
      justify-content: center; }
    .horizontal-menu > ul > li {
      position: relative;
      display: inline-block; }
      .horizontal-menu > ul > li > a {
        color: #000000;
        padding: 0.9375rem 1.563rem 0.9375rem 1.563rem;
        font-size: 0.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.125rem; }
        .horizontal-menu > ul > li > a::after {
          content: "\F2F9";
          font-family: 'Material-Design-Iconic-Font';
          font-size: 0.8rem;
          margin-left: 0.9375rem; }
        .horizontal-menu > ul > li > a:hover {
          background-color: #FAFAFA; }
        .horizontal-menu > ul > li > a i {
          margin-right: 0.625rem; }
      .horizontal-menu > ul > li:hover .sub-menu {
        opacity: 1;
        visibility: visible; }
      .horizontal-menu > ul > li .sub-menu {
        position: absolute;
        left: 0;
        z-index: 99;
        background-color: #FFFFFF;
        width: 12rem;
        visibility: hidden;
        opacity: 0;
        transform-origin: left 0 0;
        transition: all 0.3s ease-in-out 0s;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.09); }
        .horizontal-menu > ul > li .sub-menu > li > a::after {
          content: "\F2FB";
          font-family: 'Material-Design-Iconic-Font';
          position: absolute;
          right: 18px; }
        .horizontal-menu > ul > li .sub-menu > li > a:hover {
          background-color: #FAFAFA; }
        .horizontal-menu > ul > li .sub-menu .deep-level {
          width: 400px !important;
          height: 380px; }
          .horizontal-menu > ul > li .sub-menu .deep-level li {
            display: inline-block;
            width: 32%; }
        .horizontal-menu > ul > li .sub-menu li {
          position: relative; }
          .horizontal-menu > ul > li .sub-menu li a:hover {
            background-color: #FAFAFA; }
          .horizontal-menu > ul > li .sub-menu li:hover .sub-menu-child {
            opacity: 1;
            visibility: visible; }
          .horizontal-menu > ul > li .sub-menu li .sub-menu-child {
            position: absolute;
            width: 100%;
            left: 12rem;
            top: 0;
            background-color: #FFFFFF;
            opacity: 0;
            visibility: hidden;
            transform-origin: left 0 0;
            transition: all 0.3s ease-in-out 0s;
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.09); }
          .horizontal-menu > ul > li .sub-menu li a {
            color: #000000;
            padding: 0.375rem 0.75rem;
            font-size: 0.875rem;
            display: block; }
            .horizontal-menu > ul > li .sub-menu li a i {
              margin-right: 0.625rem; }
  .horizontal-menu .sidebar-label {
    right: 26px;
    top: 9px; }

@media (max-width: 1460px) {
  .horizontal-menu > ul > li > a {
    padding: 0.9375rem 1rem 0.9375rem 1rem; } }

@media (max-width: 959px) and (min-width: 320px) {
  .app-horizontal-layout .site-logo-wrap .site-logo-img {
    height: 48px;
    padding: 0 3rem 0 1rem; }
  .app-horizontal-layout .menu-title .search-bar,
  .app-horizontal-layout .menu-title .mobile-search,
  .app-horizontal-layout .upgrade-btn .search-bar,
  .app-horizontal-layout .upgrade-btn .mobile-search,
  .app-horizontal-layout .Vuely-toolbar .search-bar,
  .app-horizontal-layout .Vuely-toolbar .mobile-search {
    display: none !important; }
  .app-horizontal-layout .horizontal-menu {
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .app-horizontal-layout .horizontal-menu ul.nav,
    .app-horizontal-layout .horizontal-menu .search-bar {
      display: none; }
    .app-horizontal-layout .horizontal-menu .ham-menu-sm,
    .app-horizontal-layout .horizontal-menu .search-form,
    .app-horizontal-layout .horizontal-menu .mobile-search {
      display: block !important; } }

@media (max-width: 561px) and (min-width: 320px) {
  .app-horizontal-layout .site-logo-wrap .site-logo-img {
    height: 56px;
    padding: 0 0.75rem; }
  .app-horizontal-layout .horizontal-menu {
    margin-top: 56px; } }

/*=========== Sidebar Scss ============*/
.v-navigation-drawer--is-mobile .sidebar-profile {
  margin-top: 0 !important; }

.v-navigation-drawer {
  overflow-y: auto;
  height: 100% !important;
  display: flex;
  flex-direction: column;
  background-position: 100% center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.4s linear 0s;
  padding: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
  .v-navigation-drawer .navigation .v-list .sidebar-profile {
    margin-bottom: 0.9375rem; }
  .v-navigation-drawer .navigation .v-list .v-list__tile--link {
    font-size: 14px; }
  .v-navigation-drawer .navigation .v-list .sidebar-title span {
    font-size: 12px;
    margin-bottom: 0.625rem;
    display: block;
    text-transform: uppercase;
    margin-top: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid white; }
  .v-navigation-drawer .navigation .v-list .v-list__group {
    margin-bottom: 0.625rem; }
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header .v-list__group__header__prepend-icon {
      min-width: 30px; }
      .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header .v-list__group__header__prepend-icon .v-icon {
        transform: rotate(0);
        transition: all 0.3s ease-in-out;
        font-size: 14px; }
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header .v-list__tile {
      color: #1D2433;
      font-size: 14px;
      padding-left: 0; }
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header.v-list__group__header--active:before {
      transform: scaleX(1); }
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header.v-list__group__header--active .v-list__tile__title,
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header.v-list__group__header--active i {
      color: #FFFFFF; }
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header.v-list__group__header--active .v-list__group__header__prepend-icon .v-icon {
      transform: rotate(90deg); }
    .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__items .v-list__tile--link {
      padding-left: 2.813rem; }
      .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__items .v-list__tile--link:hover, .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__items .v-list__tile--link.v-list__tile--active {
        background-color: transparent !important; }
  .v-navigation-drawer .navigation .v-list > div > .v-list__tile--link,
  .v-navigation-drawer .navigation .v-list .v-list__group__header {
    background-color: transparent !important;
    position: relative; }
    .v-navigation-drawer .navigation .v-list > div > .v-list__tile--link:before,
    .v-navigation-drawer .navigation .v-list .v-list__group__header:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -1;
      width: 210px;
      border-radius: 0 100px 100px 0;
      background-color: rgba(0, 0, 0, 0.2);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.4s ease-in-out;
      box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.09); }
    .v-navigation-drawer .navigation .v-list > div > .v-list__tile--link:hover:before,
    .v-navigation-drawer .navigation .v-list .v-list__group__header:hover:before {
      transform: scaleX(1); }
  .v-navigation-drawer .navigation .v-list > div > .v-list__tile--link {
    margin-bottom: 0.5rem; }
    .v-navigation-drawer .navigation .v-list > div > .v-list__tile--link > .v-list__tile__action {
      padding: 0 0.25rem; }
  .v-navigation-drawer .navigation .v-list .v-list__tile--link {
    width: 210px;
    border-radius: 0 100px 100px 0;
    transition: background-color 0.3s ease; }
    .v-navigation-drawer .navigation .v-list .v-list__tile--link .v-list__tile__action {
      min-width: 30px; }
      .v-navigation-drawer .navigation .v-list .v-list__tile--link .v-list__tile__action i {
        font-size: 14px; }
    .v-navigation-drawer .navigation .v-list .v-list__tile--link.v-list__tile--active:before {
      transform: scaleX(1); }
  .v-navigation-drawer .navigation .v-list .v-list__group--active::after, .v-navigation-drawer .navigation .v-list .v-list__group--active::before {
    background: none; }

.scroll-area {
  position: relative;
  height: 100%; }

.sidebar {
  height: 100%;
  overflow: hidden;
  overflow-x: hidden; }
  .sidebar * {
    color: #FFFFFF; }
  .sidebar .site-logo {
    padding: 0 1.25rem; }
  .sidebar::before, .sidebar::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -9; }
  .sidebar::before {
    opacity: .9; }

z .sidebar-profile .v-list__tile__content .v-list__tile__title {
  font-size: 0.875rem; }

.userblock-dropdown {
  background-color: #FAFAFA; }
  .userblock-dropdown .dropdown-content .dropdown-top {
    padding: 1rem 1.25rem; }
  .userblock-dropdown .dropdown-content .dropdown-list {
    background: transparent; }
    .userblock-dropdown .dropdown-content .dropdown-list > div {
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
      margin: 0.3125rem; }
      .userblock-dropdown .dropdown-content .dropdown-list > div .v-list__tile {
        background-color: #FFFFFF; }
        .userblock-dropdown .dropdown-content .dropdown-list > div .v-list__tile span {
          font-size: 0.875rem;
          transition: color 0.3s ease; }
        .userblock-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover {
          background-color: #FFFFFF !important; }
          .userblock-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover span {
            color: #5D92F4 !important; }

.Vuely-sidebar.background-none .sidebar:before {
  opacity: 1 !important; }

.sidebar-overlay-dark::before {
  background: #2E3344; }

.sidebar-overlay-light::before {
  background: rgba(255, 255, 255, 0.9); }

.sidebar-overlay-primary::before {
  background: linear-gradient(180deg, #5D92F4 0%, #09203F 100%); }

.sidebar-overlay-success::before {
  background: linear-gradient(180deg, #00D0BD 0%, #007ADF 100%); }

.sidebar-overlay-pink::before {
  background: linear-gradient(180deg, #B91372 0%, #33080D 100%); }

.sidebar-overlay-warning::before {
  background: linear-gradient(0deg, #B02E0C 0%, #FFB70F 100%); }

.sidebar-overlay-purple::before {
  background: linear-gradient(0deg, #F53844 0%, #42378F 100%); }

/*======= Hide Sidebar Background Image =======*/
.background-none {
  background-image: none !important; }

/*=========== Right Sidebar ============*/
.inner-toolbar {
  padding: 1.25rem; }
  .inner-toolbar .v-list__tile {
    padding: 0; }
  .inner-toolbar .theme-color .v-list,
  .inner-toolbar .sidebar-filter .v-list,
  .inner-toolbar .header-filter .v-list {
    display: flex;
    align-items: center;
    justify-content: center; }
    .inner-toolbar .theme-color .v-list .v-list__tile--link,
    .inner-toolbar .sidebar-filter .v-list .v-list__tile--link,
    .inner-toolbar .header-filter .v-list .v-list__tile--link {
      height: 1.75rem;
      width: 1.75rem;
      border-radius: 100%;
      overflow: hidden;
      margin: 0 0.25rem;
      position: relative; }
      .inner-toolbar .theme-color .v-list .v-list__tile--link:after,
      .inner-toolbar .sidebar-filter .v-list .v-list__tile--link:after,
      .inner-toolbar .header-filter .v-list .v-list__tile--link:after {
        position: absolute;
        content: "";
        border: 2px solid #FFFFFF;
        transform: scale(2);
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0.25rem;
        border-radius: 100%;
        transition: all 0.3s ease-in-out; }
      .inner-toolbar .theme-color .v-list .v-list__tile--link span,
      .inner-toolbar .sidebar-filter .v-list .v-list__tile--link span,
      .inner-toolbar .header-filter .v-list .v-list__tile--link span {
        height: 1.75rem;
        width: 1.75rem;
        position: relative;
        display: inline-block; }
        .inner-toolbar .theme-color .v-list .v-list__tile--link span:before,
        .inner-toolbar .sidebar-filter .v-list .v-list__tile--link span:before,
        .inner-toolbar .header-filter .v-list .v-list__tile--link span:before {
          position: absolute;
          content: "";
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }
    .inner-toolbar .theme-color .v-list .active-theme .v-list__tile--link:after,
    .inner-toolbar .sidebar-filter .v-list .active-theme .v-list__tile--link:after,
    .inner-toolbar .header-filter .v-list .active-theme .v-list__tile--link:after {
      transform: scale(1);
      opacity: 1; }
  .inner-toolbar .theme-layouts,
  .inner-toolbar .theme-color,
  .inner-toolbar .sidebar-filter,
  .inner-toolbar .header-filter,
  .inner-toolbar .sidebar-images {
    padding: 1.25rem;
    border-radius: 4px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.09);
    margin-bottom: 1.5rem; }
  .inner-toolbar .sidebar-filter .v-list > div:nth-child(2) .v-list__tile--link,
  .inner-toolbar .header-filter .v-list > div:nth-child(2) .v-list__tile--link {
    border: 1px solid #000000; }
    .inner-toolbar .sidebar-filter .v-list > div:nth-child(2) .v-list__tile--link:after,
    .inner-toolbar .header-filter .v-list > div:nth-child(2) .v-list__tile--link:after {
      border-color: #000000; }
  .inner-toolbar .img-holder {
    border: 3px solid transparent; }
    .inner-toolbar .img-holder.active {
      border-color: #00D014; }
    .inner-toolbar .img-holder img {
      display: block;
      height: 110px;
      width: 50px; }

/*================= Mini Sidebar ================*/
.collapse-sidebar .Vuely-sidebar.v-navigation-drawer {
  transition: all 0.3s ease-in-out; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__header .v-list__tile span,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__items,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .v-list > div > .v-list__tile--link .v-list__tile__title span,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .v-list > div > .v-list__tile--link .v-list__tile__action,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .v-list__group__header__prepend-icon,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .sidebar-profile .v-list__tile__title,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .sidebar-title {
    opacity: 0;
    transition: all 0.3s ease-in-out; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .sidebar-title {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .sidebar-profile .v-list__tile--avatar {
    padding: 0 0.75rem;
    width: 100%; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .site-logo .router-link-active {
    max-width: 35px;
    overflow: hidden;
    transition: all 0.3s ease-in-out; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .sidebar-profile .v-list__tile__title {
    line-height: 1.75rem; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .navigation .v-list .v-list__group {
    overflow: hidden; }
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__items {
      max-height: 0;
      transition: all 0.3s ease-in-out; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer .v-list > div > .v-list__tile--link {
    padding: 0; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer.v-navigation-drawer--mini-variant .v-list__group__header__prepend-icon {
    flex: none;
    justify-content: flex-start;
    transition: all 0.3s ease-in-out;
    width: auto;
    padding: 0; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer.v-navigation-drawer--mini-variant .v-list__tile__content,
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer.v-navigation-drawer--mini-variant .v-list__tile:after {
    opacity: 1 !important; }
  .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover {
    width: 250px !important; }
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .navigation .v-list .v-list__group .v-list__group__header .v-list__tile span,
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .navigation .v-list .v-list__group .v-list__group__items,
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .v-list > div > .v-list__tile--link .v-list__tile__title span,
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .v-list > div > .v-list__tile--link .v-list__tile__action,
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .v-list__group__header__prepend-icon,
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .sidebar-profile .v-list__tile__title,
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .sidebar-title {
      opacity: 1; }
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .site-logo .router-link-active {
      max-width: 120px;
      overflow: visible; }
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .v-list__group__header__prepend-icon {
      padding: 0 1rem; }
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .navigation .v-list .v-list__group .v-list__group__items {
      max-height: 1000px; }
    .collapse-sidebar .Vuely-sidebar.v-navigation-drawer:hover .sidebar-title {
      max-height: 3rem; }

/*=============== Sidebar-Light ================*/
.sidebar-overlay-light *,
.sidebar-overlay-light i,
.sidebar-overlay-light a,
.sidebar-overlay-light span,
.sidebar-overlay-light .v-icon,
.sidebar-overlay-light .v-list__tile__title {
  color: #000000; }

/*================= Chat-Sidebar ===================*/
@media (max-width: 768px) and (min-width: 320px) {
  .chat-sidebar-wrap {
    width: 250px !important; }
    .chat-sidebar-wrap .v-tabs * {
      font-size: 0.875rem; }
    .chat-sidebar-wrap .v-list__tile__action i,
    .chat-sidebar-wrap .v-toolbar__content * {
      font-size: 16px; } }

/*=================== Header ===================*/
.Vuely-toolbar.v-toolbar {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.09); }
  .Vuely-toolbar.v-toolbar .v-toolbar__content {
    justify-content: space-between;
    padding: 0; }
    .Vuely-toolbar.v-toolbar .v-toolbar__content .navbar-left {
      padding-left: 1rem; }
    .Vuely-toolbar.v-toolbar .v-toolbar__content .navbar-right {
      padding-right: 1.5rem; }
  .Vuely-toolbar.v-toolbar .v-badge.badge--overlap {
    top: 0; }
    .Vuely-toolbar.v-toolbar .v-badge.badge--overlap > span {
      right: -3px;
      height: 20px;
      width: 20px; }
      .Vuely-toolbar.v-toolbar .v-badge.badge--overlap > span span {
        padding-top: 2px; }

.Vuely-toolbar {
  background-color: white !important; }
  @media (max-width: 600px) {
    .Vuely-toolbar {
      background-color: #dd1f26 !important; }
      .Vuely-toolbar .v-toolbar__content {
        height: unset !important; } }

Vuely-toolbar2 {
  background-color: white !important; }
  @media (max-width: 600px) {
    Vuely-toolbar2 {
      background-color: #dd1f26 !important;
      height: 60px; } }

/*=========== Site Logo ============*/
.site-logo {
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 0.625rem; }

/*=========== Quick link ============*/
.quciklink-dropdown,
.notification-dropdown,
.language-dropdown {
  background-color: #FAFAFA; }
  .quciklink-dropdown .dropdown-content,
  .notification-dropdown .dropdown-content,
  .language-dropdown .dropdown-content {
    width: 321px; }
    .quciklink-dropdown .dropdown-content .dropdown-top,
    .notification-dropdown .dropdown-content .dropdown-top,
    .language-dropdown .dropdown-content .dropdown-top {
      padding: 1rem 1.25rem; }
    .quciklink-dropdown .dropdown-content .dropdown-list,
    .notification-dropdown .dropdown-content .dropdown-list,
    .language-dropdown .dropdown-content .dropdown-list {
      background: transparent !important; }
      .quciklink-dropdown .dropdown-content .dropdown-list > div,
      .notification-dropdown .dropdown-content .dropdown-list > div,
      .language-dropdown .dropdown-content .dropdown-list > div {
        display: inline-block;
        width: 46.5%;
        box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02);
        margin: 0.3125rem; }
        .quciklink-dropdown .dropdown-content .dropdown-list > div .v-list__tile,
        .notification-dropdown .dropdown-content .dropdown-list > div .v-list__tile,
        .language-dropdown .dropdown-content .dropdown-list > div .v-list__tile {
          background-color: #FFFFFF; }
          .quciklink-dropdown .dropdown-content .dropdown-list > div .v-list__tile span,
          .notification-dropdown .dropdown-content .dropdown-list > div .v-list__tile span,
          .language-dropdown .dropdown-content .dropdown-list > div .v-list__tile span {
            font-size: 0.875rem;
            transition: color 0.3s ease; }
          .quciklink-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover,
          .notification-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover,
          .language-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover {
            background-color: #FFFFFF !important; }
            .quciklink-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover span,
            .notification-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover span,
            .language-dropdown .dropdown-content .dropdown-list > div .v-list__tile:hover span {
              color: #5D92F4 !important; }

.notification-dropdown .dropdown-list > div {
  width: 97% !important;
  display: block !important; }

.v-input__slot {
  background: transparent !important; }

.cart-dropdown {
  min-width: 320px !important; }
  .cart-dropdown .dropdown-top {
    padding: 1rem 1.25rem;
    border-radius: 0 !important; }
  .cart-dropdown .dropdown-content .v-list__tile {
    height: auto;
    padding: 0.625rem;
    border-bottom: 1px solid #EBEDF2; }
    .cart-dropdown .dropdown-content .v-list__tile .v-list__tile__action {
      opacity: 0;
      transition: opacity 0.3s linear; }
      .cart-dropdown .dropdown-content .v-list__tile .v-list__tile__action .v-btn {
        margin: 0; }
    .cart-dropdown .dropdown-content .v-list__tile:hover .v-list__tile__action {
      opacity: 1; }

.v-text-field-search .v-input__slot, .v-text-field-search-review .v-input__slot {
  border-radius: 0 !important;
  min-height: 40px; }

.v-text-field-search .v-text-field__slot input, .v-text-field-search-review .v-text-field__slot input {
  margin-top: 0 !important; }

.v-text-field-search .v-input__append-outer, .v-text-field-search-review .v-input__append-outer {
  margin: 0 !important;
  padding: 7px 10px; }

.v-select-search .v-input__slot {
  min-height: 40px;
  padding: 0 12px 0 22px; }

.v-select-search .v-select__selections {
  padding-top: 0 !important; }

.v-text-field-search .v-input__slot, .v-text-field-search-review .v-input__slot, .v-select-search .v-input__slot {
  border: 1px solid #E5E5E5 !important;
  box-sizing: border-box; }

.v-select-search {
  width: 32%;
  color: #3F3F3F;
  font-size: 14px; }
  .v-select-search .v-input__slot {
    background: #F9F9F9 !important;
    border-radius: 5px 0px 0px 5px; }

.v-select-search-dropdown .v-list__tile__title {
  font-size: 14px; }

.v-text-field-search {
  width: 100%; }
  .v-text-field-search .v-text-field__slot input {
    color: #3F3F3F;
    font-size: 14px; }
    .v-text-field-search .v-text-field__slot input::placeholder {
      color: #959595; }
  .v-text-field-search .v-input__append-outer {
    cursor: pointer;
    background: #DD1F26;
    border: 1px solid #DD1F26;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px; }
    .v-text-field-search .v-input__append-outer i {
      color: #ffffff !important; }
    .v-text-field-search .v-input__append-outer:hover {
      background: #c71c22 !important;
      border: 1px solid #c71c22 !important; }

.rotate-180, .user-block .v-menu__activator--active .fa-caret-down {
  -o-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.transition-default, .user-block .v-menu__activator .fa-caret-down, .user-block .v-menu__activator--active .fa-caret-down, .red-btn-outline, .red-btn-outline:hover, .red-btn-block, .red-btn-block:hover, .custom-dropV2 .v-list__tile, .custom-dropV2 .v-list__tile:hover, .custom-dropV2 .v-list__tile:hover > div, .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label, .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label--active, .select-field-default_2 .v-select__slot .v-label, .select-field-total-default_2 .v-select__slot .v-label, .select-field-default_2 .v-select__slot .v-label--active, .select-field-total-default_2 .v-select__slot .v-label--active, .textarea-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-default_2-discount .v-input__slot .v-text-field__slot label, .txt-field-default_2 .v-input__slot .v-text-field__slot label, .textarea-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2-discount .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2 .v-input__slot .v-text-field__slot .v-label--active, .rd-wrapper .rd-card, .rd-wrapper .rd-card:hover, .message-user-container .message-user-list .chat-user-list-box .menu-hover {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  transition-property: all !important;
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  transition-delay: 0s !important; }

.user-block .username-of {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ub-ddown {
  min-width: 330px !important;
  background: none;
  box-shadow: none; }

.w-full-i {
  width: 100% !important; }

.text-494949 {
  color: #313131 !important; }

.fs-23-i {
  font-size: 23px !important; }

.header-menu-bubble {
  position: relative;
  width: 400px;
  padding: 10px 20px;
  background: #fff;
  border-radius: 10px;
  border: #d3d3d3 solid 1px;
  margin-top: 20px; }
  .header-menu-bubble::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 20px;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -20px;
    right: 8px; }
  .header-menu-bubble::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 11px 20px;
    border-color: #d3d3d3 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -21px;
    right: 7px; }

/*================== Header Theme Color =================*/
.Vuely-toolbar.v-toolbar.primary *,
.Vuely-toolbar.v-toolbar.primary .v-text-field__slot input::placeholder, .Vuely-toolbar.v-toolbar.warning *,
.Vuely-toolbar.v-toolbar.warning .v-text-field__slot input::placeholder, .Vuely-toolbar.v-toolbar.success *,
.Vuely-toolbar.v-toolbar.success .v-text-field__slot input::placeholder, .Vuely-toolbar.v-toolbar.error *,
.Vuely-toolbar.v-toolbar.error .v-text-field__slot input::placeholder, .Vuely-toolbar.v-toolbar.info *,
.Vuely-toolbar.v-toolbar.info .v-text-field__slot input::placeholder {
  color: #FFFFFF !important; }

.mobile-search-container {
  display: none; }

/*======== Responsive ========*/
@media (max-width: 767px) and (min-width: 320px) {
  .search-bar,
  .search-bar2,
  .desktop-menu,
  .left-menu-icon,
  .quick-link,
  .upgrade-btn,
  .full-screen {
    display: none !important; }
  .mobile-search {
    display: block !important; }
  .mobile-search-container {
    display: block !important;
    margin-right: 8px;
    width: 100%; }
  .mobile-icon {
    display: flex !important; }
  .Vuely-toolbar.v-toolbar .v-toolbar__content .navbar-left {
    padding-left: 0.5rem; }
  .Vuely-toolbar.v-toolbar .v-toolbar__content .navbar-right {
    padding-right: 0.5rem; }
  .Vuely-toolbar.v-toolbar .v-toolbar__content .v-badge__badge {
    font-size: 0.875rem;
    height: 1.25rem;
    width: 1.25rem;
    right: 0; }
  .quciklink-dropdown,
  .notification-dropdown,
  .language-dropdown,
  .cart-dropdown {
    max-width: 275px !important;
    min-width: auto !important;
    left: 0 !important;
    right: 0;
    margin: 0 auto; }
    .quciklink-dropdown .dropdown-content,
    .notification-dropdown .dropdown-content,
    .language-dropdown .dropdown-content,
    .cart-dropdown .dropdown-content {
      width: 275px !important; } }

/*=========== Search Bar ============*/
.search-bar {
  width: 300px;
  align-items: center;
  min-height: 40px !important;
  margin-left: 0.5rem;
  border: 1px solid #dd1f26; }
  .search-bar .v-input__prepend-outer {
    margin: 0 !important;
    padding: 0.5rem 0.75rem; }
  .search-bar .v-input__control {
    min-height: auto !important; }
    .search-bar .v-input__control .v-input__slot {
      margin: 0;
      padding: 0; }

.search-bar2 {
  width: 200px;
  align-items: center;
  min-height: 40px !important;
  margin-left: 0.5rem;
  border: 1px solid #dd1f26; }
  .search-bar2 .v-input__prepend-outer {
    margin: 0 !important;
    padding: 0.5rem 0.75rem; }
  .search-bar2 .v-input__control {
    min-height: auto !important; }
    .search-bar2 .v-input__control .v-input__slot {
      margin: 0;
      padding: 0; }
      .search-bar2 .v-input__control .v-input__slot .v-select__selections {
        margin-left: 10px; }

.search-form-wrap {
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999;
  opacity: 0; }
  .search-form-wrap .close-btn {
    position: absolute;
    right: 0.5rem;
    top: 2rem; }
  .search-form-wrap .centered {
    height: 100%;
    padding: 0 1.875rem; }
  .search-form-wrap.search-slide {
    transform: translateY(0);
    opacity: 1; }

/*========= Dashboard Scss ==========*/
.breadcrumbs h2 {
  font-weight: 500;
  color: #464D69;
  font-size: 1.5rem; }

.border-rad-sm.overflow-hidden .flex:first-child {
  border-bottom-left-radius: 0px;
  overflow: hidden; }

.border-rad-sm.overflow-hidden .flex:last-child {
  border-bottom-right-radius: 0px;
  overflow: hidden; }

.dash-card {
  color: #FFFFFF;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.dash-icon {
  font-size: 1.75rem; }

.dash-card-wrap {
  background-color: #FFFFFF;
  border: 1px solid #EBECEF;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08); }
  .dash-card-wrap .dash-card-light {
    border-right: 1px solid #D7DCE4;
    float: left;
    text-align: center;
    padding: 1.25rem;
    width: 33.3%; }
    .dash-card-wrap .dash-card-light:last-child {
      border-right: none; }
    .dash-card-wrap .dash-card-light h2 {
      font-size: 1.625rem;
      margin: 0; }
    .dash-card-wrap .dash-card-light p {
      font-size: 1rem;
      margin-bottom: 0.5rem; }

.chart-stat {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 40%;
  font-size: 1.625rem;
  font-weight: 400; }

.ladgend-wrapper p {
  margin-right: 8px;
  display: inline-block; }
  .ladgend-wrapper p span {
    color: #727891; }

.ladgend-wrapper .ladgend {
  width: 25px;
  display: inline-block;
  height: 10px;
  border-radius: 30px;
  margin-right: 5px; }
  .ladgend-wrapper .ladgend.ladgend-warning {
    background: linear-gradient(0deg, #B02E0C 0%, #FFB70F 100%); }
  .ladgend-wrapper .ladgend.ladgend-success {
    background: linear-gradient(180deg, #00D0BD 0%, #007ADF 100%); }
  .ladgend-wrapper .ladgend.ladgend-pink {
    background: linear-gradient(180deg, #B91372 0%, #33080D 100%); }

.v-list {
  padding: 0; }
  .v-list .listing {
    border-bottom: 1px solid #EBECEF;
    padding: 0.625rem 0; }
    .v-list .listing:last-child {
      border-bottom: none; }

/* ======== Loader ====================*/
.loader-overlay {
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  z-index: 2;
  height: 100vh; }

/*============================ Web Analytic Dashboard =============================*/
.card-list {
  padding: 0; }
  .card-list > div {
    padding: 0;
    border-bottom: 1px solid #EBECEF; }
    .card-list > div .v-list__tile {
      padding: 0.875rem 1.25rem;
      height: auto; }
    .card-list > div:last-child {
      margin-bottom: 0; }
  .card-list .v-progress-linear {
    border-radius: 10px; }

/*=============== Toaster ===================*/
.mini-toastr {
  font-family: "Rubik", sans-serif !important; }
  .mini-toastr .mini-toastr__notification {
    opacity: .9;
    border-radius: 3px; }
    .mini-toastr .mini-toastr__notification .mini-toastr-notification__title {
      font-weight: 600;
      font-size: 1.5rem; }
    .mini-toastr .mini-toastr__notification .mini-toastr-notification__message {
      padding: 0px; }
    .mini-toastr .mini-toastr__notification.-success {
      background-color: #00D014; }
    .mini-toastr .mini-toastr__notification.-error {
      background-color: #FF3739; }
    .mini-toastr .mini-toastr__notification.-warn {
      background-color: #FFB70F; }
    .mini-toastr .mini-toastr__notification.-info {
      background-color: #00D0BD; }

.layout.row .flex > div {
  height: 100%; }

.today-weather, .welcome-message, .col-height-auto > div, .profile-head, .quote-widget, .height-auto {
  height: auto !important; }

.grid-list-xl {
  max-width: inherit !important; }

/*========== Dashboard Responsive ==========*/
@media (max-width: 1456px) and (min-width: 960px) {
  .server-load .px-4 {
    padding: 0 !important; } }

@media (max-width: 1200px) {
  .theme-layouts > div:nth-of-type(3) {
    display: none; } }

@media (max-width: 1263px) {
  .theme-layouts > div:nth-of-type(2) {
    display: none; } }

@media (max-width: 1340px) and (min-width: 1100px) {
  .v-table .label {
    padding: 0.25rem 0.2rem; } }

@media (max-width: 599px) {
  .breadcrumbs {
    padding: 0; } }

@media (max-width: 520px) {
  .dash-card-wrap .dash-card-light {
    width: 100%; }
  .label {
    padding: 0.15rem 0.2rem !important;
    font-size: 70% !important; } }

@media (max-width: 400px) {
  .breadcrumbs h2 {
    font-size: 1rem; } }

/*====================== Ecommerce ========================*/
@media (max-width: 1260px) {
  .sales-widget #bar-chart {
    height: 225px !important; } }

@media (max-width: 991px) {
  .sales-widget .cart-wrap {
    padding: 0 !important; } }

/*========== Courses Css =========*/
.courses-bg-img {
  background-image: url("/static/img/acad-banner.jpg");
  background-size: cover;
  background-position: center; }

.banner-image-wrap {
  min-height: 400px;
  height: 1px; }
  .banner-image-wrap ::placeholder {
    color: #FFFFFF; }

.banner-detail {
  height: auto; }

.bg-warn-overlay {
  background: rgba(229, 57, 53, 0.7); }

.courses-payment .v-radio {
  display: inline-block;
  padding: 1rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin: 1rem; }

.courses-payment .bg-grey {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }

.courses-payment .v-tabs__wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.courses-payment .v-tabs__item {
  text-transform: capitalize; }

.course-grid-layout .flex > div {
  height: 100%; }

.view-all-link a {
  display: block;
  text-align: right;
  color: #FF3739; }

.course-detail {
  padding-top: 54px; }

.courses-inner {
  padding-top: 54px;
  margin: -12px !important;
  margin-bottom: auto !important; }

.detail-course-list {
  padding-top: 48px;
  margin: -12px -12px 0 -12px !important; }

.signIn-wrap, .payment-wrap {
  margin: -12px -12px 0 -12px !important;
  padding-top: 54px; }

.signIn-wrap .v-input--selection-controls {
  padding-top: 0; }

.btn-wrap {
  margin: 0 -7px; }

.banner-content-wrap input::placeholder {
  color: #FFFFFF !important;
  opacity: 1 !important; }

.courses-grid-sec {
  padding-bottom: 2rem; }
  .courses-grid-sec .collection-group {
    padding: 0.875rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around; }
  .courses-grid-sec .tab-wrap {
    padding: .5rem; }
    .courses-grid-sec .tab-wrap .v-window {
      margin: 0 -24px; }
    .courses-grid-sec .tab-wrap .course-card .app-card .image-wrap {
      overflow: hidden; }
    .courses-grid-sec .tab-wrap .course-card .app-card .app-card-content .best-seller.bestseller-tag {
      right: -12px; }
  .courses-grid-sec .v-tabs__bar {
    border-bottom: 1px solid #e0e0e0; }
  .courses-grid-sec .course-card :nth-child(3) .course-item-wrap .course-hover-item {
    left: auto;
    right: calc(100% - 15px); }
    .courses-grid-sec .course-card :nth-child(3) .course-item-wrap .course-hover-item:before, .courses-grid-sec .course-card :nth-child(3) .course-item-wrap .course-hover-item:after {
      transform: rotate(180deg);
      right: auto;
      left: 100%; }

.popularity.tab-wrap .v-tabs__bar {
  border-bottom: 1px solid #e0e0e0;
  background-color: transparent; }

.popularity.tab-wrap .course-card :nth-child(4) .course-item-wrap .course-hover-item, .popularity.tab-wrap .course-card :nth-child(8) .course-item-wrap .course-hover-item, .popularity.tab-wrap .course-card :nth-child(12) .course-item-wrap .course-hover-item {
  left: auto;
  right: calc(100% - 15px); }
  .popularity.tab-wrap .course-card :nth-child(4) .course-item-wrap .course-hover-item:before, .popularity.tab-wrap .course-card :nth-child(4) .course-item-wrap .course-hover-item:after, .popularity.tab-wrap .course-card :nth-child(8) .course-item-wrap .course-hover-item:before, .popularity.tab-wrap .course-card :nth-child(8) .course-item-wrap .course-hover-item:after, .popularity.tab-wrap .course-card :nth-child(12) .course-item-wrap .course-hover-item:before, .popularity.tab-wrap .course-card :nth-child(12) .course-item-wrap .course-hover-item:after {
    transform: rotate(180deg);
    right: auto;
    left: 100%; }

.popularity.tab-wrap .v-window-item {
  margin: 0 -24px; }

.instructor-card-wrap img {
  border-radius: 8px; }

.instructor-card-wrap .instructor-details {
  min-height: 65px; }

.instructor-card-wrap .instructor-details, .instructor-card-wrap img {
  margin-bottom: 1.563rem; }

.instructor-card-wrap * {
  color: inherit; }

.courses-detail-wrap .v-expansion-panel {
  margin-bottom: 8px; }
  .courses-detail-wrap .v-expansion-panel .v-list:last-child {
    padding-bottom: 10px; }
  .courses-detail-wrap .v-expansion-panel .v-list:last-child hr {
    display: none; }
  .courses-detail-wrap .v-expansion-panel .v-expansion-panel__body {
    padding-top: 25px; }

.courses-detail-wrap .banner-image-wrap {
  padding: 3rem; }

.courses-detail-wrap .info-box-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0; }
  .courses-detail-wrap .info-box-list li {
    width: 47%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem; }
    .courses-detail-wrap .info-box-list li i {
      margin-right: 0.5rem; }

.courses-detail-wrap .about-instructor img {
  border-radius: 8px;
  margin-right: 30px; }

.courses-detail-wrap .about-instructor h4 {
  margin-bottom: 0.5rem; }

.courses-detail-wrap .video-wrap .overlay-content .material-icons {
  font-size: 6rem;
  color: #FFFFFF; }

.courses-detail-wrap .course-sidebar .price-wrap .discount-price {
  font-size: 2.3rem;
  font-weight: bold; }

.courses-detail-wrap .course-detail-billing-wrap .v-btn {
  margin-bottom: 20px; }

.courses-detail-wrap .course-detail-billing-wrap .incentives {
  margin-bottom: 2rem; }

.courses-detail-wrap .course-card .course-item-wrap {
  overflow: hidden; }

.courses-detail-wrap .course-sidebar .layout.row .flex > div {
  height: fit-content; }

.courses-detail-wrap .banner-image-wrap .app-card {
  border-radius: 8px;
  overflow: hidden; }
  .courses-detail-wrap .banner-image-wrap .app-card .app-card-content {
    display: grid; }
    .courses-detail-wrap .banner-image-wrap .app-card .app-card-content i {
      line-height: 58px; }

.courses-detail-wrap .course-item-wrap:hover .course-hover-item {
  display: none; }

.video-wrap .v-btn {
  vertical-align: sub; }

.iframe2 {
  min-height: 410px;
  width: 100%;
  margin-bottom: -7px; }

.bestseller-tag {
  display: inline-block;
  background-color: #FF3739;
  line-height: 1.1;
  color: #FFFFFF;
  font-size: 11px;
  padding: 3.9px 4px;
  position: relative;
  border-radius: 4px;
  margin-right: 10px; }
  .bestseller-tag:after {
    left: 96%;
    top: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #FF3739;
    border-width: 10px;
    margin-top: -10px; }

.courses-overview .v-list__tile {
  height: 25px; }

.courses-overview .v-list__tile__action {
  min-width: 23px; }

.courses-overview i {
  font-size: 1rem; }

.courses-overview a {
  color: #000000; }

.courses-overview .v-list .v-list__tile--link:hover {
  background-color: transparent; }

.incentive-list .v-list__tile {
  height: inherit;
  padding: 0; }

.incentive-list .v-list__tile__action {
  min-width: auto; }
  .incentive-list .v-list__tile__action i {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    margin: 4px; }

.course-card .app-card .app-card-content .image-wrap {
  margin: -1.25rem -1.25rem 15px -1.25rem;
  position: relative;
  overflow: hidden; }

.course-card .app-card .app-card-content .v-dialog__container {
  position: absolute;
  top: calc(50% - 1.8rem);
  left: 0;
  right: 0;
  display: inline-block;
  margin: 0 auto;
  width: 3rem; }
  .course-card .app-card .app-card-content .v-dialog__container .v-icon {
    font-size: 3rem;
    color: #ffffff;
    cursor: pointer; }

.course-card .app-card .app-card-content h4 {
  color: #000000; }

.course-card .app-card .app-card-content .make-ellipse {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: calc(100% - 1px);
  height: 36px;
  min-height: 42px; }

.course-card .app-card .app-card-content .v-rating .v-icon {
  margin-right: 5px;
  font-size: 20px;
  height: 18px;
  width: 18px;
  vertical-align: sub; }

.course-card .app-card .app-card-content .price {
  text-align: right; }

.course-card .app-card .app-card-content .best-seller.bestseller-tag {
  position: absolute;
  right: -12px;
  top: 10px; }
  .course-card .app-card .app-card-content .best-seller.bestseller-tag:after {
    left: auto;
    right: 96%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.course-card .app-card:hover {
  box-shadow: 0 1px 15px 1px #45414e1a; }

.course-card .course-item-wrap {
  overflow: visible; }
  .course-card .course-item-wrap .course-hover-item {
    box-shadow: 0 0 10px #0003;
    position: absolute;
    left: calc(100% - 15px);
    top: -25%;
    width: 335px;
    min-height: 200px;
    overflow: visible;
    z-index: 10;
    padding: 20px 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease-in;
    height: auto; }
    .course-card .course-item-wrap .course-hover-item:after, .course-card .course-item-wrap .course-hover-item:before {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .course-card .course-item-wrap .course-hover-item:after {
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #FFFFFF;
      border-width: 15px;
      margin-top: -15px; }
    .course-card .course-item-wrap .course-hover-item:before {
      border-color: rgba(214, 215, 217, 0);
      border-right-color: rgba(0, 0, 0, 0.08);
      border-width: 16px;
      margin-top: -16px; }
    .course-card .course-item-wrap .course-hover-item .app-card-content {
      padding: 0; }
      .course-card .course-item-wrap .course-hover-item .app-card-content .bestseller-tag {
        position: relative;
        font-size: 12px; }
      .course-card .course-item-wrap .course-hover-item .app-card-content h4 a {
        font-weight: lighter;
        line-height: 1.3;
        color: #000000; }
      .course-card .course-item-wrap .course-hover-item .app-card-content .meta-info-block i {
        font-size: 12px;
        display: inline-block;
        vertical-align: sub; }
      .course-card .course-item-wrap .course-hover-item .app-card-content .meta-info-block span {
        margin-right: 0.35rem; }
      .course-card .course-item-wrap .course-hover-item .app-card-content .short-desc span, .course-card .course-item-wrap .course-hover-item .app-card-content .short-desc li {
        font-size: 14px; }
      .course-card .course-item-wrap .course-hover-item .app-card-content .course-list {
        list-style: none;
        padding-left: 1rem; }
        .course-card .course-item-wrap .course-hover-item .app-card-content .course-list li {
          position: relative; }
          .course-card .course-item-wrap .course-hover-item .app-card-content .course-list li::after {
            content: "-";
            position: absolute;
            left: -1rem;
            top: -5px;
            font-size: 1.125rem;
            color: #e53935; }
  .course-card .course-item-wrap:hover .course-hover-item {
    visibility: visible;
    opacity: 1; }

.tab-wrap img, .more-courses-grid img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

.tab-wrap .container {
  max-width: 100%; }

.make-ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }

.cmr-8 {
  margin-right: 0.5rem !important; }

.cpb-24 {
  padding-bottom: 24px; }

.custom-align-stretch {
  align-items: stretch; }

.course-sidebar .layout > .flex {
  display: block; }

.custom-height-auto {
  height: auto !important; }
  .custom-height-auto > .flex {
    display: block; }

.sidebar-label {
  position: absolute;
  background: #e53935;
  color: #fff;
  padding: .1rem .2rem;
  border-radius: 5px;
  font-size: .6rem;
  top: 16px;
  right: 40px;
  letter-spacing: 1px;
  line-height: 13px; }

.v-navigation-drawer .navigation .v-list .v-list__tile--link {
  width: 250px; }

@media (max-width: 1260px) {
  .courses-grid-sec .tab-wrap .v-window {
    margin: 0 -24px; }
  .tab-wrap .container {
    max-width: 100%; } }

@media (max-width: 1260px) {
  .courses-grid-sec .tab-wrap .v-window {
    margin: 0 -16px; } }

@media (max-width: 1264px) {
  .payment-wrap .hidden-md-and-down {
    display: none !important; }
  img.atm-img {
    height: auto;
    max-width: 100%;
    vertical-align: middle; }
  .popularity .tab-wrap .course-card .layout {
    margin: 0 -12px; }
  .popularity.tab-wrap .course-card :nth-child(4n) .course-item-wrap .course-hover-item {
    right: auto;
    left: calc(100% - 15px); }
    .popularity.tab-wrap .course-card :nth-child(4n) .course-item-wrap .course-hover-item:after, .popularity.tab-wrap .course-card :nth-child(4n) .course-item-wrap .course-hover-item:before {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      left: auto;
      right: 100%; }
  .popularity.tab-wrap .course-card :nth-child(3n) .course-item-wrap .course-hover-item {
    left: auto;
    right: calc(100% - 15px); }
    .popularity.tab-wrap .course-card :nth-child(3n) .course-item-wrap .course-hover-item:after, .popularity.tab-wrap .course-card :nth-child(3n) .course-item-wrap .course-hover-item:before {
      -webkit-transform: rotate(0deg);
      transform: rotate(180deg);
      right: auto;
      left: 100%; } }

@media (max-width: 374px) {
  .tab-wrap .v-tabs__item {
    padding: 6px 3px; } }

@media (max-width: 960px) {
  .course-card .course-item-wrap .course-hover-item {
    display: none; }
  .popularity.tab-wrap .v-window-item {
    margin: 0 -16px; }
  img.banner-video {
    max-width: 100%;
    vertical-align: middle; }
  .banner-content-wrap > .layout .justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start; }
  .banner-content-wrap .video-wrap .justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (max-width: 567px) {
  .courses-detail-wrap .banner-image-wrap {
    padding: 3rem 0rem; }
  .courses-detail-wrap .info-box-list li {
    width: 100%; } }

.m-0 {
  margin: 0 !important; }

@media all and (-ms-high-contrast: none) {
  .course-item-wrap, .video-wrap .overlay-content.layout {
    width: 100%; } }

/*========== Table Css =========*/
table.v-table {
  border-collapse: collapse; }
  table.v-table thead tr td,
  table.v-table thead tr th,
  table.v-table tbody tr td,
  table.v-table tbody tr th,
  table.v-table tfoot tr td,
  table.v-table tfoot tr th {
    vertical-align: middle;
    font-size: 14px;
    color: #000000;
    height: 3.75rem; }

/*=============== Responsive ===================*/
@media (max-width: 768px) and (min-width: 320px) {
  table.v-table tbody tr td {
    font-size: 0.875rem; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto; }

.rfq-list-vtable tr, .dt-default tr, .dt-invoice-detail tr, .dt-po-detail tr, .purchase-invoice-vtable tr, .bnpl-vtable tr, .dt-invoiceDetail-detail tr {
  position: relative; }

.rfq-list-vtable .v-datatable__expand-row, .dt-default .v-datatable__expand-row, .dt-invoice-detail .v-datatable__expand-row, .dt-po-detail .v-datatable__expand-row, .purchase-invoice-vtable .v-datatable__expand-row, .bnpl-vtable .v-datatable__expand-row, .dt-invoiceDetail-detail .v-datatable__expand-row {
  border: none !important; }
  .rfq-list-vtable .v-datatable__expand-row .v-datatable__expand-col, .dt-default .v-datatable__expand-row .v-datatable__expand-col, .dt-invoice-detail .v-datatable__expand-row .v-datatable__expand-col, .dt-po-detail .v-datatable__expand-row .v-datatable__expand-col, .purchase-invoice-vtable .v-datatable__expand-row .v-datatable__expand-col, .bnpl-vtable .v-datatable__expand-row .v-datatable__expand-col, .dt-invoiceDetail-detail .v-datatable__expand-row .v-datatable__expand-col {
    padding: 0 !important; }

.rfq-list-vtable .table-expanded-icon, .dt-default .table-expanded-icon, .dt-invoice-detail .table-expanded-icon, .dt-po-detail .table-expanded-icon, .purchase-invoice-vtable .table-expanded-icon, .bnpl-vtable .table-expanded-icon, .dt-invoiceDetail-detail .table-expanded-icon {
  padding: .5rem .5rem .5rem 0;
  z-index: 1; }

.rfq-list-vtable .table-expanded-icon.rotate-180, .dt-default .table-expanded-icon.rotate-180, .dt-invoice-detail .table-expanded-icon.rotate-180, .dt-po-detail .table-expanded-icon.rotate-180, .purchase-invoice-vtable .table-expanded-icon.rotate-180, .bnpl-vtable .table-expanded-icon.rotate-180, .dt-invoiceDetail-detail .table-expanded-icon.rotate-180 {
  padding-right: 0;
  padding-left: .5rem; }

.rfq-list-vtable .action-list-menu, .dt-default .action-list-menu, .dt-invoice-detail .action-list-menu, .dt-po-detail .action-list-menu, .purchase-invoice-vtable .action-list-menu, .bnpl-vtable .action-list-menu, .dt-invoiceDetail-detail .action-list-menu {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%; }
  .rfq-list-vtable .action-list-menu .v-menu__activator, .dt-default .action-list-menu .v-menu__activator, .dt-invoice-detail .action-list-menu .v-menu__activator, .dt-po-detail .action-list-menu .v-menu__activator, .purchase-invoice-vtable .action-list-menu .v-menu__activator, .bnpl-vtable .action-list-menu .v-menu__activator, .dt-invoiceDetail-detail .action-list-menu .v-menu__activator {
    height: -webkit-fill-available; }
  .rfq-list-vtable .action-list-menu button:focus, .dt-default .action-list-menu button:focus, .dt-invoice-detail .action-list-menu button:focus, .dt-po-detail .action-list-menu button:focus, .purchase-invoice-vtable .action-list-menu button:focus, .bnpl-vtable .action-list-menu button:focus, .dt-invoiceDetail-detail .action-list-menu button:focus {
    outline: none; }

.rfq-list-vtable .v-menu button {
  position: absolute;
  right: 1%; }

.dt-default .action-list-menu button {
  position: absolute;
  right: 1%; }

@media print {
  .dt-invoice-detail .v-datatable, .dt-po-detail .v-datatable {
    border-collapse: separate !important;
    border-width: .5px !important; }
    .dt-invoice-detail .v-datatable thead, .dt-po-detail .v-datatable thead, .dt-invoice-detail .v-datatable tbody, .dt-po-detail .v-datatable tbody, .dt-invoice-detail .v-datatable tr, .dt-po-detail .v-datatable tr, .dt-invoice-detail .v-datatable th, .dt-po-detail .v-datatable th, .dt-invoice-detail .v-datatable td, .dt-po-detail .v-datatable td {
      border-width: .5px !important; } }

.dt-invoice-detail .v-datatable tbody tr, .dt-po-detail .v-datatable tbody tr {
  border-bottom: none !important;
  background: transparent !important; }
  .dt-invoice-detail .v-datatable tbody tr:hover, .dt-po-detail .v-datatable tbody tr:hover {
    background: transparent !important; }

.dt-invoice-detail .v-datatable th, .dt-po-detail .v-datatable th {
  border: 1px solid #212529; }

.dt-invoice-detail .v-datatable td, .dt-po-detail .v-datatable td {
  border: 1px solid #212529; }

.dt-invoice-detail .v-datatable .custom-total-tr-1, .dt-po-detail .v-datatable .custom-total-tr-1 {
  background: transparent !important;
  border-bottom: none !important; }
  .dt-invoice-detail .v-datatable .custom-total-tr-1 td:nth-last-child(n + 3), .dt-po-detail .v-datatable .custom-total-tr-1 td:nth-last-child(n + 3) {
    border: none !important; }

.dt-po-detail .v-datatable tbody > tr > td {
  vertical-align: baseline; }

.dt-po-detail.t-transparent .v-table__overflow, .dt-po-detail.t-transparent .v-datatable, .dt-po-detail.t-transparent thead > tr {
  background: transparent; }

.purchase-invoice-vtable .v-menu button {
  position: absolute;
  right: 2.5%; }

.bnpl-vtable .v-table__overflow {
  border-radius: 10px; }

.bnpl-vtable .v-menu button {
  position: absolute;
  right: 2%; }

.dt-incoming-quot-m-expand .v-table__overflow {
  overflow-x: hidden; }

.dt-incoming-quot-m-expand .v-datatable__expand-col {
  padding: 0 !important; }

.dt-invoiceDetail-detail .theme--light.v-table {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87); }

@media print {
  .dt-invoiceDetail-detail .v-datatable {
    border-collapse: separate !important;
    border-width: .5px !important; }
    .dt-invoiceDetail-detail .v-datatable thead, .dt-invoiceDetail-detail .v-datatable tbody, .dt-invoiceDetail-detail .v-datatable tr, .dt-invoiceDetail-detail .v-datatable th, .dt-invoiceDetail-detail .v-datatable td {
      border-width: .5px !important;
      background-color: transparent !important; } }

.dt-invoiceDetail-detail .v-datatable th {
  border: 1px solid #212529; }

.dt-invoiceDetail-detail .v-datatable td {
  border: 1px solid #212529; }

.dt-invoiceDetail-detail tbody tr:nth-child(even) {
  background-color: transparent !important; }

.dt-invoiceDetail-detail .theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) {
  background: none; }

.dt-invoiceDetail-detail table.v-table thead tr {
  background-color: transparent !important; }

/*========== Label Scss ==========*/
.v-badge {
  display: inline-block;
  padding: 0.2rem 0.5rem 0.1rem;
  font-size: 75%;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.25rem;
  text-transform: uppercase; }
  .v-badge.rounded {
    border-radius: 50% !important;
    min-height: 0.75rem;
    min-width: 0.75rem;
    padding: 0 !important; }
  .v-badge.floating {
    position: absolute;
    right: 0;
    top: 1.75rem; }
    .v-badge.floating:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50% !important;
      border: 2px solid #fff; }

.app-selectbox, .app-selectbox-sm {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 52px;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08); }
  .app-selectbox:before, .app-selectbox-sm:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 50%;
    margin-top: -0.09em;
    right: 10px;
    width: 0;
    height: 0;
    border: 0.3em solid transparent;
    border-top-color: #464D69; }
  .app-selectbox select, .app-selectbox-sm select {
    padding: 0.3125rem 0.5rem;
    box-shadow: none;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: capitalize;
    height: 52px !important;
    cursor: pointer; }
    .app-selectbox select:focus, .app-selectbox-sm select:focus {
      outline: none; }

.app-selectbox-sm {
  height: calc(2.25rem + 2px) !important; }
  .app-selectbox-sm select {
    height: calc(2.25rem + 2px) !important; }

/*============= Buttons Scss =============*/
.btn-gradient-primary {
  background: linear-gradient(180deg, #5D92F4 0%, #09203F 100%); }
  .btn-gradient-primary * {
    color: #FFFFFF; }

.btn-gradient-pink {
  background: linear-gradient(180deg, #B91372 0%, #33080D 100%); }
  .btn-gradient-pink * {
    color: #FFFFFF; }

.btn-gradient-success {
  background: linear-gradient(180deg, #00D0BD 0%, #007ADF 100%); }
  .btn-gradient-success * {
    color: #FFFFFF; }

.btn-gradient-warning {
  background: linear-gradient(0deg, #B02E0C 0%, #FFB70F 100%); }
  .btn-gradient-warning * {
    color: #FFFFFF; }

.btn-gradient-purple {
  background: linear-gradient(0deg, #F53844 0%, #42378F 100%); }
  .btn-gradient-purple * {
    color: #FFFFFF; }

.btn-primary {
  background-color: #5D92F4 !important; }
  .btn-primary * {
    color: #FFFFFF; }

.btn-success {
  background-color: #00D014 !important; }
  .btn-success * {
    color: #FFFFFF; }

.btn-info {
  background-color: #00D0BD !important; }
  .btn-info * {
    color: #FFFFFF; }

.btn-warning {
  background-color: #FFB70F !important; }
  .btn-warning * {
    color: #FFFFFF; }

.btn-danger {
  background-color: #FF3739 !important; }
  .btn-danger * {
    color: #FFFFFF; }

.btn-icon {
  font-weight: 500;
  border-radius: 3px; }
  .btn-icon i {
    font-size: 1.125rem;
    margin-right: 0.625rem;
    font-weight: 500; }

/*============ Border Css ===========*/
.border {
  border: 1px solid #DDE6F3 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-bottom-1 {
  border-bottom: 1px solid #EBEDF2; }

.border-left-1 {
  border-left: 1px solid #EBEDF2; }

.border-bottom-2 {
  border-bottom: 2px solid #EBEDF2; }

.border-bottom-light-1 {
  border-bottom: 1px solid #DDE6F3; }

.border-bottom-light-2 {
  border-bottom: 2px solid #DDE6F3; }

.border-tb-1 {
  border-bottom: 1px solid #DDE6F3;
  border-top: 1px solid #DDE6F3; }

.border-top-1 {
  border-top: 1px solid #DDE6F3; }

.border-white {
  border: 1px solid #fff !important; }

.border-red {
  border-color: #d42029 !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded {
  border-radius: 0.25rem; }

.border-primary {
  border: 1px solid #5D92F4; }

.border-info {
  border: 1px solid #00D0BD; }

.border-rad-sm {
  border-radius: 6px; }

.border-blue {
  border-left: 3px solid #5D92F4; }

.border-purple {
  border-left: 3px solid #582AD7; }

.border-pink {
  border-left: 3px solid #FA0055; }

.border-warning {
  border-left: 3px solid #FFB70F; }

/*========= Dragula ==========*/
.vue2-dragula-container {
  display: block;
  width: 100%;
  padding: 0.625rem;
  background: #5D92F4;
  background: rgba(93, 146, 244, 0.4); }
  .vue2-dragula-container div, .vue2-dragula-container .gu-mirror {
    padding: 0.625rem;
    background: #5D92F4;
    background: rgba(93, 146, 244, 0.9);
    transition: opacity 0.4s ease-in-out;
    color: #FFFFFF;
    margin-bottom: 0.625rem;
    cursor: no-drop; }

.artical-user {
  border: 2px solid #5D92F4;
  padding: 0.3125rem;
  width: 44px !important;
  height: 44px !important;
  display: inline-block; }

/*============ Session ==========*/
.session-wrapper {
  position: relative;
  height: 100%; }
  .session-wrapper .session-left {
    background-image: url("/static/img/login.jpg");
    background-size: auto auto;
    background-size: cover;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    height: 100%;
    overflow: hidden;
    top: 0;
    bottom: 0; }
    .session-wrapper .session-left .slick-slider {
      width: 31.25rem; }
      .session-wrapper .session-left .slick-slider .slick-dots li.slick-active {
        color: #FFFFFF; }
      .session-wrapper .session-left .slick-slider .slick-dots li button:before {
        color: #FFFFFF; }
  .session-wrapper .session-right {
    margin-left: 31.25rem; }
    .session-wrapper .session-right .session-table-cell {
      padding-top: 5rem; }
      .session-wrapper .session-right .session-table-cell .session-content {
        max-width: 31.25rem;
        margin: 0 auto; }

.slider-content img {
  border-top: 4px solid #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
  border-left: 4px solid #FFFFFF;
  border-right: 4px solid #FFFFFF;
  display: inline-block !important; }

.slider-content p {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6; }

.slider-content *, .session-social-links * {
  color: #FFFFFF; }

.session-social-links ul li {
  margin-bottom: 1.25rem; }

.session-social-links .session-icon {
  border-radius: 4px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  margin-right: 10px; }

.bg-sc, .lock-screen-wrapper, .session-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 4rem 1rem;
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh; }

.lock-screen-wrapper {
  background-image: url("/static/img/lock-bg.png"); }

.lock-screen-block .input-group label, .lock-screen-block input[type="password"] label {
  color: #FFFFFF !important; }

.lock-screen-block .input-group__details::before {
  background-color: #FFFFFF !important; }

.pricing-wrapper .app-card-content h2 {
  border-bottom: 1px solid #DDE6F3;
  padding: 1.25rem; }

.list-group-flush .list-group-item, .list-group-flush li {
  border-bottom: 1px solid #DDE6F3;
  padding: 0.9375rem 0; }
  .list-group-flush .list-group-item:last-child, .list-group-flush li:last-child {
    border: none; }

.session-banner {
  background-image: url("/static/img/login-signup2.png"); }

.session-block {
  background-color: #FFFFFF;
  padding: 3.125rem;
  border-radius: 10px;
  box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.5); }
  .session-block .log-link a {
    text-decoration: none;
    color: #A5A7B2; }
    .session-block .log-link a:hover {
      color: #5D92F4; }

.block-center {
  transform: translate3d(0%, 50%, 0); }

.combobox-no-pointer-event {
  pointer-events: unset; }
  .combobox-no-pointer-event .v-menu__activator {
    pointer-events: unset; }
    .combobox-no-pointer-event .v-menu__activator .v-input__append-inner {
      user-select: unset; }
      .combobox-no-pointer-event .v-menu__activator .v-input__append-inner .v-icon--disabled {
        pointer-events: unset; }

.v-input--is-disabled {
  pointer-events: unset; }
  .v-input--is-disabled .v-select__slot {
    pointer-events: unset; }
    .v-input--is-disabled .v-select__slot .v-input__append-inner {
      user-select: unset; }
      .v-input--is-disabled .v-select__slot .v-input__append-inner .v-icon--disabled {
        pointer-events: unset; }

.body-login-bg {
  background: url(//resources.indotrading.com/frontend/images/bg-login.jpg) no-repeat; }

@media (max-width: 1200px) {
  .session-wrapper .session-left .slick-slider {
    width: 25rem; }
  .session-wrapper .session-right {
    margin-left: 25rem; } }

@media (max-width: 1000px) {
  .session-wrapper .session-right .session-content {
    max-width: 18.75rem !important; } }

@media (max-width: 800px) {
  .session-wrapper .session-left {
    display: none; }
  .session-wrapper .session-right {
    margin-left: 0; }
    .session-wrapper .session-right .session-table-cell {
      padding: 1.875rem 1.875rem 0; }
    .session-wrapper .session-right .session-content {
      max-width: 27.5rem !important; } }

/*============== Calender =============*/
.comp-full-calendar {
  max-width: 100% !important; }
  .comp-full-calendar .full-calendar-header {
    background-color: #5D92F4;
    padding: 1.875rem;
    color: #FFFFFF !important; }
    .comp-full-calendar .full-calendar-header .prev-month, .comp-full-calendar .full-calendar-header .next-month {
      font-size: 1.5rem;
      vertical-align: middle;
      margin: 0 10px;
      background-color: #FF3739;
      padding: 1px 13px;
      border-radius: 50%;
      text-align: center;
      display: inline-block; }
    .comp-full-calendar .full-calendar-header .title {
      vertical-align: middle; }
  .comp-full-calendar .full-calendar-body {
    margin-top: 0; }
    .comp-full-calendar .full-calendar-body .weeks .week {
      padding: 1.875rem 0.625rem; }
    .comp-full-calendar .full-calendar-body .dates .dates-events .events-week .events-day .event-box .event-item {
      background-color: #FF3739;
      height: 30px;
      line-height: 30px;
      color: #FFFFFF;
      font-size: 1rem; }

/*=============== Pricing Table ============*/
.pricing-wrapper .switcher {
  display: inline-block; }
  .pricing-wrapper .switcher span {
    display: inline-block; }
  .pricing-wrapper .switcher .switch-wrap {
    width: 60px;
    vertical-align: middle; }

.pricing-wrapper .pricing-list .app-card {
  padding: 3.125rem; }

.pricing-wrapper .price-detail, .pricing-wrapper .plan-info-listing {
  margin-bottom: 2.188rem; }
  .pricing-wrapper .price-detail li, .pricing-wrapper .plan-info-listing li {
    margin-bottom: 0.625rem;
    font-size: 0.875rem; }

.pricing-wrapper .pricing-title {
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
  text-transform: capitalize;
  font-weight: bold; }

.pricing-wrapper .amount-title {
  font-weight: 900;
  font-size: 2.25rem; }

.fixed-pricing {
  background-color: #FFF;
  border: 1px solid #EBECEF;
  border-radius: 0px;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08); }
  .fixed-pricing .pricing-box {
    border-right: 1px solid #D7DCE4; }

.pricing-body, .pricing-head {
  padding: 1.875rem 3.125rem; }

.plan-info {
  background-color: #DDE6F3;
  padding: 0.625rem 3.125rem; }

.plan-info-listing li i {
  margin-right: 0.9375rem; }

.testimonial-wrapper {
  padding-top: 2.5rem; }
  .testimonial-wrapper .media-body p {
    font-style: italic;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    line-height: 30px; }
  .testimonial-wrapper .user-meta span {
    color: #727891; }

.faq-wrapper .v-card {
  border: 1px solid #EBECEF;
  border-radius: 0px;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08);
  background-color: #FFF;
  margin-bottom: 1.5rem; }
  .faq-wrapper .v-card:hover {
    box-shadow: none; }

.faq-wrapper .card-title {
  margin-bottom: 0.9375rem;
  font-size: 1.2rem; }

.faq-wrapper .card-text {
  font-size: 1rem;
  color: #727891; }

@media (max-width: 1400px) and (min-width: 320px) {
  .pricing-wrapper .pricing-list .pricing-body, .pricing-wrapper .pricing-list .pricing-head, .pricing-wrapper .pricing-list .app-card {
    padding: 1.875rem 1.125rem; }
  .pricing-wrapper .pricing-list .price-list .app-block {
    padding: 1.125rem; } }

@media (max-width: 1199px) and (min-width: 320px) {
  .testimonial-wrapper .media-full {
    text-align: center;
    width: 100%;
    display: block; }
    .testimonial-wrapper .media-full img {
      width: 170px !important;
      margin-right: 0 !important; }
    .testimonial-wrapper .media-full .media-body {
      width: 100%; } }

@media (max-width: 800px) and (min-width: 320px) {
  .fixed-pricing .pr-0, .fixed-pricing .px-0, .fixed-pricing .pl-0 {
    padding: 12px !important; } }

/*================ Gallery Scss ==========*/
figure.img-wrapper {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em; }
  figure.img-wrapper * {
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  figure.img-wrapper img {
    max-width: 100%;
    vertical-align: top; }
  figure.img-wrapper figcaption {
    top: 50%;
    left: 20px;
    right: 20px;
    position: absolute;
    opacity: 0;
    z-index: 1; }
  figure.img-wrapper h2, figure.img-wrapper h4 {
    margin: 0; }
  figure.img-wrapper h2 {
    font-weight: 600; }
  figure.img-wrapper h4 {
    text-transform: uppercase; }
  figure.img-wrapper:after {
    background-color: #FFFFFF;
    position: absolute;
    content: "";
    display: block;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0; }
  figure.img-wrapper a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1; }
  figure.img-wrapper:hover figcaption, figure.img-wrapper.hover figcaption {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  figure.img-wrapper:hover:after, figure.img-wrapper.hover:after {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0.9; }

/*============ User Scss ===========*/
.social-list ul li {
  padding: 0 10px; }
  .social-list ul li a {
    text-decoration: none; }

.profile-top {
  overflow: hidden; }

.profile-bottom {
  margin-top: -50px; }

.profile-body .layout > .flex {
  display: initial; }
  .profile-body .layout > .flex > .flex {
    padding: 0; }

.user-activity {
  padding: 0.9375rem; }
  .user-activity ul li {
    border-right: 2px solid #DDE6F3;
    padding: 0 0.625rem; }
    .user-activity ul li:last-child {
      border: none; }
    .user-activity ul li span {
      font-size: 1.375rem;
      margin: 0 10px; }

.overlap {
  position: absolute;
  right: -32px;
  top: -30px; }

.media-listing .media {
  padding: 1.25rem; }

@media (max-width: 1199px) and (min-width: 960px) {
  .media-full {
    width: 100%;
    display: block; }
    .media-full img {
      width: 100%;
      margin-bottom: 15px; }
    .media-full .media-body {
      width: 100%; } }

@media (max-width: 767px) and (min-width: 320px) {
  .media-full {
    width: 100%;
    display: block; }
    .media-full img {
      width: 100%;
      margin-bottom: 15px; }
    .media-full .media-body {
      width: 100%; } }

@media (max-width: 588px) and (min-width: 320px) {
  .user-activity ul li {
    display: block;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #DDE6F3;
    padding: 10px; } }

/*========== Inbox ===========*/
.inbox .inbox-sidebar {
  padding: 0 0 0 12px  !important; }

.inbox .inbox-content {
  padding: 0 12px 0 0  !important; }

.inbox .inbox-head {
  border-right: 1px solid #EBEDF2; }
  .inbox .inbox-head .v-responsive__content {
    background-color: rgba(0, 0, 0, 0.8);
    display: flex; }
  .inbox .inbox-head .inbox-inner .mailbox-items-warp {
    margin-bottom: 1.5rem; }
  .inbox .inbox-head .inbox-inner .v-list .v-list__tile {
    height: auto;
    padding: 0.75rem 1rem; }
    .inbox .inbox-head .inbox-inner .v-list .v-list__tile .v-list__tile__action {
      min-width: auto;
      margin-right: 1rem; }
      .inbox .inbox-head .inbox-inner .v-list .v-list__tile .v-list__tile__action .v-icon {
        font-size: 1.25rem; }
    .inbox .inbox-head .inbox-inner .v-list .v-list__tile .v-list__tile__content span {
      font-size: 0.875rem; }
    .inbox .inbox-head .inbox-inner .v-list .v-list__tile .v-icon {
      font-size: 1rem; }

.inbox .inbox-content-wrap .inbox-page-list {
  padding: 1.25rem 1.875rem;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.09); }
  .inbox .inbox-content-wrap .inbox-page-list .mail-count {
    font-size: 0.875rem; }
  .inbox .inbox-content-wrap .inbox-page-list ul.list-inline li {
    margin: 0 0.5rem; }
    .inbox .inbox-content-wrap .inbox-page-list ul.list-inline li a {
      font-size: 0.875rem;
      color: #000000; }

.inbox .inbox-content-wrap .search-mail {
  background-color: #F4F7FA;
  padding: 1.25rem 1.875rem; }
  .inbox .inbox-content-wrap .search-mail .v-text-field--solo {
    background-color: #FFFFFF; }
  .inbox .inbox-content-wrap .search-mail .v-input__slot {
    margin-bottom: 0; }
  .inbox .inbox-content-wrap .search-mail .v-text-field__details {
    display: none; }

.inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile {
  height: auto;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #EBEDF2; }
  .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content {
    flex-direction: row;
    align-items: center;
    width: 90%; }
    .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .v-btn,
    .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .media,
    .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .v-input--checkbox {
      padding: 0 0.75rem; }
    .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .v-input--checkbox {
      width: 5%; }
    .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .media {
      align-items: center;
      width: 90%; }
      .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .media .v-list__tile__avatar {
        width: 10%; }
      .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .media .media-body {
        width: 90%; }
        .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__content .media .media-body > div {
          width: 25%; }
  .inbox .inbox-content-wrap .inbox-listing .v-list .v-list__tile .v-list__tile__action {
    width: 10%; }

.inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #EBEDF2; }
  .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .action-list-wrap,
  .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .navigate-page {
    border: 1px solid #EBEDF2;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
    .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .action-list-wrap li,
    .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .navigate-page li {
      padding: 0; }
      .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .action-list-wrap li:not(:last-child),
      .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .navigate-page li:not(:last-child) {
        border-right: 1px solid #EBEDF2; }
      .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .action-list-wrap li a,
      .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .navigate-page li a {
        color: #FFFFFF;
        height: 2.25rem;
        width: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .action-list-wrap li a i,
        .inbox .inbox-content-wrap .email-detail-wrap .mail-action-wrap .navigate-page li a i {
          font-size: 1.25rem; }

.inbox .inbox-content-wrap .email-detail-wrap .detail-head {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #EBEDF2; }
  .inbox .inbox-content-wrap .email-detail-wrap .detail-head .v-btn .v-icon {
    font-weight: 700; }

.inbox .inbox-content-wrap .email-detail-wrap .mail-subject-wrap {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #EBEDF2; }

.inbox .inbox-content-wrap .email-detail-wrap .user-detail,
.inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap {
  padding: 1rem 1.5rem; }

.inbox .inbox-content-wrap .email-detail-wrap .mail-detail {
  padding: 1rem 1.5rem 3rem 5.5rem;
  border-bottom: 1px solid #EBEDF2; }

.inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-head {
  padding: 1rem 0; }

.inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-list li {
  margin: 0 1rem; }
  .inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-list li .overlay-wrapper {
    position: relative;
    margin-bottom: 0.6125rem; }
    .inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-list li .overlay-wrapper img {
      display: block; }
    .inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-list li .overlay-wrapper a.overlay-content {
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      transform: scale(0.7); }
      .inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-list li .overlay-wrapper a.overlay-content i {
        color: #FFFFFF; }
  .inbox .inbox-content-wrap .email-detail-wrap .mail-attachment-wrap .attachment-list li:hover a.overlay-content {
    opacity: 1;
    transform: scale(1); }

.inbox .inbox-content-wrap .email-detail-wrap .mail-reply {
  padding: 1rem 1.5rem; }
  .inbox .inbox-content-wrap .email-detail-wrap .mail-reply .v-input__slot {
    margin-bottom: 0; }
  .inbox .inbox-content-wrap .email-detail-wrap .mail-reply .v-text-field__details {
    display: none; }

@media (max-width: 959px) and (min-width: 320px) {
  .inbox .inbox-head .v-card__media {
    height: auto !important; }
  .inbox .inbox-head .inbox-sidebar-scroll {
    height: calc(100vh - 222px) !important; }
  .inbox .inbox-sidebar {
    display: none;
    padding-right: 1rem !important; }
  .inbox .inbox-content {
    padding-left: 1rem !important; }
    .inbox .inbox-content .inbox-page-list .ham-menu-sm {
      display: block !important; }
    .inbox .inbox-content .inbox-page-list,
    .inbox .inbox-content .search-mail {
      padding: 0.75rem 1rem !important; }
    .inbox .inbox-content .v-text-field .v-input__control {
      min-height: 36px !important; }
      .inbox .inbox-content .v-text-field .v-input__control input,
      .inbox .inbox-content .v-text-field .v-input__control i {
        font-size: 1rem; }
    .inbox .inbox-content .email-detail-wrap .v-btn--large {
      height: 2.5rem !important;
      padding: 0 !important;
      font-size: 0.875rem !important; }
      .inbox .inbox-content .email-detail-wrap .v-btn--large i {
        font-size: 0.875rem !important; }
    .inbox .inbox-content .email-detail-wrap .mail-detail {
      padding-left: 1.5rem !important; }
  .inbox .inbox-content-scroll {
    height: calc(100vh - 182px) !important; }
  .inbox .inbox-detail-scroll {
    height: calc(100vh - 203px) !important; } }

@media (max-width: 767px) and (min-width: 320px) {
  .inbox .inbox-listing .v-list__tile {
    padding: 0.75rem !important; }
    .inbox .inbox-listing .v-list__tile .v-btn.v-btn--icon {
      display: none !important;
      width: 0 !important;
      padding: 0 !important; }
    .inbox .inbox-listing .v-list__tile .v-input.v-input--checkbox {
      width: 40px !important; }
    .inbox .inbox-listing .v-list__tile .media {
      width: 100% !important; }
      .inbox .inbox-listing .v-list__tile .media .media-body > div {
        width: 100% !important; }
        .inbox .inbox-listing .v-list__tile .media .media-body > div h6 {
          margin: 0 !important; }
      .inbox .inbox-listing .v-list__tile .media .media-body p {
        display: none !important; }
      .inbox .inbox-listing .v-list__tile .media .v-list__tile__avatar {
        display: none !important; } }

/*================ Chat Layout =================*/
.chat-layout .v-toolbar {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.09); }

.chat-layout .chat-main .v-toolbar__content {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .chat-layout .chat-main .v-toolbar__content .media {
    margin-top: 0.5rem; }
  .chat-layout .chat-main .v-toolbar__content .chat-head-right .v-icon {
    font-size: 1.25rem; }

.chat-content .v-list .v-list__tile {
  height: auto;
  padding: 15px 8px 15px 15px;
  margin-left: 0px; }

.chat-content .v-list .grayish-blue .v-list__tile h6 {
  color: #DFEAFF !important; }

.chat-content .v-list .grayish-blue .v-list__tile span {
  color: #FFFFFF !important; }

/*========================== Responsive ==================*/
@media (max-width: 767px) {
  .LandbotLivechat-container {
    display: none; } }

@media (max-width: 959px) and (min-width: 320px) {
  .chat-layout .v-toolbar .v-toolbar__content {
    height: 64px !important; }
  .chat-layout .chat-sidebar {
    display: none !important; }
  .chat-layout .select-user,
  .chat-layout .ham-menu-icon {
    display: block !important; }
  .chat-content .v-toolbar .v-toolbar__title,
  .chat-content .v-toolbar i {
    font-size: 1rem; }
  .chat-content .chat-sidebar-scroll {
    height: calc(100vh - 175px) !important; }
  .chat-content .v-list .v-list__tile {
    padding: 0.75rem 1rem;
    margin-left: 0; }
  .LandbotFrame {
    margin-bottom: 50px; }
  .LandbotFrame[data-open="true"] {
    height: calc(100% - 20px - 94px - 20px + 2 * 14px) !important; }
  .LandbotLauncher {
    margin-bottom: 50px; }
  .LandbotProactive {
    margin-bottom: 50px; } }

@media (max-width: 599px) and (min-width: 320px) {
  .chat-layout .v-toolbar .v-toolbar__content {
    padding: 0 0.5rem !important; }
    .chat-layout .v-toolbar .v-toolbar__content .chat-head-left {
      margin-right: 0.625rem; }
    .chat-layout .v-toolbar .v-toolbar__content .chat-head-right {
      text-align: right; }
      .chat-layout .v-toolbar .v-toolbar__content .chat-head-right .video-icon {
        display: none; }
      .chat-layout .v-toolbar .v-toolbar__content .chat-head-right .v-btn {
        margin: 0 2px !important; }
  .LandbotFrame {
    margin-bottom: 50px; }
  .LandbotFrame[data-open="true"] {
    height: calc(100% - 20px - 94px - 20px + 2 * 14px) !important; }
  .LandbotLauncher {
    margin-bottom: 50px; }
  .LandbotProactive {
    margin-bottom: 50px; } }

.text-chat-layout .max-h-txt-area textarea {
  min-height: 44px !important;
  padding-top: 11px !important;
  padding-left: 0 !important;
  font-size: 14px !important; }

.text-chat-layout .chat-text-area {
  padding: 0 !important; }
  .text-chat-layout .chat-text-area .v-input__slot {
    min-height: inherit;
    border-color: #EBEDF2;
    transition: border 0.36s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: border;
    transition-duration: 0.36s, 0.36s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0s, 0s;
    padding: 8px 0; }
    .text-chat-layout .chat-text-area .v-input__slot textarea {
      padding: 0 10px;
      min-height: inherit;
      max-height: 74px;
      margin-top: 0; }

.text-chat-layout .v-input--is-focused .v-input__slot {
  border-color: #ccd1de;
  transition: border 0.36s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: border;
  transition-duration: 0.36s, 0.36s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s, 0s; }

.text-chat-layout .chat-text-area:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {
  border-color: #ccd1de;
  transition: border 0.36s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: border;
  transition-duration: 0.36s, 0.36s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s, 0s; }

.text-chat-layout > button {
  margin-left: 4px !important; }
  .text-chat-layout > button.chat-btn-send {
    height: 48px !important;
    width: 48px !important; }

.chat-border-bottom {
  overflow: auto;
  padding-bottom: 12px; }

.chat-footer {
  padding: 8px 8px;
  background: white; }
  .chat-footer .text-chat-layout .chat-text-area {
    padding: 0 !important; }
    .chat-footer .text-chat-layout .chat-text-area .v-input__slot {
      min-height: inherit;
      border-color: #EBEDF2;
      padding: 8px 0; }
      .chat-footer .text-chat-layout .chat-text-area .v-input__slot textarea {
        padding: 0 10px;
        min-height: inherit;
        max-height: 74px;
        margin-top: 0; }
  .chat-footer .text-chat-layout .v-input--is-focused .v-input__slot {
    border-color: #ccd1de; }
  .chat-footer .text-chat-layout .chat-text-area:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {
    border-color: #ccd1de; }
  .chat-footer .text-chat-layout > button {
    padding: 0 8px !important;
    margin: 0 !important;
    min-width: 40px !important;
    min-height: 40px !important; }

.send-chat input {
  padding-right: 35px !important; }

.send-chat .send-icon {
  position: absolute;
  right: 10px;
  top: 9px;
  color: #d0caca;
  cursor: pointer; }

.message-container .v-expansion-panel__header {
  height: auto; }
  .message-container .v-expansion-panel__header > div:first-child {
    margin-right: 10px; }

.message-container td {
  padding: 4px 0 !important; }

.message-container .footertable {
  overflow: hidden;
  padding: 24px !important; }

.message-user-container {
  display: flex;
  flex-direction: column;
  border-right: 2px solid #E5E5E5; }
  .message-user-container .message-list-head {
    padding: 15px; }
    .message-user-container .message-list-head .main-search-chat {
      flex-grow: 1 !important; }
    .message-user-container .message-list-head .chat-search-form {
      height: 40px;
      display: flex;
      align-items: center; }
      .message-user-container .message-list-head .chat-search-form .chat-search-input {
        height: 100%;
        width: 100%;
        text-indent: 8px;
        border: 1px solid #e5e5e5;
        border-right: 0;
        border-radius: 8px 0 0 8px; }
      .message-user-container .message-list-head .chat-search-form > .v-btn {
        margin: 0;
        border-radius: 0;
        height: 40px;
        width: 40px;
        border-radius: 0 8px 8px 0; }
    .message-user-container .message-list-head .btn-square {
      margin: 0;
      border-radius: 8px;
      height: 40px;
      width: 40px; }
      .message-user-container .message-list-head .btn-square.chat-filter {
        background-color: #e5e5e5; }
      .message-user-container .message-list-head .btn-square::before {
        border-radius: 8px; }
    .message-user-container .message-list-head .chat-filter-btn {
      border-color: #e5e5e5;
      height: 40px; }
  .message-user-container .message-user-list {
    flex: 1;
    padding: 0 7px 15px; }
    .message-user-container .message-user-list .chat-user-list-box {
      position: relative;
      margin-bottom: 5px;
      border-radius: 8px; }
      .message-user-container .message-user-list .chat-user-list-box:last-child {
        margin-bottom: 0; }
      .message-user-container .message-user-list .chat-user-list-box .menu-chat-position {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 99; }
      .message-user-container .message-user-list .chat-user-list-box:hover {
        background: #FFEDED; }
        .message-user-container .message-user-list .chat-user-list-box:hover .menu-hover {
          display: block !important; }
      .message-user-container .message-user-list .chat-user-list-box .menu-hover {
        display: none !important; }
    .message-user-container .message-user-list .chat-user-list {
      display: flex;
      align-items: center;
      padding: 8px;
      border-radius: 8px;
      cursor: pointer; }
      .message-user-container .message-user-list .chat-user-list.selected, .message-user-container .message-user-list .chat-user-list:hover {
        background: #FFEDED; }
      .message-user-container .message-user-list .chat-user-list .chat-list-user-img {
        border-radius: 8px;
        overflow: hidden; }
        .message-user-container .message-user-list .chat-user-list .chat-list-user-img img {
          width: 50px;
          height: 50px;
          object-fit: contain; }
      .message-user-container .message-user-list .chat-user-list .chat-detail {
        flex: 1;
        padding-left: 10px; }
      .message-user-container .message-user-list .chat-user-list .chat-time {
        font-size: 12px; }

.new-chat-dot-alt {
  border-radius: 20px;
  background-color: red;
  height: 18px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto; }
  .new-chat-dot-alt span {
    font-size: 12px;
    color: white; }

.list-message {
  cursor: pointer;
  border-bottom: 1px solid #ddd; }

.list-rfq {
  border-bottom: 1px solid #ddd;
  cursor: pointer; }

.main-chat-head {
  padding: 15px;
  box-shadow: none;
  border-bottom: 3px solid #E5E5E5;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .main-chat-head .chat-area-user-img {
    border-radius: 25px;
    overflow: hidden; }
    .main-chat-head .chat-area-user-img img {
      width: 50px;
      height: 50px;
      object-fit: contain; }

.chat-container {
  overflow: auto;
  padding-bottom: 12px; }
  .chat-container .date {
    text-align: center; }
  .chat-container .sent-chat,
  .chat-container .received-chat {
    margin-bottom: 5px; }
  .chat-container .sent-chat {
    text-align: right; }
    .chat-container .sent-chat .chat-text {
      border-radius: 20px 0px 20px 20px;
      background: #fff;
      border: 1.3px solid #E5E5E5; }
  .chat-container .received-chat {
    text-align: left; }
    .chat-container .received-chat .chat-text {
      border-radius: 0px 20px 20px 20px;
      background: #F3F4F5;
      border: 1.3px solid #E5E5E5; }
  .chat-container .chat-text {
    display: inline-block;
    border-radius: 20px;
    padding: 5px 15px; }

.tab-message-center .v-tabs__item {
  padding: 3px 20px; }

.hide-s,
.detail-messages {
  display: none; }

.detail-message {
  background: white; }

.logo-chat {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px; }

.simple-table-layout tr td {
  padding: 5px 10px; }

.time-stamp-chat {
  background: #F2F2F2;
  width: 150px;
  height: 27px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto; }

.info-connect-chat {
  background: #FFF;
  height: 35px;
  color: gray;
  width: fit-content;
  border-radius: 20px;
  border: 1px dashed gray;
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 0 10px;
  justify-content: center;
  margin: 10px auto; }

.app-default-layout .v-content__wrap,
.app-mini-layout .v-content__wrap {
  background-color: #F4F7FA; }

@media (max-width: 958px) {
  .chat-footer {
    position: relative !important; } }

/*=========== Icons Scss =============*/
.icon-box div {
  color: #727891;
  padding: 0.8em 0;
  position: relative; }
  .icon-box div:hover span i {
    font-size: 2rem;
    color: #5D92F4;
    margin-top: -5px; }
  .icon-box div:hover span {
    color: #5D92F4; }

.icon-box span, .icon-box .icon-title {
  font-size: 1rem;
  margin-left: 2.188rem; }

.icon-box span i {
  transition: all 0.5s ease 0s;
  position: absolute;
  top: 17px;
  left: 15px; }

/*=========== Right Sidebar ============*/
.app-customizer {
  right: 0;
  bottom: 0;
  position: fixed;
  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99) 0s;
  top: 72px; }

.customizer-toggle {
  border: medium none;
  color: #FFFFFF !important;
  cursor: pointer;
  height: 45px;
  left: -45px;
  line-height: 48px;
  position: absolute;
  text-align: center;
  top: 25%;
  width: 45px;
  text-decoration: none; }

.spin-icon {
  -webkit-animation: spin-icon 2s infinite linear;
  animation: spin-icon 2s infinite linear; }

.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
  left: 5px; }

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple::after {
  left: 60%; }

@media (max-width: 1660px) {
  .app-customizer {
    z-index: 9999999999 !important; } }

@media (max-width: 768px) {
  .app-customizer {
    display: none !important; } }

/*============ Effect Scss ============*/
.dash-card i,
.dash-card .dash-icon, .border-0.app-card i,
.border-0.app-card .dash-icon {
  transform: translateY(0px);
  transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; }

.dash-card:hover i,
.dash-card:hover .dash-icon, .border-0.app-card:hover i,
.border-0.app-card:hover .dash-icon {
  transform: translate3d(0px, -0.6rem, 0px);
  opacity: 0.9; }

/*=========== Back To Top Css ===========*/
.vm-back-top-inner {
  background: #5D92F4;
  border-radius: 100% !important;
  width: 60px;
  height: 60px; }

.vm-back-top-inner i:before {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -12px; }

.vm-back-top:hover i:before {
  -webkit-animation: arrow-up 500ms linear 200ms infinite alternate;
  /* Chrome, Safari, Opera */
  animation: arrow-up 500ms linear 200ms infinite alternate; }

@-webkit-keyframes arrow-up {
  0% {
    top: 0px; }
  50% {
    top: 7px; }
  100% {
    top: 14px; } }

@-moz-keyframes arrow-up {
  0% {
    top: 0px; }
  50% {
    top: 7px; }
  100% {
    top: 14px; } }

@-o-keyframes arrow-up {
  0% {
    top: 0px; }
  50% {
    top: 7px; }
  100% {
    top: 14px; } }

@keyframes arrow-up {
  0% {
    top: 0px; }
  50% {
    top: 7px; }
  100% {
    top: 14px; } }

/*=========== Loader css ===========*/
.spinwrap {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9); }

.spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%; }

.cube1, .cube2 {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: cubemove 2s infinite ease-in-out;
  animation: cubemove 2s infinite ease-in-out; }

.cube1 {
  background: #FFB70F;
  -webkit-animation: cubemove 2s infinite ease-in-out;
  animation: cubemove 2s infinite ease-in-out; }

.cube2 {
  background: #5D92F4;
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

@-webkit-keyframes cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg); } }

@keyframes cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg); } }

/*========== Tour ==========*/
.v-step {
  z-index: 99;
  background-color: #FFFFFF !important;
  color: #464D69 !important;
  width: 17.5rem; }
  .v-step[x-placement^="left"] .v-step__arrow {
    border-left-color: #FFFFFF !important; }
  .v-step[x-placement^="right"] .v-step__arrow {
    border-right-color: #FFFFFF !important; }
  .v-step[x-placement^="top"] .v-step__arrow {
    border-top-color: #FFFFFF !important; }
  .v-step[x-placement^="bottom"] .v-step__arrow {
    border-bottom-color: #FFFFFF !important; }
  .v-step .v-step__button {
    background: #5D92F4 !important; }
    .v-step .v-step__button:hover {
      color: #FFFFFF; }
  @media (max-width: 1263px) {
    .v-step {
      display: none !important; } }

/*================ Weather widget =================*/
.weather-widget .weather-head {
  background-image: url("/static/img/weather-1.jpg");
  background-size: cover;
  background-repeat: repeat;
  -moz-animation: animatedBackground 25s infinite ease;
  -o-animation: animatedBackground 25s infinite ease;
  -webkit-animation: animatedBackground 25s infinite ease;
  animation: animatedBackground 25s infinite ease; }

@keyframes animatedBackground {
  0% {
    background-position: 0 0; }
  1% {
    background-position: 0 0; }
  50% {
    background-position: -1000px 0; }
  51% {
    background-position: -1000px 0; }
  99% {
    background-position: 0 0; }
  100% {
    background-position: 0 0; } }

/*======== Module Scss ========*/
.chat-box-main {
  text-align: center;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .chat-box-main img {
    margin-bottom: 0.9375rem; }

.chat-body {
  padding: 1.875rem 1.875rem 0; }
  .chat-body > div {
    margin-bottom: 0.9375rem; }
  .chat-body .chat-block {
    display: flex; }
  .chat-body .chat-bubble {
    max-width: 600px;
    padding: 0.625rem;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08); }
    .chat-body .chat-bubble.even {
      border-radius: 20px 20px 20px 0; }
    .chat-body .chat-bubble.odd {
      border-radius: 20px 20px 0px 20px; }
      .chat-body .chat-bubble.odd span {
        color: #FFFFFF; }

.border-rad-0.card {
  border-right: 1px solid #D7DCE4; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.h-vh-100 {
  height: 100vh; }

.whatsapp-underline :hover {
  text-decoration: underline; }

/*======== Responsive =========*/
@media (max-width: 599px) {
  .chat-main-wrapper {
    display: none !important; }
  .mobile-chat .chat-sidebar-wrapper {
    display: none; }
  .mobile-chat .chat-main-wrapper {
    display: block !important; } }

/*================= Pages ================*/
/*====================== Blog-page ================*/
.blog-list .blog-sidebar .category-widget ul li {
  border-bottom: 1px solid #EBEDF2;
  transition: all 0.3s ease-in-out;
  padding: 0 1rem; }
  .blog-list .blog-sidebar .category-widget ul li a {
    color: #000000;
    padding: 0.5rem 0rem;
    display: block; }
  .blog-list .blog-sidebar .category-widget ul li:hover {
    border-color: #5D92F4 !important;
    padding: 0 2rem; }

.blog-list .blog-sidebar .tags-widget ul li {
  display: inline-block; }
  .blog-list .blog-sidebar .tags-widget ul li a {
    border: 1px solid #EBEDF2;
    margin: 4px 4px 0 0;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5D92F4;
    color: #FFFFFF;
    padding: 5px 10px; }
    .blog-list .blog-sidebar .tags-widget ul li a:hover {
      background-color: transparent;
      color: #5D92F4 !important; }

.img-cropper-wrap .img-crop {
  border: 1px solid #EBEDF2; }

.img-cropper-wrap .croppa-container {
  width: 100%;
  height: 350px; }
  .img-cropper-wrap .croppa-container canvas {
    width: inherit !important;
    height: inherit !important; }

@media (max-width: 767px) {
  .img-cropper-wrap .format-btn-wrap {
    display: block !important; }
    .img-cropper-wrap .format-btn-wrap .v-btn {
      width: 100%;
      margin: 0 0 0.625rem 0; }
  .img-cropper-wrap .croppa-container {
    height: 250px !important; } }

@media all and (-ms-high-contrast: none) {
  .blog-layout-v1 > a, .image-wrap a {
    display: block; }
  .custom-flex .layout.row .flex > div {
    height: auto; }
  .rating-text p {
    margin: 0 0.5rem; }
  .banner-video {
    width: 100%; }
  .course-payment .v-input--selection-control.v-input__control {
    width: 100%; }
  .session-social-links .list-inline {
    display: flex; } }

/*================ Hover Page ================*/
.hover-wrapper .app-card .app-card-content {
  flex-direction: column; }

@media (max-width: 500px) {
  .v-rating .v-icon {
    padding: 0.25rem; } }

/*================ UI/Groups ================*/
.custom-layout.layout:first-child {
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important; }

.custom-layout.layout:not(:only-child) {
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important; }

/*========= Widgets Scss ==========*/
.dialog .card__title {
  font-size: 1.25rem;
  font-weight: bold; }

.divlinker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fileUpload {
  overflow: hidden; }

.support-widget-wrap .app-full-content {
  height: 75%; }

.support-widget-wrap .support-widget {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between; }

.support-widget-wrap ul li {
  display: flex;
  padding: 0.3125rem 1rem; }
  .support-widget-wrap ul li:not(:nth-child(2)) {
    background-color: #F4F7FA !important; }
  .support-widget-wrap ul li button {
    margin: 0; }
  .support-widget-wrap ul li .content-title {
    width: 20%; }
  .support-widget-wrap ul li .badge-wrap {
    width: 30%; }
  .support-widget-wrap ul li .v-badge {
    min-width: 100px; }

.footer-flex {
  display: flex; }

.flag-img {
  display: inherit; }

.blog-layout-three {
  overflow: hidden; }
  .blog-layout-three .blog-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 100%); }

.review-slider .app-card-title {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.2); }
  .review-slider .app-card-title h3 {
    color: #FFFFFF; }

.review-slider .slick-dots {
  text-align: left;
  bottom: -20px; }
  .review-slider .slick-dots li {
    margin: 0; }
    .review-slider .slick-dots li button:before {
      color: #FFFFFF;
      font-size: 0.5rem; }

.team-avatar ul {
  position: relative;
  margin-top: 5px; }
  .team-avatar ul li {
    list-style-type: none; }
    .team-avatar ul li > div {
      height: 1.875rem;
      width: 1.875rem;
      border: 2px solid transparent;
      transform: translateY(0) scale(1);
      transition: all 0.2s ease-in-out;
      border-radius: 50% !important;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden; }
      .team-avatar ul li > div img {
        border-radius: 50%;
        display: block; }
      .team-avatar ul li > div .v-tooltip > span {
        display: block; }
    .team-avatar ul li:hover > div {
      border-color: #FFFFFF;
      z-index: 999;
      transform: translateY(-4px) scale(1.02);
      box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2); }
  .team-avatar ul li:not(:first-child) {
    margin-left: -0.85rem; }

.customer-overview-widget .app-full-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 86%; }

/*============= Event Calender ====================*/
.app-event-calendar .event-tab-wrapper {
  background: url(/static/img/blog-6.jpg) no-repeat center center;
  background-size: cover; }
  .app-event-calendar .event-tab-wrapper .event-heading-wrap {
    opacity: 0.925;
    padding: 1.5rem 1.5rem 0 1.5rem; }
    .app-event-calendar .event-tab-wrapper .event-heading-wrap ul li.event-tab {
      display: inline-block; }
      .app-event-calendar .event-tab-wrapper .event-heading-wrap ul li.event-tab a {
        color: #FFFFFF;
        letter-spacing: 0.23px;
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 20px;
        text-align: center;
        padding: 0.65rem 0.9rem;
        border-radius: 3px 3px 0 0; }
      .app-event-calendar .event-tab-wrapper .event-heading-wrap ul li.event-tab.active a {
        background-color: #FFFFFF;
        color: #5D92F4; }

.app-event-calendar .tab-content-wrap .event-user-list .v-list__tile {
  border-bottom: 1px solid #D7DCE4; }
  .app-event-calendar .tab-content-wrap .event-user-list .v-list__tile .v-list__tile__action {
    opacity: 0;
    transition: opacity 0.3s linear; }
  .app-event-calendar .tab-content-wrap .event-user-list .v-list__tile:hover .v-list__tile__action {
    opacity: 1; }

.app-event-calendar .tab-content-wrap .app-event-item {
  border-left-width: 8px;
  border-left-style: solid;
  margin-bottom: 2px;
  background-color: #FAFAFA;
  transition: all 0.3s linear; }
  .app-event-calendar .tab-content-wrap .app-event-item .v-list__tile__action {
    opacity: 0;
    transition: opacity 0.3s linear; }
  .app-event-calendar .tab-content-wrap .app-event-item:hover {
    background-color: #FFFFFF;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.18); }
    .app-event-calendar .tab-content-wrap .app-event-item:hover .v-list__tile__action {
      opacity: 1; }

.app-event-calendar .info-border {
  border-color: #00D0BD !important; }

.app-event-calendar .success-border {
  border-color: #00D014 !important; }

.app-event-calendar .danger-border {
  border-color: #FF3739 !important; }

.app-event-calendar .warning-border {
  border-color: #FFB70F !important; }

.app-event-calendar .primary-border {
  border-color: #5D92F4 !important; }

.server-load-chart {
  position: absolute;
  bottom: -1.5rem;
  left: 0rem;
  right: 0; }

.hover-action {
  display: none;
  transition: all 0.4s linear 0s; }
  .hover-action button,
  .hover-action a {
    height: 34px !important;
    width: 34px !important;
    font-size: 1.3rem; }

.new-mail > div,
.new-mail > li {
  padding: 0.625rem 0.9375rem;
  border-bottom: 1px solid #D7DCE4; }

.new-mail li .mail-content {
  display: flex; }
  .new-mail li .mail-content .mail-action {
    opacity: 0;
    transition: all 0.3s ease-in-out; }
    .new-mail li .mail-content .mail-action .v-btn {
      width: 30px !important;
      height: 30px !important; }
  @media (max-width: 959px) {
    .new-mail li .mail-content {
      display: block !important; }
      .new-mail li .mail-content .mail-action {
        width: 100% !important;
        text-align: left !important; } }

.new-mail li:hover .mail-action {
  opacity: 1; }

.app-flex {
  display: flex; }

.follwers-widgets ul li {
  border-bottom: 1px solid #D7DCE4;
  padding: 0.3125rem 0.9375rem; }

/*================== Countdown =================*/
.countdown-wrap .count-value {
  border: 2px solid #5D92F4;
  padding: 0.4rem 0.8rem;
  box-shadow: 0px 3px 9px rgba(205, 221, 252, 0.85);
  height: 40px;
  width: 100px; }

/*================== Booking Info =================*/
.booking-info-wrap .app-full-content ul li {
  transition: all 0.3s linear; }
  .booking-info-wrap .app-full-content ul li .btn__content:before {
    opacity: 1;
    transition: all 0.3s linear; }
  .booking-info-wrap .app-full-content ul li .btn__content .v-icon {
    color: #A5A7B2;
    z-index: 9; }
  .booking-info-wrap .app-full-content ul li:hover {
    background-color: #FAFAFA; }
    .booking-info-wrap .app-full-content ul li:hover .btn .btn__content:before {
      background-color: #5D92F4; }
    .booking-info-wrap .app-full-content ul li:hover .btn .btn__content .v-icon {
      color: #FFFFFF; }

/*================== Mailbox Wrapper =================*/
.mailbox-wrapper .v-list .v-list__tile ul.icon-wrap {
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  .mailbox-wrapper .v-list .v-list__tile ul.icon-wrap li {
    margin: 0 0.5rem; }
    .mailbox-wrapper .v-list .v-list__tile ul.icon-wrap li .v-icon {
      font-size: 1.25rem;
      color: #464D69; }

.mailbox-wrapper .v-list .v-list__tile:hover ul.icon-wrap {
  opacity: 1; }

/*================== Activity Widget =================*/
.activity-widget-wrap > div {
  height: 100%; }

.activity-widget-wrap .activity-widget li {
  border-left: 1px solid #A5A7B2;
  padding: 0 20px 15px 20px;
  position: relative; }
  .activity-widget-wrap .activity-widget li span.activity-time {
    display: block;
    font-size: 12px;
    color: #A5A7B2; }
  .activity-widget-wrap .activity-widget li span.v-badge {
    position: absolute;
    right: auto;
    top: 0;
    left: -9.75px;
    min-height: 1.125rem;
    min-width: 1.125rem; }
    .activity-widget-wrap .activity-widget li span.v-badge:before {
      border: 3px solid #FFFFFF; }
  .activity-widget-wrap .activity-widget li p {
    margin-bottom: 0; }

/*================== Chat Widget =================*/
.chat-widget-wrap .chat-widget .chat-bubble-wrap {
  max-width: 55%; }

.chat-widget-wrap .chat-widget .chat-bubble {
  border-radius: 5px;
  padding: 0.625rem 0.875rem;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); }

.chat-widget-wrap .send-message-box .v-text-field__details {
  display: none; }

.chat-widget-wrap .send-message-box .v-input__slot {
  margin: 0; }

/*================== Blog Layout Four =================*/
.blog-four-layout {
  background: url(/static/img/post-2.png) no-repeat center center;
  background-size: cover;
  overflow: hidden; }

/* ============== TODO v-list ====================*/
.todo-list > div .v-list__tile .v-list__tile__sub-title {
  color: #A5A7B2; }

.todo-list > div .v-list__tile .trash-icon {
  opacity: 0;
  transition: opacity 0.3s linear; }

.todo-list > div .v-list__tile:hover .v-list__tile__sub-title {
  color: #000000; }

.todo-list > div .v-list__tile:hover .trash-icon {
  opacity: 1; }

/* ============== Social Icon ====================*/
.social-share-wrap {
  cursor: pointer; }
  .social-share-wrap .app-card-content > div {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .social-share-wrap .app-card-content > div > span {
      width: 40%;
      text-align: center; }
      .social-share-wrap .app-card-content > div > span:last-child {
        border-left: 1px dashed #EBEDF2; }
    .social-share-wrap .app-card-content > div .social-icon {
      width: 4.1875rem;
      height: 4.1875rem;
      background-color: #FAFAFA;
      justify-content: center;
      transition: all 0.4s ease-in-out; }
      .social-share-wrap .app-card-content > div .social-icon i {
        transition: all 0.4s ease-in-out; }
  .social-share-wrap .app-card-content:hover .social-icon {
    border-radius: 0 !important;
    border-color: transparent !important; }
    .social-share-wrap .app-card-content:hover .social-icon i {
      color: #FFFFFF !important; }
  .social-share-wrap .app-card-content:hover .facebook .social-icon {
    background-color: #405DE6 !important; }
  .social-share-wrap .app-card-content:hover .twitter .social-icon {
    background-color: #1FA2FA !important; }
  .social-share-wrap .app-card-content:hover .linkedin .social-icon {
    background-color: #4875B4 !important; }
  .social-share-wrap .app-card-content:hover .google .social-icon {
    background-color: #D82218 !important; }

/* ============== Category Sales ====================*/
.category-progress-wrap span.label {
  width: 3.125rem;
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem; }

.category-progress-wrap span {
  font-size: 12px;
  color: #727891; }

.category-progress-wrap .progress-wrap {
  width: 100%;
  margin: 0.75rem 0; }
  .category-progress-wrap .progress-wrap span {
    display: block;
    text-align: right; }

.category-progress-wrap .v-progress-linear {
  margin: 0; }
  .category-progress-wrap .v-progress-linear .v-progress-linear__background {
    border-radius: 0 100px 100px 0;
    background-color: #E9ECEF !important;
    opacity: 1 !important; }
  .category-progress-wrap .v-progress-linear .v-progress-linear__bar .v-progress-linear__bar__determinate {
    border-radius: 0 100px 100px 0; }

/*==================== Activity-Around-World ================*/
.activity-around-world ul.country-progress li:not(:last-child) {
  border-bottom: 1px solid #EBEDF2; }

/*==================== Traffic-Channel ================*/
.traffic-channel-widget .v-list__tile {
  padding: 0; }
  .traffic-channel-widget .v-list__tile p {
    margin: 0 1rem 0.4rem 0;
    width: 4.5rem;
    color: #727891;
    font-size: 12px;
    font-weight: 600;
    align-self: flex-end; }
  .traffic-channel-widget .v-list__tile > div {
    width: 100%; }
    .traffic-channel-widget .v-list__tile > div span {
      color: #727891;
      font-size: 12px;
      display: block;
      text-align: right; }
    .traffic-channel-widget .v-list__tile > div .v-progress-linear {
      margin: 0; }
      .traffic-channel-widget .v-list__tile > div .v-progress-linear .v-progress-linear__background {
        border-radius: 0 200px 200px 0; }
      .traffic-channel-widget .v-list__tile > div .v-progress-linear .v-progress-linear__bar .v-progress-linear__bar__determinate {
        border-radius: 0 200px 200px 0; }

/*==================== Browser Static ================*/
.browser-statics-wrapper .v-list > div .v-list__tile {
  border-bottom: 1px solid #EBEDF2;
  display: flex;
  justify-content: space-between; }
  .browser-statics-wrapper .v-list > div .v-list__tile > div {
    display: flex;
    align-items: center;
    width: 50%; }
    .browser-statics-wrapper .v-list > div .v-list__tile > div h6.primary--text {
      text-align: center; }
  .browser-statics-wrapper .v-list > div .v-list__tile h6 {
    margin-bottom: 0; }
  .browser-statics-wrapper .v-list > div .v-list__tile span,
  .browser-statics-wrapper .v-list > div .v-list__tile h6.primary--text {
    width: 50%; }

/*==================== Support Ticket Wrap ================*/
.support-ticket-wrap .v-list .v-listing {
  padding: 0; }

.support-ticket-wrap .v-list .v-list__tile {
  border-bottom: 1px solid #EBEDF2;
  height: auto;
  align-items: flex-start;
  padding: 1rem 1.5rem; }
  .support-ticket-wrap .v-list .v-list__tile .v-list__tile__content i {
    color: #A5A7B2;
    font-size: 12px; }

/*==================== User Stats Wrap ================*/
.user-stats-wrap .v-progress-linear .v-progress-linear__background,
.user-stats-wrap .v-progress-linear .v-progress-linear__bar__determinate,
.platform-user-stats .v-progress-linear .v-progress-linear__background,
.platform-user-stats .v-progress-linear .v-progress-linear__bar__determinate,
.server-status-widget .v-progress-linear .v-progress-linear__background,
.server-status-widget .v-progress-linear .v-progress-linear__bar__determinate {
  border-radius: 10px; }

.server-status-widget .v-progress-linear {
  margin: 0.875rem 0 2rem 0; }

/*==================== Notification Wrap ================*/
.notification-wrap .v-list__tile {
  border-bottom: 1px solid #EBEDF2; }
  .notification-wrap .v-list__tile .v-avatar {
    background-color: #F4F3F8;
    transition: all 0.3s ease-in-out; }
  .notification-wrap .v-list__tile:hover .v-avatar {
    background-color: #FFFFFF; }

.notificationv2-widget-wrap .message-widget .v-list__tile {
  padding: 1rem 1.5rem; }

.notificationv2-widget-wrap .message-widget .v-list__tile,
.notificationv2-widget-wrap .message-widget .v-list__tile__content {
  height: auto; }

.notificationv2-widget-wrap .message-widget .message-time {
  width: 225px; }

/*=============================== Blog Widget ==========================*/
.blog-widget .app-card-content {
  height: 100%; }
  .blog-widget .app-card-content .blog-layout-v1,
  .blog-widget .app-card-content .add-blog-form {
    flex-direction: column; }
  .blog-widget .app-card-content .add-blog-form {
    height: 88%; }

/*======================= Sales Area Chart ====================*/
.sales-chart-widget .app-full-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 88%; }

/*==================== Magazine stats card ================*/
.magazine-stats-card {
  box-shadow: none; }
  .magazine-stats-card .stats-card-title {
    width: 45%; }
  .magazine-stats-card .stats-card-chart {
    width: 55%; }

/*==================== Recent User ================*/
.recent-user-wrap .v-list__tile {
  border-bottom: 1px solid #EBEDF2; }
  .recent-user-wrap .v-list__tile .v-list__tile__title {
    height: auto; }
  .recent-user-wrap .v-list__tile .v-avatar {
    position: relative; }
  .recent-user-wrap .v-list__tile .v-list__tile__sub-title a {
    color: #A5A7B2; }
  .recent-user-wrap .v-list__tile .v-list__tile__action {
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
  .recent-user-wrap .v-list__tile:hover .v-list__tile__action {
    opacity: 1; }
    .recent-user-wrap .v-list__tile:hover .v-list__tile__action .btn__content:before {
      background-color: currentColor; }
  .recent-user-wrap .v-list__tile:hover .v-list__tile__sub-title a {
    color: #000000; }

/*==================== Recent User ================*/
.top-author-wrap .author-detail-wrap .author-avatar {
  padding: 2.25rem 0;
  margin-top: -2px; }
  .top-author-wrap .author-detail-wrap .author-avatar .avatar-img {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0; }
    .top-author-wrap .author-detail-wrap .author-avatar .avatar-img img {
      box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.29); }

.top-author-wrap .author-detail-wrap .author-contact-info li {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.25rem; }
  .top-author-wrap .author-detail-wrap .author-contact-info li:not(:last-child) {
    border-bottom: 1px dashed #EBEDF2; }

.top-author-wrap .author-detail-wrap .social-info li {
  margin: 0 0.25rem; }

.top-author-wrap .author-detail-wrap .footer-content li {
  width: 33%;
  padding: 0.625rem 0; }
  .top-author-wrap .author-detail-wrap .footer-content li:not(:last-child) {
    border-right: 1px solid #EBEDF2; }

.top-author-wrap .slick-arrow {
  top: 2rem;
  z-index: 9;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .top-author-wrap .slick-arrow.slick-prev {
    left: 20px;
    transform: translateX(1rem); }
  .top-author-wrap .slick-arrow.slick-next {
    right: 30px;
    transform: translateX(-1rem); }
  .top-author-wrap .slick-arrow:before {
    font-size: 1.5rem; }

.top-author-wrap:hover .slick-arrow {
  opacity: 1;
  transform: translateX(0); }

/*==================== Marketing Campaign ================*/
.marketing-campaign-wrap .v-table a.social-icon {
  height: 1.75rem;
  width: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF; }

/*==================== Article Widget ================*/
.articles-widget .v-table td {
  height: auto !important; }
  .articles-widget .v-table td .post-img {
    width: 150px; }

/*================== Chat Chart Wrap ================*/
.sales-chart-wrap .v-text-field.v-text-field--solo .v-input__control {
  min-height: auto !important; }

.sales-chart-wrap .v-text-field__details {
  display: none; }

.sales-chart-wrap .v-input__slot {
  margin-bottom: 0; }

/*==================== Recent Widget Comment ================*/
.recent-comment-widget .v-list > div:not(:last-child) {
  border-bottom: 1px solid #EBEDF2; }

.recent-comment-widget .v-list .v-list__tile {
  height: auto !important;
  padding: 0.75rem 1.25rem; }
  .recent-comment-widget .v-list .v-list__tile .v-list__tile__avatar {
    align-self: flex-start;
    margin: 0 !important; }
  @media (max-width: 500px) {
    .recent-comment-widget .v-list .v-list__tile {
      display: block !important; }
      .recent-comment-widget .v-list .v-list__tile .v-list__tile__avatar, .recent-comment-widget .v-list .v-list__tile .v-list__tile__content {
        margin-bottom: 0.625rem !important; }
      .recent-comment-widget .v-list .v-list__tile .v-list__tile__action {
        width: auto !important;
        justify-content: flex-start !important; } }
  .recent-comment-widget .v-list .v-list__tile .v-list__tile__action {
    opacity: 0;
    transition: 0.3s ease-in-out;
    width: 15%; }
    .recent-comment-widget .v-list .v-list__tile .v-list__tile__action .v-btn {
      height: 2rem;
      width: 2rem;
      margin: 0.3125rem; }
      .recent-comment-widget .v-list .v-list__tile .v-list__tile__action .v-btn .v-icon {
        font-size: 1.25rem;
        color: #FF3739 !important; }
  .recent-comment-widget .v-list .v-list__tile:hover .v-list__tile__action {
    opacity: 1; }

/*================== Campaign Performance ===============*/
.campaign-performance .app-full-content {
  height: 84%; }
  @media (max-width: 560px) {
    .campaign-performance .app-full-content {
      height: 80%; } }
  .campaign-performance .app-full-content .sales-chart-wrap {
    height: 100%;
    flex-direction: column; }

.campaign-performance .app-footer > div {
  min-width: 180px;
  width: 40%; }

/*==================== Gallery Grid Item ================*/
.grid-item {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.3s ease-in-out;
  overflow: hidden; }
  .grid-item img {
    display: block; }
  .grid-item .overlay-content {
    padding: 1.25rem;
    display: flex;
    align-items: flex-end;
    transition: opacity 0.3s ease-in-out;
    opacity: 0; }
    .grid-item .overlay-content .content-info {
      transform: translateY(100%);
      transition: transform 0.3s ease-in-out; }
  .grid-item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
    .grid-item:hover .overlay-content {
      opacity: 0.85; }
      .grid-item:hover .overlay-content .content-info {
        transform: translateY(0); }

/*====== Quote Of The Day =======*/
.quote-wrapper .avatar-wrap .quote-icon {
  position: absolute;
  top: -13px;
  left: -17px; }

.quote-wrapper .slick-dots {
  bottom: -2rem; }
  .quote-wrapper .slick-dots li {
    margin: 0; }
    .quote-wrapper .slick-dots li button:before {
      color: #FFFFFF;
      font-size: 0.75rem; }

.quote-wrap2 .slick-dots li button:before {
  color: #727891; }

.profit-share-widget .overlay-content,
.device-share-widget .overlay-content,
.device-seperation-wrap .overlay-content {
  pointer-events: none; }

.profit-share-widget .app-card-content {
  height: 85%; }
  .profit-share-widget .app-card-content .profit-share-chart {
    flex-direction: column; }

/*================ Device Share Widget ================*/
.device-share-widget .app-card-content {
  height: 85%; }

.device-share-widget .device-share-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%; }

.device-share-widget .widget-footer > div {
  width: 33%;
  margin: 0 1rem; }

/*================ Device Seperation ================*/
.device-seperation-wrap .app-card-content {
  height: 83%; }
  .device-seperation-wrap .app-card-content > div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%; }

.ad-campaign {
  flex-direction: column !important; }
  .ad-campaign .app-card-content {
    align-items: flex-end; }

/*================ Stats Card v4 ================*/
@media (max-width: 990px) and (min-width: 600px) {
  .stats-card-v4 .app-card-content .d-custom-flex {
    display: block !important;
    justify-content: center !important; }
    .stats-card-v4 .app-card-content .d-custom-flex .w-50 {
      width: 100% !important; }
      .stats-card-v4 .app-card-content .d-custom-flex .w-50:first-child {
        margin-bottom: 1.5rem; } }

.stats-wrap {
  padding: 1.5rem 1.5rem 0.75rem 1.5rem; }

/*================ weekly sales Widget ================*/
.weekly-sales-widegt .app-full-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 72%; }

/*================ website-traffic-widget ==================*/
.website-traffic-wrap .app-full-content {
  height: 77%; }
  .website-traffic-wrap .app-full-content .website-traffic-widget {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }

.project-status-wrap .v-table thead th:last-child {
  width: 115px; }

/*============== Visitors chart Wrap =================*/
.visitors-chart-wrap .visitors-info {
  width: 40%; }

.visitors-chart-wrap .visitors-chart {
  width: 60%; }
  .visitors-chart-wrap .visitors-chart .chartjs-render-monitor,
  .visitors-chart-wrap .visitors-chart .echarts {
    width: 100% !important; }

.chartjs-render-monitor {
  -webkit-animation: chartjs-render-animation 0.3s !important;
  animation: chartjs-render-animation 0.3s !important; }

/*================== Trending News Widget ===================*/
.trending-news-widegt {
  background-image: url(/static/img/profile-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  margin: 0rem -1.5rem 1.5rem -1.5rem;
  position: relative; }
  .trending-news-widegt:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1; }
  .trending-news-widegt .slick-arrow {
    z-index: 1; }
    .trending-news-widegt .slick-arrow.slick-prev {
      right: 5rem;
      left: auto; }
    .trending-news-widegt .slick-arrow.slick-next {
      right: 3rem; }
    .trending-news-widegt .slick-arrow:before {
      font-size: 1.5rem;
      opacity: 1; }
  .trending-news-widegt .trending-block {
    padding: 2.95rem 3rem;
    border-right: 1px solid #FFFFFF; }
  .trending-news-widegt .slick-slider {
    width: 85%;
    padding: 1.5rem; }
    .trending-news-widegt .slick-slider .slick-list {
      height: 84px !important; }
    .trending-news-widegt .slick-slider .slick-slide {
      border: none;
      padding: 1rem; }
    .trending-news-widegt .slick-slider .month-wrap .date {
      line-height: 1; }
    .trending-news-widegt .slick-slider .slider-content-wrap > div {
      width: 80%; }
  @media (max-width: 1100px) {
    .trending-news-widegt .slick-slider .slick-list {
      height: 60px !important; } }
  @media (max-width: 768px) {
    .trending-news-widegt .trending-block {
      display: none !important; }
    .trending-news-widegt .slick-slider {
      width: 100% !important; }
      .trending-news-widegt .slick-slider .slick-list .slider-text-wrap p {
        display: none; }
      .trending-news-widegt .slick-slider .slick-list .slider-content-wrap > div {
        width: 100% !important; } }

/*================== Top Headlines widget============*/
.top-headlines-widget .v-list > div:not(:last-child) {
  border-bottom: 1px solid #EBEDF2; }

.top-headlines-widget .v-list .v-list__tile {
  height: auto;
  padding: 1.25rem; }

@media (max-width: 500px) {
  .top-headlines-widget .v-list .news-content {
    display: block !important; }
    .top-headlines-widget .v-list .news-content .v-list__tile {
      display: block !important; }
      .top-headlines-widget .v-list .news-content .v-list__tile .img-wrap {
        margin: 0 0 1rem 0 !important; }
        .top-headlines-widget .v-list .news-content .v-list__tile .img-wrap img {
          width: 100%; }
    .top-headlines-widget .v-list .news-content .news-time {
      width: 100% !important;
      justify-content: flex-start !important; } }

/*========= visitors-widget  =========*/
.visitors-widget .top-content .count-value {
  font-size: 2.5rem;
  line-height: 1; }

.visitors-widget .top-content .icon-wrap {
  display: inline-flex;
  align-items: flex-end; }
  .visitors-widget .top-content .icon-wrap span {
    line-height: 1; }

/*========= subscribers-widget  =========*/
.subscribers-widget .overlay-content {
  pointer-events: none; }
  .subscribers-widget .overlay-content .count-value {
    font-size: 1.75rem; }

/*============= Top news wrap ==============*/
.top-news-wrap {
  overflow: hidden; }
  .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item {
    display: block !important; }
    .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item img {
      width: 100%; }
    .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item .overlay-content {
      transition: all 0.3s ease-in-out;
      background-color: rgba(0, 0, 0, 0); }
      .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item .overlay-content .overlay-holder {
        background-color: rgba(0, 0, 0, 0.6);
        transition: all 0.3s ease-in-out;
        overflow: hidden; }
        .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item .overlay-content .overlay-holder p {
          height: 0;
          transition: all 0.4s ease-in-out;
          transform: translateY(1rem);
          opacity: 0; }
        @media (max-width: 599px) {
          .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item .overlay-content .overlay-holder {
            margin-bottom: 0 !important;
            width: 100% !important; }
            .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item .overlay-content .overlay-holder .meta-info, .top-news-wrap .main-slider-wrap .slick-slide .main-slider-item .overlay-content .overlay-holder p {
              display: none !important; } }
  @media (max-width: 599px) {
    .top-news-wrap .slider-btn-wrap {
      display: none; } }
  .top-news-wrap .slider-btn-wrap .slick-list {
    margin: 0 2rem;
    z-index: 0; }
    .top-news-wrap .slider-btn-wrap .slick-list .slick-slide {
      cursor: pointer;
      padding: 0 10px; }
      .top-news-wrap .slider-btn-wrap .slick-list .slick-slide img {
        transition: all 0.3s linear; }
    .top-news-wrap .slider-btn-wrap .slick-list .slick-current img {
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); }
  .top-news-wrap .slider-btn-wrap .slick-arrow {
    top: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    width: 1.5rem;
    height: 100%;
    transition: all 0.3s ease-in-out;
    opacity: 0 !important; }
    .top-news-wrap .slider-btn-wrap .slick-arrow:before {
      color: #000000;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      font-size: 1.5rem; }
    .top-news-wrap .slider-btn-wrap .slick-arrow.slick-prev {
      left: 0.5rem;
      transform: translateX(1rem); }
    .top-news-wrap .slider-btn-wrap .slick-arrow.slick-next {
      right: 0.5rem;
      transform: translateX(-1rem); }
  .top-news-wrap:hover .overlay-content {
    background-color: rgba(0, 0, 0, 0.4) !important; }
    .top-news-wrap:hover .overlay-content .overlay-holder {
      background-color: rgba(0, 0, 0, 0.9) !important; }
      .top-news-wrap:hover .overlay-content .overlay-holder p {
        height: 2rem !important;
        transform: translateY(0) !important;
        opacity: 1 !important; }
  .top-news-wrap:hover .slider-btn-wrap .slick-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important; }
    .top-news-wrap:hover .slider-btn-wrap .slick-arrow:before {
      opacity: 1 !important; }

/*================ Twitter Feeds Widget ==================*/
.twitter-feeds-widget .slick-slide {
  padding: 1rem 0; }

.twitter-feeds-widget .twitter-content .avatar-wrap {
  margin-bottom: 2.5rem; }
  .twitter-feeds-widget .twitter-content .avatar-wrap img {
    transition: all 0.3s ease-in-out; }
  .twitter-feeds-widget .twitter-content .avatar-wrap .overlay-wrap {
    position: relative; }
  .twitter-feeds-widget .twitter-content .avatar-wrap .overlay-content {
    top: -3px;
    left: -6px;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s ease-in-out; }
    .twitter-feeds-widget .twitter-content .avatar-wrap .overlay-content .v-badge {
      height: 2rem;
      width: 2rem;
      font-size: 1rem;
      box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.29); }

.twitter-feeds-widget:hover img {
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.29); }

.twitter-feeds-widget:hover .overlay-content {
  transform: translate3d(-0.5rem, -0.5rem, 0) !important; }

/*================= User Profile ===================*/
.user-profile-widget .avatar-wrap {
  background: url(/static/img/blog-6.jpg) no-repeat center center;
  background-size: cover;
  z-index: 0;
  padding: 4.5rem; }
  .user-profile-widget .avatar-wrap .overlay-content {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1; }
  .user-profile-widget .avatar-wrap .user-info {
    display: flex;
    position: absolute;
    bottom: -1.5rem;
    left: 1.5rem; }

/*================ Weather widget =================*/
.weather-widget .weather-head {
  padding: 1.25rem 1.875rem;
  z-index: 0;
  position: relative; }
  .weather-widget .weather-head .overlay-content {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1; }
  @media (max-width: 990px) {
    .weather-widget .weather-head .weather-info {
      width: 100% !important; }
    .weather-widget .weather-head .weather-icon {
      display: none; } }
  .weather-widget .weather-head .weather-info h3 {
    font-size: 1.5rem;
    font-weight: 500; }
  .weather-widget .weather-head .weather-info .weather-temp h2 {
    font-size: 3.75rem;
    font-weight: 600; }

.weather-widget .v-list > div:not(:last-child) {
  border-bottom: 1px solid #EBEDF2; }

.weather-widget .v-list > div .v-list__tile span {
  font-size: 1rem; }
  @media (max-width: 990px) {
    .weather-widget .v-list > div .v-list__tile span {
      font-size: 0.875rem; } }

/*================ Project Management =================*/
.project-management .v-table th {
  padding: 1rem !important;
  text-align: left; }

.project-management .v-table tbody tr td {
  padding: 0.75rem;
  font-weight: 300;
  height: auto !important; }
  .project-management .v-table tbody tr td .v-progress-linear {
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    margin: 0.625rem 0 0 0 !important;
    border-radius: 2rem;
    width: 90%; }
    .project-management .v-table tbody tr td .v-progress-linear .v-progress-linear__bar__determinate {
      border-radius: 2rem; }

@media (max-width: 500px) {
  .project-management .v-table thead tr th:last-child span, .team-avatar {
    display: none; }
  .project-task-management .badge-wrap {
    justify-content: flex-end !important; } }

.team-avatar.team-avatar-auto ul li > div {
  height: auto;
  width: auto; }

/*=================== Project Task Management ================*/
.project-task-management .v-list .v-list__tile {
  display: block;
  height: auto;
  padding: 0; }
  .project-task-management .v-list .v-list__tile .project-head {
    padding: 0.5rem 1.5rem;
    border-bottom: 1px solid #EBEDF2; }
  .project-task-management .v-list .v-list__tile .project-list-item .v-list__tile {
    display: flex;
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #EBEDF2; }
  .project-task-management .v-list .v-list__tile .v-form {
    border-bottom: 1px solid #EBEDF2;
    padding: 1.5rem; }
    .project-task-management .v-list .v-list__tile .v-form .add-project .button-wrap .v-btn {
      display: block; }

.project-task-management .v-text-field.v-text-field--solo .v-input__control {
  min-height: auto !important;
  min-width: 170px; }

.project-task-management .v-text-field__details {
  display: none; }

.project-task-management .v-input__slot {
  margin-bottom: 0; }

/*================ Responsive ==================*/
@media (max-width: 380px) {
  .userList-widget .btn--floating.btn--small {
    height: 25px;
    width: 25px;
    font-size: 11px; } }

@media (max-width: 1360px) and (min-width: 1200px) {
  .userList-widget .btn--floating.btn--small {
    height: 25px;
    width: 25px;
    font-size: 11px; } }

@media (max-width: 1360px) and (min-width: 600px) {
  .server-load-chart {
    bottom: -3.75rem; }
  .authors-info {
    min-height: 244px !important; } }

@media (max-width: 599px) and (min-width: 320px) {
  .server-load-widget {
    height: 45vh; }
    .server-load-widget .server-load-chart {
      bottom: -7rem; }
  .visitors-chart-wrap .flex > div {
    display: block !important;
    padding: 0 !important; }
  .visitors-chart-wrap .visitors-info {
    width: 100%;
    display: block !important;
    margin: 2rem 0; }
  .visitors-chart-wrap .visitors-chart {
    width: 100%;
    display: block !important; } }

@media (max-width: 450px) and (min-width: 320px) {
  .stats-widget-v3 {
    flex-basis: 100% !important;
    max-width: 100% !important; } }

@media (max-width: 1000px) and (min-width: 501px) {
  .w-half-md {
    max-width: 50% !important;
    flex-basis: 50% !important; } }

@media (max-width: 768px) and (min-width: 320px) {
  .visitor-area-chart .label-wrap > div.w-30 {
    width: 55%; }
  .bandwidth-widget h2,
  .stats-widget-v3 h2 {
    font-size: 1.15rem; }
  .project-status-wrap .v-table thead th:last-child,
  .project-status-wrap .v-table tbody tr td:last-child {
    display: none; } }

@media (max-width: 959px) and (min-width: 320px) {
  .activity-around-world .world-map {
    display: none; }
  .activity-around-world .country-progress li {
    width: 100%; }
  .stats-wrap {
    padding: 0.75rem 0 0 0; }
    .stats-wrap .magazine-stats-wrap {
      margin: 0 6px; }
      .stats-wrap .magazine-stats-wrap > .flex {
        padding: 12px; }
        .stats-wrap .magazine-stats-wrap > .flex .magazine-stats-card {
          box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08); }
  .authors-info {
    min-height: 251px !important; }
  .activity-widget .activity-scroll {
    height: 356px !important; } }

/*========= Ecommerce ==========*/
.shop-wrapper .shop-content-wrap .shop-header {
  width: 75%; }
  .shop-wrapper .shop-content-wrap .shop-header .app-selectbox-sm {
    width: 35% !important; }
    .shop-wrapper .shop-content-wrap .shop-header .app-selectbox-sm select {
      width: 100%; }

.shop-wrapper .shop-content-wrap .ais-stats {
  font-size: 12px; }

.shop-wrapper .shop-content-wrap .pagination__item--active .ais-pagination__link {
  color: #FFFFFF; }

.shop-wrapper .shop-content-wrap .product-item .overlay-wrap .overlay-content {
  opacity: 0;
  transform: scale(0.7);
  transition: all 0.3s ease-in-out; }
  .shop-wrapper .shop-content-wrap .product-item .overlay-wrap .overlay-content .v-btn {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out 0.05s; }

.shop-wrapper .shop-content-wrap .product-item .app-footer {
  padding: 0.75rem 1.25rem; }

.shop-wrapper .shop-content-wrap .product-item:hover .overlay-content {
  opacity: 0.9;
  transform: scale(1); }
  .shop-wrapper .shop-content-wrap .product-item:hover .overlay-content .v-btn {
    transform: translateY(0); }

.shop-wrapper .sidebar-filter-wrap .ais-refinement-list .ais-refinement-list__item .ais-refinement-list__label {
  margin: 0;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .shop-wrapper .sidebar-filter-wrap .ais-refinement-list .ais-refinement-list__item .ais-refinement-list__label .ais-refinement-list__checkbox {
    margin: 0 0.625rem;
    height: 1rem;
    width: 1rem;
    cursor: pointer; }
  .shop-wrapper .sidebar-filter-wrap .ais-refinement-list .ais-refinement-list__item .ais-refinement-list__label .ais-refinement-list__value {
    width: 80%;
    font-size: 0.875rem; }
  .shop-wrapper .sidebar-filter-wrap .ais-refinement-list .ais-refinement-list__item .ais-refinement-list__label .ais-refinement-list__count {
    float: right;
    padding: 0.1rem 0.4rem;
    font-size: 12px;
    color: #000000;
    background-color: #DFEAFF;
    border-radius: 8px; }

.shop-wrapper .sidebar-filter-wrap .ais-rating .ais-rating__item a {
  color: #000000; }
  .shop-wrapper .sidebar-filter-wrap .ais-rating .ais-rating__item a .ais-rating__star {
    color: #FFB70F !important;
    font-size: 1.25rem; }
  .shop-wrapper .sidebar-filter-wrap .ais-rating .ais-rating__item a .ais-rating__count {
    font-size: 0.875rem; }

.shop-wrapper .sidebar-filter-wrap .ais-clear {
  width: 100%;
  padding: 0.75rem;
  background: #5D92F4 !important;
  color: #FFFFFF; }

.shop-wrapper .sidebar-filter-wrap .ais-range-input .ais-range-input__input {
  width: 4rem;
  padding: 0 0.2rem;
  height: 1.5rem;
  line-height: 1.25rem;
  font-size: 12px;
  border: 2px solid #EBEDF2;
  margin-bottom: 0.5rem; }

.shop-wrapper .sidebar-filter-wrap .ais-range-input .ais-range-input__separator {
  margin: 0 0.25rem; }

.shop-wrapper .sidebar-filter-wrap .ais-range-input .ais-range-input__submit {
  background-color: #5D92F4;
  color: #FFFFFF;
  padding: 2.5px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin: 0 0.25rem; }

.shop-wrapper .pagination-wrap {
  display: inline-block; }
  .shop-wrapper .pagination-wrap .pagination {
    list-style-type: none;
    display: flex;
    border: 1px solid #EBEDF2;
    padding: 0;
    margin: 0; }
    .shop-wrapper .pagination-wrap .pagination .pagination__item:not(:last-child) {
      border-right: 1px solid #EBEDF2; }
    .shop-wrapper .pagination-wrap .pagination .pagination__item .ais-pagination__link {
      height: 2rem;
      width: 2rem;
      display: flex;
      justify-content: center;
      align-items: center; }
    .shop-wrapper .pagination-wrap .pagination .pagination__item.disabled .ais-pagination__link {
      color: #727891 !important; }

/*================= Cart =====================*/
.cart-wrapper table.v-table tbody td {
  height: auto; }
  .cart-wrapper table.v-table tbody td.count-wrap input {
    border: 1px solid #82b1ff;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    width: 7rem; }
  .cart-wrapper table.v-table tbody td.product-item {
    width: 100px;
    height: 100px; }

.cart-wrapper table.v-table tfoot {
  border-top: 1px solid #EBEDF2; }
  .cart-wrapper table.v-table tfoot tr td {
    padding: 1rem; }
    .cart-wrapper table.v-table tfoot tr td .v-input.v-text-field .v-input__slot {
      margin: 0; }
    .cart-wrapper table.v-table tfoot tr td .v-input.v-text-field .v-text-field__details {
      display: none; }

/*================= Checkout =====================*/
.checkout-wrap .layout .flex {
  padding: 0 12px; }

.checkout-wrap .input-group label {
  font-size: 0.875rem; }

.checkout-wrap .input-group.checkbox label {
  margin-top: 2px; }

/*===================== Responsive ================= */
@media (max-width: 959px) and (min-width: 320px) {
  .shop-wrapper .shop-filter {
    display: none !important; }
  .shop-wrapper .shop-content-wrap .shop-header .ham-menu-sm {
    display: block !important; }
  .shop-wrapper .shop-content-wrap .shop-header .app-selectbox-sm {
    width: 55% !important; }
  .cart-wrapper table.v-table tbody td {
    padding: 1rem; }
    .cart-wrapper table.v-table tbody td.product-item {
      width: 70px !important;
      height: 70px !important; }
  .cart-wrapper table.v-table tfoot tr td .v-input.v-text-field .v-input__control {
    min-height: 35px !important; }
  .cart-wrapper table.v-table tfoot tr td .v-input.v-text-field input {
    font-size: 0.875rem !important; }
  .checkout-wrap td {
    padding: 1rem !important; }
    .checkout-wrap td.product-img {
      height: 90px;
      width: 90px; } }

@media (max-width: 599px) and (min-width: 320px) {
  .shop-wrapper .ais-pagination__link {
    height: 1.75rem !important;
    width: 1.70rem !important; }
  .v-btn {
    font-size: 0.875rem !important; }
    .v-btn.v-btn--icon, .v-btn.v-btn--small {
      height: 32px !important;
      width: 32px !important; }
  .checkout-wrap .v-input__icon--prepend .v-icon, .checkout-wrap label {
    font-size: 1.1rem !important; }
  .checkout-wrap .v-input {
    margin-top: 0.5rem; } }

.verification-container .v-toolbar__content {
  display: flex;
  justify-content: space-between; }

.colored-dots-wrapper .container.grid-list-xl :not(:only-child) .layout:last-child {
  margin: 0 !important; }

.advanced-timeline-wrapper .flex-fix {
  padding: 12px; }

.sm-card-picker-layout {
  display: flex;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  white-space: unset !important; }

.dialog-qp-body {
  padding-top: 35px !important;
  background-color: #ececec; }

/*=== Custome Dark Layout ===*/
/*=========== Dark Version ==========*/
.theme--dark * {
  color: #fff !important;
  border-color: rgba(0, 0, 0, 0.2); }

.theme--dark p {
  color: #A5A7B2; }

.theme--dark span {
  color: #A5A7B2; }

.theme--dark .top-news-wrap .slider-btn-wrap .slick-arrow:before {
  color: #FFFFFF !important; }

.theme--dark .app-boxed-layout .app-container .v-content .app-content {
  background-color: transparent !important; }

.theme--dark .v-content__wrap {
  background: #24293a; }

.theme--dark .grayish-blue,
.theme--dark .shop-wrapper .sidebar-filter-wrap .ais-refinement-list__count {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.theme--dark .Vuely-sidebar .v-navigation-drawer__border {
  background-color: transparent !important; }

.theme--dark .app-card {
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05); }

.theme--dark .v-text-field > .v-input__control > .v-input__slot::before, .theme--dark .v-input.search-bar.v-text-field {
  border-color: #535869 !important; }

.theme--dark .app-card,
.theme--dark .dash-card,
.theme--dark .navbar-default,
.theme--dark .dash-card-wrap,
.theme--dark .dash-card-light,
.theme--dark .comp-full-calendar,
.theme--dark .session-block,
.theme--dark .card-base,
.theme--dark .inbox-listing ul > li:nth-child(2n),
.theme--dark .fixed-pricing,
.theme--dark .dropzone,
.theme--dark .card,
.theme--dark .v-step {
  background-color: #2e3344 !important;
  border-color: rgba(0, 0, 0, 0.2); }

.theme--dark .v-step .v-step__arrow {
  border-color: transparent !important; }

.theme--dark .v-step[x-placement^="left"] .v-step__arrow {
  border-left-color: #2e3344 !important; }

.theme--dark .v-step[x-placement^="right"] .v-step__arrow {
  border-right-color: #2e3344 !important; }

.theme--dark .v-step[x-placement^="top"] .v-step__arrow {
  border-top-color: #2e3344 !important; }

.theme--dark .v-step[x-placement^="bottom"] .v-step__arrow {
  border-bottom-color: #2e3344 !important; }

.theme--dark .v-list,
.theme--dark .inbox .inbox-content-wrap .search-mail .v-text-field--solo {
  background: #2e3344 !important; }

.theme--dark .navigation-drawer,
.theme--dark .social-share-wrap .social-icon,
.theme--dark .horizontal-menu,
.theme--dark .horizontal-menu .sub-menu,
.theme--dark .horizontal-menu .sub-menu-child,
.theme--dark .app-event-calendar .tab-content-wrap .app-event-item,
.theme--dark .datatable__actions,
.theme--dark .app-card-action .v-list__tile,
.theme--dark .quote-widget {
  background-color: #2e3344 !important; }

.theme--dark .ql-snow.ql-toolbar button,
.theme--dark .ql-snow .ql-toolbar button,
.theme--dark .chip,
.theme--dark .plan-info,
.theme--dark .grey.lighten-2,
.theme--dark .quciklink-dropdown,
.theme--dark .notification-dropdown,
.theme--dark .language-dropdown,
.theme--dark .userblock-dropdown,
.theme--dark .notification-wrap .v-avatar,
.theme--dark .app-event-calendar .tab-content-wrap .app-event-item:hover,
.theme--dark .app-card-action {
  background-color: #303030 !important; }

.theme--dark .loader-overlay,
.theme--dark .search,
.theme--dark figure.img-wrapper::after {
  background: rgba(44, 54, 68, 0.8); }

.theme--dark .v-table,
.theme--dark .app-selectbox select,
.theme--dark .app-selectbox-sm select,
.theme--dark .app-selectbox-sm select,
.theme--dark .v-navigation-drawer,
.theme--dark .v-card,
.theme--dark .v-toolbar {
  background-color: #2e3344; }

.theme--dark .app-selectbox:before, .theme--dark .app-selectbox-sm:before,
.theme--dark .app-selectbox-sm:before {
  border-top-color: #fff; }

.theme--dark .v-table thead tr,
.theme--dark .v-table tbody tr:nth-child(even),
.theme--dark .booking-info-wrap .app-full-content ul li:hover,
.theme--dark .inbox .inbox-content-wrap .search-mail,
.theme--dark .support-widget-wrap ul li:not(:nth-child(2)) {
  background-color: #434f5a !important; }

.theme--dark .v-table tbody tr:hover:not(.datatable__expand-row),
.theme--dark .horizontal-menu > ul li:hover > a,
.theme--dark .v-tabs__bar,
.theme--dark code,
.theme--dark .stepper {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.theme--dark .quciklink-dropdown .dropdown-content .dropdown-list .v-list__tile,
.theme--dark .quciklink-dropdown .dropdown-content .dropdown-list .v-list__tile:hover,
.theme--dark .notification-dropdown .dropdown-content .dropdown-list .v-list__tile,
.theme--dark .notification-dropdown .dropdown-content .dropdown-list .v-list__tile:hover,
.theme--dark .language-dropdown .dropdown-content .dropdown-list .v-list__tile,
.theme--dark .language-dropdown .dropdown-content .dropdown-list .v-list__tile:hover,
.theme--dark .userblock-dropdown .dropdown-content .dropdown-list .v-list__tile,
.theme--dark .userblock-dropdown .dropdown-content .dropdown-list .v-list__tile:hover {
  background-color: #2e3344 !important; }

.theme--dark .v-btn.error--text i {
  color: #FF3739 !important; }

.theme--dark .badge.floating:before,
.theme--dark .activity-widget li {
  border-color: #303030; }

.theme--dark .horizontal-menu {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.theme--dark .app-boxed-layout .content,
.theme--dark .v-navigation-drawer .navigation .v-list,
.theme--dark .inner-toolbar .v-list {
  background-color: transparent !important; }

.theme--dark .horizontal-menu ul li.nav-item-active:after,
.theme--dark .horizontal-menu ul li .sub-menu:after,
.theme--dark .horizontal-menu ul li .sub-menu .nav-item > .sub-menu-child:after,
.theme--dark .horizontal-menu ul li .sub-menu-child .nav-item > .sub-menu-sub-child:after {
  border-color: transparent transparent #2e3344 #2e3344 !important;
  box-shadow: -3px 3.5px 7px rgba(5, 0, 0, 0.25) !important; }

.theme--dark .chat-bubble,
.theme--dark .event-tab.active a {
  color: #000000 !important; }

.theme--dark .sidebar-filter .v-list > div:nth-child(2) .v-list__tile--link,
.theme--dark .header-filter .v-list > div:nth-child(2) .v-list__tile--link {
  border: 1px solid #FFFFFF !important; }
  .theme--dark .sidebar-filter .v-list > div:nth-child(2) .v-list__tile--link:after,
  .theme--dark .header-filter .v-list > div:nth-child(2) .v-list__tile--link:after {
    border-color: #FFFFFF; }

.theme--dark .v-text-field,
.theme--dark .dropzone,
.theme--dark .input-group,
.theme--dark .ais-range-input__input,
.theme--dark .trending-news-widegt .trending-block {
  border-color: #FFFFFF !important; }

.theme--dark .chat-bubble.even span {
  color: rgba(0, 0, 0, 0.8) !important; }

.theme--dark .banner-image-wrap .search {
  background: transparent; }

.theme--dark .v-tabs__container {
  background: transparent !important; }

.theme--dark .courses-overview .v-expansion-panel__container {
  background: #2e3344; }

.theme--dark .header h4 {
  color: #000000 !important; }

.theme--dark .tab-wrap .v-tabs__bar {
  background: transparent !important; }

.theme--dark .courses-grid-sec .tab-wrap .course-item-wrap, .theme--dark .more-courses-grid .course-item-wrap {
  border: 1px solid #F4F7FA; }

.theme--dark .banner-image-wrap.grey.darken-4 {
  background-color: #2e3344 !important;
  border-color: #2e3344 !important; }

.theme--dark .banner-content-wrap .app-card-content {
  background-color: rgba(0, 0, 0, 0.3); }

.theme--dark .list-unstyled.list-group-flush li {
  background: transparent; }

.theme--dark .v-progress-circular.warning--text *, .theme--dark .v-progress-circular.primary--text *, .theme--dark .v-progress-circular.error--text *, .theme--dark .v-progress-circular.success--text *, .theme--dark .v-progress-circular.indigo--text *, .theme--dark .v-progress-circular.lime--text *, .theme--dark .v-progress-circular.brown--text *, .theme--dark .v-progress-circular.deep-orange--text *, .theme--dark .v-progress-circular.blue-grey--text * {
  color: inherit !important; }

.theme--dark .v-timeline-item .white {
  background: transparent !important; }

/*====== Box Layout =========*/
/*========== Box Layout Scss =========*/
.box-layout {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  width: 1170px !important; }
  .box-layout .d-lg-half-block,
  .box-layout .d-md-block,
  .box-layout .d-lg-block,
  .box-layout .d-sm-block {
    flex: 1 1 100%;
    max-width: 100%; }
  .box-layout .b-50 {
    max-width: 50% !important;
    flex-basis: 50% !important; }
  .box-layout .b-100 {
    max-width: 100% !important;
    flex-basis: 100% !important; }
  .box-layout .Vuely-toolbar, .box-layout .horizontal-menu {
    width: 1170px;
    left: inherit;
    right: inherit; }
  .box-layout .navigation-drawer--fixed {
    position: absolute; }

/*======= App Box Layout ========*/
/*================= App Boxed Layout ===============*/
.app-boxed-layout {
  background: linear-gradient(151deg, #0835ea, #ea1408, #082bea);
  background-size: 600% 600%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
  /*=============== Responsive ===================*/ }
  .app-boxed-layout .quick-link {
    display: none; }
  .app-boxed-layout .app-container {
    margin: 0 auto; }
    .app-boxed-layout .app-container .Vuely-toolbar.v-toolbar {
      position: static !important;
      background-color: transparent !important;
      box-shadow: none;
      padding: 1rem 0; }
      .app-boxed-layout .app-container .Vuely-toolbar.v-toolbar .site-logo-wrap .site-logo-img {
        background-color: transparent !important;
        padding: 0; }
      .app-boxed-layout .app-container .Vuely-toolbar.v-toolbar .search-bar,
      .app-boxed-layout .app-container .Vuely-toolbar.v-toolbar .mobile-search {
        display: none; }
      .app-boxed-layout .app-container .Vuely-toolbar.v-toolbar .v-btn i,
      .app-boxed-layout .app-container .Vuely-toolbar.v-toolbar .v-menu i {
        color: #FFFFFF !important; }
    .app-boxed-layout .app-container .v-content {
      padding: 0 !important;
      overflow: hidden;
      margin: 0 1rem;
      box-shadow: -1px 3px 18px rgba(0, 0, 0, 0.3); }
      .app-boxed-layout .app-container .v-content .horizontal-menu {
        position: static;
        margin: 0;
        height: 4.688rem;
        align-items: center;
        padding-right: 1.5rem; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul li:hover > a {
          color: #5D92F4 !important; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul li:hover > a span,
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul li:hover > a i, .app-boxed-layout .app-container .v-content .horizontal-menu > ul li:hover > a:after {
            color: #5D92F4 !important; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li > a {
          height: 4.688rem; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li > a i {
            font-size: 1.5rem; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li.nav-item-active:after,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu:after,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child:after,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu-child .nav-item > .sub-menu-sub-child:after {
          content: "";
          position: absolute;
          border: 9px solid black;
          border-color: transparent transparent #FFFFFF #FFFFFF;
          box-shadow: -3px 3.5px 7px rgba(204, 204, 204, 0.25);
          z-index: 4;
          transition: all 0.2s ease; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu-child,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu-sub-child {
          box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
          border-radius: 5px;
          transform: translateY(2rem);
          transition: transform 0.2s ease-in; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu {
          top: 4.75rem;
          left: 1.5rem; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu > .nav-item {
            position: relative; }
            .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu > .nav-item:after {
              content: "";
              left: 0;
              top: 0;
              bottom: 0;
              border-left: 5px solid #5D92F4;
              position: absolute;
              opacity: 0;
              transition: all 0.3s ease-in-out; }
            .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu > .nav-item:hover:after {
              opacity: 1; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu li:first-child .nav-link {
            border-radius: 5px 5px 0 0; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu li:last-child .nav-link {
            border-radius: 0 0 5px 5px; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu li .deep-level {
            width: 400px !important; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu:after {
            top: -0.5rem;
            left: 2rem;
            transform: rotate(135deg); }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item .nav-link {
            display: flex;
            align-items: center; }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child {
            left: 12.8rem;
            width: 100%; }
            .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child:after {
              top: 1rem;
              left: -0.5rem;
              transform: rotate(45deg); }
            .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child li .sub-menu-sub-child {
              width: 75%;
              left: 12rem; }
              .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child li .sub-menu-sub-child li:hover > .nav-link {
                color: #5D92F4 !important; }
                .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child li .sub-menu-sub-child li:hover > .nav-link span,
                .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child li .sub-menu-sub-child li:hover > .nav-link i {
                  color: #5D92F4 !important; }
              .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child li .sub-menu-sub-child:after {
                top: 1rem;
                left: -0.5rem;
                transform: rotate(45deg); }
            .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item > .sub-menu-child li:hover > .sub-menu-sub-child {
              transform: translateY(0rem); }
          .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu .nav-item:hover > .sub-menu-child {
            transform: translateY(0rem); }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li:hover .sub-menu {
          transform: translateY(0); }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li.nav-item-active:hover:after {
          content: none; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li.nav-item-active > .nav-link:after,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li.nav-item-active > .nav-link span,
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li.nav-item-active > .nav-link i {
          color: #5D92F4 !important; }
        .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li.nav-item-active:after {
          top: 4rem;
          left: 3.55rem;
          transform: rotate(-45deg); }
        .app-boxed-layout .app-container .v-content .horizontal-menu .search-bar .v-input__control {
          max-height: 1.8rem; }
      .app-boxed-layout .app-container .v-content .app-content {
        overflow-x: hidden;
        background-color: #F4F7FA; }
  .app-boxed-layout .v-footer {
    background-color: transparent !important;
    display: block;
    padding: 1rem 0;
    margin: 0 1rem;
    height: auto !important; }
    .app-boxed-layout .v-footer .v-btn {
      margin: 0;
      font-size: 0.775rem; }
    .app-boxed-layout .v-footer * {
      color: #FFFFFF; }
  .app-boxed-layout .active-user-wrap > div {
    height: 100%; }
  .app-boxed-layout .chat-box-main {
    height: 70vh !important; }
  @media (min-width: 960px) {
    .app-boxed-layout .v-menu.user-block-wrap {
      display: inline-block !important; } }
  @media (min-width: 1600px) {
    .app-boxed-layout .app-container {
      width: 1600px; } }
  @media (max-width: 1250px) {
    .app-boxed-layout .horizontal-menu > ul.nav > li > a {
      font-size: 0.875rem;
      padding: 0.875rem 1rem; }
      .app-boxed-layout .horizontal-menu > ul.nav > li > a i {
        font-size: 0.875rem; } }
  @media (max-width: 1150px) {
    .app-boxed-layout .horizontal-menu .search-bar {
      display: none; }
    .app-boxed-layout .horizontal-menu .mobile-search {
      display: block !important; } }
  @media (max-width: 959px) and (min-width: 320px) {
    .app-boxed-layout .Vuely-toolbar {
      padding: 0.875rem 1rem !important; }
      .app-boxed-layout .Vuely-toolbar .mobile-search,
      .app-boxed-layout .Vuely-toolbar .mobile-icon {
        display: none !important; }
    .app-boxed-layout .horizontal-menu {
      display: flex;
      justify-content: space-between;
      padding: 0 !important;
      height: 3.5rem !important; }
      .app-boxed-layout .horizontal-menu ul.nav,
      .app-boxed-layout .horizontal-menu .search-bar {
        display: none; }
      .app-boxed-layout .horizontal-menu .ham-menu-sm {
        display: block !important; }
    .app-boxed-layout .app-content {
      height: calc(100vh - 163px); }
    .app-boxed-layout .app-footer {
      justify-content: center !important; }
      .app-boxed-layout .app-footer ul.footer-menu {
        display: none; }
    .app-boxed-layout .inbox .inbox-content-scroll {
      height: calc(100vh - 285px) !important; }
    .app-boxed-layout .inbox .inbox-detail-scroll {
      height: calc(100vh - 313px) !important; }
    .app-boxed-layout .inbox .inbox-head .inbox-sidebar-scroll {
      height: calc(100vh - 260px) !important; }
    .app-boxed-layout .chat-wrapper .chat-area-scroll {
      height: calc(100vh - 290px) !important; }
    .app-boxed-layout .chat-content .chat-sidebar-scroll {
      height: calc(100vh - 162px) !important; } }
  @media (max-width: 599px) and (min-width: 320px) {
    .app-boxed-layout .Vuely-toolbar .navbar-right .v-btn--icon {
      height: 2rem;
      width: 2rem; }
    .app-boxed-layout .chat-wrapper .chat-head .chat-head-left {
      width: 68%; } }
  .app-boxed-layout.boxed-v2 {
    overflow: hidden;
    background-image: url(/static/img/bg-1.jpg);
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important; }
    @media (max-width: 1450px) and (min-width: 1200px) {
      .app-boxed-layout.boxed-v2 .activity-widget .activity-scroll {
        height: 375px !important; } }
    @media (max-width: 1200px) and (min-width: 960px) {
      .app-boxed-layout.boxed-v2 .activity-widget .activity-scroll {
        height: 310px !important; } }

/*======= RTL Layout ========*/
/*========== RTL Layout =========*/
.rtl-layout {
  direction: rtl;
  /*================== Button=============*/
  /*================== Datepicker =============*/
  /*================== Snackbar =============*/
  /*================== Slider Input =============*/
  /*================== Groups =============*/
  /*================== Arrow Card =============*/
  /*================== Chips =============*/
  /*================== Treeview =============*/
  /*================== Courses =============*/
  /*================== Form/Stepper =============*/
  /*================== Timeline =============*/ }
  .rtl-layout .app-customizer {
    left: 0;
    right: inherit; }
    .rtl-layout .app-customizer .customizer-toggle {
      right: -45px;
      left: inherit; }
  .rtl-layout .inbox .inbox-sidebar {
    padding: 0 12px 0 0 !important; }
  .rtl-layout .inbox .inbox-content {
    padding: 0 0 0 12px  !important; }
  .rtl-layout .slick-slider {
    direction: ltr !important; }
  .rtl-layout .slick-track {
    direction: rtl !important; }
  .rtl-layout .v-navigation-drawer .navigation .v-list .v-list__group .v-list__group__items .v-list__tile--link {
    padding-right: 2.813rem;
    padding-left: inherit; }
  .rtl-layout .left {
    float: right !important; }
  .rtl-layout .right {
    float: left !important; }
  .rtl-layout .app-card .app-contextual-link {
    left: 20px;
    right: inherit; }
  .rtl-layout .activity-widget-wrap .activity-widget li span.v-badge {
    left: auto !important;
    right: -9.75px !important; }
  .rtl-layout .v-list__tile__content, .rtl-layout .v-list__tile__title, .rtl-layout .text-xs-left {
    text-align: right !important; }
  .rtl-layout .trending-news-widegt .slick-arrow.slick-prev {
    left: 3rem;
    right: auto; }
  .rtl-layout .trending-news-widegt .slick-arrow.slick-next {
    left: 5rem !important;
    right: auto !important; }
  .rtl-layout .btn--right {
    left: 16px;
    right: inherit; }
  .rtl-layout .btn-icon i {
    margin-left: 0.625rem;
    margin-right: 0; }
  .rtl-layout .plan-info-listing li i {
    margin-left: 0.9375rem;
    margin-right: inherit; }
  .rtl-layout .border-rad-0.card, .rtl-layout .top-author-wrap .author-detail-wrap .footer-content li:not(:last-child) {
    border-left: 1px solid #EBEDF2;
    border-right: none !important; }
  .rtl-layout .session-wrapper .session-right {
    margin-right: 31.25rem;
    margin-left: inherit; }
  .rtl-layout .social-share-wrap .app-card-content > div > span:last-child, .rtl-layout .border-left-1, .rtl-layout .activity-widget-wrap .activity-widget li {
    border-right: 1px solid #EBEDF2;
    border-left: none !important; }
  .rtl-layout .app-event-calendar .tab-content-wrap .app-event-item {
    border-left: none !important;
    border-right-width: 8px;
    border-right-style: solid !important; }
  .rtl-layout .trending-news-widegt .trending-block {
    border-left: 1px solid #FFFFFF;
    border-right: none; }
  .rtl-layout .v-btn .icon--right, .rtl-layout .v-toolbar__content > :not(.v-btn):not(.v-menu):first-child:not(:only-child), .rtl-layout .v-toolbar__extension > :not(.v-btn):not(.v-menu):first-child:not(:only-child) {
    margin-right: 1rem;
    margin-left: inherit; }
  .rtl-layout .input-group--segmented .input-group__input::after, .rtl-layout .input-group--editable .input-group__input:hover::after,
  .rtl-layout .input-group.input-group--focused.input-group--editable .input-group__input::after {
    left: 55px;
    right: inherit; }
  .rtl-layout .input-group.input-group--overflow label, .rtl-layout .input-group.input-group--editable label,
  .rtl-layout .input-group.input-group--segmented label {
    right: 16px;
    left: inherit; }
  .rtl-layout .input-group.input-group--editable input {
    padding-right: 1rem; }
  .rtl-layout .input-group--text-field.input-group--prepend-icon label {
    right: 40px;
    left: inherit; }
  .rtl-layout .input-group.input-group--selection-controls label {
    right: 32px;
    left: inherit; }
  .rtl-layout .input-group--text-field label,
  .rtl-layout .input-group.input-group--selection-controls .icon--selection-control {
    right: 0;
    left: inherit; }
  .rtl-layout .input-group label {
    text-align: right;
    -webkit-transform-origin: top right;
    transform-origin: top right; }
  .rtl-layout .input-group.input-group--selection-controls.switch label {
    padding-right: 14px;
    padding-left: inherit; }
  .rtl-layout .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
    right: 0;
    left: inherit; }
  .rtl-layout .input-group--selection-controls__ripple::before,
  .rtl-layout .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple::after {
    left: -24%; }
  .rtl-layout .chip--removable .chip__content {
    padding: 0 12px 0 4px; }
  .rtl-layout .chip .v-avatar {
    margin-right: -12px;
    margin-left: 8px; }
  .rtl-layout .chip .icon--right {
    margin-right: 12px;
    margin-left: -8px; }
  .rtl-layout .chip .icon--left {
    margin-right: -8px;
    margin-left: 12px; }
  .rtl-layout .chip__close {
    margin: 0 4px 0 -1px; }
  .rtl-layout .icon-box span i {
    margin: 0 0px 0 15px; }
  .rtl-layout .flex.offset-md1 {
    margin-right: 8.333333333333332%;
    margin-left: inherit; }
  .rtl-layout .ladgend-wrapper p {
    margin-left: 8px;
    margin-right: inherit; }
  .rtl-layout .mr-1, .rtl-layout .mr-2, .rtl-layout .mr-3, .rtl-layout .mr-4, .rtl-layout .mr-5 {
    margin-right: inherit !important; }
  .rtl-layout .ml-1, .rtl-layout .ml-2, .rtl-layout .ml-3, .rtl-layout .ml-4, .rtl-layout .ml-5 {
    margin-left: inherit !important; }
  .rtl-layout .pr-1, .rtl-layout .pr-2, .rtl-layout .pr-3, .rtl-layout .pr-4, .rtl-layout .pr-5 {
    padding-right: inherit !important; }
  .rtl-layout .pl-1, .rtl-layout .pl-2, .rtl-layout .pl-3, .rtl-layout .pl-4, .rtl-layout .pl-5 {
    padding-left: inherit !important; }
  .rtl-layout .mr-1 {
    margin-left: 0.3rem !important; }
  .rtl-layout .mr-2 {
    margin-left: 0.6rem !important; }
  .rtl-layout .mr-3 {
    margin-left: 1.2rem !important; }
  .rtl-layout .mr-4 {
    margin-left: 1.8rem !important; }
  .rtl-layout .mr-5 {
    margin-left: 3.6rem !important; }
  .rtl-layout .ml-1 {
    margin-right: 0.3rem !important; }
  .rtl-layout .ml-2 {
    margin-right: 0.6rem !important; }
  .rtl-layout .ml-3 {
    margin-right: 1.2rem !important; }
  .rtl-layout .ml-4 {
    margin-right: 1.8rem !important; }
  .rtl-layout .ml-5 {
    margin-right: 3.6rem !important; }
  .rtl-layout .pr-1 {
    padding-left: 0.3rem !important; }
  .rtl-layout .pr-2 {
    padding-left: 0.6rem !important; }
  .rtl-layout .pr-3 {
    padding-left: 1.2rem !important; }
  .rtl-layout .pr-4 {
    padding-left: 1.8rem !important; }
  .rtl-layout .pr-5 {
    padding-left: 3.6rem !important; }
  .rtl-layout .pl-1 {
    padding-right: 0.3rem !important; }
  .rtl-layout .pl-2 {
    padding-right: 0.6rem !important; }
  .rtl-layout .pl-3 {
    padding-right: 1.2rem !important; }
  .rtl-layout .pl-4 {
    padding-right: 1.8rem !important; }
  .rtl-layout .pl-5 {
    padding-right: 3.6rem !important; }
  .rtl-layout .inbox-head {
    border-left: 1px solid #D7DCE4; }
  .rtl-layout .inbox .inbox-head .inbox-inner .v-list .v-list__tile .v-list__tile__action {
    margin-right: 0 !important;
    margin-left: 1rem; }
  .rtl-layout .customizer-scroll-area .v-input--selection-controls__input {
    margin-left: 0.4rem;
    margin-right: 0rem; }
  .rtl-layout .category-progress-wrap .v-progress-linear .v-progress-linear__background,
  .rtl-layout .category-progress-wrap .v-progress-linear .v-progress-linear__bar__determinate {
    border-radius: 100px 0 0 100px; }
  .rtl-layout .category-progress-wrap .progress-wrap span {
    text-align: left !important; }
  .rtl-layout .app-contextual-link .v-btn.left-arrow {
    margin-left: 0rem !important; }
  .rtl-layout .app-contextual-link .v-btn.right-arrow {
    margin-right: -5.5rem !important; }
  .rtl-layout .traffic-channel-widget span {
    text-align: left !important; }
  .rtl-layout .traffic-channel-widget .v-progress-linear__background,
  .rtl-layout .traffic-channel-widget .v-progress-linear__bar__determinate {
    border-radius: 200px 0 0 200px !important; }
  .rtl-layout .text-xs-right {
    text-align: left !important; }
  .rtl-layout .chat-layout .chat-body .chat-bubble.odd {
    border-radius: 20px 20px 20px 0px; }
  .rtl-layout .chat-layout .chat-body .chat-bubble.even {
    border-radius: 20px 20px 0px 20px; }
  .rtl-layout .project-management .v-table th {
    text-align: right !important; }
  .rtl-layout .team-avatar ul li:not(:first-child) {
    margin-left: 0rem !important;
    margin-right: -0.85rem !important; }
  .rtl-layout .user-profile-widget .avatar-wrap .user-info {
    left: auto !important;
    right: 1.5rem; }
  .rtl-layout .v-overflow-btn .v-label {
    margin-right: 16px;
    margin-left: 0px; }
  .rtl-layout .v-overflow-btn .v-select__selection--comma:first-child {
    margin-right: 16px;
    margin-left: 0; }
  .rtl-layout .v-overflow-btn--segmented .v-select__selections .v-btn {
    margin-left: -16px;
    margin-right: 0; }
  .rtl-layout .v-overflow-btn .v-select__slot input {
    margin-right: 16px;
    margin-left: 0; }
  .rtl-layout .v-date-picker-header .v-icon.material-icons {
    transform: rotate(180deg); }
  .rtl-layout .v-snack__content .v-btn:first-of-type {
    margin-right: 42px;
    margin-left: 0; }
  .rtl-layout .v-input--slider .v-input__slot > :first-child:not(:only-child) {
    margin-left: 16px;
    margin-right: 0px; }
  .rtl-layout .group-slider-action .group-slider-prev, .rtl-layout .group-slider-action .group-slider-next {
    transform: rotate(180deg); }
  .rtl-layout .arrow-card .zmdi-chevron-right {
    transform: rotate(180deg); }
  .rtl-layout .v-chip__close {
    margin: 0 8px 0 2px; }
  .rtl-layout .v-chip .v-icon--right {
    margin-right: 12px;
    margin-left: -8px; }
  .rtl-layout .v-treeview-node__toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
    .rtl-layout .v-treeview-node__toggle.v-treeview-node__toggle--open {
      transform: rotate(0); }
  .rtl-layout .v-treeview-node {
    margin-left: 0px;
    margin-right: 26px; }
  .rtl-layout .v-treeview > .v-treeview-node {
    margin-right: 0; }
  .rtl-layout .v-treeview-node--leaf {
    margin-left: 0px;
    margin-right: 50px; }
  .rtl-layout .v-treeview-node__label {
    margin-right: 6px;
    margin-left: 0px; }
  .rtl-layout .v-toolbar__title:not(:first-child) {
    margin-right: 20px; }
  .rtl-layout .v-toolbar__content > :not(.v-btn):not(.v-menu):first-child:not(:only-child) {
    margin-right: 0;
    margin-left: inherit; }
  .rtl-layout .v-btn .v-icon--right {
    margin-right: 16px;
    margin-left: 0px; }
  .rtl-layout .sidebar-label {
    left: 48px;
    right: auto; }
  .rtl-layout .course-card .course-item-wrap .course-hover-item .app-card-content .course-list {
    padding-right: 1rem;
    padding-left: 0; }
  .rtl-layout .v-stepper__step__step {
    margin-left: 8px;
    margin-right: 0; }
  .rtl-layout .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--right) .v-timeline-item__opposite, .rtl-layout .v-timeline-item--left .v-timeline-item__opposite {
    margin-left: 0px;
    margin-right: 96px;
    text-align: right; }
  .rtl-layout .v-timeline-item:nth-child(2n):not(.v-timeline-item--left) .v-timeline-item__opposite, .rtl-layout .v-timeline-item--right .v-timeline-item__opposite {
    margin-right: 0px;
    margin-left: 96px;
    text-align: left; }
  .rtl-layout .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--right) .v-card::before, .rtl-layout .v-timeline-item--left .v-card::before, .rtl-layout .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--right) .v-card::after, .rtl-layout .v-timeline-item--left .v-card::after {
    transform: rotate(0deg);
    right: 100%;
    left: auto; }
  .rtl-layout .v-timeline-item:nth-child(2n):not(.v-timeline-item--left) .v-card::before, .rtl-layout .v-timeline-item--right .v-card::before, .rtl-layout .v-timeline-item:nth-child(2n):not(.v-timeline-item--left) .v-card::after, .rtl-layout .v-timeline-item--right .v-card::after {
    left: 100%;
    right: auto;
    transform: rotate(180deg); }
  .rtl-layout .v-btn--right {
    left: 16px;
    right: auto; }
  .rtl-layout .v-timeline--dense::before {
    right: 18px;
    left: auto; }
  .rtl-layout .v-timeline--dense .v-timeline-item__dot--small {
    right: 7px;
    left: auto; }
  .rtl-layout .text-bold {
    padding-right: 1rem; }
  .rtl-layout .v-timeline-item .v-alert__icon {
    margin-right: 0px;
    margin-left: 16px; }
  .rtl-layout .v-timeline-item .v-timeline-item__body .v-text-field.v-text-field--solo .v-label {
    top: calc(50% - 10px);
    right: 0 !important;
    left: auto !important; }
  .rtl-layout .v-timeline--dense .v-timeline-item__dot--large {
    right: -7px;
    left: auto; }
  .rtl-layout .v-card__actions .v-btn + .v-btn {
    margin-right: 8px;
    margin-left: 0; }
  .rtl-layout .v-input--selection-controls__input {
    margin-left: 8px;
    margin-right: 0; }
  .rtl-layout .v-input--switch.v-input--is-dirty .v-input--selection-controls__ripple, .rtl-layout .v-input--switch.v-input--is-dirty .v-input--switch__thumb {
    -webkit-transform: translate(-16px, 0);
    transform: translate(-16px, 0); }
  .rtl-layout .v-input--selection-controls__ripple::before {
    left: auto;
    right: 0; }
  .rtl-layout .v-input--switch .v-input--selection-controls__ripple {
    right: -14px;
    left: auto; }
  .rtl-layout .v-chip .v-icon--left {
    margin-right: -8px;
    margin-left: 12px; }
  .rtl-layout .v-chip .v-avatar {
    margin-right: -12px;
    margin-left: 8px; }
  .rtl-layout .v-chip--removable .v-chip__content {
    padding: 0 12px 0 4px; }
  .rtl-layout .v-input .v-text-field__slot label {
    right: 0px !important;
    left: auto !important; }
  .rtl-layout .v-select__slot label {
    right: 0px !important;
    left: auto !important; }
  .rtl-layout .v-text-field .v-label {
    -webkit-transform-origin: top left;
    transform-origin: top right; }
  .rtl-layout .v-input__prepend-outer {
    margin-left: 9px;
    margin-right: 0; }
  .rtl-layout .v-input__append-outer {
    margin-right: 9px;
    margin-left: 0; }
  .rtl-layout .advanced-timeline-wrapper .flex-gap {
    margin-right: 6px; }

/*================== Sidebar =============*/
.rtl-layout .v-navigation-drawer .v-list__group .v-list__group__header .v-list__tile {
  padding: 0 !important; }

.rtl-layout .v-navigation-drawer .v-list__tile--link:before, .rtl-layout .v-navigation-drawer .v-list__group__header:before {
  border-radius: 100px 0 0 100px !important;
  transform-origin: right !important; }

.rtl-layout .v-navigation-drawer .v-list__group__header--active .v-list__group__header__prepend-icon .v-icon {
  transform: rotate(90deg) !important; }

.rtl-layout .v-navigation-drawer .v-list__tile__action i, .rtl-layout .v-navigation-drawer .v-list__group__header__prepend-icon i {
  transform: rotate(180deg) !important; }

.rtl-layout.collapse-sidebar .v-navigation-drawer .v-list__group__header .v-list__tile {
  padding: 0 !important; }

.rtl-layout.collapse-sidebar .v-navigation-drawer .site-logo .router-link-active img {
  transform: translateX(4.25rem);
  transition: all 0.3s ease-in-out; }

.rtl-layout.collapse-sidebar .v-navigation-drawer .v-list > div > .v-list__tile--link .v-list__tile__action i {
  transition: all 0.3s ease-in-out; }

.rtl-layout.collapse-sidebar .v-navigation-drawer:hover .v-list > div > .v-list__tile--link .v-list__tile__action i {
  padding: 0 1.25rem !important; }

.rtl-layout.collapse-sidebar .v-navigation-drawer:hover .site-logo .router-link-active img {
  transform: translateX(0); }

.rtl-layout .v-navigation-drawer .navigation .v-list .v-list__group.not-submenu .v-list__group__header.v-list__group__header--active .v-list__group__header__prepend-icon .v-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(180deg) !important; }

/*=========== Horizontal Menu ============*/
.rtl-layout .horizontal-menu > ul > li .sub-menu {
  right: 0;
  left: inherit; }
  .rtl-layout .horizontal-menu > ul > li .sub-menu li {
    text-align: right; }
    .rtl-layout .horizontal-menu > ul > li .sub-menu li a {
      padding: 0.8125rem 1.563rem 0.8125rem 0.625rem; }
      .rtl-layout .horizontal-menu > ul > li .sub-menu li a::after {
        left: 10px;
        right: inherit;
        transform: rotate(180deg); }
      .rtl-layout .horizontal-menu > ul > li .sub-menu li a i {
        margin-left: 0.625rem;
        margin-right: inherit;
        float: right; }
    .rtl-layout .horizontal-menu > ul > li .sub-menu li .sub-menu-child {
      right: 12rem; }

.rtl-layout .horizontal-menu > ul > li > a::after {
  margin-right: 0.9375rem;
  margin-left: inherit; }

.rtl-layout .horizontal-menu > ul > li > a i {
  margin-left: 0.625rem;
  margin-right: inherit; }

.rtl-layout .horizontal-menu .sidebar-label {
  right: auto;
  left: 20px;
  top: 14px; }

/*=========== Agency Menu ============*/
.rtl-layout .app-boxed-layout .app-container .v-content .horizontal-menu {
  padding-left: 1.5rem;
  padding-right: 0 !important; }
  .rtl-layout .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu {
    right: 1.5rem;
    left: auto !important; }
    .rtl-layout .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu:after {
      right: 2rem;
      left: auto !important; }
    .rtl-layout .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu > .nav-item:after {
      right: 0;
      left: auto !important; }
    .rtl-layout .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu > .nav-item > .sub-menu-child {
      right: 12.8rem;
      left: auto !important; }
      .rtl-layout .app-boxed-layout .app-container .v-content .horizontal-menu > ul > li .sub-menu > .nav-item > .sub-menu-child:after {
        right: -0.5rem;
        left: auto !important;
        transform: rotate(-135deg) !important; }

/*=========== Courses ================*/
.rtl-layout .courses-grid-sec .app-card {
  overflow: visible; }

.rtl-layout .courses-grid-sec .course-card :nth-child(3) .course-item-wrap .course-hover-item {
  right: auto;
  left: calc(100% - 15px); }
  .rtl-layout .courses-grid-sec .course-card :nth-child(3) .course-item-wrap .course-hover-item:before, .rtl-layout .courses-grid-sec .course-card :nth-child(3) .course-item-wrap .course-hover-item:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: auto;
    right: 100%; }

.rtl-layout .popularity.tab-wrap .course-card :nth-child(1) .course-item-wrap .course-hover-item, .rtl-layout .popularity.tab-wrap .course-card :nth-child(5) .course-item-wrap .course-hover-item, .rtl-layout .popularity.tab-wrap .course-card :nth-child(9) .course-item-wrap .course-hover-item {
  left: auto;
  right: calc(100% - 15px); }
  .rtl-layout .popularity.tab-wrap .course-card :nth-child(1) .course-item-wrap .course-hover-item::after, .rtl-layout .popularity.tab-wrap .course-card :nth-child(1) .course-item-wrap .course-hover-item::before, .rtl-layout .popularity.tab-wrap .course-card :nth-child(5) .course-item-wrap .course-hover-item::after, .rtl-layout .popularity.tab-wrap .course-card :nth-child(5) .course-item-wrap .course-hover-item::before, .rtl-layout .popularity.tab-wrap .course-card :nth-child(9) .course-item-wrap .course-hover-item::after, .rtl-layout .popularity.tab-wrap .course-card :nth-child(9) .course-item-wrap .course-hover-item::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: auto;
    left: 100%; }

.rtl-layout .popularity.tab-wrap .course-card :nth-child(4) .course-item-wrap .course-hover-item, .rtl-layout .popularity.tab-wrap .course-card :nth-child(8) .course-item-wrap .course-hover-item, .rtl-layout .popularity.tab-wrap .course-card :nth-child(12) .course-item-wrap .course-hover-item {
  right: auto;
  left: calc(100% - 15px); }
  .rtl-layout .popularity.tab-wrap .course-card :nth-child(4) .course-item-wrap .course-hover-item::after, .rtl-layout .popularity.tab-wrap .course-card :nth-child(4) .course-item-wrap .course-hover-item::before, .rtl-layout .popularity.tab-wrap .course-card :nth-child(8) .course-item-wrap .course-hover-item::after, .rtl-layout .popularity.tab-wrap .course-card :nth-child(8) .course-item-wrap .course-hover-item::before, .rtl-layout .popularity.tab-wrap .course-card :nth-child(12) .course-item-wrap .course-hover-item::after, .rtl-layout .popularity.tab-wrap .course-card :nth-child(12) .course-item-wrap .course-hover-item::before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: auto;
    right: 100%; }

.rtl-layout .course-card .app-card .app-card-content .v-rating .v-icon {
  margin-left: 5px;
  margin-right: 0; }

.rtl-layout .course-card .course-item-wrap .course-hover-item .app-card-content .course-list li::after {
  left: auto;
  right: -1rem; }

.rtl-layout .course-card .course-item-wrap .course-hover-item .app-card-content .meta-info-block span {
  margin-left: 0.35rem;
  margin-right: 0;
  display: inline-block; }

.rtl-layout .courses-detail-wrap .about-instructor img {
  margin-right: 0px;
  margin-left: 30px; }

.rtl-layout .courses-detail-wrap .detail-dec-wrap ul {
  padding-left: 0;
  padding-right: 24px;
  text-align: right; }

.rtl-layout .courses-detail-wrap .info-box-list li i {
  margin-left: 0.5rem;
  margin-right: 0; }

.rtl-layout .cmr-8 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important; }

.rtl-layout .courses-grid-sec .tab-wrap .course-card .app-card .app-card-content .best-seller.bestseller-tag {
  right: auto;
  left: -3px; }

.rtl-layout .popularity.tab-wrap .course-card .app-card .app-card-content .best-seller.bestseller-tag {
  right: auto;
  left: -3px; }

.rtl-layout .course-card .app-card .app-card-content .best-seller.bestseller-tag {
  right: auto;
  left: -3px; }

.rtl-layout .banner-content-wrap .bestseller-tag {
  right: auto;
  left: -3px; }
  .rtl-layout .banner-content-wrap .bestseller-tag::after {
    left: auto;
    right: 96%;
    transform: rotate(180deg); }

.rtl-layout .course-card .app-card .app-card-content .best-seller.bestseller-tag:after {
  right: auto;
  left: 96%;
  transform: rotate(0); }

.rtl-layout .btn-wrap.text-xl-left, .rtl-layout .btn-wrap.text-sm-left {
  text-align: right !important; }

.rotate-180, .user-block .v-menu__activator--active .fa-caret-down {
  -o-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.transition-default, .user-block .v-menu__activator .fa-caret-down, .user-block .v-menu__activator--active .fa-caret-down, .red-btn-outline, .red-btn-outline:hover, .red-btn-block, .red-btn-block:hover, .custom-dropV2 .v-list__tile, .custom-dropV2 .v-list__tile:hover, .custom-dropV2 .v-list__tile:hover > div, .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label, .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label--active, .select-field-default_2 .v-select__slot .v-label, .select-field-total-default_2 .v-select__slot .v-label, .select-field-default_2 .v-select__slot .v-label--active, .select-field-total-default_2 .v-select__slot .v-label--active, .textarea-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-default_2-discount .v-input__slot .v-text-field__slot label, .txt-field-default_2 .v-input__slot .v-text-field__slot label, .textarea-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2-discount .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2 .v-input__slot .v-text-field__slot .v-label--active, .rd-wrapper .rd-card, .rd-wrapper .rd-card:hover, .message-user-container .message-user-list .chat-user-list-box .menu-hover {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  transition-property: all !important;
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  transition-delay: 0s !important; }

.relative-position {
  position: relative; }

.green-prospek {
  color: #63C06C; }

.reject-q-btn .v-btn__content, .accept-q-btn .v-btn__content {
  font-size: 12px;
  font-weight: 500; }

.reject-q-btn {
  color: #fff !important; }

.accept-q-btn {
  background-color: #FA9620 !important; }
  .accept-q-btn .v-btn__content {
    color: #FFFFFF !important; }

.hover-ud {
  cursor: pointer; }
  .hover-ud:hover {
    text-decoration: underline; }
  .hover-ud-red {
    cursor: pointer; }
    .hover-ud-red:hover {
      color: #DD1F26;
      text-decoration: underline; }

.container-print {
  display: flex !important; }

.flex.container-print {
  display: flex !important; }

.md12.d-p-f {
  display: grid !important; }

@media print {
  .trademark-paid {
    background: none !important;
    position: relative !important;
    z-index: 1; }
  .trademark-paid::before {
    content: "";
    position: absolute;
    top: 4.5%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-image: url("https://cdn.indotrading.com/frontend/images/img/badge-lunas.png");
    background-repeat: repeat-y;
    background-size: 100% 340mm !important;
    background-position: top center;
    background-color: transparent !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important; }
  html,
  body {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important; }
  body, section {
    background: transparent !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
  .v-divider,
  #hubspot-messages-iframe-container,
  .taplive-chat-widget-opener-button,
  .noprint {
    display: none !important; }
  .flex.md12 {
    width: 100%; }
  .flex.md11 {
    width: 91.66666666666666%; }
  .flex.md10 {
    width: 83.33333333333334%; }
  .flex.md9 {
    width: 75%; }
  .flex.md8 {
    width: 66.66666666666666%; }
  .flex.md7 {
    width: 58.333333333333336%; }
  .flex.md6 {
    width: 50%; }
  .flex.md5 {
    width: 41.66666666666667%; }
  .flex.md4 {
    width: 33.33333333333333%; }
  .flex.md3 {
    width: 25%; }
  .flex.md2 {
    width: 16.666666666666664%; }
  .flex.md1 {
    width: 8.333333333333332%; }
  .content-document-section {
    margin-bottom: 0 !important; }
  .letter-default-layout {
    -webkit-print-color-adjust: exact;
    size: A4;
    margin: 0;
    color: black !important; }
  ::-webkit-scrollbar {
    display: none; }
  .content-lp {
    width: unset; }
  .noprint {
    display: none !important; }
  .must-print {
    display: contents !important; }
  .print-shadow-none {
    box-shadow: none !important;
    border: none !important; }
  .must-print-d-block {
    display: block !important; }
  .print-border-bottom-0 {
    border-bottom: 0 !important; }
  .mr-30-p {
    margin-right: 30px !important; }
  .no-mt {
    margin-top: 0 !important; }
  .print-m-0 {
    margin: 0 !important; }
  .print-p-0 {
    padding: 0 !important; }
  .print-w-150 {
    width: 150% !important; }
  .no-print-tab .v-tabs__bar {
    display: none; }
  .onprint {
    display: flex !important; }
  .v-content {
    padding: 0 !important; }
  .app-default-layout {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important; }
    .app-default-layout .v-content__wrap {
      overflow: visible !important;
      height: auto !important;
      max-height: none !important;
      min-height: 0 !important; }
  .dq_c {
    border-top: none !important; }
  .signature-section_3,
  .note-box_3,
  .tnc-section_3 {
    page-break-inside: avoid; }
  .footer-space {
    height: 35px; }
  .trademark-paid .tnc-section_3 {
    background-color: transparent !important;
    border: 1px solid #424242; }
  .trademark-paid .t-lihat-penawaran thead {
    background-color: transparent !important; }
    .trademark-paid .t-lihat-penawaran thead th {
      color: #212529 !important; }
  .trademark-paid .t-lihat-penawaran tbody td {
    background-color: transparent !important; }
  img {
    page-break-after: auto !important;
    page-break-before: auto !important;
    page-break-inside: avoid !important; }
  .receipt-info-identity {
    justify-content: initial !important; }
  .t-lihat-penawaran {
    /* tbody {
            tr {
                break-inside: avoid;
                break-after: auto;
                break-before: auto;
            }
        }*/ }
    .t-lihat-penawaran thead {
      break-inside: avoid;
      display: block; }
      .t-lihat-penawaran thead tr {
        break-inside: avoid; }
  .invoice-signature-section {
    margin-top: 10px !important; }
    .invoice-signature-section .invoice-signature-empty {
      width: 20px !important;
      height: 20px !important; }
  .invoice-box {
    -webkit-print-color-adjust: exact; }
  .content_3 {
    margin-left: 10px !important; }
  .document-page {
    display: block !important;
    page-break-before: always !important;
    break-before: page !important;
    -webkit-break-before: page !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    min-height: 0 !important;
    height: auto !important; }
  .document-page:first-child {
    page-break-before: auto !important;
    break-before: auto !important;
    -webkit-break-before: auto !important; }
  .document-page:last-child {
    page-break-after: avoid !important;
    break-after: avoid !important;
    -webkit-break-after: avoid !important; }
  /* Hindari page-break-inside pada konten utama */
  .letter-default-layout,
  .content-lp,
  .default-document-body {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    z-index: 1 !important; }
  /* Pastikan parent utama tidak flex/grid di print */
  .v-content,
  .v-container,
  .flex,
  .allDocumentBody,
  .letter-default-layout {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important; }
  .document-break:first-child {
    break-before: avoid-page; }
  .p-footer-text-wrapper {
    display: unset !important;
    position: fixed;
    bottom: 0%;
    width: 100%; }
  .flex.date-container {
    display: grid !important; }
  .flex.container-print {
    display: flex !important; }
  .md12.d-p-f {
    display: grid !important; }
  .layout.d-p-g {
    display: grid !important; }
  .signature-wrapper {
    page-break-inside: avoid;
    break-inside: avoid;
    display: block;
    position: relative; }
  .signature-group {
    display: flex;
    flex-direction: column;
    page-break-before: avoid;
    page-break-after: auto;
    /* Avoid blank trailing page after last signature group */
    margin-top: 20px; }
  /* Dihapus: .signature-wrapper::before dengan page-break-before: always
       karena menyebabkan halaman kosong sebelum/sesudah tanda tangan */
  .signature-wrapper::before {
    content: none;
    display: none; }
  /* Adjust spacing between signature rows */
  .document-content.d-flex.j-sp-around {
    margin-bottom: 10px !important; }
  /* Untuk memastikan QR code tidak terpotong */
  img,
  qrcode-vue {
    max-width: 100% !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important; }
  .p-header-img-wrapper-t,
  .p-header-img-wrapper-b,
  .p-footer-img-wrapper {
    display: unset !important;
    position: fixed; }
  .p-header-img-wrapper-t {
    bottom: -15px;
    right: 0;
    transform: rotate(180deg);
    width: 50%; }
  .p-header-img-wrapper-b {
    top: 0;
    left: 0;
    width: 50%; } }

.p-header-img-wrapper-t,
.p-header-img-wrapper-b,
.p-footer-img-wrapper,
.p-footer-text-wrapper {
  display: none; }

.onprint {
  display: none; }

@media (max-width: 500px) {
  .d-only {
    display: none !important; } }

@media (min-width: 500px) {
  .m-only {
    display: none !important; } }

@media screen {
  .letter-default-layout .content-lp .top-buyer-section, .letter-default-layout .content-lp .top-section, .letter-default-layout .content-lp .bottom-section {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 3px; } }

.content_2 {
  margin-bottom: 35px; }
  .content_2 .t-lihat-penawaran {
    width: 100%;
    border-collapse: collapse; }
    .content_2 .t-lihat-penawaran .prod-lp {
      display: flex;
      justify-content: flex-start; }
    .content_2 .t-lihat-penawaran thead {
      background-color: transparent; }
      .content_2 .t-lihat-penawaran thead tr th {
        padding: 12px 0;
        text-align: center;
        color: #212529;
        font-weight: 500;
        border-top: 1px solid #212529;
        border-bottom: 1px solid #212529;
        border-left: 1px solid #212529; }
        .content_2 .t-lihat-penawaran thead tr th:first-child {
          padding-left: 20px; }
        .content_2 .t-lihat-penawaran thead tr th:last-child {
          border-right: 1px solid #212529; }
    .content_2 .t-lihat-penawaran tbody tr {
      border-top: 0 solid #212529;
      border-right: 0 solid #212529;
      border-bottom: 1px solid #212529;
      border-left: 0 solid #212529; }
      .content_2 .t-lihat-penawaran tbody tr:first-child {
        border-top: 0 solid #212529 !important;
        border-right: 0 solid #212529 !important;
        border-bottom: 1px solid #212529 !important;
        border-left: 0 solid #212529 !important; }
      .content_2 .t-lihat-penawaran tbody tr:last-child {
        border-top: 0 solid #212529;
        border-right: 0 solid #212529;
        border-bottom: 1px solid #212529;
        border-left: 0 solid #212529; }
      .content_2 .t-lihat-penawaran tbody tr td {
        background-color: transparent;
        border-top: 0 solid #212529;
        border-right: 0 solid #212529;
        border-bottom: 0 solid #212529;
        border-left: 1px solid #212529;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px; }
        .content_2 .t-lihat-penawaran tbody tr td:first-child {
          padding: 10px 20px;
          border-top: 0 solid #212529 !important;
          border-right: 0 solid #212529 !important;
          border-bottom: 0 solid #212529 !important;
          border-left: 1px solid #212529 !important; }
        .content_2 .t-lihat-penawaran tbody tr td:last-child {
          border-top: 0 solid #212529 !important;
          border-right: 1px solid #212529 !important;
          border-bottom: 0 solid #212529 !important;
          border-left: 1px solid #212529 !important; }
        .content_2 .t-lihat-penawaran tbody tr td:not(:first-child) {
          padding: 0; }

.grand-total-divider {
  border-top: 2px solid #000000; }

.invoice-body-root {
  position: relative;
  overflow: hidden;
  isolation: isolate; }

.trademark-paid {
  background: url("https://resources.indotrading.com/images/badge-lunas.png") no-repeat center center;
  background-size: contain;
  background-color: white; }

.content_3 {
  font-size: 13px;
  display: flex;
  justify-content: space-between; }
  .content_3 .c_3_left .note-section_3 {
    margin-bottom: 30px; }
    .content_3 .c_3_left .note-section_3 .note-box_3 {
      border: 1px solid #212529;
      box-sizing: border-box;
      padding: 15px 10px;
      margin-top: 10px;
      border-radius: 3px; }
  .content_3 .c_3_left .tnc-section_3 {
    background: transparent;
    border-radius: 3px;
    padding: 15px 10px;
    border: 1px solid #212529; }
    .content_3 .c_3_left .tnc-section_3 > h5 {
      font-weight: 500;
      margin-bottom: 15px; }
    .content_3 .c_3_left .tnc-section_3 .tnc-content_3 {
      display: flex;
      flex-direction: column; }
      .content_3 .c_3_left .tnc-section_3 .tnc-content_3 > span:not(:last-child) {
        margin-bottom: 8px; }
  .content_3 .c_3_right .total-section_3 > div {
    padding: 0;
    margin-bottom: 15px; }
  .content_3 .c_3_right .total-section_3 > div:nth-child(even) {
    text-align: right; }
  .content_3 .c_3_right .total-section_3 > div:nth-child(odd) {
    padding-left: 16px;
    font-weight: 600; }
  .content_3 .c_3_right .total-section_3 > span {
    margin-bottom: 15px; }
  .content_3 .c_3_right .total-section_3 .grand-total-l_3 {
    font-size: 14px;
    text-align: left !important;
    padding-left: 16px !important; }
    .content_3 .c_3_right .total-section_3 .grand-total-l_3 > span {
      font-weight: bold !important; }
  .content_3 .c_3_right .total-section_3 .grand-total-r_3 {
    font-size: 14px;
    text-align: right !important;
    padding-left: 0 !important; }
    .content_3 .c_3_right .total-section_3 .grand-total-r_3 > span {
      font-weight: normal !important; }

.signature-section_3 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 68px;
  margin-right: 20px; }
  .signature-section_3 .s-box_3 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .signature-section_3 .s-box_3 .signature-img-empty {
      height: 100px;
      width: 100px; }

.signature-section_3b {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 68px;
  margin-right: 20px; }
  .signature-section_3b .s-box_3 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .signature-section_3b .s-box_3 .signature-img-empty {
      height: 100px;
      width: 100px; }

.container.grid-list-xl *:not(:only-child) .layout:last-child .layout:first-child,
.container.grid-list-xl .layout:only-child,
.container.grid-list-xl .layout:not(:only-child) {
  margin: unset !important; }

.letter-default-layout {
  background-color: #FFFFFF; }
  .letter-default-layout .row {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .letter-default-layout .bg-img-tl {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; }
  .letter-default-layout .bg-img-br {
    z-index: 0;
    position: absolute;
    transform: rotate(180deg);
    bottom: 0;
    right: 0;
    width: 50%; }
  .letter-default-layout .document-header {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: baseline; }
  .letter-default-layout .receipt-blue {
    border: 1px solid #464D69; }
    .letter-default-layout .receipt-blue .top-blue {
      background: #464D69;
      text-transform: uppercase;
      color: white;
      font-size: 22px;
      text-align: center;
      height: 55px;
      padding: 15px 10px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .letter-default-layout .content-document-section {
    margin-bottom: 4rem; }
  .letter-default-layout .document-content {
    padding: 10px; }
    .letter-default-layout .document-content .d-user-section-1 {
      display: flex;
      justify-content: space-between; }
      .letter-default-layout .document-content .d-user-section-1 .c-wrapper-1 {
        border-left: 4px solid #d42029;
        padding: 0 16px; }
    .letter-default-layout .document-content .d-note-section-1 .d-note-box-1 {
      border: 1px solid #212529;
      box-sizing: border-box;
      padding: 15px 10px;
      border-radius: 3px;
      white-space: pre-line; }
      .letter-default-layout .document-content .d-note-section-1 .d-note-box-1:not(:last-child) {
        margin-bottom: 30px; }
      .letter-default-layout .document-content .d-note-section-1 .d-note-box-1 .d-note-content {
        display: flex;
        flex-direction: column; }
      .letter-default-layout .document-content .d-note-section-1 .d-note-box-1 .d-note-content.no-note {
        color: rgba(0, 0, 0, 0.3); }
    .letter-default-layout .document-content .d-note-section-1 .d-note-box-1.highlighted {
      border-width: 3px; }
    .letter-default-layout .document-content .d-note-section-1 .d-note-no-content {
      color: rgba(0, 0, 0, 0.3); }
    .letter-default-layout .document-content .d-date-section-1 {
      border-radius: 5px;
      border: 1px solid #212529;
      padding: 15px; }
      .letter-default-layout .document-content .d-date-section-1 .flex {
        text-align: center;
        padding: 0 12px; }
        .letter-default-layout .document-content .d-date-section-1 .flex > div:not(:first-child) {
          margin-top: 8px; }
        .letter-default-layout .document-content .d-date-section-1 .flex:not(:first-child) {
          border-left: 1px solid #212529; }
    .letter-default-layout .document-content .d-qr-section-1 {
      padding-top: 2rem; }
      .letter-default-layout .document-content .d-qr-section-1 > div:nth-child(n + 1) {
        margin-left: 1rem; }
    .letter-default-layout .document-content .d-total-section-1 {
      border: 2px solid #DDE6F3 !important;
      padding: 16px;
      background-color: white; }
    .letter-default-layout .document-content .d-total-section-2 > .flex {
      margin-bottom: 16px;
      padding: 0 !important; }
    .letter-default-layout .document-content .d-total-section-2 .ts-1 .flex {
      text-align: right;
      margin-bottom: 16px;
      padding: 0; }
      .letter-default-layout .document-content .d-total-section-2 .ts-1 .flex:nth-child(odd) {
        font-weight: 600; }
    .letter-default-layout .document-content .d-total-section-2 .ts-1 #pph-sb div:last-child {
      font-weight: 400 !important; }
    .letter-default-layout .document-content .d-total-section-2 .ts-1.bb {
      border-bottom: 2px solid #000000; }
    .letter-default-layout .document-content .d-total-section-2 .ts-2 .flex {
      padding: 0;
      margin-bottom: 5px;
      font-weight: 600; }
      .letter-default-layout .document-content .d-total-section-2 .ts-2 .flex:nth-child(even) {
        text-align: right; }
    .letter-default-layout .document-content .d-total-section-2 .ts-3 {
      font-size: 13px; }
      .letter-default-layout .document-content .d-total-section-2 .ts-3 .flex {
        padding: 0;
        margin-bottom: 5px; }
    @media print {
      .letter-default-layout .document-content .d-date-section-1 {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important; }
      .letter-default-layout .document-content .d-date-section-1 > .flex {
        display: table-cell !important;
        width: 33.3333% !important;
        max-width: 33.3333% !important;
        float: none !important;
        vertical-align: middle !important;
        word-wrap: break-word !important;
        white-space: normal !important;
        padding: 0 10px !important;
        box-sizing: border-box !important; }
      .letter-default-layout .document-content .v-badge {
        display: inline-block !important;
        white-space: nowrap !important;
        margin-bottom: 2px !important; }
      .letter-default-layout .document-content .note-sec, .letter-default-layout .document-content .total-sec {
        display: inline-block !important;
        vertical-align: top !important;
        font-size: 14px !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important; }
      .letter-default-layout .document-content canvas {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        display: block !important;
        min-width: 110px !important;
        min-height: 110px !important; } }
  .letter-default-layout .idt-img-layout {
    max-width: 100%;
    max-height: 100%;
    width: 205px;
    margin-bottom: 40px; }
  .letter-default-layout .company-logo-lp {
    width: 100% !important;
    height: auto !important;
    max-width: 200px !important;
    max-height: 100px !important; }
    @media (max-width: 500px) {
      .letter-default-layout .company-logo-lp {
        max-width: 100px !important; } }
  .letter-default-layout .signature-img-lp {
    width: 100%;
    height: 100%;
    max-width: 100px; }
  @media screen {
    .letter-default-layout .content-lp {
      width: 1040px;
      margin: auto auto 0 auto;
      padding-top: 60px; } }
  .letter-default-layout .content-lp.load-scroll {
    height: calc(100vh - 100px);
    overflow: hidden; }
  .letter-default-layout .content-lp .float-download-section {
    position: absolute;
    right: 0;
    top: -30px; }
  .letter-default-layout .content-lp .border_rad_from_buyer {
    border-radius: 0px 0px 3px 3px !important; }
  .letter-default-layout .content-lp .top-buyer-section {
    padding: 10px 15px 10px 20px;
    border-radius: 3px 3px 0px 0px;
    background-color: #DD1F26;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .letter-default-layout .content-lp .top-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
    padding: 20px 25px;
    margin-bottom: 40px;
    background-color: #FFFFFF; }
    .letter-default-layout .content-lp .top-section .box-divider {
      display: flex;
      flex-direction: column;
      width: 20%;
      padding: 0 6px;
      font-size: 12px; }
  .letter-default-layout .content-lp .bottom-section {
    background-color: #FFFFFF; }
    @media screen {
      .letter-default-layout .content-lp .bottom-section {
        padding: 30px; } }
    .letter-default-layout .content-lp .bottom-section .min-height-250 {
      min-height: 150px; }
    .letter-default-layout .content-lp .bottom-section .float-right-section {
      position: absolute;
      right: 0;
      top: 0; }
    .letter-default-layout .content-lp .bottom-section .t2-l-top {
      display: flex;
      align-items: flex-start;
      justify-content: flex-end; }
      @media (max-width: 767px) {
        .letter-default-layout .content-lp .bottom-section .t2-l-top {
          font-size: 12px; } }
      .letter-default-layout .content-lp .bottom-section .t2-l-top .initial {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 110px;
        max-width: 110px;
        min-width: 110px; }
    .letter-default-layout .content-lp .bottom-section .t2-l-content_1 {
      display: flex;
      align-items: flex-start;
      font-size: 13px; }
      @media (max-width: 767px) {
        .letter-default-layout .content-lp .bottom-section .t2-l-content_1 {
          font-size: 12px; } }
      .letter-default-layout .content-lp .bottom-section .t2-l-content_1 .initial {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 130px;
        max-width: 130px;
        min-width: 130px; }
      .letter-default-layout .content-lp .bottom-section .t2-l-content_1 > span {
        width: 75%; }
    .letter-default-layout .content-lp .bottom-section .t2-l-content_2 {
      display: flex;
      align-items: flex-start;
      font-size: 12px; }
      @media (max-width: 767px) {
        .letter-default-layout .content-lp .bottom-section .t2-l-content_2 {
          font-size: 12px; } }
      .letter-default-layout .content-lp .bottom-section .t2-l-content_2 .initial {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100px;
        max-width: 100px;
        min-width: 100px; }
      .letter-default-layout .content-lp .bottom-section .t2-l-content_2 > span {
        width: 75%; }
    .letter-default-layout .content-lp .bottom-section .content_1 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 10px; }
      .letter-default-layout .content-lp .bottom-section .content_1 .header_content_1 {
        margin-bottom: 10px;
        padding: 10px 2px;
        border-bottom: 1px solid #989898; }
    .letter-default-layout .content-lp .bottom-section .fw.row.d-flex .text-center > .qr-code-wrap {
      display: flex;
      justify-content: center;
      padding: 5px; }
  .letter-default-layout .content-lp-m {
    padding: 10px 20px;
    font-size: 12px; }
    .letter-default-layout .content-lp-m .idt-img-layout {
      margin-bottom: 20px; }
    .letter-default-layout .content-lp-m .top-section {
      border: 1px solid #E5E5E5;
      box-sizing: border-box;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      border-radius: 5px;
      padding: 12px 20px;
      line-height: 2;
      margin-bottom: 25px; }
      .letter-default-layout .content-lp-m .top-section > div:nth-child(odd) {
        padding-left: 0;
        padding-right: 6px; }
      .letter-default-layout .content-lp-m .top-section > div:nth-child(even) {
        padding-left: 6px;
        padding-right: 0; }
    .letter-default-layout .content-lp-m .main_content {
      border: 1px solid #E5E5E5;
      box-sizing: border-box;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      border-radius: 5px; }
      .letter-default-layout .content-lp-m .main_content .mc_1 {
        padding: 15px 15px 20px 15px;
        border-bottom: 1px solid #E5E5E5; }
        .letter-default-layout .content-lp-m .main_content .mc_1 .logo-img-m {
          width: 100%;
          max-width: 100px;
          height: 100%;
          max-height: 50px; }
        .letter-default-layout .content-lp-m .main_content .mc_1 .main_content_header {
          position: absolute;
          top: 0;
          right: 0; }
        .letter-default-layout .content-lp-m .main_content .mc_1 .from_section > p {
          margin: 14px 0 !important; }
      .letter-default-layout .content-lp-m .main_content .mc_2 {
        padding: 20px 15px 30px 15px; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .to_section {
          border-left: 4px solid #D42029;
          padding-left: 12px;
          margin-top: 20px; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .to_section > p {
            margin: 14px 0 !important; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .date_section {
          border: 1px solid #E5E5E5;
          box-sizing: border-box;
          border-radius: 5px;
          display: flex;
          flex-direction: row;
          align-items: center; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .date_section .ds_c {
            padding: 10px;
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: center; }
            .letter-default-layout .content-lp-m .main_content .mc_2 .date_section .ds_c:first-child {
              border-right: 1px solid #E5E5E5; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .dp_h, .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c .tdp_gt_c {
          padding: 12px;
          background-color: #484848;
          color: #FFFFFF; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .dp_c > div {
          background-color: #F0F0F0;
          padding: 12px;
          border-top: 1px solid #ffffff;
          border-right: 0px solid #ffffff;
          border-bottom: 1px solid #ffffff;
          border-left: 0px solid #ffffff;
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .dp_c > div > span:nth-child(2) {
            margin: 5px 0px; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .dp_c > div:first-child {
          border-top: 2px solid #ffffff !important;
          border-right: 0px solid #ffffff !important;
          border-bottom: 1px solid #ffffff !important;
          border-left: 0px solid #ffffff !important; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c {
          margin-top: 18px; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c > div > div:not(:last-child) {
            margin-bottom: 5px; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c > div > div:nth-child(odd) {
            padding-left: 0;
            padding-right: 6px; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c > div > div:nth-child(even) {
            padding-left: 6px;
            padding-right: 0;
            text-align: right;
            font-weight: 600; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c .tdp_gt_c {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 10px; }
            .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .tdp_c .tdp_gt_c span {
              font-weight: 600; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .n_tnc_c {
          margin-top: 16px;
          margin-bottom: 30px; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .n_tnc_c .n_c > div:first-child, .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .n_tnc_c .tnc_c > div:first-child {
            padding-bottom: 8px;
            margin-bottom: 8px;
            border-bottom: 1px solid #E5E5E5; }
            .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .n_tnc_c .n_c > div:first-child > span, .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .n_tnc_c .tnc_c > div:first-child > span {
              font-weight: 600; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .n_tnc_c .n_c {
            margin-bottom: 15px; }
        .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .sig_s {
          display: flex;
          justify-content: flex-end; }
          .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .sig_s ._c {
            display: flex;
            flex-direction: column;
            text-align: center; }
            .letter-default-layout .content-lp-m .main_content .mc_2 .detprod_section .sig_s ._c .signature-img-empty {
              min-height: 65px; }

.invoice-body-detail .content-lp {
  padding-top: 24px !important;
  width: 96% !important; }

.newRelated-state {
  background: #fff; }
  .newRelated-state h3 {
    font-weight: 700 !important; }
  .newRelated-state .body .theme_menu li {
    border: none !important; }

.filter-box {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.selection-filter {
  position: relative;
  margin-bottom: 0;
  width: 85%;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #ededed;
  position: relative;
  cursor: pointer; }

.search-bar-location {
  margin-left: 2rem;
  padding: .5rem;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 4px; }
  .search-bar-location > input {
    border: none;
    outline: none;
    background-color: #f9f9f9; }

.red-btn-outline {
  padding: 4px 18px;
  cursor: pointer;
  color: #d42029;
  background-color: #fff;
  border: 1px solid #d42029;
  border-radius: 4px; }
  .red-btn-outline:hover {
    background-color: #d42029;
    color: #fff; }

.red-btn-block {
  padding: 4px 18px;
  cursor: pointer;
  color: #fff;
  background-color: #d42029;
  border: 1px solid #d42029;
  border-radius: 4px; }
  .red-btn-block:hover {
    background-color: #be1d25;
    color: #fff; }

.mc_1 {
  display: flex;
  flex-direction: column;
  height: 300px;
  overflow: auto;
  padding: 16px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .mc_1 .no-location-available {
    display: flex;
    justify-content: center;
    margin: auto; }
    .mc_1 .no-location-available > img {
      opacity: .5;
      width: 160px; }
  .mc_1 .text-no-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #bcbcbc; }
    .mc_1 .text-no-location .text-header {
      font-size: 18px;
      font-weight: 700; }
    .mc_1 .text-no-location .text-subtitle {
      max-width: 50%;
      font-size: 12px;
      padding-top: 1rem;
      text-align: center; }

.area-list-group-wrapper {
  margin-bottom: 1rem; }
  .area-list-group-wrapper .alphabetical-wrapper {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%; }
    .area-list-group-wrapper .alphabetical-wrapper > hr {
      background: 0% 0% no-repeat padding-box padding-box #d42029;
      border-radius: 18px 18px 0px 0px;
      opacity: 1;
      height: 6px; }

.group-checkbox-wrapper {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  display: grid;
  grid-auto-flow: row;
  column-gap: 0.5rem; }
  .group-checkbox-wrapper > div {
    padding: 8px;
    display: flex;
    align-items: center; }
    .group-checkbox-wrapper > div > input {
      cursor: pointer;
      margin-right: .4rem; }

.area-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 300px;
  overflow: auto;
  padding: 16px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.tnc-section-PO {
  border: 1px solid #CFCFCF;
  box-sizing: border-box;
  padding: 15px 10px;
  border-radius: 5px;
  margin-bottom: 30px;
  background: white; }
  .tnc-section-PO .tnc-section_3 {
    border-radius: 3px;
    padding: 8px 8px 24px 8px;
    padding: 10px 10px;
    color: #424242; }
    .tnc-section-PO .tnc-section_3 > h5 {
      font-weight: 500;
      margin-bottom: 15px; }
    .tnc-section-PO .tnc-section_3 .tnc-content_3 {
      display: flex;
      flex-direction: column; }
      .tnc-section-PO .tnc-section_3 .tnc-content_3 > span:not(:last-child) {
        margin-bottom: 8px; }

.po-left-section .letter-default-layout {
  background-color: unset !important; }

.po-left-section .d-note-box-1 {
  background-color: #FFFFFF; }

@media print {
  /* 1. Mengatur Ukuran dan Margin Halaman */
  @page {
    size: A4 portrait;
    margin: 15mm 15mm 20mm 15mm;
    /* Memberi ruang aman untuk footer di bawah */ }
  /* 2. Aturan Umum untuk Layout */
  html,
  body {
    height: auto !important;
    overflow: visible !important; }
  /* Pastikan tabel dapat dipecah antar halaman */
  table {
    width: 100%;
    border-collapse: collapse;
    page-break-inside: auto; }
  /* Pastikan header dan footer tabel berulang di setiap halaman */
  thead {
    display: table-header-group; }
  tfoot {
    display: table-footer-group; }
  /* 3. Mencegah Baris Tabel Terpotong */
  /* Ini adalah aturan terpenting. Baris akan dipindahkan ke halaman baru jika tidak muat. */
  tr {
    page-break-inside: avoid !important;
    break-inside: avoid !important; }
  .dt-invoice-detail, .dt-po-detail {
    margin-bottom: 20mm !important;
    /* Ganti 15mm sesuai kebutuhan Anda */ }
  .text {
    margin-bottom: 10mm !important; }
  .sign {
    margin-bottom: 110mm !important; }
  /* Aturan untuk kolom */
  .print-grid > div {
    display: block !important;
    width: 100% !important;
    page-break-inside: auto;
    /* Izinkan kolom untuk dipecah */ }
  .print-grid {
    display: flex !important;
    /* Kunci untuk membuat layout bersampingan */
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    /* Cegah grid terpecah di tengah halaman */
    page-break-inside: auto !important;
    break-inside: avoid !important; }
  .print-grid > .w-45 {
    width: 45% !important;
    /* Atur lebar setiap kolom */
    max-width: 45% !important;
    display: inline-block !important;
    vertical-align: top !important;
    /* Cegah isi kolom terpecah */
    page-break-inside: auto !important;
    break-inside: avoid !important; }
  .note-section,
  .total-section {
    margin-bottom: 100mm !important; }
  .note-sec,
  .total-sec {
    margin-bottom: 50mm !important; }
  .note-kwt,
  .total-kwt {
    margin-bottom: 100mm !important; }
  table .t-lihat-penawaran {
    width: 100%;
    border-collapse: collapse;
    page-break-inside: auto;
    margin-bottom: 30mm; }
  /* Pastikan header dan footer tabel berulang di setiap halaman */
  .t-lihat-penawaran thead {
    display: table-header-group; }
  .t-lihat-penawaran tfoot {
    display: table-footer-group; }
  /* 3. Mencegah Baris Tabel Terpotong */
  /* Ini adalah aturan terpenting. Baris akan dipindahkan ke halaman baru jika tidak muat. */
  .t-lihat-penawaran tr {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    border-right: 1px solid #000; } }

.invoices .app-card-content {
  border: 1px solid #b5b5b5;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    .invoices .app-card-content {
      margin: 0 30px; } }
  .invoices .app-card-content > .layout {
    padding: 1.25rem; }

@media (min-width: 767px) {
  .invoices .signature-box {
    margin-top: 60px; } }

.invoices .signature-box .date-box {
  justify-content: center;
  background-color: #D9D9D9;
  padding: 9px 0;
  margin: 10px 0 12px 0; }

.invoices .quot-total-details {
  display: block; }
  @media (min-width: 767px) {
    .invoices .quot-total-details .layout:first-child {
      border-top: 1px solid #EBEBEB; } }
  .invoices .quot-total-details .layout:not(:last-child) {
    border-bottom: 1px solid #EBEBEB; }
  .invoices .quot-total-details-m .layout > div {
    margin-bottom: 18px; }

@media (min-width: 600px) {
  .invoices .c-md1 {
    flex-basis: 10% !important;
    max-width: 10% !important; }
  .invoices .btn-lq-section {
    display: flex;
    align-items: center;
    justify-content: flex-end; } }

@media (max-width: 600) {
  .invoices .green-btn-mobile {
    color: #63C06C;
    text-decoration: underline;
    cursor: pointer; }
  .invoices .btn-lq-section {
    display: flex;
    align-items: center;
    justify-content: center; } }

.note-box-invoice {
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  padding: 15px 10px;
  margin-top: 10px;
  border-radius: 3px; }

.tnc-box-invoice {
  background: #f2f2f2;
  border-radius: 3px;
  padding: 15px 10px;
  color: #424242; }

.account-box-invoice {
  background: #fff;
  padding: 15px 10px;
  color: #424242;
  border: 3px solid #000; }

.grand-total-invoice-divider {
  border-top: 2px solid #000;
  margin-bottom: 10px; }

.grand-total-invoice-left {
  font-size: 14px;
  text-align: left !important;
  padding-left: 16px !important;
  padding: 0;
  margin-bottom: 15px; }

.grand-total-invoice-right {
  font-size: 14px;
  font-weight: 600;
  text-align: right !important;
  padding: 0;
  margin-bottom: 15px; }

.invoice-signature-section {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 68px;
  margin-right: 20px; }
  .invoice-signature-section .invoice-signature-empty {
    height: 100px;
    width: 100px; }
  .invoice-signature-section .invoice-signature {
    width: 100%;
    height: 100%;
    max-width: 100px; }
  .invoice-signature-section > span {
    margin-bottom: -2px;
    width: 100%;
    padding: 8px 8px 8px;
    height: 34.7px; }
  .invoice-signature-section > span:last-child {
    color: #6f6f6f !important; }
  @media (max-width: 767px) {
    .invoice-signature-section > input {
      height: 33.5px;
      font-size: 12px !important; }
    .invoice-signature-section > span {
      height: 33.5px;
      font-size: 12px !important; } }

.invoice-detail-table {
  font-size: 13px;
  width: 100%;
  border-collapse: collapse; }
  .invoice-detail-table thead {
    background-color: #484848; }
    .invoice-detail-table thead tr th {
      padding: 12px 0px;
      color: #fff;
      font-weight: 500; }
      .invoice-detail-table thead tr th:first-child {
        padding-left: 20px !important;
        padding-right: 0px !important;
        text-align: left; }
  .invoice-detail-table tbody tr {
    border-top: 2.5px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 2.5px solid #fff;
    border-left: 0 solid #fff; }
    .invoice-detail-table tbody tr:first-child {
      border-top: 5px solid #fff !important;
      border-right: 0 solid #fff !important;
      border-bottom: 2.5px solid #fff !important;
      border-left: 0 solid #fff !important; }
    .invoice-detail-table tbody tr:last-child {
      border-top: 2.5px solid #fff;
      border-right: 0 solid #fff;
      border-bottom: 5px solid #fff;
      border-left: 0 solid #fff; }
    .invoice-detail-table tbody tr td {
      background-color: #F0F0F0;
      border-top: 0 solid #fff;
      border-right: 2.5px solid #fff;
      border-bottom: 0 solid #fff;
      border-left: 2.5px solid #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px; }
      .invoice-detail-table tbody tr td:first-child {
        padding: 10px 20px;
        border-top: 0 solid #fff !important;
        border-right: 2.5px solid #fff !important;
        border-bottom: 0 solid #fff !important;
        border-left: 0 solid #fff !important; }
      .invoice-detail-table tbody tr td:last-child {
        border-top: 0 solid #fff !important;
        border-right: 0 solid #fff !important;
        border-bottom: 0 solid #fff !important;
        border-left: 2.5px solid #fff !important; }
      .invoice-detail-table tbody tr td:not(:first-child) {
        padding: 0; }
      .invoice-detail-table tbody tr td:nth-child(3) {
        justify-content: flex-end !important;
        padding-right: 20px; }
  .invoice-detail-table table.v-table tbody td,
  .invoice-detail-table table.v-table tbody th,
  .invoice-detail-table table.v-table thead td,
  .invoice-detail-table table.v-table thead th {
    padding: 12px 3px !important; }
  .invoice-detail-table table.v-table thead tr {
    background-color: #f4f4f4; }
  .invoice-detail-table .v-datatable thead {
    border-bottom: 0; }

.purchase-invoice-box {
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background: white;
  position: relative;
  overflow: hidden;
  padding: 20px 28px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box; }
  .purchase-invoice-box .img-pos-1 {
    position: absolute;
    bottom: -15px;
    right: 0;
    transform: rotate(180deg);
    width: 50%; }
  .purchase-invoice-box .img-pos-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; }
  .purchase-invoice-box .img-pos-3 {
    position: absolute;
    top: 0;
    right: 0;
    transform: scaleX(-1); }
  .purchase-invoice-box .invoice-icon-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFEEEE;
    border-radius: 5px; }
    .purchase-invoice-box .invoice-icon-box i {
      font-size: 25px;
      color: #d42029; }
  .purchase-invoice-box .uang-muka-btn-group {
    width: 33.33%;
    text-align: center; }

.purchase-invoice-receipt .receipt-header .receipt-blue {
  border: 1px solid #464D69; }
  .purchase-invoice-receipt .receipt-header .receipt-blue .top-blue {
    background: #464D69;
    text-transform: uppercase;
    color: white;
    font-size: 22px;
    text-align: center;
    padding: 15px; }

.purchase-invoice-receipt .receipt-info .receipt-info-address {
  border-left: 4px solid #d42029; }

.purchase-invoice-receipt .receipt-info .receipt-info-destination {
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  display: flex;
  padding: 15px; }
  .purchase-invoice-receipt .receipt-info .receipt-info-destination .info-child {
    border-right: 1px solid #E5E5E5;
    width: 33.33%;
    text-align: center; }
    .purchase-invoice-receipt .receipt-info .receipt-info-destination .info-child:last-child {
      border-right: 0; }
  .purchase-invoice-receipt .receipt-info .receipt-info-destination .info-child-mobile {
    border-right: 1px solid #E5E5E5;
    width: 50%;
    text-align: center; }
    .purchase-invoice-receipt .receipt-info .receipt-info-destination .info-child-mobile:last-child {
      border-right: 0; }

.purchase-invoice-receipt .receipt-product .margin-bottom-invoice {
  margin-bottom: 80px; }

.purchase-invoice-receipt .receipt-product .invoice-table-total .invoice-grand-total {
  background-color: #464D69;
  color: white;
  font-weight: 700; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 > div {
  padding: 0;
  margin-bottom: 15px; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 > div:nth-child(even) {
  text-align: right; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 > div:nth-child(odd) {
  padding-left: 16px;
  font-weight: 600; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 > span {
  margin-bottom: 15px; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 .grand-total-l_3 {
  font-size: 14px;
  text-align: left !important;
  padding-left: 16px !important; }
  .purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 .grand-total-l_3 > span {
    font-weight: bold !important; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 .grand-total-r_3 {
  font-size: 14px;
  text-align: right !important;
  padding-left: 0 !important; }
  .purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 .grand-total-r_3 > span {
    font-weight: normal !important; }

.purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 .grand-total-r_3b {
  font-size: 14px;
  text-align: right !important;
  padding-left: 0 !important; }
  .purchase-invoice-receipt .receipt-product .c_3_right .total-section_3 .grand-total-r_3b > span {
    font-weight: 600; }

.purchase-invoice-detail-head {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  display: flex;
  margin-right: 13px; }
  .purchase-invoice-detail-head .invoice-detail-child {
    width: 100%;
    border-right: 1px solid #E5E5E5;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .purchase-invoice-detail-head .invoice-detail-child .child-title {
      font-size: 12px; }
    .purchase-invoice-detail-head .invoice-detail-child .child-num {
      font-size: 14px;
      margin-top: 2px; }
    .purchase-invoice-detail-head .invoice-detail-child:first-child {
      padding-left: 20px; }
    .purchase-invoice-detail-head .invoice-detail-child:last-child {
      border-right: 0;
      margin: 0;
      padding: 20px 10px;
      background: #464D69;
      color: white;
      /*justify-content: space-between;
      text-align: left;*/ }
  .purchase-invoice-detail-head img {
    position: absolute;
    top: 0;
    left: 0; }

.delete-invoice-dialog {
  position: relative;
  overflow: unset; }
  .delete-invoice-dialog .dialog-delete-icon {
    width: 100%;
    position: absolute;
    top: -40px; }
  .delete-invoice-dialog .dialog-delete-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 60px; }

.forfix-text-field-country .v-text-field__slot input {
  padding: 14px 8px 8px !important; }

.forfix-text-field-country .v-input__append-inner {
  margin: 6px 8px 0px 0px !important; }

.custom-dropV2 {
  margin-top: -.4rem;
  position: absolute;
  z-index: 1;
  width: 100%; }
  .custom-dropV2 .list-product-cpc {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    border-radius: 0 0 5px 5px; }
    .custom-dropV2 .list-product-cpc::-webkit-scrollbar {
      display: none; }
  .custom-dropV2 .v-list__tile:hover {
    background-color: #FFEEEE; }
    .custom-dropV2 .v-list__tile:hover > div {
      color: #d32f2f; }

.vue-numeric-disabled, .vue-numeric-default, .vue-numeric-discount-total {
  border-radius: 5px 5px 0px 0px; }
  .vue-numeric-disabled > input, .vue-numeric-default > input, .vue-numeric-discount-total > input {
    outline: none;
    width: 100%;
    padding: 10px; }
    @media (min-width: 767px) {
      .vue-numeric-disabled > input, .vue-numeric-default > input, .vue-numeric-discount-total > input {
        text-align: right; } }

.green-add-snk {
  color: #00920E !important; }

.vue-numeric-disabled {
  background: #D9D9D9; }

.vue-numeric-default {
  background: #F9F9F9; }

.vue-numeric-discount-total {
  display: flex;
  align-items: center; }
  .vue-numeric-discount-total > input {
    padding-right: 15px; }
  .vue-numeric-discount-total .suffix-symbol {
    padding: 10px 10px 10px 10px;
    border-radius: 0 5px 0 0;
    background: #D9D9D9; }
  .vue-numeric-discount-total .textfield-solo-total .v-input__control {
    min-height: 41px;
    background: #f9f9f9;
    border-radius: 5px 0px 0px 0px; }
  .vue-numeric-discount-total .textfield-solo-total .v-input__slot {
    padding: 0;
    margin: 0; }
  .vue-numeric-discount-total .textfield-solo-total .v-text-field__details {
    display: none !important; }
  .vue-numeric-discount-total .textfield-solo-total input {
    font-size: 14px; }
    @media (max-width: 767px) {
      .vue-numeric-discount-total .textfield-solo-total input {
        font-size: 12px;
        padding-left: 12px !important; } }
  @media (max-width: 767px) {
    .vue-numeric-discount-total .textfield-solo-total .v-label {
      padding-left: 12px;
      font-size: 12px; } }

.snk-box {
  background: #F2F2F2;
  border-radius: 5px;
  padding: 18px !important; }
  .snk-box .snk-box-header {
    font-size: 18px; }
    @media (max-width: 767px) {
      .snk-box .snk-box-header {
        font-size: 16px; } }
  .snk-box .tnc-combobox .v-input__append-inner i {
    -webkit-transform: none !important;
    transform: none !important; }
  .snk-box .tnc-combobox input {
    padding-left: 0 !important; }
  .snk-box .tnc-combobox .v-text-field__prefix {
    text-align: left;
    width: 100%;
    max-width: 18px;
    padding-right: 0;
    margin-right: 4px; }

.catatan-opsional .v-input__slot {
  padding: 12px !important;
  box-shadow: none !important;
  border: 1px solid #e0e0e0;
  border-radius: 5px; }
  .catatan-opsional .v-input__slot textarea {
    font-size: 14px;
    margin-top: 0 !important;
    padding: 0 !important;
    caret-color: #000000 !important; }

@media (max-width: 767px) {
  .catatan-opsional .v-input__slot textarea {
    font-size: 12px; } }

.txtarea-36 textarea {
  height: 36px !important; }

.txt-delete-mobile-pos {
  position: absolute;
  top: 0px;
  right: 0px; }

.link-hover {
  cursor: pointer; }
  .link-hover:hover {
    text-decoration: underline; }

.label-pos {
  position: absolute;
  top: -20px; }
  .label-pos-total {
    position: absolute;
    top: -20px;
    left: 10px; }

.vue-box-copy {
  position: relative;
  display: inline-block;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0px 0px;
  width: 100%;
  height: 34.7px; }
  .vue-box-copy .vue-box-label {
    font-size: 10px;
    color: #0000008A !important; }
  .vue-box-copy > input {
    margin-bottom: -2px;
    outline: none;
    width: 100%;
    padding: 8px 8px 8px;
    caret-color: #d32f2f; }
  @media (max-width: 767px) {
    .vue-box-copy {
      height: 33.5px; }
      .vue-box-copy input {
        font-size: 12px !important; } }

.vue-box-copy-error::before {
  height: .5px !important;
  background-color: #d32f2f !important; }

.vue-box-copy-disabled {
  margin-bottom: -2px;
  width: 100%;
  padding: 6px 8px 6px;
  background-color: #d9d9d9 !important;
  border-radius: 5px 5px 0 0 !important; }
  .vue-box-copy-disabled > span:last-child {
    color: #888888 !important; }
  .vue-box-copy-disabled .vue-box-label {
    position: absolute;
    top: -16px;
    left: 1px; }
  .vue-box-copy-disabled::before {
    background-color: rgba(0, 0, 0, 0.25) !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0, rgba(0, 0, 0, 0.38) 33%, transparent 0); }
  @media (max-width: 767px) {
    .vue-box-copy-disabled > span:last-child {
      font-size: 12px !important; } }

.vue-box-copy::after,
.vue-box-copy::before {
  content: ' ';
  width: 0%;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); }

.vue-box-copy::before {
  width: 100%;
  height: .5px;
  background-color: rgba(0, 0, 0, 0.42);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x; }

.vue-box-copy:hover::before {
  height: .5px;
  background-color: rgba(0, 0, 0, 0.87); }

.vue-box-copy::after {
  bottom: -1px;
  height: 2.1px !important;
  background-color: #d32f2f !important; }

.vue-box-copy:hover::after {
  height: 2.1px !important;
  background-color: #d32f2f !important; }

.vue-box-copy:focus-within::after {
  bottom: -1px;
  width: 100%; }

@media (max-width: 767px) {
  .product-detail-table {
    margin: 0 9px; } }

.product-detail-table .product-detail-header {
  margin-top: auto !important;
  padding: 10px 0;
  background-color: #484848; }
  .product-detail-table .product-detail-header > div {
    padding: 6px 0 6px 12px !important;
    font-weight: 500;
    color: white; }
  .product-detail-table .product-detail-header .tooltip-header {
    height: 21px;
    margin-top: -8px;
    margin-left: -8px; }
    .product-detail-table .product-detail-header .tooltip-header .info-round-inverted {
      background-color: #1e88e5;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      position: relative; }
      .product-detail-table .product-detail-header .tooltip-header .info-round-inverted i {
        font-size: 9px;
        color: white;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }

.product-detail-table .detail-lihat-penawaran {
  padding: 10px 0;
  background-color: #484848; }
  .product-detail-table .detail-lihat-penawaran > div {
    padding: 6px 0 6px 0;
    font-weight: 500;
    color: white; }

.product-detail-table .product-detail-body {
  padding: 20px 0px;
  display: flex;
  align-items: baseline; }
  @media (max-width: 767px) {
    .product-detail-table .product-detail-body {
      padding: 20px 0 0 0 !important; } }
  .product-detail-table .product-detail-body:not(:last-child) {
    border-bottom: 1px solid #F0F0F0; }
  @media (min-width: 767px) {
    .product-detail-table .product-detail-body > div {
      padding: 0 5px !important; }
      .product-detail-table .product-detail-body > div:not(:first-child), .product-detail-table .product-detail-body > div:not(:last-child) {
        padding: 0 5px !important; }
      .product-detail-table .product-detail-body > div:first-child {
        padding: 0 5px 0 0 !important; }
      .product-detail-table .product-detail-body > div:last-child {
        padding: 0 0 0 5px !important; } }
  @media (max-width: 767px) {
    .product-detail-table .product-detail-body > div {
      padding: 0 3px !important; }
      .product-detail-table .product-detail-body > div:nth-child(3) {
        padding: 0 3px 0 0 !important; }
      .product-detail-table .product-detail-body > div:nth-child(5) {
        padding: 0 0 0 3px !important; }
      .product-detail-table .product-detail-body > div:not(:last-child) {
        margin-bottom: 20px; } }

.border-bottom-98 {
  border-bottom: 1px solid #989898; }

.txtarea-36 textarea {
  height: 36px !important; }

.textarea-default_2 {
  margin-top: 0 !important; }
  .textarea-default_2 .v-input__slot::before {
    background-color: #B5B5B5;
    height: .8px !important; }
  .textarea-default_2 .v-input__slot .v-text-field__slot {
    background-color: #f9f9f9;
    border-radius: 5px 5px 0 0; }
    .textarea-default_2 .v-input__slot .v-text-field__slot textarea {
      padding: 8px;
      font-size: 14px;
      line-height: 24px;
      height: 36px; }
  .textarea-default_2 .v-text-field__details {
    display: none !important; }

.textarea-disabled_2 .v-text-field__slot {
  background-color: #DCDCDC; }

.textarea-default_3.v-input--is-disabled .v-input__slot {
  background-color: inherit !important;
  transition: none !important; }

.textarea-default_3 .v-input__slot {
  transition: none !important;
  background-color: #f9f9f9 !important;
  border-radius: 5px 5px 0 0; }

.textarea-default_3 textarea {
  padding: 12px;
  font-size: 14px; }
  @media (max-width: 767px) {
    .textarea-default_3 textarea {
      font-size: 12px !important; } }

.select-default_3 {
  outline: none;
  height: 41px;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0 0; }

@media (max-width: 767px) {
  .textarea-default_2 .v-label {
    font-size: 12px !important; }
  .textarea-default_2 textarea {
    font-size: 12px !important; } }

.textarea-default_2 .v-label {
  font-size: 14px;
  padding-left: 8px; }

.textarea-default_2 .v-label--active {
  padding-left: 0 !important; }

.select-autocomplete-default_2 {
  margin-top: 0 !important; }
  .select-autocomplete-default_2 .v-input__slot::before {
    height: .8px !important; }
  .select-autocomplete-default_2 .v-input__slot .v-menu {
    background-color: #F9F9F9;
    border-radius: 5px 5px 0px 0px; }
  .select-autocomplete-default_2 .v-input__slot .v-select__slot {
    border-radius: 5px 5px 0 0;
    background-color: #F9F9F9; }
    .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label {
      font-size: 14px;
      padding-left: 8px;
      color: #9B9B9B; }
    .select-autocomplete-default_2 .v-input__slot .v-select__slot > input {
      font-size: 14px; }
    .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label--active {
      padding-left: 0;
      top: 0;
      left: 0; }
    .select-autocomplete-default_2 .v-input__slot .v-select__slot i {
      color: #9B9B9B; }
  .select-autocomplete-default_2 .v-text-field__details {
    display: none !important; }

.select-autocomplete-default_2.v-input--is-disabled .v-menu {
  background-color: #dcdcdc !important; }

.select-autocomplete-default_2.v-input--is-disabled input {
  color: #000 !important; }

@media (max-width: 767px) {
  .select-autocomplete-default_2 input {
    font-size: 12px !important; }
  .select-autocomplete-default_2 .v-label {
    font-size: 12px !important; } }

.select-field-default_2, .select-field-total-default_2 {
  margin-top: 0 !important; }
  .select-field-default_2 .v-select__slot, .select-field-total-default_2 .v-select__slot {
    border-radius: 5px 5px 0 0;
    background-color: #F9F9F9; }
  .select-field-default_2 .v-input__slot::before, .select-field-total-default_2 .v-input__slot::before {
    height: 0.8px !important; }
  .select-field-default_2 .v-menu, .select-field-total-default_2 .v-menu {
    background-color: #F9F9F9;
    border-radius: 5px 5px 0px 0px; }
  .select-field-default_2 .v-select__slot .v-label, .select-field-total-default_2 .v-select__slot .v-label {
    font-size: 14px;
    padding-left: 8px;
    color: #9B9B9B; }
  .select-field-default_2 .v-select__slot .v-label--active, .select-field-total-default_2 .v-select__slot .v-label--active {
    padding-left: 0;
    top: 0;
    left: 0; }
  .select-field-default_2 .v-select__slot i, .select-field-total-default_2 .v-select__slot i {
    color: #9B9B9B; }
  .select-field-default_2 .v-select__selections, .select-field-total-default_2 .v-select__selections {
    padding-left: 8px; }
    .select-field-default_2 .v-select__selections > div, .select-field-total-default_2 .v-select__selections > div {
      font-size: 14px; }
  .select-field-default_2 .v-text-field__details, .select-field-total-default_2 .v-text-field__details {
    display: none !important; }

@media (max-width: 767px) {
  .select-field-default_2 .v-select__selection {
    font-size: 12px !important; } }

.disabled-sftd .v-select__slot {
  background-color: #d9d9d9 !important; }

.select-field-total-default_2 .v-select__slot {
  height: 41px;
  display: flex;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0 0; }

.select-field-total-default_2 .v-input__append-inner {
  margin: auto; }

@media (min-width: 767px) {
  .select-field-total-default_2 .v-select__selections {
    direction: rtl; } }

.select-field-total-default_2 .v-select__selection {
  font-size: 14px; }

.select-field-total-default_2 .v-text-field__details {
  display: none !important; }

.select-field-total-default_2 .v-input__slot {
  margin-bottom: 0 !important; }
  @media (min-width: 767px) {
    .select-field-total-default_2 .v-input__slot::before {
      display: none !important; }
    .select-field-total-default_2 .v-input__slot::after {
      display: none !important; } }

@media (max-width: 767px) {
  .select-field-total-default_2 .v-select__selection {
    font-size: 12px !important; } }

.textarea-disabled_2, .txt-field-disabled_2, .txt-field-default_2-discount, .txt-field-default_2 {
  margin-top: 0 !important; }
  .textarea-disabled_2 .v-input__slot::before, .txt-field-disabled_2 .v-input__slot::before, .txt-field-default_2-discount .v-input__slot::before, .txt-field-default_2 .v-input__slot::before {
    background-color: #B5B5B5 !important; }
  .textarea-disabled_2 .v-input__slot .v-text-field__slot, .txt-field-disabled_2 .v-input__slot .v-text-field__slot, .txt-field-default_2-discount .v-input__slot .v-text-field__slot, .txt-field-default_2 .v-input__slot .v-text-field__slot {
    border-radius: 5px 5px 0px 0px; }
    .textarea-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-default_2-discount .v-input__slot .v-text-field__slot label, .txt-field-default_2 .v-input__slot .v-text-field__slot label {
      padding-left: 8px;
      color: #9B9B9B;
      font-size: 14px; }
    .textarea-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2-discount .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2 .v-input__slot .v-text-field__slot .v-label--active {
      padding-left: 0;
      top: 0; }
    .textarea-disabled_2 .v-input__slot .v-text-field__slot input, .txt-field-disabled_2 .v-input__slot .v-text-field__slot input, .txt-field-default_2-discount .v-input__slot .v-text-field__slot input, .txt-field-default_2 .v-input__slot .v-text-field__slot input {
      padding-left: 8px;
      font-size: 14px; }
  .textarea-disabled_2 .v-input__slot:hover::before, .txt-field-disabled_2 .v-input__slot:hover::before, .txt-field-default_2-discount .v-input__slot:hover::before, .txt-field-default_2 .v-input__slot:hover::before {
    background-color: #000 !important; }
  .textarea-disabled_2 .v-text-field__slot, .txt-field-disabled_2 .v-text-field__slot, .txt-field-default_2-discount .v-text-field__slot, .txt-field-default_2 .v-text-field__slot {
    background-color: #F9F9F9; }
  .textarea-disabled_2 .v-text-field__details, .txt-field-disabled_2 .v-text-field__details, .txt-field-default_2-discount .v-text-field__details, .txt-field-default_2 .v-text-field__details {
    display: none; }

.txt-field-disabled_2 .v-text-field__slot {
  background-color: #DCDCDC; }

.txt-field-disabled_2 input {
  color: black !important; }
  @media (max-width: 767px) {
    .txt-field-disabled_2 input {
      font-size: 12px !important; } }

@media (max-width: 767px) {
  .txt-field-default_2-discount input {
    font-size: 12px !important; } }

.txt-field-default_2-discount .v-text-field__suffix {
  padding-left: 0;
  padding-right: 10px;
  font-size: 14px; }
  @media (max-width: 767px) {
    .txt-field-default_2-discount .v-text-field__suffix {
      font-size: 12px;
      padding-right: 6px; } }

@media (max-width: 767px) {
  .txt-field-default_2-discount .v-label {
    font-size: 12px !important; } }

@media (max-width: 767px) {
  .txt-field-default_2 .v-label {
    font-size: 12px !important; }
  .txt-field-default_2 input {
    font-size: 12px !important; } }

.txt-field-input-center input {
  text-align: center; }

.stillActive-label .v-text-field__slot label {
  color: #d32f2f !important; }

.dropdown-select-fs {
  border-radius: 0 0 5px 5px !important; }
  .dropdown-select-fs .v-list__tile__title {
    font-size: 14px; }
    @media (max-width: 767px) {
      .dropdown-select-fs .v-list__tile__title {
        font-size: 12px !important; } }
  .dropdown-select-fs .v-list__tile {
    font-size: 14px; }
    @media (max-width: 767px) {
      .dropdown-select-fs .v-list__tile {
        font-size: 12px !important; } }

.dropdown-tile-title {
  max-width: 0% !important; }
  .dropdown-tile-title .v-list__tile__title {
    width: 100%; }

.no-photo-preset {
  padding: 4px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #bebebe;
  font-size: 10px; }
  @media (max-width: 767px) {
    .no-photo-preset {
      padding: 0 2px; }
      .no-photo-preset > P {
        font-size: 6px; }
      .no-photo-preset > i {
        font-size: 10px;
        margin-bottom: 10px; } }

.discard-img {
  z-index: 2;
  right: 0px;
  top: 0px;
  border-left: 1px dashed #bebebe;
  border-bottom: 1px dashed #bebebe; }
  @media (max-width: 767px) {
    .discard-img {
      width: 25px; } }

.show-m {
  display: none; }
  @media (max-width: 766px) {
    .show-m {
      display: block; } }
  .show-m-i {
    display: none !important; }
    @media (max-width: 766px) {
      .show-m-i {
        display: block !important; } }
  @media (min-width: 766px) {
    .show-m-only {
      display: none !important; } }

.show-m-f {
  display: none; }
  @media (max-width: 766px) {
    .show-m-f {
      display: flex; } }

@media (max-width: 767px) {
  .hide-m-only {
    display: none !important; } }

@media (max-width: 767px) {
  .hide-m {
    display: none; } }

.hide-m-c {
  display: contents; }
  @media (max-width: 767px) {
    .hide-m-c {
      display: none; } }

.skeleton {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  background-color: #DDDBDD;
  border-radius: 10px; }

.skeleton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 255, 255, 0.5));
  animation: shimmer 2s infinite;
  content: ''; }

@keyframes shimmer {
  100% {
    transform: translateX(100%); } }

.rotate-180, .user-block .v-menu__activator--active .fa-caret-down {
  -o-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important; }

.transition-default, .user-block .v-menu__activator .fa-caret-down, .user-block .v-menu__activator--active .fa-caret-down, .red-btn-outline, .red-btn-outline:hover, .red-btn-block, .red-btn-block:hover, .custom-dropV2 .v-list__tile, .custom-dropV2 .v-list__tile:hover, .custom-dropV2 .v-list__tile:hover > div, .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label, .select-autocomplete-default_2 .v-input__slot .v-select__slot .v-label--active, .select-field-default_2 .v-select__slot .v-label, .select-field-total-default_2 .v-select__slot .v-label, .select-field-default_2 .v-select__slot .v-label--active, .select-field-total-default_2 .v-select__slot .v-label--active, .textarea-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-disabled_2 .v-input__slot .v-text-field__slot label, .txt-field-default_2-discount .v-input__slot .v-text-field__slot label, .txt-field-default_2 .v-input__slot .v-text-field__slot label, .textarea-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-disabled_2 .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2-discount .v-input__slot .v-text-field__slot .v-label--active, .txt-field-default_2 .v-input__slot .v-text-field__slot .v-label--active, .rd-wrapper .rd-card, .rd-wrapper .rd-card:hover, .message-user-container .message-user-list .chat-user-list-box .menu-hover {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  transition-property: all !important;
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  transition-delay: 0s !important; }

.bnpl-stepper .v-stepper__header {
  box-shadow: none; }

.bnpl-stepper .v-stepper__content {
  padding: 0 0 16px 0; }

.bnpl-stepper .v-stepper__step--active .v-stepper__step__step {
  background-color: #DD1F26 !important;
  border-color: #DD1F26 !important; }

.bnpl-stepper .bg-img {
  position: absolute;
  top: 0;
  left: 0; }
  .bnpl-stepper .bg-img img {
    position: absolute;
    top: 0;
    left: 0; }

.bnpl-stepper .button-section {
  border-bottom: none;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.total-paylater-wrapper {
  font-size: 12px; }
  .total-paylater-wrapper > div {
    display: flex;
    justify-content: space-between; }
    .total-paylater-wrapper > div :not(:last-child) {
      margin-bottom: 10px; }

.small-icon-info {
  width: 20px !important;
  height: 20px !important; }

.limit-list-card-wrapper {
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); }

.rd-wrapper {
  background-color: #F3F5F9 !important;
  padding: 20px 16px !important; }
  .rd-wrapper .rd-card {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    background-color: white; }
    .rd-wrapper .rd-card:not(:last-child) {
      margin-bottom: 15px; }
    .rd-wrapper .rd-card:hover {
      box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; }
    .rd-wrapper .rd-card .copy-wrapper {
      padding: 20px 20px 0px 20px;
      border-radius: 0 10px 10px 50px;
      background-color: #DD1F26;
      color: white;
      cursor: pointer; }
    .rd-wrapper .rd-card .rd-content {
      padding: 15px 0 15px 15px; }

.radio-group-default {
  margin-top: 0 !important;
  padding-top: 0 !important; }
  .radio-group-default .v-input__slot {
    margin-bottom: 8px !important;
    margin-top: 0 !important; }
  .radio-group-default .v-radio {
    margin-bottom: 0 !important; }
  .radio-group-default-lchild {
    margin-top: 0 !important;
    padding-top: 0 !important; }
    .radio-group-default-lchild .v-input__slot {
      margin-bottom: 8px !important;
      margin-top: 0 !important; }
    @media (min-width: 600px) {
      .radio-group-default-lchild .v-radio {
        margin-bottom: 0 !important; } }
    @media (max-width: 600px) {
      .radio-group-default-lchild .v-input--radio-group__input {
        display: flex;
        flex-direction: column !important; } }

.typography-bnpl-wrapper-1 h1, .typography-bnpl-wrapper-1 div {
  font-size: 2rem !important; }

.typography-bnpl-wrapper-2 {
  display: flex; }

.loan-detail-layout > div:nth-child(even) {
  text-align: right; }

.loan-detail-layout > div:not(:nth-last-child(2)) {
  margin-bottom: 20px; }

.loan-detail-layout > div:last-child {
  margin-bottom: 0; }

.loading-dot-flashing {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: lightgrey;
  color: lightgrey;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: .5s; }

.loading-dot-flashing::before, .loading-dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0; }

.loading-dot-flashing::before {
  left: -8px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: lightgrey;
  color: lightgrey;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s; }

.loading-dot-flashing::after {
  left: 8px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: lightgrey;
  color: lightgrey;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s; }

@keyframes dotFlashing {
  0% {
    background-color: lightgrey; }
  50%,
  100% {
    background-color: #ededed; } }

.mobile-searchfield-favorite {
  /* margin: 0 !important; */
  border: solid 2px red;
  border-radius: 10px; }

.default-border-bottom {
  border-bottom: 1px solid #E5E5E5; }

.mobile-searchfield-favorite .v-input__control {
  min-height: unset !important;
  align-items: center !important;
  height: 35px; }

.favorite-field {
  padding: 12px; }

.favorite-main {
  padding: 2px !important; }

.favorite-sub {
  padding: 0 2px !important; }

.favorite-card {
  padding: 10px;
  background-color: white;
  border: solid 0.5px black;
  border-radius: 7px;
  position: relative;
  /* text-align: center; */ }

.favorite-block {
  display: block !important; }

.p-10 {
  padding: 10px; }

@media (min-width: 959px) {
  .favorite-main {
    padding: 12px !important; }
  .favorite-sub {
    padding: 0 12px !important; }
  .trash-btn {
    display: none; }
  .card-show {
    display: none !important; }
  .back {
    height: calc(100vh - 200px); }
  .quotation-disc-height {
    height: 500px !important; } }

@media (max-width: 958px) {
  body {
    font-size: 12px !important; }
  .app-card .app-card-title {
    padding-bottom: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important; }
  .app-card .app-card-content {
    padding-top: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important; }
  .trash-btn {
    display: block; }
  .alert-padding {
    padding: 5px; }
  .table-show {
    display: none !important; }
  .back {
    height: calc(100vh - 118px); }
  .quotation-disc-height {
    height: 470px !important; }
  .mobile-menu {
    display: none; }
  .chat-bubble-show {
    display: none; }
  .mobile-ma-0 {
    margin: 0px !important; }
  .mobile-ma-1 {
    margin: 4px !important; }
  .mobile-ma-2 {
    margin: 8px !important; }
  .mobile-ma-3 {
    margin: 16px !important; }
  .mobile-ma-4 {
    margin: 24px !important; }
  .mobile-ma-5 {
    margin: 48px !important; }
  .mobile-mt-0 {
    margin-top: 0px !important; }
  .mobile-mt-1 {
    margin-top: 4px !important; }
  .mobile-mt-10 {
    margin-top: 10px !important; }
  .mobile-mt-2 {
    margin-top: 8px !important; }
  .mobile-mt-3 {
    margin-top: 16px !important; }
  .mobile-mt-4 {
    margin-top: 24px !important; }
  .mobile-mt-5 {
    margin-top: 48px !important; }
  .mobile-mb-0 {
    margin-bottom: 0px !important; }
  .mobile-mb-1 {
    margin-bottom: 4px !important; }
  .mobile-mb-2 {
    margin-bottom: 8px !important; }
  .mobile-mb-3 {
    margin-bottom: 16px !important; }
  .mobile-mb-4 {
    margin-bottom: 24px !important; }
  .mobile-mb-5 {
    margin-bottom: 48px !important; }
  .mobile-mb-40 {
    margin-bottom: 40px !important; }
  .mobile-mb-60 {
    margin-bottom: 60px !important; }
  .mobile-mb-70 {
    margin-bottom: 70px !important; }
  .mobile-mr-0 {
    margin-right: 0px !important; }
  .mobile-mr-1 {
    margin-right: 4px !important; }
  .mobile-mr-2 {
    margin-right: 8px !important; }
  .mobile-mr-3 {
    margin-right: 16px !important; }
  .mobile-mr-4 {
    margin-right: 24px !important; }
  .mobile-mr-5 {
    margin-right: 48px !important; }
  .mobile-ml-0 {
    margin-left: 0px !important; }
  .mobile-ml-1 {
    margin-left: 4px !important; }
  .mobile-ml-2 {
    margin-left: 8px !important; }
  .mobile-ml-3 {
    margin-left: 16px !important; }
  .mobile-ml-4 {
    margin-left: 24px !important; }
  .mobile-ml-5 {
    margin-left: 48px !important; }
  .mobile-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mobile-pa-0 {
    padding: 0px !important; }
  .mobile-pa-1 {
    padding: 4px !important; }
  .mobile-pa-2 {
    padding: 8px !important; }
  .mobile-pa-3 {
    padding: 16px !important; }
  .mobile-pa-4 {
    padding: 24px !important; }
  .mobile-pa-5 {
    padding: 48px !important; }
  .mobile-pt-0 {
    padding-top: 0px !important; }
  .mobile-pt-1 {
    padding-top: 4px !important; }
  .mobile-pt-2 {
    padding-top: 8px !important; }
  .mobile-pt-3 {
    padding-top: 16px !important; }
  .mobile-pt-4 {
    padding-top: 24px !important; }
  .mobile-pt-5 {
    padding-top: 48px !important; }
  .mobile-pb-0 {
    padding-bottom: 0px !important; }
  .mobile-pb-1 {
    padding-bottom: 4px !important; }
  .mobile-pb-2 {
    padding-bottom: 8px !important; }
  .mobile-pb-3 {
    padding-bottom: 16px !important; }
  .mobile-pb-4 {
    padding-bottom: 24px !important; }
  .mobile-pb-5 {
    padding-bottom: 48px !important; }
  .mobile-pr-0 {
    padding-right: 0px !important; }
  .mobile-pr-1 {
    padding-right: 4px !important; }
  .mobile-pr-2 {
    padding-right: 8px !important; }
  .mobile-pr-3 {
    padding-right: 16px !important; }
  .mobile-pr-4 {
    padding-right: 24px !important; }
  .mobile-pr-5 {
    padding-right: 48px !important; }
  .mobile-pl-0 {
    padding-left: 0px !important; }
  .mobile-pl-1 {
    padding-left: 4px !important; }
  .mobile-pl-2 {
    padding-left: 8px !important; }
  .mobile-pl-3 {
    padding-left: 16px !important; }
  .mobile-pl-4 {
    padding-left: 24px !important; }
  .mobile-pl-5 {
    padding-left: 48px !important; }
  .mobile-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .mobile-px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important; }
  .mobile-px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .mobile-px-3 {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .mobile-px-4 {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .mobile-px-5 {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .mobile-px-6 {
    padding-left: 6px !important;
    padding-right: 6px !important; }
  .mobile-pos-fixed {
    position: fixed !important; }
  .shadow-box-mobile {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
  .mobile-fs-10 {
    font-size: 10px !important; }
  .mobile-fs-11 {
    font-size: 11px !important; }
  .mobile-fs-12 {
    font-size: 12px !important; }
  .mobile-fs-13 {
    font-size: 13px !important; }
  .mobile-fs-14 {
    font-size: 14px !important; }
  .mobile-fs-15 {
    font-size: 15px !important; }
  .mobile-fs-16 {
    font-size: 16px !important; }
  .mobile-w-100 {
    width: 100% !important; }
  .mobile-w-60 {
    width: 60% !important; }
  .mobile-w-50 {
    width: 50% !important; }
  .mobile-w-40 {
    width: 40% !important; }
  .mobile-w-155px {
    width: 155px !important; }
  .mobile-w-180px {
    width: 180px !important; }
  .mobile-max-w-100 {
    max-width: 100% !important; }
  .mobile-text-center {
    text-align: center !important; }
  .mobile-text-right {
    text-align: right !important; }
  .mobile-text-left {
    text-align: left !important; }
  .mobile-d-flex {
    display: flex !important; }
  .mobile-d-none {
    display: none !important; }
  .mobile-d-block {
    display: block !important; }
  .mobile-h-56 {
    height: 56px !important; }
  .mobile-h-32px {
    height: 32px !important; }
  .mobile-mt-56px {
    margin-top: 56px !important; }
  .mobile-mt-38px {
    margin-top: 38px !important; }
  .mobile-mt-35px {
    margin-top: 35px !important; }
  .mobile-mt-130px {
    margin-top: 130px !important; }
  .mobile-shadow-up-10 {
    box-shadow: 0 -6px 6px -3px #00000033, 0 -10px 14px 1px #00000024, 0 -4px 18px 3px #0000001f; }
  .chat-height3 {
    height: calc(100vh - 150px) !important;
    max-height: unset !important; }
  .search-result-border {
    border: 0 !important;
    text-align: center;
    padding: 0 !important;
    margin-top: 10px; }
    .search-result-border h1 {
      font-size: 1.75rem !important; }
  .searchresult {
    box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.25);
    padding: 0 !important;
    border: 0 !important;
    display: block !important; }
  .search-border-right {
    border-right: 0 !important; }
  .chat-area-header-m {
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%; }
  .chat-footer {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px; }
  .chat-area-mobile {
    padding: 45px 0 30px 0; }
  .main-chat-area {
    height: calc(100vh - 74px) !important; }
  .chat-body {
    padding: 65px 10px 0 !important; }
  .pending-invite {
    padding: 8px !important; }
  .landing-page .section-1 {
    height: calc(100vh - 117px) !important; }
    .landing-page .section-1 h3 {
      font-size: 20px !important; }
  .landing-page .section-2 {
    padding: 40px 20px !important; }
    .landing-page .section-2 h4 {
      font-size: 16px !important; }
    .landing-page .section-2 p {
      font-size: 14px !important; }
    .landing-page .section-2 .card-img {
      padding: 0 45px; }
  .landing-page .section-3 {
    background-image: url(https://resources.indotrading.com/frontend/cssv2/upgradebuyer/images/background4.jpg); }
    .landing-page .section-3 .opacity {
      background: rgba(180, 6, 43, 0.6); }
    .landing-page .section-3 .padding {
      padding-top: 135px;
      padding-bottom: 120px; }
  .landing-page .section-4 h3 {
    font-size: 20px !important; }
  .landing-page .section-4 .advantages {
    font-size: 14px !important; }
  .landing-page .section-5 {
    background-image: url(https://resources.indotrading.com/frontend/cssv2/upgradebuyer/images/background4.jpg);
    color: #b4062b; }
    .landing-page .section-5 h4 {
      font-size: 16px !important; }
    .landing-page .section-5 p {
      font-size: 14px !important; }
    .landing-page .section-5 .opacity {
      background: rgba(255, 255, 255, 0.9); }
    .landing-page .section-5 .padding {
      padding-top: 60px;
      padding-bottom: 120px; }
  .landing-page .container-landing {
    width: 95% !important;
    max-width: 1500px !important;
    margin: auto;
    opacity: unset; }
    .landing-page .container-landing strong {
      font-size: 30px !important; }
  .trusted-buyer .part-1 {
    height: calc(100vh - 117px) !important; }
    .trusted-buyer .part-1 .trusted-title {
      font-size: 35px !important; }
    .trusted-buyer .part-1 .trusted-subtitle {
      font-size: 16px !important; }
  .trusted-buyer .part-4 {
    padding: 60px 0; }
    .trusted-buyer .part-4 ul {
      list-style-type: none;
      padding: 0; }
      .trusted-buyer .part-4 ul li {
        display: flex;
        align-items: center;
        padding-bottom: 8px; }
      .trusted-buyer .part-4 ul i {
        font-size: 25px;
        color: #2196f3; }
  .trusted-buyer h1 {
    font-size: 45px !important; }
  .trusted-buyer h2 {
    font-size: 32px !important; }
  .trusted-buyer h3 {
    font-size: 32px; }
  .custom-header-pos .custom-head-top {
    top: 65px; }
  .custom-header-pos .custom-head-mt {
    margin-top: 0 !important; }
  .favorite-card {
    padding: 5px !important; } }

.img-favorite {
  height: 100px;
  max-width: 85% !important; }

.icon-margin {
  margin-right: 10px; }

.membership-icon-favorit {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2px;
  right: 2px; }

.trash-btn {
  position: absolute;
  top: 2px;
  left: 2px; }

.back-btn {
  position: absolute;
  left: 10px; }

.favorite-card:hover .trash-btn {
  display: block; }

.favorite-card h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-1-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-2-clamp {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-3-clamp {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-10-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden; }

@media only screen and (max-width: 959px) {
  .container {
    padding: 10px; } }

.dialog-title {
  align-items: center;
  justify-content: center;
  background-color: red;
  color: white;
  font-weight: bolder;
  font-size: 20px;
  text-transform: uppercase; }

.dialog-footer {
  align-items: center;
  justify-content: center;
  padding-bottom: 18px; }

.dialog-body {
  text-align: center; }

.header {
  font-size: 20px;
  font-weight: bold;
  /* text-transform: uppercase; */
  margin-bottom: 7px; }

.sub-header {
  font-size: 14px; }

.header-dialog {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase; }

.sub-header-dialog {
  font-size: 12px;
  margin: 0; }

.header-bg {
  background-color: #595a5c;
  color: white;
  padding: 10px 15px; }

.subheader {
  padding: 10px 15px; }

.separator {
  font-size: 41px;
  padding: 0 19px; }

.fileContainer {
  position: relative; }

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  font-size: 16px;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 0px;
  text-align: center;
  top: 7px;
  z-index: -1;
  outline: none; }

.fileContainer [type=file]:focus {
  outline: none; }

.outline-none {
  outline: none; }

/* Example stylistic flourishes */
.fileContainer {
  color: #DD1F26;
  font-size: 14px;
  /* border-radius: .5em; */
  /* float: left; */
  padding: .5em 1.5em;
  font-weight: 600; }

.fileContainer {
  cursor: pointer; }

.card-padding {
  margin: 5px;
  border: solid 1px black; }

.card-padding2 {
  margin: 0 7px 7px;
  padding: 15px;
  /* border-top: solid 4px #D21F3C; */
  /* border-radius: 10px; */
  /* box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.46); */
  font-size: 12px !important;
  /* background-color: $pri]]] !important; */ }

.card-header {
  /* background-color: red;
    color: white;
    font-weight: bold; */
  /* padding: 5px; */
  display: flex;
  align-items: center;
  margin-bottom: 12px; }

.card-body {
  /* padding: 5px; */
  color: black !important; }

.card-box {
  display: flex; }

.card-text-list {
  margin: 0;
  padding: 0 7px; }

.list .v-list__tile {
  height: fit-content;
  padding: 0;
  align-items: flex-start; }

.item-name {
  white-space: unset;
  word-break: break-all;
  padding-right: 30px;
  font-size: 12px; }

.item-quantity {
  font-size: 12px; }

.black-text {
  color: black; }

.btn-box {
  text-align: right;
  padding-top: 10px;
  padding-left: 8px; }

.btn-width {
  width: 38%;
  margin: 6px 4px; }

.btn-width2 {
  width: 72%;
  margin: 6px 4px; }

.rfq-yellow {
  max-width: 50px; }

.type-div {
  width: 100%;
  text-align: right; }

.type-capsule {
  border: solid 2px #5D92F4;
  color: #5D92F4;
  border-radius: 10px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 9px; }

.expired-capsule {
  border: solid 2px red;
  color: red;
  border-radius: 10px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 9px; }

.success-capsule {
  border: solid 2px green;
  color: green;
  border-radius: 10px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 9px; }

.card-subtitle {
  margin-right: 30px; }

.card-subtitle2 {
  margin-right: 31px; }

.title-padding {
  padding: 5px 16px; }

/* .search-textfield {
    margin-bottom: 10px;
} */
.search-textfield .v-input__control .v-input__slot {
  /* border: solid 1px black; */
  background-color: #e6e7e8 !important;
  border-radius: 15px !important;
  height: 30px; }

.search-textfield .v-input__control {
  min-height: unset !important; }

.search-textfield .v-input--is-focused {
  color: black !important; }

/* .v-text-field input {
    padding: 0 !important;
} */
.tabs-shadow .v-tabs__bar {
  box-shadow: 0 0px 7px 4px rgba(0, 0, 0, 0.1); }

.date-box {
  display: flex; }

.date-select {
  margin-right: 10px; }

.date-select-2 i.v-icon {
  font-size: 16px; }

.search-title {
  text-transform: uppercase; }

#styled-input {
  height: 40px;
  font-size: 12px !important;
  /* padding: 0 10px;
background-color: #e6e7e8;
border-radius: 10px; */ }

.styled-input label[for] {
  height: 40px;
  font-size: 12px !important; }

.v-tabs__item--active {
  color: #dd1f26 !important; }

.v-label {
  font-size: 12px !important; }

.close-btn {
  position: absolute;
  right: 10px; }

.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
  margin-bottom: 0 !important; }

.footheader {
  background-color: #dd1f26;
  color: white;
  padding: 10px;
  margin-bottom: 10px; }

.footheader2top {
  background-color: #dd1f26;
  color: white;
  padding: 8px 8px 0;
  font-size: 12px; }

.footheader2bottom {
  background-color: #dd1f26;
  color: white;
  padding: 0 8px 8px;
  margin-bottom: 5px;
  font-size: 12px; }

.footheader3 {
  background-color: #dd1f26;
  color: white;
  padding: 8px;
  margin-bottom: 5px;
  font-size: 12px; }

.footheader2 p {
  margin: 0; }

.status {
  color: #f9af18; }

.detail-bg {
  background-color: #A5A7B2;
  color: white; }

.chatheight {
  height: calc(100vh - 175px); }

.white-text {
  color: white; }

.tag-seller {
  background-color: #00f;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.tag-buyer {
  background-color: #f9af18;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.note {
  font-size: 14px;
  margin-top: -147px; }

.note2 {
  font-size: 14px; }

.side-padding {
  padding-left: 16px;
  padding-right: 16px; }

.tag-seller {
  background-color: #00f;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.tag-buyer {
  background-color: #f9af18;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.disc-box {
  background-color: #efefef;
  padding: 5px 10px; }

.disc {
  padding: 10px;
  background-color: white; }

.product-item {
  padding: 12px 0 !important; }

.info-harga {
  font-size: 13px;
  padding-left: 16px; }

.quotation-disc {
  height: calc(100vh - 484px); }

.info-divider {
  border-bottom: solid 1px #ddd;
  padding: 0; }

.tile-left {
  margin-left: -16px; }

.tile-right {
  margin-right: -16px; }

.warning-black {
  color: black;
  margin-bottom: 0px; }

.warning-red {
  color: red;
  font-weight: bolder;
  margin-bottom: 0px; }

.warning-info {
  color: black;
  font-weight: bolder;
  margin-bottom: 0px; }

.title-1 {
  text-align: right; }

.product-name {
  word-break: break-word;
  width: auto;
  white-space: normal;
  margin-bottom: 0px; }

.product-description {
  word-break: break-word;
  width: auto;
  font-size: 12px;
  white-space: normal;
  margin-bottom: 0px; }

.product-price {
  color: #dd1f26;
  padding: 4px 0; }

.content {
  height: auto;
  padding: 16px 0 0; }

.detail {
  height: 100%; }

.product-img {
  max-width: 55px !important;
  height: auto; }

.container-description {
  width: auto;
  max-width: 450px; }

.price-unit {
  text-align: right;
  padding-top: 15px;
  padding-left: 20px; }

.deskripsi-produk {
  padding: 0; }

.img-vertical {
  margin-top: auto;
  margin-bottom: auto; }

.rfq-id {
  border: solid 2px white;
  color: white;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 12px; }

.rfq-id2 {
  border: solid 2px white;
  color: white;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 14px; }

.quote-main {
  margin-bottom: 5px; }

.quote-box {
  padding: 8px;
  display: flex;
  /* background-color: lightgrey; */
  border-bottom: solid 1px black;
  font-size: 12px;
  /* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.46); */
  /* box-shadow: 0px 5px 7px -2px rgba(0,0,0,0.42); */ }

.quote-info {
  margin-left: 15px;
  white-space: unset;
  word-break: break-all; }

.quote-info h5 {
  margin-bottom: 10px;
  line-height: 1.4; }

.quote-info p {
  margin: 0; }

.quote-table {
  padding: 7px 15px 0; }

.response-rate {
  margin-bottom: 0; }

.response-rate2 {
  margin-bottom: 8px; }

table.greyGridTable {
  width: 100%;
  padding-top: 7px; }

table.greyGridTable td,
table.greyGridTable th {
  border: 0px solid #FFFFFF; }

table.greyGridTable tbody td {
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px; }

table.greyGridTable tfoot td {
  font-size: 12px; }

.white-divider {
  margin: 3px 0;
  border-color: white !important;
  width: 55%; }

.white-divider2 {
  margin: 3px 0;
  border-color: white !important;
  width: 75%; }

.white-divider3 {
  margin: 3px 0;
  border-color: white !important; }

.card-btn {
  margin: 0;
  font-size: 12px !important; }

.company-info {
  padding-right: 10px; }

.card-border {
  border-top: solid 4px #D21F3C; }

.card-header {
  /* background-color: red;
    color: white;
    font-weight: bold; */
  /* padding: 5px; */
  display: flex;
  align-items: center;
  margin-bottom: 12px; }

.card-body {
  /* padding: 5px; */
  color: black !important; }

.card-box {
  display: flex; }

.card-text-list {
  margin: 0;
  padding: 0 7px; }

.list .v-list__tile {
  height: fit-content;
  padding: 0;
  align-items: flex-start; }

.item-name {
  white-space: unset;
  word-break: break-all;
  padding-right: 30px;
  font-size: 12px; }

.item-quantity {
  font-size: 12px; }

.expand-capsule {
  border: solid 2px silver;
  color: silver;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 11px; }

.divider {
  border-color: black !important; }

.title-padding {
  padding: 5px 16px; }

/* .search-textfield {
    padding: 0 !important;
    margin-left: 10px;
} */
/* .v-text-field input {
    padding: 0 !important;
} */
.tabs-shadow .v-tabs__bar theme--light {
  box-shadow: 0 0px 7px 2px rgba(0, 0, 0, 0.1); }

.search-title {
  text-transform: uppercase; }

#styled-input {
  height: 40px;
  font-size: 12px !important; }

.styled-input label[for] {
  height: 40px;
  font-size: 12px !important; }

.sub-title {
  text-transform: uppercase;
  margin: 0; }

.toolbar-box {
  justify-content: center;
  align-items: center; }

table.blueTable {
  border: 0px solid #1C6EA4;
  width: 100%;
  text-align: left;
  border-collapse: collapse; }

table.blueTable td,
table.blueTable th {
  border: 0px solid #AAAAAA;
  padding: 3px 2px; }

table.blueTable tbody td {
  font-size: 16px; }

table.blueTable tfoot td {
  font-size: 14px; }

table.blueTable tfoot .links {
  text-align: right; }

table.blueTable tfoot .links a {
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px; }

/* .product-detail {
    padding-left: 10px;
} */
.product-detail h4 {
  margin-bottom: 10px;
  padding-left: 10px; }

.product-detail p {
  margin: 0;
  padding-left: 10px; }

.product-note {
  margin: 0;
  background-color: gainsboro;
  padding: 10px; }

.header-desktop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px; }

.header-quotation {
  display: flex;
  justify-content: space-between; }

.border-white-bottom {
  border-bottom: solid 1px white;
  margin-bottom: 10px; }

.flex-space-center {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.flex-center {
  display: flex;
  align-items: center; }

.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex-center-end {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

table.producttable {
  border: 0px solid #000000;
  width: 100%;
  text-align: left;
  border-collapse: collapse; }

table.producttable td,
table.producttable th {
  border: 0px solid #000000;
  padding: 10px; }

table.producttable tbody td {
  font-size: 13px;
  border-bottom: 1px solid #000000; }

table.producttable thead {
  background: #CFCFCF; }

table.producttable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: left; }

table.producttable tfoot td {
  font-size: 14px; }

.product-table-rfq .header-table {
  background: #CFCFCF; }

.product-table-rfq .table-content {
  margin-bottom: 10px !important;
  padding: 10px 0;
  border-bottom: 1px solid; }

.verified-supplier-round-container .new-verified-container .brd-inside {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  border: .5px solid #fff;
  border-color: #fff !important; }

.verified-supplier-round-container.home {
  cursor: unset; }

.verified-supplier-round-container {
  border: 1px solid #10a048;
  border-color: #10a048 !important;
  color: #10a048 !important;
  background-color: white;
  border-radius: 25px;
  padding: 1px 10px;
  cursor: pointer;
  position: relative;
  height: 24px;
  width: fit-content;
  /* padding-left: 28px; */ }

.verified-supplier-round-container2 {
  border: 1px solid #10A048;
  border-radius: 25px;
  padding: 2px 10px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center; }
  .verified-supplier-round-container2 .verified-supplier-logo {
    position: absolute;
    left: -1px;
    height: 22px; }
  .verified-supplier-round-container2.on-company {
    padding: 1px 6px;
    min-width: 101px; }
    .verified-supplier-round-container2.on-company .text-verified {
      font-size: 8px; }

.verified-supplier-round-container3 {
  border: 1px solid #10A048;
  border-radius: 25px;
  padding: 4px 11px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 22px;
  width: 118px; }
  .verified-supplier-round-container3 .verified-supplier-logo {
    position: absolute;
    left: -1px;
    height: 22px; }
  .verified-supplier-round-container3.on-company {
    padding: 1px 6px;
    min-width: 101px; }
    .verified-supplier-round-container3.on-company .text-verified {
      font-size: 8px; }

.text-verified {
  color: #10a048 !important;
  font-size: 12px;
  margin-left: 16px;
  white-space: nowrap; }

.checked-supplier {
  font-size: 10px; }

.verified-supplier-round-container .new-verified-container {
  position: absolute;
  left: -2px;
  top: 0;
  background: #10a048;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%; }

.text-verified {
  color: #10a048 !important;
  font-size: 10px; }

.checked-supplier {
  font-size: 10px; }

.trusted-buyer-round-container .new-trusted-container .brd-inside {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  border: .5px solid #fff;
  border-color: #fff !important; }

.trusted-buyer-round-container.home {
  cursor: unset; }

.trusted-buyer-round-container {
  border: 1px solid #10a048;
  border-color: #10a048 !important;
  color: #10a048 !important;
  background-color: white;
  border-radius: 25px;
  padding: 1px 10px 1px 1px;
  cursor: pointer;
  position: relative;
  width: fit-content;
  /* padding-left: 28px; */ }

.text-trusted {
  color: #10a048 !important;
  font-size: 10px;
  margin-left: 10px;
  line-height: 1; }

.checked-buyer {
  font-size: 10px; }

.trusted-buyer-round-container .new-trusted-container {
  background: #10a048;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%; }

.goldmember-supplier {
  position: relative;
  display: flex;
  align-items: center;
  border: solid 1px #cf953d;
  background-color: white;
  border-radius: 25px;
  margin: 0 5px; }

.top-supplier-list .top-supplier .top-supplier-badge .row .goldmember-supplier div {
  border-top: 1px solid #cf953d;
  border-bottom: 1px solid #cf953d;
  border-right: 1px solid #cf953d;
  border-radius: 12px;
  text-align: center;
  padding: 5px 0;
  margin-top: 4px;
  font-size: 8px;
  color: #cf953d; }

.member-time-gold {
  padding-left: 21px;
  padding-right: 10px;
  color: #cf953d !important;
  font-size: 10px; }

.diamondmember-supplier {
  position: relative;
  display: flex;
  align-items: center;
  border: solid 1px #1e76bb;
  background-color: white;
  border-radius: 25px;
  margin: 0 5px; }

.top-supplier-list .top-supplier .top-supplier-badge .row .diamondmember-supplier div {
  border-top: 1px solid #1e76bb;
  border-bottom: 1px solid #1e76bb;
  border-right: 1px solid #1e76bb;
  border-radius: 12px;
  text-align: center;
  padding: 5px 0;
  margin-top: 4px;
  font-size: 8px;
  color: #1e76bb; }

.member-time-diamond {
  padding-left: 21px;
  padding-right: 10px;
  color: #1e76bb !important;
  font-size: 10px; }

.platinummember-supplier {
  position: relative;
  display: flex;
  align-items: center;
  border: solid 1px #13445d;
  background-color: white;
  border-radius: 25px;
  margin: 0 5px; }

.top-supplier-list .top-supplier .top-supplier-badge .row .platinummember-supplier div {
  border-top: 1px solid #13445d;
  border-bottom: 1px solid #13445d;
  border-right: 1px solid #13445d;
  border-radius: 12px;
  text-align: center;
  padding: 5px 0;
  margin-top: 4px;
  font-size: 8px;
  color: #13445d; }

.member-time-platinum {
  padding-left: 21px;
  padding-right: 10px;
  color: #13445d !important;
  font-size: 10px; }

.member-type {
  position: absolute;
  left: -10px;
  bottom: -9px; }

.no-quotation {
  text-align: center;
  background-color: #dcdcdc;
  padding: 25px; }

.no-quot-new {
  text-align: center;
  padding: 25px; }

.private-quotation-pending {
  background-color: gainsboro;
  padding: 10px;
  margin-bottom: 10px; }

.status-private {
  border: solid 1px #938F8F;
  border-radius: 10px;
  font-size: 10px;
  padding: 0 10px; }

.btn-contact {
  width: 150px; }

.profil-link {
  border-bottom: solid 1px white;
  color: white;
  font-size: 12px; }

.tag-seller {
  background-color: #00f;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.tag-buyer {
  background-color: #f9af18;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.wordlimit {
  word-break: break-word; }

.icon-img-size {
  width: 35px;
  height: 35px; }

.warning-black {
  color: black;
  margin-bottom: 0px; }

.warning-red {
  color: red;
  font-weight: bolder;
  margin-bottom: 0px; }

.warning-info {
  color: black;
  font-weight: bolder;
  margin-bottom: 0px; }

.time-stamp {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 5px 50px;
  text-align: center; }

.time-stamp2 {
  background-color: #e8e8e9;
  border-radius: 20px;
  padding: 5px 50px;
  text-align: center;
  margin-left: 70px;
  margin-right: 70px; }

h6 span.tag {
  background-color: #00f;
  font-style: inherit;
  text-transform: capitalize;
  color: #fff !important;
  padding: 1px 5px;
  display: inline-block;
  margin: 0 10px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600; }

.chat-content .v-list .grayish-blue .v-list__tile h6 b,
.chat-content .v-list .grayish-blue .v-list__tile span {
  color: #6085cc !important; }

/* tag selector theme */
.theme-material .tag-selector--input {
  border: none;
  border-bottom: 1px solid #959595;
  margin-bottom: 1.2em; }

.theme-material .tag-selector--item {
  background: #e6e6e6;
  color: #434343;
  margin-right: 8px;
  padding-left: 12px;
  border-radius: 32px; }

.theme-material .tag-selector--item:hover {
  background: #434343;
  color: #fafafa; }

.theme-material .tag-selector--item:hover .tag-selector--remove {
  color: #fafafa; }

.theme-material .tag-selector--remove {
  width: 24px;
  height: 24px;
  color: #434343;
  margin: 4px 4px; }

.theme-material .tag-selector--item,
.theme-material .tag-selector-input {
  height: 32px;
  line-height: 32px;
  margin-bottom: 8px;
  font-size: 14px; }

.theme-material .validation-message {
  color: #a90014; }

.action-dialog {
  align-items: center;
  justify-content: center; }

.search-btn {
  min-height: 42px;
  margin-left: 0; }

.icon-medium {
  font-size: 24px; }

.roundborder-left {
  border-radius: 5px 0 0 5px; }

.roundborder-right {
  border-radius: 0 5px 5px 0; }

.collapse.width {
  height: auto;
  width: 0;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease; }

.mobile-searchfield {
  /* margin: 0 !important; */
  border: solid 2px #E5E5E5;
  border-radius: 10px; }

.mobile-searchfield .v-input__control {
  min-height: unset !important; }

.menu-key {
  width: 100%;
  text-align: center;
  padding: 6px 0;
  color: black;
  font-size: 10px;
  border-top: solid white; }

.menu-key p {
  margin: 0; }

a:link {
  text-decoration: none;
  color: black; }

a:visited {
  text-decoration: none;
  color: black; }

.rfq-yellow {
  max-width: 60px; }

.toolbar-more {
  padding-top: 16px;
  padding-bottom: 16px; }

.toolbar-more .v-toolbar__content,
.v-toolbar__extension {
  align-items: flex-start !important; }

.link-main {
  margin: 0 16px;
  font-size: 20px; }

.divider-warning {
  border: solid 1px red !important;
  margin: 8px 0; }

.link-list {
  margin: 20px 0; }

.arrowpadding {
  padding-left: 16px; }

.list-font {
  font-size: 14px; }

.list-font13px {
  font-size: 13px; }

.list-icon {
  font-size: 24px; }

.link-display {
  display: flex;
  align-items: center; }

.list-badge {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.notification-badge {
  background-color: red;
  color: white;
  padding: 0 10px;
  border-radius: 20px; }

.menu-key.router-link-active {
  color: red !important;
  border-top: solid red; }

.badge {
  position: absolute;
  top: -4px;
  right: 8px;
  padding: 5px;
  border-radius: 50%;
  background: red;
  color: white;
  font-size: 8px; }

.footer-config {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  width: 100%;
  z-index: 20;
  box-shadow: 0 2px 10px #ddd;
  display: flex;
  justify-content: space-around; }

.footer-config ul {
  padding: 0;
  margin: 0; }

.chat-footer {
  width: 100%;
  background: white; }

.chat-container-fixed {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100; }

.btn-box-mobile {
  width: 50%;
  padding-right: 10px; }

.btn-box2-mobile {
  width: 50%;
  padding-left: 10px; }

.btn {
  margin: 0;
  width: 100%; }

.company-rfq {
  border: solid 1px black;
  color: black;
  border-radius: 20px;
  width: 80px;
  text-align: center; }

.flex-padding {
  padding: 12px 0 !important; }

.left-badge {
  left: -15px;
  top: -10px;
  text-align: center;
  background-color: red;
  border-radius: 50%;
  color: white;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center; }

.time-font {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.text-align-left {
  text-align: left !important; }

.text-align-center {
  text-align: center !important; }

.text-align-right {
  text-align: right !important; }

.new-chat-dot {
  border-radius: 20px;
  background-color: red;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .new-chat-dot span {
    font-size: 11px;
    color: white; }

/* Chat containers */
.container-rfq-disc {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0; }

/* Darker chat container */
.darker {
  border-color: #ccc;
  background-color: #ddd; }

/* Clear floats */
.container-rfq-disc::after {
  content: "";
  clear: both;
  display: table; }

/* Style images */
.container-rfq-disc img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%; }

/* Style the right image */
.container-rfq-disc img.right {
  float: right;
  margin-left: 20px;
  margin-right: 0; }

/* Style time text */
.time-right {
  float: right;
  color: #aaa; }

/* Style time text */
.time-left {
  float: left;
  color: #999; }

.padding-profile {
  padding: 0 16px;
  /* padding-left: 16px;
    padding-right: 6px; */ }

.company-text {
  font-size: 11px; }

.card-margin {
  margin-bottom: 10px; }

.dialogtitle {
  align-items: center;
  justify-content: center; }

.dialogbutton1 {
  align-items: center;
  justify-content: center; }

.avatar-bg {
  background: white;
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center; }

.side-width {
  width: 110px; }

.user-bg {
  background-color: #dd1f26;
  color: white; }

.f-16 {
  font-size: 16px; }

.btnpadding {
  padding-left: 16px;
  padding-right: 16px; }

.memberimg {
  position: absolute;
  right: -33px;
  top: 15px; }

.loading-idt {
  width: 100%;
  margin: 0 auto;
  z-index: 60;
  position: absolute;
  background: #d60f16;
  right: 0;
  left: 0;
  text-align: center;
  border: 0;
  top: 0;
  height: 100%;
  overflow: hidden; }
  .loading-idt img {
    color: transparent;
    position: absolute;
    width: 20%;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    animation: pulse 2s infinite;
    animation-timing-function: linear; }
    @media (max-width: 767px) {
      .loading-idt img {
        width: 50%; } }

.app-default-layout {
  height: 100vh; }

.sub-image {
  padding: 5px; }

.bg {
  /* background: #F39191; */
  border: 1px solid gray; }

.fa-facebook {
  background: #3B5998;
  color: white; }

.fa-twitter {
  background: #55ACEE;
  color: white; }

.fa-google {
  background: #dd4b39;
  color: white; }

.fa-linkedin {
  background: #007bb5;
  color: white; }

.sub-image-center {
  text-align: center;
  align-items: center; }

.verified {
  border: 1px solid #0071b2;
  border-radius: 12px;
  padding: 0; }

.response {
  padding: 0;
  border-radius: 12px;
  border: 1px solid #a9a9a9;
  text-align: center; }

.tooltip {
  position: relative;
  display: inline-block; }

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size: 12px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

.tx-12 {
  font-size: 12px; }

.pagination {
  display: inline-block; }

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none; }

.pagination a.active {
  background-color: #4CAF50;
  color: white; }

.pagination a:hover:not(.active) {
  background-color: #ddd; }

.heading span {
  color: red;
  text-transform: uppercase; }

.session-wrapper .session-right .session-table-cell .loginwidth {
  max-width: 33.25rem; }

.forgotright {
  text-align: right;
  padding-top: 4px;
  color: #dd1f26; }

.session-icon {
  border-radius: 4px;
  width: 50%;
  padding: 0 12px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 12px; }

.g-signin-button {
  /* This is where you control how the button looks. Be creative! */
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #3c82f7;
  color: #fff;
  box-shadow: 0 3px 0 #0f69ff; }

.fb-signin-button {
  /* This is where you control how the button looks. Be creative! */
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #4267b2;
  color: #fff; }

.in-signin-button {
  /* This is where you control how the button looks. Be creative! */
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #0077B5;
  color: #fff; }

.fc-black {
  color: black !important; }

.language-box {
  /* border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #d0cece; */
  text-align: center;
  /* margin-left: auto; */
  position: absolute;
  right: 55px;
  top: 70px; }

.social-media {
  width: 100%; }

.selectmargin {
  margin-bottom: 20px; }

.flexmarginleft {
  padding-left: 1px; }

.flexmarginright {
  padding-right: 2px; }

.dialogverifikasi {
  text-align: center; }

.dialogtitle {
  align-items: center;
  justify-content: center;
  font-size: 27px;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 0px; }

.dialogfooter {
  align-items: center;
  justify-content: center; }

.topmargin {
  padding-top: 20px; }

.otp {
  font-size: 12px;
  margin-bottom: 2px; }

.text-field {
  padding: 0 100px; }

.centered-input input {
  text-align: center; }

.otp-field {
  align-items: center;
  justify-content: center; }

.fk-input-container input[type=text] {
  border: 2px solid lightgray !important;
  border-radius: 5px !important; }

.red-color {
  color: #dd1f26; }

.hidden {
  overflow: hidden; }

.scroll1 {
  height: calc(100vh - 0px) !important; }

.otp-input {
  width: 40px;
  height: 40px;
  padding: 5px;
  margin: 0 10px;
  font-size: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center;
  text-transform: uppercase; }

.otp-input.error {
  border: 1px solid red !important; }

.link-color {
  color: #dd1f26; }

.warning-bg {
  background-color: #dd1f26; }

.fs-xs {
  font-size: x-small; }
  .fs-xs-i {
    font-size: x-small !important; }

.fs-n {
  font-size: medium; }
  .fs-n-i {
    font-size: medium !important; }

.fs-10 {
  font-size: 10px; }

.fs-11 {
  font-size: 11px; }

.fs-13 {
  font-size: 13px; }

.fs-14 {
  font-size: 14px; }
  .fs-14-i {
    font-size: 14px !important; }

.fs-15 {
  font-size: 15px; }

.fs-20 {
  font-size: 20px; }
  .fs-20-i {
    font-size: 20px !important; }

.fs-21 {
  font-size: 21px; }

.fs-24 {
  font-size: 24px; }

.fs-26 {
  font-size: 26px; }

.search-box-rfq {
  display: flex;
  margin: 10px 0; }

.border-idt-top {
  border-top: solid 4px #D21F3C; }

.border-idt-left {
  border-left: solid 4px #D21F3C; }

.border-idt-bottom {
  border-bottom: solid 4px #D21F3C; }

.pt-10px {
  padding-top: 10px; }

.ps-15px {
  padding: 0 15px 0; }

.ma-5px-0 {
  margin: 5px 0; }

.mt-10px {
  margin-top: 10px; }

.mt-15px {
  margin-top: 15px; }

.mt-20px {
  margin-top: 20px; }

.mb-3px {
  margin-bottom: 3px; }

.mb-5px {
  margin-bottom: 5px; }

.mb-10px {
  margin-bottom: 10px; }

.mb-100px {
  margin-bottom: 100px; }

.mb-4r {
  margin-bottom: 4rem; }

.ml-5px {
  margin-left: 5px; }

.ml-7px {
  margin-left: 7px; }

.mr-5px {
  margin-right: 5px; }

.mr-7px {
  margin-right: 7px; }

.mr-10px {
  margin-right: 10px; }

.mr-41px {
  margin-right: 41px; }

.white-border {
  border-bottom: solid 1px white; }
  .white-border #styled-input,
  .white-border #styled-input2 {
    height: 40px !important;
    font-size: 12px !important; }
  .white-border::placeholder {
    color: white; }

.dialog-maxmin-width {
  max-width: 300px;
  width: auto; }

.dialog-radio {
  margin-left: 33px;
  margin-top: 0;
  border: solid 1px black; }

.maxheight-35px {
  max-height: 35px; }

.maxheight-100px {
  max-height: 100px; }

.menu-padding {
  padding: 16px 0; }

.form-box-rightmargin {
  width: 48%;
  margin-right: 10px; }

.form-box-leftmargin {
  width: 50%;
  margin-left: 10px; }

.ul-none {
  list-style: none;
  padding-left: 0; }

.h-15px {
  height: 15px; }
  .h-15px-i {
    height: 15px !important; }

.h-24px {
  height: 24px; }
  .h-24px-i {
    height: 24px !important; }

.h-26px {
  height: 26px; }

.h-28px {
  height: 28px; }

.h-32px {
  height: 32px; }

.h-36px {
  height: 36px; }

.h-38px {
  height: 38px; }

.h-40px {
  height: 40px; }

.h-50px {
  height: 50px; }

.w-155px {
  width: 155px; }

.w-175px {
  width: 175px; }

.w-325px {
  width: 325px; }

.w-350px {
  width: 350px; }

.table-padding {
  padding: 0 15px 7px; }

.table-padding2 {
  padding: 8px 8px 0; }

.quote-color {
  padding: 12px 15px;
  background-color: #eeeded; }

.note-box {
  border: solid 1px #A5A7B2;
  padding: 10px;
  margin-right: 10px;
  font-size: 14px; }

.detail-padding {
  padding: 8px 3px 0; }

.text-uppercase {
  text-transform: uppercase; }

.note-box2 {
  border: solid 1px black;
  padding: 10px; }

.display-flex {
  display: flex;
  align-items: center; }

.ma-12px {
  margin: 12px; }

.logo-idt-white-nav {
  max-width: 170px; }

.striped-table-fafafa:nth-child(odd) {
  background: #fafafa; }

.striped-table-fafafa tbody tr:nth-child(even) {
  background: #fafafa; }

.hover-bg-eee:hover {
  background: #eee !important; }

.el-close-slide {
  position: absolute;
  top: 8px;
  right: 11px;
  font-size: 20px;
  color: #fff; }

.w-18 {
  width: 18%; }

.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.fw-800 {
  font-weight: 800; }

.fw-100 {
  font-weight: 100; }

.el-home-slide {
  background-position: right;
  background-color: #F3F4F8;
  padding: 10px; }
  .el-home-slide .home-user-img {
    border-radius: 50%;
    height: 77px;
    width: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: white; }
  .el-home-slide .home-seller-btn {
    border-radius: 10px;
    border: 1px solid #00000033;
    margin-top: 15px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; }

.mainmenu-footer {
  padding: 10px; }
  .mainmenu-footer ul {
    margin-bottom: 0; }
  .mainmenu-footer li {
    margin-bottom: 10px; }
    .mainmenu-footer li:last-child {
      margin-bottom: 0; }
    .mainmenu-footer li a {
      color: #3f3f3f !important; }

.f-wrap {
  flex-wrap: wrap; }

.lg-green-bg {
  background-color: #6fcf97 !important; }

.yellow-btn-bg {
  background-color: #ffc922 !important; }

.blue-btn {
  background-color: #4B99E1 !important; }

.flex-column .v-input--radio-group__input {
  flex-direction: column !important; }

.cost-text .v-text-field__prefix {
  width: unset !important; }

.cost-text .v-label {
  left: 30px !important; }

.cost-text .v-label--active {
  left: 0 !important; }

.profile-img {
  width: 70px;
  height: 70px;
  clip-path: circle(62%);
  object-fit: cover; }

.btn-text .v-btn__content {
  font-size: 8px; }

.gainsboro {
  background-color: gainsboro !important;
  border-color: gainsboro !important; }

.word-breakall {
  word-break: break-all; }

.word-breaknormal {
  word-break: normal; }

.welcome {
  font-size: 20px;
  text-align: center;
  padding: 19%; }
  .welcome div {
    width: 160px;
    margin: auto; }
    .welcome div img {
      width: 100%;
      padding-bottom: 15px; }

.frame-square {
  background: #fff;
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 70px; }

.crop {
  height: 100%;
  overflow: hidden;
  position: relative; }
  .crop img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%; }

.circle-preview {
  border-radius: 50%; }

.main-sidebar {
  margin-bottom: 4px; }
  .main-sidebar .v-list__tile.v-list__tile--link::before {
    height: 34px !important; }
  .main-sidebar .v-list__tile {
    height: unset;
    padding: 5px 15px; }

.new-sidebar-menu a.primary--text.v-list__tile--active.v-list__tile.v-list__tile--link {
  height: auto;
  background: #dd1f26;
  border-radius: 0 20px 20px 0;
  transition: none;
  padding: 5px 15px;
  margin-bottom: 4px; }
  .new-sidebar-menu a.primary--text.v-list__tile--active.v-list__tile.v-list__tile--link .v-list__tile__content .v-list__tile__title i,
  .new-sidebar-menu a.primary--text.v-list__tile--active.v-list__tile.v-list__tile--link .v-list__tile__content .v-list__tile__title span {
    color: #FFF !important; }
  .new-sidebar-menu a.primary--text.v-list__tile--active.v-list__tile.v-list__tile--link .v-list__tile__content .new-chat-dot-alt {
    background-color: white; }
    .new-sidebar-menu a.primary--text.v-list__tile--active.v-list__tile.v-list__tile--link .v-list__tile__content .new-chat-dot-alt span {
      color: #d42029 !important; }
  .new-sidebar-menu a.primary--text.v-list__tile--active.v-list__tile.v-list__tile--link::before {
    content: none !important; }

.new-sidebar-menu > div .v-list__tile.v-list__tile--link {
  position: relative;
  width: 95%; }
  .new-sidebar-menu > div .v-list__tile.v-list__tile--link .v-list__tile__content .v-list__tile__title i,
  .new-sidebar-menu > div .v-list__tile.v-list__tile--link .v-list__tile__content .v-list__tile__title span {
    transition: all 0.5s ease; }
  .new-sidebar-menu > div .v-list__tile.v-list__tile--link:hover {
    background: none; }
    .new-sidebar-menu > div .v-list__tile.v-list__tile--link:hover .v-list__tile__action i {
      color: white !important; }
    .new-sidebar-menu > div .v-list__tile.v-list__tile--link:hover .v-list__tile__content .v-list__tile__title i,
    .new-sidebar-menu > div .v-list__tile.v-list__tile--link:hover .v-list__tile__content .v-list__tile__title span {
      transition: all 0.5s ease;
      color: white !important; }
    .new-sidebar-menu > div .v-list__tile.v-list__tile--link:hover::before {
      width: 100%; }

.new-sidebar-menu > div .v-list__tile.v-list__tile--link::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 45px;
  opacity: 0.6;
  background: #19243c;
  border-radius: 0 20px 20px 0;
  transition: all 0.5s ease; }

.v-list-tile__continuous > a {
  height: auto !important;
  background: #dd1f26 !important;
  border-radius: 0 20px 20px 0 !important;
  transition: none !important;
  padding: 5px 15px !important;
  margin-bottom: 4px; }
  .v-list-tile__continuous > a span,
  .v-list-tile__continuous > a i {
    color: #FFF !important; }

.v-list-tile__continuous > a::before {
  content: none !important; }

.dashed-upper {
  border-top: 2px dashed #ddd; }

.br-5px-left {
  border-radius: 5px 0 0 5px !important; }

.br-5px-right {
  border-radius: 0 5px 5px 0 !important; }

.br-3px {
  border-radius: 3px; }

.br-5px {
  border-radius: 5px; }

.br-7px {
  border-radius: 7px; }

.br-10px {
  border-radius: 10px; }

.br-12px {
  border-radius: 12px; }

.br-15px {
  border-radius: 15px; }

.tf-uppercase {
  text-transform: uppercase; }

.tf-lowercase {
  text-transform: lowercase; }

.tf-capitalize {
  text-transform: capitalize; }

.supplier-btn {
  width: 80%;
  font-size: 14px !important; }

.image-cropper {
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
  border-radius: 50%; }
  .image-cropper img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto; }

.crop-image {
  position: absolute;
  left: 0;
  top: 0; }

.edit-container {
  width: 25px;
  height: 25px;
  background-color: rgba(204, 204, 204, 0.5);
  color: black;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 1; }

.table-scroll {
  /*width:100%; */
  display: block;
  empty-cells: show;
  /* Decoration */
  border-spacing: 0;
  border: 1px solid; }

.table-scroll thead {
  background-color: #f1f1f1;
  position: relative;
  display: block;
  width: 100%;
  overflow-y: scroll; }

.table-scroll tbody {
  /* Position */
  display: block;
  position: relative;
  width: 100%;
  overflow-y: scroll;
  /* Decoration */
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.table-scroll tr {
  width: 100%;
  display: flex; }

.table-scroll td,
.table-scroll th {
  flex-basis: 100%;
  flex-grow: 2;
  display: block;
  padding: 1rem;
  text-align: left; }

/* Other options */
.table-scroll.small-first-col td:first-child,
.table-scroll.small-first-col th:first-child {
  flex-basis: 20%;
  flex-grow: 1; }

.table-scroll tbody tr:nth-child(2n) {
  background-color: rgba(130, 130, 170, 0.1); }

.body-half-screen {
  max-height: 50vh; }

.small-col {
  flex-basis: 10%; }

.quotation-table-product .table-head {
  background: #CFCFCF;
  font-weight: bold; }

.quotation-table-product .table-body {
  max-height: 393px;
  overflow-y: auto; }
  .quotation-table-product .table-body .table-body-content {
    border-bottom: 0.5px solid gray; }

.quotation-table-product #style-3::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.quotation-table-product #style-3::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; }

.quotation-table-product #style-3::-webkit-scrollbar-thumb {
  background-color: grey; }

.form-basic-rad .v-input__slot {
  margin-bottom: 0px !important; }

.form-basic-rad .v-messages {
  display: none !important; }

.v-tabs__bar {
  border-bottom: solid 0.5px gray; }
  .v-tabs__bar .v-tabs__item--active {
    color: red !important; }

.v-datatable thead tr th {
  font-weight: bold !important; }

.main-chat-area {
  overflow-y: scroll;
  overflow: auto;
  height: calc(100vh - 200px); }

.desktop-chat-header {
  position: fixed;
  z-index: 50;
  width: 100%; }

.mobile-chat-area {
  overflow-y: auto;
  max-height: 100%;
  margin-bottom: 62px; }

.mobile-chat-footer {
  position: fixed;
  bottom: 0; }

.mobile-white-bg {
  background-color: #fff !important;
  border-color: #fff !important; }

.mobile-red-bg {
  background-color: #dd1f26 !important;
  border-color: #dd1f26 !important; }

.message-limit {
  max-height: 210px;
  overflow: hidden; }

.mh-unset {
  max-height: unset !important; }

.form-basic-rad-area {
  padding: 0px 8px;
  border-radius: 5px;
  border: 1px solid #888;
  width: 100%; }
  .form-basic-rad-area textarea {
    margin-top: 0 !important; }

.pending-invite {
  border: solid 1px black;
  background-color: white;
  padding: 10px; }

.select-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }

.mysupplier-link a:hover {
  text-decoration: underline; }

.list-padding {
  padding: 2.5px 5px; }
  .list-padding:first-child {
    padding-top: 5px; }
  .list-padding:last-child {
    padding-bottom: 5px; }
  .list-padding:hover {
    background-color: #2196F3;
    color: white; }

.quotation-invite {
  padding: 10px;
  margin-bottom: 10px; }
  .quotation-invite .invite-head {
    padding-bottom: 5px;
    border-bottom: black solid 1px; }

.hide-select-arrow .v-input__append-inner {
  display: none !important; }

.fstyle-italic {
  font-style: italic; }

.fstyle-oblique {
  font-style: oblique; }

.landing-page .section-1 {
  height: calc(100vh - 90px);
  padding-top: 3rem;
  padding-bottom: 3rem; }

.landing-page .section-2 {
  padding-top: 135px;
  padding-bottom: 90px;
  background-color: #ffffff; }
  .landing-page .section-2 .card-img {
    width: auto; }

.landing-page .section-3 {
  background-image: url(https://resources.indotrading.com/frontend/cssv2/upgradebuyer/images/background4.jpg); }
  .landing-page .section-3 .opacity {
    background: rgba(180, 6, 43, 0.6); }
  .landing-page .section-3 .padding {
    padding-top: 135px;
    padding-bottom: 120px; }

.landing-page .section-4 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #efefef; }
  .landing-page .section-4 .plan {
    height: fit-content; }
  .landing-page .section-4 .plan-header {
    padding-left: 1rem;
    padding-right: 1rem; }
  .landing-page .section-4 .price {
    font-weight: 700;
    color: #232323;
    font-size: 4.25rem; }
  .landing-page .section-4 .advantages {
    padding: 12px 0;
    margin: 0 52px;
    border-bottom: solid 1px gray; }
    .landing-page .section-4 .advantages:last-child {
      border-bottom: unset; }

.landing-page .section-5 {
  background-image: url(/static/img/banner-bottom.8f764d6.png);
  background-size: cover;
  color: white; }
  .landing-page .section-5 .padding {
    padding-top: 60px; }

@media (min-width: 959px) {
  .landing-page .section-5 {
    background-image: url(/static/img/banner-bottom.8f764d6.png);
    background-size: cover;
    color: white; }
    .landing-page .section-5 .padding {
      padding-top: 60px; } }

.landing-page .container-landing {
  width: 95% !important;
  max-width: 1500px !important;
  margin: auto;
  opacity: unset; }
  .landing-page .container-landing strong {
    font-size: 55px; }

.trusted-buyer-color {
  background: linear-gradient(45deg, #55b4d4, #073b4c) !important;
  color: #fff !important; }

.trusted-buyer .part-1 {
  background: linear-gradient(45deg, #55b4d4, #073b4c);
  height: calc(100vh - 90px); }
  .trusted-buyer .part-1 .trusted-title {
    font-size: 68px; }
  .trusted-buyer .part-1 .trusted-subtitle {
    font-size: 24px; }
  .trusted-buyer .part-1 .arrow-scroll-bottom {
    bottom: 0; }
    .trusted-buyer .part-1 .arrow-scroll-bottom .arrow-bottom {
      background-color: rgba(80, 80, 80, 0.5);
      border-radius: 50%;
      cursor: pointer;
      height: 60px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }

.trusted-buyer .part-2 {
  padding: 90px 0; }

.trusted-buyer .part-3 {
  padding: 90px 0; }
  .trusted-buyer .part-3 .list-condition {
    border-bottom: 2px solid #efefef; }
    .trusted-buyer .part-3 .list-condition .number {
      height: 64px;
      width: 64px;
      border: 2px solid #efefef;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .trusted-buyer .part-3 .list-condition:first-child {
      border-top: 2px solid #efefef; }

.trusted-buyer .part-4 {
  padding: 60px 0; }
  .trusted-buyer .part-4 ul {
    list-style-type: none;
    padding: 0; }
    .trusted-buyer .part-4 ul li {
      display: flex;
      align-items: center;
      padding-bottom: 8px; }
    .trusted-buyer .part-4 ul i {
      font-size: 25px;
      color: #2196f3; }

.trusted-buyer h1 {
  font-size: 68px; }

.trusted-buyer h2 {
  font-size: 48px; }

.trusted-buyer h3 {
  font-size: 32px; }

.trusted-buyer-new {
  /* .premiumbuyer-part-2 .d77777-1 {
        margin-right: 61px;
    } */ }
  .trusted-buyer-new * {
    padding: 0;
    margin: 0;
    box-sizing: border-box; }
  .trusted-buyer-new p {
    margin-bottom: 0; }
  .trusted-buyer-new .premiumbuyer-part-1 .component-2 {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .relative-wrapper-three {
    width: 100%;
    margin-bottom: 50px;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-1 .component-1 {
    width: calc(75.74% - 2px);
    height: calc(94.38% - 1px);
    padding: 0 2px 1px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto; }
  .trusted-buyer-new .premiumbuyer-part-1 .perbandingan-free-buyer-trusted-buyer {
    height: 16.13%;
    text-align: center;
    margin-bottom: 36px;
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-1 .perbandingan-free-buyer-trusted-buyer-emphasis-1 {
    color: #0cb311; }
  .trusted-buyer-new .premiumbuyer-part-1 .perbandingan-free-buyer-trusted-buyer-emphasis-3 {
    color: #f42727; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-four {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .group-142 {
    background-color: white;
    margin-top: 15px;
    margin-right: 26px;
    border-radius: 8px;
    padding: 154px 11px 70px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border: 1px solid #e5e5e5; }
  .trusted-buyer-new .premiumbuyer-part-1 .upgrade-btn-pos {
    position: absolute;
    left: 11px;
    right: 11px;
    bottom: 11px;
    display: flex; }
  .trusted-buyer-new .premiumbuyer-part-1 .upgrade-trusted-btn {
    text-align: center;
    background-color: #10A048;
    color: white !important;
    font-size: 18px;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    font-weight: 700; }
  .trusted-buyer-new .premiumbuyer-part-1 .upgrade-trusted-btn:hover {
    color: white !important; }
  .trusted-buyer-new .premiumbuyer-part-1 .upgrade-pro-btn {
    text-align: center;
    background-color: #D93F41;
    color: white !important;
    font-size: 18px;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    font-weight: 700; }
  .trusted-buyer-new .premiumbuyer-part-1 .upgrade-pro-btn:hover {
    color: white !important; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-five {
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .bicheck {
    height: calc(80% - 14.27px);
    margin-right: 10px;
    padding: 7.14px 5.64px 7.13px 6.13px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector {
    flex: 1;
    align-self: stretch;
    object-fit: cover; }
  .trusted-buyer-new .premiumbuyer-part-1 .indotrading-pay {
    width: 77.18%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .bicheck-two {
    height: calc(80% - 14.27px);
    margin-right: 10px;
    padding: 7.14px 5.64px 7.13px 6.13px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .kirim-ke-satu-supplier {
    width: 82.38%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-seven {
    padding: 0 0 0 6px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-two {
    width: 5.56%;
    height: 33.77%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .kirim-ke-semua-supplier {
    width: 88.89%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-eight {
    margin-bottom: 5px;
    padding: 0 0 0 6px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-three {
    width: 6.08%;
    height: 33.77%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .bantuan-support-24-7 {
    width: 87.85%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-nine {
    margin-bottom: 8px;
    padding: 0 0 0 6px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-four {
    width: 3.82%;
    height: 42.21%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .tempo-pembayaran-15-30-45-60-hari {
    width: 92.36%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-ten {
    margin-bottom: 7px;
    padding: 0 0 0 6px;
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-five {
    width: 6.32%;
    height: 42.21%;
    margin-top: 7.97px;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vendor-management {
    width: 87.36%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-six {
    width: 11.96%;
    height: 42.21%;
    margin-top: 7.97px;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .e-catalog {
    width: 76.09%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-seven {
    width: 11.58%;
    height: 42.21%;
    margin-top: 7.97px;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .reporting {
    width: 76.84%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .relative-wrapper-one {
    display: flex;
    align-items: flex-start;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-one {
    background-color: #b7b8bb;
    background-image: url("https://static.overlay-tech.com/assets/a0990d18-9123-4454-86fe-184d37503106.png");
    background-size: 100% 100%;
    background-position: center;
    border-radius: 8px 8px 0px 0px;
    padding: 49px 0;
    position: relative;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-trusted {
    background-color: #10A048;
    background-image: url("https://static.overlay-tech.com/assets/a0990d18-9123-4454-86fe-184d37503106.png");
    background-size: 100% 100%;
    background-position: center;
    border-radius: 8px 8px 0px 0px;
    padding: 49px 0;
    position: relative;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-1 .free-buyer {
    width: 100%;
    height: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: white;
    text-align: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .ellipse-pos {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
    text-align: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .ellipse-1 {
    width: 12.65%;
    height: 32.28%;
    border: 3px solid white;
    border-radius: 50%; }
  .trusted-buyer-new .premiumbuyer-part-1 .ellipse-2 {
    width: 12.65%;
    height: 32.28%;
    border-radius: 50%; }
  .trusted-buyer-new .premiumbuyer-part-1 .group-143 {
    background-color: white;
    margin-top: 15px;
    margin-right: 26px;
    border-radius: 8px;
    padding: 154px 19px 70px 9px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border: 1px solid #e5e5e5; }
  .trusted-buyer-new .premiumbuyer-part-1 .bg-card-2 {
    width: 100%;
    height: 26.24%;
    position: absolute;
    left: 0;
    top: 0; }
  .trusted-buyer-new .premiumbuyer-part-1 .rectangle-111 {
    width: 99.38%;
    height: 99.57%;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    border: 1px solid #e5e5e5; }
  .trusted-buyer-new .premiumbuyer-part-1 .rectangle-112 {
    width: 100%;
    height: 26.24%;
    background-color: #10a048;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
    left: 0;
    top: 15px; }
  .trusted-buyer-new .premiumbuyer-part-1 .trusted-buyer {
    width: 65.12%;
    height: 6.2%;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: white;
    text-align: center;
    position: absolute;
    left: 56px;
    top: 64px; }
  .trusted-buyer-new .premiumbuyer-part-1 .bantuan-support-24-7-two {
    width: 49.07%;
    height: 6.2%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 260px; }
  .trusted-buyer-new .premiumbuyer-part-1 .tempo-pembayaran-15-30-45-60-hari-two {
    width: 82.1%;
    height: 4.96%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 295px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-eight {
    width: 3.4%;
    height: 2.09%;
    position: absolute;
    left: 16px;
    top: 270px; }
  .trusted-buyer-new .premiumbuyer-part-1 .kirim-ke-semua-supplier-two {
    width: 54.32%;
    height: 6.2%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 230px; }
  .trusted-buyer-new .premiumbuyer-part-1 .kirim-ke-satu-supplier-two {
    width: 49.07%;
    height: 6.2%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 200px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-nine {
    width: 3.4%;
    height: 2.09%;
    position: absolute;
    left: 16px;
    top: 302px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vendor-management-two {
    width: 46.91%;
    height: 4.96%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 327px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-ten {
    width: 3.4%;
    height: 2.09%;
    position: absolute;
    left: 16px;
    top: 334.97px; }
  .trusted-buyer-new .premiumbuyer-part-1 .e-catalog-two {
    width: 21.6%;
    height: 4.96%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 358px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-eleven {
    width: 3.4%;
    height: 2.09%;
    position: absolute;
    left: 16px;
    top: 365.97px; }
  .trusted-buyer-new .premiumbuyer-part-1 .reporting-two {
    width: 22.53%;
    height: 4.96%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    position: absolute;
    left: 44px;
    bottom: 71px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-twelve {
    width: 3.4%;
    height: 2.09%;
    position: absolute;
    left: 16px;
    bottom: 76.9px; }
  .trusted-buyer-new .premiumbuyer-part-1 .bicheck-three {
    width: calc(7.41% - 11.77px);
    height: calc(4.96% - 14.27px);
    padding: 7.14px 5.64px 7.13px 6.13px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 10px;
    top: 204px; }
  .trusted-buyer-new .premiumbuyer-part-1 .indotrading-pay-two {
    width: 35.49%;
    height: 6.2%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    position: absolute;
    left: 44px;
    top: 170px; }
  .trusted-buyer-new .premiumbuyer-part-1 .bicheck-four {
    width: calc(7.41% - 11.77px);
    height: calc(4.96% - 14.27px);
    padding: 7.14px 5.64px 7.13px 6.13px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 10px;
    top: 174px; }
  .trusted-buyer-new .premiumbuyer-part-1 .bicheck-five {
    width: calc(7.41% - 11.77px);
    height: calc(4.96% - 14.27px);
    padding: 7.14px 5.64px 7.13px 6.13px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 10px;
    top: 234px; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-33 {
    width: 16.05%;
    height: 10.54%;
    position: absolute;
    left: 136px;
    top: 116px; }
  .trusted-buyer-new .premiumbuyer-part-1 .group-144 {
    background-color: white;
    margin-top: 16px;
    border-radius: 8px;
    padding: 154px 11px 70px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border: 1px solid #e5e5e5; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-thirteen {
    width: 8.74%;
    height: 32.43%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .indotrading-pay-three {
    width: 82.22%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-fourteen {
    width: 6.65%;
    height: 32.43%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .kirim-ke-satu-supplier-three {
    width: 86.47%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-fifteen {
    width: 6.09%;
    height: 32.43%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .kirim-ke-semua-supplier-three {
    width: 87.62%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-sixteen {
    margin-bottom: 5px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-seventeen {
    margin-bottom: 8px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-sixteen {
    width: 4.2%;
    height: 40.54%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .tempo-pembayaran-15-30-45-60-hari-three {
    width: 91.45%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-eighteen {
    margin-bottom: 7px;
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-seventeen {
    width: 6.91%;
    height: 40.54%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .vendor-management-three {
    width: 85.94%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-eighteen {
    width: 12.89%;
    height: 40.54%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .e-catalog-three {
    width: 73.79%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .vector-nineteen {
    width: 12.5%;
    height: 40.54%;
    margin-right: 17px; }
  .trusted-buyer-new .premiumbuyer-part-1 .reporting-three {
    width: 74.59%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #676767;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-two {
    background-size: 100% 100%;
    background-position: center;
    background: url("https://static.overlay-tech.com/assets/3b1ffd88-7e2c-4fdf-9e3d-46a798f1d4f5.png");
    border-radius: 8px 8px 0px 0px;
    padding: 49px 0;
    position: relative;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-1 .bg-pos {
    background: url("https://static.overlay-tech.com/assets/d7dbe922-45e0-4c15-a77e-42c8226ab0e1.png");
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%; }
  .trusted-buyer-new .premiumbuyer-part-1 .ellipse-1-two {
    width: 12.65%;
    height: 32.28%;
    position: absolute;
    right: 134px;
    bottom: -18px;
    border: 3px solid white;
    border-radius: 50%; }
  .trusted-buyer-new .premiumbuyer-part-1 .ellipse-1-two-m {
    width: 12.65%;
    height: 32.28%;
    position: absolute;
    right: 134px;
    bottom: -18px;
    border: 3px solid white;
    border-radius: 50%; }
  .trusted-buyer-new .premiumbuyer-part-1 .group-178 {
    width: 100%;
    height: calc(100% - 162px);
    padding: 0 0 105px;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-three {
    background-color: rgba(0, 0, 0, 0.5);
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-3 {
    width: 100%;
    height: 100%;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-1 .group-65 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 80px 0 0 100px; }
  .trusted-buyer-new .premiumbuyer-part-1 .gabung-trusted-buyer-untuk-kirim-permint {
    height: 41.47%;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: white;
    text-align: right;
    margin-bottom: 27px;
    margin-left: 22px; }
  .trusted-buyer-new .premiumbuyer-part-1 .dengan-menggunakan-email-perusahaan-dap {
    height: 46.08%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: white;
    align-self: stretch;
    text-align: right; }
  .trusted-buyer-new .premiumbuyer-part-1 .group-64 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 80px 100px 0 0; }
  .trusted-buyer-new .premiumbuyer-part-1 .gabung-probuyer-untuk-mendapatkan-pembay {
    height: 41.47%;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: white;
    margin-bottom: 27px; }
  .trusted-buyer-new .premiumbuyer-part-1 .software-kami-menjawab-berbagai-kebutuha {
    height: 46.08%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: white;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-1 .d88-1 {
    width: 21.69%;
    height: 84.19%; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-2 {
    width: 100%;
    height: 9.12%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .trusted-buyer-new .premiumbuyer-part-1 .group-180 {
    width: 74.75%;
    height: 29.13%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 49px; }
  .trusted-buyer-new .premiumbuyer-part-1 .keuntungan-jika-anda-menjadi-trusted-buy {
    width: 100%;
    height: 18.18%;
    text-align: center;
    margin-bottom: 31px;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-twenty-one {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-9 {
    width: 17.49%;
    height: 95.17%;
    margin-right: 214px; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-10 {
    width: 17.49%;
    height: 95.17%;
    margin-top: 7px; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-10:not(:last-of-type) {
    margin-right: 208px; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-twenty-two {
    margin-bottom: 41px;
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .meningkatkan-kepercayaan-supplier {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: black;
    align-self: stretch;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .trusted-buyer-new .premiumbuyer-part-1 .meningkatkan-kepercayaan-supplier:not(:last-of-type) {
    margin-right: 103px; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-twenty-three {
    margin-bottom: 7px;
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-33-two {
    width: 49.11%;
    align-self: stretch;
    object-fit: cover; }
  .trusted-buyer-new .premiumbuyer-part-1 .image-33-two:not(:last-of-type) {
    margin-right: 222px; }
  .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-twenty-four {
    padding: 0 0 0 143px;
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-1 .buat-permintaan-langsung-ke-semua-suppli {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: black;
    align-self: stretch;
    text-align: center;
    margin-right: 104px;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .trusted-buyer-new .premiumbuyer-part-1 .mendapatkan-lebih-banyak-penawaran {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: black;
    align-self: stretch;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .trusted-buyer-new .premiumbuyer-part-1 .keuntungan-jika-anda-menjadi-probuyer {
    width: 656px;
    text-align: center;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-1 .keuntungan-jika-anda-menjadi-probuyer-emphasis-1 {
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: #f42727; }
  .trusted-buyer-new .premiumbuyer-part-1 .banner-title-pos {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .component-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-184 {
    background-color: white;
    padding: 11px 115px 104px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-advantages {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .trusted-buyer-new .premiumbuyer-part-2 .advantage-m {
    display: none; }
  .trusted-buyer-new .premiumbuyer-part-2 .advantage-www {
    display: block; }
  .trusted-buyer-new .premiumbuyer-part-2 .solusi-e-procurement-lengkap-berbasis-we {
    width: 100%;
    height: 13.67%;
    text-align: center;
    margin-bottom: 48px;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-2 .solusi-e-procurement-lengkap-berbasis-we-emphasis-1 {
    color: #f42727; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-five {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-five:not(:last-of-type) {
    margin-bottom: 32px; }
  .trusted-buyer-new .premiumbuyer-part-2 .d8888-1 {
    margin-right: 61px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    object-fit: cover; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-nine {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .vendor-management {
    height: 50%;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #f42727;
    margin-bottom: 12px; }
  .trusted-buyer-new .premiumbuyer-part-2 .lebih-dari-80-000-supplier-yang-sudah-di {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: black;
    flex: 1;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-six {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 18px; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-forty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .procure-to-pay {
    height: 26.42%;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #f42727;
    margin-bottom: 12px; }
  .trusted-buyer-new .premiumbuyer-part-2 .proses-procurement-sampai-dengan-pembuat {
    height: 79.25%;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: black;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-2 .d88888-1 {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    object-fit: cover; }
  .trusted-buyer-new .premiumbuyer-part-2 .d88888-1-m {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    object-fit: cover;
    display: none; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-seven {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 32px; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-forty-one {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .e-katalog {
    height: 73.68%;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #f42727;
    margin-bottom: 12px; }
  .trusted-buyer-new .premiumbuyer-part-2 .belanja-langsung-seperti-situs-belanja-b {
    height: 147.37%;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: black;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-forty-two {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .reporting {
    height: 50%;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #f42727;
    margin-bottom: 12px; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-181 {
    background-color: #f2f2f2;
    margin-bottom: 36px;
    padding: 36px 191px 54px;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .our-happy-probuyer {
    width: 100%;
    height: 11.31%;
    text-align: center;
    margin-bottom: 26px;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-eight {
    margin-bottom: 26px;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-one {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 15px 23px 14px 21px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .rectangle-116 {
    flex: 1;
    align-self: stretch;
    object-fit: cover; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-two {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 27px 19px 25px 20px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-three {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 17px 27px 17px 31px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-four {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 18px 42px 17px 43px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-five {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 23px 28px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-six {
    background-color: white;
    border-radius: 5px;
    padding: 18px 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-seven {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 25px 13px 25px 21px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-eight {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 17px 32px 16px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-nine {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 13px 14px 16px 18px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-ten {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 10px 24px 6px 36px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-eleven {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 19px 20px 16px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twelve {
    background-color: white;
    border-radius: 5px;
    padding: 13px 14px 13px 19px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirteen {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 0 36px 2px 37px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-fourteen {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 15px 12px 16px 13px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-fifteen {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 1px 19px 4px 23px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-sixteen {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 21px 13px 21px 14px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-seventeen {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 11px 15px 21px 16px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-eighteen {
    background-color: white;
    border-radius: 5px;
    padding: 18px 17px 21px 22px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: flex-start; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-one {
    display: flex;
    align-items: flex-start;
    justify-content: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-nineteen {
    background-color: white;
    margin-right: 24px;
    border-radius: 5px;
    padding: 17px 19px 18px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty {
    background-color: white;
    border-radius: 5px;
    padding: 6px 42px 7px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-182 {
    margin-bottom: 72px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .trusted-buyer-new .premiumbuyer-part-2 .testimoni-probuyer-kami {
    width: 67.08%;
    height: 7.87%;
    text-align: center;
    margin-bottom: 53px;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-seven {
    display: flex; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-ten {
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-ten:not(:last-of-type) {
    margin-right: 24px; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-145 {
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    padding: 130px 23px 97px 22px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border: 1px solid #e5e5e5;
    height: 100%;
    border-radius: 10px; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-one {
    width: 100.65%;
    height: 19.06%;
    display: flex;
    align-items: flex-start;
    position: absolute;
    left: -1px;
    top: -1px; }
  .trusted-buyer-new .premiumbuyer-part-2 .rectangle-88 {
    background: linear-gradient(180deg, #3c8bd9 0%, rgba(153, 153, 153, 0) 100%);
    border-radius: 10px 10px 0px 0px;
    flex: 1;
    align-self: stretch;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .rectangle-89 {
    width: 38.06%;
    height: 80.2%;
    background-color: white;
    position: absolute;
    left: 95px;
    bottom: -24px;
    border: 1px solid #e5e5e5; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-three {
    width: 100%;
    height: 16.5%;
    margin-bottom: 28px;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .acset {
    width: 100%;
    height: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 50px;
    color: #3c8bd9;
    text-align: center;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .kontraktor {
    width: 100%;
    height: 40%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: black;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-two {
    height: 74.26%;
    align-self: stretch;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .rectangle-90 {
    width: 117.87%;
    height: 44.89%;
    background: linear-gradient(360deg, #3c8bd9 0%, rgba(153, 153, 153, 0) 100%);
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    right: -24px;
    bottom: -98px; }
  .trusted-buyer-new .premiumbuyer-part-2 .aplikasi-eproc-probuyer-ini-sangat-memba {
    max-width: 263px;
    width: 100%;
    height: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #666666;
    text-align: center;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .rectangle-117 {
    width: 31.94%;
    height: 8.08%;
    position: absolute;
    right: 105px;
    top: 62px; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-six {
    width: 100%;
    height: 16.5%;
    margin-bottom: 28px;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .teknologi {
    width: 100%;
    height: 40%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: black;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -13px; }
  .trusted-buyer-new .premiumbuyer-part-2 .image-38 {
    width: 28.06%;
    height: 4.89%;
    position: absolute;
    left: 111px;
    top: 69px; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-147 {
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    padding: 130px 22px 97px 20px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border: 1px solid #e5e5e5;
    height: 100%;
    border-radius: 10px; }
  .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-nine {
    width: 100%;
    height: 16.5%;
    margin-bottom: 28px;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .transportasi {
    width: 100%;
    height: 40%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: black;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px; }
  .trusted-buyer-new .premiumbuyer-part-2 .rectangle-90-two {
    width: 116.54%;
    height: 44.89%;
    background: linear-gradient(360deg, #3c8bd9 0%, rgba(153, 153, 153, 0) 100%);
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    right: -23px;
    bottom: -98px; }
  .trusted-buyer-new .premiumbuyer-part-2 .kami-berterima-kasih-dengan-fitur-probuy {
    max-width: 266px;
    width: 100%;
    height: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #666666;
    text-align: center;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .image-35 {
    width: 27.42%;
    height: 7.14%;
    position: absolute;
    right: 112px;
    top: 63px; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-148 {
    background-color: #f2f2f2;
    margin-bottom: 50px;
    padding: 36px 172px 49px 176px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .kelebihan-berbelanja-dengan-indotrading {
    width: 100%;
    height: 12.05%;
    text-align: center;
    margin-bottom: 33px;
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-2 .kelebihan-berbelanja-dengan-indotrading-emphasis-1 {
    color: #d20b11; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-two {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-two:not(:last-of-type) {
    margin-bottom: 18px; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-one {
    background-color: white;
    margin-right: 18px;
    border-radius: 10px;
    padding: 40px 47px 33px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: flex-start;
    width: 50%; }
  .trusted-buyer-new .premiumbuyer-part-2 .vector {
    width: 17.46%;
    height: 86.9%;
    margin-top: 2px;
    margin-right: 23px; }
  .trusted-buyer-new .premiumbuyer-part-2 .pilihan-supplier-lebih-banyak-karena-mem {
    max-width: 322px;
    width: 77.03%;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: black;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-three {
    background-color: white;
    border-radius: 10px;
    padding: 23px 27px 22px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    width: 50%; }
  .trusted-buyer-new .premiumbuyer-part-2 .vector-two {
    width: 16.67%;
    height: 65.18%;
    margin-right: 23px; }
  .trusted-buyer-new .premiumbuyer-part-2 .eproc-indorading-digunakan-oleh-berbagai {
    max-width: 342px;
    width: 78.08%;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: black;
    align-self: stretch; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-four {
    background-color: white;
    border-radius: 10px;
    padding: 23px 47px 22px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    width: 50%; }
  .trusted-buyer-new .premiumbuyer-part-2 .vector-three {
    width: 17.46%;
    height: 65.18%;
    margin-right: 23px; }
  .trusted-buyer-new .premiumbuyer-part-2 .group-183 {
    margin: 0 115px 49px;
    padding: 33px 50px 33px 52px;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .download-akatsuki-cloud-232-hd-wallpaper {
    width: 11.1%;
    height: 22.6%;
    position: absolute;
    right: 0;
    top: 0; }
  .trusted-buyer-new .premiumbuyer-part-2 .download-akatsuki-cloud-232-hd-wallpaper-two {
    width: 11.1%;
    height: 22.6%;
    position: absolute;
    left: 0;
    top: 226px; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-five {
    background-color: white;
    border-radius: 15px;
    padding: 44px 55px 43px 59px;
    box-shadow: 0 0 30px 0 rgba(12, 179, 17, 0.7);
    display: flex;
    align-items: flex-start;
    position: relative; }
  .trusted-buyer-new .premiumbuyer-part-2 .d999999999999-2 {
    width: 14.11%;
    height: 84.89%;
    margin-right: 37px;
    border-radius: 10px; }
  .trusted-buyer-new .premiumbuyer-part-2 .jika-anda-mengalami-permasalahan-atau-me {
    height: 46.04%;
    align-self: stretch;
    margin-bottom: 17px;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-2 .jika-anda-mengalami-permasalahan-atau-me-emphasis-1 {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: black; }
  .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-six {
    background-color: white;
    border-radius: 5px;
    padding: 12px 20px 11px;
    display: flex;
    align-items: center;
    border: 1px solid #0cb311; }
  .trusted-buyer-new .premiumbuyer-part-2 .whatsapp-62812-8687-9535 {
    flex: 1;
    align-self: stretch;
    text-align: center;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 35px;
    color: #0cb311; }
  .trusted-buyer-new .premiumbuyer-part-2 .whatsapp-62812-8687-9535-emphasis-0 {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    color: #0cb311; }
  @media (max-width: 767px) {
    .trusted-buyer-new .premiumbuyer-part-1 .banner-title-pos {
      display: block;
      top: 0;
      bottom: unset;
      padding: 16px; }
    .trusted-buyer-new .premiumbuyer-part-1 .group-178 {
      height: 100vh; }
    .trusted-buyer-new .premiumbuyer-part-1 .d88-1 {
      display: none; }
    .trusted-buyer-new .premiumbuyer-part-1 .image-3 {
      height: 100vh; }
    .trusted-buyer-new .premiumbuyer-part-1 .group-64 {
      padding: 16px;
      border: 1px solid white; }
    .trusted-buyer-new .premiumbuyer-part-1 .group-65 {
      padding: 16px;
      border: 1px solid white;
      margin-bottom: 16px; }
    .trusted-buyer-new .premiumbuyer-part-1 .gabung-trusted-buyer-untuk-kirim-permint {
      margin-left: 0;
      text-align: center; }
    .trusted-buyer-new .premiumbuyer-part-1 .dengan-menggunakan-email-perusahaan-dap,
    .trusted-buyer-new .premiumbuyer-part-1 .gabung-probuyer-untuk-mendapatkan-pembay,
    .trusted-buyer-new .premiumbuyer-part-1 .software-kami-menjawab-berbagai-kebutuha {
      text-align: center; }
    .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-four,
    .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-twenty-one,
    .trusted-buyer-new .premiumbuyer-part-1 .flex-wrapper-twenty-three,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-five,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-six,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-seven,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-seven,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirty-two {
      display: block; }
    .trusted-buyer-new .premiumbuyer-part-1 .group-142,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-two,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-four,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-eight,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-ten,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-fourteen,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-sixteen,
    .trusted-buyer-new .premiumbuyer-part-2 .d8888-1 {
      margin-right: 0; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-one,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-three,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-seven,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-nine,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-thirteen,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-fifteen,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-two,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-four,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-eight,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-ten,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-fourteen,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-sixteen {
      margin-bottom: 26px; }
    .trusted-buyer-new .premiumbuyer-part-1 .group-180 {
      width: 100%;
      padding: 0 16px; }
    .trusted-buyer-new .premiumbuyer-part-2 .group-184,
    .trusted-buyer-new .premiumbuyer-part-2 .group-181,
    .trusted-buyer-new .premiumbuyer-part-2 .group-148 {
      padding-left: 16px;
      padding-right: 16px; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-eight {
      flex-wrap: wrap; }
    .trusted-buyer-new .premiumbuyer-part-2 .group-183 {
      margin-right: 16px;
      margin-left: 16px;
      margin-bottom: 16px;
      padding-right: 16px;
      padding-left: 16px; }
    .trusted-buyer-new .premiumbuyer-part-2 .d77777-1 {
      margin-right: 0; }
    .trusted-buyer-new .premiumbuyer-part-2 .d8888-1,
    .trusted-buyer-new .premiumbuyer-part-2 .d88888-1 {
      max-width: 100%;
      height: auto; }
    .trusted-buyer-new .premiumbuyer-part-2 .d88888-1 {
      display: none; }
    .trusted-buyer-new .premiumbuyer-part-2 .d88888-1-m {
      max-width: 100%;
      height: auto;
      display: block; }
    .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-ten:not(:last-of-type) {
      margin-right: 0; }
    .trusted-buyer-new .premiumbuyer-part-2 .relative-wrapper-ten {
      margin-bottom: 16px; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-one {
      margin-right: 0;
      margin-bottom: 18px;
      display: block;
      text-align: center; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-one,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-three,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-four {
      width: 100%; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-three,
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-four {
      display: block;
      text-align: center; }
    .trusted-buyer-new .premiumbuyer-part-2 .vector,
    .trusted-buyer-new .premiumbuyer-part-2 .vector-three {
      margin-right: 0; }
    .trusted-buyer-new .premiumbuyer-part-2 .pilihan-supplier-lebih-banyak-karena-mem,
    .trusted-buyer-new .premiumbuyer-part-2 .eproc-indorading-digunakan-oleh-berbagai {
      width: 100%; }
    .trusted-buyer-new .premiumbuyer-part-2 .download-akatsuki-cloud-232-hd-wallpaper,
    .trusted-buyer-new .premiumbuyer-part-2 .download-akatsuki-cloud-232-hd-wallpaper-two {
      display: none; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-five {
      padding: 16px;
      display: block;
      text-align: center; }
    .trusted-buyer-new .premiumbuyer-part-2 .d999999999999-2 {
      margin-right: auto;
      width: 40.11%;
      margin-left: auto; }
    .trusted-buyer-new .premiumbuyer-part-2 .flex-wrapper-twenty-six {
      width: 100%;
      justify-content: center;
      padding-left: 12px; }
    .trusted-buyer-new .premiumbuyer-part-1 .perbandingan-free-buyer-trusted-buyer {
      margin-top: 20px;
      margin-bottom: 0; }
    .trusted-buyer-new .premiumbuyer-part-1 .perbandingan-free-buyer-trusted-buyer,
    .trusted-buyer-new .premiumbuyer-part-1 .keuntungan-jika-anda-menjadi-trusted-buy,
    .trusted-buyer-new .premiumbuyer-part-2 .solusi-e-procurement-lengkap-berbasis-we,
    .trusted-buyer-new .premiumbuyer-part-2 .our-happy-probuyer,
    .trusted-buyer-new .premiumbuyer-part-2 .testimoni-probuyer-kami,
    .trusted-buyer-new .premiumbuyer-part-2 .kelebihan-berbelanja-dengan-indotrading {
      font-size: 20px;
      line-height: unset; }
    .trusted-buyer-new .premiumbuyer-part-2 .advantage-m {
      display: block;
      max-width: 100%;
      height: auto;
      width: 20%; }
    .trusted-buyer-new .premiumbuyer-part-2 .advantage-www {
      display: none; }
    .trusted-buyer-new .premiumbuyer-part-2 .reporting,
    .trusted-buyer-new .premiumbuyer-part-2 .vendor-management,
    .trusted-buyer-new .premiumbuyer-part-2 .procure-to-pay,
    .trusted-buyer-new .premiumbuyer-part-2 .e-katalog {
      width: 100%;
      font-size: 18px; }
    .trusted-buyer-new .premiumbuyer-part-2 .group-184 {
      padding-bottom: 16px; }
    .trusted-buyer-new .premiumbuyer-part-2 .group-148 {
      margin: 0; }
    .trusted-buyer-new .m-text-center {
      text-align: center; }
    .trusted-buyer-new .premiumbuyer-part-2 .lebih-dari-80-000-supplier-yang-sudah-di,
    .trusted-buyer-new .premiumbuyer-part-2 .proses-procurement-sampai-dengan-pembuat,
    .trusted-buyer-new .premiumbuyer-part-2 .belanja-langsung-seperti-situs-belanja-b {
      font-size: 14px;
      line-height: unset; } }

.border-black {
  border: 1px solid black; }

.br-30px {
  border-radius: 30px; }

.shadow-none {
  box-shadow: unset !important; }

.border-main {
  border: 2px solid #c4ced1 !important; }

.input-margin-none .v-input__slot {
  padding: 0 !important; }

.input-margin-none .v-text-field__details {
  margin: 0 !important; }

.input-margin-none .v-input__prepend-outer {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.btn-seacrh {
  background-color: #dd1f26 !important;
  border-color: #dd1f26 !important; }

.whatsapp-green {
  background-color: #25D366 !important;
  border-color: #25D366 !important; }

.button-noborder-focus:focus {
  outline: 0; }

.contact-box {
  position: relative;
  width: 250px;
  background: #ffffff;
  border-radius: 7px;
  border: #000000 solid 3px;
  margin-bottom: 28px; }
  .contact-box a {
    color: black !important; }
  .contact-box::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 26px 16px 0;
    border-color: #000000 transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -16px;
    bottom: -29px;
    left: 88%; }
  .contact-box::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 14px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -14px;
    bottom: -24px;
    left: 88%; }

.filter-status {
  overflow-x: auto; }
  .filter-status a {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-right: 5px;
    white-space: nowrap; }
    .filter-status a:last-child {
      margin-right: 0; }
    .filter-status a:hover, .filter-status a.active {
      background-color: #dd1f26;
      color: white !important; }

.detail-warning-red {
  background-color: rgba(221, 31, 38, 0.0980392);
  border-radius: 5px;
  padding: 15px 35px; }

.detail-warning-yellow {
  background-color: rgba(255, 204, 0, 0.22);
  border-radius: 5px;
  padding: 15px 35px; }

.chat-detail-rfq {
  background-color: #f2f2f2;
  min-height: 250px;
  max-height: 450px;
  overflow-y: auto; }
  .chat-detail-rfq .chat-container-left {
    padding: 10px 0;
    display: flex;
    justify-content: flex-start; }
    .chat-detail-rfq .chat-container-left .icon-circle {
      margin-right: 10px; }
      .chat-detail-rfq .chat-container-left .icon-circle i {
        color: red; }
    .chat-detail-rfq .chat-container-left .chat-bubble {
      border-radius: 0 10px 10px 10px; }
  .chat-detail-rfq .chat-container-right {
    padding: 10px 0;
    display: flex;
    justify-content: flex-end; }
    .chat-detail-rfq .chat-container-right .icon-circle {
      margin-left: 10px; }
      .chat-detail-rfq .chat-container-right .icon-circle i {
        color: green; }
    .chat-detail-rfq .chat-container-right .chat-bubble {
      border-radius: 10px 0 10px 10px; }
  .chat-detail-rfq .icon-circle {
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px; }
  .chat-detail-rfq .chat-bubble {
    background-color: white;
    min-width: 100px;
    max-width: 50%;
    padding: 0 10px; }
    .chat-detail-rfq .chat-bubble .chat-time {
      text-align: right;
      font-size: 10px; }

.lightgray {
  background-color: #f2f2f2; }

.blue-notification {
  background-color: blue;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: 0;
  z-index: 10;
  font-size: 10px; }

.theme--light.v-table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; }

.btn-alamat {
  padding: 5px 20px;
  box-shadow: none !important;
  border-radius: 5px;
  text-transform: none;
  background-color: #d32f2f !important; }

.btn-batal {
  text-transform: none;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  background-color: white !important; }

.v-text-field.v-text-field--outline .v-input__control .v-input__slot {
  border-color: #ddd; }

.v-badge-text {
  text-transform: none;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: normal; }

.add-address-title {
  background-color: #d32f2f;
  margin-top: -10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  height: 60px; }

.btn-close {
  position: absolute !important;
  top: 10px;
  right: 0; }

.box .left-content {
  max-width: 350px;
  margin-top: 15px; }

.box .left-content p {
  margin-top: -15px;
  font-size: 13px; }

.box {
  justify-content: space-between;
  border: 1px solid #d32f2f; }

.box2,
.box3 {
  border: 1px solid #dddcdc !important; }

.v-badge-utama {
  background-color: pink;
  color: #d32f2f;
  font-size: 14px; }

.link-address-change {
  color: #d32f2f !important; }

.my-custom-dialog {
  align-self: flex-start;
  position: absolute !important;
  font-size: 13px; }

.rfq-discussion-dialog {
  position: absolute;
  bottom: 70px;
  right: 0; }

.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) .v-input__control .v-input__slot {
  box-shadow: none;
  border: 1px solid #d7d7d7;
  border-radius: 5px; }

.v-text-field.v-text-field--solo .v-input__control {
  min-height: 40px; }

/* .theme--light.v-list {
    margin-top: 40px;
  } */
.add-address-title {
  background-color: #d32f2f; }

.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 8px;
  margin-left: -10px;
  opacity: 0.4; }

.v-card__text {
  padding: 0 16px 0 16px;
  border-bottom: 1px solid #f2f2f2; }

.v-form > .container {
  padding: 16px 16px 0 16px; }

.v-textarea.v-text-field--enclosed textarea {
  margin-top: 8px;
  font-size: 12px; }

.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
  margin-top: -35px; }

thead {
  border: none !important; }

table.v-table thead tr {
  background-color: #f2f2f2; }

.container-address-list {
  margin-top: -50px !important; }

.address-list-box {
  border: 1px solid #676767;
  padding: 15px;
  border-radius: 7px;
  margin-bottom: 10px; }

.address-list-box-active {
  border: 1px solid #C41C20; }

.custom-dialogAddress {
  position: absolute !important;
  bottom: 0; }

.action {
  margin-top: -30px; }

.action v-text {
  cursor: pointer; }

.main-address {
  background-color: #ffd2d2;
  color: #C41C20;
  padding: 3px 5px;
  border-radius: 4px;
  margin-left: 5px; }

.rfq-status {
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .rfq-status.orange-brd {
    color: #ff9800;
    background-color: #f3e3cc; }
  .rfq-status.green-brd {
    color: #4caf50;
    background-color: #cce6cc; }
  .rfq-status.grey-brd {
    color: #9e9e9e;
    background-color: #f5f5f5; }
  .rfq-status.black-brd {
    color: #000;
    background-color: #cccccc; }
  .rfq-status.red-brd {
    color: #f44336;
    background-color: #ffd2d2; }

.rfq-list-gray {
  padding-top: 200px; }
  .rfq-list-gray tbody {
    background-color: #e4e4e4; }

.bg-lightgray2 {
  background-color: #e4e4e4; }

.no-pad-expand table.v-table tbody td {
  padding: 0 !important; }

.bottom-only-dialog {
  margin: 0;
  position: fixed;
  bottom: 0;
  z-index: 9999999999999999999999999999999999999999999999; }

.icon {
  height: 100%;
  width: 50%; }

.download-guide-btn-lkpp {
  text-decoration: none;
  color: #484848 !important;
  padding: 10px;
  border-radius: 5px; }

.download-guide-btn-lkpp:hover {
  color: #5c5c5c !important; }

.download-guide-btn-lkpp:hover {
  background-color: #f2f2f2; }

.btn-brd-whatsapp {
  padding: 10px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 5px;
  transition: all .3s ease;
  text-align: center; }

.btn-brd-whatsapp {
  outline: 0; }

.btn-brd-whatsapp {
  border: 2px solid #3DBF4C;
  background: #fff; }

.logo-brd {
  justify-content: center;
  border-radius: 50%;
  border: 8px solid #0c6;
  width: 75px;
  height: 75px; }

.pos-cust {
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  z-index: 1060;
  padding: 0 40px; }

.w-135px {
  width: 135px; }

.footer-config .v-icon {
  align-items: center;
  display: inline-flex;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  font-size: 20px;
  justify-content: center;
  line-height: 1;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  vertical-align: text-bottom; }

.mystyle {
  background: #dd1f26 !important; }
  .mystyle #menubar-icon,
  .mystyle #Shopping-icon {
    color: white !important; }
  @media only screen and (max-width: 959px) {
    .mystyle .v-toolbar__content {
      padding: 0 !important; } }

@media (max-width: 567px) {
  .padding-content2 {
    padding-top: 60px !important; }
  .padding-content {
    padding-top: 60px !important; } }

.shadow-cust {
  box-shadow: 0 2px 4px 1px #dee2e6, 0 4px 5px #dee2e6, 0 1px 10px #dee2e6;
  border-radius: 7px;
  width: 96%; }

.shadow-list-box {
  box-shadow: 0 2px 4px 1px #dee2e6, 0 4px 5px #dee2e6, 0 1px 10px #dee2e6; }

.card-bg {
  background-color: white;
  padding: 10px 15px; }

.other-menu-mobile {
  border-bottom: 5px solid #F0F2F6;
  border-top: 5px solid #F0F2F6;
  padding: 10px 10px 10px 30.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #3f3f3f; }

.brd-menulain {
  border-bottom: 10px solid #F0F2F6; }

.brd-top-bottom-10 {
  border-bottom: 10px solid #D9D9D9;
  border-top: 10px solid #D9D9D9; }

.v-snack {
  z-index: 1021 !important; }

.swal2-icon.swal2-info {
  border-color: #dd1f26 !important;
  color: #dd1f26 !important; }

.pa-inviteSupplier {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 30px; }

.text-custom-invSupplier {
  max-width: 170px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.detailProd-ellipsis {
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.bg-antiquewhite {
  background-color: #fcf0f0;
  border: 2px solid #DEDEDE; }

.btn-cancel {
  background-color: #fff !important;
  border: 1px solid #dd1f26 !important;
  color: #dd1f26 !important; }

@media (max-width: 855px) and (min-width: 500px) {
  .prod-box {
    width: 100% !important; }
    .prod-box .img-searchresult {
      padding-left: 10px;
      padding-top: 10px;
      width: 150px !important; } }

.swiper-button-next,
.swiper-button-prev {
  top: 65% !important; }
  @media (max-width: 767px) {
    .swiper-button-next,
    .swiper-button-prev {
      top: 75% !important; } }

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px !important;
  color: black;
  font-weight: bold;
  background-size: 27px 16px;
  background-color: #fff;
  height: 33px;
  color: #000;
  background-image: none;
  padding-top: 6.5px;
  padding-left: 9px;
  width: 36px;
  border-radius: 4px;
  transition: all .3s ease-in-out;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 20px !important;
  color: black;
  font-weight: bold; }

.gender-btn :active,
.gender-btn :focus {
  border-color: #D42029 !important;
  color: #D42029 !important; }

.gender-btn-active {
  border-color: #D42029 !important;
  color: #D42029 !important; }

.border-15px {
  border-radius: 15px 15px 15px 15px; }

.img-chatarea {
  object-fit: contain;
  width: 42px !important;
  height: 42px !important;
  background-color: white;
  border-radius: 30px; }

.menu-chat-position {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 99; }

.top {
  top: 0; }

.bottom {
  bottom: 0; }

.right {
  right: 0; }

.left {
  left: 0; }

.message-height {
  height: calc(100vh - 80px) !important;
  background-color: white; }

.card-text-message-center {
  display: flex;
  flex-direction: column; }

.message-user-container {
  display: flex;
  flex-direction: column;
  border-right: 2px solid #E5E5E5; }
  .message-user-container .message-list-head {
    padding: 15px; }
    .message-user-container .message-list-head .main-search-chat {
      flex-grow: 1 !important; }
    .message-user-container .message-list-head .chat-search-form {
      height: 40px;
      display: flex;
      align-items: center; }
      .message-user-container .message-list-head .chat-search-form .chat-search-input {
        height: 100%;
        width: 100%;
        text-indent: 8px;
        border: 1px solid #e5e5e5;
        border-right: 0;
        border-radius: 8px 0 0 8px; }
      .message-user-container .message-list-head .chat-search-form > .v-btn {
        margin: 0;
        border-radius: 0;
        height: 40px;
        width: 40px;
        border-radius: 0 8px 8px 0; }
    .message-user-container .message-list-head .btn-square {
      margin: 0;
      border-radius: 8px;
      height: 40px;
      width: 40px; }
      .message-user-container .message-list-head .btn-square.chat-filter {
        background-color: #e5e5e5; }
      .message-user-container .message-list-head .btn-square::before {
        border-radius: 8px; }
    .message-user-container .message-list-head .chat-filter-btn {
      border-color: #e5e5e5;
      height: 40px; }
  .message-user-container .message-user-list {
    flex: 1;
    padding: 0 7px 15px; }
    .message-user-container .message-user-list .chat-user-list-box {
      position: relative;
      margin-bottom: 5px;
      border-radius: 8px; }
      .message-user-container .message-user-list .chat-user-list-box:last-child {
        margin-bottom: 0; }
      .message-user-container .message-user-list .chat-user-list-box .menu-chat-position {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 99; }
      .message-user-container .message-user-list .chat-user-list-box:hover {
        background: #FFEDED; }
        .message-user-container .message-user-list .chat-user-list-box:hover .menu-hover {
          display: block !important; }
      .message-user-container .message-user-list .chat-user-list-box .menu-hover {
        display: none !important; }
    .message-user-container .message-user-list .chat-user-list {
      display: flex;
      align-items: center;
      padding: 8px;
      border-radius: 8px;
      cursor: pointer; }
      .message-user-container .message-user-list .chat-user-list.selected, .message-user-container .message-user-list .chat-user-list:hover {
        background: #FFEDED; }
      .message-user-container .message-user-list .chat-user-list .chat-list-user-img {
        border-radius: 8px;
        overflow: hidden; }
        .message-user-container .message-user-list .chat-user-list .chat-list-user-img img {
          width: 50px;
          height: 50px;
          object-fit: contain; }
      .message-user-container .message-user-list .chat-user-list .chat-detail {
        flex: 1;
        padding-left: 10px; }
      .message-user-container .message-user-list .chat-user-list .chat-time {
        font-size: 12px; }

.main-chat-head {
  padding: 15px;
  box-shadow: none;
  border-bottom: 3px solid #E5E5E5;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .main-chat-head .chat-area-user-img {
    border-radius: 8px;
    overflow: hidden; }
    .main-chat-head .chat-area-user-img img {
      width: 50px;
      height: 50px;
      object-fit: contain; }

.v-text-field-search .v-input__slot, .v-text-field-search-review .v-input__slot, .v-select-search .v-input__slot {
  border: 1px solid #E5E5E5 !important;
  box-sizing: border-box; }

.v-text-field-search .v-input__slot, .v-text-field-search-review .v-input__slot {
  border-radius: 0 !important;
  min-height: 40px; }

.v-text-field-search .v-text-field__slot input, .v-text-field-search-review .v-text-field__slot input {
  margin-top: 0 !important; }

.v-text-field-search .v-input__append-outer, .v-text-field-search-review .v-input__append-outer {
  margin: 0 !important;
  padding: 7px 10px; }

.v-text-field-search-review {
  width: 100%; }
  .v-text-field-search-review .v-text-field__slot input {
    color: #3F3F3F;
    font-size: 14px; }
    .v-text-field-search-review .v-text-field__slot input::placeholder {
      color: #959595; }
  .v-text-field-search-review .v-input__slot {
    border-radius: 5px 0px 0px 5px !important;
    min-height: 40px; }
  .v-text-field-search-review .v-input__append-outer {
    cursor: pointer;
    background: #DD1F26;
    border: 1px solid #DD1F26;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px; }
    .v-text-field-search-review .v-input__append-outer i {
      color: #ffffff !important; }
    .v-text-field-search-review .v-input__append-outer:hover {
      background: #c71c22 !important;
      border: 1px solid #c71c22 !important; }

.color--star {
  color: #FFc400 !important; }

.color--gray {
  color: #DBDEE2 !important; }

.color--gray-8f {
  color: #8f8f8f !important; }

.new-gallery .new-gallery-container {
  text-align: center;
  margin: 10px;
  width: 200px; }
  .new-gallery .new-gallery-container .new-gallery-img {
    width: 200px;
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .new-gallery .new-gallery-container .new-gallery-img .overshadow {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(97, 97, 97, 0.5);
      display: none; }
    .new-gallery .new-gallery-container .new-gallery-img:hover .overshadow {
      display: flex;
      align-items: center;
      justify-content: center; }

.img-upload .upload-img-container {
  display: inline-block;
  cursor: pointer; }
  .img-upload .upload-img-container .img-upload-hide {
    opacity: 0; }
  .img-upload .upload-img-container .upload-icon {
    font-size: 50px;
    cursor: pointer; }

.img-upload .uploaded-image {
  width: 100px;
  height: 100px;
  border: 1px dashed #ddd;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 35px; }
  .img-upload .uploaded-image .uploaded-img-container {
    border: 1px solid #E5E5E5;
    border-radius: 5px; }
  .img-upload .uploaded-image .edit-container {
    width: 24px;
    height: 24px;
    color: #1DCF8F;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E5E5; }
  .img-upload .uploaded-image .delete-container {
    width: 24px;
    height: 24px;
    color: #D42029;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E5E5; }
  .img-upload .uploaded-image .delete-file {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 0;
    border-right: 0; }
  .img-upload .uploaded-image .marker-container {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E5E5; }
    .img-upload .uploaded-image .marker-container .far {
      color: black; }
    .img-upload .uploaded-image .marker-container .fas {
      color: #F4B616; }

.middot {
  font-size: 2rem;
  font-weight: bold; }

.mb-min10 {
  margin-bottom: -10px; }

.ws-normal {
  white-space: normal; }
  .ws-normal-i {
    white-space: normal !important; }

.country-flag {
  width: 18px;
  position: static !important;
  height: 18px; }

@media (max-width: 767px) {
  .v-toolbar__content {
    background-color: #d42029; } }

@media (max-width: 576px) {
  .mb-3.w-100 img {
    margin-top: 3.5em; } }

.filter-white{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.filter-idt-red{-webkit-filter:invert(14%) sepia(76%) saturate(5892%) hue-rotate(351deg) brightness(89%) contrast(85%);filter:invert(14%) sepia(76%) saturate(5892%) hue-rotate(351deg) brightness(89%) contrast(85%)}.default-menu-dropdown-pi .v-menu__activator--active .fa-caret-down{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.bnpl-menu-dropdown .v-list__tile,.bnpl-menu-dropdown .v-list__tile:hover,.card-outline-grey,.card-outline-grey-err,.combobox-def .v-input__slot,.default-menu-dropdown .v-list__tile:hover,.default-menu-dropdown-pi .fa-caret-down,.default-menu-dropdown-pi .v-list__tile:hover,.default-menu-dropdown-pi .v-menu__activator--active .fa-caret-down,.option-menu-dropdown .v-list__tile:hover,.quantity-section-wrapper,.quantity-section-wrapper:focus-within,.text-field-def-outline .v-input__slot,.text-field-def-outline-gb .v-input__slot,.text-field-def-outline-gb-def .v-input__slot,.text-field-def-outline-gb-m .v-input__slot,.textarea-def-outline-gb .v-input__slot,.v-input--has-state.combobox-def .v-input__slot,.v-input--has-state.text-field-def-outline .v-input__slot,.v-input--has-state.text-field-def-outline-gb .v-input__slot,.v-input--has-state.text-field-def-outline-gb-def .v-input__slot,.v-input--has-state.text-field-def-outline-gb-m .v-input__slot,.v-input--has-state.textarea-def-outline-gb .v-input__slot,.vn-field-outline,.vn-field-outline-bnpl,.vn-field-outline-bnpl:focus,.vn-field-outline:focus{-webkit-transition:.3s cubic-bezier(.25,.8,.5,1)!important;transition:.3s cubic-bezier(.25,.8,.5,1)!important;-webkit-transition-property:all!important;transition-property:all!important;-webkit-transition-duration:.3s!important;transition-duration:.3s!important;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1)!important;transition-timing-function:cubic-bezier(.25,.8,.5,1)!important;-webkit-transition-delay:0s!important;transition-delay:0s!important}.d-block{display:block}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.d-hide{display:none!important}.d-flex-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.d-flex-col-i{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.d-flex-col-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:767px){.flex-dir-col-reverse-m{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}}.d-flex.j-center,.j-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.d-flex.j-start,.j-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.d-flex.j-end,.j-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.d-flex.j-end-i,.j-end-i{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.d-flex.j-sp-around,.j-sp-around{-ms-flex-pack:distribute;justify-content:space-around}.d-flex.j-sp-between,.j-sp-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.a-center,.d-flex.a-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.a-c-center,.d-flex.a-c-center{-ms-flex-line-pack:center;align-content:center}.a-baseline,.d-flex.a-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.a-start,.d-flex.a-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.a-end,.d-flex.a-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.min-h-fill{min-height:-webkit-fill-available}.min-h-fill>.h-inherit{height:inherit}@media (min-width:767px){.mw-2-d{max-width:2%;-ms-flex-preferred-size:2%;flex-basis:2%}.mw-2-d-i{max-width:2%!important;-ms-flex-preferred-size:2%!important;flex-basis:2%!important}.mw-7-d{max-width:7%;-ms-flex-preferred-size:7%;flex-basis:7%}.mw-7-d-i{max-width:7%!important;-ms-flex-preferred-size:7%!important;flex-basis:7%!important}.mw-12-d{max-width:12%;-ms-flex-preferred-size:12%;flex-basis:12%}.mw-12-d-i{max-width:12%!important;-ms-flex-preferred-size:12%!important;flex-basis:12%!important}.mw-18-d{max-width:18%;-ms-flex-preferred-size:18%;flex-basis:18%}.mw-18-d-i{max-width:18%!important;-ms-flex-preferred-size:18%!important;flex-basis:18%!important}.mw-45-d{max-width:45%!important}}.d-flex-col.w-10,.d-flex.w-10{width:10%}.d-flex-col.w-15,.d-flex.w-15{width:15%}.d-flex-col.w-20,.d-flex.w-20{width:20%}.d-flex-col.w-25,.d-flex.w-25{width:25%}.d-flex-col.w-30,.d-flex.w-30{width:30%}.d-flex-col.w-35,.d-flex.w-35{width:35%}.d-flex-col.w-40,.d-flex.w-40{width:40%}.d-flex-col.w-45,.d-flex.w-45{width:45%}.d-flex-col.w-49,.d-flex.w-49{width:49%}.d-flex-col.w-55,.d-flex.w-55{width:55%}.d-flex-col.w-60,.d-flex.w-60{width:60%}.d-flex-col.w-70,.d-flex.w-70{width:70%}.d-flex-col.w-80,.d-flex.w-80{width:80%}.f-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.d-flex-row-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-flex-col-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fstyle-italic{font-style:italic}.section-title,.section-title-brd{font-size:18px;font-weight:700;color:#333}.section-title-big-brd,.section-title-brd{border-bottom:1px solid #ddd;padding-bottom:20px}.section-title-big,.section-title-big-brd{font-size:22px;font-weight:700;color:#333}.p-normal{font-size:14px;font-weight:300}.span-bold,.span-bold-orange,.span-bold-uppercase{font-size:15px;font-weight:700}.span-bold,.span-bold-orange,.span-bold-uppercase{color:#333}.span-bold-orange{color:orange}.span-bold-uppercase{text-transform:uppercase}.span-label,.span-label-uppercase,.span-thin{font-size:12px;font-weight:400}.span-thin{color:#333}.span-label,.span-label-uppercase{color:#888;font-weight:600}.span-label-uppercase{text-transform:uppercase}.clr-red{color:#d42029}.clr-blue{color:#1b75ba}.clr-gray{color:#888}.clr-darkgray{color:#aaa}.clr-orange{color:orange}.clr-green{color:#3c9043}.txt-black-blue-1{color:#464d69}.txt-black-blue-1-i{color:#464d69!important}.txt-black-2{color:#3f3f3f}.txt-black-2-i{color:#3f3f3f!important}.text--red{color:#dd1f26}.text--red-i{color:#dd1f26!important}.text--black{color:900}.text--black-i{color:900!important}.text--gray{color:#888}.text-sidemenu{color:#3f3f3f!important}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.ws-preline{white-space:pre-line}.text-space-3px{letter-spacing:3px}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-6{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.typography-idt-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.typography-idt-wrapper>div{margin-bottom:.5rem;font-weight:600;line-height:1.2}.typography-idt-wrapper>div:first-child{color:#de252c}.typography-idt-wrapper>div:last-child{color:#595a5c}body{margin:0;padding:0;font-family:Rubik,sans-serif;font-size:14px}body .application,html .application{font-weight:400}.container-box,.container-box-brd-blue{padding:20px}.container-box,.container-box-brd-blue{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);background:#fff}.container-box-brd-blue{border-left:8px solid #1b75ba}.bg-gray,.bg-gray-brd-yellow,.bg-lightgray,.bg-red,.bg-white{padding:10px 20px}.section-split-brd{border-bottom:1px solid #ddd;margin-bottom:20px}.brb-1{border-bottom:1px solid}.brb-1-red{border-color:#d42029}.brd-top-grey{border-top:1px solid #c7c7c7}.bg-white{background:#fff}.bg-red{background:#d42029;color:#fff!important}.bg-gray{background:#ddd}.bg-lightgray{background:#fafafa}.bg-gray-brd-yellow{background:#fafafa;border-left:8px solid orange}.fw,.img-fw{width:100%}.hw{width:50%}.p-relative{position:relative}.list-brd{padding-bottom:20px;border-bottom:1px solid #ddd}.content-split{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px}.border-bottom-1-e5e5e5{border-bottom:solid 1px #e5e5e5}.no-border{border:none}.no-border-i{border:none!important}.form-basic,.input-brd-black,.input-brd-red{height:40px;text-indent:8px}.form-basic-rad,.form-non-disable{height:40px;text-indent:8px;border-radius:5px}.form-basic{border:1px solid #888}.form-basic-rad{border:1px solid #e5e5e5;width:100%}.input-brd-red{border:1px solid #d42029}.input-brd-black{border:2px solid #333}.check-round-green-lg{padding:10px 10px;border-radius:50%;border:3px solid #3c9043;color:#3c9043;text-align:center;width:100px;font-size:50px}.upload-photo-box{width:200px;max-width:200px;min-width:200px;height:200px;max-height:200px;min-height:200px}@media (max-width:766px){.upload-photo-box{width:100px!important;max-width:100px!important;min-width:100px!important;height:100px!important;max-height:100px!important;min-height:100px!important}}.t2-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width:767px){.t2-layout{font-size:12px}}.t2-layout .initial{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:130px;max-width:130px;min-width:130px}.default-h-nodata{height:19.2px;max-height:19.2px;min-height:19.2px}.sk .v-text-field__prefix{display:-webkit-box;display:-ms-flexbox;display:flex;width:15px;max-width:15px;min-width:15px;color:#000!important}.merged-component-2-bnpl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}.merged-component-2-bnpl .v-btn{height:42px}.merged-component-2-bnpl>div:first-child{width:12%}.merged-component-2-bnpl>div:first-child .v-input__slot{border-radius:5px 0 0 5px!important;border-right-width:0!important}.merged-component-2-bnpl>div:last-child{width:78%}.merged-component-2-bnpl>div:last-child .v-input__slot{border-radius:0 5px 5px 0!important}.merged-component-2-bnpl>button:last-child{width:78%;border-radius:0 5px 5px 0!important}.merged-component-tf-b{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}.merged-component-tf-b .v-btn{height:42px}.merged-component-tf-b>div:first-child{width:78%}.merged-component-tf-b>div:first-child .v-input__slot{border-radius:5px 0 0 5px!important;border-right-width:0!important}.merged-component-tf-b>div:last-child{width:12%}.merged-component-tf-b>div:last-child .v-input__slot{border-radius:0 5px 5px 0!important}.merged-component-tf-b>button:last-child{width:12%;border-radius:0 5px 5px 0!important}.merged-component-2-tf-w-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}.merged-component-2-tf-w-btn .v-btn{height:42px}.merged-component-2-tf-w-btn>div:first-child{width:78%}.merged-component-2-tf-w-btn>div:first-child .v-input__slot{border-radius:5px 0 0 5px!important;border-right-width:0!important}.merged-component-2-tf-w-btn>div:last-child{width:12%}.merged-component-2-tf-w-btn>div:last-child .v-input__slot{border-radius:0 5px 5px 0!important}.merged-component-2-tf-w-btn>button:last-child{width:12%;border-radius:0 5px 5px 0!important}.chip-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 7px;border-radius:12px;background:#e0ffe3;border:1px solid #63c06c;color:#63c06c;font-size:12px;font-weight:700;text-transform:uppercase}.chip-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 7px;border-radius:12px;background:#e5e5e5;border:1px solid #7c7c7c;color:#7c7c7c;font-size:12px;font-weight:700;text-transform:uppercase}.chip-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 7px;border-radius:12px;background:#fee;border:1px solid #d42029;color:#d42029;font-size:12px;font-weight:700;text-transform:uppercase}.chip-4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 7px;border-radius:12px;background:#ffefe0;border:1px solid #fa7b06;color:#fa7b06;font-size:12px;font-weight:700;text-transform:uppercase}.chip-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 7px;border-radius:12px;background:#e0f4ff;border:1px solid #3194dc;color:#3194dc;font-size:12px;font-weight:700;text-transform:uppercase}.loading-icon{position:fixed;width:100%;height:100%;top:0;z-index:-1;opacity:0;-webkit-transition:.3s;transition:.3s}.loading-icon.active{z-index:2;opacity:1;background:rgba(255,255,255,.7)}.loading-icon svg path,.loading-icon svg rect{fill:#d42029}.loading-icon.absolute{position:absolute}.alert-box-lb{padding:10px;border-radius:5px;background-color:#fef1f4;white-space:break-spaces}.info-box-lb{padding:10px;border-radius:5px;background-color:#dbeefd;white-space:break-spaces}.distinct-alert-box{background-color:#fbccd7;color:#f44336!important;padding:2px;border-radius:5px}.otp-input-bnpl>input{width:50px!important}.resend-otp-wrapper .rOTP{color:#000!important;cursor:pointer}.resend-otp-wrapper .rOTP:hover{text-decoration:underline}.resend-otp-wrapper span{color:#d3d3d3}.transition-header-new{-webkit-transition:all .69s cubic-bezier(.4,0,.2,1);transition:all .69s cubic-bezier(.4,0,.2,1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.69s,.69s;transition-duration:.69s,.69s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1),cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1),cubic-bezier(.4,0,.2,1);-webkit-transition-delay:0s,0s;transition-delay:0s,0s}.header-icon-container{padding:10px;width:40%}.quantity-section-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #adadad;border-radius:4px;height:32px}.quantity-section-wrapper:focus-within{border:1px solid #dd1f26}.quantity-section-wrapper .v-btn{margin:0}.quantity-section-wrapper .input-wrapper .v-input__control{min-height:36px}.quantity-section-wrapper .input-wrapper .v-input__slot{border:none!important;padding:0!important}.quantity-section-wrapper .input-wrapper .v-input__slot input{caret-color:grey;text-align:center}.quantity-section-wrapper .v-btn--icon{border-radius:unset!important}.quantity-section-wrapper .v-btn--icon::before{border-radius:unset!important}.quantity-section-wrapper .v-btn__content{font-size:25px}.quantity-section-wrapper .btn-quantity-active:hover::before,.quantity-section-wrapper .btn-quantity:hover::before{background-color:unset!important}.quantity-section-wrapper .btn-quantity .v-btn__content{color:#adadad}.quantity-section-wrapper .btn-quantity-active .v-btn__content{color:#dd1f26}.form-non-disable{border:1px solid #d8d8d8;width:100%}.form-non-disable:focus{border:1px solid #888}.forfix-dropdown-form .v-input__slot{padding-left:8px!important}.forfix-dropdown-form .v-input__slot input{padding:0!important;font-size:14px;margin-bottom:10px}.forfix-dropdown-form .v-input__slot .v-input__append-inner{margin-bottom:10px}.border-focused{border:1px solid #888!important}.custom-drop{padding:0}.custom-drop .list-product-cpc{overflow:auto}.custom-drop ul li{padding:.5rem 1.75rem .5rem .75rem}.custom-drop ul li:hover{background-color:#1b75ba!important;color:300}.margin-unset{margin:unset}.margin-unset-i{margin:unset!important}@media (min-height:600px){.d-mt-75{margin-top:75px}.d-pt-1k{padding-top:4px}.d-pt-2k{padding-top:8px}.d-pt-3k{padding-top:16px}.d-pt-4k{padding-top:24px}.d-pt-5k{padding-top:48px}.d-px-50{padding:0 50px}}@media (max-width:600px){.mb-40-m{margin-bottom:40px}}@media (max-width:600px){.ml-18-m{margin-left:18px}.mt-45-m{margin-top:45px}.header-icon-container{width:100%!important;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.top-4{top:24px}.top-5{top:48px}.m-auto{margin:auto}.m-0{margin:0}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-8-i{margin-bottom:8px!important}.mb-10{margin-bottom:10px}.mb-10-i{margin-bottom:10px!important}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-35{margin-bottom:35px}.ml-0{margin-left:0}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.mr-0{margin-right:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mb_1-1{margin-bottom:1.1rem}.px-30{padding-left:30px;padding-right:30px}.px-10{padding-left:10px;padding-right:10px}.py-10{padding-top:10px;padding-bottom:10px}.py-10-i{padding-top:10px!important;padding-bottom:10px!important}.p-0{padding:0}.p-10{padding:10px}.p-12{padding:12px}.p-15{padding:15px}.p-15-i{padding:15px!important}.p-20{padding:20px}.pt-0{padding-top:0}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-50{padding-bottom:50px}.pl-0{padding-left:0}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pr-0{padding-right:0}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.w-45r{width:45%;margin:0 0 0 auto!important}@media (max-width:991px){.w-45r{width:100%}}.card-outline-grey{color:#000;border-radius:5px;border:1px solid #b5b5b5;background-color:#fdfdfd}.card-outline-grey .round-info-icon{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:50%;text-align:center;color:#fdfdfd;background-color:#000}.card-outline-grey .c-73{color:#737373!important}.card-outline-grey-err{color:#000;border-radius:5px;border:1px solid #b5b5b5;background-color:#fdfdfd;border:2px solid #f44336!important}.card-outline-grey-err .round-info-icon{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:50%;text-align:center;color:#fdfdfd;background-color:#000}.card-outline-error{color:#d42029;border-radius:5px;border:1px solid #d42029;background-color:#ffe2d9}.card-outline-error .round-info-icon{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:50%;text-align:center;color:#ffe2d9;background-color:#d42029}.card-outline-success{color:#23a665;border-radius:5px;border:1px solid #23a665;background-color:#ddf6dd}.card-outline-success .round-info-icon{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:50%;text-align:center;color:#ddf6dd;background-color:#23a665}.card-outline-warning{color:#ffc53e;border-radius:5px;border:1px solid #ffc53e;background-color:#fff9d9}.card-outline-warning .round-info-icon{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:50%;text-align:center;color:#fff9d9;background-color:#ffc53e}.fi-default-wrapper{margin-bottom:12px}.fi-default-wrapper .v-input__slot{margin-bottom:0!important}.icon-round-ttip-activator{color:#3470b7;-webkit-box-shadow:1px 1px 5px 0 grey;box-shadow:1px 1px 5px 0 grey}.card-toolbar .fixed-top{position:-webkit-sticky;position:sticky;top:0;z-index:1}.card-toolbar .fixed-top-transparent{background:0 0}.card-toolbar .fixed-bot{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}.card-toolbar .fixed-bot .v-toolbar__content{padding:0 10px!important}.card-toolbar .fixed-bot-transparent{background:0 0}.card-toolbar .fixed-bot.end{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.card-toolbar .flex-sp-between .v-toolbar__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.purchase-order-banner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.6rem;border-radius:7px;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#de6262),to(#fba36d));background:linear-gradient(90deg,#de6262 0,#fba36d 100%)}@media (min-width:600px){.purchase-order-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 1.2rem;padding:1.2rem}}@media (max-width:600px){.purchase-order-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem;margin:0 1rem}}.dialog-bg-image-layout.po .v-card>div .gradient{position:absolute;top:0;height:130%;width:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(18.25%,#fff),to(rgba(255,255,255,0)));background:linear-gradient(360deg,#fff 18.25%,rgba(255,255,255,0) 100%)}.layout-gap .flex:not(:last-child){margin-bottom:8px}.txt-price{color:#e3a03b}.default-custom-tabs{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.default-custom-tabs .v-tabs__bar{border:none}.default-custom-tabs .v-tabs__container{height:24px}.default-custom-tabs .v-tabs__container .v-tabs__div .v-tabs__item{border-radius:10px}.default-custom-tabs .v-tabs__container .v-tabs__div .v-tabs__item--active{background-color:#dcdcdc}.default-custom-tabs-2{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.default-custom-tabs-2 .v-tabs__bar{border:none}.default-custom-tabs-2 .v-tabs__container{height:24px}.default-custom-tabs-2 .v-tabs__container .v-tabs__div .v-tabs__item{border-radius:10px}.default-custom-tabs-2 .v-tabs__container .v-tabs__div .v-tabs__item--active{color:#fff!important;background-color:#d42029}.custom-bullet-point{overflow:auto;height:350px}.custom-bullet-point :first-child .custom-timeline::before{top:6%;height:80%}.custom-bullet-point :last-child .custom-timeline::before{top:6%;height:85%}.custom-bullet-point>div{padding-right:1rem}.custom-bullet-point>div .custom-timeline{padding-top:0}.custom-bullet-point>div .custom-timeline::before{left:calc(5% - 1px);width:1.5px;background:#000!important}.custom-bullet-point>div .custom-timeline .v-timeline-item .v-timeline-item__dot{height:23px;width:23px;left:calc(6.5% - 19px);border:1px solid #000}.custom-bullet-point>div .custom-timeline .v-timeline-item .v-timeline-item__dot .v-timeline-item__inner-dot{width:15px;height:15px;background-color:#000!important;border-color:#000!important;margin:3px auto}.custom-bullet-point>div .custom-timeline .v-timeline-item .v-timeline-item__body{max-width:calc(95% - 48px)}.custom-bullet-point>div .custom-timeline .bullet-option-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1.5px solid #000;border-radius:35px 0 0 35px;padding:8px}.custom-bullet-point>div .custom-timeline .bullet-option-description :last-child{padding-left:.5rem;margin-left:.5rem;border-left:1px solid #000}.token-paid-box{padding:9px 14px;background:#fff;border:1px solid #0d9d3e;color:#0d9d3e;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px}.token-free-box{padding:9px 14px;background:#fff;border:1px solid #7f7f7f;color:#7f7f7f;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;border:1px solid #e5e5e5!important}.v-btn:focus{outline:0}.btn-bgr-orange,.btn-bgr-red,.btn-bgr-white,.btn-brd-gray,.btn-brd-orange,.btn-brd-red{padding:10px 25px;text-transform:uppercase;font-size:14px;font-weight:500;border-radius:5px;-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center}.btn-bgr-orange:focus,.btn-bgr-red:focus,.btn-bgr-white:focus,.btn-brd-gray:focus,.btn-brd-orange:focus,.btn-brd-red:focus{outline:0}.btn-no-bg{border:none;background:0 0}.btn-no-bg:focus{outline:0}.btn-brd-orange{border:2px solid orange;background:#fff;color:orange}.btn-brd-orange:hover{background:orange;color:#fff}.btn-brd-red{border:2px solid #d42029;background:#fff}.btn-brd-red:hover{background:#d42029;color:#fff}.btn-brd-gray{border:1px solid #888;background:#fff;color:#888}.btn-brd-gray:hover{background:#888;color:#fff}.btn-bgr-red{border:none;background:#d42029;color:#fff}.btn-bgr-red:hover{background:#be1d25;color:#fff}.btn-bgr-orange{border:none;background:orange;color:#fff}.btn-bgr-orange:hover{background:#e69500;color:#fff}.btn-bgr-white{border:none;background:#fff}.bnpl-menu-dropdown{font-size:14px;border-radius:0 0 5px 5px}.bnpl-menu-dropdown .v-list__tile__title{font-size:14px}@media (max-width:767px){.bnpl-menu-dropdown .v-list__tile__title{font-size:12px!important}}.bnpl-menu-dropdown .v-list__tile{cursor:pointer;font-size:14px;padding:0 12px}@media (max-width:767px){.bnpl-menu-dropdown .v-list__tile{font-size:12px!important}}.bnpl-menu-dropdown .v-list__tile:hover{background-color:#fef1f4!important}.bnpl-menu-dropdown .v-list__tile:hover .v-list__tile__title{color:#de252c}.btn-out-dialog{margin-bottom:28px;position:absolute!important;left:834px;z-index:2;top:-35px}.link-bold-black,.link-thick-black{color:#333;font-size:14px}.link-thick-black{font-weight:500}.link-thick-black:hover{color:#333}.link-bold-black{font-weight:700}.link-bold-black:hover{color:#333}.link-bold-red,.link-thick-red{color:#d42029;font-size:14px}.link-thick-red{font-weight:500}.link-thick-red:hover{color:#d42029}.link-bold-red{font-weight:700}.link-bold-red:hover{color:#d42029}.link-bold-orange,.link-thick-orange{color:orange;font-size:14px}.link-thick-orange{font-weight:500}.link-thick-orange:hover{color:orange}.link-bold-orange{font-weight:700}.link-bold-orange:hover{color:orange}.option-menu-dropdown{border-radius:0 0 5px 5px}.option-menu-dropdown .v-list__tile{cursor:pointer}.option-menu-dropdown .v-list__tile:hover{padding-left:11px;background-color:#fee!important;border-left:5px solid #d42029}.option-menu-dropdown .v-list__tile:hover .v-list__tile__title{color:#d42029!important}.option-menu-dropdown .v-list__tile__title{color:900;font-size:14px}.option-menu-dropdown .v-icon{font-size:14px}.option-menu-dropdown .download-icon{margin:0 12px 0 2px}.option-menu-dropdown .download-icon::before{border-bottom:2px solid currentColor!important}.default-menu-dropdown{border-radius:0 0 5px 5px}.default-menu-dropdown .v-list__tile{cursor:pointer}.default-menu-dropdown .v-list__tile:hover{padding-left:11px;background-color:#fee!important;border-left:5px solid #d42029}.default-menu-dropdown .v-list__tile:hover .v-list__tile__title{color:#d42029!important}.default-menu-dropdown .v-list__tile__title{color:900;font-size:14px}.default-menu-dropdown .v-icon{font-size:14px}.default-menu-dropdown-pi{border-radius:0 0 5px 5px}.default-menu-dropdown-pi .v-list__tile{cursor:pointer}.default-menu-dropdown-pi .v-list__tile:hover{padding-left:11px;background-color:#fee!important;border-left:5px solid #d42029}.default-menu-dropdown-pi .v-list__tile:hover .v-list__tile__title{color:#d42029!important}.default-menu-dropdown-pi .v-list__tile__title{color:900;font-size:14px}.default-menu-dropdown-pi .v-icon{font-size:14px}.menu-active-button:focus{outline:0}.btn-xs{width:24px!important;height:24px!important}.btn-xs .v-icon{font-size:12px!important}.layout-floating-tl{position:absolute!important;top:.5rem;right:.5rem}.layout-floating-mr{position:absolute!important;right:0;top:mr}.card-pill{padding:18px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);border-radius:25px 0 0 25px}.download-idt-btn{border:1px solid #b7b7b7!important;border-radius:5px;padding:25px 18px}.seller-default-btn{color:#7f7f7f;border:1px solid #e5e5e5!important;position:relative!important;left:-22px;padding:0 80px 0 30px}.seller-default-btn .v-btn__content{color:#7f7f7f}.buyer-default-btn{background-color:#dd1f26!important;position:fixed!important;right:20px;padding:0 30px;z-index:1}.buyer-default-btn .v-btn__content{color:#fff!important}.buyer-default-btn .forfix-label{position:relative}.btn-pdf{border:1px solid #dde6f3;border-radius:7px;-webkit-box-shadow:none!important;box-shadow:none!important;text-transform:capitalize;padding:8px 8px 8px 32px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAADAFBMVEUAAAD/AAD/AAD/AAD/AD//MzP/Kir+JCTfHx/iHBzlGRnnFy7pFSrrEyfsJCTuIiLvHx/wHh7wHCrxGijyGSbyGCTnFyLoISHpHx/qHijrHSfsHCXsGyTtGiPuGSLuGCDvHyfvHibwHiXwHSTpHCPqGyLqGiHrGifrGSbsHyXsHiTtHSPtHCLtHCHuGyHuGyXvGiXvGiTqGSPrHiPrHSLrHCHsHCXsGyXsGyTtGiPtGiPtGSLuHSLuHSXuHCXuHCTrGyPrGyPrGyLrGiLsGiXsHSTsHSTtHCPtHCPtGyLtGyLtGyXuGiTuGiTrHSPrHSPrHCPsHCLsGyXsGyTsGyTtGyTtGiPtHSPtHCLtHCXtHCTuHCTuGyTrGyPsGyPsGiLsHSXsHCTsHCTsHCTtHCPtGyPtGyPtGyXtGiTtHSTuHCTrHCPsHCPsHCPsGyXsGyTsGyTsGyTtHSPtHCPtHCPtHCXtHCTtGyTuGyTsGyPsGyPsHSPsHCXsHCTsHCTsHCTtGyPtGyPtGyPtGyPtGyTtHCTtHCTsHCPsHCPsGyPsGyPsGyTsGyTrGyTtHCLtHCPtHCPtHCPtGiTtGyTtGyTsGyLsGyPsHCPsHCPsHCTsHCTrGiTtGyLtGyPtGyPtGyPtHCTtHCTtHCTsHCLsGiPsGiPsGyPsGyTrGyTrHCTtHCTtHCLtHCPtHCPtGiTtGyTtGyTtGyTsHCLsHCPsHCPsHCTrHCTrGiTrGiTtGyLtGyPtHCPtHCTtHCTtHCTtHCTsGiLsGiLsGyPrGyTrHCTrHCTrHCTtHCLtHCLtGiPtGiTtGiTtGyTtHCTsHCLsHCLrHCPrHCTrGiTrGiTrGiTtGyLtGyLtHCPtHCPtHCTtHCTtGiTsGiLsGiLrGyLrGyPrHCTrHCTrHCTtHCLtGiLtGiLtGiPtGiTtGyTtHCTsHCLrHCLrHCLrGiPrGiTrGiTrGiTtGyLtHCLtHCLtHCLtHCTtGiTtGiTsGiLrGiLrGiLrHCLrHCTrHCTrHCTtHCTCzHG9AAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7rCNk1AAAU/UlEQVR42u3dd5wUZZ7H8WfywBCGHIa4YEQBA+bEKiiKhD0ziLqLiiK6ouiJB4IJ5Fw8XVEExMCKsIqgIihhRRBYEBUUEEHJOQ7DDAOT6mB377a6q56e6apunqfr+Xz/7tdTv+f5vWe6KwtBCCGEEEIIIScu9X/b99XPFqxYv/eoFagULBvSkO5GTsoFg+YdsIKbw4/QY3lq3TslyM3/Z95IotGuSe44+ahlQsYn02xn6g7ZZJmSdxAQntojCiyD8pcUWm5PzecPWWZlUipd//d3/wMHLePyAQL+L6cvskzMR2m0/njShx61zMzH6XRfiBYrLGMzPYP+X3vAMjgzMw1vf9LgUsvozKpkdP8rf2yZnrmVDe5/1fkWmZdlbP9rLKH9x7KgiqH9r7Oc5v8jC6uZ+fe/skKrU7h7a6JmR0UF/L26iYd/vipnVTZPfuqmM2sm8sGyRuFTyt0gmevSbPMA/CVS84um9zs18afoALC1ya+SCX9b07T+D43Q/tWP1A3EHJ0ARON1kjl/X8us/veQt39++6BM0gWAyPlZMu0VdUzqf0vpyf9FVwVnlm4ARIOfJDNfWdec/qfKDgDs/32QpukKQNRbJfvmq28MgGdkl0gEawncAYi6P0qmv8aUGwYuLnGd/5E/BGyeEgCituwE+LpGZhwBcP8lvLmdMASAqPWdRMCvTUwA8Jjr3JcE71ewFICosUwiYEOz4Pe/Xp7rzl9VYRAAkb1UImDjbwIP4E23ec8J4lnxCABE9cWyI+AtA97/c9wuAfp7IK+LiQRAVF0oEbD15GADmOky5/XBPAYSEYCoIrsaZvupQe7/mW6HfwI648gARNY8iYCdpwcYwDsuE+4ijAQgKs+VCNh9ZmD7n1PknO5oYSgAUWmWRMCeNkFdkxEuB0ArGwtAZH4uEbDvrGAuSYbLXSAXCXMBiIzPZKfFzg3kknR3zvQ9YTIAkf6JREDu+UFckr865lnQyGwAIm2qRMDBC4O3IlUPO6Y5RBgOQKR9KBGQd0ngVqSnY5KHahgPQKROlgjIvzxoKzLdMceXBQBEykSJgILfBmtB0hxPgSppBoDjAiZIBBzuEKgFucAxwakCAMeT/Lbsvqirg7QgzitBbgTAvwSMkwg4cm2AFsRx0COvEgD+laQ3JAKOXh+Y9UjODZ/cBAGA/xfwmuw2uW5BWY8zHHO7GQC2vCIRUHxDQNbjBsfU6gPAnpdkAgLyh/JE+MTWCgCE5EWJgJLbArEe48PnNRYAYRkuEVDaKwjrsSB8WvcBIDzPygTcFYD12Bk+q6sA4IjsuQllvRN+OTIck2oKAGcGywTcm+jLUcdxkCsZAC4ZKBPQN8GXo7njbgABALc8Jnt4xkOJvRyOOwJ+AIB7+ssE9E/o5bjQ8TQYAEjykEzAY4m8HB0dD8oGgCx9yyQCBibwcnQNn8w0AEjTRyZgcOIuRzcAVByAuFsm4GkAGAFA3CV7k8ZzADACgOglE/ACAIwAIHqUSAT8CQBGABC3yAS8DAAjAIgbiyUCRiUBwAQA4ndFEgGjkwBgAgDRVfZS1XHJADABgOh8RCLgrWQAmABAdJIJmJACAM2TEwsAomOhRMDEFADonXrhM97laZirDksETE4FgNbJDp/xAW/jtC+QCJiSBgCdU8lxfb/HH26Xyd6wMy0dADrHsQ/n9eVwl+RJBHyaAQCNsz18ymd4HemigxIBMzIBoG9+CJ+y91u9z8+VCPgiEwDaxvFk9Ee8j9XugETAnEoA0DWvh0/5XR+Dnb1PIuBvWQDQNI4r/Ff6Ga3tXomAr6oAQM90cdzdk+1nuNa7JQK+rgoALeO4Gcry98CfVrskAhZXA4COSXLsvL3mb8DTdkgELMkGgI5xvBJks88BT9kmEbCsBgA0jPMlyX4fAX7SVomA72oBQL9c4+jTq36HbLFZImBFbQBolyzH1RwHfB+2ab5RIuDHugDQLrMdbfL/ivSm6yUCVtUDgG5x3uq/yv/1vE1+lQj4qQEAtD8SYHXzP2qjdRIBP+cAQLM43xL+Qwwu5234s0TAL40BoPt3gHVHDIatv1oiYH1TAGiVus57e7bH4sh9vZUSARubA0CrfBCnezvr/CARsKkFAHTKlS7Pfb04FgPXXi4RsOUkAOgUlz79GpOTdzW/kwjYdgoANEovlxa9H5ORayyTCNhxGgD0SZrbgbuHYzJ09hKJgF2tAKBP7nJ7BUSnmAxdbZFEwO7WANAmKWvdXgsbm9fDV/1aImBvWwDoO/N/dOjMmIxdZb5EwP5zAKBN5rp+T7eJydhZX0oEHGgHAF1yhuujfg7E5HCAqDxHIiD3AgDoEvdXARXeEpPBK82SCMi7GACaJGON+0tAXojJQz4yZ0oEHLoUAJqkneSJf/MaxcTXdImA/CsAoEmelP1U6xmL0dM/lgxfcCUA9Eiy7Kea9UXLGAyfNlUy+uGOANAjdWSXc1tH/1TT//CpH0hGL+wEAE1+Bsge92ZZB5/xf01/6iTJ4Ec6A0CP3FAmFWAdHu37sFDKe7L/MF0BoEcetSJl2cM+L+hMeVcyctHvAKBHhkUUYJV9P6yDn+sFk9+SDFzcHQB65M9WeSldNWnQ7ZeeWifLy1NAk8bK9gZPBoAWSXrZUpNPAaBJnlcDoKw5ADTJg6VKBDwAAF3SpUAFgDEA0Catf1EA4CMA6JPsT088gGkA0Cn9CgFgNADR6hsAGA1ApPQvAIAwOk0mAcDwXLIIAIbn2mUAMDxXzgSA4TnlxT0AMDvp3d7PB4DZqdR51HoAGJ7Gt766MA8AZiepWYd7nh//yaIfft6wZauP7AWA2ekGAAAAAAAAAAAAAAAAAAAAANQEAGoCADUBgJoAQE0AoCYAUBMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsNgAYLEBwGIDgMUGAIsNABYbACw2AAAAAAAAAAAAAAAAAAAAANAnABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAAAAAAAAAAAAAAAAAAAAAAAACoCQDUBABqAgA1AYCaAEBNAKAmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCxAcBiA4DFBgCLDQAWGwAsNgBYbAAAAAAAAAAAAAAAAAAAAACgTwAgACAAIIFZ7E59pHk9vKblfRI29/6+xw0dz2qUBoDwTLdMSunG2aPuOTsNAKYC+GeOLBh6eToAzAVwPAcn3lAZAAYDOJa8cRcDwGQAx7Lq7kwAmJ3dg6oBwOzsG1gFAGZn+51JADA7S88FgNkpebESAMzOugsAYHaKn0wGgNn5Wx0AmJ1NZwPA7BTeBACzU9YfAIZnJAAMz+gkAJid8ckAMPx/AAAMzzAAGJ7+ADA7pV0BYHbyzwKA2dlYEwBmZ0YSAMzOfwHA7BSfBwCzs7YyAMzOqwAwO2UXAcDsrEwDgNl5AgBm51B9AJid8QAw/KxQGwA4s793pNzTb+DISUvzyh9mqGyEu+8fMPzteTsqXlDvKBPFXD8GgDNbKzBuUoueb+2KPEzbcoao3Wn49xUrKNpJRzPZcwHgCcDxJF/1frEPAMfTbOA6xQCmA8AzgGNpMqbEF4Bj/0quW6gUgNUKAD4ACNF6qT8Ax3LtGpUA3gKALwAidbhfACJ9SJE6AEcbAsAXACF6FPkEIES79coAWIMB4BOA6FLkF4CoMVsZgM0pAPAJQPT0DUCkvasKgNUZAH4BiBG+AYiksaoAfAiACAC6DAnLkw90P8VxQWXq0sgATrWPMPjRO6+o7XJY4f2KAOgyrvxEOd/CagCQA3BdzT1vXRK+N1gSEUA35wVZr1zo2BlYUAEAQ+JwRuAOAEQJ4Fjmnhy6oTFRAjiWb7uEFVtvhxoAMwAQPQAr//qQDTUtjhqAZc3MCa22Y5kSAEeyABA9AKv4mpAtfeABgLXnstByxyoBYHUHgAcAVm4z+wc7ewFgHQndB6u1XwmA8QDwAsCaaf9gRr4XANaRS0PqHaAEwGYAeAJgXWH/5AxPAKzdjeyDVN6jAoDVAgCeAIQcQhnkDYA1N+SowtNKAPQGgCcAhfZncHf3CMC60769RqUqALwLAE8ArPa2T7bxCmB7yKPc56gA8BMAvAHoZz+M4xWA9aB9g/epAFBaFQCeALxg+2SmZwBr7RtspgJA6M9ZAFQYwCj76TzPAKyQF/xtVAHgQQB4AvCK/YygdwD/bd/iJBUAXgOAJwBP2T6Z7R3AcvsWH1cB4EsAeALQ0/bJFt4BlNpf7ddVBYAdAPAEwH5OuL13AJb9jU6tVQAoywCABwC/2D/ZxweA2+0nhFQAiPfB4IACeDLSJ6MB8J/2vYlSFQCuAED0APbXsH9yrQ8AI+wDHVQB4DYARA/gHvsHW1o+AIQ8sGu3CgAPACBqAH8N2dKTfgC8bh9ppwoAgwAQLYDPQ87hpKz3A2B0hQGc3DlS/ugZwEgARAegZHhqyIZutU4MgMg51zOAsQCIBkDR5DNCt5O+LsEBvAOACgLI3zh/1G2Op+0PshIcwPsAcAdQsbQrSnQAUwDgA0D9zVaiA/gQAN4B1FhuJTyAiQDwDKC+a/8TDMDbAPAK4LwtVgAAvAEAbwDSBske8JRYAEYAwBOAzqulw8TnUPDlER8NMc0zgCcAED2AjNuWRRjG88mgPZEA9InTuYA+AIgSQNXrx+6POEw0AIbbR85XAeBGALgDSE4NS2Z2k3O6PDzuu+LyhokGwGP200qWCgAXAcDLNYGxAmC/HKO+EgCNAaASwHkRf8mfAAAlKQBQCKDE/g7Hm1UA2CgAoBDAt/YtPq0CwEwAqAQQshPwmQoALwFAJYDz7bsd+1UAuAcACgH8VM7R3BMA4DwAKARwv32DQ1QAKMoAgDoAWzLtG1ytAsC3AgDqANhvMRbtLBUAXgOAOgBfhBT8jhIANwNAGYCdDeyba1ykBEA9AKgCcDj0LMwYSwWAVQIAigAUXh1SbusSJQBGAkARgF0hzwcTye5vEY07gPYAUAPg4wah1T5qKQGQmwoAFQCWdgor9vwiNQAmCgCccACrR7YLrzVnm6UGQBcAxBtAyGvjBvXvdVlNZ6nZKyw1APanAyDeACqQ6ostRQDGCgCoB9Dge0sVgAsAoB7A2ZstVQBWCAAoB3B/oaUMwP0AUA3gN7MijxRXALlVAaAWQPawQkshgBcEAFQCyHk+t9yR4gngaEMAqANQvcenxRUYKZ4AxgkAKAGQ3Lzrc18XV2ykOAIoagoARwrsd9yv8by2H8lu4n9zwtSv1hZG81dqy9exBfC6AIDJKcgBgNEZKgBgcrZlAcDo9BQAMDmzBQBMzuEWADA6AwQATM5XyQAwOQebCgCYnFsEAEzOnwUATM7idACYnC31BQAMTn5bAQCDU3y9AIDBKbtdAMDk9BMAMDl/FAAw+f//fQIABqeolwCAwcnrIABgcDa1FQAwOF/WEQAw+OffyFQBAHOz8xohAGBuptUTADA3u24SAgDGpuS1WgIA5mbumUIAwNgsulIIABibOdcIAQBTUzC+tRAAMPW4z8LeVYUAgJndPzq3b47QKQA4gf/4F464urLQLAA4ATm8acl7Q3q0ShEaRhmA5m2ledhxsqxtwqbNac0bVhEaRxmABKspsAEAAAAAAAAAAAAAAAAAAAAAagIANQGAmgBATQCgJgAoSFcAKAQwVX1N14XXNJ0+xS03hS/2ZPU1dQivaRZ9iltuD1/sCepruiy8pqX0KW7pF77Y49TX1Dq8pl/oU9zyVPhiv6i+phzHJVX0KW4ZE77YA9XXlOm4qK4OjYpXvghf63s1KGpveFEX06h4ZUP4Wl+rQVHf6qgymMkqC1/rVhpUNSW8qDfoVJxyiePrVodrmJ8NL2oFnYpTHg1f6i06VHVreFWlNWlVfOK4P+dzHapq5fi/dCOtikvSDml4GECI5Lzwst6lV3FJB03/1OaGl7U/jWbFI687ADTWoq6nHXV1pVnx+AZwHHHZrEdhjtNBOpylDmAcFwNY43X9bVLcmHbFPrMdAG7TpLKpjsqG0a4TsLdVostZl16O0g5m07BY5z3HKs/TpbTsIkdtQ2hYjHNKiWORH9SmuE8ctR2qR8tim2nOb4AG2hTX3fmknTdpWUzT3rnEMzTaQ93tfL4eVwXEMumrnQBu1qi+55zlrcmkbbHLs84F3q7T8dacYmeB/0PbYpbznb8ArcGa76NYVhcaF6vdrA0ujzOsq9dRijJniQdOpnUxSfIMlz+vlzUr8kOXGtdwZUhM8qLbY4xzNCvy9BK3tyxUonv+85DbA21f0q7MsW5lzmJXwHfudvl2tXJraVdngzw3AbOr0EF/6evWf2uAhpU+7Prs7aV16aGPJD3juqqrdLzmKmW5a62b2tBGz6k02f2R9u21rPasIvfn7/emkR5z6o/u/df11punJK9gmMLtop7+/T9Q4L6eG3T9YZW6SCJgzx+S6Ge0OWO+7A2ml2pbc5N9svewfNOejkaV+qOLZWs5UOOyryuVvornyw50tcJp/PJh6ULO0Pq/6eMR3sa0+iF2CSv0TXrd1BL5Kv5UXe/q34n0Qq7iWf1a0uCIqd7tzd2RlnDfSZpPIO3zct7Ktu3DQf/Rtk4yrQ5PtZYd+479rrSctxleqP08shZX5OV8pYf27iT/zq7coxVZtqLOifBPbIlF4pOi7onxNbaYVsXnVcbdE+TbLGsmzYpD8q5MmN8zaW/Trphn2zmJ9JN2QCkdi22+aZhYOzVX76FnscybCXd1Xc58uhaz5PdKwAMbyQOO0LnYZH6LxDy2dfoCeheDHHwwYY+bJt25i/75zcQGIoFTdWg+LfSTeecl+jmOei/k0Uav+apjEE5z1Xh8A630cuR/cmCesZDc+YNCGhpdVg1sIIKU6ndMOURXK5rvn2kbwCseMi4fPOcAzS0nJSvH9MgRwU3zro+Mmr5k/b78EnptS1lh7rYVcyYM7dWO22kJIYQQQgghsc7/AnxPa+m32jLOAAAAAElFTkSuQmCC);background-color:#fff!important;background-size:14%;background-position:8%;background-repeat:no-repeat}.vn-field-outline,.vn-field-outline-bnpl,.vn-field-outline-bnpl-disabled{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:0!important;width:100%;padding:0 12px;min-height:40px;border:2px solid #b7b7b7;border-radius:4px}.vn-field-outline:focus{border:2px solid currentColor}.vn-field-outline-bnpl:focus{border-color:#dd1f26!important;border:2px solid currentColor}.vn-field-outline-bnpl-disabled{color:rgba(0,0,0,.38)}.combobox-def .v-input__slot,.text-field-def-outline .v-input__slot,.text-field-def-outline-gb .v-input__slot,.text-field-def-outline-gb-def .v-input__slot,.text-field-def-outline-gb-m .v-input__slot,.textarea-def-outline-gb .v-input__slot{border:2px solid rgba(0,0,0,.54)!important;margin-bottom:0}@media (min-width:600px){.combobox-def .v-input__slot,.text-field-def-outline .v-input__slot,.text-field-def-outline-gb .v-input__slot,.text-field-def-outline-gb-def .v-input__slot,.text-field-def-outline-gb-m .v-input__slot,.textarea-def-outline-gb .v-input__slot{min-height:40px!important}}@media (max-width:600px){.combobox-def .v-input__slot,.text-field-def-outline .v-input__slot,.text-field-def-outline-gb .v-input__slot,.text-field-def-outline-gb-def .v-input__slot,.text-field-def-outline-gb-m .v-input__slot,.textarea-def-outline-gb .v-input__slot{min-height:36px!important;padding:0 6px!important}}.combobox-def .v-input__slot .v-input__append-inner,.combobox-def .v-input__slot .v-text-field__slot,.text-field-def-outline .v-input__slot .v-input__append-inner,.text-field-def-outline .v-input__slot .v-text-field__slot,.text-field-def-outline-gb .v-input__slot .v-input__append-inner,.text-field-def-outline-gb .v-input__slot .v-text-field__slot,.text-field-def-outline-gb-def .v-input__slot .v-input__append-inner,.text-field-def-outline-gb-def .v-input__slot .v-text-field__slot,.text-field-def-outline-gb-m .v-input__slot .v-input__append-inner,.text-field-def-outline-gb-m .v-input__slot .v-text-field__slot,.textarea-def-outline-gb .v-input__slot .v-input__append-inner,.textarea-def-outline-gb .v-input__slot .v-text-field__slot{-ms-flex-item-align:center;align-self:center}.combobox-def .v-input__slot .v-input__append-inner i,.text-field-def-outline .v-input__slot .v-input__append-inner i,.text-field-def-outline-gb .v-input__slot .v-input__append-inner i,.text-field-def-outline-gb-def .v-input__slot .v-input__append-inner i,.text-field-def-outline-gb-m .v-input__slot .v-input__append-inner i,.textarea-def-outline-gb .v-input__slot .v-input__append-inner i{font-size:18px}.combobox-def .v-input__slot .v-input__prepend-inner,.text-field-def-outline .v-input__slot .v-input__prepend-inner,.text-field-def-outline-gb .v-input__slot .v-input__prepend-inner,.text-field-def-outline-gb-def .v-input__slot .v-input__prepend-inner,.text-field-def-outline-gb-m .v-input__slot .v-input__prepend-inner,.textarea-def-outline-gb .v-input__slot .v-input__prepend-inner{margin-top:0!important;place-self:center}.combobox-def .v-input__slot input,.text-field-def-outline .v-input__slot input,.text-field-def-outline-gb .v-input__slot input,.text-field-def-outline-gb-def .v-input__slot input,.text-field-def-outline-gb-m .v-input__slot input,.textarea-def-outline-gb .v-input__slot input{padding:0!important;margin-top:0;font-size:14px}.combobox-def .v-icon,.text-field-def-outline .v-icon,.text-field-def-outline-gb .v-icon,.text-field-def-outline-gb-def .v-icon,.text-field-def-outline-gb-m .v-icon,.textarea-def-outline-gb .v-icon{font-size:18px!important}.combobox-def .v-messages__wrapper,.text-field-def-outline .v-messages__wrapper,.text-field-def-outline-gb .v-messages__wrapper,.text-field-def-outline-gb-def .v-messages__wrapper,.text-field-def-outline-gb-m .v-messages__wrapper,.textarea-def-outline-gb .v-messages__wrapper{padding-top:5px}.combobox-def .v-text-field__prefix,.combobox-def .v-text-field__suffix,.text-field-def-outline .v-text-field__prefix,.text-field-def-outline .v-text-field__suffix,.text-field-def-outline-gb .v-text-field__prefix,.text-field-def-outline-gb .v-text-field__suffix,.text-field-def-outline-gb-def .v-text-field__prefix,.text-field-def-outline-gb-def .v-text-field__suffix,.text-field-def-outline-gb-m .v-text-field__prefix,.text-field-def-outline-gb-m .v-text-field__suffix,.textarea-def-outline-gb .v-text-field__prefix,.textarea-def-outline-gb .v-text-field__suffix{width:auto;font-size:14px;color:#000!important}.v-input--is-focused.autocomplete-def-outline .v-input__slot,.v-input--is-focused.autocomplete-def-outline-gb .v-input__slot,.v-input--is-focused.combobox-def .v-input__slot,.v-input--is-focused.select-def-outline .v-input__slot,.v-input--is-focused.select-def-outline-dense .v-input__slot,.v-input--is-focused.select-def-outline-gb .v-input__slot,.v-input--is-focused.select-def-outline-gb-brd1 .v-input__slot,.v-input--is-focused.text-field-def-outline .v-input__slot,.v-input--is-focused.text-field-def-outline-gb .v-input__slot,.v-input--is-focused.text-field-def-outline-gb-def .v-input__slot,.v-input--is-focused.text-field-def-outline-gb-m .v-input__slot,.v-input--is-focused.textarea-def-outline-gb .v-input__slot{border:2px solid currentColor!important}.v-input--is-focused.autocomplete-def-outline .v-icon,.v-input--is-focused.autocomplete-def-outline-gb .v-icon,.v-input--is-focused.combobox-def .v-icon,.v-input--is-focused.select-def-outline .v-icon,.v-input--is-focused.select-def-outline-dense .v-icon,.v-input--is-focused.select-def-outline-gb .v-icon,.v-input--is-focused.select-def-outline-gb-brd1 .v-icon,.v-input--is-focused.text-field-def-outline .v-icon,.v-input--is-focused.text-field-def-outline-gb .v-icon,.v-input--is-focused.text-field-def-outline-gb-def .v-icon,.v-input--is-focused.text-field-def-outline-gb-m .v-icon,.v-input--is-focused.textarea-def-outline-gb .v-icon{color:currentColor!important}.tf-fs-12 input{font-size:12px!important}.select-def-outline .v-input__slot,.select-def-outline-dense .v-input__slot,.select-def-outline-gb .v-input__slot,.select-def-outline-gb-brd1 .v-input__slot{border:2px solid rgba(0,0,0,.54)!important;min-height:40px!important;margin-bottom:0}.select-def-outline .v-select__selections,.select-def-outline-dense .v-select__selections,.select-def-outline-gb .v-select__selections,.select-def-outline-gb-brd1 .v-select__selections{padding-top:0!important}.select-def-outline .v-input__append-inner,.select-def-outline-dense .v-input__append-inner,.select-def-outline-gb .v-input__append-inner,.select-def-outline-gb-brd1 .v-input__append-inner{-ms-flex-item-align:center!important;align-self:center!important;margin-top:0!important}.select-def-outline .v-select__selection,.select-def-outline input,.select-def-outline-dense .v-select__selection,.select-def-outline-dense input,.select-def-outline-gb .v-select__selection,.select-def-outline-gb input,.select-def-outline-gb-brd1 .v-select__selection,.select-def-outline-gb-brd1 input{font-size:14px}.text-field-def-outline .v-input__append-inner{margin-top:0!important}.text-field-def-outline-gb-def .v-input__append-inner{margin-top:0!important}.text-field-def-outline-gb-def .v-icon{color:#e5e5e5!important}.text-field-def-outline-gb-def .v-input__slot{border:2px solid #e5e5e5!important;height:42px!important}.text-field-def-outline-gb .v-input__append-inner{margin-top:0!important}.text-field-def-outline-gb .v-icon{color:#b7b7b7!important}.text-field-def-outline-gb .v-input__slot{border:2px solid #b7b7b7!important}.text-field-def-outline-gb-m .v-input__append-inner{margin-top:0!important}.text-field-def-outline-gb-m .v-icon{color:#727989!important}.text-field-def-outline-gb-m .v-input__slot{border-radius:10px!important;border:2px solid #d2d4da!important}.text-field-def-outline-gb-m .v-input__slot input{color:#727989!important}.select-def-outline-gb .v-input__slot{border:2px solid #b7b7b7!important}.select-def-outline-gb .v-icon{color:#b7b7b7!important}.select-def-outline-gb-brd1 .v-input__slot{border:1px solid #b7b7b7!important}.select-def-outline-gb-brd1 .v-icon{color:#b7b7b7!important}.select-def-outline-dense input{max-height:26px!important}.select-def-outline-dense .v-select__selection--comma{margin:0!important}.select-def-outline-dense .v-input__slot{min-height:0!important;border:2px solid #b7b7b7!important}.select-def-outline-dense .v-icon{color:#b7b7b7!important}.autocomplete-def-outline .v-input__slot,.autocomplete-def-outline-gb .v-input__slot{min-height:40px!important}.autocomplete-def-outline .v-input__append-inner,.autocomplete-def-outline-gb .v-input__append-inner{margin-top:6px!important}.autocomplete-def-outline input,.autocomplete-def-outline-gb input{margin-top:0!important;font-size:14px!important;max-height:unset!important}.autocomplete-def-outline-gb .v-icon{color:#b7b7b7!important}.autocomplete-def-outline-gb .v-input__slot{border:2px solid #b7b7b7!important}.textarea-def-outline-gb .v-input__append-inner{margin-top:0!important}.textarea-def-outline-gb .v-icon{color:#b7b7b7!important}.textarea-def-outline-gb .v-input__slot{border:2px solid #b7b7b7!important}.textarea-def-outline-gb textarea{margin-top:0!important;font-size:14px!important;line-height:2}.combobox-def{margin-top:0!important}.combobox-def .v-select__slot,.combobox-def input{margin-top:0!important;font-size:14px;padding:8px 0;max-height:-webkit-fit-content!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.combobox-def .v-select__slot .v-input__append-inner,.combobox-def input .v-input__append-inner{margin-top:0!important}.combobox-def .v-input__slot{min-height:40px!important}.combobox-def .v-input__icon .v-icon{font-size:24px!important}.error-wrapper{height:12px!important;padding:0 12px;margin:4px 0 0 0}.error-wrapper>div{font-size:11px;color:#f44336}.input-file-btn{padding:0!important}.input-file-btn .v-btn__content{width:100%;height:-webkit-fill-available}.btn-w-input{padding:0!important}.btn-w-input .v-btn__content{width:-webkit-fill-available;height:-webkit-fill-available;padding:0 8px}.input-hide{cursor:pointer}.input-hide input[type=file]{cursor:pointer;font-size:0;opacity:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.preview-cid-img-name{width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;color:#a9a9a9}.preview-cid-img-name:hover{text-decoration:underline}.npwp-img-name{color:#000;text-decoration:none;font-size:12px;text-transform:uppercase}.radio-button-def,.radio-button-def-fl{margin-top:unset!important;padding-top:unset!important}.radio-button-def .v-input__slot,.radio-button-def-fl .v-input__slot{margin-top:unset!important;margin-bottom:unset!important}.radio-button-def .v-input__slot .v-input--radio-group__input,.radio-button-def-fl .v-input__slot .v-input--radio-group__input{-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}.radio-button-def label,.radio-button-def-fl label{color:#000!important;font-size:14px!important}.radio-button-def .v-input__control,.radio-button-def-fl .v-input__control{width:100%}.radio-button-def .v-input__slot .v-input--radio-group__input,.radio-button-def-fl .v-input__slot .v-input--radio-group__input{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.radio-button-def .v-radio,.radio-button-def-fl .v-radio{margin-right:unset;padding-bottom:8px}.radio-button-def-fl .v-radio:not(:last-child){border-bottom:1px solid #d3d8e3}.radio-button-group-default .v-radio .v-label{font-size:14px;color:#000;font-weight:700}.radio-button-group-default .v-input--selection-controls__ripple{height:25px;width:25px;left:-8px;top:calc(50% - 20px)}.radio-button-group-default .v-icon{font-size:18px}.radio-button-group-default .v-input__control{width:100%}.radio-button-group-default .v-input__slot{margin-bottom:0}.timer{font-size:14px;color:#fff}.timer h1{font-size:26px;color:#fff}.timer .day,.timer .hour,.timer .min,.timer .sec{font-size:20px;display:inline-block;font-weight:500;text-align:center;margin:0 5px}.timer .day .format,.timer .hour .format,.timer .min .format,.timer .sec .format{font-weight:300;font-size:14px;opacity:.8;width:60px}.timer .number{background:rgba(51,51,51,.53);padding:5px;border-radius:5px;display:inline-block;width:50px;text-align:center}.timer .message{font-size:14px;font-weight:400}.timer .status-tag{width:270px;margin:10px auto;padding:8px 0;font-weight:500;color:#000;text-align:center;border-radius:15px}.timer .status-tag.upcoming{background-color:#90ee90}.timer .status-tag.running{background-color:gold}.timer .status-tag.expired{background-color:silver}
.border-e5{border:1px solid #e5e5e5}.whitesmoke{background:#f5f5f5}.snd-tab .v-tabs__container{background:#2e3344}.fh{height:100%}@media (max-width:776px){.md-block{display:block!important}}.img-responsive{display:block;max-width:100%;height:auto}.image-50{width:50px;height:50px}.image-75{width:75px;height:75px}.bgr-gray{background:#fafafa}.pad-5{padding:5px}.f-unset{flex:unset!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-uppercare{text-transform:uppercase}table.normal-table tr:nth-child(even){background:0 0!important}.hmax-56{max-height:56px}.hmax-568{max-height:568px}.p-relative{position:relative}.com-logo-wrap .img-warp{width:70px;height:70px;position:relative;background:#fff;border-radius:50%;overflow:hidden}.com-logo-wrap .img-warp img{color:transparent;position:absolute;max-width:100%;max-height:100%;width:auto;top:0;right:0;bottom:0;left:0;margin:auto}.vertical-unset{vertical-align:unset!important}.logo-idt{width:75%;border-radius:5px}.brd-grey{border:1px solid #ddd}.slim-scroll::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.slim-scroll::-webkit-scrollbar{width:5px;background-color:#fff}.slim-scroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#e5e5e5}.nopad{padding:0!important}.new-box-container{border-radius:5px;background:#fff;box-shadow:0 1px 3px 1px #ddd}.box-title{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}.bgr-white{background:#fff!important}.overflow-auto{overflow:auto}.overflow-none{overflow-y:none!important}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.fs-30{font-size:30px}.fs-50{font-size:50px!important}.pb-5px{padding-bottom:5px}.d-flex>*,.d-inline-flex>*{flex:unset!important}.brd-grey-hover:hover{background:#e5e5e5}.w-auto{width:auto!important}.h-auto{height:auto!important}.search-bar-container{width:60%}.search-bar-container .search-resize{border:1px solid #d42029;width:100%;border-radius:5px}.search-bar-container .search-resize:focus-within{width:100%!important}.search-bar-container .search-resize input{text-indent:15px;padding-right:200px}.search-bar-container .search-category{position:absolute;right:55px;top:0;bottom:0;width:140px;padding:5px 0}.search-bar-container .search-category select{height:100%;padding:0 20px;border-left:1px solid #ddd;z-index:3}.search-bar-container .search-category select:focus{outline:#d42029;border:1px solid #d42029;height:40px}.search-bar-container .search-category i{position:absolute;right:5px;z-index:2}.search-bar-container .search-icon{position:absolute;right:0;top:0;bottom:0;padding:0 20px;background:#d42029;color:#fff;border-radius:0 5px 5px 0;cursor:pointer}.right-navbar{width:40%;justify-content:space-evenly}.right-navbar .v-btn.v-btn--icon,.right-navbar>.v-menu{flex:unset!important}.right-navbar>*{flex:unset!important}.right-navbar .v-btn__content{margin:unset;flex:unset}.right-navbar .notification-icon .notification-menu{font-size:24px}.right-navbar .account-dropdown-container{flex:unset!important;padding:0 10px}.right-navbar .account-dropdown-container .v-list__tile{padding:0}.right-navbar .account-dropdown-container .v-list__tile .v-menu{height:100%}.right-navbar .account-dropdown-container .account-dropdown{cursor:pointer;margin:0 auto!important}.right-navbar .account-dropdown-container .account-dropdown .profile-picture{width:40px;height:40px;border-radius:50%}.right-navbar .account-dropdown-container .account-dropdown:hover{border-radius:0}.right-navbar .account-dropdown-container .account-dropdown:focus{outline:0}.profile-company{padding:0 15px}@media (max-width:767px){.profile-company.d-flex{display:block!important}.profile-company.d-flex .w-25{width:100%!important;margin-bottom:12px}}.profile-company .w-20{border-left:3px solid #ddd;padding-left:12px}@media (max-width:767px){.profile-company .w-20{border-left:none;border-bottom:1px solid #ddd;padding:12px 0}.profile-company .w-20:first-child{padding-top:0}.profile-company .w-20:last-child{padding-bottom:0;border:none}}.profile-company .w-20:first-child{border-left:none;padding-left:0}.profile-company .company-rating{padding-right:20px}@media (max-width:767px){.profile-company .company-rating{padding-right:0}}.profile-company .company-progress p{font-size:13px;text-align:center;color:#fff!important}.profile-company .company-progress .progress-bar-company{width:80%;margin:0}@media (max-width:776px){.profile-company .company-progress .progress-bar-company{width:100%}}.profile-company .company-progress .numb{position:absolute;top:0;color:#fff;z-index:1;margin-left:8px}.profile-company .go-to-pws{display:block;color:#fff!important;padding:8px;border-radius:4px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis}.custom-icon-message{font-size:12px}.custom-icon-tag{font-size:11px}.custom-icon-send{font-size:15px;padding-right:1px}.custom-icon-sales{font-size:16px}.custom-icon-folder{font-size:12px}.custom-icon-invoice{font-size:15px;padding-right:3px}.custom-icon-edit{font-size:15px;padding-right:3px}.custom-icon-setting{font-size:14px;margin-left:-1px;padding-right:2px}.custom-icon-list-buyer{font-size:15px;padding-right:3px}.flag-icon{width:25px;height:14px}.avatar-profile,.membership-icon{width:40px;height:40px}.v-navigation-drawer .navigation .v-list .v-list__tile--link{width:95%;padding-right:5px}.v-navigation-drawer .navigation .v-list .v-list__tile--link .v-list__tile__action{display:none}.v-list__tile__action{align-items:flex-end}.combobox-no-pointer-event{pointer-events:unset}.combobox-no-pointer-event .v-menu__activator{pointer-events:unset}.combobox-no-pointer-event .v-menu__activator .v-input__append-inner{user-select:unset}.combobox-no-pointer-event .v-menu__activator .v-input__append-inner .v-icon--disabled{pointer-events:unset}.combobox-no-pointer-event.v-input--is-disabled:not(.v-input--is-readonly){pointer-events:unset}.idt-seller{font-size:18px;font-weight:800;text-transform:uppercase}.v-navigation-drawer .navigation .v-list .v-list__group__header:before,.v-navigation-drawer .navigation .v-list>div>.v-list__tile--link:before{width:95%}@media (max-width:776px){.topmenu{display:-webkit-box;overflow:auto}}@media (max-width:776px){.topmenu .flex{max-width:100%}}.topmenu .child-menu a{color:#464d69}.topmenu .child-menu .app-card-content{padding:12px}.topmenu .child-menu .icon-menu-container{padding:8px;border-radius:50%;border:1px solid #ddd;background:#fafafa;align-items:center;justify-content:center;width:54px;height:54px}.topmenu .child-menu:hover .icon-menu-container{background:#ef303a;border:1px solid #ef303a;border-radius:5px;color:#fff;transition:all .5s ease-in-out}.overflow-hide{overflow:hidden;text-overflow:ellipsis}.btn-new-red{background:#d42029;border:1px solid #d42029;color:#fff!important;border-radius:5px;padding:2px 10px;text-align:center}.btn-new-red:hover{color:#d42029!important;border:1px solid #d42029;background:0 0}.btn-new-white{color:#d42029;background:#fff;border-radius:5px;padding:6px 12px;border:1px solid #d42029;text-align:center;font-size:14px;font-weight:500}.btn-new-white:hover{color:#fff;background:#d42029}.btn-new-white-nohover:hover{color:#d42029!important;background:0 0!important}.table-permintaan{width:100%;min-width:1019px}.table-permintaan .header-table{background:#d42029;color:#fff;border-radius:5px 5px 0 0}.table-permintaan .content-table{font-size:14px;border:1px solid #ccc;border-top:none;border-radius:0 0 5px 5px}.table-permintaan .content-table>div{padding:5px 0}.table-permintaan .content-table>div:nth-child(odd){background:#fafafa}.table-permintaan .content-table>div:nth-child(even){background:#fff}.table-permintaan .content-table>div:last-child{border-radius:0 0 5px 5px}.table-permintaan .all-col-1,.table-permintaan .all-col-2,.table-permintaan .all-col-3,.table-permintaan .all-col-4,.table-permintaan .all-col-5,.table-permintaan .tab-col-1,.table-permintaan .tab-col-2,.table-permintaan .tab-col-3,.table-permintaan .tab-col-4,.table-permintaan .tab-col-5,.table-permintaan .tab-col-6{padding:10px}.table-permintaan .all-col-1{width:30%}.table-permintaan .all-col-1 .col-item{max-width:230px}.table-permintaan .all-col-2{width:20%}.table-permintaan .all-col-3{width:20%}.table-permintaan .all-col-4{width:15%}.table-permintaan .all-col-5{width:15%}.table-permintaan .tab-col-1{width:20%}.table-permintaan .tab-col-2{width:20%}.table-permintaan .tab-col-3{width:15%}.table-permintaan .tab-col-4{width:15%}.table-permintaan .tab-col-5{width:15%}.table-permintaan .tab-col-6{width:15%}.table-penawaran{box-shadow:0 1px 3px 1px #ddd;min-width:1019px;width:100%}.table-penawaran .header-penawaran{background:#d42029;color:#fff;border-radius:5px 5px 0 0}.table-penawaran .content-penawaran{font-size:15px;border:1px solid #ccc;border-top:none}.table-penawaran .content-penawaran>.d-flex:nth-child(odd){background:#fafafa}.table-penawaran .content-penawaran>.d-flex:nth-child(even){background:#fff}.table-penawaran .penawaran-col-1,.table-penawaran .penawaran-col-2,.table-penawaran .penawaran-col-3,.table-penawaran .penawaran-col-4,.table-penawaran .penawaran-col-5,.table-penawaran .penawaran-col-6,.table-penawaran .penawaran-col-7{padding:10px}.table-penawaran .penawaran-col-1{width:19%}.table-penawaran .penawaran-col-2{width:15%}.table-penawaran .penawaran-col-3{width:14%}.table-penawaran .penawaran-col-4{width:11%}.table-penawaran .penawaran-col-5{width:15%}.table-penawaran .penawaran-col-6{width:12%}.table-penawaran .penawaran-col-7{width:14%}.table-penawaran .action-col i{margin-right:20px;font-size:25px}.table-penawaran .action-col i:last-child{margin-right:0}.notification-center{background:#f1f1f1;min-width:1059px;overflow:auto}.notification-center>div{width:25%;padding:7px 0}.notification-center>div:hover{background:#ddd}.notification-center .notification-center-icon{width:50px}.chart-container .top-products,.chart-container .visitor-statistic{width:49%}.tab-permintaan-beli .tab-container{min-width:360px}.tab-permintaan-beli .tab-container .v-tabs__item{padding:0;margin-right:10px}.tab-permintaan-beli .tab-container .v-tabs__item>div{background:#fff;border:1px solid #dc1f29;color:#dc1f29;padding:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:5px 15px;display:inline-block;border-radius:20px}.tab-permintaan-beli .tab-container .v-tabs__item:last-child{margin-right:0}.tab-permintaan-beli .tab-container .v-tabs__item--active>div{background:#fff;border:1px solid #dc1f29;color:#dc1f29}.tab-permintaan-beli .custom-tab-permintaan .v-tabs__slider-wrapper{display:none}.tab-permintaan-beli .custom-tab-permintaan .v-tabs__wrapper{margin-bottom:10px}.tab-permintaan-beli .custom-tab-permintaan .search-quotation{width:40%;min-width:200px}.tab-permintaan-beli .custom-tab-permintaan .search-quotation .input-search{border:1px solid #ccc;padding:7px;padding-right:40px;text-indent:5px;border-radius:5px;font-weight:400}.tab-permintaan-beli .custom-tab-permintaan .search-quotation .input-search:focus{outline:0}.tab-permintaan-beli .custom-tab-permintaan .search-quotation .fa-search{position:absolute;right:12px;top:9px;color:#868686;font-size:18px}.incoming-message>.d-flex{border-bottom:1px solid #ddd}.incoming-message>.d-flex:first-child{margin-top:0}.incoming-message>.d-flex:last-child{border-bottom:none}.incoming-message>.d-flex:nth-child(even){background-color:#fafafa}.incoming-message .text-sender{width:25%}.incoming-message .text-sender .fa-user-circle{font-size:28px}.incoming-message .text-content{width:55%}.incoming-message .text-date{width:20%}.incoming-message .text-date>.p-relative{width:27px}.incoming-message .text-date .fa-reply{margin-left:20px;margin-top:2px;color:#d42029;font-size:21px}.incoming-message .text-date .fa-comment-alt{font-size:27px;color:#d42029}.incoming-message .text-date .msg-amount{width:100%;text-align:center;position:absolute;left:0;top:0;color:#fff;font-weight:700;font-size:15px}.msg-counter.notif{right:10px;top:11px;color:#d42029;position:absolute}.dropdown-notification{width:260px!important}.dropdown-notification .new-notification>div{box-shadow:0 3px 2px 0 rgba(0,0,0,.02);margin-bottom:10px;background:#fff;padding:10px}.dropdown-notification .new-notification>div:last-child{margin-bottom:0}.dropdown-notification .new-notification>div .fa-comment{margin-right:10px}.dropdown-notification .new-notification>div .fa-clipboard-list{margin-right:13px;margin-left:2px}.dropdown-notification .new-notification>div .fa-inbox{margin-right:9px}.dropdown-notification .new-notification>div .msg-counter{position:absolute;background:#d42029;padding:0 8px;border-radius:20%;color:#fff;right:10px;top:11px}.dropdown-notification .new-notification>div a{color:#464d69}.dropdown-notification .new-notification>div a:hover{color:#00f}.expansion-no-style{margin-bottom:0;box-shadow:none}.expansion-no-style .v-expansion-panel__container{background:0 0!important}.expansion-no-style .header__icon{display:none}.toggle-fa{font-size:30px;color:green}.general-tab .v-tabs__bar{background:0 0}.general-tab .v-tabs__slider-wrapper{display:none}.general-tab .v-tabs__item{border-radius:20px;height:auto;border:1px solid #d42029;color:#d42029!important}.general-tab .v-tabs__item.v-tabs__item--active{background:#d42029;color:#fff!important}.general-tab .v-tabs__item.v-tabs__item--active:hover{color:#fff}.general-tab .general-tab-child .v-tabs__bar{padding:0}.general-tab .general-tab-child .v-tabs__item{background:0 0;color:#d42029!important;border:none}.general-tab .general-tab-child .v-tabs__item.v-tabs__item--active{border-bottom:1px solid #d42029;border-radius:0}.general-tab .general-tab-child .v-tabs__item.v-tabs__item--active:hover{color:#d42029}.general-tab.tab-nopad .v-tabs__bar{padding:0}.general-tab.tab-transparent .v-tabs__bar{background:0 0}.app-sub-heading{padding:0 20px;margin-top:-20px;font-size:15px}.general-table .v-datatable thead tr{background:#d42029}.general-table .v-datatable thead tr th{color:#fff}.general-table .v-datatable .max-col-1{max-width:245px}.common-table{width:100%}.common-table tr td{padding:10px}.common-table tr:nth-child(odd){background:#fafafa}.common-table tr:nth-child(even){background:#fff}.common-table tr:first-child{background:#d42029;color:#fff}.item-detail{max-width:215px;padding-right:5px}.v-tabs__item:not(.v-tabs__item--active){opacity:unset}table.v-table tbody td,table.v-table tbody th,table.v-table thead td,table.v-table thead th{padding:12px!important}table.v-table tbody .v-datatable__progress,table.v-table thead .v-datatable__progress{display:none}table.v-table tbody tr{position:relative}.v-top{vertical-align:top!important}.testimonial-slider .session-slider .slider-content img{width:140px;height:140px;margin-bottom:10px}.testimonial-slider .session-slider .client-name{text-transform:uppercase}.remember_me label.v-label{margin-bottom:0}.action-column i{margin-right:10px;font-size:24px}.action-column i:last-child{margin-right:0}label.v-label{margin-bottom:0}.session-wrapper .session-left{position:fixed}.v-input--radio-group--column .v-input--radio-group__input{flex-direction:row}.linked-bg{background:#0274b3}.success-registration-notification{background:#fff}.success-registration-notification .bg-red-idt{background:#bf282f;height:150px}.success-registration-notification .checked-container{width:70px;height:70px;border:4px solid #fff;border-radius:50%;color:#fff}.success-registration-notification .checked-container .fa-check{font-size:36px}.list-content{border-top:1px solid #ddd;padding-top:10px}.show-on-mobile{display:none}.m-list-rfq>div{margin-bottom:15px}.m-list-rfq>div:last-child{margin-bottom:0}.stepper-registration .primary{background:#d42029!important}.reply-icon{position:absolute;right:10px;top:0;font-size:18px;color:#d42029}.toggle-penawaran{position:absolute;right:10px;top:5px}.inbox-message{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}.inbox-message:last-child{border:none;margin-bottom:0}.label-top-input{position:absolute!important;top:-45px;left:0}.label-deliv-date{left:15px}.bt-grey{border-top:1px solid #ddd;padding-top:20px}.due-date{padding-right:15px}.delivery-date{padding-left:15px}.cat-padding{padding-right:5px}.sub-cat-padding{padding-left:48px;padding-right:75px}.description-padding{padding-right:75px}.upload-excel .v-btn__content{position:unset}.disable-input{opacity:.2;pointer-events:none;transition:all .3s}.disable-input--pointer-able{pointer-events:visible!important}.menu-mobile{display:inline-block;position:absolute;right:10px;top:5px;color:#a7a7a7}.incoming-order{border:1px solid #ddd;margin-bottom:20px}.incoming-order:last-child{margin-bottom:0}.general-pagination{display:flex;padding-left:0;justify-content:center}.general-pagination li{list-style:none;float:left;text-decoration:none;border:1px solid #ddd;margin:0 4px;border-radius:5px}.general-pagination li a{color:#000;padding:8px 16px}.general-pagination li .nav-active{font-weight:700}.general-pagination li:last-child{margin-right:0}.orange-notification{background:#f8af18;padding:2px 10px;border-radius:5px;color:#fff}.grand-total{border-top:1px solid #ddd;padding-top:15px}.list-product{padding:10px 0}.new-brd-warning{border:1px solid #f9af18;border-left:5px solid #f9af18}.new-app-card{background-color:#fff;border-radius:0;transition:all .4s ease-in-out 0s;position:relative;height:auto;overflow:hidden}.new-app-card .heading-red{background:#d41f26;color:#fff;padding:10px}.new-app-card .heading-light-gray{background:#ececec;color:#fff;padding:10px}.new-app-card .heading-title{border-bottom:1px solid #ddd;padding:10px;font-weight:700}.invoice-container{border:1px solid #ddd;background:#fff}.invoice-container .header-invoice{border-bottom:1px solid #ddd}.invoice-container .quotation-box{border:1px solid #ddd}.invoice-container .quotation-box .quotation-heading{background:#d42029;color:#fff}.i-gold-member{background:url(https://member.indotrading.com/images/gold-year-mobilev2.png) no-repeat;width:100%;height:30px;background-size:contain;position:relative}.i-gold-member span{font-size:7px;color:#fff;left:29px;top:11px;position:absolute}.combobox-no-pointer-event{pointer-events:unset}.combobox-no-pointer-event .v-menu__activator{pointer-events:unset}.combobox-no-pointer-event .v-menu__activator .v-input__append-inner{user-select:unset}.combobox-no-pointer-event .v-menu__activator .v-input__append-inner .v-icon--disabled{pointer-events:unset}.combobox-no-pointer-event.v-input--is-disabled:not(.v-input--is-readonly){pointer-events:unset}@media (max-width:1150px){.label-deliv-date{left:0}.nopad-responsive{padding:0!important}.mt-responsive{margin-top:20px}}@media (max-width:767px){.option-menu-dropdown{font-size:14px}.new-body{padding:10px}.body-no-responsive{-moz-transform:scale(.3,.3);transform:scale(.3,.3);zoom:30%}.body-no-responsive-50{zoom:50%}.quotation-revision-table .heading-revision{border-bottom:none;padding-bottom:0;margin-bottom:5px}.m-auto-responsive{margin:auto}.m-0-responsive{margin:0!important}.m-w100-responsive{width:100%!important}.main-page-height{height:calc(100vh - 121px)!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.no-border-mobile{border:none!important}.search-bar-container{width:10%}.search-bar-container>div{display:none!important}.search-bar-container>div:first-child{display:block!important}.notification-menu{font-size:26px}.right-navbar .account-dropdown-container .account-dropdown .profile-picture{margin-right:0}.right-navbar .username-overflow{display:none}.chart-container .visitor-statistic{width:100%}.chart-container .top-products{width:100%}.left-on-mobile{justify-content:unset!important}.alert-responsive{flex-wrap:wrap;justify-content:center}.alert-responsive>div{flex:unset}.timeline-container{left:-90%!important}.product-home{flex-wrap:wrap}.product-home.recommend-home{margin-left:0!important;margin-right:0!important}.product-home .product-item-container{width:50%!important}.product-home .product-item-container .product-item-home{height:390px}.product-home .product-item-container .product-item-home-2{height:410px}.product-home .product-item-container .product-item-home,.product-home .product-item-container .product-item-home-2{margin-bottom:10px}.product-home .product-item-container .product-item-home .product-item-detail .prod-name,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-name{font-size:13px}.product-home .product-item-container .product-item-home .product-item-detail .prod-price,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-price{font-size:12px}.product-home .product-item-container .product-item-home .product-item-detail .prod-address-pkp,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-address-pkp{font-size:11px}.product-home .product-item-container .product-item-home .prod-btn-pos,.product-home .product-item-container .product-item-home-2 .prod-btn-pos{position:absolute;bottom:10px;right:5px;left:5px}.product-home .product-item-container .product-item-home .prod-btn-pos .add-to-cart-btn,.product-home .product-item-container .product-item-home-2 .prod-btn-pos .add-to-cart-btn{height:32px;background-color:#d42029;color:#fff;border-radius:4px}}@media (max-width:767px) and (max-width:767px){.product-home .product-item-container .product-item-home a>img,.product-home .product-item-container .product-item-home-2 a>img{min-width:160px!important;min-height:160px!important}}@media (max-width:767px){#hubspot-messages-iframe-container{margin-bottom:50px}.hs-messages-widget-open #hubspot-messages-iframe-container{margin-bottom:0}}@media (max-width:400px){.right-navbar .v-menu.v-step-3{display:none!important}}.general-select{padding:0 8px;text-indent:0;width:100%}.add-product-list{border-bottom:1px solid #ddd;padding:20px 0}.add-product-list:last-child{border-bottom:none}.modal-add-product{color:rgba(0,0,0,.65)}.warning-container{border:4px solid #f8bb86;margin:20px auto;width:80px;height:80px;color:#f8bb86;font-size:70px}.table-list-product .header-tab{background:#f2f2f2;font-weight:500;text-align:center}.table-list-product .header-tab>div{padding:12px}.table-list-product .content-tab:nth-child(odd),.table-list-product .main-content-tab:nth-child(odd){background-color:#fafafa}.table-list-product .content-tab,.table-list-product .content-tab-expand{text-align:center;border-bottom:1px solid #ccc}.table-list-product .content-tab .img-product,.table-list-product .content-tab-expand .img-product{width:20%}.table-list-product .content-tab .product-description,.table-list-product .content-tab-expand .product-description{width:80%;text-align:left}.table-list-product .content-tab-expand>div,.table-list-product .content-tab>div{padding:12px}.table-list-product .status-box{padding:5px 7px}.table-list-product .action-icon{font-size:22px;cursor:pointer}.table-list-product .tab-col-1{width:6%}.table-list-product .tab-col-2{width:30%}.table-list-product .tab-col-3{width:5%}.table-list-product .tab-col-4{width:15%}.table-list-product .tab-col-5{width:15%}.table-list-product .tab-col-6{width:25%}.table-list-product .tab-col-7{width:12%}.table-list-product .v-menu{position:absolute;right:0;bottom:0;top:0;width:98%}.table-list-product .v-menu .v-menu__activator{position:absolute;right:0;bottom:0;top:0;width:100%}.table-list-product .v-menu .v-menu__activator>button{color:#b0b0b0;outline:0;position:absolute;right:3%}.product-table-mobile{margin-top:10px;position:relative;padding-bottom:0!important}.product-table-mobile:last-child{margin-bottom:20px}.product-table-mobile .product-name{font-size:14px;font-weight:700;margin-right:10px}.product-table-mobile .menu-toggle-product{position:absolute;right:10px;top:5px}.product-table-mobile .menu-toggle-product .menu-elips{font-size:23px;color:gray}.product-table-mobile .menu-toggle-product .hidden-menu-toggle{display:none;position:absolute;right:-10px;top:18px;padding:5px 15px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);z-index:-1;pointer-events:none}.product-table-mobile .menu-toggle-product .hidden-menu-toggle .menu-toggle{margin-bottom:10px;font-size:14px}.product-table-mobile .menu-toggle-product .hidden-menu-toggle .menu-toggle:last-child{margin:0}.product-table-mobile .menu-toggle-product:hover .hidden-menu-toggle{display:block;pointer-events:unset;z-index:2}.product-table-mobile .price-range-mobile{color:orange;font-weight:500}.product-table-mobile .brd-top-btm{margin-top:15px;border-top:2px solid #f6f6f6;border-bottom:2px solid #f6f6f6}.product-table-mobile .img-product-container{width:60px;margin-right:10px}.product-table-mobile .product-list-content{width:100%}.product-table-mobile .action-icon{font-size:22px;padding:0}.product-table-mobile .toggle-status{font-size:22px}.product-table-mobile .fa-toggle-on{color:#008d4b}.product-table-mobile .sku-vendor{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}.product-table-mobile .edit-container{position:absolute;right:5px;bottom:0}.img-upload{border:1px solid #ddd}.img-upload .upload-img-container{display:inline-block;cursor:pointer}.img-upload .upload-img-container .img-upload-hide{opacity:0!important}.img-upload .upload-img-container .upload-icon{font-size:40px;cursor:pointer}.img-upload .uploaded-image{width:100px;height:100px;border:1px dashed #ddd;padding:10px;margin-right:10px;margin-bottom:20px}.img-upload .uploaded-image .crop-image{position:absolute;left:0;top:0}.img-upload .uploaded-image .delete-image{position:absolute;right:0;top:0}.img-upload .uploaded-image .edit-container{width:25px;height:25px;background-color:rgba(204,204,204,.5);color:#000;border-radius:50%;text-align:center}.img-upload .uploaded-image .delete-container{color:#000;width:25px;height:25px;background-color:rgba(204,204,204,.5);border-radius:50%;text-align:center}.img-upload .uploaded-image .image-size{width:100%;height:75px}.img-upload .uploaded-image .marker-container{position:absolute;left:0;right:0;text-align:center}.expansion-group-product .v-expansion-panel__container{color:inherit!important}.expansion-group-product .v-expansion-panel__header{padding:0}.v-menu-activator-fh .v-menu__activator{height:100%!important}.p-0-i{padding:0!important}.expand-table-p-0-i .v-datatable__expand-col{padding:0!important}.fs-12px{font-size:12px}.border-adadad{border:1px solid #adadad}.border-top-adadad{border-top:1px solid #adadad}.border-gvrmnt{border-color:#dc3545!important;background-color:#fff}.header-group-product{background:#fafafa}.table-group-service .child-bg{background:#eee}.table-group-service .group-col-1,.table-group-service .group-col-2,.table-group-service .group-col-3,.table-group-service .group-col-4{padding:10px}.table-group-service .group-col-1{width:35%;color:#464d69}.table-group-service .group-col-2{width:25%}.table-group-service .group-col-3{width:20%}.table-group-service .group-col-4{width:20%}.table-group-service .group-col-1.child-col-1{padding-left:20px}.category-selector>.all-category{border:1px solid #ddd;border-right:none;overflow:auto;height:240px}.category-selector>.all-category:last-child{border-right:1px solid #ddd}.category-selector>.all-category .child-cat{cursor:pointer}.category-selector>.all-category .selected-cat{color:#d42029}.category-selector.layout:not(:only-child){margin:0!important}@media (max-width:767px){.table-group-product .group-col-1{width:40%;color:#464d69}.table-group-product .group-col-2{width:30%}.table-group-product .group-col-3{display:none}.table-group-product .group-col-4{width:30%}.table-group-service .group-col-1,.table-group-service .group-col-2,.table-group-service .group-col-3,.table-group-service .group-col-4{padding:8px}.category-selector>.all-category{border:1px dashed #ddd;border-bottom:none}.category-selector>.all-category:last-child{border-bottom:1px dashed #ddd}}.diologadpro{overflow-y:auto}.col-pot{width:50px;height:50px;border:1px solid #ddd;position:relative;background:#fff}.col-pot img{color:transparent;position:absolute;max-width:100%;max-height:100%;width:auto;top:0;right:0;bottom:0;left:0;margin:auto}.img-warp{position:relative}.img-warp img{color:transparent;position:absolute;max-width:100%;max-height:100%;width:auto;top:0;right:0;bottom:0;left:0;margin:auto}.img-warp.h132{height:132px!important;width:132px!important;margin:0 auto}.img-warp.h132.border{border:1px solid #ccc}.img-warp.detcomp{width:160px;height:160px;margin:0 auto}.img-warp.h50{height:50px!important;width:50px!important;margin:0 auto}.img-warp.h100{height:100px!important;width:100px!important;margin:0 auto}.img-warp.h24{height:24px!important;width:24px!important;margin:0 auto}.procom{margin:0 -24px}.procom .layout.mt-3{margin:0 -8px}.procom .layout.mt-3 .flex.xs3{padding:0 8px!important}.procom .app-card-title{display:block!important}.procom .fileUpload{overflow:hidden}.procom .proitem{border:1px solid #ccc;border-radius:4px;overflow:hidden}.procom .proitem .img-warp{width:100%;border:none}.procom .proitem .img-warp img{max-width:auto}.procom .proitem .v-btn--icon{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.procom .doc .img-warp{width:100%;height:130px}.procom .doc .img-warp img{max-width:auto}.procom .img-warp{width:160px;height:160px;border:1px solid #ddd;position:relative;background:#fff;margin:0 auto}.detor .img-warp{height:132px;width:132px;overflow:hidden;position:relative;margin:0 auto}.detor .img-warp img{color:transparent;position:absolute;max-width:100%;max-height:100%;width:auto;top:0;right:0;bottom:0;left:0;margin:auto}.h34 a span,.h34 h6{min-height:45px;display:block;text-align:center}.b-red{border:1px solid red;border-left:5px solid red}.b-green{border:1px solid green;border-left:5px solid green}.b-blue{border:1px solid #00f;border-left:5px solid #00f}.hm-br{text-align:center;background:#d42029;padding:8px;border-radius:20px;text-transform:uppercase}.hm-br:hover{background:#19243c}.vs-tab .v-tabs__container{border-bottom:1px solid #d42029}.vs-tab.btab6 .v-tabs__item{padding:8px 0 10px 0}.vs-tab .v-tabs__items{overflow:initial!important}.vs-tab .v-tabs__div{max-width:100%!important;width:50%}.vs-tab .v-tabs__item{border-radius:0;padding:13px 0 10px 0;height:auto;border:none;color:#efb2b2!important;border-bottom:3px solid transparent!important}.vs-tab .v-tabs__item.v-tabs__item--active{background:#fff;border-bottom:3px solid #d42029!important;color:#d42029!important}.vs-tab .v-tabs__item.v-tabs__item--active:hover{color:#d42029}.vs-tab .v-icon{color:#da4149!important}.loading-idt{width:100%;margin:0 auto;z-index:60;position:absolute;background:#d60f16;right:0;left:0;text-align:center;border:0;top:0;height:100%;overflow:hidden}.loading-idt img{color:transparent;position:absolute;width:20%;height:auto;top:0;right:0;bottom:0;left:0;margin:auto;animation:pulse 2s infinite;animation-timing-function:linear}@media (max-width:767px){.loading-idt img{width:50%}}.steps .v-dialog__container{width:100%}.radio-input .v-input__slot,.radio-input .v-radio{margin-bottom:0}.radio-input .flex{height:fit-content}.btn-border{border:1px solid #ddd;border-radius:4px}.verif-dialog .headline{text-transform:uppercase!important}.verif-dialog .dial-content .app-card-content{overflow-y:auto;height:472px;overflow-x:hidden}.media-body h6{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-bubble::-webkit-scrollbar,.v-dialog::-webkit-scrollbar{width:10px}.chat-bubble::-webkit-scrollbar-track,.v-dialog::-webkit-scrollbar-track{background:#f1f1f1}.chat-bubble::-webkit-scrollbar-thumb,.v-dialog::-webkit-scrollbar-thumb{background:#ccc}.chat-bubble::-webkit-scrollbar-thumb:hover,.v-dialog::-webkit-scrollbar-thumb:hover{background:#ccc}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:767px){.m-h300{max-height:300px;overflow:auto;overflow-x:hidden}}@media (min-width:0px){.hidden-xs{display:none!important}.show-xs{display:block!important}}@media (min-width:600px){.hidden-sm{display:none!important}.show-sm{display:block!important}}@media (min-width:960px){.hidden-md{display:none!important}.show-md{display:block!important}.img-searchresult{margin-left:auto;margin-right:auto;width:70%}}@media (min-width:1264px){.hidden-lg{display:none!important}.show-lg{display:block!important}}.ql-container{min-height:100px!important}.ql-favourite{min-height:110px!important}.ql-fav-name{height:39px}.errorline .v-menu__activator{border-bottom:1px solid red!important}.product-thumbnail{width:80px;height:80px}.gray-color{color:gray!important}.shadow-box{box-shadow:2px 2px 5px 1px gray}.tab-header{background:#dcdcdc;font-weight:700;text-align:center}.tab-header>div{padding:14px 0}.h-fit-content{height:fit-content!important}.btn-blue{color:#fff!important;background-color:#446af5!important}.row-reverse{flex-direction:row-reverse}.mb-7{margin-bottom:7rem!important}.btn-red{background:#e60000!important;color:#fff!important}.mb-6{margin-bottom:6.2rem!important}.bgr-salmon{background:#ffe9e7!important}.bgr-red{background-color:#dd1f26!important}.bgr-transparent{background-color:transparent!important}.lh-1{line-height:1}.lh-4{line-height:4rem}.ml-auto{margin-left:auto}.ml-19px{margin-left:19px!important}.ml-35px{margin-left:35px!important}.w-47{width:47%!important}.w-45{width:45%!important}.capitalized{text-transform:capitalize!important}.br-4px{border-radius:4px!important}.br-20px{border-radius:20px!important}.add-address-title{background-color:#d32f2f}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px}.mt-65{margin-top:65px!important}.quantity-toggle button{border:1px solid gray;padding:0;background:#f5f5f5;color:#888;font-size:14px;cursor:pointer;width:15%;border-radius:2px}.quantity-toggle input{border:1px solid gray;border-left:none!important;border-right:none!important;width:2.5rem;text-align:center;padding:0 .5rem}.w-11{width:11%!important}.w-14{width:14%}.w-15{width:15%!important}.w-25{width:25%}.w-27{width:27%!important}.w-90{width:90%!important}.w-95{width:95%!important}.b-btm2px{border-bottom:2px solid #f2f2f2}.bgr-gainsboro{background:#dcdcdc!important}.gainsboro--text{color:#dcdcdc!important}.shadow-gainsboro{box-shadow:3px 1px 11px 0 #dcdcdc}.form-savebox{position:fixed;z-index:100;max-width:80%;top:65px;box-shadow:0 0 5px 2px #7d7d7d;margin-top:10px;margin-left:-20px}.form-savebox-mobile{position:fixed;z-index:100;top:65px;box-shadow:0 0 5px 2px #7d7d7d}.idt-red{background-color:#dd1f26!important;border-color:#dd1f26!important;color:#fff!important}.idt-red--link,.idt-red--text{color:#dd1f26!important;caret-color:#dd1f26!important}.idt-red--link:hover{color:#dd1f26!important;caret-color:#dd1f26!important}.cursor-pointer{cursor:pointer}.counter-shoppingcart{position:absolute;top:12px;margin-left:25px;background-color:#00f;border-radius:7px;padding:2px 5px;color:#fff;font-size:8px}.shoppingcart-prodname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.shoppingcart-prodname:hover{text-decoration:underline}.shoppingcart-prodnote{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.quantity-toggle-mobile button{border:1px solid gray;padding:0;background:#f5f5f5;color:#888;font-size:14px;cursor:pointer;width:25%;border-radius:2px}.quantity-toggle-mobile input{border:1px solid gray;border-left:none!important;border-right:none!important;width:2.5rem;text-align:center;padding:0 .5rem}.max-h125{max-height:125px!important}.h-30{height:30%!important}.h-10{height:10px!important}.h-5{height:5px!important}.h-100{height:100%!important}.h-80{height:80%!important}.v-badge-orange{background:#ffe6b3!important;color:#e69900!important}.v-badge-blue{background:#a5c9e8!important;color:#0099e6!important}.v-badge-purple{background:#ccb3ff!important;color:#33f!important}.v-badge-green{background:#bfffb3!important;color:#00e600!important}.v-badge-grey{background:#f1f1f1!important;color:#c1c1c1!important}.v-badge-black{background:#bbb!important;color:#767676!important}#expansionCart .v-expansion-panel__header{padding-right:15px}#cartlist{height:75px;padding:0 12px 0 10px}#RFQFilter .v-select.v-text-field--enclosed:not(.v-text-field--single-line) .v-select__selections,#orderFilter .v-select.v-text-field--enclosed:not(.v-text-field--single-line) .v-select__selections{padding-top:0}#RFQFilter .v-text-field--box>.v-input__control>.v-input__slot,#RFQFilter .v-text-field--full-width>.v-input__control>.v-input__slot,#RFQFilter .v-text-field--outline>.v-input__control>.v-input__slot,#orderFilter .v-text-field--box>.v-input__control>.v-input__slot,#orderFilter .v-text-field--full-width>.v-input__control>.v-input__slot,#orderFilter .v-text-field--outline>.v-input__control>.v-input__slot{min-height:45px}#RFQFilter .v-select__selection--comma,#orderFilter .v-select__selection--comma{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#RFQFilter .theme--light.v-text-field--outline>.v-input__control>.v-input__slot,#orderFilter .theme--light.v-text-field--outline>.v-input__control>.v-input__slot{border:1px solid #888;border-radius:5px}.bottom-footer{bottom:0;position:fixed;width:100%}.p-absolute{position:absolute}.p-relative{position:relative}.ml-18{margin-left:18px!important}.new-filter{background:#fff;left:0;right:0;top:0}.new-filter .filter-container .filter-type{width:100%;padding-bottom:10px}.new-filter .filter-container .filter-type .filter-content{width:calc(100%/3)}.new-filter .filter-container .filter-type .v-tabs__bar{border-bottom:none}.new-filter .brand-swiper,.new-filter .category-swiper,.new-filter .location-swiper{padding:0 10px}.new-filter .brand-swiper .swiper-wrapper .swiper-slide,.new-filter .category-swiper .swiper-wrapper .swiper-slide,.new-filter .location-swiper .swiper-wrapper .swiper-slide{width:auto!important;border:2px solid #d42029;border-radius:20px;background:#fff;padding:6px 15px;font-weight:500;text-align:center;margin-right:10px;color:#d42029}.new-filter .brand-swiper .swiper-wrapper .swiper-slide:last-child,.new-filter .category-swiper .swiper-wrapper .swiper-slide:last-child,.new-filter .location-swiper .swiper-wrapper .swiper-slide:last-child{margin-right:0}.new-filter .brand-swiper .swiper-wrapper .active,.new-filter .category-swiper .swiper-wrapper .active,.new-filter .location-swiper .swiper-wrapper .active{background:#d42029;color:#fff}.btn-rfq{border-radius:30px;background:#d42029;padding:8px 24px;width:100%;border:2px solid #d42029;font-weight:700;font-size:13px!important;color:#fff;white-space:nowrap;text-align:center;cursor:pointer}.btn-how2buy{border-radius:5px;background:#d42029;padding:8px;border:2px solid #d42029;font-weight:400;text-transform:uppercase;color:#fff!important;white-space:nowrap;text-align:center;cursor:pointer}.btn-rfq-alt{border-radius:5px;background:orange;padding:8px;border:2px solid orange;font-weight:400;text-transform:uppercase;color:#fff;white-space:nowrap;text-align:center;cursor:pointer}.btn-phone{background:#0d9d3e;border:2px solid #0d9d3e;color:#fff;border-radius:30px;padding:8px 24px;width:100%;font-weight:700;font-size:13px!important;white-space:nowrap;text-align:center;cursor:pointer}.btn-wa-search{background:#fff;border:2px solid #25d366;color:#25d366!important;border-radius:30px;padding:8px 24px;width:100%;font-weight:700;font-size:13px!important;white-space:nowrap;text-align:center;cursor:pointer}.btn-view-detail-search{border:1px solid #666;background-color:#fff;color:#666!important;border-radius:30px;white-space:nowrap;padding:8px 24px;font-size:13px!important;text-align:center}.btn-view-detail-search:hover{background:#d6d6d6}@media (max-width:958px){.btn-phone,.btn-rfq,.btn-view-detail-search,.btn-wa-search{font-weight:400!important;font-size:10px!important;padding:8px 16px!important}}.logo-idtrfq-container{padding:15px;background:#fff;width:100%;box-shadow:0 0 10px 0 #000}.btn-contactphone{border-radius:20px;box-sizing:border-box;color:#000;background:#fff;padding:16px}.w-90px{width:90px}.diamondmember-idt{border:1px solid #1e76bb;border-radius:25px;padding:1px 3px;height:19px;position:relative;width:fit-content;max-width:180px;background:#fff}.diamondmember-idt .diamond-logo{background:url(https://cdn.indotrading.com/mobile/images/Diamond-member-v1.png) no-repeat;background-size:35px;height:35px;width:35px;position:absolute;left:-5px;top:-7px}.diamondmember-idt .diamond-year{display:block;margin-left:26px;margin-right:7px;font-size:9px;color:#1e76bb;white-space:nowrap}.platinummember-idt{border:1px solid #15435c;border-radius:25px;padding:1px 3px;position:relative;height:19px;width:fit-content;max-width:180px;background:#fff}.platinummember-idt .platinum-logo{background:url(https://cdn.indotrading.com/mobile/images/Platinum-Member-v1.png) no-repeat;background-size:35px;height:35px;width:35px;position:absolute;left:-5px;top:-7px}.platinummember-idt .platinum-year{display:block;margin-left:26px;margin-right:7px;font-size:9px;color:#15435c}.goldmember-idt{display:inline-block;border:1px solid #b2772c;border-radius:25px;padding:1px 3px;position:relative;height:19px;width:fit-content;max-width:180px;background:#fff}.goldmember-idt .gold-logo{background:url(https://cdn.indotrading.com/mobile/images/Gold-member-v1.png) no-repeat;background-size:35px;height:35px;width:35px;position:absolute;left:-5px;top:-7px}.goldmember-idt .gold-year{display:block;margin-left:26px;margin-right:7px;font-size:9px;color:#b2772c}.icon-label-free-member{background:url(https://resources.indotrading.com/mobile/content/images/free_members.png) no-repeat;width:35px;height:37px;background-size:cover;float:left;clear:both;margin-top:-5px}.shine-me{width:100%;animation-name:ShineAnimation;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in}.shine-me.on-product{height:25px}.h1h{line-height:20px;font-weight:700;font-size:16px}.h2h{font-size:14px;font-weight:400;line-height:17px}.h3h{font-size:12px;font-weight:400}.red-text{color:#dd1f26}.pad-10-50{padding:10px 50px}.pad-20{padding:20px}.pad-100-20{padding:100px 20px}.pad-0-20{padding:0 20px 20px 20px}.pr-60{padding-right:60px}.pr-14{padding-right:14px}.pr-14-i{padding-right:14px!important}.m-10{margin:10px}.m-0{margin:0}.mt-10{margin-top:10px}.mt-75{margin-top:75px}.mt-18-i{margin-top:18px!important}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.mr-20{margin-right:20px}.mr-40{margin-right:40px}.mr-60{margin-right:60px}.ml-20{margin-left:20px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-60{margin-bottom:60px}.w-60{width:60%}.divider{border-right:2px solid #e1e1e1!important}.flip{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.tempicon{background-color:#dd1f26;color:#f8f9fa;padding:4px;border-radius:12px;font-size:8px}.btn-red-home{background:#dd1f26!important;border-radius:5px;color:#f8f9fa!important;text-transform:capitalize}.btn-blue-home{background:#35a5e3!important;border-radius:5px;color:#f8f9fa!important}.btn-yellow-home{background:#e08600!important;border-radius:5px;color:#f8f9fa!important}.background-home{background:#f9f9f9;border-radius:10px}.table-home{margin-bottom:0}.table-home th{padding:11px}.table-home tbody tr{background-color:#fff}.table-home tbody tr:nth-child(2n){background-color:#fafafa}.big-pill{text-align:center;margin:0 40px 0 0;padding:16px 0 16px 0}.home-icon{color:#090;font-size:14px}.paddd{padding:21px 21px 21px 12px!important}.padddd{padding-top:16px;padding-bottom:6px}.nopad-left{padding-left:0!important}.uppercase{text-transform:uppercase}.bold{font-weight:700}.badge-red-home{padding:4px 8px 4px 8px;background:#dd1f26;border-radius:3px;color:#f8f9fa}.btn-green-home{background-color:#2db879!important;color:#fff!important;border-radius:5px}.rfq-stat-padding{padding:28px 5px 0 5px!important}.bottom-divider{border-bottom:1px solid #ececec}.forfix-photo{width:61px;height:61px;background-color:#c4c4c4}.rfq-badge-pad{padding:4px 6px 4px 6px;display:inline-block;width:auto!important}.align-lefty{text-align:left}.blue-brd{background-color:#cfd4fc;color:#2438f0}.forfix-paddd{padding-left:0;padding-right:0}.v-card-title-supp{background-color:#f2f2f2;border-radius:5px}.icon-mobile{margin-right:6px;font-size:16px}.break-word{word-break:break-word}.forfix-chevron{margin-top:-6px;margin-left:6px}.forfix-div{margin:10px 0 10px 0}.btn-red-mobile{color:#dd1f26!important;background-color:#fff!important;border:1px solid #dd1f26!important;border-radius:5px}.box-shadow-none{box-shadow:none!important}.a-baseline{align-items:baseline}.no-data{border-bottom:1px solid #dcdcdc;text-align:center;background-color:#fff}.none-action{background-color:#d3d3d3;border-radius:5px;text-align:center}.last-message{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-center{text-align:center}.text-right{text-align:right}.no-data-mobile{padding:100px 20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.card-home{border-radius:5px;box-shadow:none!important;border:1px solid #f2f2f2!important}.underline{text-decoration:underline}.checklist-green{color:#01870e}.times-red{color:#dd1f26}.download-grey{color:#6d6d6d}.mr-5-i{margin-right:5px!important}.box-lihat-penawaran{box-shadow:0 4px 10px rgba(128,128,128,.25);border-radius:3px;padding:20px}.justify-sp-between{justify-content:space-between!important}.red-title-section{color:#dd1f26;font-size:18px;padding:10px}.red-bottom-border{border-bottom:1px solid #dd1f26}.text--grey{color:#9b9b9b}.pl-10-pr-10{padding:0 10px}.pl-20-pr-20{padding:0 20px}.pr-15{padding-right:15px}.pl-15{padding-left:15px}.pl-14{padding-left:14px}.pl-14-i{padding-left:14px!important}.ml-20-mr-20{margin:0 20px}.mr-21{margin-right:21px}.mr-14{margin-right:14px}.ml-14{margin-left:14px}.min-height-100{min-height:100px}.add-address{color:#63c06c;text-decoration:underline;cursor:pointer}.mt-2-i{margin-top:2px!important}.fs-9{font-size:9px}.fs-10{font-size:10px}.lihat-penawaran-color{color:#424242!important;font-weight:400!important}.lihat-penawaran-color-bold{color:#424242!important;font-weight:500!important}.pad-12-flex .flex{padding-left:12px;padding-right:12px}.total-p-section-forprint{display:flex;flex-direction:row;justify-content:flex-end;text-align:right;margin-left:auto;margin-right:55px}.total-p-section-forprint .content-p2{display:flex;justify-content:flex-end}.fs-24{font-size:24px}.fs-16{font-size:16px}.alamat-header{max-width:335px;place-self:center}.max-width-70{max-width:70px}.justify-self-end{justify-self:end}.t-stuff{border-bottom:1px solid #b5b5b5;width:170px;margin-left:50px}.float-r{float:right}.alert-red{color:#df1515;font-size:9px}.s-n-k{background:#f2f2f2;border-radius:3px;padding:20px;min-height:110px}.unduh-section{margin-bottom:4px;margin-right:10px}.section_1-lihatPenawaran{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px;border-radius:5px 5px 0 0;background-color:#dd1f26;color:#fff}.section_1-lihatPenawaran .btn-section .bayar-penawaran-btn,.section_1-lihatPenawaran .btn-section .tolak-penawaran-btn,.section_1-lihatPenawaran .section_1_button{padding:6px 15px;border-radius:20px;font-weight:500}@media screen and (min-width:767px){.section_1-lihatPenawaran .btn-section a:nth-child(1){margin-right:10px}}.section_1-lihatPenawaran .btn-section .tolak-penawaran-btn{color:#fff;border:1px solid #fff;background-color:inherit}@media screen and (min-width:767px){.section_1-lihatPenawaran .btn-section .tolak-penawaran-btn:hover{background-color:#fff;color:#dd1f26}}.section_1-lihatPenawaran .btn-section .bayar-penawaran-btn{color:#fff;border:1px solid #fa9620;background-color:#fa9620}@media screen and (min-width:767px){.section_1-lihatPenawaran .btn-section .bayar-penawaran-btn:hover{background-color:#e27d05;border-color:#e27d05;color:#e6e6e6}}.vi-card{min-height:135px;min-width:333px;max-height:135px;background-color:#4d8b9e;background-image:url(/static/img/bg-cover-card.f8dd268.svg);background-size:cover;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:15px 24px}.vi-card .t-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.vi-card .t-section .l{display:flex;flex-direction:column}.vi-card .t-section .r{display:grid;text-align:center}.vi-card .t-section .bg-r-white{height:40px;max-width:40px;width:100%;background-color:#fff;border-radius:50%}.vi-card .t-section .bg-r-white .material-icons{color:#d92727;font-size:24px}.vi-card span{color:#fff}.d-add-bank-acc{border-radius:10px}.d-add-bank-acc .add-bank-acc-card{padding:20px 26px}.d-add-bank-acc .add-bank-acc-card .v-card__text{padding:0}.d-add-bank-acc .add-bank-acc-card .v-card__text .dialog-bank-title{font-weight:700;font-size:16px;margin-bottom:12px}.d-add-bank-acc .add-bank-acc-card .v-card__text .info-section{margin-bottom:16px}.abort-ba-btn,.add-ba-btn,.disable-add-ba-btn,.keep-ba-btn{padding:0 20px;text-transform:capitalize;box-shadow:none!important;position:relative}.disable-add-ba-btn{color:#fff!important;background-color:#b2b2b2!important;border-radius:7px}.add-ba-btn{color:#fff!important;background-color:#0d9d3e!important;border-radius:7px}.keep-ba-btn{color:#fff!important;background-color:#b2b2b2!important;border-radius:5px}.abort-ba-btn{color:#7c7c7c!important;background-color:#fff!important;border-radius:5px}.form-basic-radio-group .v-radio i{color:#c4c4c4;font-size:22px}.form-basic-radio-group .v-radio label{color:#31353b;font-size:14px}.form-basic-radio-group .v-radio:last-child{margin-bottom:8px}.v-autocomplete .v-input__control .v-input__slot .v-menu .v-menu__activator .v-select__slot input{display:flex}.form-basic-select .v-input__control{min-height:40px!important}.form-basic-select .v-input__control .v-input__slot{padding:0 8px;border-radius:5px;box-shadow:none!important;border:1px solid #e5e5e5!important;margin:0}.form-basic-select .v-input__control .v-input__slot .v-select__selection{font-size:14px!important;color:#7c7c7c}.form-basic-select .v-input__control .v-input__slot label{font-size:14px;color:#7c7c7c}.form-basic-select .v-input__control .v-text-field__details{display:none!important}.form-basic-select-dropdown{border-radius:5px!important}.form-basic-select-dropdown .v-list__tile{height:40px}.form-basic-select-dropdown .v-list__tile .v-list__tile__title{font-size:14px}.p-20-60{padding:20px 60px}.p-16-20{padding:16px 20px}.searchresult{margin:10px 0;background:#fff;border:1px solid #9b9b9b;border-radius:5px;display:flex;overflow:hidden}.searchresult:first-child{margin-top:0}.searchresult:last-child{margin-bottom:0}.search-border-right{border-right:1px solid #b6b6b6}.clr-price{color:#f57224}.box-grosir{background:#bbffbe;color:#12a105;height:26px;width:65px;font-size:14px;border-radius:4px;display:flex;align-items:center;justify-content:center}@media (max-width:958px){.box-grosir{width:45px;font-size:11px}}.box-variant{background-color:#ffe7e7;color:red;height:26px;width:65px;font-size:14px;border-radius:4px;display:flex;align-items:center;justify-content:center}@media (max-width:958px){.box-variant{width:45px;font-size:11px}}.btn-view-detail{border:1px solid #666;background-color:#fff;color:#666!important;border-radius:5px;white-space:nowrap;padding:8px;text-align:center}.btn-view-detail:hover{background:#d6d6d6}.response-rate-round-container{border:1px solid #2f2e2e;border-radius:25px;padding:0 10px;background:#fff;cursor:pointer;display:flex;align-items:center}.bgr-gray-company{background-color:#f5f5f7}.text--green{color:#3c9043}.v-table tbody tr:nth-child(2n){background-color:#fafafa}@media print{body,html{background-color:#fff!important;print-color-adjust:exact}.no-print{display:none!important}.p-no-pt{padding-top:0!important}.p-no-pl{padding-left:0!important}.p-no-pr{padding-right:0!important}.p-no-mt{margin-top:0!important}.p-no-pad{padding:0!important}.p-no-margin{margin:0!important}.p-20-60{padding:20px!important}.pagebreak{page-break-after:auto;page-break-inside:avoid}}.search-result-border{background:#fff;border:1px solid #9b9b9b;border-radius:5px;padding:16px}.search-result-border h1{font-size:20px}.search-result-filter{background:#fff;border:1px solid #9b9b9b;border-radius:5px;padding:8px;margin-bottom:16px}.search-result-filter:last-child{margin-bottom:0}.search-result-filter .head-title{font-weight:600;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #ddd;text-transform:uppercase}.search-result-filter .search-filter-content.show-5{height:137px;overflow:hidden}.search-result-filter .search-filter-content a{width:100%;margin-bottom:8px}.search-result-filter .search-filter-content a:last-child{margin-bottom:0}.search-result-filter .search-filter-content a:hover{color:#d42029}.search-result-filter .search-filter-content a.active{font-weight:600;color:#d42029}.search-result-filter .filter-see-all{border-top:1px solid #ddd;padding-top:8px;margin-top:8px;font-weight:600}.phone-close-dialog{position:absolute;top:5px;right:5px}.phone-dialog-btn{border:1px solid #000;padding:8px 0;display:flex;align-items:center;justify-content:center;width:200px;border-radius:5px;background:#fff}.timeline-container{left:-92%;width:190%}.invoice-created-date{margin-left:10px;padding:5px 10px;border-radius:50%;color:#7c7c7c;background-color:#e5e5e5;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.invoice-expired-date{padding:5px 10px;border-radius:50%;color:#d42029;margin-left:0;background-color:#fee;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.invoice-bluebox{background:#464d69;border-radius:5px;color:#fff;padding:8px;display:flex;align-items:center;justify-content:space-between}.invoice-detail-head{background:#fff;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);position:relative;overflow:hidden;display:flex;margin-right:13px}.invoice-detail-head .invoice-detail-child{width:16.67%;border-right:1px solid #e5e5e5;margin:20px 0;align-items:center;justify-content:center;text-align:center}.invoice-detail-head .invoice-detail-child .child-title{font-size:12px}.invoice-detail-head .invoice-detail-child .child-num{font-size:14px;margin-top:2px}.invoice-detail-head .invoice-detail-child:first-child{padding-left:20px}.invoice-detail-head .invoice-detail-child:last-child{border-right:0;margin:0;padding:20px 10px;background:#464d69;color:#fff}.invoice-detail-head img{position:absolute;top:0;left:0}.invoice-box{border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);background:#fff;position:relative;overflow:hidden;padding:20px 28px;box-sizing:border-box;width:100%}.invoice-box .img-pos-1{position:absolute;bottom:-15px;right:0;transform:rotate(180deg);width:50%}.invoice-box .img-pos-2{position:absolute;top:0;left:0;width:50%}.invoice-box .receipt-blue{border:1px solid #464d69}.invoice-box .receipt-blue .top-blue{background:#464d69;text-transform:uppercase;color:#fff;font-size:22px;text-align:center;padding:15px}.invoice-box .receipt-info-address{border-left:4px solid #d42029}.invoice-box .receipt-info-identity{display:flex;justify-content:space-between}.invoice-box .receipt-info-destination{border-radius:5px;border:1px solid #212529;display:flex;padding:15px}.invoice-box .receipt-info-destination .info-child{border-right:1px solid #212529;width:33.33%;text-align:center}.invoice-box .receipt-info-destination .info-child:first-child{border-left:0}.invoice-box .receipt-info-destination .info-child:last-child{border-right:0}.invoice-box .receipt-info-destination .info-child-mobile{border-right:1px solid #e5e5e5;width:50%;text-align:center}.invoice-box .receipt-info-destination .info-child-mobile:first-child{border-left:0}.invoice-box .receipt-info-destination .info-child-mobile:last-child{border-right:0}.account-box-invoice{background:#fff;padding:15px 10px;color:#424242;border:3px solid #000}.invoice-product-m{width:100%;font-size:12px}.invoice-product-m .header-section{padding:12px;background-color:#484848;color:#fff}.invoice-product-m .content-section>div{background-color:#f0f0f0;padding:12px;border-top:1px solid #fff;border-right:0 solid #fff;border-bottom:1px solid #fff;border-left:0 solid #fff;display:flex;flex-direction:column;justify-content:flex-start}.invoice-product-m .content-section>div>span:nth-child(2){margin:5px 0}.invoice-product-m .content-section>div:first-child{border-top:2px solid #fff!important;border-right:0 solid #fff!important;border-bottom:1px solid #fff!important;border-left:0 solid #fff!important}.invoice-product-m .price-section{margin-top:18px}.invoice-product-m .price-section>div>div:nth-child(odd){padding-left:0;padding-right:6px}.invoice-product-m .price-section>div>div:nth-child(even){padding-left:6px;padding-right:0;text-align:right;font-weight:600}.invoice-product-m .price-section .total-price-section{padding:12px;background-color:#484848;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.invoice-product-m .price-section .total-price-section span{font-weight:600}.invoice-product-m .tnc-section{margin-top:16px;margin-bottom:30px}.invoice-product-m .tnc-section .note-section{margin-bottom:15px}.invoice-product-m .tnc-section .note-section>div:first-child{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e5e5e5}.invoice-product-m .tnc-section .note-section>div:first-child>span{font-weight:600}.invoice-product-m .tnc-section .term-section>div:first-child{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e5e5e5}.invoice-product-m .tnc-section .term-section>div:first-child>span{font-weight:600}.invoice-product-m .signature-section{display:flex;justify-content:flex-end;padding-bottom:15px}.invoice-product-m .signature-section .sig-content{display:flex;flex-direction:column;text-align:center}.invoice-product-m .signature-section .sig-content .signature-img-empty{min-height:65px}.invoice-product-m .signature-section .sig-content .signature-logo{width:100%;height:100%;max-width:100px;margin-left:auto;margin-right:auto}.lunas-label{background-color:#c41c20;color:#fff;position:absolute;padding:5px 15px;border-radius:7px;transform:rotate(45deg);height:50px;line-height:57px;width:110px;text-align:center;top:-7px;right:-38px;font-size:12px;font-weight:700}table.lkpp-invoice-table{width:100%}table.lkpp-invoice-table td,table.lkpp-invoice-table th{border:1px solid #ddd;padding:4px}table.lkpp-invoice-table td:nth-child(1),table.lkpp-invoice-table th:nth-child(1){width:15%}table.lkpp-invoice-table td:nth-child(2),table.lkpp-invoice-table th:nth-child(2){width:20%}table.lkpp-invoice-table td:nth-child(3),table.lkpp-invoice-table th:nth-child(3){width:5%}table.lkpp-invoice-table td:nth-child(4),table.lkpp-invoice-table th:nth-child(4){width:20%}table.lkpp-invoice-table td:nth-child(5),table.lkpp-invoice-table th:nth-child(5){width:10%}table.lkpp-invoice-table td:nth-child(6),table.lkpp-invoice-table th:nth-child(6){width:30%}table.lkpp-invoice-table thead{background:#ddd}table.lkpp-invoice-table thead th{font-weight:700;text-align:center}table.lkpp-nota-table{width:100%}table.lkpp-nota-table td,table.lkpp-nota-table th{border:1px solid #ddd;padding:4px}table.lkpp-nota-table td:nth-child(1),table.lkpp-nota-table th:nth-child(1){width:5%}table.lkpp-nota-table td:nth-child(2),table.lkpp-nota-table th:nth-child(2){width:25%}table.lkpp-nota-table td:nth-child(3),table.lkpp-nota-table th:nth-child(3){width:10%}table.lkpp-nota-table td:nth-child(4),table.lkpp-nota-table th:nth-child(4){width:10%}table.lkpp-nota-table td:nth-child(5),table.lkpp-nota-table th:nth-child(5){width:20%}table.lkpp-nota-table td:nth-child(6),table.lkpp-nota-table th:nth-child(6){width:15%}table.lkpp-nota-table td:nth-child(7),table.lkpp-nota-table th:nth-child(7){width:15%}table.lkpp-nota-table thead{background:#ddd}table.lkpp-nota-table thead th{font-weight:700;text-align:center}table.lkpp-po-table{width:100%}table.lkpp-po-table td,table.lkpp-po-table th{border:1px solid #ddd;padding:4px}table.lkpp-po-table td:nth-child(1),table.lkpp-po-table th:nth-child(1){width:5%}table.lkpp-po-table td:nth-child(2),table.lkpp-po-table th:nth-child(2){width:25%}table.lkpp-po-table td:nth-child(3),table.lkpp-po-table th:nth-child(3){width:10%}table.lkpp-po-table td:nth-child(4),table.lkpp-po-table th:nth-child(4){width:10%}table.lkpp-po-table td:nth-child(5),table.lkpp-po-table th:nth-child(5){width:20%}table.lkpp-po-table td:nth-child(6),table.lkpp-po-table th:nth-child(6){width:10%}table.lkpp-po-table td:nth-child(7),table.lkpp-po-table th:nth-child(7){width:20%}table.lkpp-po-table thead{background:#ddd}table.lkpp-po-table thead th{font-weight:700;text-align:center}table.lkpp-faktur-table{width:100%}table.lkpp-faktur-table td,table.lkpp-faktur-table th{border:2px solid #000;padding:4px 8px;font-weight:600}.lkpp-invoice-total{border:1px solid #ddd}.lkpp-invoice-total .lkpp-total-info{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:4px}.lkpp-invoice-total .lkpp-total-info-child{display:flex;justify-content:space-between;align-items:center;padding:4px}.lkpp-invoice-total .lkpp-info-child{border-bottom:1px solid #ddd;font-size:12px}.lkpp-invoice-total .lkpp-total-main{background-color:#ddd;display:flex;justify-content:space-between;align-items:center;padding:4px}.lkpp-invoice-payment{background-color:#ddd}.lkpp-faktur-name{position:absolute;bottom:0}.rounded-image-2{width:90px;height:90px;border-radius:50%;border:3px solid #fff;box-shadow:rgba(0,0,0,.15) 0 0 10px}.username-of{width:100px;overflow:hidden;text-overflow:ellipsis}.v-date-picker-table button{outline:0}.invoice-pembelian-banner{background:linear-gradient(90deg,#ea383e 4.68%,rgba(201,84,88,.5) 137.58%);border-radius:5px;color:#fff}@media (min-width:600px){.invoice-pembelian-banner{margin:0 20px;padding:20px}}@media (max-width:600px){.invoice-pembelian-banner{padding:10px}.invoice-pembelian-banner>div>img{position:relative;bottom:4px}}.lang-option{display:flex;border-radius:20px;overflow:hidden;user-select:none}.lang-option>div{background:#bdbdbd;color:#fff;cursor:pointer;font-size:10px}.lang-option>div:first-child{padding:3px 5px 3px 10px}.lang-option>div:last-child{padding:3px 10px 3px 5px}.lang-option>div.active{background:#d42029}.box-copy{border:1px solid #e5e5e5;display:flex;background-color:#fff;border-radius:5px;overflow:hidden}.box-copy input{outline:0}.box-copy .copy-btn{background-color:#d42029;color:#fff;display:flex;align-items:center;justify-content:center}.letter-space-1{letter-spacing:1px}.sidemenu-bg{background:url(//resources.indotrading.com/mobile/images/sidemenu-m-bg.png);background-repeat:no-repeat;background-size:100% 100%}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.mobile-icon-container{height:35px;display:flex;align-items:center;justify-content:center}.v-breadcrumbs .disabled{color:grey;pointer-events:none}.btn-dashboard-buyer{display:flex;align-items:center;justify-content:center;font-weight:500;color:#d42029;border:1px solid #d42029;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;height:36px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-dashboard-buyer span{color:#d42029}.setting-btn-menu{position:absolute;bottom:0;right:0}.product-home{display:flex}.product-home.recommend-home{flex-wrap:wrap}.product-home .product-item-container{width:20%;padding:5px 5px 0}.product-home .product-item-container .product-item-home,.product-home .product-item-container .product-item-home-2{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.25);border-radius:7px;overflow:hidden;position:relative}.product-home .product-item-container .product-item-home-2>a>img,.product-home .product-item-container .product-item-home>a>img{min-width:170px;min-height:170px}.product-home .product-item-container .product-item-home-2.recommend-prod,.product-home .product-item-container .product-item-home.recommend-prod{margin-bottom:10px}.product-home .product-item-container .product-item-home .product-item-detail,.product-home .product-item-container .product-item-home-2 .product-item-detail{border-top:.5px solid rgba(0,0,0,.2);padding:15px 10px}.product-home .product-item-container .product-item-home .product-item-detail .prod-name,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-name{font-size:13px;font-weight:500}.product-home .product-item-container .product-item-home .product-item-detail .prod-price,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-price{color:#f57224;font-size:12px;line-height:1;padding:10px 0}.product-home .product-item-container .product-item-home .product-item-detail .prod-address-pkp,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-address-pkp{padding:10px 0;font-size:11px}.product-home .product-item-container .product-item-home .product-item-detail .prod-address-pkp .pkp-border,.product-home .product-item-container .product-item-home-2 .product-item-detail .prod-address-pkp .pkp-border{border-left:1px solid #000;padding-left:5px;margin-left:5px}.product-home .product-item-container .product-item-home .product-item-detail .bottom-prod-item-detail,.product-home .product-item-container .product-item-home-2 .product-item-detail .bottom-prod-item-detail{bottom:65px;position:fixed;width:18%}.product-home .product-item-container .product-item-home .product-item-detail .bottom-prod-item-detail .pkp-border,.product-home .product-item-container .product-item-home-2 .product-item-detail .bottom-prod-item-detail .pkp-border{border-left:1px solid #000;padding-left:5px;margin-left:5px}@media (max-width:767px){.product-home .product-item-container .product-item-home .product-item-detail .bottom-prod-item-detail,.product-home .product-item-container .product-item-home-2 .product-item-detail .bottom-prod-item-detail{width:unset;bottom:47px;position:unset}}.product-home .product-item-container .product-item-home .prod-btn-pos,.product-home .product-item-container .product-item-home-2 .prod-btn-pos{position:absolute;bottom:10px;right:5px;left:5px}.product-home .product-item-container .product-item-home .prod-btn-pos .add-to-cart-btn,.product-home .product-item-container .product-item-home-2 .prod-btn-pos .add-to-cart-btn{height:32px;background-color:#d42029;color:#fff;border-radius:4px}.product-home .button-section-wrapper{padding:10px}@media (min-width:400px){.product-home .button-section-wrapper{margin-top:-8px}}.product-home .btn-view-detail{padding:8px}.document-print-pos{position:fixed;bottom:30px;left:30px;right:30px}.main-page-height{height:calc(100vh - 90px)}.footer-menu-m{position:fixed;bottom:0;left:0;right:0;background:#fff;width:100%;z-index:20;box-shadow:0 2px 10px #ddd;z-index:9999}.swiper-button-prev.parade-product-btn-prev{background-size:27px 16px;background-color:#fff;height:33px;color:#000;background-image:none;padding-top:6.5px;padding-left:9px;width:36px;border-radius:4px;transition:all .3s ease-in-out;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.swiper-button-next.parade-product-btn-next{background-size:27px 16px;background-color:#fff;height:33px;color:#000;background-image:none;padding-top:6.5px;padding-left:12px;width:36px;border-radius:4px;transition:all .3s ease-in-out;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.swiper-button-disabled{opacity:0!important;transition:all .3s ease-in-out!important}.bnpl-banner{background:#be1731;border-radius:7px;position:relative;padding:12px}@media (max-width:776px){.bnpl-banner{display:block!important}}.chat-close-btn{box-sizing:border-box;background:#2f4f4f;box-shadow:rgba(0,0,0,.1) 0 1px 6px,rgba(0,0,0,.2) 0 2px 24px;border:none;border-radius:50%;position:absolute;right:0;bottom:50px;width:24px;height:24px;color:#fff;font-family:'Font Awesome 5 Free';font-size:14px;font-weight:700;text-transform:full-width;animation:fadein 250ms ease-in-out forwards;transition:box-shadow 150ms ease-in-out,opacity .5s ease-in-out;-webkit-transition:box-shadow 150ms ease-in-out;-moz-transition:box-shadow 150ms ease-in-out}.chat-close-btn:hover{cursor:pointer;box-shadow:rgba(0,0,0,.2) 0 2px 10px,rgba(0,0,0,.3) 0 4px 28px}.chat-close-btn:active{box-shadow:rgba(0,0,0,.3) 0 3px 15px,rgba(0,0,0,.4) 0 6px 32px}.chat-close-btn:focus{outline:0;box-shadow:rgba(0,0,0,.2) 0 2px 10px,rgba(0,0,0,.3) 0 4px 28px}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes ShineAnimation{from{background-repeat:no-repeat;background-image:-webkit-linear-gradient(top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 45%,rgba(255,255,255,.5) 48%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 52%,rgba(255,255,255,0) 57%,rgba(255,255,255,0) 100%);background-position:-50px -50px;background-size:100px 100px}to{background-repeat:no-repeat;background-position:250px 250px}}.h-145px{height:145px}.h-162px{height:162px}.btn-bottom{position:absolute;bottom:0;width:97%;margin-bottom:10px}.cart-counter{display:inline-block;text-align:center;font-size:10px;line-height:16px;min-width:16px;height:16px;color:#fff;background:#00f;position:absolute;border-radius:6px;padding:1px 3px;right:-10px;top:-10px}.border-bast{border-left:12px solid #d42029}.dialog-other-pos{position:fixed;bottom:0;margin:0;width:100%}.listitem-px-0 .v-list__tile{padding-left:0;padding-right:0}.MsgChat{border:none!important;width:60%;height:50px;margin-left:20px;padding:10px}.btn-contact-wa{background-color:#fff!important;border:1px solid #dde6f3;border-radius:7px;box-shadow:none!important;color:#0d9d3e!important;text-transform:capitalize}.custom-tab .v-tabs__bar .v-tabs__wrapper{border-bottom:2px solid #d3d3d3}.custom-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container .v-tabs__div{text-transform:capitalize!important}.table-rounded .v-table__overflow{border-radius:7px!important;border:1px solid #e5e5e5}.table-rounded .v-table__overflow .theme--light.v-table>thead>tr:first-child{border-bottom:1px solid #e6e6e6}.table-rounded .v-table__overflow .theme--light.v-table>tbody>tr{border-bottom:none!important}.metatop-shadow-box{box-shadow:0 1px 5px 0 rgba(0,0,0,.2)!important;border-radius:8px!important}.rfq-shadow-noproduct{border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:20px}.dpc-custom-dialog{max-height:unset;height:-webkit-fill-available}.dpc-custom-dialog .v-card{height:-webkit-fill-available}.ml-bt-selection{margin-left:3.5%!important}@media (max-width:600px){.ml-bt-selection{margin-left:9.5%!important}}.img-bt-wrapper{display:flex;flex-wrap:wrap;margin-left:3.5%;margin-bottom:14px}@media (max-width:600px){.img-bt-wrapper{margin-left:9.5%!important;margin-bottom:6px!important}}.img-bt-wrapper>div{padding:2px 4px;min-width:60px;min-height:25px;text-align:center}@media (max-width:600px){.img-bt-wrapper>div{margin-bottom:8px!important}}.img-bt-wrapper>div:not(:last-child){margin-right:8px}.img-bt-wrapper>div img{max-width:50px;max-height:25px;width:auto;height:auto}.message-bt-wrapper{margin-left:3.5%}.img-center-default{white-space:nowrap;text-align:center;display:inline-block;vertical-align:middle}.radioBtn-otp{margin-left:auto;margin-right:auto}.flightheader{position:absolute;z-index:2;left:10%;top:22%;width:21%}.flightbox{background-color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.25);border-radius:18px}@media (max-width:767px){.flightbox{box-shadow:0 2px 7px rgba(0,0,0,.15);border-radius:0}}.travel-tab .v-tabs__bar{height:7rem;border:none;display:flex;justify-content:center}.travel-tab .v-tabs__bar .v-tabs__wrapper{height:7rem}.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered{height:7rem;display:initial}.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container .v-tabs__slider-wrapper,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered .v-tabs__slider-wrapper{width:80px!important}.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container .v-tabs__slider-wrapper .v-tabs__slider,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered .v-tabs__slider-wrapper .v-tabs__slider{height:4px!important}.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container .v-tabs__div .v-tabs__item--active>div>div:first-child,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container .v-tabs__div .v-tabs__item>div>div:first-child,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered .v-tabs__div .v-tabs__item--active>div>div:first-child,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered .v-tabs__div .v-tabs__item>div>div:first-child{margin:auto!important}@media (max-width:767px){.travel-tab .v-tabs__bar{height:9rem}.travel-tab .v-tabs__bar .v-tabs__wrapper{height:9rem}.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered{height:9rem}.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container .v-tabs__slider-wrapper,.travel-tab .v-tabs__bar .v-tabs__wrapper .v-tabs__container-centered .v-tabs__slider-wrapper{width:108px!important}}.center-div{margin-top:12rem!important;left:8%}.manage-book{position:absolute;right:8.7%;top:22%}.radio-inline .v-input__control .v-input__slot .v-input--radio-group__input{gap:1rem}.radio-inline .v-input__control .v-input__slot .v-input--radio-group__input .v-radio{margin:0}.maingrid{border-top:2.5px solid #dee2ee;border-bottom:2.5px solid #dee2ee}.maingrid>div:not(:last-of-type){border-right:2.5px solid #dee2ee}.travel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.title-label{color:#8798ad}.round-exchange1{border-radius:100%;border:2.5px solid #dee2ee;position:absolute;z-index:2;width:40px;height:40px;top:33%;left:46%;background-color:#fff!important;cursor:pointer}.round-exchange2{border-radius:100%;border:2.5px solid #dee2ee;position:absolute;z-index:2;width:40px;height:40px;top:41%;left:19.9%;background-color:#fff!important;cursor:pointer}.icon-input .v-input__prepend-outer{margin-top:10px!important}.icon-input .v-input__prepend-outer .v-input__icon--prepend>i,.icon-input .v-input__prepend-outer .v-input__icon>i{color:#d42029;font-size:15px!important}.icon-input .v-input__control{padding-top:11px}.icon-input .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{display:none}.icon-input .v-input__control .v-input__slot::after,.icon-input .v-input__control .v-input__slot::before{border:none!important}@media (max-width:767px){.icon-input .v-input__control .v-input__slot .v-input__prepend-inner .v-input__icon--prepend-inner>i,.icon-input .v-input__control .v-input__slot .v-input__prepend-inner .v-input__icon>i{color:#d42029;font-size:15px!important}}.text-input .v-input__control .v-input__slot .v-select__slot>input{padding:0;font-size:14px;letter-spacing:0}.text-input .v-input__control .v-input__slot::after,.text-input .v-input__control .v-input__slot::before{border:none!important}@media (max-width:767px){.text-input .v-input__control{padding:0!important}.text-input .v-input__control .v-input__slot .v-select__slot>input{padding:8px 0 8px;font-size:12px;letter-spacing:0}.text-input .v-input__control .v-input__slot::after,.text-input .v-input__control .v-input__slot::before{border-style:solid!important;border-width:thin 0 0 0!important;border-color:rgba(0,0,0,.42)!important}}.custom-input .v-input__prepend-outer .v-input__icon>i{font-size:15px!important;color:#d42029!important}.custom-input .v-input__control .v-input__slot::after,.custom-input .v-input__control .v-input__slot::before{border:none!important}.custom-input .v-input__control .v-input__slot .v-input__append-inner .v-input__icon>i{font-size:16px!important;color:#d42029!important}.date-icon .v-input__prepend-outer .v-input__icon .v-icon,.date-icon .v-input__prepend-outer .v-input__icon--prepend .v-icon{color:#d42029;font-size:18px!important}@media (max-width:767px){.date-icon .v-input__prepend-outer{margin-top:5px!important}}.date-icon-detail .v-input__prepend-outer{margin-top:9px!important}.date-icon-detail .v-input__prepend-outer .v-input__icon .v-icon,.date-icon-detail .v-input__prepend-outer .v-input__icon--prepend .v-icon{color:grey;font-size:22px!important}.date-text .v-input__control .v-input__slot .v-text-field__slot>input{font-size:14px;letter-spacing:0;text-transform:capitalize}.date-text .v-input__control .v-input__slot::before{border:none!important}@media (max-width:767px){.date-text .v-input__control .v-input__slot{margin:0}.date-text .v-input__control .v-text-field__details{margin:0;padding:0}.date-text .v-input__control .v-input__slot::before{border-style:solid!important;border-width:thin 0 0 0!important;border-color:rgba(0,0,0,.42)!important}}.hotel-input .v-input__prepend-outer{margin-top:3px!important}.hotel-input .v-input__prepend-outer .v-input__icon--prepend>i,.hotel-input .v-input__prepend-outer .v-input__icon>i{color:#d42029;font-size:15px!important}.hotel-input .v-input__control .v-input__slot{width:80%}.hotel-input .v-input__control .v-input__slot::after,.hotel-input .v-input__control .v-input__slot::before{border:none!important}.idt-reverse{background-color:#fff!important;border:1.7px solid #d42029!important;color:#d42029!important}.dd-icon .v-input__control .v-input__slot .v-input__append-inner .v-input__icon .v-icon,.dd-icon .v-input__control .v-input__slot .v-input__append-inner .v-input__icon--append .v-icon{color:#d42029}.dd-content{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.25);border-radius:8px;width:21rem}@media (max-width:767px){.dd-content{border-radius:8px 8px 0 0;width:100vw}}.hotel-content{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.25);border-radius:8px;width:23rem}.select-d-none .v-input__control .v-text-field__details{display:none}.prepend-none .v-input__prepend-outer{margin-top:2px}.main-label{color:#3b3f48;font-weight:400;font-size:12px}.sublabel{color:#8798ad;font-weight:400;font-size:11px}.value-button{border-radius:100%;border:1.5px solid #d6d6d6;width:2rem;height:2rem;padding:5px}.flight-ellipse{padding-top:14px;padding-left:15px;width:50px;height:50px;border-radius:100%;background-color:#d42029}@media (max-width:767px){.flight-ellipse{padding-top:16.5px;padding-left:15px}}@media (max-width:767px){.flight-ellipse2{padding-top:16.5px;padding-left:15px;width:82px;height:50px;border-radius:100%;background-color:#d42029}}.top-v-divider{height:5rem;margin-top:0;border-width:thin}.no-border-menu .v-menu__activator .v-input .v-input__control .v-input__slot::after,.no-border-menu .v-menu__activator .v-input .v-input__control .v-input__slot::before{border:none!important}.no-border-dialog .v-input__control .v-input__slot::after,.no-border-dialog .v-input__control .v-input__slot::before{border:none!important}.filter-checkbox .v-input__control .v-input__slot .v-input--selection-controls__input .v-input--selection-controls__ripple>i{font-size:20px}.filter-checkbox .v-input__control .v-input__slot .v-input--selection-controls__input .accent--text,.filter-checkbox .v-input__control .v-input__slot .v-input--selection-controls__input .v-input--selection-controls__ripple{color:#d42029!important;caret-color:#d42029!important}.checkbox-text .v-input__control .v-input__slot>label{color:#000}.exchange-btn{height:37px!important;min-width:37px!important;width:37px!important;background-color:#fff!important;border-radius:6px}.flight-field .v-input__control .v-input__slot{background-color:#fff!important;border:1px solid #9d9d9d!important;border-radius:8px!important}.filter-dialog{display:flex;flex-direction:column;background-color:#fff;position:absolute;bottom:0;margin:0!important}.filter-dialog .v-card__title{z-index:999;background-color:#d42029;color:#fff;display:flex;justify-content:space-between}.filter-dialog .v-card__title>button{margin:0}.detail-flight-dialog{display:flex;flex-direction:column;background-color:#fff;position:absolute;bottom:0;margin:0!important}.detail-flight-dialog .v-card__title{z-index:999;background-color:#d42029;color:#fff;display:flex;gap:6rem}.detail-flight-dialog .v-card__title>button{margin:0}.travel-bg{background-image:url(https://www.jojonomic.com/wp-content/uploads/2021/03/11.-Tujuan1.jpg);height:83vh;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.cust-m-input .v-input__control .v-input__slot::after,.cust-m-input .v-input__control .v-input__slot::before{border:none!important}.cust-m-input .v-input__control .v-input__slot .v-input__prepend-inner .v-input__icon>i{font-size:15px!important;margin-bottom:0!important;color:#bcbfc5!important}.cust-m-input .v-input__control .v-input__slot .v-select__slot>input{font-size:13px!important;margin-top:0!important;margin-bottom:0!important;margin-left:10px!important}.cust-m-input .v-input__control .v-input__slot .v-select__slot .v-input__append-inner .v-input__icon>i{display:none}.cust-m-input2 .v-input__control .v-input__slot::after,.cust-m-input2 .v-input__control .v-input__slot::before{border:none!important}.cust-m-input2 .v-input__control .v-input__slot .v-input__prepend-inner .v-input__icon>i{font-size:15px!important;margin-bottom:0!important;color:#bcbfc5!important}.cust-m-input2 .v-input__control .v-input__slot .v-select__slot>input{font-size:13px!important;margin-top:0!important;margin-bottom:10px!important;margin-left:10px!important}.cust-m-input2 .v-input__control .v-input__slot .v-select__slot .v-input__append-inner .v-input__icon>i{display:none}.cust-m-datepicker .v-input__prepend-outer .v-input__icon>i{font-size:20px!important;color:#bcbfc5!important}.cust-m-datepicker .v-input__slot::after,.cust-m-datepicker .v-input__slot::before{border:none!important}.cust-m-datepicker .v-input__slot{margin:0!important}.cust-m-datepicker .v-input__slot .v-text-field__slot>input{font-size:13px!important;margin-left:4px!important}.primary-disable{background-color:#f39191!important;color:#fff!important}.detail-slider-wrapper{background-color:#dd1f26!important;width:158px;height:2px;position:relative;top:-12px;left:15px}.user-circle{border-radius:100%;width:50px;height:50px}.status-orange{background-color:#fff0da;color:#ff9800}.status-green{background-color:#e2ffd8;color:#21da1d}.status-grey{background-color:#f7f6fa;color:#959db0}.status-red{background-color:#ffd8d8;color:#f44336}.detailflight-info{background-color:#fbfcfe;border:1px solid #dee2ee}.detailflight-info>div:first-of-type{background-color:#f2f8ff;border-top-left-radius:5px;border-top-right-radius:5px}.round-circle{background-color:#dd1f26!important;border-radius:100%;display:flex;align-items:center;width:32px;height:32px}.round-circle>i{color:#fff!important;position:absolute}.passenger-status{border-radius:3px;background-color:#eff1f7;color:#8a93a7}.passenger-facility-width{width:45%!important}@media (max-width:767px){.passenger-facility-width{width:100%!important}}.grey-timeline{color:#dee2ee}.grey-timeline>hr{border-color:#dee2ee!important}.greytl-vertical{color:#dee2ee}.greytl-vertical>hr{margin-left:4px;min-height:10%!important;max-height:80%!important;border:1.5px solid #dee2ee!important}.greyver-timeline{margin-left:6.5px;min-height:10%!important;max-height:58%!important;border:1.5px solid #dee2ee!important}.timeline-box{background-color:#f2f8ff;width:200%;margin-top:18px;margin-bottom:18px}@media (max-width:767px){.timeline-box{width:60vw}}.countdown-timer{background-color:#dd1f26;border-color:#dd1f26;color:#fff;border-radius:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.countdown-manage{background-color:#dd1f26;border-color:#dd1f26;color:#fff;font-size:15px;border-radius:5px;width:33px;height:33px;display:flex;align-items:center;justify-content:center}@media (max-width:767px){.countdown-manage{font-size:11px;width:22px;height:22px}}.custom .v-input__control .v-input__slot{margin-bottom:0}.custom-table{border:.5px solid #d8dce8!important;border-radius:5px!important}.custom-table>thead{background-color:#d9d9d9;border-bottom:.5px solid #d8dce8!important;border-top-left-radius:5px!important;border-top-right-radius:5px!important}.custom-table>thead>tr{border-top-left-radius:5px!important;border-top-right-radius:5px!important}.white-overlay{background:#fff;position:absolute;min-width:100%;min-height:100%}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}.custom-highlight{background-color:#ffe0ce;color:#dd1f26}.custom-bullet{color:transparent!important;border:2px solid #dd1f26!important;border-radius:100%}.custom-shadow{box-shadow:0 0 1rem rgba(0,0,0,.15)!important}.bg-grey-border{background-color:#fbfcfe;border:1px solid #dee2ee}.custom-divider{border:1px dashed #dee2ee}.black-divider{border:1.5px dashed #000!important}.border-light-grey{border:1px solid #dee2ee}.tooltip-grey{color:#c6cbda!important}.pos-rel-20{position:relative;top:20px}.ticketinfo-div{border:3px solid #d8dce8}.ticketinfo{color:#4d4f56!important}.price-text{color:#f57224}.text-red{color:#dd1f26!important}.text-light-grey{color:#6e7387}.text-black-70{color:rgba(0,0,0,.7)!important}.text-black-80{color:rgba(0,0,0,.8)!important}.bg-grey-light{background-color:#eff1f6}.bg-grey-travel{background-color:#d1d5db}.bg-grey-400{background-color:#9ca3af}.border-grey{border:1.8px solid #d1d5db}.bb-1-5{border-bottom:1.5px}.bt-1-5{border-top:1.5px}.b-1-5{border:1.5px}.border-grey-100{border-color:#f3f4f6!important}.border-grey-200{border-color:#e5e7eb!important}.border-grey-400{border-color:#9ca3af!important}.bw-thin{border-width:thin;border-color:rgba(0,0,0,.5)!important}.bw-med{border:2.5px solid!important}.bw-2px{border:2px solid!important}.border-right-1{border-right-width:1px}.border-collapse{border-collapse:collapse}.border-solid{border-style:solid}.br-8px{border-radius:8px}.br-8-t{border-top-left-radius:8px;border-top-right-radius:8px}.br-8-b{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.br-b-0{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.w-2rem{width:2rem}.w-3rem{width:3rem}.width-35{width:35%}.width-40{width:40%}.width-55{width:55%}.width-75{width:75%}.width-85{width:85%}.w-3-5rem{width:3.5rem}.w-6rem{width:6rem}.w-8rem{width:8rem}.w-100px{width:100px}.w-80vw{width:80vw}.w-full{width:100%}.mt-12{margin-top:12px!important}.mt-67{margin-top:67px!important}.mt-79{margin-top:79px}.mb-79{margin-bottom:79px}.pt-6rem{padding-top:6rem}.mobile-h-65{height:65px!important}.h-3rem{height:3rem!important}.h-4rem{height:4rem!important}.height-4{height:4rem}.h-30vh{height:30vh}.h-65vh{height:65vh}.h-68vh{height:68vh}.h-fullpage{height:91.5vh}.gap-03{gap:.3rem}.gap-04{gap:.4rem}.gap-06{gap:.6rem}.gap-1{gap:1rem}.gap-3{gap:3rem}.gap-2{gap:2rem}.gap-6{gap:6rem}.pt-2px{padding-top:2px}.py-12{padding-top:12px;padding-bottom:12px}.mb-40{margin-bottom:40px}.mtl-12{margin-top:12px;margin-left:12px}#receiptprint{display:none}@media print{#receiptprint{display:block}.round-circle{background-color:#dd1f26!important;border-radius:100%;display:flex;align-items:center;width:32px;height:32px}.round-circle>i{color:#fff!important;position:absolute}.table-head{background-color:#d9d9d9!important;border-bottom:2px solid!important;border-top-left-radius:5px!important;border-top-right-radius:5px!important}.custom-highlight{background-color:#ffe0ce!important;color:#dd1f26}.custom-bullet{color:transparent!important;border:2px solid #dd1f26!important;border-radius:100%}.doc-footer{background-color:#fff!important;position:fixed;bottom:0}}.ratingDesc{display:none}.ratingStar:hover+.ratingDesc{display:block}.border-dashboard{border:1px solid #8c8c8c;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:8px;font-weight:500}.seller-info{background:#fff}.seller-info .seller-logo{border-radius:50%;overflow:hidden;width:200px;height:300px;background:#fff;border:1px solid #d3d3d3}.proforma{background-color:#388e3c!important;border-color:#388e3c!important}.proforma--text{color:#388e3c!important;caret-color:#388e3c!important}.border-info-detail{border-radius:8px;display:flex;align-items:center;padding:8px;font-weight:500}.prod-tooltip{position:relative;display:inline-block;overflow:unset!important}.prod-tooltip .prod-tooltiptext{visibility:hidden;background-color:#555;color:#fff;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:0;opacity:0;transition:opacity 1s;font-size:12px;width:100%}.prod-tooltip .prod-tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.prod-tooltip:hover .prod-tooltiptext{visibility:visible;opacity:1}.text-blur{text-shadow:0 0 8px #000;color:transparent!important}.new-expand-rfqdetail .v-table__overflow{border:0!important}.new-expand-rfqdetail .v-table__overflow table tbody .v-datatable__expand-row td{padding:0!important}.new-expand-rfqdetail .v-table__overflow table tbody .v-datatable__expand-row td .v-datatable__expand-content{border-top:1px solid #dee2e6!important;margin-top:13px}.new-expand-rfqdetail .v-table__overflow table tbody tr:nth-child(2n){background-color:#fff!important}.border-radius-leftside{border-top-left-radius:10px;border-bottom-left-radius:10px}.logo-airline{background-color:#fff;width:95px;height:55px;border-radius:5px;padding:8px 1px;border:3px solid #c3c8d8;text-align:center}.logo-airline img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;margin:auto}.details-airlineIcon{margin-right:8px;display:inline-block;vertical-align:middle;width:55px;height:35px;padding:2px;background:#fff}.comp-loct-send{min-height:42px}.border-idt-1px{background-color:#d42029;border:1px solid #d42029!important}.search-filter-sticky{position:sticky;top:20px}.slider-range-price-ticket .v-input--slider{margin-top:0!important}.slider-range-price-ticket .v-input__control .v-input__slot{margin-bottom:0!important}.slider-range-price-ticket .v-input__control .theme--light.v-messages{display:none!important}.payment-logo{min-width:55px;position:relative}.group-button-section{display:flex;position:relative;left:-6px}.new-header-container{margin:0 19px!important;padding:0 12px;width:100%;display:flex;align-items:center}.new-header-container .logo-width{width:200px}.new-header-container .search-bar-width{flex:1;padding:0 15px;max-width:750px}.new-header-container .header-menu-width{width:fit-content;margin-left:auto;display:flex;align-items:center;gap:15px}.new-header-container .header-menu-width .v-btn{min-width:unset!important}.new-header-container .header-menu-width .user-max-width{max-width:82px}.new-main-search{border:1px solid #a0a0a0;border-radius:50px;background:#fff;height:40px;display:flex}.new-main-search .dropdown-category-new{position:relative;width:155px}.new-main-search .dropdown-category-new::after{content:"";width:1px;height:33px;background-color:#ccc;position:absolute;top:50%;right:1px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.new-main-search .v-select-search-new{font-size:14px;width:100%;text-align:left;background-color:transparent;height:100%}.new-main-search .v-select-search-new .v-input__slot{padding:0 20px!important}.new-main-search .search-new{padding:5px 5px 5px 0}.new-main-search .search-new .btn-search-new{padding:0 20px;background-color:#d42029!important;height:100%;color:#fff;display:flex;align-items:center;border-radius:45px;margin:0!important}.counter-container-main{position:relative;width:30px;margin:auto}.counter-container-main .counter-info{position:absolute;top:-11px;right:-10px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background-color:#d42029;color:#fff;border-radius:50%;font-size:12px}@media (max-width:1024px){.pv-word{white-space:normal!important;word-wrap:break-word!important;line-height:1.2!important;text-align:center!important;padding:4px 8px!important;min-height:auto!important;height:auto!important}}@media (max-width:768px){.w-resp-25{width:40%}}@media (min-width:769px){.w-resp-25{width:25%}}
/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}::before,
::after {
  --tw-content: '';
}/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/*
Remove the default font size and weight for headings.
*/

/*h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}*/

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/a {
  color: inherit;
  text-decoration: inherit;
}/*
Add the correct font weight in Edge and Safari.
*/b,
strong {
  font-weight: bolder;
}/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}/*
Add the correct font size in all browsers.
*/small {
  font-size: 80%;
}/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}/*
Remove the inheritance of text transform in Edge and Firefox.
*/button,
select {
  text-transform: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}/*
Use the modern Firefox focus style for all focusable elements.
*/:-moz-focusring {
  outline: auto;
}/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/:-moz-ui-invalid {
  box-shadow: none;
}/*
Add the correct vertical alignment in Chrome and Firefox.
*/progress {
  vertical-align: baseline;
}/*
Correct the cursor style of increment and decrement buttons in Safari.
*/::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/*
Remove the inner padding in Chrome and Safari on macOS.
*/::-webkit-search-decoration {
  -webkit-appearance: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/*
Add the correct display in Chrome and Safari.
*/summary {
  display: list-item;
}/*
Removes the default spacing and border for appropriate elements.
*/

/*blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}*/

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}/*
Prevent resizing textareas horizontally by default.
*/textarea {
  resize: vertical;
}/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}/*
Set the default cursor for buttons.
*/button,
[role="button"] {
  cursor: pointer;
}/*
Make sure disabled buttons don't get the pointer cursor.
*/:disabled {
  cursor: default;
}/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/img,
video {
  max-width: 100%;
  height: auto;
}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden] {
  display: none;
}*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}.idt--container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}@media (min-width: 640px) {.idt--container {
    max-width: 640px;
  }
}@media (min-width: 768px) {.idt--container {
    max-width: 768px;
  }
}@media (min-width: 1024px) {.idt--container {
    max-width: 1024px;
  }
}@media (min-width: 1280px) {.idt--container {
    max-width: 1280px;
  }
}@media (min-width: 1536px) {.idt--container {
    max-width: 1536px;
  }
}.idt--container {
  max-width: 100%;
}@media (min-width: 640px) {.idt--container {
    max-width: 540px;
  }
}@media (min-width: 768px) {.idt--container {
    max-width: 768px;
  }
}@media (min-width: 1024px) {.idt--container {
    max-width: 980px;
  }
}@media (min-width: 1280px) {.idt--container {
    max-width: 1140px;
  }
}.idt--relative {
  position: relative;
}.idt--top-9 {
  top: 2.25rem;
}.idt--col-span-3 {
  grid-column: span 3 / span 3;
}.idt--col-span-9 {
  grid-column: span 9 / span 9;
}.idt--col-span-2 {
  grid-column: span 2 / span 2;
}.idt--col-span-4 {
  grid-column: span 4 / span 4;
}.idt--col-span-1 {
  grid-column: span 1 / span 1;
}.idt--col-span-6 {
  grid-column: span 6 / span 6;
}.idt--col-span-12 {
  grid-column: span 12 / span 12;
}
.idt--col-span-8 {
  grid-column: span 8 / span 8;
}.idt--mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}.idt--mt-7 {
  margin-top: 1.75rem;
}.idt--mb-3 {
  margin-bottom: 0.75rem;
}.idt--mb-1 {
  margin-bottom: 0.25rem;
}.idt--ml-2 {
  margin-left: 0.5rem;
}.idt--mb-4 {
  margin-bottom: 1rem;
}.idt--mb-5 {
  margin-bottom: 1.25rem;
}.idt--mt-4 {
  margin-top: 1rem;
}.idt--block {
  display: block;
}.idt--flex {
  display: flex;
}.idt--table {
  display: table;
}.idt--grid {
  display: grid;
}.idt--hidden {
  display: none;
}.idt--h-6 {
  height: 1.5rem;
}.idt--h-4 {
  height: 1rem;
}.idt--h-24 {
  height: 6rem;
}.idt--w-6 {
  width: 1.5rem;
}.idt--w-4 {
  width: 1rem;
}.idt--w-8 {
  width: 2rem;
}.idt--w-full {
  width: 100%;
}.idt--w-28 {
  width: 7rem;
}.idt--border-collapse {
  border-collapse: collapse;
}.idt--border-spacing-2 {
  --tw-border-spacing-x: 0.5rem;
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}.idt--appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}.idt--columns-3 {
  -moz-columns: 3;
       columns: 3;
}.idt--grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.idt--grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.idt--grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}.idt--grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}.idt--grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}.idt--items-center {
  align-items: center;
}.idt--justify-center {
  justify-content: center;
}.idt--justify-between {
  justify-content: space-between;
}.idt--gap-3 {
  gap: 0.75rem;
}.idt--gap-6 {
  gap: 1.5rem;
}.idt--gap-1 {
  gap: 0.25rem;
}.idt--gap-4 {
  gap: 1rem;
}.idt--gap-2 {
  gap: 0.5rem;
}.idt--rounded-md {
  border-radius: 0.375rem;
}.idt--rounded-xl {
  border-radius: 0.75rem;
}.idt--rounded {
  border-radius: 0.25rem;
}.idt--rounded-2xl {
  border-radius: 1rem;
}.idt--rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}.idt--rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}.idt--rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}.idt--rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}.idt--border {
  border-width: 1px;
}.idt--border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}.idt--border-b {
  border-bottom-width: 1px;
}.idt--border-t {
  border-top-width: 1px;
}.idt--border-r {
  border-right-width: 1px;
}.idt--border-r-0 {
  border-right-width: 0px;
}.idt--border-solid {
  border-style: solid;
}.idt--border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}.idt--border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}.idt--border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}.idt--border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
}.idt--border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}.idt--border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}.idt--border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}.idt--border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}.idt--bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}.idt--bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(212 32 41 / var(--tw-bg-opacity));
}.idt--bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.idt--bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}.idt--bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}.idt--bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}.idt--bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}.idt--bg-\[length\:24px_24px\] {
  background-size: 24px 24px;
}.idt--bg-\[center_right_4px\] {
  background-position: center right 4px;
}.idt--bg-no-repeat {
  background-repeat: no-repeat;
}.idt--object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}.idt--p-3 {
  padding: 0.75rem;
}.idt--p-2 {
  padding: 0.5rem;
}.idt--p-4 {
  padding: 1rem;
}.idt--py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}.idt--px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}.idt--px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}.idt--py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.idt--px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.idt--px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}.idt--py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.idt--py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}.idt--px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.idt--pb-3 {
  padding-bottom: 0.75rem;
}.idt--pt-20 {
  padding-top: 5rem;
}.idt--pl-2 {
  padding-left: 0.5rem;
}.idt--pr-7 {
  padding-right: 1.75rem;
}.idt--pt-3 {
  padding-top: 0.75rem;
}.idt--text-center {
  text-align: center;
}.idt--text-right {
  text-align: right;
}.idt--align-middle {
  vertical-align: middle;
}.idt--text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.idt--text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}.idt--text-\[10px\] {
  font-size: 10px;
}.idt--text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}.idt--font-medium {
  font-weight: 500;
}.idt--text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}.idt--text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}.idt--text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.idt--text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}.idt--text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}.idt--text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}.idt--text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}.idt--text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}.idt--underline {
  text-decoration-line: underline;
}.idt--shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.idt--shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}body {
    background-color: #f3f7fa;
}@media (min-width: 640px) {.sm\:idt--grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.sm\:idt--px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}@media (min-width: 768px) {.md\:idt--mt-10 {
    margin-top: 2.5rem;
  }.md\:idt--block {
    display: block;
  }.md\:idt--inline-block {
    display: inline-block;
  }.md\:idt--table {
    display: table;
  }.md\:idt--hidden {
    display: none;
  }.md\:idt--w-auto {
    width: auto;
  }.md\:idt--columns-3 {
    -moz-columns: 3;
         columns: 3;
  }.md\:idt--grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }.md\:idt--justify-start {
    justify-content: flex-start;
  }.md\:idt--justify-end {
    justify-content: flex-end;
  }.md\:idt--justify-around {
    justify-content: space-around;
  }.md\:idt--justify-evenly {
    justify-content: space-evenly;
  }.md\:idt--px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }.md\:idt--text-center {
    text-align: center;
  }.md\:idt--text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}@media (min-width: 1024px) {
  .lg\:idt--block {
    display: block;
  }.lg\:idt--flex {
    display: flex;
  }.lg\:idt--hidden {
    display: none;
  }.lg\:idt--grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }.lg\:idt--gap-8 {
    gap: 2rem;
  }.lg\:idt--gap-4 {
    gap: 1rem;
  }.lg\:idt--bg-transparent {
    background-color: transparent;
  }.lg\:idt--px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }.lg\:idt--text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.v-chip .v-chip__content {
  width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width:800px) {
  .v-chip .v-chip__content {
      width: 265px;
  }
}

.lg\:relative {
  position: relative;
}

.lg\:-left-8 {
  left: -2rem;
}

.lg\:top-0 {
  top: 0px;
}

.lg\:-left-36 {
  left: -9rem;
}

.lg\:-top-14 {
  top: -3.5rem;
}

.lg\:-top-24 {
  top: -6rem;
}

.lg\:z-10 {
  z-index: 10;
}

.lg\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.lg\:mb-12 {
  margin-bottom: 3rem;
}

.lg\:mb-28 {
  margin-bottom: 7rem;
}

.lg\:mb-16 {
  margin-bottom: 4rem;
}

.lg\:grid {
  display: grid;
}

.lg\:hidden {
  display: none;
}

.lg\:h-96 {
  height: 24rem;
}

.lg\:h-\[30rem\] {
  height: 30rem;
}

.lg\:w-56 {
  width: 14rem;
}

.lg\:w-2\/3 {
  width: 66.666667%;
}

.lg\:grid-cols-\[30rem2c 1fr\] {
  grid-template-columns: 30rem 1fr;
}

.lg\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lg\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lg\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lg\:items-center {
  align-items: center;
}

.lg\:gap-8 {
  gap: 2rem;
}

.lg\:gap-10 {
  gap: 2.5rem;
}

.lg\:gap-9 {
  gap: 2.25rem;
}

.lg\:py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.lg\:pl-20 {
  padding-left: 5rem;
}

.lg\:pt-20 {
  padding-top: 5rem;
}

.lg\:text-right {
  text-align: right;
}

.lg\:text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.lg\:text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.lg\:text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.lg\:text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.grid {
  display: grid;
}

.md\:gap-9 {
  gap: 2.25rem;
}

.img-responsive2 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.facilities img{
  display: inline !important;
  width: 10%;
}

.facilities2 img{
  display: inline !important;
  width: 5%;
}
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}