@icon-ellipse1: url("@{image-path}/ellipse1.png");
@icon-ellipse2: url("@{image-path}/ellipse2.png"); 
@icon-ellipse3: url("@{image-path}/ellipse3.png");
@icon-info: url("@{image-path}/info.png");
@icon-arrow-down: url("@{image-path}/arrow-down.png");
@icon-error: url("@{image-path}/error.png");
@icon-download: url("@{image-path}/download.gif");
@icon-apple: url("@{image-path}/ios-apple.png");
@icon-android: url("@{image-path}/apk-android.png");
@icon-publish: url('@{icon-path}/publish.png') url('@{icon-path}/anim_dark-gray.gif') url('@{icon-path}/anim_dark.gif') url('@{icon-path}/anim_flat-light.gif');

@icon-local: url("@{icon-path}/light/local.png");
@icon-local2x: url("@{icon-path}/light/local@2x.png");
@icon-testing: url("@{icon-path}/light/testing.png");
@icon-testing2x: url("@{icon-path}/light/testing@2x.png");
@icon-enterprise: url("@{icon-path}/light/enterprise.png");
@icon-enterprise2x: url("@{icon-path}/light/enterprise@2x.png");
@icon-store: url("@{icon-path}/light/store.png");
@icon-store2x: url("@{icon-path}/light/store@2x.png");
@icon-rau: url("@{icon-path}/light/remote.png");
@icon-rau2x: url("@{icon-path}/light/remote@2x.png");

@icon-local-dark: url("@{icon-path}/dark/local.png");
@icon-local2x-dark: url("@{icon-path}/dark/local@2x.png");
@icon-testing-dark: url("@{icon-path}/dark/testing.png");
@icon-testing2x-dark: url("@{icon-path}/dark/testing@2x.png");
@icon-enterprise-dark: url("@{icon-path}/dark/enterprise.png");
@icon-enterprise2x-dark: url("@{icon-path}/dark/enterprise@2x.png");
@icon-store-dark: url("@{icon-path}/dark/store.png");
@icon-store2x-dark: url("@{icon-path}/dark/store@2x.png");
@icon-rau-dark: url("@{icon-path}/dark/remote.png");
@icon-rau2x-dark: url("@{icon-path}/dark/remote@2x.png");

@icons: @icon-ellipse1, @icon-ellipse2, @icon-ellipse3, @icon-info, @icon-arrow-down,
@icon-error, @icon-download, @icon-apple, @icon-android, @icon-publish, @icon-local,
@icon-local2x, @icon-testing, @icon-testing2x, @icon-enterprise, @icon-enterprise2x,
@icon-store, @icon-store2x, @icon-rau, @icon-rau2x, @icon-local-dark,
@icon-local2x-dark, @icon-testing-dark, @icon-testing2x-dark, @icon-enterprise-dark,
@icon-enterprise2x-dark, @icon-store-dark, @icon-store2x-dark, @icon-rau-dark, @icon-rau2x-dark;

.smf-publish-wizard-preload {
    width: 0;
    height: 0;
    visibility: hidden;
}


.preload(length(@icons),
"");
.preload(@i,
@icon-before-content) when (@i >0) {
    @current-icon : extract(@icons, @i);
    @temp: "@{icon-before-content} @{current-icon}";
    & when (@i =1) {
        .smf-publish-wizard-preload:before {
            content: e(@temp);
        }
    }
    .preload(@i - 1,
    @temp);
}

@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
~"only screen and (min--moz-device-pixel-ratio: 1.5)",
~"only screen and (-o-min-device-pixel-ratio: 3/2)",
~"only screen and (min-device-pixel-ratio: 1.5)";
.publish-error-text {
    color: red!important;
}

.publish-android-error {
    float: right;
    margin-top: 4px;
    margin-right: 18px!important;
}

