@font-face {
    font-family: "vazir";
    src: url('fonts/Vazir.woff2') format("woff2");
}
h1, h2, h3, h4 {
    color: currentColor;
    margin: 0;
    font-weight: normal;
    font-family: 'vazir' !important;
}

button {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer
}

a {
    color: currentColor;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out
}

a:hover {
    color: currentColor
}

input[type=submit] {
    cursor: pointer;
    border: none
}

a:active, button:active {
    outline: none
}

a:focus, button:focus {
    color: currentColor;
    box-shadow: none
}

.hdwebapp-wrap {
    padding: 16px;
    margin: 0 0 0 -20px
}

@media (max-width: 783px) {
    .hdwebapp-wrap {
        padding: 0;
        margin: 0 0 0 -10px
    }
}

.hdwebapp-body {
    font-family: 'vazir';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: optimizeQuality;
    text-rendering: optimizeLegibility;
    display: flex;
    color: #121116;
    font-size: .875rem;
    line-height: 1.5
}

.hdwebapp-body * {
    font-family: 'vazir';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 783px) {
    #hs-beacon {
        display: none !important
    }
}

.hdwebapp-u-flex {
    display: flex;
    align-items: center;
    justify-content: center
}

@font-face {
    font-family: 'hdwebapp-icomoon';
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="hdwebapp-icon-"]:before, [class*=" hdwebapp-icon-"]:after, [class^="hdwebapp-icon-"]:after, [class*=" hdwebapp-icon-"]:before, [id^="hdwebapp-nav-"]:before, [id*=" hdwebapp-nav-"]:after, [id^="hdwebapp-nav-"]:after, [id*=" hdwebapp-nav-"]:before {
    font-family: 'hdwebapp-icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="hdwebapp-icon-"] span.hidden, [class*=" hdwebapp-icon-"] span.hidden {
    display: inline-block;
    height: 0;
    width: 0;
    overflow: hidden
}

.hdwebapp-icon-chevron-right:before {
    content: "\e900"
}

.hdwebapp-icon-chevron-left:before {
    content: "\e900";
    transform: rotate(180deg)
}

.hdwebapp-icon-chevron-down:before {
    content: "\e901";
    transform: scale(0.6)
}

.hdwebapp-icon-chevron-up:before {
    content: "\e902";
    top: 50%;
    transform: translateY(-50%) scale(0.6)
}

.hdwebapp-icon-rollback:before {
    content: "\e903"
}

.hdwebapp-icon-addon:before, .hdwebapp-addonSubMenuItem:before {
    content: "\e904"
}

.hdwebapp-icon-addons:before, #hdwebapp-nav-addons:before {
    content: "\e905"
}

.hdwebapp-icon-book:before {
    content: "\e906"
}

.hdwebapp-icon-cdn:before, #hdwebapp-nav-page_cdn:before {
    content: "\e907"
}

.hdwebapp-icon-database:before, #hdwebapp-nav-database:before {
    content: "\e908"
}

.hdwebapp-icon-export:before {
    content: "\e909"
}

.hdwebapp-icon-files:before, #hdwebapp-nav-cache:before {
    content: "\e90a"
}

.hdwebapp-icon-help:before {
    content: "\e90b"
}

.hdwebapp-icon-home:before, #hdwebapp-nav-dashboard:before {
    content: "\e90c"
}

.hdwebapp-icon-import:before {
    content: "\e90d"
}

.hdwebapp-icon-important:before {
    content: "\e90e"
}

.hdwebapp-icon-information:before {
    content: "\ea0c"
}

.hdwebapp-icon-information2:before {
    content: "\ea0c"
}

.hdwebapp-icon-interrogation:before {
    content: "\e911"
}

.hdwebapp-icon-media:before, #hdwebapp-nav-media:before {
    content: "\e912"
}

.hdwebapp-icon-plus:before {
    content: "\e913"
}

.hdwebapp-icon-refresh:before, #hdwebapp-nav-preload:before {
    content: "\e914"
}

.hdwebapp-icon-rules:before, #hdwebapp-nav-advanced_cache:before {
    content: "\e915"
}

.hdwebapp-icon-stack:before, #hdwebapp-nav-file_optimization:before {
    content: "\e916"
}

.hdwebapp-icon-tools:before, #hdwebapp-nav-tools:before {
    content: "\e917"
}

.hdwebapp-icon-trash:before {
    content: "\e918"
}

.hdwebapp-icon-user:before {
    content: "\e919"
}

.hdwebapp-icon-check:before {
    content: "\e920"
}

.hdwebapp-icon-check2:before {
    content: "\e921"
}

.hdwebapp-icon-close:before {
    content: "\e922"
}

.hdwebapp-icon-heartbeat:before, #hdwebapp-nav-heartbeat:before {
    content: url("../img/heartbeat.svg")
}

.hdwebapp-icon-heartbeat-hover:before, #hdwebapp-nav-heartbeat:hover:before, #hdwebapp-nav-heartbeat.isActive:before {
    content: url("../img/heartbeat-hover.svg")
}

.hdwebapp-icon-imagify:before, #hdwebapp-nav-imagify:before {
    content: url("../img/imagify.svg")
}

.hdwebapp-icon-imagify-hover:before, #hdwebapp-nav-imagify:hover:before, #hdwebapp-nav-imagify.isActive:before {
    content: url("../img/imagify-hover.svg")
}

.hdwebapp-icon-tutorial:before, #hdwebapp-nav-tutorials:before {
    content: url("../img/play.svg")
}

.hdwebapp-icon-tutorial-hover:before, #hdwebapp-nav-tutorials:hover:before, #hdwebapp-nav-tutorials.isActive:before {
    content: url("../img/play-hover.svg")
}

.hdwebapp-icon-tutorial-alt:before {
    content: url("../img/play-alt.svg")
}

.hdwebapp-title1 {
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.01em
}

.hdwebapp-title2 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: -0.02em
}

.hdwebapp-title3, .hdwebapp-field--radio label, .hdwebapp-select select, .hdwebapp-select label {
    font-size: .875rem;
    line-height: 1.71429;
    font-weight: bold;
    letter-spacing: -0.011em
}

.hdwebapp-Header {
    display: flex;
    flex-direction: column;
    flex: 0 0 225px
}

@media (max-width: 783px) {
    .hdwebapp-Header {
        flex: 0 0 50px
    }
}

.hdwebapp-Header-logo {
    padding: 32px 0 24px;
    text-align: center
}

@media (max-width: 783px) {
    .hdwebapp-Header-logo {
        padding: 16px 0 8px
    }
}

@media (max-width: 783px) {
    .hdwebapp-Header-logo-desktop {
        display: none
    }
}

.hdwebapp-Header-logo-mobile {
    display: none
}

@media (max-width: 783px) {
    .hdwebapp-Header-logo-mobile {
        display: inline-block
    }
}

.hdwebapp-Header-footer {
    margin-top: auto;
    padding: 48px 20px 0;
    font-size: .6875rem;
    line-height: 4.36364;
    color: #666;
    opacity: 0.6;
    font-weight: bold
}

@media (max-width: 783px) {
    .hdwebapp-Header-footer {
        display: none
    }
}

.hdwebapp-Sidebar {
    position: relative;
    display: none;
    flex: 0 0 290px;
    padding: 24px 16px
}

@media (max-width: 1239px) {
    .hdwebapp-Sidebar {
        flex: 0 0 260px
    }
}

@media (max-width: 1083px) {
    .hdwebapp-Sidebar {
        display: none !important
    }
}

.hdwebapp-Sidebar-title {
    margin-bottom: 32px
}

.hdwebapp-Sidebar-notice {
    padding: 8px 16px;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #E8EBEE;
    border-left: 2px solid #1EADBF;
    border-radius: 0 3px 3px 0;
    color: #666
}

.hdwebapp-Sidebar-notice p {
    margin: 0
}

.hdwebapp-Sidebar-notice-link {
    display: inline-block;
    margin-top: 8px;
    font-size: .6875rem;
    line-height: 1.81818;
    color: #02707F;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold
}

.hdwebapp-Sidebar-notice-link:hover, .hdwebapp-Sidebar-notice-link:focus {
    color: #40BACB
}

.hdwebapp-Sidebar-info {
    padding: 16px;
    background: #EBFAF5;
    margin-bottom: 16px;
    border-radius: 3px
}
.hdwebapp-Sidebar-warning {
    padding: 16px;
    background: #f6c4c4;
    margin-bottom: 16px;
    border-radius: 3px
}

