/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


html {
    font-size: 16px;
}

.btn {
    font-weight:  600;
}

.simplebar-scrollbar:before,
.simplebar-scrollbar:before,
.widget-content-col .simplebar-scrollbar:before {background: rgba(0, 0, 0, .2);}

.right_sidebar.forumSidebar:hover .simplebar-scrollbar:before,
.left_sidebar.forumSidebar:hover  .simplebar-scrollbar:before,
.widget-content-col:hover .simplebar-scrollbar:before {opacity: .5;}

.separator {height: 55px;}

.step .formLabel:first-child {margin-top: 0;}

.iti--allow-dropdown {width: 100%;}

#tn_phone::-webkit-input-placeholder {color: rgba(255,255,255,.5);}
#tn_phone::-moz-placeholder {color: rgba(255,255,255,.5);}
#tn_phone:-ms-input-placeholder {color: rgba(255,255,255,.5);}
#tn_phone:-moz-placeholder {color: rgba(255,255,255,.5);}

.step-field.has-placeholder .formLabel {
    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
        transform: translateY(-140%);
    font-size: 20px;
}

.iti__selected-dial-code {
    font-size: 32px;
    margin-top: -2px;
}

.iti__flag {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}

.iti__selected-dial-code {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}

.iti__arrow {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}