.modalbackgroundPublish {
    position: absolute;
    z-index: 340000;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parent-publish {
    background-color: #eaeeef;
    border-radius: 6px;
    width: 540px;
    min-height: 217px;
    padding: 17px 19px;
    font-family: "Open Sans", sans-serif;
    color: #444;
    font-size: 16px;
    -moz-box-shadow: -4px 4px 5px 1px rgba(40, 40, 40, 0.5);
    -webkit-box-shadow: -4px 4px 5px 1px rgba(40, 40, 40, 0.5);
    box-shadow: -4px 4px 5px 1px rgba(40, 40, 40, 0.5);
    position: absolute;
    z-index: 340001;
}

.part-one-publish {
    height: 132px;
}

.part-two-publish {
    height: 119px;
}

.part-three-publish {
    height: 193px;
}

.part-one-publish,
.part-three-publish,
.part-two-publish {
    background-color: #fff;
    border-radius: 6px;
    padding: 17px 19px;
    position: relative;
}

.part-one-publish a,
.part-three-publish a,
.part-two-publish a {
    text-decoration: underline;
    font-size: 13px;
    font-weight: 400;
    color: #00a1f1;
}

.part-one-publish .header,
.part-three-publish .header,
.part-two-publish .header {
    font-size: 18px;
    font-weight: 600;
}

.part-one-publish .sub-header,
.part-three-publish .sub-header,
.part-two-publish .sub-header {
    font-size: 12px;
    line-height: 18px;
    color: #848484;
}

.part-one-publish .content .bundles * {
    height: 14px;
}

.sub-header a {
    cursor: default;
}

.part-one-publish>div:not(:first-child),
.part-three-publish>div:not(:first-child),
.part-two-publish>div:not(:first-child) {
    margin-top: 12px;
}

.part-one-publish .content,
.part-three-publish .content,
.part-two-publish .content {
    margin-left: 25px;
    margin-right: 10px;
}

.part-one-publish .content .bundles {
    margin-top: 12px;
    font-size: 12px;
    color: #777777;
}

.part-one-publish .content .bundles .bundle-name {
    color: #222222;
}

.appname {
    font-weight: 600;
    font-size: 13px;
}

.part-one-publish .content .app-name {
    border-radius: 6px;
    border: 1px solid #c6c3c3;
    padding: 10px;
    font-size: 18px;
    color: #222222;
    position: relative;
}

.part-three-publish {
    margin-top: 7px;
}

.part-three-publish .content img {
    vertical-align: middle;
}

.part-three-publish .content .signingidentities {
    margin-top: 12px;
}

.part-three-publish .content .signingidentities .identity {
    background-color: #f4f3f3;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    position: relative;
}

.part-three-publish .content .signingidentities .identity>ul {
    margin-left: 45px;
    margin-bottom: 10px;
}

.part-three-publish .content .signingidentities .identity:not(:first-child) {
    margin-top: 4px;
}

.part-three-publish .content .signingidentities .identity .identity-name {
    vertical-align: middle;
    margin-left: 3px;
}

.cloud-build-disabled,
#publishDialog select,
#publishDialog select:disabled {
    width: 390px;
    font-size: 12px;
    text-align: left;
    border: 0;
    border-radius: 5px;
    margin-left: 10px;
    height: 26px;
    padding-left: 5px;
    background: white;
    color: black;
}

#publishDialog select {
    color: black;
}

#publishDialog select:disabled {
    color: gray;
}

#publishDialog .part-two-publish .content .profiles select,
#publishDialog .part-two-publish .content .profiles select:disabled {
    width: 430px;
    margin-left: 0px;
    margin-top: 5px;
}

.part-two-publish {
    margin-top: 7px;
}

.part-two-publish .content img {
    vertical-align: middle;
}

.part-two-publish .content .profiles {
    margin: auto;
}

.part-two-publish .content .profiles .profile {
    background-color: #f4f3f3;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    position: relative;
    height: 23px;
    margin: auto;
    padding-top: 9px;
}