.hdwebapp-Sidebar-warning h4,.hdwebapp-Sidebar-info h4 {
    padding-right: 48px;
    font-weight: 500
}

.hdwebapp-Sidebar-info p {
    margin: 8px 0 0;
    font-size: .6875rem;
    line-height: 1.45455;
    color: #666
}

.hdwebapp-Sidebar-info i {
    position: absolute;
    display: block;
    margin-top: -10px;
    width: 40px;
    height: 40px;
    color: #00A66B;
    font-size: 1.0625rem;
    line-height: 2.35294;
    background: #C6F0DE;
    border-radius: 3px;
    text-align: center
}
.hdwebapp-Sidebar-warning i {
    position: absolute;
    display: block;
    margin-top: -10px;
    width: 40px;
    height: 40px;
    color: #a6006c;
    font-size: 1.0625rem;
    line-height: 2.35294;
    background: #f36b6b;
    border-radius: 3px;
    text-align: center
}

.hdwebapp-Content {
    position: relative;
    background: #fff;
    padding: 32px 24px;
    flex: 1 1 auto;
    max-width: calc(960px + 270px)
}

@media (max-width: 783px) {
    .hdwebapp-Content {
        padding: 24px 16px
    }
}

.hdwebapp-Content form > input:last-child {
    margin-top: 24px;
    color: #fff !important
}

.hdwebapp-Content.isNotFull {
    max-width: 960px
}

.hdwebapp-Content-tips {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    color: #666
}

/*@media (max-width: 1083px) {
    .hdwebapp-Content-tips {
        display: none !important
    }
}*/

.hdwebapp-Page {
    margin-bottom: 32px
}

.hdwebapp-Page-row {
    display: flex;
    flex-direction: row
}

@media (max-width: 1239px) {
    .hdwebapp-Page-row {
        flex-direction: column
    }
}

.hdwebapp-Page-col {
    flex: 1 1 auto
}

.hdwebapp-Page-col--fixed {
    margin-left: 24px;
    flex: 0 0 325px
}

@media (max-width: 1239px) {
    .hdwebapp-Page-col--fixed {
        margin-left: 0
    }
}

.hdwebapp-Page#dashboard #hdwebapp-action-refresh_account:before {
    transition: all 200ms ease-out;
    opacity: 1;
    transform: translateY(0)
}

.hdwebapp-Page#dashboard #hdwebapp-action-refresh_account.hdwebapp-isLoading:before {
    animation: loading 1.2s infinite
}

.hdwebapp-Page#dashboard #hdwebapp-action-refresh_account.hdwebapp-isHidden:before {
    opacity: 0
}

.hdwebapp-Page#dashboard #hdwebapp-action-refresh_account.hdwebapp-isShown:before {
    opacity: 1
}

@keyframes loading {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.hdwebapp-Page#dashboard .hdwebapp-documentation {
    margin-top: 98px;
    padding: 43px 16px
}

@media (max-width: 1239px) {
    .hdwebapp-Page#dashboard .hdwebapp-documentation {
        margin-top: 40px
    }
}

.hdwebapp-Page#dashboard .hdwebapp-documentation .hdwebapp-button {
    margin-top: 8px
}

.hdwebapp-Page#dashboard .hdwebapp-documentation i {
    font-size: 3.375rem;
    line-height: 1
}

.hdwebapp-Page#dashboard .hdwebapp-radio {
    padding-left: 72px
}
.hdwebapp-warningContainer,.hdwebapp-sectionHeader{
    direction: rtl;
}
.hdwebapp-Page#dashboard .hdwebapp-field--radio {
    padding: 16px 8px
}

.hdwebapp-Page#dashboard .hdwebapp-field--radio:first-child {
    padding-top: 0
}

.hdwebapp-Page#dashboard .hdwebapp-field--radio:last-child {
    padding-bottom: 0
}

.hdwebapp-Page#dashboard .hdwebapp-field--radio .hdwebapp-field-description {
    font-style: normal;
    color: #666;
    margin-left: 72px
}

.hdwebapp-Page#dashboard .hdwebapp-field-account {
    padding-bottom: 0
}

.hdwebapp-Page#dashboard .hdwebapp-infoAccount {
    font-weight: bold;
    margin-left: 8px;
    color: #444
}

.hdwebapp-Page#dashboard .hdwebapp-infoAccount:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #E0E4E9;
    border-radius: 50%;
    color: #fff;
    margin-right: 6px;
    text-align: center;
    top: 2px;
    font-size: .5rem;
    line-height: 1.625
}

.hdwebapp-Page#dashboard .hdwebapp-infoAccount.hdwebapp-isValid {
    color: #00A66B
}

.hdwebapp-Page#dashboard .hdwebapp-infoAccount.hdwebapp-isValid:before {
    content: "\e907";
    font-family: 'hdwebapp-icomoon';
    speak: none;
    background: #3ECE9D;
    top: -1px
}

.hdwebapp-Page#dashboard .hdwebapp-infoAccount.hdwebapp-isInvalid {
    color: #D60E5B
}

.hdwebapp-Page#dashboard .hdwebapp-infoAccount.hdwebapp-isInvalid:before {
    content: "!";
    font-weight: bold;
    font-size: .625rem;
    line-height: 1.3;
    speak: none;
    background: #00A66B;
    top: -1px
}

.hdwebapp-Page#dashboard #hdwebapp-account-data:before {
    content: none
}

.hdwebapp-Page#tools #hdwebapp-action-rocket_enable_mobile_cpcss:before {
    transition: all 200ms ease-out;
    opacity: 1;
    transform: translateY(0)
}

.hdwebapp-Page#tools #hdwebapp-action-rocket_enable_mobile_cpcss.hdwebapp-isLoading:before {
    animation: loading 1.2s infinite
}

.hdwebapp-Popin {
    display: none;
    position: fixed;
    width: 772px;
    height: auto;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 3px;
    transform: translateX(-50%) translateY(-50%);
    z-index: 100000
}

.hdwebapp-Popin-overlay {
    display: none;
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999
}

.hdwebapp-Popin-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 32px;
    background: #2D1656;
    color: #fff;
    font-weight: 600
}

.hdwebapp-Popin-close {
    color: #665090;
    font-size: 1.5rem;
    line-height: 1;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out
}

.hdwebapp-Popin-close:hover, .hdwebapp-Popin-close:focus {
    color: #fff;
    outline: none
}

.hdwebapp-Popin-content {
    padding: 8px 32px;
    color: #666
}

.hdwebapp-Popin-flex {
    display: flex;
    flex-direction: row;
    align-items: center
}

.hdwebapp-Popin-flex div {
    margin-left: 32px
}

.hdwebapp-Popin p {
    margin: 16px 0
}

.hdwebapp-Popin .wp-rocket-data-table {
    padding: 12px 24px;
    background: #F2F3F6 !important;
    border: none
}

.hdwebapp-Popin .wp-rocket-data-table td {
    width: 50%;
    color: #121116;
    padding: 8px 0;
    padding-left: 4px;
    border-bottom: 1px solid #c2cad4
}

.hdwebapp-Popin .wp-rocket-data-table td:not(.column-primary) {
    font-family: "Monaco";
    font-size: .75rem;
    line-height: 1.66667;
    color: #666;
    letter-spacing: -0.01em
}

.hdwebapp-Popin .wp-rocket-data-table tr {
    background: #F2F3F6;
    border-bottom: 1px solid #E0E4E9
}

.hdwebapp-Popin .wp-rocket-data-table tr:last-child td {
    border-bottom: none
}

.hdwebapp-Popin .wp-rocket-data-table strong {
    font-weight: 500
}

.hdwebapp-Popin .wp-rocket-data-table em {
    font-style: normal
}

.hdwebapp-Popin .wp-rocket-data-table code {
    padding: 0;
    margin: 0;
    background: transparent
}

.hdwebapp-rocketcdn-cta-small {
    border-radius: 5px;
    margin: 24px 0;
    padding: 16px
}

.hdwebapp-rocketcdn-cta-small.hdwebapp-isHidden {
    display: none
}

.hdwebapp-rocketcdn-cta-small .notice-title {
    font-weight: 700
}

.hdwebapp-rocketcdn-cta-small .hdwebapp-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 783px) {
    .hdwebapp-rocketcdn-cta-small .hdwebapp-flex {
        text-align: start;
        flex-direction: column
    }
}

