@import url(https://cdn.fonts.net/t/1.css?apiType=css&projectid=5e2b0300-0197-11ed-a01a-02d848b7f97a);@import url(https://cdn.fonts.net/t/1.css?apiType=css&projectid=5e2b0300-0197-11ed-a01a-02d848b7f97a);@import url(https://cdn.fonts.net/t/1.css?apiType=css&projectid=5e2b0300-0197-11ed-a01a-02d848b7f97a);@import url(https://cdn.fonts.net/t/1.css?apiType=css&projectid=5e2b0300-0197-11ed-a01a-02d848b7f97a);@font-face{font-family:"ITCFranklinGothicLTHeavyItalic";font-style:italic;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Book";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Med";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Demi";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-DmCd";font-style:normal;font-stretch:condensed;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff") format("woff")}
.create-account .title{margin-bottom:38px}
.create-account .caltex-container{display:block !important;text-align:center}
.create-account .caltex-container .row{margin:auto}
.create-account .error{color:#e62f46 !important}
@media screen and (max-width:767px){.create-account .page-title.title{font-size:31px}
}
.registration .create-password .confirm-password{padding-bottom:0}
.registration .create-password .error-messages-title{text-align:left;font-family:"ITCFranklinGothicStd-Book"}
.registration .create-password .error-messages{text-align:left;font-family:"ITCFranklinGothicStd-Book";font-size:14px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#19516c;padding-bottom:20px}
.registration .create-password .error-messages div{padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.registration .create-password .error-messages div i{padding:4px 4px 4px 0}
.registration .create-password .error-messages div .error-icon{color:#e62f46}
.registration .create-password .error-messages div .error-icon .fa-circle{font-size:12px}
.registration .create-password .error-messages div .error-icon .fa-close{margin-top:-1px;font-size:8px}
.registration .create-password .bottom-row{text-align:left;padding:5px 0;font-family:"ITCFranklinGothicStd-Book";font-size:16px}
.registration .create-password .bottom-row span.error{font-family:"ITCFranklinGothicStd-Book";font-size:14px}
.registration .otp-view .subtitle{margin-bottom:30px}
.registration .otp-view .resend-text{font-family:"ITCFranklinGothicStd-Book";font-size:16px}
.registration .otp-view .otp-container{text-align:center}
.registration .otp-view .otp-container .otp-text{color:#000;font-family:"ITCFranklinGothicStd-DmCd";font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center}
.registration .otp-view .otp-container .attemps{color:#bcbcbc;padding:10px 0;font-family:"ITCFranklinGothicStd-Book";font-size:16px}
.registration .otp-view .otp-container div{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.registration .otp-view .otp-container .otp-input{margin:5px;width:50px;height:40px;text-align:center;border:solid 1px #e6e6e6}
.registration .otp-view .otp-container .otp-input.error{border:1px solid red !important}
.registration .otp-view .otp-container .otp-input.error::-webkit-input-placeholder{color:#e62f46;opacity:1}
.registration .otp-view .otp-container .otp-input.error::-moz-placeholder{color:#e62f46;opacity:1}
.registration .otp-view .otp-container .otp-input.error:-ms-input-placeholder{color:#e62f46;opacity:1}
.registration .otp-view .otp-container .otp-input.error::-ms-input-placeholder{color:#e62f46;opacity:1}
.registration .otp-view .otp-container .otp-input.error::placeholder{color:#e62f46;opacity:1}
.registration .otp-view .otp-container .otp-input.disabled{pointer-events:none;color:#e6e6e6}
.registration .otp-view .otp-container .otp-input:focus-visible{border:0;outline:solid 1px #e6e6e6}
.registration .otp-view .center-align{text-align:center}
.registration .otp-view .center-align .resend{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;cursor:pointer;color:#e62f46;text-decoration:underline}
.registration .otp-view .recaptcha div{margin:auto}
.registration .otp-view .verified{font-family:"ITCFranklinGothicStd-Book";font-size:15px}
.registration .otp-view .verified i{color:#e62f46}
@media screen and (max-width:767px){.registration .otp-view .title h2{font-size:31px}
}
.registration .popup{padding:40px 100px}
.registration .popup .image-holder picture{text-align:center}
.registration .popup .image-holder picture .icon-image{width:80px}
.registration .popup .title{font-size:40px !important}
.registration .popup .description{margin-top:10px;max-width:660px;font-family:"ITCFranklinGothicStd-Book";font-size:16px;text-align:center}
.registration .popup .privacy-text{margin-top:40px}
.registration .popup .privacy-text a{text-decoration:underline;font-size:14px}
.registration .popup button.secondary-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px;background-color:#6c6c6c}
.registration .popup button.primary-button{padding:15px}
.popup-custom{height:-webkit-fit-content !important;height:-moz-fit-content !important;height:fit-content !important}
@media screen and (max-width:768px){.registration .popup{padding:40px 40px}
.registration .popup .title{font-size:29px !important}
.registration .popup .description{font-size:15px}
.registration .popup .privacy-text{text-align:center;padding:0 5px 5px 5px}
.registration .popup .button-container{margin-top:30px}
.registration .popup .button-container .primary-button{width:100%;margin:10px 0 !important}
.registration .popup .button-container .secondary-button{width:100%;margin:10px 0}
.popup-custom{left:20px !important;top:20px !important;right:20px !important;margin-right:40px;width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;height:-webkit-fit-content !important;height:-moz-fit-content !important;height:fit-content !important}
}
.vm--overlay{background:rgba(0,0,0,.8) !important}
.registration .loyalty-progress-bar{margin-bottom:26px;margin-bottom:1.66em;width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:26px auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.registration .loyalty-progress-bar .precentage{padding:10px;font-family:"ITCFranklinGothicStd-DmCd";font-size:20px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#19516c}
.registration .loyalty-progress-bar .progress-container{width:100%;height:10px;background:#e6eae3;background:#f0f0f0;overflow:hidden;border-radius:5px}
.registration .loyalty-progress-bar .value{height:1.66em;float:left;background:#e62f46}
.registration .loyalty-progress-bar .value-00{width:0}
.registration .loyalty-progress-bar .value-10{width:10%}
.registration .loyalty-progress-bar .value-20{width:20%}
.registration .loyalty-progress-bar .value-30{width:30%}
.registration .loyalty-progress-bar .value-40{width:40%}
.registration .loyalty-progress-bar .value-50{width:50%}
.registration .loyalty-progress-bar .value-60{width:60%}
.registration .loyalty-progress-bar .value-70{width:70%}
.registration .loyalty-progress-bar .value-80{width:80%}
.registration .loyalty-progress-bar .value-90{width:90%}
.registration .loyalty-progress-bar .value-100{width:100%}
@media screen and (max-width:768px){.progressbar-container{margin-bottom:30px !important}
}
@font-face{font-family:"ITCFranklinGothicLTHeavyItalic";font-style:italic;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Book";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Med";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Demi";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-DmCd";font-style:normal;font-stretch:condensed;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff") format("woff")}
ul,li,ol{list-style:none}
.tooltip-inner{padding:15px !important}
::-webkit-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
::-moz-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
:-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
::-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
::placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
input{height:40px}
.vdp-datepicker__calendar{padding:25px}
.vdp-datepicker__calendar .cell{text-align:left;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.registration .caltex-container{width:90%;max-width:1139px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.registration .caltex-container .cursor{cursor:pointer}
.registration .caltex-container .caltex-left{width:46.8%}
.registration .caltex-container .caltex-left .signup-caltex{margin-bottom:40px}
.registration .caltex-container .caltex-left .signup-caltex h2{text-align:center;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd";font-size:54px;line-height:1.07;letter-spacing:.5px;color:#e62f46;margin-bottom:20px}
.registration .caltex-container .caltex-left .signup-caltex p{text-align:center;font-family:"ITCFranklinGothicStd-Book";font-size:16px;color:#000}
.registration .caltex-container .caltex-left .signup-caltex p a{font-family:"ITCFranklinGothicStd-Med";font-size:16px;letter-spacing:.53px;color:#e62f46;text-decoration:underline;padding-left:10px}
.registration .caltex-container .caltex-left .signup-caltex p a:hover{text-decoration:none}
.registration .caltex-container .caltex-left .signup-form label{font-family:"ITCFranklinGothicStd-Med";font-size:16px;color:#000;display:block;margin-bottom:10px !important;font-weight:normal;font-style:normal;line-height:normal}
.registration .caltex-container .caltex-left .signup-form .info-icon{padding:3px 7px 3px 6px;font-size:14px;color:#6c6c6c}
.registration .caltex-container .caltex-left .signup-form .form-mobile-number{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #e6e6e6;height:40px;line-height:40px;margin-bottom:6px;width:100%}
.registration .caltex-container .caltex-left .signup-form .form-mobile-number select{border:0;outline:0;font-family:"ITCFranklinGothicStd-Book";font-size:16px;line-height:1.5;width:auto;margin-right:15px}
.registration .caltex-container .caltex-left .signup-form .form-mobile-number input[type=number]{font-family:"ITCFranklinGothicStd-Book";font-size:16px;color:#000;line-height:40px;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 6px 0;background:transparent;display:inline-block;margin-bottom:0;width:100%;border:none !important}
.registration .caltex-container .caltex-left .signup-form span.error{font-family:"ITCFranklinGothicStd-Book";font-size:14px !important;color:#e62f46 !important;display:block}
.registration .caltex-container .caltex-left .signup-form ul li{margin-bottom:25px}
.registration .caltex-container .caltex-left .signup-form ul li input[type=number]{border:1px solid #e6e6e6;height:40px;line-height:40px;display:block;width:100%;padding:.5rem 6px 0;font-family:"ITCFranklinGothicStd-Book";font-size:16px;color:#000;margin-bottom:6px;outline:0}
.registration .caltex-container .caltex-left .signup-form ul li input[type=text]{padding:.5rem 6px 0;color:#000}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:14px}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox .mt{margin-top:25px !important}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox .mt label{padding-left:10px !important}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox input[type=checkbox]{width:16px;height:16px;border:1px solid #bcbcbc;margin-top:27px;display:none}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox p{width:calc(100% - 34px);font-family:"ITCFranklinGothicStd-Book";font-size:14px;line-height:24px;color:#000}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox p a{color:#e62f46;text-decoration:underline}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-checkbox p a:hover{text-decoration:none}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-button{text-align:center;margin-top:10px}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-button button{background:#e62f46;padding:19px 50px 15px;border:0;outline:0;font-family:"ITCFranklinGothicStd-DmCd";font-size:16px;text-align:center;color:#fff}
.registration .caltex-container .caltex-left .signup-form ul li .signup-caltext-button button:disabled{opacity:.5}
.registration .caltex-container .caltex-left .signup-form .info-text{font-family:"ITCFranklinGothicStd-Book";font-size:16px;color:#000;display:block;margin-top:6px}
.registration .caltex-container .caltex-left .signup-form .error-input{border:1px solid #e62f46 !important;color:#e62f46 !important}
.registration .caltex-container .caltex-left .signup-form .error-input input{color:#e62f46 !important}
.registration .caltex-container .caltex-left .signup-form .asteric{margin:-1px 0 0 1px}
.registration .caltex-container .caltex-left .signup-form .card-mt{margin-top:2px}
.registration .caltex-container .caltex-left .signup-form .card-mt span:nth-of-type(1){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.registration .caltex-container .caltex-left input::-webkit-outer-spin-button,.registration .caltex-container .caltex-left input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.registration .caltex-container .caltex-left input[type=number]{-moz-appearance:textfield}
.registration .caltex-container .caltex-left .calender-icon{-webkit-transform:translateY(50%);transform:translateY(50%);top:0;right:10px;cursor:pointer}
.registration .caltex-container .caltex-left .cell.month.disabled,.registration .caltex-container .caltex-left .cell.year.disabled{color:#e6e6e6 !important}
.registration .caltex-container .caltex-left .border-danger{border:1px solid #e62f46 !important}
.registration .caltex-container .caltex-left input.danger-color{color:#e62f46 !important}
.registration .caltex-container .compelte-password-container{width:100%;max-width:600px;margin:auto}
.registration .caltex-container .caltext-right{width:44.4%}
.registration .caltex-container .caltext-right .clatext-img{margin-bottom:21px}
.registration .caltex-container .caltext-right .clatext-img img{display:block;width:100%}
.registration .caltex-container .caltext-right .caltext-right-content h1,.registration .caltex-container .caltext-right .caltext-right-content h2,.registration .caltex-container .caltext-right .caltext-right-content h3,.registration .caltex-container .caltext-right .caltext-right-content p{font-family:"ITCFranklinGothicStd-DmCd";font-size:24px;line-height:1.25;letter-spacing:.22px;color:#19516c;margin:0 0 19px 0}
.registration .caltex-container .caltext-right .caltext-right-content ul{margin-left:8px}
.registration .caltex-container .caltext-right .caltext-right-content ul li{list-style-type:disc;font-family:"ITCFranklinGothicStd-Demi";font-size:16px;letter-spacing:.47px;color:#000;margin:0 0 10px 15px}
.registration .caltex-container .caltext-right .caltext-right-content ul li::marker{list-style-type:disc;color:#e62f46;font-family:"ITCFranklinGothicStd-Demi"}
@media screen and (max-width:768px){.registration .caltex-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0}
.registration .caltex-container .caltex-left{width:100%;margin-bottom:25px}
.registration .caltex-container .caltex-left .signup-caltex{margin-bottom:21px}
.registration .caltex-container .caltex-left .signup-caltex h2{font-size:31px;line-height:normal;letter-spacing:.16px;margin-bottom:20px}
.registration .caltex-container .caltex-left .signup-caltex p{font-size:15px}
.registration .caltex-container .caltex-left .signup-caltex p a{font-size:15px}
.registration .caltex-container .caltex-left .signup-caltex p a:hover{text-decoration:none}
.registration .caltex-container .caltex-left label{font-size:15px}
.registration .caltex-container .caltex-left ::-webkit-input-placeholder{font-size:15px}
.registration .caltex-container .caltex-left ::-moz-placeholder{font-size:15px}
.registration .caltex-container .caltex-left :-ms-input-placeholder{font-size:15px}
.registration .caltex-container .caltex-left ::-ms-input-placeholder{font-size:15px}
.registration .caltex-container .caltex-left ::placeholder{font-size:15px}
.registration .caltex-container .caltex-left .signup-form .form-mobile-number select{margin-right:8px}
.registration .caltex-container .caltex-left .info-text{font-size:15px}
.registration .caltex-container .caltext-right{width:100%}
.registration .caltex-container .caltext-right-content h3{font-size:23px}
.registration .caltex-container .caltext-right-content ul li span{font-size:15px;letter-spacing:.44px}
.registration .caltex-container .signup-caltex p a{display:block}
.registration .caltex-container .signup-caltext-button{margin-top:5px}
}
.registration .vdp-datepicker__calendar .cell.selected{border:0;background:#e62f46;border:1px solid #e62f46;color:#fff !important}
.registration .vdp-datepicker__calendar .cell.selected:hover{background:#e62f46;border:0}
.registration .vdp-datepicker__calendar span{color:#000}
.registration .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.registration .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.registration .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border:1px solid #e62f46}
.registration .loyalty-page li.error-date input[type=text]{border:1px solid #e62f46 !important}
.registration .date-wrapper input[type=text]:focus{outline:none !important}
.registration .date-wrapper .month__year_btn,.registration .date-wrapper .vdp-datepicker__calendar header span{font-family:"ITCFranklinGothicStd-DmCd";font-size:20px;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#19516c}
.registration .popper{background-color:#4a4a4a;color:#fff;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:15px;font-family:"ITCFranklinGothicStd-Book";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal}
.registration .popper .popper__arrow{border-color:transparent #4a4a4a transparent transparent !important}
.registration .popper[x-placement^=top] .popper__arrow{border-color:#4a4a4a transparent transparent transparent !important}
.registration .checbox-form{margin-top:0}
.registration .checbox-form .check-container{padding-left:20px;margin-right:10px}
.button-container{text-align:center}
.button-container button,.button-container .link-button{padding:20px 10px 15px;font-family:"ITCFranklinGothicStd-DmCd";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;min-width:150px;letter-spacing:.5px;text-align:center;color:#fff;margin:10px;text-transform:uppercase}
.button-container button[disabled],.button-container .link-button[disabled]{opacity:.6}
.button-container .link-button:hover{color:#fff}
.button-container .primary-button{background-color:#e62f46;border:0;margin:10px}
.button-container .secondary-button{background-color:#19516c;border:0}
.registration input[type=number],.registration input[type=email],.registration input[type=text],.registration input[type=password],.registration input[type=date],.profile input[type=number],.profile input[type=email],.profile input[type=text],.profile input[type=password],.profile input[type=date]{border:solid 1px #e6e6e6 !important;font-family:"ITCFranklinGothicStd-Book" !important;font-weight:16;color:#000;border-radius:0 !important}
.registration input[type=number].error,.registration input[type=email].error,.registration input[type=text].error,.registration input[type=password].error,.profile input[type=number].error,.profile input[type=email].error,.profile input[type=text].error,.profile input[type=password].error{border:1px solid #e62f46 !important;color:#e62f46 !important}
.registration input:focus,.profile input:focus{border:0;outline:0}
.registration ::-webkit-input-placeholder,.profile ::-webkit-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::-moz-placeholder,.profile ::-moz-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration :-ms-input-placeholder,.profile :-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::-ms-input-placeholder,.profile ::-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::placeholder,.profile ::placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.popper{background-color:#4a4a4a;color:#fff;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:15px;font-family:"ITCFranklinGothicStd-Book";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal}
.popper .popper__arrow{border-color:transparent #4a4a4a transparent transparent !important}
.popper[x-placement^=top] .popper__arrow{border-color:#4a4a4a transparent transparent transparent !important}
.caltex-container{margin-bottom:100px}
.title{font-family:"ITCFranklinGothicStd-DmCd";font-size:54px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:.5px;text-align:center;color:#e62f46}
.subtitle{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#000}
.error-message{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#e62f46;margin-bottom:30px;margin-top:20px}
.rte-register-red{color:#e62f46;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.rte-register-black{color:#000;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.one-line-text a::after{content:""}
.support-links div span{margin-top:27px;font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.88;letter-spacing:.53px;text-align:center}
.popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:normal;border:1px #ebebeb solid;z-index:200000;-webkit-box-shadow:#3a3a3a 0 0 6px 0;box-shadow:#3a3a3a 0 0 6px 0}
.popper .popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px}
.popper[x-placement^=top]{margin-bottom:5px}
.popper[x-placement^=top] .popper__arrow{border-width:5px 5px 0 5px;border-color:#fafafa transparent transparent transparent;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}
.popper[x-placement^=bottom]{margin-top:5px}
.popper[x-placement^=bottom] .popper__arrow{border-width:0 5px 5px 5px;border-color:transparent transparent #fafafa transparent;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}
.popper[x-placement^=right]{margin-left:5px}
.popper[x-placement^=right] .popper__arrow{border-width:5px 5px 5px 0;border-color:transparent #fafafa transparent transparent;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}
.popper[x-placement^=left]{margin-right:5px}
.popper[x-placement^=left] .popper__arrow{border-width:5px 0 5px 5px;border-color:transparent transparent transparent #fafafa;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}
@font-face{font-family:"ITCFranklinGothicLTHeavyItalic";font-style:italic;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Book";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Med";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Demi";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-DmCd";font-style:normal;font-stretch:condensed;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff") format("woff")}
.button-container{text-align:center}
.button-container button,.button-container .link-button{padding:20px 10px 15px;font-family:"ITCFranklinGothicStd-DmCd";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;min-width:150px;letter-spacing:.5px;text-align:center;color:#fff;margin:10px;text-transform:uppercase}
.button-container button[disabled],.button-container .link-button[disabled]{opacity:.6}
.button-container .link-button:hover{color:#fff}
.button-container .primary-button{background-color:#e62f46;border:0;margin:10px}
.button-container .secondary-button{background-color:#19516c;border:0}
.registration input[type=number],.registration input[type=email],.registration input[type=text],.registration input[type=password],.registration input[type=date],.profile input[type=number],.profile input[type=email],.profile input[type=text],.profile input[type=password],.profile input[type=date]{border:solid 1px #e6e6e6 !important;font-family:"ITCFranklinGothicStd-Book" !important;font-weight:16;color:#000;border-radius:0 !important}
.registration input[type=number].error,.registration input[type=email].error,.registration input[type=text].error,.registration input[type=password].error,.profile input[type=number].error,.profile input[type=email].error,.profile input[type=text].error,.profile input[type=password].error{border:1px solid #e62f46 !important;color:#e62f46 !important}
.registration input:focus,.profile input:focus{border:0;outline:0}
.registration ::-webkit-input-placeholder,.profile ::-webkit-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::-moz-placeholder,.profile ::-moz-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration :-ms-input-placeholder,.profile :-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::-ms-input-placeholder,.profile ::-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::placeholder,.profile ::placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.popper{background-color:#4a4a4a;color:#fff;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:15px;font-family:"ITCFranklinGothicStd-Book";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal}
.popper .popper__arrow{border-color:transparent #4a4a4a transparent transparent !important}
.popper[x-placement^=top] .popper__arrow{border-color:#4a4a4a transparent transparent transparent !important}
.caltex-container{margin-bottom:100px}
.title{font-family:"ITCFranklinGothicStd-DmCd";font-size:54px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:.5px;text-align:center;color:#e62f46}
.subtitle{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#000}
.error-message{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#e62f46;margin-bottom:30px;margin-top:20px}
.rte-register-red{color:#e62f46;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.rte-register-black{color:#000;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.one-line-text a::after{content:""}
.support-links div span{margin-top:27px;font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.88;letter-spacing:.53px;text-align:center}
.otp-container{text-align:center}
.otp-container .otp-text{color:#000;font-family:"ITCFranklinGothicStd-DmCd";font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center}
.otp-container .attemps{color:#bcbcbc}
.otp-container div{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.otp-container .otp-input{margin:5px;width:50px;height:40px;text-align:center;border:solid 1px #e6e6e6}
.otp-container .otp-input.error{border:1px solid red !important}
.otp-container .otp-input.error::-webkit-input-placeholder{color:red;opacity:1}
.otp-container .otp-input.error::-moz-placeholder{color:red;opacity:1}
.otp-container .otp-input.error:-ms-input-placeholder{color:red;opacity:1}
.otp-container .otp-input.error::-ms-input-placeholder{color:red;opacity:1}
.otp-container .otp-input.error::placeholder{color:red;opacity:1}
.otp-container .otp-input.disabled{pointer-events:none;color:#e6e6e6}
.otp-container .otp-input:focus-visible{border:0;outline:solid 1px #e6e6e6}
.center-align{text-align:center}
.center-align .resend{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;cursor:pointer;color:#e62f46;letter-spacing:normal;text-decoration:underline}
.recaptcha div{margin:auto}
.verified{font-family:"ITCFranklinGothicStd-Book";font-size:15px}
.verified i{color:#e62f46}
@font-face{font-family:"ITCFranklinGothicLTHeavyItalic";font-style:italic;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Book";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Med";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Demi";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-DmCd";font-style:normal;font-stretch:condensed;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff") format("woff")}
.button-container{text-align:center}
.button-container button,.button-container .link-button{padding:20px 10px 15px;font-family:"ITCFranklinGothicStd-DmCd";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;min-width:150px;letter-spacing:.5px;text-align:center;color:#fff;margin:10px;text-transform:uppercase}
.button-container button[disabled],.button-container .link-button[disabled]{opacity:.6}
.button-container .link-button:hover{color:#fff}
.button-container .primary-button{background-color:#e62f46;border:0;margin:10px}
.button-container .secondary-button{background-color:#19516c;border:0}
.registration input[type=number],.registration input[type=email],.registration input[type=text],.registration input[type=password],.registration input[type=date],.profile input[type=number],.profile input[type=email],.profile input[type=text],.profile input[type=password],.profile input[type=date]{border:solid 1px #e6e6e6 !important;font-family:"ITCFranklinGothicStd-Book" !important;font-weight:16;color:#000;border-radius:0 !important}
.registration input[type=number].error,.registration input[type=email].error,.registration input[type=text].error,.registration input[type=password].error,.profile input[type=number].error,.profile input[type=email].error,.profile input[type=text].error,.profile input[type=password].error{border:1px solid #e62f46 !important;color:#e62f46 !important}
.registration input:focus,.profile input:focus{border:0;outline:0}
.registration ::-webkit-input-placeholder,.profile ::-webkit-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::-moz-placeholder,.profile ::-moz-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration :-ms-input-placeholder,.profile :-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::-ms-input-placeholder,.profile ::-ms-input-placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.registration ::placeholder,.profile ::placeholder{font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#777;padding-left:10px}
.popper{background-color:#4a4a4a;color:#fff;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:15px;font-family:"ITCFranklinGothicStd-Book";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal}
.popper .popper__arrow{border-color:transparent #4a4a4a transparent transparent !important}
.popper[x-placement^=top] .popper__arrow{border-color:#4a4a4a transparent transparent transparent !important}
.caltex-container{margin-bottom:100px}
.title{font-family:"ITCFranklinGothicStd-DmCd";font-size:54px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:.5px;text-align:center;color:#e62f46}
.subtitle{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#000}
.error-message{font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#e62f46;margin-bottom:30px;margin-top:20px}
.rte-register-red{color:#e62f46;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.rte-register-black{color:#000;font-size:16px;font-family:"ITCFranklinGothicStd-Med"}
.one-line-text a::after{content:""}
.support-links div span{margin-top:27px;font-family:"ITCFranklinGothicStd-Book";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.88;letter-spacing:.53px;text-align:center}
.input-field{padding-bottom:20px;position:relative}
.input-field .required{color:#e62f46;margin:0 0 0 5px}
.input-field .password-icon{position:absolute;margin-left:-30px;margin-top:10px;color:#19516c;font-size:20px;top:26px;right:16px}
.input-field .title{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:"ITCFranklinGothicStd-Med";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:var(--black);margin:5px 0;margin-bottom:5px;text-align:left}
.input-field .bottom-row{text-align:left;padding:5px 0;font-family:"ITCFranklinGothicStd-Book";font-size:16px}
.input-field .bottom-row span.error{font-family:"ITCFranklinGothicStd-Book";font-size:14px}
.vue-modal-top,.vue-modal-bottom,.vue-modal-left,.vue-modal-right,.vue-modal-topRight,.vue-modal-topLeft,.vue-modal-bottomLeft,.vue-modal-bottomRight{display:block;overflow:hidden;position:absolute;background:transparent;z-index:9999999}
.vue-modal-topRight,.vue-modal-topLeft,.vue-modal-bottomLeft,.vue-modal-bottomRight{width:12px;height:12px}
.vue-modal-top{right:12;top:0;width:100%;height:12px;cursor:n-resize}
.vue-modal-bottom{left:0;bottom:0;width:100%;height:12px;cursor:s-resize}
.vue-modal-left{left:0;top:0;width:12px;height:100%;cursor:w-resize}
.vue-modal-right{right:0;top:0;width:12px;height:100%;cursor:e-resize}
.vue-modal-topRight{right:0;top:0;background:transparent;cursor:ne-resize}
.vue-modal-topLeft{left:0;top:0;cursor:nw-resize}
.vue-modal-bottomLeft{left:0;bottom:0;cursor:sw-resize}
.vue-modal-bottomRight{right:0;bottom:0;cursor:se-resize}
#vue-modal-triangle::after{display:block;position:absolute;content:"";background:transparent;left:0;top:0;width:0;height:0;border-bottom:10px solid #ddd;border-left:10px solid transparent}
#vue-modal-triangle.clicked::after{border-bottom:10px solid #369be9}
.vm--block-scroll{overflow:hidden;width:100vw}
.vm--container{position:fixed;box-sizing:border-box;left:0;top:0;width:100%;height:100vh;z-index:999}
.vm--overlay{position:fixed;box-sizing:border-box;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.2);opacity:1}
.vm--container.scrollable{height:100%;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.vm--modal{position:relative;overflow:hidden;box-sizing:border-box;background-color:#fff;border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4)}
.vm--container.scrollable .vm--modal{margin-bottom:2px}
.vm--top-right-slot{display:block;position:absolute;right:0;top:0}
.vm-transition--overlay-enter-active,.vm-transition--overlay-leave-active{transition:all 50ms}
.vm-transition--overlay-enter,.vm-transition--overlay-leave-active{opacity:0}
.vm-transition--modal-enter-active,.vm-transition--modal-leave-active{transition:all 400ms}
.vm-transition--modal-enter,.vm-transition--modal-leave-active{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
.vm-transition--default-enter-active,.vm-transition--default-leave-active{transition:all 2ms}
.vm-transition--default-enter,.vm-transition--default-leave-active{opacity:0}
.vue-dialog{font-size:14px}
.vue-dialog div{box-sizing:border-box}
.vue-dialog-content{flex:1 0 auto;width:100%;padding:14px}
.vue-dialog-content-title{font-weight:600;padding-bottom:14px}
.vue-dialog-buttons{display:flex;flex:0 1 auto;width:100%;border-top:1px solid #eee}
.vue-dialog-buttons-none{width:100%;padding-bottom:14px}
.vue-dialog-button{font-size:inherit;background:transparent;padding:0;margin:0;border:0;cursor:pointer;box-sizing:border-box;line-height:40px;height:40px;color:inherit;font:inherit;outline:0}
.vue-dialog-button:hover{background:#f9f9f9}
.vue-dialog-button:active{background:#f3f3f3}
.vue-dialog-button:not(:first-of-type){border-left:1px solid #eee}