.part-two-publish .content .profiles .profile * {
    height: 24px;
}

.part-two-publish .content .profiles .profile>ul {
    margin-left: 45px;
    margin-bottom: 10px;
}

.part-two-publish .content .profiles .profile>input {
    vertical-align: middle;
    margin-right: 10px !important;
    margin: auto;
}

.part-two-publish .content .profiles .profile:not(:first-child) {
    margin-top: 4px;
}

.part-two-publish .content .profiles .profile .profile-name {
    vertical-align: middle;
    margin-left: 3px;
}

.part-two-publish .content .profiles .profile .information {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: #222222;
    padding-left: 10px;
}

.download-link {
    display: inline-block;
    right: 20px !important;
}

.download-link .download-icon {
    margin-right: 4px;
    margin-top: 4px;
}

.message-error {
    display: inline-block;
    color: #e84c3d;
    right: 20px !important;
    font-size: 12px;
    font-weight: 400;
}

.part-two-publish .content .profiles .profile>ul>li:not(:last-child) {
    border-bottom: 1px solid #e5e4e4;
}

.part-two-publish .content .profiles .profile>ul li {
    font-size: 16px;
    margin-top: 5px;
}

.part-two-publish .content .profiles .profile>ul li:last-child {
    padding-bottom: 10px;
}

.part-two-publish .content .profiles .profile>ul li ul {
    padding-left: 35px;
}

.publish-button {
    background-color: #00a1f1;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    border: 0;
    border-radius: 5px;
    margin-top: 15px;
    outline: none;
}

.publish-button:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.publish-button:disabled {
    background-color: #7e8c8c;
}

.border-bottom {
    margin: 10px 0;
    border-bottom: 1px solid #e5e4e4;
}

.no-indent {
    list-style: none;
    padding: 0;
    margin: 0;
}

.no-indent>div {
    margin-bottom: 5px;
}

.absolute-right {
    position: absolute;
    right: 0;
}

.rotate-90m {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.parent-publish .p-icons {
    display: inline-block;
    vertical-align: middle;
}

.parent-publish .ellipse-one,
.parent-publish .ellipse-two,
.parent-publish .ellipse-three {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.parent-publish .ellipse-one {
    background: url("@{image-path}/ellipse1.png") no-repeat;
    background-size: 18px;
}

.parent-publish .ellipse-two {
    background: url("@{image-path}/ellipse2.png") no-repeat;
    background-size: 18px;
}

.parent-publish .ellipse-three {
    background: url("@{image-path}/ellipse3.png") no-repeat;
    background-size: 18px;
}

.parent-publish .publish-info {
    background: url("@{image-path}/info.png") no-repeat;
    background-size: 14px;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    margin-left: 3px;
}

.parent-publish .arrow-down {
    background: url("@{image-path}/arrow-down.png") no-repeat;
    background-size: 9px 7px;
    height: 7px;
    width: 9px;
}

.parent-publish .download-icon {
    background-size: 22px 16px;
    height: 16px;
    width: 22px;
}

.parent-publish .download-error {
    background: url("@{image-path}/error.png") no-repeat;
    background-size: 24px;
    height: 24px !important;
    width: 24px !important;
}

.parent-publish .download-animation {
    background: url("@{image-path}/download.gif") no-repeat;
    background-size: 21px 21px;
    height: 21px;
    width: 21px;
    margin-top: 1px;
}

.parent-publish .apple-icon,
.parent-publish .android-icon {
    height: 22px;
    width: 18px;
}

.parent-publish .apple-icon {
    background: url("@{image-path}/ios-apple.png") no-repeat;
    background-size: 18px 22px;
}

.parent-publish .android-icon {
    background: url("@{image-path}/apk-android.png") no-repeat;
    background-size: 18px 22px;
}

.publishBtn .c9-icon:before {
    content: url('@{icon-path}/publish.png') url('@{icon-path}/anim_dark-gray.gif') url('@{icon-path}/anim_dark.gif') url('@{icon-path}/anim_flat-light.gif');
    width: 0;
    height: 0;
    visibility: hidden;
}

.localBinaryBtn .c9-icon when(@preferences-flat) {
    background-image: url("@{icon-path}/light/local.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/light/local@2x.png") !important;
        background-size: contain;
    }
}

.testingDistributionBtn .c9-icon when(@preferences-flat) {
    background-image: url("@{icon-path}/light/testing.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/light/testing@2x.png") !important;
        background-size: contain;
    }
}