.hdwebapp-rocketcdn-cta {
    margin: 10px 0;
    position: relative
}

.hdwebapp-rocketcdn-cta.hdwebapp-isHidden {
    display: none
}

.hdwebapp-rocketcdn-cta-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.5)
}

.hdwebapp-rocketcdn-cta-close--no-promo {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, 0.5)
}

.hdwebapp-rocketcdn-cta-close--no-promo:before {
    content: "\2715";
    font-size: 2rem;
    line-height: 0.5
}

.hdwebapp-rocketcdn-cta-close:before {
    content: "\2715";
    font-size: 2rem;
    line-height: 0.5
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-promo {
    background: #00A66B;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    padding: 16px 48px 16px 16px
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-promo-date {
    margin: 0
}

.hdwebapp-rocketcdn-cta-subtitle {
    color: #444;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5
}

.hdwebapp-rocketcdn-cta-content {
    background: #F9FAFB;
    border-top: 1px solid #E8EBEE;
    border-left: 1px solid #E8EBEE;
    border-right: 1px solid #E8EBEE;
    padding: 16px
}

.hdwebapp-rocketcdn-cta-content--no-promo {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #F9FAFB;
    border-top: 1px solid #E8EBEE;
    border-left: 1px solid #E8EBEE;
    border-right: 1px solid #E8EBEE;
    padding: 16px
}

.hdwebapp-rocketcdn-cta .hdwebapp-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 783px) {
    .hdwebapp-rocketcdn-cta .hdwebapp-flex {
        text-align: start;
        flex-direction: column
    }
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-features {
    border-right: 2px solid #cdd1d5;
    margin: 0;
    padding-right: 16px
}

@media (max-width: 783px) {
    .hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-features {
        border-right: none
    }
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-pricing {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    width: calc(100% / 3)
}

@media (max-width: 783px) {
    .hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-pricing {
        width: auto
    }
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-pricing-regular {
    color: #72777C;
    margin-bottom: 8px
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-pricing-current {
    margin-bottom: 16px
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-feature {
    margin: 16px 0;
    min-height: 30px;
    padding-left: 62px;
    position: relative
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-feature:before {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-bandwidth:before {
    content: url(../img/bandwidth.svg)
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-configuration:before {
    content: url(../img/configuration.svg)
}

.hdwebapp-rocketcdn-cta .hdwebapp-rocketcdn-automatic:before {
    content: url(../img/automatic.svg)
}

.hdwebapp-rocketcdn-cta-footer {
    background: #72777C;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
    font-weight: 700;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: .6875rem;
    line-height: 1.81818
}

.hdwebapp-rocketcdn-cta-footer a {
    text-decoration: none
}

.hdwebapp-rocketcdn-cta-footer a:before {
    content: "\00a1";
    border: 1px solid #fff;
    color: #fff;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 18px;
    font-size: .875rem;
    line-height: 1.14286;
    font-style: italic
}

.hdwebapp-rocketcdn-subscription {
    text-align: end
}

.hdwebapp-rocketcdn-subscription .hdwebapp-rocketcdn-open {
    color: #666;
    text-decoration: underline
}

.hdwebapp-license-upgrade-button {
    font-weight: bold;
    text-decoration: underline
}

.hdwebapp-license-upgrade-button:hover {
    text-decoration: none
}

.hdwebapp-field.hdwebapp-field-account .hdwebapp-flex {
    align-items: flex-start
}

.hdwebapp-infoAccount-License {
    flex: 1 0 60%;
    margin-right: 16px
}

@media (max-width: 783px) {
    .hdwebapp-field.hdwebapp-field-account .hdwebapp-flex > div {
        width: 100%
    }
}

.hdwebapp-field.hdwebapp-field-account .hdwebapp-flex > div:last-child {
    text-align: right
}

@media (max-width: 783px) {
    .hdwebapp-field.hdwebapp-field-account .hdwebapp-flex > div:last-child {
        text-align: left
    }
}

.hdwebapp-Popin-Upgrade .hdwebapp-Popin-content {
    padding-bottom: 32px
}

.hdwebapp-Popin-Upgrade .hdwebapp-Popin-flex {
    justify-content: space-between
}

.hdwebapp-Popin-Upgrade .hdwebapp-Popin-flex > div {
    align-items: center;
    border: 1px solid #DADADA;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    margin: 0 16px 0 0;
    padding: 24px;
    text-align: center;
    width: 50%
}

.hdwebapp-Popin-Upgrade .hdwebapp-Popin-flex > div:last-child {
    margin-right: 0
}

@media (max-width: 783px) {
    .hdwebapp-Popin-Upgrade .hdwebapp-Popin-flex > div {
        margin: 0;
        width: 100%
    }
}

.hdwebapp-Upgrade-Plus .hdwebapp-upgrade-title::before {
    content: url(../img/plus.svg);
    display: block;
    width: 117px;
    height: 31px;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.hdwebapp-Upgrade-Infinite .hdwebapp-upgrade-title::before {
    content: url(../img/infinite.svg);
    display: block;
    width: 48px;
    height: 31px;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

div.hdwebapp-upgrade-saving {
    background: #FFD147;
    border-radius: 44px;
    color: #121116;
    font-weight: bold;
    margin: 0 0 24px 0;
    padding: 8px 16px;
    text-align: center
}

.hdwebapp-upgrade-title {
    color: #F56F46;
    font-size: 1.875rem;
    line-height: 1.2;
    margin-bottom: 16px;
    padding-top: 55px;
    position: relative
}

div.hdwebapp-upgrade-prices {
    color: #121116;
    font-size: 3rem;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 16px 0
}

.hdwebapp-upgrade-price-symbol {
    font-size: 1.875rem;
    line-height: 1;
    vertical-align: super
}

.hdwebapp-upgrade-price-regular {
    color: #72777C;
    font-size: 1rem;
    line-height: 1;
    vertical-align: top
}

div.hdwebapp-upgrade-websites {
    color: #121116;
    font-size: .875rem;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 24px 0
}

.hdwebapp-upgrade-link {
    background: #fff;
    border: 1px solid #F56F46;
    border-radius: 800px;
    color: #F56F46;
    display: block;
    font-size: 1rem;
    line-height: 1.125;
    font-weight: bold;
    padding: 16px 24px;
    text-decoration: none
}

.hdwebapp-upgrade-link:hover {
    background: #F56F46;
    color: #fff
}

.hdwebapp-upgrade-link::after {
    content: "\2192";
    font-weight: normal;
    margin-left: 8px
}

.rocket-promo-banner {
    background: #FFD147;
    display: flex;
    justify-content: space-around;
    margin-top: 16px;
    padding: 24px;
    position: relative
}

@media (max-width: 783px) {
    .rocket-promo-banner {
        flex-flow: column
    }
}

.rocket-promo-banner > div {
    display: flex;
    flex-flow: column;
    width: 50%
}

@media (max-width: 783px) {
    .rocket-promo-banner > div {
        width: 100%
    }
}

.rocket-promo-title {
    font-weight: bold;
    margin-bottom: 24px
}

.rocket-promo-discount {
    background: #fff;
    border-radius: 44px;
    display: inline-block;
    margin-right: 8px;
    padding: 8px 16px;
    text-transform: uppercase
}

.rocket-promo-message, .rocket-promo-deal {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0
}

.rocket-promo-deal {
    margin-top: 8px
}

.rocket-promo-cta-block {
    align-items: center;
    margin-right: 24px
}

.rocket-promo-countdown {
    display: flex;
    flex-flow: row wrap;
    width: 66%
}

.rocket-promo-countdown > .rocket-countdown-item {
    background: #fff;
    border-radius: 8px;
    flex: 1;
    margin-right: 8px;
    padding: 8px;
    text-align: center
}

.rocket-promo-countdown > .rocket-countdown-item > .rocket-countdown-value {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold
}

.rocket-promo-cta {
    background: #172153;
    border-radius: 44px;
    color: #fff;
    font-weight: bold;
    padding: 16px 32px
}

.rocket-renewal-banner {
    background: #FFD147;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 16px;
    padding: 8px
}

.rocket-renew-message {
    margin: 0 16px
}

.rocket-renew-message > p {
    font-size: .875rem;
    line-height: 1.5
}

.rocket-expired-message > p {
    font-size: .875rem;
    line-height: 1.5;
    padding-left: 80px
}

.rocket-expired-title {
    font-size: 1.375rem;
    line-height: 1.5;
    font-weight: bold
}

.rocket-expired-title::before {
    content: url(../img/warning.svg);
    display: inline-block;
    height: 48px;
    width: 63px;
    margin-right: 17px;
    vertical-align: middle
}

.rocket-expired-cta-container {
    justify-content: center;
    align-items: center
}

.rocket-renew-cta {
    display: block;
    background: #172153;
    border-radius: 44px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.125;
    font-weight: bold;
    padding: 16px 24px;
    text-decoration: none
}

.rocket-renew-cta:hover, .rocket-renew-cta:active, .rocket-renew-cta:focus {
    color: #fff
}

.rocket-renew-cta::after {
    content: "\2192";
    font-weight: normal;
    margin-left: 8px
}

.hdwebapp-menuItem {
    position: relative;
    display: block;
    padding: 12px 46px 18px 10px;
    text-decoration: none;
    color: #121116;
    border-top: 1px solid #E0E4E9;
    border-left: 2px solid transparent;
    overflow: hidden;
    transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out
}

@media (max-width: 783px) {
    .hdwebapp-menuItem {
        width: 57px;
        height: 50px;
        padding: 0
    }
}

.hdwebapp-menuItem:before {
    position: absolute;
    top: calc(50% - 12px);
    right: 15px !important;
    text-align: center;
    font-size: 1.4375rem;
    line-height: 1;
    color: #121116;
    opacity: 0.4;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-menuItem:hover, .hdwebapp-menuItem.isActive {
    color: #121116;
    background: #fff;
    border-left: 2px solid #00A66B
}

.hdwebapp-menuItem:hover .hdwebapp-menuItem-title, .hdwebapp-menuItem.isActive .hdwebapp-menuItem-title {
    color: #00A66B
}

.hdwebapp-menuItem:hover:before, .hdwebapp-menuItem.isActive:before {
    color: #00A66B;
    opacity: 1
}

.hdwebapp-menuItem:focus {
    color: #121116
}

.hdwebapp-menuItem:focus:before {
    color: #121116
}

.hdwebapp-menuItem-title {
    font-size: .8125rem;
    line-height: 1.46154;
    font-weight: bold;
    letter-spacing: -0.08px;
    text-transform: uppercase;
    color: #121116;
    margin-top: 7px;
}

@media (max-width: 783px) {
    .hdwebapp-menuItem-title {
        display: none !important
    }
}

.hdwebapp-menuItem-description {
    margin-top: 2px;
    color: #72777C;
    font-size: .8125rem;
    line-height: 1.23077;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

@media (max-width: 783px) {
    .hdwebapp-menuItem-description {
        display: none
    }
}

.hdwebapp-menuItem.hdwebapp-subMenuItem {
    display: none;
    padding: 10px 20px 8px 25px
}

@media (max-width: 783px) {
    .hdwebapp-menuItem.hdwebapp-subMenuItem {
        padding: 8px 20px 8px 23px;
        height: 35px
    }
}

.hdwebapp-menuItem.hdwebapp-subMenuItem .hdwebapp-menuItem-title {
    display: inline-block;
    font-size: .8125rem;
    line-height: 1.84615;
    text-transform: inherit;
    font-weight: 600
}

.hdwebapp-menuItem.hdwebapp-subMenuItem:before {
    position: relative;
    display: inline-block;
    top: 2px;
    right: 2px;
    margin-right: 8px;
    font-size: 1rem;
    line-height: 1
}

#hdwebapp-nav-cache:before {
    right: 20px
}

#hdwebapp-nav-tools:before {
    right: 20px
}

.hdwebapp-sectionHeader {
    position: relative;
    border-bottom: 1px solid #E0E4E9;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hdwebapp-sectionHeader:before {
    content: '';
    position: absolute;
    display: block;
    width: 48px;
    height: 2px;
    bottom: -1px;
    right: 0;
    background: #00A66B
}

.hdwebapp-sectionHeader .hdwebapp-title1 {
    line-height: 48px
}

.hdwebapp-sectionHeader .hdwebapp-title1:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: 24px;
    background: #FDE0D9;
    color: #00A66B;
    text-align: center;
    border-radius: 3px
}

.hdwebapp-sectionHeader-title {
    margin-top: 8px;
    padding-left: 72px
}

.hdwebapp-sectionHeader-description {
    color: #666;
    margin-top: 8px;
    padding-left: 72px
}

.hdwebapp-sectionHeader-logo {
    vertical-align: top;
    margin-right: 24px
}

.hdwebapp-optionHeader {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
    padding-bottom: 9px;
    border-bottom: 1px solid #E0E4E9
}

.hdwebapp-optionHeader .hdwebapp-title2 {
    line-height: 24px;
    color: #00A66B;
    padding-right: 40px
}

.hdwebapp-optionHeader .hdwebapp-infoAction {
    margin-right: 8px
}

.hdwebapp-optionHeader.hdwebapp-isHidden {
    display: none
}

.hdwebapp-fieldsContainer {
    margin-top: 8px
}

.hdwebapp-fieldsContainer-description {
    color: #666
}

.hdwebapp-fieldsContainer-description a:hover, .hdwebapp-fieldsContainer-description a:focus {
    color: #1EADBF
}

.hdwebapp-fieldsContainer-fieldset {
    margin-top: 16px;
    background: #F9FAFB;
    padding: 16px;
    border: 1px solid #E8EBEE;
    border-radius: 2px
}

.hdwebapp-fieldsContainer-fieldset--split {
    display: flex
}

.hdwebapp-fieldsContainer-fieldset--split .hdwebapp-field + .hdwebapp-field {
    border: none
}

.hdwebapp-fieldsContainer-fieldset--split .hdwebapp-field {
    flex: 0 0 50%;
    padding: 0
}

.hdwebapp-fieldsContainer-fieldset--split .hdwebapp-field:first-child {
    padding-right: 15px
}

.hdwebapp-fieldsContainer-fieldset--split .hdwebapp-field:last-child {
    padding-left: 15px
}

.hdwebapp-fieldsContainer-helper {
    margin-top: 16px;
    color: #D60E5B;
    font-weight: 500
}

.hdwebapp-fieldsContainer-helper:before {
    position: relative;
    top: 3px;
    font-size: 1.125rem;
    line-height: 1;
    margin-right: 4px
}

.hdwebapp-fieldsContainer.hdwebapp-isHidden {
    display: none
}

.hdwebapp-infoAction {
    position: relative;
    height: 24px;
    font-size: .8125rem;
    line-height: 1.84615;
    vertical-align: middle;
    letter-spacing: -0.03em;
    font-weight: 500;
    color: #666;
    white-space: nowrap;
    text-decoration: none;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out
}

.hdwebapp-infoAction:before {
    position: absolute;
    margin-left: -26px;
    font-size: 1.125rem;
    line-height: 1.33333;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out
}

.hdwebapp-infoAction--help {
    text-transform: uppercase;
    color: #02707F;
    font-weight: bold;
    font-size: .75rem;
    line-height: 2;
    letter-spacing: 0
}

@media (max-width: 783px) {
    .hdwebapp-infoAction--help {
        display: none
    }
}

.hdwebapp-infoAction--help:before {
    color: #1EADBF
}

.hdwebapp-infoAction:hover, .hdwebapp-infoAction:focus {
    color: #00A66B;
    outline: none
}

.hdwebapp-infoAction:hover:before, .hdwebapp-infoAction:focus:before {
    color: #FFA58B
}

.hdwebapp-button {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 8px 24px;
    text-align: center;
    background: #00A66B;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: -0.08px;
    font-weight: bold;
    border-radius: 4px;
    color: #fff !important;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    font-size: .8125rem;
    line-height: 1.53846
}

.hdwebapp-button:hover, .hdwebapp-button:focus {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.25), 0 3px 6px rgba(0, 0, 0, 0.2)
}

.hdwebapp-button--small {
    padding: 5px 0;
    letter-spacing: -0.08px;
    font-size: .6875rem;
    line-height: 1.81818
}

.hdwebapp-button--icon {
    min-width: 160px;
    padding-left: 8px;
    padding-right: 40px;
    text-align: left
}

.hdwebapp-button--icon:before {
    position: absolute;
    right: 8px;
    font-size: .9375rem;
    line-height: 1.33333
}

.hdwebapp-button--fixed {
    position: fixed;
    display: flex;
    padding: 8px 16px;
    right: 24px;
    bottom: 32px;
    border-radius: 16px
}

.hdwebapp-button--fixed:before {
    font-size: 1.125rem;
    line-height: 1;
    margin-right: 8px
}

.hdwebapp-button--purple {
    background: #2D1656
}

.hdwebapp-button--blue {
    min-width: inherit;
    background: #1EADBF
}

.hdwebapp-button--lightBlue {
    min-width: inherit;
    background: #40BACB
}

.hdwebapp-button--red {
    background: #00A66B
}

.hdwebapp-button--gray {
    background: #E0E4E9;
    color: #121116 !important
}

.hdwebapp-button--gray:hover, .hdwebapp-button--gray:active, .hdwebapp-button--gray:focus {
    color: #121116 !important
}

.hdwebapp-button--gray.radio-active {
    background: #2D1656 !important;
    color: #fff !important
}

.hdwebapp-button--gray.radio-active:hover, .hdwebapp-button--gray.radio-active:active, .hdwebapp-button--gray.radio-active:focus {
    color: #fff !important
}

.hdwebapp-button--blueDark {
    background: #02707F
}

.hdwebapp-button:focus {
    outline: none;
    color: #fff !important
}

.hdwebapp-field {
    padding: 16px 0;
    transition: opacity 150ms ease-out;
    -webkit-transition: opacity 150ms ease-out
}


.hdwebapp-field + .hdwebapp-field, .hdwebapp-field + .hdwebapp-warningContainer {
    border-top: 1px solid #E0E4E9;
}

.hdwebapp-field:first-child {
    padding-top: 0
}

.hdwebapp-field:last-child {
    padding-bottom: 0
}

.hdwebapp-field-description {
    margin-top: 4px;
    color: #666;
    font-size: .8125rem;
    line-height: 1.53846
}
.hdwebapp-warningContainer{
    position: relative;
}
.hdwebapp-warningContainer >label{
     font-weight: bold !important;
}
.hdwebapp-field-description .hdwebapp-js-popin {
    color: #444;
    text-decoration: underline
}

.hdwebapp-field-description .hdwebapp-js-popin:hover, .hdwebapp-field-description .hdwebapp-js-popin:focus {
    color: #1EADBF
}

.hdwebapp-field-description a:hover, .hdwebapp-field-description a:focus {
    color: #1EADBF
}

.hdwebapp-field-description-helper {
    color: #00A66B
}

.hdwebapp-field-description-label {
    font-size: .875rem;
    line-height: 1.42857;
    font-weight: 500;
    color: #666
}

.hdwebapp-field-list {
    margin: 0;
    color: #666;
    font-weight: 500
}

.hdwebapp-field-list li + li {
    margin-top: 16px
}

.hdwebapp-field-list li:before {
    position: relative;
    top: 3px;
    margin-right: 8px;
    color: #02707F;
    font-size: 1.125rem;
    line-height: 1.11111
}

.hdwebapp-field-list a {
    text-decoration: none
}

.hdwebapp-field-list a:hover, .hdwebapp-field-list a:focus {
    color: #1EADBF
}

.hdwebapp-field-betweenText {
    margin: 0 16px;
    font-weight: bold
}

.hdwebapp-field .hdwebapp-button {
    margin: 8px 0
}

.hdwebapp-field .hdwebapp-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 783px) {
    .hdwebapp-field .hdwebapp-flex {
        text-align: left;
        flex-direction: column
    }
}

.hdwebapp-field .hdwebapp-flex--egal > div {
    flex: 0 0 50%
}

@media (max-width: 783px) {
    .hdwebapp-field .hdwebapp-flex--egal > div {
        width: 100%
    }
}

.hdwebapp-field .hdwebapp-flex--egal > div:last-child {
    text-align: right
}

@media (max-width: 783px) {
    .hdwebapp-field .hdwebapp-flex--egal > div:last-child {
        text-align: left
    }
}

.hdwebapp-field .hdwebapp-flex--egal > div .hdwebapp-field-description {
    font-style: normal;
    color: #666
}

.hdwebapp-field p {
    margin-bottom: 0
}

.hdwebapp-field label {
    font-weight: 500
}

.hdwebapp-field h4 {
    font-size: .875rem;
    line-height: 1.71429
}

.hdwebapp-field.hdwebapp-isDisabled {
    opacity: 0.55
}

.hdwebapp-field.hdwebapp-isParent {
    padding-bottom: 0;
    margin-bottom: 16px
}

.hdwebapp-field.hdwebapp-Delayjs {
    margin-top: 16px
}

.hdwebapp-field.hdwebapp-RemoveUnUsedCss {
    margin-bottom: 0
}

.hdwebapp-field.hdwebapp-NoPaddingBottom {
    padding-bottom: 0
}

.hdwebapp-field.hdwebapp-isLastElem {
    margin-top: 16px
}

.hdwebapp-field.hdwebapp-isHidden {
    display: none
}

.hdwebapp-field .hdwebapp-isHidden {
    display: none
}

.hdwebapp-field--children {
    display: none;
    padding-left: 32px
}

.hdwebapp-field--children.hdwebapp-isOpen {
    display: block
}

.hdwebapp-field--children.hdwebapp-field--textarea {
    padding-right: 80px
}

@media (max-width: 1239px) {
    .hdwebapp-field--children.hdwebapp-field--textarea {
        padding-right: 32px
    }
}

@media (max-width: 783px) {
    .hdwebapp-field--children.hdwebapp-field--textarea {
        padding-right: 0
    }
}

.hdwebapp-field--children.no-space {
    padding-left: 0
}

.hdwebapp-field--checkbox .hdwebapp-field-description {
    margin-left: 32px
}

.hdwebapp-field--radio {
    padding: 24px 16px
}

.hdwebapp-field--radio:first-child {
    padding-top: 8px
}

.hdwebapp-field--radio:last-child {
    padding-bottom: 8px
}

.hdwebapp-field--radio .hdwebapp-field-description {
    margin-left: 88px
}

.hdwebapp-field--radio .hdwebapp-field-description button {
    color: #666
}

.hdwebapp-field--split {
    display: inline-block;
    width: 50%;
    padding-right: 16px;
    padding-bottom: 0
}

.hdwebapp-field--split + .hdwebapp-field--split {
    padding-left: 16px;
    padding-right: 0
}

.hdwebapp-field--split + .hdwebapp-field--split:nth-child(2) {
    padding-top: 0;
    border-top: none
}

.hdwebapp-field--cache .hdwebapp-field--number, .hdwebapp-field--cache .hdwebapp-field--select {
    display: inline-block;
    padding-top: 0;
    width: auto;
    padding-bottom: 0;
    font-weight: bold
}

.hdwebapp-field--cache .hdwebapp-field--select {
    position: relative;
    padding-left: 8px;
    top: -2px;
    border-top: none
}

.hdwebapp-field--cache .hdwebapp-field--number .hdwebapp-text input[type=number] {
    background: #F2F3F6;
    height: 35px;
    border: 1px solid #E0E4E9;
    font-family: inherit;
    font-size: 1em
}

.hdwebapp-field--cache .hdwebapp-field-description {
    margin: 8px 0;
    color: #00A66B
}

.hdwebapp-field--cache .hdwebapp-field-description-label {
    color: #121116
}

.hdwebapp-field--textarea .hdwebapp-field-description pre {
    background: rgba(0, 0, 0, 0.07);
    padding: 1em;
    margin: 1em 0 0;
    white-space: normal
}

.hdwebapp-field--textarea .hdwebapp-field-description pre code {
    background: transparent;
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    color: #121116
}

.hdwebapp-fieldWarning {
    display: none;
    position: relative;
    padding: 16px 16px 24px 56px;
    background: #19073B;
    margin: 8px 0 0;
    color: #fff
}

.hdwebapp-fieldWarning.hdwebapp-isOpen {
    display: block
}

.hdwebapp-fieldWarning:after {
    content: '';
    position: absolute;
    display: block;
    top: -8px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 8px 12px;
    border-color: transparent transparent #19073B transparent
}

.hdwebapp-fieldWarning:before {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% + 32px);
    height: 100%;
    top: 0;
    left: -16px;
    background: #19073B
}

.hdwebapp-fieldWarning-title {
    position: relative;
    color: #00A66B;
    font-size: .875rem;
    line-height: 1.42857;
    font-weight: bold
}

.hdwebapp-fieldWarning-title:before {
    position: absolute;
    left: -36px;
    font-size: 1.5rem;
    line-height: .83333
}

.hdwebapp-fieldWarning-description {
    position: relative;
    margin-top: 8px
}

.hdwebapp-fieldWarning .hdwebapp-button {
    margin-top: 16px
}

.hdwebapp-fieldWarning.hdwebapp-radio-warning {
    margin-left: -32px
}

.hdwebapp-fieldWarning.hdwebapp-radio-warning:after {
    left: 40px
}

.hdwebapp-warningContainer + .hdwebapp-warningContainer, .hdwebapp-warningContainer + .hdwebapp-field, .hdwebapp-field + .hdwebapp-warningContainer {
    border-top: 1px solid #E0E4E9;
    padding-top: 16px
}

.hdwebapp-warningContainer + .hdwebapp-warningContainer, .hdwebapp-field + .hdwebapp-warningContainer {
    padding-bottom: 16px
}

@media only screen and (max-width: 400px) {
    .hdwebapp-fieldWarning.hdwebapp-radio-warning {
        margin-left: -32px
    }

    .hdwebapp-fieldWarning.hdwebapp-radio-warning .hdwebapp-button {
        white-space: normal;
        padding-right: 32px
    }
}

@media only screen and (max-width: 350px) {
    .hdwebapp-radio-buttons {
        padding-left: 24px
    }

    .hdwebapp-fieldWarning.hdwebapp-radio-warning {
        margin-left: -24px;
        padding-left: 30px;
        padding-right: 0
    }

    .hdwebapp-fieldWarning.hdwebapp-radio-warning .hdwebapp-button {
        padding-right: 24px
    }
}

.hdwebapp-documentation {
    padding: 24px 16px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    background: #40BACB
}

.hdwebapp-documentation p {
    margin: 8px 0 16px;
    font-weight: 500
}

.hdwebapp-documentation i {
    display: block;
    font-size: 2.25rem;
    line-height: 1;
    margin-bottom: 8px
}

.hdwebapp-documentation .hdwebapp-button {
    padding-left: 16px;
    padding-right: 16px
}

.hdwebapp-addon {
    padding: 24px 0
}

.hdwebapp-addon .hdwebapp-flex {
    align-items: flex-start
}

@media (max-width: 783px) {
    .hdwebapp-addon .hdwebapp-flex {
        align-items: center
    }
}

.hdwebapp-addon .hdwebapp-flex > div {
    text-align: left
}

.hdwebapp-addon .hdwebapp-addon-title {
    margin-bottom: 16px;
    font-weight: 500
}

.hdwebapp-addon .hdwebapp-field-description {
    font-style: normal
}

.hdwebapp-addon .hdwebapp-addon-logo {
    text-align: center;
    flex: 0 0 160px
}

@media (max-width: 1239px) {
    .hdwebapp-addon .hdwebapp-addon-logo {
        max-width: 100px
    }

    .hdwebapp-addon .hdwebapp-addon-logo img {
        width: 100%;
        height: auto
    }
}

@media (max-width: 1083px) {
    .hdwebapp-addon .hdwebapp-addon-logo {
        max-width: 160px
    }
}

@media (max-width: 783px) {
    .hdwebapp-addon .hdwebapp-addon-logo {
        flex: 0 0 auto;
        margin-bottom: 16px
    }
}

.hdwebapp-addon .hdwebapp-addon-text {
    margin-left: 32px;
    flex: 1 1 auto
}

@media (max-width: 1239px) {
    .hdwebapp-addon .hdwebapp-addon-text {
        margin-left: 16px
    }
}

@media (max-width: 1083px) {
    .hdwebapp-addon .hdwebapp-addon-text {
        margin-left: 32px
    }
}

@media (max-width: 783px) {
    .hdwebapp-addon .hdwebapp-addon-text {
        margin-left: 0
    }
}

.hdwebapp-addon .hdwebapp-addon-text a {
    display: inline-block;
    margin-top: 24px
}

.hdwebapp-addon .hdwebapp-addon-text .button {
    margin-top: 24px
}

.hdwebapp-addon .hdwebapp-addon-text .hdwebapp-add-on-helper {
    font-weight: normal;
    color: #1eadbf
}

.hdwebapp-addon .hdwebapp-addon-text .hdwebapp-add-on-helper a {
    margin-top: 0
}

.hdwebapp-webp-addon .hdwebapp-addon .hdwebapp-addon-text a {
    margin-top: 0px
}

.hdwebapp-notice {
    position: relative;
    color: #444;
    background: #EBFAF5 url("../img/bg-activated.svg") no-repeat 90% bottom;
    background-size: 350px;
    margin-top: 24px;
    border-radius: 4px;
    overflow: hidden
}

.hdwebapp-notice-container {
    padding: 24px 25% 24px 40px
}

.hdwebapp-notice-supTitle {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: bold
}

.hdwebapp-notice-title {
    font-size: 1.5rem;
    line-height: 1.33333;
    color: #3ECE9D;
    margin-top: 16px;
    font-weight: bold
}

.hdwebapp-notice-description {
    font-size: .875rem;
    line-height: 1.57143;
    margin: 16px 0 24px
}

.hdwebapp-notice-continue {
    color: #666
}

.hdwebapp-notice-close {
    position: absolute;
    top: 24px;
    right: 24px;
    color: #666;
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 1;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out
}

.hdwebapp-notice-close:hover {
    color: #444
}

.hdwebapp-notice-close:focus {
    outline: none
}

.hdwebapp-tools {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 32px 0
}

@media (max-width: 1239px) {
    .hdwebapp-tools {
        flex-direction: column
    }
}

@media (max-width: 1083px) {
    .hdwebapp-tools {
        flex-direction: row
    }
}

@media (max-width: 783px) {
    .hdwebapp-tools {
        flex-direction: column
    }
}

.hdwebapp-tools:nth-child(2) {
    margin-top: 16px
}

.hdwebapp-tools + .hdwebapp-tools {
    border-top: 1px solid #E0E4E9
}

.hdwebapp-tools-label {
    display: block
}

.hdwebapp-tools-label:before {
    position: absolute;
    left: 0;
    margin-top: 5px;
    font-size: 2.25rem;
    line-height: 1;
    color: #00A66B
}

.hdwebapp-tools-col {
    flex: 1 1 auto
}

.hdwebapp-tools-col:first-child {
    padding-left: 72px;
    padding-right: 24px;
    min-width: 340px
}

.hdwebapp-tools-col:last-child {
    text-align: right
}

@media (max-width: 783px) {
    .hdwebapp-tools-col:last-child {
        text-align: left
    }
}

.hdwebapp-tools .hdwebapp-button {
    margin-top: 24px;
    white-space: normal
}

.hdwebapp-tools .hdwebapp-field-description {
    font-style: normal;
    color: #666
}

.hdwebapp-imagify {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px
}

.hdwebapp-imagify-description {
    width: calc(100% / 3 * 1);
    padding-right: 60px
}

@media (max-width: 1239px) {
    .hdwebapp-imagify-description {
        width: auto;
        padding-right: 0
    }
}

.hdwebapp-imagify-screenshot {
    width: calc(100% / 3 * 2)
}

@media (max-width: 1239px) {
    .hdwebapp-imagify-screenshot {
        margin-top: 60px;
        width: auto
    }
}

.hdwebapp-imagify-screenshot img {
    max-width: 100%;
    height: auto
}

.hdwebapp-imagify-more, .hdwebapp-imagify-name {
    color: #00a8dc;
    font-weight: 700;
    margin-bottom: 0
}

.hdwebapp-imagify-more::before {
    content: '\2713';
    color: #000;
    font-size: 2rem;
    margin-right: 5px
}

.hdwebapp-imagify p {
    font-size: 1rem
}

.hdwebapp-imagify p:first-child {
    margin-top: 0
}

.hdwebapp-imagify ul {
    margin-top: 0;
    margin-left: 40px;
    list-style-type: '>'
}

.hdwebapp-imagify li {
    padding-left: 7px
}

.hdwebapp-imagify a {
    text-decoration: none
}

.hdwebapp-imagify a:hover {
    color: #00a8dc
}

.hdwebapp-imagify .button-primary {
    background: #2abb9b;
    border: 1px solid #bebebe;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 700;
    height: auto;
    line-height: 1;
    margin-top: 60px;
    padding: 20px 45px;
    text-shadow: none;
    text-transform: uppercase
}

.hdwebapp-tutorials-section {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

div.hdwebapp-tutorial-item {
    width: calc(96% / 3);
    margin-bottom: 10px
}

.hdwebapp-tutorial-link {
    cursor: pointer;
    transition: color 200ms ease-out
}

.hdwebapp-tutorial-link:hover {
    color: #1EADBF
}

@media (max-width: 1083px) {
    div.hdwebapp-tutorial-item {
        width: calc(96% / 2)
    }
}

@media (max-width: 783px) {
    div.hdwebapp-tutorial-item {
        width: 100%
    }
}

.hdwebapp-rocketcdn-modal {
    display: none
}

.hdwebapp-rocketcdn-modal.is-open {
    display: block
}

.hdwebapp-rocketcdn-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center
}

.hdwebapp-rocketcdn-modal__container {
    max-width: 674px;
    max-height: 100vh;
    overflow-y: auto;
    box-sizing: border-box
}

.hdwebapp-rocketcdn-modal iframe {
    max-width: 100%
}

.hdwebapp-checkbox {
    position: relative;
    padding-left: 32px
}

.hdwebapp-checkbox label {
    user-select: none
}

.hdwebapp-checkbox [type="checkbox"]:not(:checked), .hdwebapp-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px
}

.hdwebapp-checkbox [type="checkbox"]:not(:checked) + label:before, .hdwebapp-checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    border: 2px solid #444;
    border-radius: 3px;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-checkbox [type="checkbox"]:not(:checked) + label:after, .hdwebapp-checkbox [type="checkbox"]:checked + label:after {
    content: "\e921";
    position: absolute;
    top: 5px;
    left: 2px;
    color: #fff;
    font-family: 'hdwebapp-icomoon';
    speak: none;
    font-size: .875rem;
    line-height: 1.28571;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(2)
}

.hdwebapp-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

.hdwebapp-checkbox [type="checkbox"]:checked + label:before {
    background: #19073B;
    border-color: #19073B
}

.hdwebapp-checkbox [type="checkbox"]:checked:focus + label:before {
    background: #665090;
    border: 2px dotted #665090
}

.hdwebapp-checkbox [type="checkbox"]:focus + label:before {
    border: 2px dotted #444
}

.hdwebapp-radio {
    position: relative;
    padding-left: 88px
}

.hdwebapp-radio label {
    user-select: none;
    font-weight: bold
}

.hdwebapp-radio [type="checkbox"]:not(:checked), .hdwebapp-radio [type="checkbox"]:checked {
    position: fixed;
    /*left: -9999px*/
    display: none;
}

.hdwebapp-radio [type="checkbox"]:not(:checked) + label:before, .hdwebapp-radio [type="checkbox"]:checked + label:before, .hdwebapp-radio [type="checkbox"]:not(:checked) + label:after, .hdwebapp-radio [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute
}

.hdwebapp-radio [type="checkbox"]:not(:checked) + label:before, .hdwebapp-radio [type="checkbox"]:checked + label:before {
    left: 0;
    width: 65px;
    height: 22px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #444;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-radio [type="checkbox"]:not(:checked) + label:after, .hdwebapp-radio [type="checkbox"]:checked + label:after {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #444;
    top: 3px;
    left: 3px;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-radio [type="checkbox"]:disabled + label:after, .hdwebapp-radio [type="checkbox"]:disabled + label:after {
    background: #E0E4E9
}

.hdwebapp-radio [type="checkbox"]:disabled + label:before, .hdwebapp-radio [type="checkbox"]:disabled + label:before {
    border: 1px solid #E0E4E9
}

.hdwebapp-radio [type="checkbox"]:checked + label:before {
    border-color: #1EADBF
}

.hdwebapp-radio [type="checkbox"]:checked + label:after {
    background: #1EADBF;
    left: 45px
}

.hdwebapp-radio [type="checkbox"]:checked + label .hdwebapp-radio-ui, .hdwebapp-radio [type="checkbox"]:not(:checked) + label .hdwebapp-radio-ui:before, .hdwebapp-radio [type="checkbox"]:checked + label .hdwebapp-radio-ui:after {
    position: absolute;
    left: -15px;
     width: 67px;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    font-weight: bold;
    font-size: .6875rem;
    line-height: 2.18182;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-radio [type="checkbox"]:not(:checked) + label .hdwebapp-radio-ui:before {
    content: attr(data-l10n-inactive);
    left: -7px;
    color: #666
}

.hdwebapp-radio [type="checkbox"]:checked + label .hdwebapp-radio-ui:after {
    content: attr(data-l10n-active);
    color: #02707F
}

.hdwebapp-radio--reverse {
    padding-right: 72px;
    padding-left: 0
}

.hdwebapp-radio--reverse [type="checkbox"]:not(:checked) + label:before, .hdwebapp-radio--reverse [type="checkbox"]:checked + label:before {
    right: 0;
    left: inherit
}

.hdwebapp-radio--reverse [type="checkbox"]:not(:checked) + label:after, .hdwebapp-radio--reverse [type="checkbox"]:checked + label:after {
    right: 45px;
    left: inherit
}
.hdwebapp-radio-ui{
    direction: rtl;
}
.hdwebapp-radio--reverse [type="checkbox"]:checked + label:after {
    right: 3px;
    left: inherit
}

.hdwebapp-radio--reverse [type="checkbox"]:checked + label .hdwebapp-radio-ui, .hdwebapp-radio--reverse [type="checkbox"]:not(:checked) + label .hdwebapp-radio-ui:before, .hdwebapp-radio--reverse [type="checkbox"]:checked + label .hdwebapp-radio-ui:after {
    right: 15px;
    left: inherit;

}

.hdwebapp-radio--reverse [type="checkbox"]:not(:checked) + label .hdwebapp-radio-ui:before {
    right: 8px;
    left: inherit
}

.hdwebapp-radio [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dashed #444
}

.hdwebapp-radio [type="checkbox"]:checked:focus + label:before {
    border: 1px dashed #1EADBF
}

.hdwebapp-radio--tips [type="checkbox"]:checked + label:before {
    border-color: #3ECE9D
}

.hdwebapp-radio--tips [type="checkbox"]:checked + label:after {
    background: #3ECE9D
}

.hdwebapp-radio--tips [type="checkbox"]:checked + label .hdwebapp-radio-ui:after {
    color: #00A66B
}

.hdwebapp-radio--tips [type="checkbox"]:checked:focus + label:before {
    border: 1px dashed #3ECE9D
}

.hdwebapp-select {
    position: relative
}

.hdwebapp-select select {
    margin: 0;
    padding: 0 8px;
    height: 36px;
    border: 1px solid #E0E4E9;
    background: #F2F3F6;
    color: #121116;
    box-shadow: none;
    border-radius: 0;
    letter-spacing: 0.011em
}

.hdwebapp-select select:focus {
    outline: none;
    border-color: #444;
    box-shadow: none
}

.hdwebapp-select label {
    font-weight: bold;
    margin-left: 8px
}

.hdwebapp-textarea {
    margin-top: 8px
}

.hdwebapp-textarea textarea {
    padding: 8px;
    width: 100%;
    height: 100px;
    font-family: Monaco;
    color: #121116;
    background: #fff;
    border: 2px solid #c2cad4;
    border-radius: 3px;
    font-size: .8125rem;
    line-height: 1.23077;
    transition: border 200ms ease-out;
    -webkit-transition: border 200ms ease-out
}

.hdwebapp-textarea textarea:focus {
    outline: none;
    border-color: #444;
    box-shadow: none
}

.hdwebapp-textarea + .hdwebapp-field-description {
    color: #00A66B
}

.hdwebapp-text label {
    color: #666
}

.hdwebapp-text input[type=text], .hdwebapp-text input[type=number] {
    margin-top: 3px;
    margin-right: 5px;
    padding: 0 8px;
    width: 50%;
    height: 32px;
    color: #121116;
    background: #fff;
    border: 2px solid #c2cad4;
    border-radius: 3px;
    font-family: 'vazir' !important;
    font-size: .75rem;
    line-height: 1.33333;
    transition: border 200ms ease-out;
    -webkit-transition: border 200ms ease-out
}
.hdwebapp-text textarea {
    margin-top: 3px;
    margin-right: 5px;
    padding: 0 8px;
    width: 50%;
    height: 70px;
    color: #121116;
    background: #fff;
    border: 2px solid #c2cad4;
    border-radius: 3px;
    font-family: 'vazir' !important;
    font-size: .75rem;
    line-height: 1.33333;
    transition: border 200ms ease-out;
    -webkit-transition: border 200ms ease-out
}
.hdwebapp-text select {
    margin-top: 3px;
    margin-right: 5px;
    width: 50%;
    height: 30px;
    color: #121116;
    border: 2px solid #c2cad4;
    border-radius: 3px;
    font-family: 'vazir' !important;
    font-size: .75rem;
    line-height: 1.33333;
    transition: border 200ms ease-out;
    -webkit-transition: border 200ms ease-out
}

.hdwebapp-text input[type=text]:focus, .hdwebapp-text input[type=number]:focus {
    outline: none;
    border-color: #444;
    box-shadow: none
}

.hdwebapp-text input[type=text].hdwebapp-isError, .hdwebapp-text input[type=number].hdwebapp-isError {
    border-color: #00A66B
}

.hdwebapp-text input[type=number] {
    width: 80px
}

.hdwebapp-text--number label {
    margin-right: 8px
}

.hdwebapp-upload input[type=file] {
    display: block;
    width: 252px;
    margin: 8px 8px 8px 0;
    padding: 8px;
    border: 1px solid #E0E4E9;
    background: #F2F3F6;
    color: #121116;
    font-size: .6875rem;
    line-height: 1.45455
}

.hdwebapp-upload input[type=file]:focus {
    outline: none;
    border-color: #444;
    box-shadow: none
}

.hdwebapp-multiple {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 783px) {
    .hdwebapp-multiple {
        align-items: center;
        flex-direction: column
    }
}

.hdwebapp-multiple .hdwebapp-text {
    flex: 1 1 auto;
    position: relative;
    top: -2px
}

@media (max-width: 783px) {
    .hdwebapp-multiple .hdwebapp-text {
        width: 100%
    }
}

.hdwebapp-multiple .hdwebapp-button {
    margin-left: 16px;
    width: auto;
    min-width: inherit;
    padding-right: 30px
}

@media (max-width: 783px) {
    .hdwebapp-multiple .hdwebapp-button {
        margin-left: 0
    }
}

.hdwebapp-multiple input[type=text] {
    flex-grow: 2
}

.hdwebapp-multiple select {
    height: 30px
}

.hdwebapp-multiple-default {
    margin-right: 20px
}

.hdwebapp-multiple-list {
    display: none;
    padding: 8px 0;
    margin: 16px 0 0;
    background: #F2F3F6;
    border-radius: 2px
}

.hdwebapp-multiple-list li {
    margin-bottom: 0;
    padding: 4px 16px;
    font-size: .8125rem;
    line-height: 1.23077;
    font-family: Monaco
}

.hdwebapp-multiple-list li span {
    display: inline-block;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out
}

.hdwebapp-multiple-close {
    position: relative;
    top: 3px;
    font-size: 1rem;
    line-height: 1;
    transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out
}

.hdwebapp-multiple-close:focus {
    outline: none
}

.hdwebapp-multiple-close:hover, .hdwebapp-multiple-close:focus {
    color: #00A66B
}

.hdwebapp-multiple-close:hover + span, .hdwebapp-multiple-close:focus + span {
    color: #00A66B
}

.rucss-progress-bar {
    margin-top: 10px
}

.rucss-progress-bar progress {
    width: 100%;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #00A66B
}

.rucss-progress-bar progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9px
}

.rucss-progress-bar progress[value]::-webkit-progress-bar {
    background-color: #E0E4E9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    border-radius: 9px
}

.rucss-progress-bar progress[value]::-webkit-progress-value {
    border-radius: 9px;
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(255, 253, 253, 0.1) 33%, rgba(255, 255, 255, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.25)), -webkit-linear-gradient(left, #C6F0DE, #00A66B);
    background-size: 50px 20px, 100% 100%, 100% 100%;
    transition: width 1.5s
}

.rucss-progress-bar progress[value]::-moz-progress-bar {
    border-radius: 9px;
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(255, 253, 253, 0.1) 33%, rgba(255, 255, 255, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.25)), -webkit-linear-gradient(left, #C6F0DE, #00A66B);
    background-image: linear-gradient(-45deg, transparent 33%, rgba(255, 253, 253, 0.1) 33%, rgba(255, 255, 255, 0.1) 66%, transparent 66%), linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.25)), linear-gradient(to left, #C6F0DE, #00A66B);
    background-size: 50px 20px, 100% 100%, 100% 100%;
    transition: width 1.5s
}

.rucss-progress-error {
    margin-top: 10px
}

#rucss-progressbar .hdwebapp-field-description {
    margin-top: 0
}

.rucss-progress-step {
    padding: 10px 0px 0px 0px;
    line-height: 24px
}

.rucss-progress-step.completed {
    padding-top: 0
}

.rucss-progress-step.completed .spinner {
    visibility: hidden;
    display: none
}

.rucss-progress-step.completed.hdwebapp-icon-check:before {
    color: #00A66B;
    margin: 4px 14px 0
}

.rucss-progress-step .spinner {
    visibility: visible;
    float: left
}

.rucss-progress-step.rucss-progress-step2-list {
    color: #00A66B
}

.rucss-progress-step.rucss-progress-step2-list.hdwebapp-icon-important:before {
    margin: 4px 14px 0
}

.rucss-progress-step.rucss-progress-step2-list ul.rucss-notwarmed-resources {
    margin-top: 0px;
    max-height: 82px;
    overflow-y: scroll;
    padding: 10px;
    background: #fff;
    border: 2px solid #c2cad4;
    border-radius: 3px;
    font-size: .8125rem;
    line-height: 1.23077
}
.upload_image_button,.upload_image_button2,.upload_image_button1,.upload_json_button,.upload_image_hd,.upload_image_png,.upload_image_gif,.upload_image_svg{
    margin: 0;
    background: #bdc8ff;
    padding: 5px 12px;
}.disabled-div
 {
     pointer-events: none;
     opacity: 0.5;
     background-image: linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 50%, #CCC 50%, #CCC 75%, transparent 10%, #fff);
     background-size: 10px 10px;
 }
.splash_time{
    display: block; position: relative
}

#hdwebapp-nav-dashboard:before {
    content: "\eac0";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}
#hdwebapp-phone_android:before {
    content: "\e9b8";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;

}
#hdwebapp-bullhorn:before {
    content: "\e91a";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}

#hdwebapp-list:before {
    content: "\e9ba";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}

#hdwebapp-ios:before {
    content: "\e900";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}