.iti__arrow {border-top-color: #fff;}

.iti__arrow--up {border-bottom-color: #fff;}

.iti__country, .iti__dial-code {color: #333;}

.iti__dial-code {font-weight: 700;}

.tuna-steps .step {
    position: static;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    padding-right: 10px;
}

.tuna-steps .step.step-active {
    height:  auto;
    overflow: visible;
    padding-top: 13.4%;
    padding-bottom: 4.333%;
}

.help-error, .help-info {
    position: absolute;
    right: 0;
    bottom: -70%;
    white-space: nowrap;
}

.help-info.domain-format-info {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 16px;
    padding: 12px 14px 12px 42px;
    border: 1px solid rgba(106, 203, 255, .7);
    border-radius: 6px;
    background: rgba(106, 203, 255, .12);
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
}

.help-info.domain-format-info::before {
    content: "i";
    position: absolute;
    top: 12px;
    left: 14px;
    width: 18px;
    height: 18px;
    border: 1px solid #6ACBFF;
    border-radius: 50%;
    color: #6ACBFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

.help-info.domain-format-info strong {
    color: #fff;
}

.tuna-steps {
    height: auto;
    min-height: 0;
    overflow-y: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.tuna-signup-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100vh;    
    -webkit-box-pack: center;    
        -ms-flex-pack: center;    
            justify-content: center;
}

.button-container {
    position: static;
    margin-top: auto;
    margin-bottom: auto;
    position:  static;
}

.step-field {position: relative;}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 32px;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
}

.bootstrap-select > .dropdown-toggle {padding-left: 0;}

#tn_domain_name {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.7);
    font-size: 32px;
    width: 100%;
    color: #FFF;
    display: block;
    padding: 1px 2px;
    font-weight: normal;
}

#tn_domain_name ~ span{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 32px;
    color: #6ACBFF;
}

.step-confirm  input[type="text"]:not(#tn_domain_name) {
    background: transparent;
    cursor: default;
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    padding-top: 10px;   
    letter-spacing: -1px; 
}

.progressbar {
    width: 100%;
    background: #17557E;
    border-radius: 4px;
    position: relative;  
    height: 8px;  
    overflow: hidden;
}

.progressbar-current {
    background: #6ACBFF;
    border-radius: 4px 0px 0px 4px;
    position: absolute;
    height: 8px;
}

.creating-process + .form-horizontal  ~ .step-confirm-buttons>div {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    width: 100%;
    /*gap: 10px;*/
    gap: 35px;
    flex-wrap: wrap;
    padding-top: 20px;
}

/*.creating-process + .form-horizontal ~ .step-confirm-buttons [href*="play.google.com/store/apps"] {
    margin-top: -4px;
}*/

.creating-process + .form-horizontal {
    width: 45.7%;
    float: left;
    margin-bottom: -3%;
}

.vm-warning {
    font-size: 16px;
    line-height: 20px;
    color: #6ACBFF;   
    letter-spacing: -.3px; 
}

.vm-warning span {color: #fff;}

.vm-warning a {
    color: #fff;
    text-decoration: underline;
}

.creating-process {
    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;    
    padding-top: 25px;
    padding-bottom: 25px;
}

.creating-process-desc {
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
}

.creating-process-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.step-confirm .creating-process {margin-top: -100px;}

.step-confirm-buttons {position: relative;}

.creating-process-title {
    color: #6ACBFF;
    text-align: center;
}

.done  .creating-process-title {color: #fff;}

.creating-process-indicator {
    width: 71px;
    height: 41px;
    background-image: url(../images/cloud1.svg);
}

.done .creating-process-indicator {background-image: url(../images/cloud2.svg);}
.done .creating-process-indicator svg{display: none !important;}

.vm-tuna, .vm-tuna .tuna-signup-container:after,
.vm-tuna .tuna-signup-right, .tuna-signup-right,
.vm-tuna .bootstrap-select.btn-group .dropdown-menu li.selected a {background: #236D9E;}

#steps-progress {
    position: absolute;
    top: 35px;
    right: 40px;
    left: 60px;
    width: calc(100% - 100px);    
}

.steps-count {
    position: absolute;
    top: 60px;
    right: 40px;    
}

.step-field + .form-horizontal {margin-top: 45px;}

.agreement {letter-spacing: -.4px;}

.agreement a {
    color: #6ACBFF;
    text-decoration: none;
    font-weight: normal;
}

.agreement a:focus, .agreement a:hover{text-decoration: underline;}
.step-confirm .form-group {margin-bottom: 0;}
.creating-process + .form-horizontal .form-group {
    padding-left: 70px;
    padding-top: 0;
    background-repeat: no-repeat;
    background-size: 52px;
    background-position-y: 2%; 
    padding-bottom: 50px;
    border: 0;    
    margin-left: 0;
    padding-right: 20px;
}

.creating-process + .form-horizontal  .control-label {
    font-size: 16px;
    line-height: 20px;
    padding-top: 0;
}

.field_user_domain {background-image: url(../images/data.svg);}
.field_user_login {background-image: url(../images/login.svg);}
.field_user_pass {background-image: url(../images/pass.svg);}

.iti__country-list {
    position: fixed;
    z-index: 10000;
}

.vm-mobile-warning  {display: none;}

.tuna-signup-container {
    background: url(../images/vm-bg.jpg) no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 100vw 100vh 20px rgba(255, 255, 255, 0.5);
    box-shadow: inset 100vw 100vh 20px rgba(255, 255, 255, 0.5);
    background-position-y: 100%; 
}


.tuna-signup-logo {max-width: 100%;}

.tuna-signup-logo-link + p {letter-spacing: -.1px;}
.tuna-signup-logo-link + p {
    font-weight: 600;
    color: #666;
    margin-bottom: 15px;
}

.tuna-slider-container.svg-cont {
    position: relative;
}

.tuna-slider-container.svg-cont svg {
    position: absolute;
    right: 0;
    top: 0;
}

.mobile-svg-cont {
    display: none;
}

.mobile-svg-cont svg {
    max-width: 100%;
    height: auto;
}

.tuna-slider-container.svg-cont[style*="display: none"] + .mobile-svg-cont,
.tuna-slider-container.svg-cont[style*="display:none"] + .mobile-svg-cont {
    display: block;
}

.btn-entry[href="javascript:void(0)"] {
    background-color: #9CA3AC;
    color: #fff;
}


/*hide steps counter feature*/
.hide-steps-counter .steps-count {display: none;}

.bootstrap-select + .help-info {
    position: static;
    white-space: normal;
}

.swal-wide{
    width: 850px !important;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-height: 95vh;
}

.swal-wide .page__content {
    overflow-y: auto;
    height: 100%;
    max-height: 55vh;
    padding: 0 5px;
}

.popup-link ~ .popup-load-content {display: none !important;}

.support_contacts {
    padding-bottom: 50px;
    padding-left: 60px;
}

.support_contacts h5 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
}

.support_contacts ul {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 40px;
}

.support_contacts ul a {
    color: inherit;
    font-size: 16px;
    text-decoration:  none;
    display:  flex;
    align-items:  center;
    gap: 0 10px;
}

.support_contacts ul a > svg {
    width:  24px;
    height:  24px;
}
.support_contacts ul a > svg > path {
    fill:  #fff;
}

.step-active .support_contacts {
    margin-top: 45px;
    padding-left: 0;
}

.creating-process + .form-horizontal ~ .step-confirm-buttons>div .btn {
    margin: 0;
    letter-spacing:  -.5px;
    flex-grow: 1;
}

body:has(.step-active .support_contacts) .support_contacts:not(.step-active .support_contacts) {
    display:  none !important;
}




@media only screen and (max-width: 1340px) {
    .tuna-slider-container.svg-cont svg {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 1280px) {
    .creating-process + .form-horizontal {
        float: none;
        width: auto;
    }
    .creating-process-desc {font-size: 20px;}

    .swal-wide{width: 90vw !important;}
}

/*phone styles*/
@media only screen and (max-width: 760px) {

    @media screen and (orientation: landscape) { 
         .swal-wide{overflow-y: auto;}

        .swal-wide .page__content {
            overflow-y: visible;
            max-height: none;
        }       
    }

    /*hide steps counter feature*/
    .hide-steps-counter #steps-progress {width: calc(100% - 30px);}

    .hideMobile {display: none !important;}

    .help-error, .help-info {
        position: static;
        white-space: normal;
    }

    .tuna-signup-logo {
        /*margin-bottom: 15px;*/
        margin-bottom: 5px
    }

    .tuna-signup-logo-link + p {
        letter-spacing: -.2px;
        margin-bottom: 5px;
        margin-left: 3px;
        margin-right: 3px;
    }

    #steps-progress {
        right: 85px;
        width: calc(100% - 100px);
        left: 15px;
        top: 20px;
    }

    .steps-count {
        top: 15px;
        right: 0;
    }

    .iti__selected-dial-code, .bootstrap-select.btn-group .dropdown-toggle .filter-option {font-size: 20px;}

    .iti__selected-flag {padding-right: 0px;}

    .help-error i {margin-left: 5px;}

    .button-container a {padding: 10px !important;}

    .creating-process-title {
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 0;
        font-weight: normal;
        font-size: 16px;
        line-height: 16px;        
    }   

    .step-confirm .creating-process {
        margin-top: 0;
        padding-top: 0;
    }

    .separator {height: 45px;}

    .tuna-steps .step.step-active {
        padding-bottom: 45px;
        padding-top: 45px;
    }

    .tuna-signup-container {
        /*background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 50%, rgba(35,109,158,1) 50%, rgba(35,109,158,1) 100%);*/
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,.5)), color-stop(50%, rgba(247,247,247,.5)), color-stop(50%, rgba(35,109,158,1)), to(rgba(35,109,158,1))), url(../images/vm-bg.jpg);
        background: -o-linear-gradient(top, rgba(247,247,247,.5) 0%, rgba(247,247,247,.5) 50%, rgba(35,109,158,1) 50%, rgba(35,109,158,1) 100%), url(../images/vm-bg.jpg);
        background: linear-gradient(to bottom, rgba(247,247,247,.5) 0%, rgba(247,247,247,.5) 50%, rgba(35,109,158,1) 50%, rgba(35,109,158,1) 100%), url(../images/vm-bg.jpg);
        background-size: contain;
        background-position-y: -10%;
    }

