.jt-alert {
    --radius : 0rem; 
    --content-font-size : 16rem;
    --btn-font-size : 15rem;
}

/* **************************************** *
 * JT Alert
 * **************************************** */
 .jt-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 99999;}
 .jt-alert__container {position: relative;width: 90%;max-width: 460rem;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: var(--radius);text-align: center;-webkit-box-shadow: 0 20rem 80rem rgba(0,0,0,.1);box-shadow: 0 20rem 80rem rgba(0,0,0,.1);}
 .jt-alert__content {width: 100%;min-height: 110rem;text-align: center;padding: 43rem 20rem 29rem;}
 .jt-alert__content h1 { font-size: 20rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: -9rem; padding-bottom: 10rem;}
 .jt-alert__content p {vertical-align: middle;font-size: 18rem;line-height: 30rem;color:#000;word-wrap: break-word;word-break: keep-all;}
 .jt-alert__btn {font-size: var(--btn-font-size); font-weight: 600;color: #484848; background: #f8f8f8; border: 1rem solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
 html.desktop .jt-alert__btn:hover { background:#eee; }
 .jt-alert--primary-button .jt-alert__btn.jt-alert--ok { background: var(--color-primary); border: 1rem solid var(--color-primary); color: #fff; }
 html.desktop .jt-alert--primary-button .jt-alert__btn.jt-alert--ok:hover {background:var(--color-primary-dark); border-color: var(--color-primary-dark);}
 
 .jt-alert--button-icon .jt-alert__btn:before {font-family:'jt-font';line-height: 1;font-size:12rem;padding-right: 9rem;}
 /*
 .jt-alert--button-icon .jt-alert__btn.jt-alert--ok:before {content: '\e935';}
 .jt-alert--button-icon .jt-alert__btn.jt-alert--cancel:before {content: '\e92e';}
 */
 .jt-alert--confirm .jt-alert__btn { background: #eee; }
 html.desktop .jt-alert--confirm .jt-alert__btn:hover { background: #ddd; }
 .jt-alert--primary-title .jt-alert__content h1 { color:var(--color-primary); }
 
 .jt-alert--has-icon .jt-alert__content h1 { position:relative; padding-top: 71rem;}
 /*
 .jt-alert--has-icon .jt-alert__content h1:before {font-family: 'jt-font';font-size: 45rem;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
 .jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1:before {content:'\e94e';color: #aaa;}
 .jt-alert--has-icon.jt-alert__type-success .jt-alert__content h1:before {content:'\e94f';color:#20bd54;}
 .jt-alert--has-icon.jt-alert__type-error .jt-alert__content h1:before {content:'\e950';color:#dd4242;}
 */
 
 .jt-alert--no-message .jt-alert__content h1{margin-top: 0; }
 
 /* Basic */
 .jt-alert__style-basic .jt-alert__container {overflow:hidden;}
 .jt-alert__style-basic .jt-alert__container .jt-alert__actions { border-top: 0; }
 .jt-alert__style-basic .jt-alert__content {background: #fff;min-height: 130rem; padding: 70rem 30rem;}
 .jt-alert__style-basic .jt-alert__content h1 {margin-top: -19rem;}
 .jt-alert__style-basic .jt-alert__actions {background: #fff;}
 .jt-alert__style-basic .jt-alert__btn {padding:13rem 0 14rem;width: 100%;height:70rem;border-radius: 0;background: #f8f8f8;border: 1rem solid #ddd;color:#666; font-size: 16rem;}
 html.desktop .jt-alert__style-basic .jt-alert__btn:hover { background: #eee; }
 .jt-alert__style-basic.jt-alert--primary-button .jt-alert__content {background: #fff;}
 .jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn {  color: #fff;  background: var(--color-primary); border: 0; }
 html.desktop .jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn:hover {  color:#fff; background: var(--color-secondary);  }
 .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__content {background: #fff;}
 .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn {border-top: 0;}
 .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt-alert--ok {color:#fff;background: var(--color-primary);}
 html.desktop .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt_alert_ok:hover { background: var(--color-primary-dark); }
 .jt-alert__style-basic.jt-alert--confirm .jt-alert__actions { background: none; }
 .jt-alert__style-basic.jt-alert--confirm .jt-alert__btn {width: 50%;color: #484848;background: #eee;}
 html.desktop .jt-alert__style-basic.jt-alert--confirm .jt-alert--cancel:hover { color:#484848; background: #ddd;}
 .jt-alert__style-basic.jt-alert--confirm .jt-alert__btn.jt-alert--cancel {  padding-top:12rem; }
 .jt-alert__style-basic.jt-alert--button-icon.jt-alert--confirm .jt-alert__content {background: #fff;}
 .jt-alert__style-basic.jt-alert--primary-title .jt-alert__content { padding: 38rem 20rem 35rem; }
 .jt-alert__style-basic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom: 18rem;margin-bottom: 33rem;border-bottom: 1rem solid #ddd;}
 .jt-alert__style-basic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 71rem;}
 .jt-alert__style-basic.jt-alert--has-icon .jt-alert__content {padding: 32rem 20rem 34rem;}
 .jt-alert__style-basic.jt-alert--has-icon .jt-alert__content h1 { margin-top:0; }
 
 
 
 /* **************************************** *
  * LOADING ALERT
  * **************************************** */
 .jt-alert-loading { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; background-color: rgba(0, 0, 0, .4); z-index: 9999999; }
 .jt-alert-loading__container { position: relative; width: 90%; max-width: 320rem; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 0; text-align: center; -webkit-box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1); box-shadow: 0 20rem 80rem rgba(0, 0, 0, .1); background: #fff; }
 .jt-alert-loading__content { width: 100%; min-height: 95rem; text-align: center; padding: 45rem 20rem; }
 .jt-alert-loading__content h1 { font-size: 16rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: 0; padding-bottom: 8rem; letter-spacing: -0.025em; }
 .jt-alert-loading__progress { font-size: 0; display: block; margin-top: 2rem; }
 .jt-alert-loading__progress-icon {width: 8rem;height: 8rem;background: #ddd;display: inline-block;border-radius: 50%;margin: 0 6rem;position: relative;}
 .jt-alert-loading__progress-icon:before {content: '';display: block;width: 8rem;height: 8rem;background: #ddd;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;box-shadow: 0 0 0 1rem transparent;}
 .jt-alert-loading__progress-icon-01:before {animation: jt-alert-loading-01 2.1s infinite cubic-bezier(0, 0, 0, 0); box-shadow: 0 0 0 1rem #b2b2b2;}
 .jt-alert-loading__progress-icon-02:before {animation: jt-alert-loading-02 2.1s infinite cubic-bezier(0, 0, 0, 0);}
 .jt-alert-loading__progress-icon-03:before {animation: jt-alert-loading-03 2.1s infinite cubic-bezier(0, 0, 0, 0);}