#hdwebapp-setting:before {
    content: "\e995";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}
#hdwebapp-intro:before {
    content: "\e9cc";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}#hdwebapp-tabs:before {
    content: "\e9bd";
    font-family:'hdwebapp-icomoon';
     font-size: 20px;
     padding-top: 3px;
}
#hdwebapp-installed-app:before {
    content: "\e99a";
    font-family:'hdwebapp-icomoon';
    font-size: 20px;
    padding-top: 3px;
}

@media (max-width: 1500px) {
    .splash_time{
       padding-top: 20px;
    }
}
.hdwebapp-Header-logo p{
    font-size: 15px;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}
.hdwebapp-Header-logo p.mobile { display: none }
@media (max-width: 640px) {
    .hdwebapp-Header-logo p.mobile { display: block;  }
    .hdwebapp-Header-logo p.desktop { display: none }
    .hdwebapp-field{
        margin: 0;
        padding: 0;
    }
    .hdwebapp-field-description{
        margin-left: 0 !important;
    }
}
@media (max-width : 320px) {
    .visibledevice {display:block;}
    .visibledesktop {display:none;}

}
.hdwebapp-title3{
    text-align: right;
}
input[type="text"][disabled] {
    background: #CCC;
}

.hdwebapp-parent-flex{
    display: flex;
    justify-content: flex-start;
}
.hdwebapp-parent-flex>.hdwebapp-multiple-default{
    flex:1;
}
.hdwebapp-parent-flex >.hdwebapp-multiple  input{
    width:70% !important;
}
.hdwebapp-one-row{
    padding-top: 7px;
}
.hdwebapp-one-row input{
    width:90% !important;
}
.submit_form .btn-part{
    margin-top: 20px;
    text-align: center
}
.drag-part{
    display: flex;
    justify-content: space-between;
}
.drg-btn{
    width:20px;
    cursor:move;
    right: 5px;
    position: relative;
}
.dlt-btn{
    width:30px;
    cursor:pointer;
    position: relative;
    left: 5px;
}
.setting-div{
    background: white;
    border: 2px solid #CCC;
}
.btn-part{
    display:flex;
}