/*    html {
        min-height: 100vh;
        height: 100%;
        overflow-y: auto;
    }*/

    body, .tuna-signup-container > .container,
    .tuna-signup-container > .container > .row {height: 100%;}

    .tuna-signup-container,
    .tuna-signup-right,
    body.swal2-height-auto {
        height: 100% !important;
    }

    .tuna-signup-container > .container > .row{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .tuna-signup-right {-ms-flex-negative: 2;flex-shrink: 2;}

    .tuna-signup-left {-ms-flex-negative: 0;flex-shrink: 0;}

    #tn_domain_name, #tn_domain_name ~ span {font-size: 20px;}

/*    .tuna-signup-container > .container {
        min-height: 100vh;
        height: 100%;
        overflow-y: auto;
    }*/

    .step-field + .form-horizontal {margin-top: 10px;}

    .creating-process.done + .form-horizontal ~ .step-confirm-buttons > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        padding-top: 0;
        gap: 20px;
    }

    .creating-process.done + .form-horizontal ~ .step-confirm-buttons > div  .vm-mobile-warning {
        display: inline-block;
        font-size: 16px;
        line-height: 22px;
        color: #FFFFFF;
        opacity: 0.7;
        text-align: left;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .tuna-steps {margin-bottom: 0;}

    .creating-process + .form-horizontal ~ .step-confirm-buttons > div .btn-white {
        padding: 12px 10px !important;
        display: none !important;
    }

    .registered .tuna-signup-left {display: none !important;}

    .creating-process + .form-horizontal .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: -30px;
        margin-left: -30px;
        background-image: none;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .step-confirm input[type="text"]:not(#tn_domain_name) {
        padding-right: 0;
        text-align: right;
        padding: 0;
        font-size: 16px;
        line-height: 20px;
    }

    .creating-process + .form-horizontal .form-group .col-md-8 ,
    .creating-process + .form-horizontal .form-group .control-label{padding: 0;}

    .simplebar-scroll-content {margin-top: 20px;}

    .creating-process-desc {
        margin-bottom: 20px;
        font-weight: normal;
        font-size: 20px;
        line-height: 20px;
    }

    .vm-warning {display: none;}
    /*.creating-process + .form-horizontal ~ .step-confirm-buttons [href*="play.google.com/store/apps"]*/  {display: none;}

    .creating-process + .form-horizontal ~ .step-confirm-buttons [data-download-app] {
        display:  none;
    }

    .creating-process.done + .form-horizontal ~ .step-confirm-buttons [onclick="tunaWizard.downloadUserLoginData()"] {display: block !important;}

/*    .creating-process.done + .form-horizontal ~ .step-confirm-buttons [href*="play.google.com/store/apps"]  {display: block;}*/

     .creating-process.done + .form-horizontal ~ .step-confirm-buttons [data-download-app] {
        display:  block;
    }

    .creating-process + .form-horizontal {
        float: none;
        width: 100%;
    }

    .creating-process + .form-horizontal .step-confirm-buttons {
        margin-top: 0;
        width: auto;
    }

    .creating-process + .form-horizontal .control-label {
        font-size: 16px;
        line-height: 18px;

    }


    .tuna-signup-right {
        max-height:  none;
    }
    .support_contacts:not(.step-active .support_contacts) {
        padding-left: 15px;
    }

    .support_contacts {
        margin-top: 60px;
    }

    .support_contacts ul {
        gap:  25px 40px;
    }

    .support_contacts ul  li {
        width:  100%;
    }

    .creating-process + .form-horizontal ~ .step-confirm-buttons>div .btn {
        flex-grow: 0;
    }

    .simplebar-content {
        padding: 0;
        margin: 0 !important;
    }

}