@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fadeIn {
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slide-in-down {
0% {
transform: translateY(-20px);
opacity: 0;
}
50% {
opacity: 0.8;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-down {
0% {
transform: translateY(-20px);
opacity: 0;
}
50% {
opacity: 0.8;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes slide-out-down {
0% {
transform: translateY(0);
opacity: 1;
}
40% {
opacity: 0.2;
}
100% {
transform: translateY(20px);
opacity: 0;
}
}
@keyframes slide-out-down {
0% {
transform: translateY(0);
opacity: 1;
}
40% {
opacity: 0.2;
}
100% {
transform: translateY(20px);
opacity: 0;
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media screen and (max-width: 768px) {
#domino-container .row {
margin: 0 !important;
}
#domino-container .justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.dom-form {
width: 330px;
max-width: 330px;
}
.dom-main {
width: 370px !important;
max-width: 370px !important;
}
#dom-google input {
width: 330px !important;
max-width: 330px !important;
}
.dml-modal-window > div {
width: 350px;
max-width: 350px;
}
.dml-modal-window .row-phone {
width: 340px;
}
.dml-modal-window .row-phone {
width: 330px;
max-width: 330px;
}
.dml-modal-window #dominoLogin .dom-footer {
width: 330px !important;
}
.dml-modal-window .vti__dropdown-list.below {
width: 330px !important;
}
.dom-register .vti__dropdown-list.below {
width: 330px !important;
}
#dominoCheckOut .vue-tel-input {
width: 100% !important;
max-width: 100% !important;
}
#dominoCheckOut .vti__dropdown-list.below {
width: 300px !important;
max-width: 300px;
}
#dominoCheckOut .vti__dropdown-list.below {
width: 300px !important;
max-width: 300px;
}
#dominoCheckOut #email {
width: 100% !important;
max-width: 100% !important;
}
#dom-user .form-group {
width: 325px;
max-width: 325px;
}
#dominoModal .form-group {
width: 325px;
max-width: 325px;
}
#dom-password {
width: 100% !important;
max-width: 100% !important;
}
.dom-send #ms-resend {
width: 85% !important;
}
#dom-google {
width: 100% !important;
height: 100% !important;
}
#dom-user {
width: 100% !important;
max-width: 100% !important;
}
.dml-form-edit {
flex-direction: column !important;
}
.dml-form-edit .btn.btn-domino {
width: 100%;
max-width: 100%;
margin-top: 10px;
}
.dml-form-edit .form-group {
width: 100% !important;
max-width: 100% !important;
}
.dmlFormEdit #ms-resend {
width: 100% !important;
max-width: 100% !important;
margin-top: 5px;
}
.dominologin-swal2-title {
font-size: 19px !important;
}
}
a:hover {
text-decoration: none;
}
#domino-container {
margin-top: 100px;
}
#domino-container .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
justify-content: center;
margin-bottom: 20px;
height: 200px;
}
#dom-register label,
#dom-user label,
#dom-verify label,
#dom-google label,
#dom-google-pass label,
#dom-verify-google label,
#pass-email label,
#dom-password {
width: 100%;
max-width: 100%;
font-weight: 400;
font-size: 17px;
letter-spacing: -.5px;
font-family: 'iransans', sans-serif;
}
#dom-register input, #dom-user input, #dom-verify input, #dom-google input, #dom-verify-google input, #dom-google-pass input, #pass-email input {
width: 100%;
max-width: 100%;
direction: ltr;
outline: 0;
border: 1px solid #BBB;
border-radius: 7px;
padding: 5px 15px;
font-size: 16px;
margin-bottom: 10px;
box-sizing: border-box;
}
#dom-verify input {
font-family: 'iransans', sans-serif;
}
#dom-user input {
direction: rtl !important;
text-align: right;
letter-spacing: -.5px;
background: #fff;
margin-bottom: 0 !important;
border-radius: 0 !important;
border: 0.2px solid #eaeaea !important;
padding: 10px 10px !important;
width: 100% !important;
max-width: 100% !important;
outline: none;
margin-top: 10px;
font-family: 'iransans', sans-serif;
}
#dom-user input[type="email"] {
direction: ltr !important;
text-align: left;
}
#dom-user input[type="checkbox"] {
width: 5% !important;
border-radius: 15% !important;
position: relative;
border: 1px solid #cecece !important;
height: 5% !important;
margin-top: 0;
}
.dom-register .form-check .form-check-label label {
flex: 0 0 90%;
width: 90% !important;
max-width: 90% !important;
margin-bottom: 1%;
}
.ms-next {
float: right;
margin: 15px 0 10px;
min-height: 34px;
outline: 0;
display: block;
padding: 4px 14px !important;
border-radius: 4px;
cursor: pointer;
background: #428bca !important;
color: #fff !important;
border: none !important;
-webkit-transition: all .2s;
transition: all .2s;
width: 125px;
text-align: center;
min-width: 125px;
-webkit-box-shadow: initial;
box-shadow: initial;
height: 34px;
text-decoration: none !important;
font-family: "iransans", sans-serif;
font-size: 15px;
}
#forget {
float: left;
background: gray !important;
}
#ms-resend, #ms-pass {
float: left;
margin: 15px 0 10px;
min-height: 34px;
outline: 0;
display: block;
padding: 4px 14px;
border-radius: 4px;
cursor: pointer;
background: #1e7e34;
color: #fff;
border: none;
-webkit-transition: all .2s;
transition: all .2s;
width: 125px;
text-align: center;
min-width: initial;
-webkit-box-shadow: initial;
box-shadow: initial;
font-size: 15px;
font-family: 'iransans', sans-serif;
}
.ms-next:hover {
text-decoration: none;
}
#dom-register .form-group,
#dom-user .form-group,
#dom-verify .form-group,
#dom-google-pass .form-group,
#pass-email .form-group {
margin-bottom: 0;
}
#dom-user .form-group {
margin: 5px 0;
display: flex;
flex-direction: column;
}
#dom-register input::placeholder,
#dom-user input::placeholder,
#dom-google input::placeholder {
font-size: 14px;
opacity: 0.4;
letter-spacing: -.5px;
}
#dom-register .dmn-error,
#dom-user .dmn-error,
#dom-google .dmn-error,
#dom-google-pass .dmn-error {
color: #a40000;
font-weight: bold;
font-size: 14px;
}
#dom-verify-google,
#dom-google-pass,
#pass-email {
display: none;
}
#domino-option {
margin: 0;
background: #f5f5f5;
font-family: "iransans", sans-serif;
line-height: 2em;
}
#domino-option .wrapper {
max-width: 1200px;
padding: 60px 0;
}
#domino-option .tab-wrapper {
text-align: right;
display: block;
max-width: 1200px;
}
#domino-option .tabs {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
#domino-option .tab-link {
margin: 0 1%;
list-style: none;
color: #aaa;
cursor: pointer;
font-weight: 700;
transition: all ease 0.5s;
border: solid 3px rgba(255, 255, 255, 0);
letter-spacing: 0;
width: 100%;
max-width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
border-radius: 5px;
}
#domino-option .tab-link:hover {
color: #999;
border-color: #999;
}
#domino-option .tab-link.active {
color: #fff;
border-color: #333;
}
#domino-option .tab-link:nth-of-type(1).active {
border-color: #EE6534;
background-color: #EE6534;
}
#domino-option .tab-link:nth-of-type(2).active {
border-color: #1790D2;
background-color: #1790D2;
}
#domino-option .tab-link:nth-of-type(3).active {
border-color: #EEC63B;
background-color: #EEC63B;
}
#domino-option .tab-link:nth-of-type(4).active {
border-color: #CE6509;
background-color: #CE6509;
}
#domino-option .tab-link:nth-of-type(5).active {
border-color: #0928CE;
background-color: #0928CE;
}
#domino-option .tab-link:nth-of-type(6).active {
border-color: #09ce89;
background-color: #09ce89;
}
#domino-option .content-wrapper {
padding: 40px 50px;
}
#domino-option .tab-content {
display: none;
text-align: right;
color: #888;
font-weight: 300;
font-size: 15px;
opacity: 0;
transform: translateY(15px);
animation: fadeIn 0.5s ease 1 forwards;
}
#domino-option .tab-content.active {
display: block;
}
.title-option {
padding: 15px 80px;
}
.title-option h2 {
font-family: 'iransans', sans-serif;
font-weight: 700;
padding-bottom: 15px;
}
#domino-option .submit button {
padding: 7px 60px;
font-size: 17px;
background-color: #218838;
}
.domino-toast {
font-family: 'iransans', sans-serif;
}
.domino-toast .iziToast-close {
background-color: transparent !important;
}
#delete-option {
display: none;
}
#dom-verify .message,
#dom-verify-google .message,
#dom-google-pass .message {
color: green;
font-weight: 700;
font-size: 15px;
}
#dom-verify code,
#dom-verify-google code,
#dom-google-pass code {
padding: 2px 4px;
font-size: 90%;
display: inline-block;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
.mainLoading {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
}
.billingLoading {
background-color: rgba(0, 0, 0, 0.2);
width: 404px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
max-width: 450px;
}
.loader {
border: 8px solid transparent;
border-radius: 50%;
border-top: 8px solid #d33;
border-bottom: 8px solid #d33;
width: 50px;
height: 50px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
position: absolute;
right: 0;
left: 0;
display: block;
margin: 0 auto;
top: 50%;
}
.btn-timer {
background: transparent !important;
border: 2px solid #428bca !important;
color: #428bca !important;
}
.dom-footer {
margin-top: 8px;
text-align: right;
margin-right: 5px;
cursor: pointer;
width: 100%;
}
.dom-footer a {
padding: 10px 0 10px 10px;
color: #333;
font-family: 'iransans', sans-serif;
line-height: 28px;
font-weight: 400;
font-size: 14px;
text-decoration: none !important;
}
.dom-footer a:hover {
text-decoration: none;
}
#dom-back {
display: none;
}
.dom-logo-title h1 {
font-size: 28px;
line-height: 28px;
font-weight: normal;
text-align: center;
margin-bottom: 0;
font-family: 'iransans', sans-serif;
letter-spacing: -0.5px;
padding: 2px 0 2px 0;
}
.dom-logo-title p {
margin-bottom: 0;
font-weight: 300;
font-size: 14px;
text-align: center;
font-family: 'iransans', sans-serif !important;
padding: 2px 0 2px;
}
.dom-logo-img {
width: 35%;
max-width: 35%;
padding: 5px;
margin-left: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.dom-logo-img img {
border-radius: 5px;
width: 100px;
max-width: 100px;
object-fit: contain;
}
.dom-header {
display: flex;
justify-content: center;
align-items: center;
font-family: 'iransans', sans-serif;
flex-direction: row-reverse;
}
.dom-back a {
color: #333;
font-size: 25px;
font-weight: 100;
}
.div-domino {
text-align: left;
direction: ltr;
}
#btn-google {
display: none;
margin: 12px auto;
padding: 4px 3px; border-radius: 4px;
cursor: pointer;
color: rgba(0, 0, 0, .72);
width: 120px;
text-align: center;
border: 1px solid #c2c2c2;
font-size: 14px;
-webkit-transition: all .2s;
transition: all .2s;
}
#btn-google img {
width: 24px;
padding: 0;
}
#dom-verify-google .form-group {
margin-bottom: 0;
}
#ms-redirect {
display: flex;
flex-direction: column;
width: 100%;
}
#ms-redirect span {
padding: 12px 0;
color: red;
font-weight: bold;
font-size: 15px;
}
.domino-upload input[type="file"] {
display: none;
}
.domino-upload span {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
padding: 5px 20px;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.row-mobile {
display: flex;
flex-direction: row;
align-items: end;
}
.form-group.row-code {
margin-right: 10px;
}
.row-code .form-select {
width: 100%;
max-width: 100%;
direction: ltr;
outline: 0;
border: 1px solid #BBB;
border-radius: 7px;
padding: 5px 15px;
font-size: 14px;
margin-bottom: 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.iti__selected-flag {
direction: ltr;
}
.iti__country-list {
direction: ltr;
font-family: 'iransans', sans-serif;
}   #phone {
border-radius: 2px !important;
border: 1px solid #ccc !important;
padding: 10px 10px 10px 55px !important;
width: 340px !important;
}
#phone::placeholder {
color: #BBB;
}
.iti__selected-dial-code {
display: none;
}
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 2px 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
left: 0;
border-radius: 5px;
}
#domino-container .col-md-4 {
position: relative;
}
#domino-container .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
justify-content: center;
margin-bottom: 20px;
}
.dom-submit #ms-next-reg {
font-size: 14px;
font-family: iransans, sans-serif;
outline: none;
}
.dml-account {
display: flex;
width: 100%;
max-width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin: 30px 0;
}
.dml-account p {
flex: 0 0 70%;
margin: 0 !important;
}
.dml-account a {
text-align: center;
text-decoration: none;
font-family: inherit;
color: #fff;
font-weight: bold;
border-radius: 4px;
margin: 10px 0 0 5px;
padding: 10px 17px;
line-height: 27px;
font-size: 100%;
display: flex;
justify-content: center;
}
#change-phone span {
font-size: 100% !important;
}
.dmlChangePhoneVerify {
display: flex;
flex-direction: row;
align-items: center;
}
.dmlChangePhoneVerify .col-6 {
width: 100%;
flex: 0 0 50%;
max-width: 100%;
}
.dml-account a i {
margin-left: 10px;
height: 100%;
margin-top: 5px;
}
.dml-account a:focus {
background-color: green !important;
text-decoration: none !important;
}
.create-billing {
position: relative;
}
#dmlVerify {
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: 100%;
max-width: 100%;
}
#verify_dml_field input::placeholder {
font-size: 14px;
}
#verify_dml_field input {
padding: 3px 10px;
font-size: 100%;
}
#dmlReg {
display: flex;
width: 100%;
max-width: 100%;
flex-direction: column;
flex-wrap: wrap;
}
.alert.alert-danger {
color: #ae0303;
font-family: inherit;
font-size: 17px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
}
#dmlVerify span {
font-family: inherit;
font-size: 23px;
font-weight: bold;
}
.wp-core-ui .button, .wp-core-ui .button-secondary {
background-image: unset !important;
background-color: #fff !important;
}
.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
padding-right: 40px;
font-weight: bold;
}
.row-phone {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 15px 0;
}
.dom-recaptcha {
margin: 10px 0;
}
.iti__flag-container {
height: 40px;
}
#change-phone {
width: 100%;
}
#dml-reg-phone {
margin-left: 0;
}
.copyShortcode {
width: 40px;
height: 40px;
display: inline-flex;
background-color: #28a745;
padding: 10px;
justify-content: center;
align-items: center;
border-radius: 4px;
cursor: pointer;
transition: all linear 0.1s;
}
.copyShortcode:hover {
transform: scale(0.9);
}
.copyShortcode i {
color: #fff;
font-size: 15px;
}
#ShortcodeBtn,
#ShortcodeBtnWoodmart {
height: 40px;
color: #000 !important;
}
.dom-show-password {
position: relative;
display: flex;
align-items: center;
}
.pass-eye {
position: absolute;
left: auto;
cursor: pointer;
font-size: 13px;
right: 37%;
} .progress {
margin: 20px 0;
padding: 0;
width: 100%;
height: 30px;
overflow: hidden;
background: #d5d4d4;
border-radius: 6px;
}
.bar {
position: relative;
float: left;
min-width: 1%;
height: 100%;
background: #0928CE;
}
.percent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
font-family: 'iransans', sans-serif;
font-weight: bold;
font-size: 15px;
color: white;
}
.selectpicker option {
border: none;
background-color: white;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #14B1B2;
font-weight: bold;
font-size: 30px;
margin: 0;
padding-left: 0;
margin-top: -20px;
background: none;
}
select.selectpicker {
border: none;
background-color: white;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #14B1B2;
font-weight: bold;
font-size: 30px;
margin: 0;
padding-left: 0;
margin-top: -20px;
background: none;
}
#tagline-description {
width: 50%;
}
.domDeparSelect {
width: 15%;
}
.domDepar {
width: 24%;
}
.select2-container .select2-search--inline .select2-search__field {
font-family: "iransans", sans-serif;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
margin-bottom: 0;
}
.domDeparRoleMain {
width: 40%;
max-width: 40%;
}
.frmGroup {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 10px 0;
}
.depar-role {
width: 30px;
height: 30px;
display: inline-flex;
background-color: #28a745;
padding: 10px;
justify-content: center;
align-items: center;
border-radius: 50px;
cursor: pointer;
box-shadow: none;
border: none;
color: #fff;
font-size: 17px;
margin-right: 5px;
margin-bottom: 3px;
}
.colDomRole {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.depar-remove {
background-color: red;
}
.formRole {
margin-bottom: 10px;
}
.frmRoleUser {
margin-bottom: 10px;
}
.optHide {
display: none;
}
.dom-register .form-check {
display: flex;
justify-content: center;
align-items: center;
margin: 10px 0;
}
.dom-register .form-check input[type="checkbox"] {
width: 25px !important;
height: 25px !important;
max-width: 25px !important;
padding: 0 !important;
margin-bottom: 5px !important;
}
.dom-register .form-check input[type="checkbox"]::after {
width: 80%;
height: 80%;
right: 10%;
top: 10%;
background-color: #ff7902;
transform: none;
border-radius: 10%;
transition: all 0.1s linear;
border: 0;
}
.dom-register input[type="radio"] {
width: 20px !important;
height: 20px !important;
max-width: 50px !important;
border-radius: 50% !important;
padding: 0 !important;
}
.dom-register .form-check-label {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 0;
cursor: pointer;
}
.dom-register .form-check-input {
margin-left: 10px;
margin-top: 10px;
}
#ms-next-reg:is(:disabled, :disabled:active) {
background-color: #eaeaea !important;
color: gray !important;
cursor: default;
}
#ms-next-verify:is(:disabled, :disabled:active) {
background-color: #428bcaa3 !important;
color: #2f2d2d9c !important;
}
.namespace {
position: relative;
}
#dom-user input[type="radio"] {
margin-top: 0;
width: 5% !important;
height: 5% !important;
border-radius: 50% !important;
margin-left: 0;
border: 1px solid #c6c6c6 !important;
position: relative;
cursor: pointer;
}
#dom-user input[type="radio"]::after {
width: 70%;
height: 70%;
top: 15%;
left: 15%;
right: 15%;
bottom: 0;
background-color: #d25306;
} .tooltip {
position: absolute;
z-index: 2;
overflow: hidden;
clip: rect(0, 0, 0, 0);
box-sizing: border-box;
width: 0;
height: 0;
padding: 0;
cursor: default;
color: #fff;
font-family: Helvetica, Arial, sans-serif; font-size: 1.4rem;
line-height: normal;
text-align: center;
white-space: nowrap;
border-width: 0;
border-style: solid;
border-color: #6d6e71;
border-top-color: #373739;
background-color: #373739;
opacity: 0;
transition: opacity .1s ease-in .2s;
} .tooltip.isVisible {
overflow: visible;
clip: auto;
width: auto;
height: auto;
padding: 10px 15px;
border-width: 1px;
opacity: 1;
} .tooltip, .tooltip.tip-bottom, .tooltip.tip-top {
left: 75%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} .tooltip, .tooltip.tip-bottom,
.tooltip.tip-bottom-left,
.tooltip.tip-bottom-right {
top: 110%;
top: calc(100% + 5px);
} .tooltip.tip-top, .tooltip.tip-top-left, .tooltip.tip-top-right {
top: auto; bottom: calc(100% + -10px);
border-radius: 10px;
font-family: 'iransans', sans-serif;
font-size: 14px;
font-weight: bold;
} .tooltip.tip-bottom-left,
.tooltip.tip-bottom-right,
.tooltip.tip-top-left,
.tooltip.tip-top-right {
-webkit-transform: none;
-ms-transform: none;
transform: none;
} .tooltip.tip-bottom-left,
.tooltip.tip-top-left {
right: 50%;
left: auto;
margin-right: -25px;
} .tooltip.tip-bottom-right,
.tooltip.tip-top-right {
margin-left: -25px;
} .tooltip.tip-left,
.tooltip.tip-right {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
} .tooltip.tip-left {
right: 110%;
right: calc(100% + 5px);
left: auto;
} .tooltip.tip-right {
left: 110%;
left: calc(100% + 5px);
} .tooltip:after {
content: ' ';
display: block;
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
pointer-events: none;
} .tooltip:after, .tooltip.tip-bottom:after,
.tooltip.tip-top:after {
left: 50%;
margin-left: -10px;
} .tooltip:after, .tooltip.tip-bottom:after,
.tooltip.tip-bottom-left:after,
.tooltip.tip-bottom-right:after {
top: -20px;
border-color: transparent transparent #373739 transparent;
} .tooltip.tip-top:after,
.tooltip.tip-top-left:after,
.tooltip.tip-top-right:after {
top: auto;
bottom: -20px;
border-color: #373739 transparent transparent transparent;
} .tooltip.tip-bottom-left:after,
.tooltip.tip-bottom-right:after,
.tooltip.tip-top-left:after,
.tooltip.tip-top-right:after {
margin-left: 0;
} .tooltip.tip-bottom-left:after,
.tooltip.tip-top-left:after {
right: 15px;
left: auto;
} .tooltip.tip-bottom-right:after,
.tooltip.tip-top-right:after {
left: 15px;
} .tooltip.tip-left:after,
.tooltip.tip-right:after {
top: 50%;
margin-top: -10px;
margin-left: auto;
} .tooltip.tip-left:after {
right: -20px;
left: auto;
border-color: transparent transparent transparent #373739;
} .tooltip.tip-right:after {
left: -20px;
border-color: transparent #373739 transparent transparent;
}
#dom-user select {
background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%234B4F58' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-size: .8em;
background-repeat: no-repeat;
background-position-x: 5%;
-webkit-appearance: none;
-moz-appearance: none;
letter-spacing: -.5px;
margin-bottom: 0 !important;
border-radius: 0 !important;
border: 0.2px solid #eaeaea !important;
padding: 10px 10px !important;
width: 100% !important;
max-width: 100% !important;
outline: none;
margin-top: 10px;
font-family: 'iransans', sans-serif;
cursor: pointer;
}
#dom-user .dom-checkbox {
margin-top: 1%;
}
#dom-user .dom-radiobutton {
margin-right: calc(100% - 295px);
}
#dom-user {
width: 400px;
font-family: 'iransans', sans-serif;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-around;
}
.change-dmlVerify.row {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.change-dmlVerify.row .col-3 {
width: 33.3333333%;
}
.change-dmlVerify.row .col-3 a {
padding: 10px 30px;
border-radius: 5px;
font-size: 14px; width: 100%;
}   #dominoModal .dom-main {
display: flex;
flex-direction: column;
opacity: 1;
height: 100%;
-moz-height: fit-content;
-webkit-height: fit-content;
width: 100%;
max-width: 100% !important;
align-items: center;
}
.dom-main {
display: flex;
flex-direction: column;
opacity: 1;
height: fit-content;
-moz-height: fit-content;
-webkit-height: fit-content;
width: 450px;
max-width: 450px;
align-items: baseline;
}
.dom-back {
width: 20%;
display: flex;
justify-content: center;
padding-top: 10px;
}
.dom-logo {
display: flex;
flex-direction: row;
width: 100%;
max-width: 100%;
padding: 5px 0;
align-items: center; justify-content: center;
}
.dom-header {
display: flex;
justify-content: center;
align-items: center;
font-family: 'iransans', sans-serif;
flex-direction: row-reverse;
width: 100%;
}
#domino-container .main {
font-family: 'iransans', sans-serif;
background-color: #fff;
border-radius: 8px;
text-align: right;
font-size: 14px;
line-height: 1.9;
margin: 0 auto;
box-sizing: border-box;
box-shadow: 0 5px 10px rgba(90, 116, 148, 0.18);
display: flex;
justify-content: center;
padding: 25px 0;
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
}
.vue-tel-input {
border-radius: 3px;
display: flex;
border: 1px solid #bbb;
text-align: left;
flex-direction: row-reverse;
width: 100%;
}
.vti__input {
margin-bottom: 0 !important;
border-radius: 0 !important;
border: 0.2px solid #eaeaea !important;
padding: 10px 10px !important;
width: 345px !important;
max-width: 345px !important;
font-family: 'iransans', sans-serif;
}
.vti__selection {
font-size: .8em;
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.vti__dropdown-item {
cursor: pointer;
padding: 4px 15px;
display: flex;
align-items: center;
text-align: right;
font-family: 'iransans', sans-serif;
}
.vti__dropdown-list {
text-align: left;
direction: ltr;
width: 404px !important;
}
.vti__dropdown-item span {
padding-left: 10px;
direction: ltr;
}
.vti__dropdown-list.below {
top: 48px;
width: 408px !important;
}
.vti__dropdown-item strong {
text-align: left;
font-size: 12px !important;
font-family: 'iransans', sans-serif;
}
.vti__country-code {
direction: ltr;
text-align: left;
font-size: 12px;
font-weight: normal;
padding: 0 2px;
font-family: 'iransans', sans-serif;
}
.vti__input::placeholder {
text-align: right;
direction: rtl;
}
.vti__search_box::placeholder {
text-align: left;
direction: ltr;
}
.vti__search_box {
width: 99% !important;
max-width: 99% !important;
padding: 5px 5px !important;
}
.vti_input_error {
border: 1px solid red;
}
.vti_input_success {
border: 2px solid #01e201 !important;
}
.numVerify {
margin-bottom: 0 !important;
border-radius: 0 !important;
border: 0.2px solid #eaeaea !important;
padding: 10px 10px !important;
width: 100% !important;
max-width: 100% !important;
text-align: center;
outline: none;
}
#num_verify:active {
outline: none;
}
.phoneVerify {
margin-top: 15px;
}
.phoneVerify label[for="num_verify"] {
font-family: 'iransans', sans-serif !important;
}
.phoneRegister label[for="phone"] {
font-family: 'iransans', sans-serif !important;
width: 100%;
}
#dom-verify .message .success {
padding: 10px 0 0 0;
}
#dom-verify label[for="num_verify"] {
padding-bottom: 0;
}
#ms-resend a {
text-decoration: none;
color: #fff;
}
#ms-resend:disabled {
opacity: 1;
}
.dominologin-swal2-title {
font-family: 'iransans', sans-serif;
line-height: 1.5;
}
#domino-container .main button {
outline: none;
background-color: rgb(221, 153, 51) !important;
font-size: 16px;
font-family: 'iransans', sans-serif;
}
#phone_code {
direction: ltr;
text-align: left;
} .dml-modal-window {
position: fixed;
background-color: rgba(0, 0, 0, 0.38);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all 0.5s;
}
.dml-modal-window:target {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.dml-modal-window header {
font-weight: bold;
}
.dml-modal-window h1 {
text-align: right;
}
.dml-modal-window .dom-header {
width: 404px;
}
.dml-modal-window .dom-logo-img {
padding: 0;
margin: 0 !important;
}
.dml-modal-window .row-phone {
width: 400px;
}
.dml-modal-window label[for="phone"] {
font-family: 'iransans', sans-serif;
}
.dml-modal-window .vti__input {
font-family: 'iransans', sans-serif;
}
.dml-modal-window .vti__selection .vti__country-code {
font-family: 'iransans', sans-serif;
}
.dml-modal-window .vti__dropdown-item span {
font-size: 14px;
font-family: 'iransans', sans-serif;
}
.dml-modal-window .vti__dropdown-list.below {
width: 390px !important;
}
.dml-modal-window .main {
padding: 0 !important;
}
.dml-modal-window .dom-footer {
margin: 0 !important;
width: 404px !important;
}
.dml-modal-window > div {
width: 460px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 30PX;
background: white;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
overflow-y: auto;
max-height: 80%;
}
.dml-modal-window .mainLoading {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
margin: 0 auto;
border-radius: 15px;
}
.dml-modal-window #dom-verify {
width: 400px;
}
.dml-modal-window #dom-verify label[for="num_verify"] {
font-family: 'iransans', sans-serif;
}
.dml-modal-window #dom-verify .message .success {
padding: 10px 0 0 0;
font-family: 'iransans', sans-serif;
}
.dml-modal-window #ms-resend {
font-family: 'iransans', sans-serif;
}
.dml-modal-window #num_verify {
font-family: 'iransans', sans-serif;
}
.dml-modal-window #ms-next-verify {
font-size: 15px;
}
.modal-close {
color: #aaa;
line-height: 50px;
font-size: 80%;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 70px;
text-decoration: none;
}
.modal-close:hover {
color: black;
}
.logo {
max-width: 150px;
display: block;
}
small {
color: lightgray;
}
.btn {
background-color: white;
padding: 1em 1.5em;
border-radius: 0.5rem;
text-decoration: none;
}
.btn i {
padding-right: 0.3em;
} .btnSpinner {
display: inline-block;
margin: 0 8px;
border-radius: 50%;
width: 1.5em;
height: 1.5em;
border: 0.215em solid transparent;
vertical-align: middle;
font-size: 16px;
border-top-color: white;
-webkit-animation: spinner 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
animation: spinner 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
}
.dom-btn-label-enter-active {
-webkit-animation: slide-in-down 260ms cubic-bezier(0, 0, 0.2, 1);
animation: slide-in-down 260ms cubic-bezier(0, 0, 0.2, 1);
}
.dom-btn-label-leave-active {
-webkit-animation: slide-out-down 260ms cubic-bezier(0.4, 0, 1, 1);
animation: slide-out-down 260ms cubic-bezier(0.4, 0, 1, 1);
}
.slide-fade-enter-active {
transition: all 0.3s ease-out;
}
.slide-fade-leave-active {
transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter-from,
.slide-fade-leave-to {
transform: translateX(20px);
opacity: 0;
} #dominoCheckOut.domino-checkout {
display: flex;
flex-direction: column;
width: 378px;
max-width: 100%;
margin-bottom: 20px;
position: relative;
}
#dominoCheckOut .row-phone {
align-items: baseline;
width: 378px;
}
#dominoCheckOut .vti__input {
width: 100% !important;
max-width: 100% !important;
direction: ltr;
font-size: 14px;
outline: none;
}
#dominoCheckOut .message .success span {
color: green;
font-size: 15px;
font-weight: 700;
font-family: 'iransans', sans-serif;
}
#dominoCheckOut #phone_code {
padding: 2px 4px;
font-size: 14px;
display: inline-block;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-weight: 700;
}
.row-user-login p {
font-family: inherit;
font-size: 15px;
font-weight: normal;
letter-spacing: -0.5px;
}
.row-user-login p span {
background-color: #f9f2f4;
padding: 2px 10px;
font-weight: 700;
color: #c7254e;
font-size: 17px;
}
.row-user-login p a {
background-color: green;
color: #fff;
padding: 5px 55px;
border-radius: 5px;
margin-right: 10px;
box-shadow: 0 5px 10px rgba(90, 116, 148, 0.18);
font-weight: 700;
text-decoration: none;
}
.row-user-login p a:hover {
box-shadow: none;
}
.phoneRegister .vti__dropdown {
background-color: #fff;
}
#dom-google {
width: 400px;
max-width: 400px;
}
#dom-google input {
border-radius: 3px;
display: flex;
border: 1px solid #bbb;
text-align: left;
height: 47px;
max-height: 47px;
}
#dom-google .form-group {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: baseline;
flex-wrap: wrap;
margin: 15px 0 0;
}
.appEditAccount {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.appEditAccount .vti__input {
width: 100% !important;
max-width: 100% !important;
text-align: left;
direction: ltr;
}
.dml-form-edit {
display: flex;
width: 100% !important;
max-width: 100% !important;
justify-content: center;
align-items: end;
}
.btn-domino {
width: 15%;
max-width: 15%;
text-align: center;
padding: 13px 17px;
text-shadow: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-color: #218838;
border-color: #1e7e34;
margin-right: 10px;
color: #fff;
border-radius: 4px;
}
.dml-form-edit .form-group {
width: 90%;
max-width: 90%;
}
.btn-domino:disabled {
opacity: .6;
color: #d9d9d9;
}
#appEditAccount span {
font-size: 15px;
letter-spacing: -0.5px;
font-weight: normal;
}
.formVerify {
width: 100%;
max-width: 100%;
}
.formVerify .form-group {
width: 100% !important;
max-width: 100% !important;
}
#appEditAccount .success {
margin-top: 5px;
}
.dmlFormEdit {
align-items: center;
}
.dml-form-edit .vti__dropdown-list.below {
width: 817px !important;
z-index: 999999;
overflow-x: hidden;
}
#appEditAccount .formVerify code {
padding: 2px 10px;
font-size: 15px;
display: inline-block;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-weight: bold;
}
.dmlFormEdit #ms-resend {
padding: 13px 0;
margin: 0 10px 0 0;
}
.dominologin-confirm {
background-color: #218838 !important;
border-color: #218838 !important;
}
#dom-password {
width: 400px;
max-width: 400px;
}
#dom-password .form-group {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin: 15px 0 0;
}
#dom-password .dom-submit {
flex-direction: row;
}
.dom-next {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.dom-send {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
display: flex;
justify-content: end;
align-items: center;
}
.dom-send button {
width: 80% !important;
}
.dominologin-swal2-title {
font-size: 19px;
line-height: 1.5;
}
#dominoCheckOut .dom-submit {
margin: 5px 0 0;
}
#dom-password input[type="password"] {
text-align: center;
width: 100%;
font-family: inherit;
font-weight: inherit;
line-height: 1.6;
outline: 0;
padding: 8px 10px;
border: 1px solid #dcdcdc;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
border-radius: 2px;
-webkit-appearance: none;
-webkit-transition: all .2s;
transition: all .2s;
}
.dominologin-SwalPop-title {
font-size: 22px !important;
line-height: 1.5;
letter-spacing: -0.5px;
font-family: 'iransans', sans-serif;
}
.dominologin-SwalPop-title span {
color: #218838;
font-size: 25px;
}
.dml-billing-display {
display: none;
}
#emailRegister {
margin-bottom: 0 !important;
border-radius: 0 !important;
border: 0.2px solid #eaeaea !important;
padding: 10px 10px !important;
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
outline: none;
}
.ms-next:disabled {
opacity: 0.5;
}
#dom-user span {
color: red;
font-size: 13px;
padding-right: 5px;
font-weight: normal;
}
#dom-user input[type="email"]::placeholder {
text-align: right;
}