.enterpriseDistributionBtn .c9-icon when(@preferences-flat) {
    background-image: url("@{icon-path}/light/enterprise.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/light/enterprise@2x.png") !important;
        background-size: contain;
    }
}

.storeSubmissionBtn .c9-icon when(@preferences-flat) {
    background-image: url("@{icon-path}/light/store.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/light/store@2x.png") !important;
        background-size: contain;
    }
}

.rauBtn .c9-icon when(@preferences-flat) {
    background-image: url("@{icon-path}/light/remote.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/light/remote@2x.png") !important;
        background-size: contain;
    }
}

.localBinaryBtn .c9-icon when not(@preferences-flat) {
    background-image: url("@{icon-path}/dark/local.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/dark/local@2x.png") !important;
        background-size: contain;
    }
}

.testingDistributionBtn .c9-icon when not(@preferences-flat) {
    background-image: url("@{icon-path}/dark/testing.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/dark/testing@2x.png") !important;
        background-size: contain;
    }
}

.enterpriseDistributionBtn .c9-icon when not(@preferences-flat) {
    background-image: url("@{icon-path}/dark/enterprise.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/dark/enterprise@2x.png") !important;
        background-size: contain;
    }
}

.storeSubmissionBtn .c9-icon when not(@preferences-flat) {
    background-image: url("@{icon-path}/dark/store.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/dark/store@2x.png") !important;
        background-size: contain;
    }
}

.rauBtn .c9-icon when not(@preferences-flat) {
    background-image: url("@{icon-path}/dark/remote.png") !important;
    @media @highdensity {
        background-image: url("@{icon-path}/dark/remote@2x.png") !important;
        background-size: contain;
    }
}

.localBinaryBtn,
.testingDistributionBtn,
.enterpriseDistributionBtn,
.storeSubmissionBtn,
.rauBtn {
    height: 40px !important;
}

.localBinaryBtn .c9-label,
.testingDistributionBtn .c9-label,
.enterpriseDistributionBtn .c9-label,
.storeSubmissionBtn .c9-label,
.rauBtn .c9-label {
    margin-left: 25px;
    margin-top: 10px;
    margin-right: 10px !important;
}

.localBinaryBtn .c9-icon,
.testingDistributionBtn .c9-icon,
.enterpriseDistributionBtn .c9-icon,
.storeSubmissionBtn .c9-icon,
.rauBtn .c9-icon {
    background-position: center !important;
    height: 70% !important;
    width: 18% !important;
    margin-left: 3%;
    margin-top: 3%;
}

.emulatorBtn .c9-icon when(@preferences-flat) {
    margin-left: 15px !important;
}

.publishBtn .c9-icon when(@preferences-flat) {
    margin-left: 13px !important;
}

.cloud-build-disabled {
    width: 384px;
    font-size: 12px;
    border: 0;
    border-radius: 5px;
    margin-left: 33px;
    margin-top: -23px;
    height: 26px;
    padding-left: 5px;
    background: white;
    color: black;
}

.cloud-build-disabled-content {
    padding-top: 6px;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    padding-left: 6px;
    color: #d50000;
    font-weight: 400;
    font-family: inherit;
}

.cloud-build-disabled-content a {
    text-decoration: none;
    font-size: 12px;
}