body {
    margin: auto;
    padding: 0;
    font-size: 70%;
    line-height: inherit;
    font-family: Arial, Helvetica, sans-serif;
    /*background-color: #EBE8D9;*/
    background: #fff;

}
body.wait{
    cursor: wait !important;
}
.mce-path {
    visibility: hidden !important;
}
.ac-loading{
    min-width: 30%;
    margin: 8px auto;
}
.ac-loading .ui-progressbar {
    position: relative;
    /*width: 30em;*/
    /*margin: 20px;*/
}
.ac-loading .progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    transform: translateX(-50%);
}
.ui-progressbar-overlay {
    background: rgba(0, 0, 0, 0) url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==") repeat scroll 0 0;
    height: 100%;
    opacity: 0.25;
}
.ac-loading .ac-loading-text{
    padding-bottom:15px;
    font-size:1.5em;
    text-align: center;
    color: #fff;
}
.alert {
    font-size: small;
}

/*#content-box{
    width: 1400px;
}*/
#current-app-title-box{
    display: none;
    position: absolute;
    top:18px;
    left:36%;
    /*width: 230px;*/
    border: 1px solid #fff;
    border-top-left-radius:  10px;
    border-top-right-radius: 10px;
    /*border-bottom: 2px solid;*/
    font-weight: bold;
    text-align: left;
    padding-top: 4px;
    color: #fff;
    /*background-color: #3E91CF;*/
    background-color:#00bfff;
    z-index: 0 !important;
    cursor: move;
    min-width: 200px;
    opacity: 0.9;

}
#current-app-title-box > img{
    max-width: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
}
#current-app-title-box > span{
    width: 160px;
    line-height: 20px;
    font-weight: bold;
}
input[readonly], input[disabled] {
    border-style: solid;
}

#acwrap {
    float: left;
    /*background: url(images/bg_grid_blue.png) !important;*/
    width: 100%;
    margin: 0px;

}
#aby-wswg{
    background: url(images/bg_grid_blue.png) !important;
    padding: 0;
}
#r-tabs .ctrlbox {
    padding: 4px;
}

#jqt {
    min-height: 405px;
}
#jqt p{
    margin: 0;
}
#jqt .ac-page.current {
    overflow-x: visible;
}

#edit-content #tabbar {
    position: relative;
    overflow-x: auto;
    text-align: left;
    max-width: 320px;
}
#tabbar.bottomTextHidden a > strong{
    display: none;
}
#tabbar.bottomTextHidden a{
    height: 3.78em !important;
}
img.infoImg{
    height: 25px;

}
.btn {
    font-weight: normal;
    margin-left: 5px;
    font-size: inherit;
    line-height: inherit;
}

#header {
    margin-top: 0;
    margin-bottom: 0;
}

#header .navbar-inner {
    /*    background-image: linear-gradient(to bottom, #ACBE2D, #B3C623);
        background-image: -webkit-linear-gradient(top, #ACBE2D, #B3C623);*/
    /*background: #2991D7;*/
    background: #888888;
    border: none;
    min-height: 40px;
    height: 40px;
}
#header ul.nav{
    /*margin-top: 8px;*/
}
#header ul.nav  a {
    /*font-size: larger;*/
    text-transform: uppercase;
}
#header ul.nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;

}

#content-box .padding {
    background: #ffffff;
    /*    border-bottom-left-radius: 11px;
        border-bottom-right-radius: 11px;*/
    padding: 3px 0 0 0;

}

div#tabs, div#load {
    /*border: none;*/
    min-height: 700px;
}

div#load {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

ul {
    list-style: none;
    margin: 0;
}

.menu {
    z-index: 80;
}

#toolbar-top {
    margin: 0 0 8px 0;
}

#tab-edit {
    padding: 0;
}

.ac-content {
    /*    padding: 5px 5px;*/
    border-width: 1px;
    border-color: #DDE1E5;
    border-top: none;

}

.ac-box-shadow {
    border: #ccc 1px solid;
    box-shadow: 1px 1px 8px grey;

}

.ac-box-wrap {
    background: #F7F7F7;
}

.ac-box-head {
    padding: 6px;
    /*    background: #DDE1E5;*/
    background: #D8DCE1;
    font-size: 100%;
    font-weight: bold;
    color: #222222;
    text-shadow: 0 1px 1px #FFFFFF;
    border: 2px groove white;
    min-height: 18px;
}

.ac-box-content {
    background: #E8EAED;
    /*background: #F0F2F5;*/
    padding: 5px;
}

.ac-box-foot {
    clear: both;
    background: none repeat scroll 0 0 #EFF3F8;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 2px groove white;
    min-height: 1.5em;
    padding: 10px 5px 5px;

}

.ac-table-prop {
    border: none;
    /*width: 100%;*/
    margin: 10px;
}

.ac-table-prop td {
    border: none;
    text-align: left;
}

.ac-table-prop * {
    border-radius: 3px;
}

.ac-table-prop span {
    font-weight: bold;
    min-width: 4em;
}

.ac-edtbox-editor {
    /*    width: 320px;*/
    float: left;
    margin: 10px;

}

.ac-edtbox-prop {
    min-width: 300px;
    min-height: 400px;
    float: left;
    margin: 10px 0px;
    border: #ccc 1px solid;
    /*    background: none repeat scroll 0 0 #EEEEEE;*/
}

.ac-edtbox-content {

    margin: 10px;
    padding: 0;
    /*    min-height: 460px;*/
    /*    border: 2px groove #777;
        border-radius: 6px;*/
}

.ac-tbscrollbar {
    padding-bottom: 20px;
}

.ac-content-lgrey {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    padding: 15px 5px;
}

.ac-content-dgrey {
    /*    background: none repeat scroll 0 0 #EFF3F8;*/
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    padding: 15px 5px;
}

.ac-wrapper {
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*    width:1180px;*/
    /*    width: 100%;*/
}

/*.del:before{
    content: url('images/delete.png');
    cursor: pointer;
}*/

.ac-accord {
    text-align: left;
}

.ac-accord * {
    border-radius: 3px;
}

.ac-accord span {
    display: block;
    font-weight: bold;
    margin-top: 8px;
}

.ac-accord input {
    width: 250px;
    margin: 0;

}

.ac-accord textarea {
    width: 250px;
    height: 60px;
}

.txt-left {
    padding: 1em;
    text-align: left;
}

.ac-opacity-box {
    background-color: #333;
    opacity: 0.8;
    filter: alpha(opacity=80); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    width: 100%;
    height: 100%;
    float: left;
    border: 1px solid #555555;
    border-radius: 8px;
    margin: auto;
}

.txt-center {
    text-align: center;
}

/*.ui-widget-header{
    border-color: #e6e6e6;
    background-color: #ffffff;
    border-style: none none groove;
    border-width: 0 0 2px;

}*/

.editable {
    /*    content: url('images/edit.png');*/
    cursor: pointer;
    /*    margin-right: 5px;*/

}

tr.editable:hover {
    background-color: #EFE7B8;
}

a#icon-img img, img.app-icon {
    width: 48px;
    height: 48px;
    margin: 5px;
    border: 2px solid #777;
    border-radius: 8px;
    padding: 1px;
}
div.thumb{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}
.thumb:hover {
    cursor: pointer;
}

.cmpn-ico {
    width: 48px;
    height: 34px;
    border: 1px solid #0000FF;
}

#tooltip {
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
}

ul#img-list {
    margin: 0;
    padding: 0;
    /*height: 100%;*/
}

#img-gallery {
    background: #fff;
    text-align: center;
    z-index: 1011;
    float: left;
    width: 420px;
    height: 440px;
    overflow: auto;
}

.imgglr-300 {
    width: 100%;
    height: 300px;
    background: #fff;
    float: left;
    border: 1px solid #ccc;
    overflow: auto
}

.imgglr-400 {
    top: 40px;
    width: 400px;
    height: 300px;
    float: left;
    overflow: auto;
    background: #fff;
    border: 2px solid #ccc;
}

.imgglr-400a {
    position: absolute;
    top: 40px;
    width: 400px;
    height: 300px;
    float: left;
    overflow: auto;
    background: #fff;
    border: 2px solid #ccc;
}

ul#img-list li {
    float: left;
    padding: 0;
    margin: 6px;
    list-style: none;
    /*background: #222222;*/
    background: #ffffff;
    /*opacity: 0.9;*/
    height: 44px;
    width: 44px;
}

ul#img-list img {
    display: block;
    padding: 3px;
    border: 1px solid #ccc;
    /*    max-width: 40px;
        max-height: 40px;*/
}

.ac-overlay {
    display: none;
    /*background-color: rgb(255, 255, 255);*/
    background-color: rgb(0, 0, 0);
    /*background: url('images/ui-bg_diagonals-thick_20_666666_40x40.png');*/
    opacity: 0.8;
    filter: alpha(opacity=80); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    min-width: 100%;
    min-height: 100%;
    z-index: 1010;
    position: fixed;
    top: 0;
    left: 0;
    cursor: no-drop;
}

.bg-aby-logo {
    background-image: url(../img/appbyyou-logo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-iphone {
    background: url(images/bg-iphone.png) no-repeat top left;
}

.ac-modbox {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;*/
    z-index: 1011;
    text-align: center;
    margin: auto;
    float: left;
}

.ac-modbox-content {
    float: left;
    position: relative;
    background-color: #fff;
    border: 8px solid rgb(127, 127, 127);
    border: 8px solid rgba(0, 0, 0, .6);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    border-radius: 10px;
    min-height: 40px;
    min-width: 40px;
    max-height: 800px;
    /*max-width: 800px;*/
    margin: auto;
    text-align: center;
    padding: 5px;
}

.ac-modbox-content > .title {
    color: #555;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    border-bottom: 1px #aaa solid;
    /*margin-left: 5px;*/
    width: 99%;
    /*max-width: 340px;*/
    /*text-shadow: 0 1px 1px #FFFFFF;*/
}

nav.context-menu{
    /*float: left;*/
    position: absolute;
    background-color: rgb(244, 244, 244);
    border: 2px groove #fff;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    border-radius: 4px;
    min-height: 40px;
    min-width: 40px;
    max-height: 800px;
    /*max-width: 800px;*/
    margin: auto;
    text-align: center;
    padding: 5px;
    z-index: 200;
}
nav.context-menu a:hover {
    background: #fff;
    color: purple;
}
#jqt .ctrl.ac-multi-select.ac-context-select{
    /*outline: 2px orange solid;*/
    outline-color: orange;
}

img.qr {
    width: 180px;
    height: 180px;
    text-align: center;
    margin: auto;
    /*padding: 20px;*/
    /*border: 2px solid #000000;*/

}

#ifr {
    margin: 146px 0 0 0px;
    border: none;
    height: 460px;
    width: 320px;
    overflow: hidden;
    background-color: #000000;

}

#wrap-prev {
    width: 396px;
    height: 744px;
    float: left;
}

#pvqr {
    /*    width: 340px;
        min-height: 340px;
        float: left;
        border: 1px solid #999999;
        border-radius: 16px;
        padding-bottom: 20px;*/
    position: absolute;
    border: 5px solid;
    top: 250px;
    min-width: 180px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    right: -180px;
    margin-left: 12px;
    border-radius: 8px;
    /*min-height: 340px;*/
}

.ac-modbox-foot {
    clear: both;
    bottom: 5px;
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    padding: 10px 10px 0;
}

.ac-modbox-foot-data {
    padding: 0 10px;
    color: #666;
}

.ac-modbox-btnClose {
    position: absolute;
    right: -16px;
    top: -16px;
    width: 33px;
    height: 33px;
    background: url(images/close_32.png) no-repeat center center;
    background-size: cover;
    /*background: url(images/cancel_24.png) no-repeat center center;*/
    cursor: pointer;
}

.ac-btnEdgeClose {
    position: relative;
    top: -10px;
    width: 33px;
    height: 33px;
    background: url(images/close_32.png) no-repeat center center;
    background-size: cover;
    /*background: url(images/cancel_24.png) no-repeat center center;*/
    cursor: pointer;
}
.b-pv-phone {
    transform: scale(0.75);
}
.b-iphone {
    position: relative;
    width: 340px;
    height: 690px;
    margin: 0 auto;
    border-radius: 18px;
    padding: 2px 8px;
    background: url(images/bg-iphone8.png) no-repeat center center;
    background-size: cover;
}
.b-iphone #ifr{
    width: 314px;
    height: 543px;
    margin-top: 109px;
    margin-left: 28px;
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.b-iphone .closePreview{
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    opacity: 0;
    position: relative;
    top: -40px;
}
.b-iphone-5 {
    position: relative;
    /*background-color: #fff;*/
    /*    width: 396px;
        height: 744px;*/
    width: 346px;
    height: 728px;
    margin: 0 auto;
    border-radius: 18px;
    padding: 2px 8px;
    background: url(images/bg-iphone5-white.png) no-repeat center center;
}
.b-iphone-5 #ifr{
    width: 320px;
    height: 548px;
    margin-top: 116px;
    margin-left: 20px;
    -moz-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    -o-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.b-iphone-5 .closePreview{
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    opacity: 0;
    position: relative;
    top: -6px;
}
.b-iphone-sample {
    position: relative;
    background-color: #fff;
    width: 330px;
    height: 640px;
    margin: 0 auto;
    border-radius: 18px;
    padding: 2px 8px;
    background: url(images/bg-iphone.png) no-repeat center center;
    background-size: contain;
}

#ifr-samples {
    margin: 126px 0 0 27px;
    border: none;
    height: 400px;
    width: 276px;
    overflow: hidden;
    background-color: #000000;
}

.b-iphone-small {
    position: relative;
    background-color: #fff;
    width: 198px;
    height: 372px;
    margin: 0 auto;
    border-radius: 18px;
    padding: 2px 8px;
    background: url(images/bg-iphone.png) no-repeat center center;
    background-size: contain;
}

.b-samsung {
    position: relative;
    /*background-color: #fff;*/
    width: 356px;
    height: 714px;
    margin: 0 auto;
    border-radius: 18px;
    /*padding: 2px 8px;*/
    background: url(images/bg-android-s3.png) no-repeat center center;
}
.b-samsung #ifr{
    width: 360px;
    height: 620px;
    margin-top: 90px;
    margin-left: 24px;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.b-samsung .closePreview{
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    opacity: 0;
    position: relative;
    top: -70px;
}
.b-samsung-small {
    position: relative;
    background-color: #fff;
    width: 204px;
    height: 372px;
    margin: 0 auto;
    border-radius: 18px;
    padding: 2px 8px;
    background: url(images/bg-android-s3.png) no-repeat center center;
    background-size: contain;
}
.b-sony-xperia{
    position: relative;
    /*background-color: #fff;*/
    width: 376px;
    height: 744px;
    margin: 0 auto;
    border-radius: 18px;
    /*padding: 2px 8px;*/
    background: url(images/bg-sony-xperia.png) no-repeat center center;
}
.b-sony-xperia #ifr{
    width: 320px;
    height: 480px;
    margin-top: 160px;
    margin-left: 12px;
    -moz-transform: scale(0.96);
    -webkit-transform: scale(0.96);
    -o-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.b-sony-xperia .closePreview{
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    opacity: 0;
    position: relative;
    top: -10px;
}
.b-htc-one{
    position: relative;
    /*background-color: #fff;*/
    width: 326px;
    height: 744px;
    margin: 0 auto;
    border-radius: 18px;
    /*padding: 2px 8px;*/
    background: url(images/bg-htc-one.png) no-repeat center center;
}
.b-htc-one #ifr{
    width: 360px;
    height: 632px;
    margin-top: 106px;
    margin-left: 16px;
    -moz-transform: scale(0.81);
    -webkit-transform: scale(0.81);
    -o-transform: scale(0.81);
    -ms-transform: scale(0.81);
    transform: scale(0.81);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.b-htc-one .closePreview{
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    opacity: 0;
    position: relative;
    top: -100px;
}
.b-switcher{
    position: absolute;
    border: 5px solid;
    top: 140px;
    width: 180px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    right: -180px;
    margin-left: 12px;
    border-radius: 8px;
    height: 30px;
}
.b-switcher select{
    position: relative;
    width: 100%;
}
.store-logo {
    position: relative;
    background-color: #fff;
    width: 100px;
    height: 60px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.apple-logo-200 {
    background-image: url(../img/apple_logo_300.png);
}

.android-logo-200 {
    background-image: url(../img/android_robot_300.png);
}

.amazon-logo-200 {
    background-image: url(../img/amazon-icon-final-300.png);
}

.aby-logo-200 {
    background-image: url(../img/appbyyou-logo.png);
}

#ttip {
    position: absolute;
    border: 1px solid #999;
    /*border-radius: 4px;*/
    background: #fff;
    padding: 5px;
    display: none;
    color: #333;
    z-index: 1015;
    min-height: 10px;
    min-width: 50px;
    float: left;
    text-align: left;

}

#img-preview {
    position: absolute;
    border: 2px solid #999;
    border-radius: 4px;
    background: #fff;
    padding: 5px;
    display: none;
    color: #333;
    z-index: 1015;
    min-height: 30px;
    min-width: 30px;
    float: left;
    text-align: center;

}
#img-preview img {
    position: relative;
    margin: auto;
    max-height: 300px;
    max-width: 400px;
}
#ac-loading {
    display: none;
    padding: 15px;
    background-color: #000;
    border-radius: 10px;
    opacity: 0.7;
    filter: alpha(opacity=80); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    color: #fff;
    /*min-width: 250px;*/
    margin: auto;
    text-align: center;
    z-index: 2000;
}

.loading {
    position: relative;
    width: 280px;
    height: 60px;
    margin: auto;
    background: url(images/load_tr_bg_48.gif) no-repeat center center;
}

.pvloading {

    /*    background: url(images/load_black_bg_24.gif) no-repeat center center;*/
    background: #000 url(images/load_tr_bg_48.gif) no-repeat center center;
}

.pr-row {
    margin: 4px 0;
    padding: 5px 0;
    /*border-bottom: 2px groove #fff;*/
    /*width: 100%;*/
}

.pr-l {
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 3px 10px 3px 10px;
    text-align: left;
    width: 10em;
}

.pr-d {
    float: left;
    /*font-size: 12px;*/
    /*width: 200px;*/
}

.pr-d textarea {
    height: 100px;
    width: 160px;
    padding: 5px;
    font-size: 12px;
    /*width: 200px;*/
}

.pr-d input[type="text"] {
    border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    font-size: 12px;
    padding: 3px 0;
}

.pr-d input[type="radio"] {
    margin-left: 5px;
}

/*#jqt div.current .ac-ctrl:hover, jqt div.current .ac-sctrl:hover{
    border: 1px #0074c7 dashed;
        margin-top: 3px;
    margin: 5px 0;
    position: relative;
}*/
#jqt .ac-page.current .s-scrollwrapper > div {
    /*min-width: 320px;*/
    /*margin-left: 3px;*/
    width: 320px;
    min-height: 362px;
    /*display: table;*/
    /*min-height: 2000px;*/
    /*float: left;*/
}

.ctrl {
    cursor: initial;
    /*z-index: 1;*/
    min-height: 10px;
    min-width: 10px;
    display: block;
    overflow: hidden;
    /*margin: 4px;*/
    opacity: 1;
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    outline: #009FF4 dashed 1px;
    /*border: 1px #009FF4 dashed;*/
    z-index: 0;
    position: absolute;
    border: none;
}

.ctrl > * {
    text-align: left;
}

/*.ctrl:not(.ac-selected) li a{
    cursor: initial;
}*/
.ctrl a {
    cursor: initial;
}

/*.ctrl-hint{
    position: absolute;
    top:-1em;
    left: 1px;
    border:#CC7832 solid 1px;
    background-color: #EFE7B8;
    color: #555555;
    font-size: 90%;
    opacity: 0.8;
    width: 10em;
    height: 1.25em;
}*/
.ctrl.ac-lbl {
    float: left;
}

.ctrl.ac-selected {
    outline: #E7D108 solid 2px;
    /*border: #009FF4 dashed 1px;*/
    /*cursor: move;*/
    opacity: 1;
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    z-index: 10 !important;
}

.ctrl:hover {
    /*border-color: #B4C721;*/
    outline: #009FF4 dashed 2px;
    /*opacity: 0.8;*/
}

.ctrl.ac-selected:hover {
    outline: #E7D108 solid 2px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.parent-ctrl-active{
    outline: #B4C721 dashed 2px;
    /*border: #009FF4 dashed 1px;*/
    /*cursor: move;*/
    opacity: 1;
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    z-index: 2;
}
.ctrl.ac-droppable{
    /*display: table;*/
}
.ctrl.ac-subctrl{
    position: relative;
    outline: none;
}
.ctrl.ac-selected .ac-subctrl{
    outline: rgba(86,6,136,0.6) dashed 1px;
}
#jqt .ctrl.ac-multi-select{
    outline: 2px darkviolet dashed;
}
#jqt .ctrl.ac-multi-select.ac-ctrl-locked{
    outline: 2px red dashed;
}
a.link {
    color: #2FA4E7;
}

a.act-remove {
    background: url('images/cancel_js.png') no-repeat 0 0 transparent;
    padding: 0;
    cursor: pointer;
    margin: 0;
    border: none;
    border-radius: 0;

}

.act-buttons {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    border-radius: 3px;
    /*    bottom: -14px;*/
    height: 16px;
    padding: 1px 2px 1px 2px;
    position: absolute;
    right: 10px;
    z-index: 1002;
}

.act-buttons a {
    display: block;
    width: 16px;
    height: 16px;
    opacity: 1;
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    /*    position: relative;*/
}
.tr-hover:hover{
    background-color: #015EB0;
    color: #FFFFFF;
}
.move {
    cursor: move;
}

div.cpanel-left {
    width: 100%;
}

#edit-wrap {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 510px;
    padding: 0 20px;
    width: 360px;
}

#edit-content {
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    margin: 15px;
    border: 2px groove #fff;
    overflow-x: visible;
}

div.s-scrollwrapper > div {
    min-height: 360px;
    border: none;
    text-align: center;
    /*margin: auto;*/
}

#page-inspector {
    height: 506px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-left: 5px;
    float: left;
    width: 320px;
    padding: 0 0 10px 0;
}

#page-tree {
    padding: 0;
    height: 480px;
    /*height: 100%;*/
    overflow: auto;
    /*width: 300px;*/
}

#page-tree ul.tree {
    padding: 0 5px;
}

#page-tree ul.tree ul {
    padding-left: 20px;
    margin-top: 3px;
}

#page-tree div.ac-box-content {
    height: 100%;
    width: 100%;
    /*    padding: 10px 2px;*/
    background-color: #fff;
}

#page-tree li {
    clear: both;
    cursor: default;
    margin: 1px 10px 0px 0px;
    padding: 2px;
    float: left;
    width: 99%;
}

#page-tree li.tree-ctrl.active {
    /*background-image:url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png");*/
    background-image: url("images/bg_navbar.png");
    background-position: 0px -12px;
    background-repeat: repeat-x;
    color: #fff;
}

#page-tree li div.treeimg {
    background: #fff;
    height: 18px;
    width: 18px;
    padding: 1px;
    float: left;
    margin-right: 5px;
    border: 1px solid #999999;
    border-radius: 2px;
    vertical-align: middle;
    display: table-cell;
}

#page-tree li div.treeimg img {
    /*max-width: 18px;*/
    height: 18px;
    display: block;
    margin: auto;
    vertical-align: middle;
    /*margin-right: auto;*/
}

#page-tree li span {
    /*display: block;*/
    /*float: left;*/
    /*margin-right: 20px;*/
    line-height: 20px;
}

#page-tree li span.tree-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    max-width: 150px;
}
#page-tree .more-actions{
    display: none;
    float: right;
    /*    height: 22px;
        width: 22px;
        padding: 0;
        margin-bottom: 4px;*/
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    height: 20px;
    width: 20px;
    background: url(images/menu-24.png) 0 0 no-repeat;
    background-size: cover;
    cursor: pointer;
    opacity: 0.6;
}
#page-tree li.tree-ctrl.active .m more-actions{
    opacity: 0.8;
}
#page-tree li.active > .more-actions{
    display: block;
}
ul.tree-actions{
    min-width:180px;
    padding:10px;
    text-align: left;
}
ul.tree-actions li{
    cursor: pointer;
    font-size: larger;
}
ul.tree-actions li i{
    padding-right: 6px;
}
div.act_delete {
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    float: right;
    height: 16px;
    width: 16px;
    display: none;
    background: url(images/trash.png) 0 0 no-repeat;
    background-size: cover;
    cursor: pointer;
}

div.act_copy {
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    float: right;
    height: 16px;
    width: 16px;
    display: none;
    background: url(images/add.png) 0 0 no-repeat;
    background-size: cover;
    cursor: pointer;
}

div.act_maintenance {
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    float: right;
    height: 16px;
    width: 16px;
    display: none;
    background: url(images/icon-16-maintenance.png) 0 0 no-repeat;
    background-size: cover;
    cursor: pointer;
}

#page-tree li > div.act_delete_disabled {
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    float: right;
    height: 16px;
    width: 16px;
    display: none;
    background: url(images/trash-disabled.png) 0 0 no-repeat;
    background-size: cover;
    /*cursor: pointer;*/
}

#page-tree li > div.act_edit {
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    float: right;
    height: 16px;
    width: 16px;
    display: none;
    background: url(images/edit.png) 0 0 no-repeat;
    /*background: url(images/icon-16-edit.png) 0 0 no-repeat;*/
    background-size: cover;
    cursor: pointer;
}

#page-tree li.active > div {
    display: block;
}

#page-tree li span.jtree-arrow {
    color: #6d84a2;
    font-size: 110%;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

/*#page-tree li.tree-ctrl.active span.jtree-arrow{
    color: #fff;
}*/
#page-tree li.tree-top-view {
    /*background: #e1e1e8 url(images/tree_top_bg.png) repeat-x;*/
    border-bottom: 1px solid #888;
}

#page-tree li.tree-top-view > span {
    /*font-weight: bold;*/
    /*color: #787878;*/
    /*color: #ccc;*/
}
#page-tree li.tree-top-view.active{
    background-color: #fffce9;
}
#page-tree li.tree-top-view.active > span {
    font-weight: bold;
    /*color: #fff;*/
}

#page-tree li.tree-top-view > div.treeimg {
    /*background-color: #787878;*/
    background-color: #ddd;
    outline:none;
}

#page-tree li.tree-top-view.active > div.treeimg {
    background-color: #fff;
    outline: 1px #F0DC7E solid;
}
#page-tree li.tree-view {
    margin-top: 3px;
    border: 1px solid #fff;
    /*background-color: #70aafc;*/
}
#page-tree li.tree-view.active {
    background-color: #fff;
    border-color: #0480be;
}
#page-tree li.tree-ext-ctrl.active {
    background-color: #fff;
}
#page-tree li.active > span {
    font-weight: bold;
}

#page-tree li span.jtree-ph {
    color: transparent !important;
    font-size: 110%;
    display: inline-block;
    float: left;
}

#ctrl-list {
    margin-right: 5px;
    padding-bottom: 10px;
}

#w-ca {
    height: 430px;
    width: 340px;
    text-align: left;
    float: left;
    border: 2px groove white;
    /*border-radius:6px;*/
    /*    border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;*/
    /*padding:5px;*/
    background: #E4E6E9;
    overflow-y: auto;
}
#w-ca input, #w-ca select{
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: inherit;
}
#w-ca select{
    height:auto;
}
.ctrlbox {
    height: 465px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 5px;
    padding: 4px 3px 3px 2px !important;
}

.ctrlbox .ac-box-content {
    padding: 3px;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    background: none;
    margin-top: 10px;
}

.ctrlbox ul {
    /*    height: 100%;*/
    padding: 0px;
    float: left;
    width: 100%;
}

.ctrlbox ul.ctrlist li:first-child {
    border-top: 2px solid white;
}

.ctrlbox ul.ctrlist li {
    border-bottom: 2px solid white;
    clear: left;
    float: left;
    width: 100%;
    font-size: 88%;
    background: #EAECF1;
    padding: 5px 0;
}

.ui-draggable-dragging {
    z-index: 2000;
}

.closedhand {
    cursor: url(images/closedhand.cur);
    cursor: move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.disabled {
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    cursor: default;
}

.disabled * {
    cursor: not-allowed !important;
}

ul.ctrlist div.ac-cmpn {
    /*cursor: -moz-grabbing;*/
    /*cursor: url(images/closedhand.cur);*/
    float: left;
    margin: 3px 5px;
    padding: 3px;
    background: #FFFFFF;
    border: 1px solid #999;
    border-radius: 4px;
    display: table-cell;
    width: 48px;
    vertical-align: middle;
    text-align: center;
}

ul.ctrlist p {
    display: table;
    /*font-size: smaller;*/
    padding-top: 4px;
}

ul.ctrlist img.ctrl-imd {
    max-height: 48px;
    /*max-width: 40px;*/
    vertical-align: middle;
    display: block;
    margin: auto;
    /*clear: left;*/
}

ul.ctrlist div.ac-cmpn[actype=module] {
    border: 2px solid #999;
    width: 22px;
    height: 22px;
    /*background-color: #000;*/
    /*    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000), color-stop(.01, #000),
            color-stop(.02, #555), color-stop(.03, #2d2d2d), color-stop(.5, #151515), color-stop(.51, #000));

            background-image: -webkit-linear-gradient(top, #000 , #000 );
        background-image:    -moz-linear-gradient(top, #000 , #000 1%, #555 2%, #2d2d2d 3%,#151515 50%,#000 51%,#000);
        background-image:     -ms-linear-gradient(top, #000 , #000 1%, #555 2%, #2d2d2d 3%,#151515 50%,#000 51%,#000);
        background-image:      -o-linear-gradient(top, #000 , #000 1%, #555 2%, #2d2d2d 3%,#151515 50%,#000 51%,#000);
        background-image:         linear-gradient(top, #000 , #000 1%, #555 2%, #2d2d2d 3%,#151515 50%,#000 51%,#000);*/
}

ul.ctrlist div.ac-cmpn[actype=module] img.ctrl-imd {
    max-height: 22px;
    max-width: 22px;
    /*padding: 6px;*/
}

/*ul.ctrlist div.ac-cmpn[actype=module] img.ctrl-imd::before{
    background-color: rgba(255,255,255,0.8);
    z-index: 0;
}*/
.ctrl-drag-helper {
    border: #ddd solid;
    border-radius: 4px;
    opacity: 0.8;
    filter: alpha(opacity=80); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    background: #ccc;
    padding: 5px;
}

.ctrl-resize-helper {
    border: #ddd dashed 1px;
}

.btn-ico-cancel {
    background: url(images/cancel.png) no-repeat left center;
}

.btn-ico-save {
    background: url(images/save.png) no-repeat left center;
}

.ac-placeholder {
    border-top: 2px #0000C0 dotted;
    background: #d5eeff;
    height: 20px;
    z-index: 1001;
}

div.sel-overl {
    position: absolute;
    top: 0;
    left: 0;
    /*border: 2px #000000 solid;*/
    width: 100%;
    height: 100%;
    opacity: 0.1;
    filter: alpha(opacity=10); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    background: #0074c7;
    /*padding: 3px;*/
    z-index: 9000;
}

.plus-16 {
    background: url("images/add_16.png") no-repeat 0 0 transparent;
    height: 17px;
    width: 17px;
    cursor: pointer;
    display: inline-block;
}

.plus-20 {
    background: url("images/add_48.png") no-repeat center center transparent;
    background-size: contain;
    height: 22px;
    width: 22px;
    cursor: pointer;
    display: inline-block;
}

.delete-16 {
    background: url("images/cancel_16.png") no-repeat center center transparent;
    background-size: contain;
    height: 17px;
    width: 17px;
    cursor: pointer;
    display: inline-block;
}

.delete-20 {
    background: url("images/cross_32_round.png") no-repeat center center transparent;
    background-size: cover;
    height: 22px;
    width: 22px;
    cursor: pointer;
    display: inline-block;
}

.remove-26 {
    background: url("images/delete_48.png") no-repeat center center transparent;
    background-size: cover;
    height: 26px;
    width: 26px;
    cursor: pointer;
    display: inline-block;
}

.edit-16 {
    background: url("images/icon-16-edit.png") no-repeat center center transparent;
    background-size: cover;
    height: 17px;
    width: 17px;
    cursor: pointer;
    display: inline-block;
}

.edit-20 {
    background: url("images/icon-16-edit.png") no-repeat center center transparent;
    background-size: cover;
    height: 22px;
    width: 22px;
    cursor: pointer;
    display: inline-block;
}

.search-16 {
    background: url("images/filter.png") no-repeat center center transparent;
    background-size: cover;
    height: 17px;
    width: 17px;
    cursor: pointer;
    display: inline-block;
}

.search-20 {
    background: url("images/filter.png") no-repeat center center transparent;
    background-size: cover;
    height: 22px;
    width: 22px;
    cursor: pointer;
    display: inline-block;
}

.chevron-circle-green {
    background: url("images/chevron_circle.png") no-repeat center center transparent;
    background-size: cover;
    height: 26px;
    width: 35px;
    cursor: pointer;
    display: inline-block;
}

.edit-extras {
    background: url("images/edit_bleistift.png") no-repeat center center transparent;
    background-size: cover;
    height: 26px;
    width: 24px;
    cursor: pointer;
    display: inline-block;
}

.imgchoise-16 {
    background: url("images/icon-16-edit.png") no-repeat center center transparent;
    background-size: contain;
    height: 17px;
    width: 17px;
    cursor: pointer;
    display: inline-block;
}

.menu-box {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #CCCCCC;
    float: left;
}

ul.wblist {
    padding: 4px;
    text-align: left;
}

ul.wblist > li {
    /*border-bottom: 2px groove white;*/
    padding: 8px 0 0 0;
    display: table;
}

ul.wblist > li label {
    display: block;
    font-weight: bold;
    margin: 0 6px 2px;
    float: left;
    font-size: small;
    /*width: 10em;*/
}

.attr-list {
    padding-left: 0;
    text-align: left;
    display: block;
}


.attr-list > li {
    border: none;
}

.attr-list > li.attr-row {
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
    display: inline-block;
    width: 100%;
    font-size: inherit;
}

.attr-list > li.attr-row label {
    display: block;
    font-weight: bold;
    margin: 0 6px 0px;
    float: left;
    font-size: inherit;
    color: #222;
}

ul.controls {
    min-height: 30px;
    padding-left: 20px;
    margin: 5px;
    border: 1px #ddd solid;
    background: url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat;
}

li.attr-section, li.attr-set {
    background: #fcfcfc;
}

li.attr-section > div.sheader {
    background: #D8DCE1;
    border-top: 2px groove #fff;
    border-bottom: 2px groove #fff;
    padding: 3px 5px;
}

li.prop.attr-section {
    border: 1px solid #444;
}

li.attr-prop {
    border: 1px solid #0480be;
    background: #fff;
}

li.attr-prop > div.sheader {
    background: #EFE7B8;
    border-top: 2px groove #fff;
    border-bottom: 2px groove #fff;
    padding: 3px 5px;
}

li.attr-prop-base > div.sheader {
    background: #AAD3F9;
}

li.attr-prop-fix > div.sheader {
    background: #C9F9AB;
}

li.attr-prop-fixset > div.sheader {
    background: #A187F9;
}

li.attr-prop-custom > div.sheader {
    background: #F99D7B;
}

li.attr-section.collapsible > div.sheader {
    /*    color: #015EB0;
        font-style: italic;*/
    color: #000;
}

li.attr-section.collapsed div.sheader, .attr-list fieldset.collapsed legend {
    color: #000;
    font-style: normal;
}

.attr-list fieldset.collapsible legend {
    color: #015EB0;
    font-style: italic;
    text-decoration: underline;
}

li.attr-section ul.attr-list {
    background-color: #fffce9;
}
.attr-list fieldset {
    /*    border: none;
        border-top: 1px solid #aaa;*/
    border: 2px groove white;
    border-radius: 6px;
    /*    padding-left: 0;
        padding-right: 0;*/
    /*border: 1px solid #aaa;*/
    background: #F0F0FA;
    margin: 2px 4px;
    padding: 0;
}

.attr-list fieldset legend {
    line-height: inherit;
    font-weight: bold;
    color: #015EB0;
    font-size: 100%;
    padding: 0;
    margin: 0;
}

.attr-list fieldset ul.attr-list {
    background-color: transparent;
}

.attr-list fieldset.collapsed {
    border: none;
    border-top: 1px solid #aaa;
    border-radius: 0;
    height: 18px;
    background: none;
}


.font-shadow {
    color: #444;
    text-shadow: 0 1px 1px #FFFFFF;
    /*font-size: 110%;*/
    font-family: Verdana;
    font-weight: bold;
}

.font-shadow-blue {
    color: #015EB0;
    text-shadow: 0 1px 1px #FFFFFF;
    font-family: Verdana;
    font-weight: bold;
}

.fltrt {
    float: right;
}

.fltlft {
    float: left;
}

.clr {
    clear: both;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

table.abtable {
    border: 1px solid #999;

}

ul.num-list {
    list-style: decimal;
    margin-top: 6px;

}

ul.num-list li {
    border: none;
    padding: 2px;
}

ul.num-list li span {
    margin: 0 5px;
}

span.join {
    display: none;
    position: absolute;
    font-size: 3em;
    color: #D8DCE1;
}

#app-list ul {
    background: #fff;
    padding: 0px;
}

#app-list li {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    /*border-top: 2px solid #fff;*/
}

#attrbox-btnbar {
    clear: left;
    /*float: right;*/
    padding-top: 4px;
    position: relative;
    /*width: 100%;*/
}

.ac-state-active {
    background: #0074c7;
    color: #fff;
    font-weight: bold;

}

.ac-state-hover {
    background: #d0e5f5;

}

span.app-title {
    margin: 0 10px;
    width: 70%;
}

.signform {
    border: 1px #CCCCCC solid;
    border-radius: 6px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    margin: 20px;
    background: #EBE8D9;
}

.signform input {
    display: block;
    margin: 5px 0 10px;
    width: 280px;
}

.signform input[type=submit] {
    /*    background: url("images/login_button.png") no-repeat scroll 0 0 transparent;
        border: medium none;*/
    height: 35px;
    width: 130px;
    position: relative;
    bottom: -30px;
    float: right;
    font-size: 1.25em;
}

.chb-box input {
    float: left;
    width: auto;
}

.chb-box p {
    line-height: 14px;
    padding-left: 20px;
}

.chb-box span {
    color: #0074c7;
    font-weight: bold;
    cursor: pointer;
}

button, .button {
    /*text-shadow: 0 1px 1px #fff;*/
    color: #222;
}
#app-sett{
    border-left: 2px groove #fff;
    border-radius: 0;
    /*height: 546px;*/
    padding-top: 40px;
    overflow: auto;
}
.appsett {
    float: left;
}

ul.applenav, ul.applenav.ui-widget-header {
    /* Background Gradient */
    background-image: -moz-linear-gradient(top, #e4e4e4, #aaa);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#aaa));
    background-image: -ms-linear-gradient(top, #e4e4e4, #aaa);
    background-image: linear-gradient(top, #e4e4e4, #aaa);
    line-height: 100%;
    margin: 0;
    padding: 2px 0px;
    border: none;
    width: 100%;

}

ul.applenav li, ul.applenav.ui-tabs-nav li {
    float: left;
    list-style: none outside none;
    margin: 2px;
    /*padding: 0 0 8px;*/
    position: relative;
    background: none !important;
    border: none;
    top: 0;

}

ul.applenav .ui-state-default a {
    /*color: #E7E5E5;*/
    color: #262626;
}

ul.applenav.ui-tabs-nav {
    padding: 0;
}

ul.applenav a {
    outline: none;
}

ul.applenav a:link, ul.applenav a:visited {
    /*color: #E7E5E5;*/
    color: #262626;
    display: block;
    font-weight: bold;
    margin: 0;
    /*padding: 4px 6px;*/
    padding: 0.5em 0.75em;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 0px 1px 1px #fff;
}

ul.applenav .ui-state-active, ul.applenav .ui-tabs-active {
    background: none;
    border: none;
}

ul.applenav .ui-state-active a {
    color: #fff !important;
    text-shadow: 0px -1px 1px #000 !important;
    background-image: -moz-linear-gradient(top, #666, #888) !important;
    background-image: -ms-linear-gradient(top, #666, #888) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#888)) !important;
    background-image: linear-gradient(top, #666, #888) !important;
    /* Box Shadow */
    box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;

    border-radius: 4px;

}

ul.applenav li:hover a {
    color: #fff;
    text-shadow: 0px -1px 1px #000;
    /* Background Gradient */
    background-image: -moz-linear-gradient(top, #929292, #545454);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
    border-radius: 4px;

}

ul.applenav.ui-tabs-nav li:hover a, ul.applenav.ui-tabs-nav .ui-state-active a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

ul.applenav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.ui-tabs-nav {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.attr-cont {
    margin-left: 6px;
    clear: left;
}

.attr-listing-item {
    border: 1px #888 solid;
    margin-bottom: 2px;
    border-radius: 8px;
    background-color: #fff;
}

.attr-listing-item-head {
    background-color: #fff;
    padding: 4px;
    cursor: pointer;
    border-radius: 8px;
    min-height: 20px;
}

.attr-listing-item-cont {
    display: none;
    border-top: 2px solid #ccc;
    padding-top: 4px;
    background-color: #F7F7F7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.attr-listing-sep {
    border: 1px #aaa solid;
    margin-bottom: 2px;
    margin-top: 4px;
    border-radius: 2px;
}

.attr-listing-sep-head {
    padding: 4px;
    cursor: pointer;
    font-size: 14px;
}

.attr-listing-sep-cont {
    display: none;
    border-top: 2px solid #ccc;
    padding-top: 4px;
    background-color: #F7F7F7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.attr-listing-item-row {
    padding-bottom: 4px;

}

.attr-listing-item-row label {
    width: 50px;
}

.attr-icon {
    width: 40px;
    min-height: 30px;
    display: inline-block;
    /*    background-repeat: no-repeat;
        background-position: center;
        background-size: cover;*/
    background-color: #fff;
    /*float: left;*/
    padding: 2px;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    margin-right: 20px;
    vertical-align: middle;
    text-align: center;
}

.attr-icon img {
    display: block;
    margin: auto;
    max-height: 40px;
    max-width: 40px;
    vertical-align: middle;
}

.prop-highlite {
    background: #d0e5f5;
    opacity: 0.8;
    outline: 2px #0074c7 solid;
}

.attr-expanded {
    border: 2px solid #B4C721;
}

.fontPicker {
    width: 140px;
    height: 18px;
    padding: 1px;
    border: solid 1px #cecece;
    background-color: #fff;
    font-family: Tahoma;
    color: #444444;
    cursor: pointer;
    text-align: center;
    margin: 0px;
}

#fontbox {
    width: 140px;
    text-align: center;
    border: solid 1px #cecece;
    background-color: #ffffee;
    font-family: Tahoma;
    font-size: 12px;
    color: #444444;
    cursor: pointer;
    margin: 0px;
    padding: 1px;
}

.singlefont {
    padding-top: 1px;
    padding-bottom: 1px;
}

legend {
    color: #146295;
    font-size: 110%;
}

fieldset input, fieldset textarea, fieldset select, fieldset img, fieldset button {
    float: none;
    margin: 0;
}

input.colorpick {
    width: 120px;
}

/* linkTo */

#linkingOptions {
    min-height: 80px;
    padding-top: 20px;
}

.existingPageSelector {
    padding: 5px;
    margin: 5px;
    background-color: lightgray;
    width: 80px;
    display: inline-block;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    height: 30px;
    overflow: hidden;
}

.existingPageSelector.selected {
    background-color: grey;
}

.existingPageSelector:hover {
    background-color: grey;
}

span.text-ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.ios h1, .ios h2 {
    font: bold 18px "Helvetica Neue", Helvetica;
    text-shadow: rgba(255, 255, 255, .2) 0 1px 1px;
    color: rgb(76, 86, 108);
    margin: 10px 20px 6px;
}

/* @group Toolbar */

.ios .toolbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    padding: 10px;
    height: 45px;
    /*background: url(images/toolbar.png) #6d84a2 repeat-x;*/
    background: #3F51B5;


    position: relative;
}

.ios .black-translucent .toolbar {
    margin-top: 20px;
}

.ios .toolbar > h1 {
    /*    position: absolute;*/
    overflow: hidden;
    left: 50%;
    top: 10px;
    line-height: 1em;
    margin: 1px 100px 0 100px;
    height: 40px;
    font-size: 20px;
    /*    width: 150px;*/
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}

.ios .button, .ios .back, .ios .cancel, .ios .add {
    /*    position: absolute;*/
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    /*border-width: 0 5px;*/
    border-width: 0px;
    padding: 0 4px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    /*text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;*/
    text-shadow: none;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    /*border-image: url(images/toolButton.png) 0 5 0 5 fill;*/
    /*-webkit-border-image: url(images/toolButton.png) 0 5 0 5 fill;*/
    /*-moz-border-image: url(images/toolButton.png) 0 5 0 5 fill;*/
    position: absolute;
    border-style: solid;
}

.ios .button.active, .ios .cancel.active, .ios .add.active {
    /*-webkit-border-image: url(images/activeButton.png) 0 5 0 5;*/
    /*-moz-border-image: url(images/activeButton.png) 0 5 0 5 fill;*/
    /*border-image: url(images/activeButton.png) 0 5 0 5 fill;*/
    border-image: none;
}
.ios  .ion-plus{
    font-size: 1.5em;
}
.ios .back {
    left: 6px;
    right: auto;
    /*padding: 0;*/
    max-width: 75px;
    /*border-width: 0 8px 0 14px;*/
    /*-webkit-border-image: url(images/backButton.png) 0 8 0 14;*/
    /*-moz-border-image: url(images/backButton.png) 0 8 0 14 fill;*/
    /*border-image: url(images/backButton.png) 0 8 0 14 fill;*/
    border-image: none;

}

.ios .button.right {
    left: 6px;
    right: auto;
}

.ios ul {
    color: black;
    background: #fff;
    border: 1px solid #B4B4B4;
    font: bold 17px "Helvetica Neue", Helvetica;
    padding: 0;
    margin: 15px 10px 17px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.ios li {
    color: #666;
    border-top: 1px solid #B4B4B4;
    list-style-type: none;
    padding: 10px 10px 10px 10px;
}

/* when you have a first LI item on any list */

.ios ul li:first-child, .ios ul li:first-child a {
    border-top: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -moz-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ios ul li:last-child, .ios ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* universal arrows */

.ios ul li.arrow {
    background-image: url(images/chevron.png);
    background-position: right center;
    background-repeat: no-repeat;
}

/* universal links on list */

.ios ul li a, .ios ul li.img a + a {
    color: #000;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 12px 10px 12px 10px;
    margin: -10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.ios ul li a.active {
    background-color: #03a9f4;
    color: #fff;
}

.ios ul li.arrow a {
    /*overflow: visible;*/
    padding-right: 25px;
    min-height: 21px;
}

.ios ul li.arrow a.active {
    background-image: url(images/listArrowSel.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.ios ul li a.button {
    background-color: #194fdb;
    color: #fff;
}

.ios ul li.img a + a {
    margin: -10px 10px -20px -5px;
    font-size: 17px;
    font-weight: bold;
}

.ios ul li.img a + a + a {
    font-size: 14px;
    font-weight: normal;
    margin-left: -10px;
    margin-bottom: -10px;
    margin-top: 0;
}

.ios ul li.img a + small + a {
    margin-left: -5px;
}

.ios ul li.img a + small + a + a {
    margin-left: -10px;
    margin-top: -20px;
    margin-bottom: -10px;
    font-size: 14px;
    font-weight: normal;
}

.ios ul li.img a + small + a + a + a {
    margin-left: 0px !important;
    margin-bottom: 0;
}

.ios ul li a + a {
    color: #000;
    font: 14px "Helvetica Neue", Helvetica;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.ios ul li a + a + a, .ios ul li.img a + a + a + a, .ios ul li.img a + small + a + a + a {
    color: #666;
    font: 13px "Helvetica Neue", Helvetica;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 0;
}

.ios ul li a.bg32-left {
    background-repeat: no-repeat;
    background-position: 8px 12px;
    background-size: 32px 32px;
    padding-left: 50px;
}

/*
@end */

/* @group Forms */

.ios ul.form li {
    padding: 7px 10px;
}

.ios ul.form li.error {
    border: 2px solid red;
}

.ios ul.form li.error + li.error {
    border-top: 0;
}

.ios ul.form li:hover {
    background: #fff;
}

.ios ul li input[type="text"],
.ios ul li input[type="password"],
.ios ul li input[type="tel"],
.ios ul li input[type="number"],
.ios ul li input[type="search"],
.ios ul li input[type="email"],
.ios ul li input[type="url"],
.ios ul li textarea,
.ios ul li select {
    color: #777;
    background: transparent url('data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
    border: 0;
    font: normal 17px "Helvetica Neue", Helvetica;
    padding: 0;
    display: inline-block;
    margin-left: 0px;
    width: 100%;
    -webkit-appearance: textarea;
    -moz-appearance: textarea;
    appearance: textarea;
}

.ios ul li textarea {
    height: 120px;
    padding: 0;
    text-indent: -2px;
}

.ios ul li select {
    text-indent: 0px;
    background: transparent url(images/chevron.png) no-repeat 103% 3px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    margin-left: -6px;
    width: 104%;
}

.ios ul li input[type="checkbox"], .ios ul li input[type="radio"] {
    margin: 0;
    color: rgb(50, 79, 133);
    padding: 10px 10px;
}

.ios ul li input[type="checkbox"]:after, .ios ul li input[type="radio"]:after {
    content: attr(title);
    font: 17px "Helvetica Neue", Helvetica;
    display: block;
    width: 246px;
    margin: -12px 0 0 17px;
}

/* @end */

/* @group Edge to edge */
.ios ul.edgetoedge, .ios ul.edgetoedge * {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ios ul.edgetoedge li.sep {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(139, 159, 171, 1)), to(rgba(181, 193, 201, 1.0)));
    background: -moz-linear-gradient(top, rgba(139, 159, 171, 1), rgba(181, 193, 201, 1.0));
    background: linear-gradient(top, rgba(139, 159, 171, 1), rgba(181, 193, 201, 1.0));
    border-bottom: 1px solid #b5c1c9;
    border-top: 1px solid #b5c1c9;
    color: #fff;
    font-size: 16px;
    margin: 1px 0 0 0;
    padding: 2px 10px;
    text-shadow: #636a6f 0 1px 0;
}

.ios ul.edgetoedge h4 {
    color: #fff;
    background: rgb(154, 159, 170) url(images/listGroup.png) top left repeat-x;
    border-top: 1px solid rgb(165, 177, 186);
    text-shadow: #666 0 1px 0;
    margin: 0;
    padding: 2px 10px;
}

.ios ul.edgetoedge, .ios ul.metal {
    margin: 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
}

.ios ul.edgetoedge, .ios ul.metal, .ios ul.plastic {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.ios ul.metal {
    border-top: 0;
    border-bottom: 0;
    background: rgb(180, 180, 180);
}

.ios ul.edgetoedge li:first-child,
.ios ul.edgetoedge li:first-child a,
.ios ul.edgetoedge li:last-child,
.ios ul.edgetoedge li:last-child a,
.ios ul.metal li:first-child a,
.ios ul.metal li:last-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ios ul.edgetoedge li small {
    font-size: 16px;
    line-height: 28px;
}

.ios ul.edgetoedge li, .ios .metal li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ios ul.edgetoedge li em {
    /*    font-weight: normal;
        font-style: normal;*/
}

.ios ul.edgetoedge h4 + ul {
    border-top: 1px solid rgb(152, 158, 164);
    border-bottom: 1px solid rgb(113, 125, 133);
}

.ios ul a > div:not(:first-of-type) {
    color: #666;
    font: 13px "Helvetica Neue", Helvetica;
    white-space: normal;
}

.ios ul a > div:first-of-type, .ios ul a > div.singleline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* @end */

/* @group Mini Label */

.ios ul li small {
    color: #369;
    font: 17px "Helvetica Neue", Helvetica;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 23%;
    float: right;
    padding: 3px 0px;
}

.ios ul li.arrow small {
    padding: 0 15px;
}

.ios ul li small.counter {
    font-size: 17px !important;
    line-height: 13px !important;
    font-weight: bold;
    background: rgb(154, 159, 170);
    color: #fff;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    padding: 4px 10px 5px 10px;
    display: inline !important;
    width: auto;
    margin-top: -22px;
}

.ios ul li.arrow small.counter {
    margin-right: 15px;
}

/* @end */

/* @group Plastic */

.ios #plastic ul li.arrow, .ios #metal ul li.arrow {
    background-image: url(images/chevron.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.ios ul.edgetoedge, .ios ul.metal, .ios ul.plastic {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.ios ul.metal li {
    border-top: 1px solid rgb(238, 238, 238);
    border-bottom: 1px solid rgb(156, 158, 165);
    font-size: 26px;
    text-shadow: #fff 0 1px 0;
}

.ios ul.metal li a {
    line-height: 26px;
    margin: 0;
    padding: 13px 0;
}

.ios ul.metal li a:hover {
    color: rgb(0, 0, 0);
}

.ios ul.metal li:hover small {
    color: inherit;
}

.ios ul.metal li a em {
    display: block;
    font-size: 14px;
    font-style: normal;
    color: #444;
    width: 50%;
    line-height: 14px;
}

.ios ul.metal li small {
    float: right;
    position: relative;
    margin-top: 10px;
    font-weight: bold;
}

.ios ul.metal li.arrow a small {
    padding-right: 0;
    line-height: 17px;
}

.ios ul.metal li.arrow {
    background: url(images/chevron.png) right center no-repeat;
}

.ios .plastic {
    margin: 0;
    padding: 0;
    background: rgb(173, 173, 173);
}

.ios ul.plastic {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: rgb(173, 173, 173);
}

.ios ul.plastic li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid rgb(191, 191, 191);
    border-bottom: 1px solid rgb(157, 157, 157);
}

.ios ul.plastic li:nth-child(odd) {
    background-color: rgb(152, 152, 152);
    border-top: 1px solid rgb(181, 181, 181);
    border-bottom: 1px solid rgb(138, 138, 138);
}

.ios ul.plastic + p {
    font-size: 11px;
    color: #2f3237;
    text-shadow: none;
    padding: 10px 10px;
}

.ios ul.plastic + p strong {
    font-size: 14px;
    line-height: 18px;
    text-shadow: #fff 0 1px 0;
}

.ios ul.plastic li a {
    text-shadow: rgb(211, 211, 211) 0 1px 0;
}

.ios ul.plastic li:nth-child(odd) a {
    text-shadow: rgb(191, 191, 191) 0 1px 0;
}

.ios ul.plastic li small {
    color: #3C3C3C;
    text-shadow: rgb(211, 211, 211) 0 1px 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
}

.ios #plastic ul.minibanner, #jqt #plastic ul.bigbanner {
    margin: 10px;
    border: 0;
    height: 81px;
    clear: both;
}

.ios #plastic ul.bigbanner {
    height: 140px !important;
}

.ios #plastic ul.minibanner li {
    border: 1px solid rgb(138, 138, 138);
    background-color: rgb(152, 152, 152);
    width: 145px;
    height: 81px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
}

.ios #plastic ul.bigbanner li {
    border: 1px solid rgb(138, 138, 138);
    background-color: rgb(152, 152, 152);
    width: 296px;
    height: 140px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 4px;
}

.ios #plastic ul.minibanner li:first-child {
    margin-right: 6px;
}

.ios #plastic ul.minibanner li a {
    color: transparent;
    text-shadow: none;
    display: block;
    width: 145px;
    height: 81px;
}

.ios #plastic ul.bigbanner li a {
    color: transparent;
    text-shadow: none;
    display: block;
    width: 296px;
    height: 145px;
}

/* @end */

/* @group Individual */

.ios ul.individual {
    border: 0;
    background: none;
    clear: both;
    overflow: hidden;
}

.ios ul.individual li {
    color: rgb(183, 190, 205);
    background: white;
    border: 1px solid rgb(180, 180, 180);
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    float: left;
    display: block;
    padding: 11px 10px 14px 10px;
}

.ios ul.individual li + li {
    float: right;
}

.ios ul.individual li a {
    color: rgb(50, 79, 133);
    line-height: 16px;
    margin: -11px -10px -14px -10px;
    padding: 11px 10px 14px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.ios ul.individual li a:hover {
    color: #fff;
    background: #36c;
}

/* @end */

/* @group Toggle */

.ios .toggle {
    width: 94px;
    position: relative;
    height: 27px;
    display: block;
    overflow: hidden;
    float: right;
}

.ios .toggle input[type="checkbox"]:checked {
    left: 0px;
}

.ios .toggle input[type="checkbox"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff url(images/on_off.png) 0 0 no-repeat;
    height: 27px;
    overflow: hidden;
    width: 149px;
    border: 0;
    -webkit-appearance: textarea;
    -moz-appearance: textarea;
    appearance: textarea;
    /*background-color: transparent;*/
    -webkit-transition: left .15s;
    -moz-transition: left .15s;
    transition: left .15s;
    position: absolute;
    top: 0;
    left: -55px;
}

/* @end */

.ios .info {
    background: #dce1eb;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .8) 0 1px 0;
    color: rgb(76, 86, 108);
    padding: 15px;
    border-top: 1px solid rgba(76, 86, 108, .3);
    font-weight: bold;
}

.ios input[type='submit'] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238, 238, 238, 1)), to(rgba(156, 158, 160, 1)));
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1), rgba(156, 158, 160, 1));
    background: linear-gradient(top, rgba(238, 238, 238, 1), rgba(156, 158, 160, 1));
    border: 1px outset #aaa;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    padding: 10px;
}

/* @group Apple segmentedControl */
.ios ul.segmentedControl li {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#c7c7c7));
    background: -moz-linear-gradient(top, #fcfcfc, #c7c7c7);
    background: linear-gradient(top, #fcfcfc, #c7c7c7);
    background-color: #e1e1e1;
    border: 1px solid rgba(180, 180, 180, 0.8);
}

.ios ul.segmentedControl li label {
    text-shadow: rgba(255, 255, 255, .8) 1px 1px 0;
}

.ios ul.segmentedControl li.scSelected {
    background-color: #528ce7;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#336ed2), to(#70aafc));
    background: -moz-linear-gradient(top, #336ed2, #70aafc);
    background: linear-gradient(top, #336ed2, #70aafc);
    color: #fff;
}

/* @end */

/* @group Apple checkGroup */
.ios ul.checkGroup li {
    color: #000;
}

.ios ul.checkGroupli input[type=radio] {
    color: #324f85;
}

.ios ul.checkGroup li input[type=radio]:checked {
    /*   background: url(img/check_apple.png) right center; */
    /* OR */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAACGmlDQ1BJQ0NQcm9maWxlAAB4nK3Tz2vTYBgH8G9a9gMVJ0MZ3gLK8FClrMI2BuLWbVK71Zi2zAk60iRL45o0JGmn4sE/QFE8eZAx8OJFEL0IQ/QoiMgQRMG7HmXKLkPj8+bdmx6keNkDL+8nL+/7vG+eNwHSXzXPa6QAOG7oq+em5EuLl+W+L+jDUQxgH4Y0PfAmFWUOXWP7EyTWfzzJcqkv7mytTNyeezfxbOCYtV7tvi6Ogz5tCEgZ8mGL+yxzjbvCvBp6IbnOrNc1g3yLnPErap78hOWxuF8y17jfMrd1i639TM66hu0CqX7ymGEGOpnttWQEukNeJ/9wnCblT98nn9A9n9amWc7jrC78yO1vwJk1mn+vM7ZYA56OA0dGO2PDd+m4o8CG1hn79SCulTS0FiznRuIhaf8S0HMlin6OAb0fgD+no2jneRT9fkh7bwOvN/WW396tlyS9B/73zN+ZPwOboVA387rEkQUevwEWiEXqH1EbXgUGNwCFakXXkcrlROM1jKPHnteE9yycRkvkHKR2wK2VLlDP7u+7FyoV4aBdnhFetmcLwoY2XRS+Wc+Xkjn+rCp8TTuvCJtutZzkb8Tf/O5eU8l8M5gpd3JWFoT9lloVXmkWk/mGOZ2czW2Ukpx2WEjODxvz0KDzb49F7yGq/UWmV1tX/6lLaF6P7y7f9G74tlUP5Un688yMXHD1Uxl5JJsdx1/vqatToc1CYwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACN0RVh0U29mdHdhcmUAR3JhcGhpY0NvbnZlcnRlciAoUG93ZXJQQym2pnOhAAAA4UlEQVR4nGL4//8/AyH89dvP/37p0/4b+beC8et3nwlrAuFJC/fBNVX1bvgPEiOo6dGzt//NgtvBmqzDu/6/fPOJOI15TSvgts1bc/Q/TByvpkOnb8M1gfz469cfwhpBipADBGQIsjxDdsNysIRDdC/c/SAMchZME8i56AYzTFm8H66goGUVWAHIAFBAgMQsQzv/gwIIQyPIScHZM+Gat+y7BA5ybAGCohFEXLv9DCXIcQUIhkYQnr70IFwDrgDBqhFkcnTRXLwBglUjCN999Aocuk6x/VgDBBkDAAAA//8DAMS4AkjvndBxAAAAAElFTkSuQmCC') right center;
    background-repeat: no-repeat;
}

/* table */
.ios table.schedule {
    border: black solid 1px;
    border-collapse: collapse;
}

.ios table.schedule td {
    border: 1px solid black;
    padding: 4px;
}

.ios ul li.forward {
    background-image: url(images/chevron_circle.png);
    background-position: right center;
    background-repeat: no-repeat;
}

/* mein QR-Code */
#publishedQrCode {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 260px;
    height: 260px;
    padding-bottom: 20px;
    margin: auto;
}

#instructions {
    background-repeat: no-repeat;
    /*width: 980px;*/
    /*height: 1038px;*/
    padding-top: 20px;
    padding-bottom: 26px;
    text-align: center;
    overflow: hidden;
    height: 48px;
    cursor: pointer;
}

.qrContainer {
    padding-top: 20px;
    text-align: center;

}

#instructions img {
    max-width: 25%;
}

#edit-wrap input[type=text], #edit-wrap input[type=tel], #edit-wrap input[type=number], #edit-wrap input[type=search], #edit-wrap input[type=email], #edit-wrap input[type=date], #edit-wrap input[type=time], #edit-wrap input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    margin: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    border: 1px solid #bbb;
    cursor: default;
    pointer-events: none;
}

#edit-wrap textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    margin: 0;
    font-size: 13px;
    border: 1px solid #bbb;
    cursor: default;
    pointer-events: none;
}

ul li a.curr-lang::before {
    background-image: url(images/tick.png);
}

ul li a.curr-lang {
    font-weight: bold;
}

/* create App fotrmular */

#createApp_content{
    margin:15px auto;
    text-align:center;
    /*width:600px;*/
    position:relative;
    height:100%;
}
#createApp_wrapper{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:600px;
    overflow:hidden;
}
#createApp_steps{
    width:600px;
    /*height:320px;*/
    overflow:hidden;
}
.createApp_step{
    float:left;
    width:600px;
    /*height:320px;*/
}
#createApp_navigation{
    height:45px;
    background-color:#e9e9e9;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#createApp_navigation ul{
    list-style:none;
    float:left;
    margin-left:2%;
}
#createApp_navigation ul li{
    float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
    margin:0px 2px;
    margin-right: 44px;
}
#createApp_navigation ul li a{
    display:block;
    height:45px;
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 20px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,
        rgb(240,240,240) 78%
        )
}
#createApp_navigation ul li a:hover,
#createApp_navigation ul li.createApp_selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
span.createApp_checked{
    background:transparent url(./images/createApp_checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.createApp_error{
    background:transparent url(./images/createApp_error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#createApp_steps div#createApp_formElem fieldset{
    border:none;
    padding-bottom:20px;
}
#createApp_steps div#createApp_formElem legend{
    text-align:left;
    background-color:#f0f0f0;
    color:#666;
    font-size:24px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:590px;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
}
#createApp_steps div#createApp_formElem p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:400px;
    padding:10px;
    margin-left:100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#createApp_steps div#createApp_formElem p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
#createApp_steps div#createApp_formElem input:not([type=radio]),
#createApp_steps div#createApp_formElem textarea,
#createApp_steps div#createApp_formElem select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#createApp_steps div#createApp_formElem input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#createApp_steps div#createApp_formElem p.createApp_submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#createApp_steps div#createApp_formElem button {
    border:none;
    outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#createApp_steps div#createApp_formElem button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

.my-app-color{
    color: #00BFFF !important;
}

.extrasView md-chips.customStyleChips input[type=search], .extrasView md-chips.customStyleChips input[type=search]:focus{
    box-shadow: none;
}
.extrasView md-chips.customStyleChips .md-chip-input-container{
    width:40px;
}
.extrasView p{
    word-wrap: break-word;
}
div[ui-tree-handle]{
    cursor: pointer;
}
.folder-open{
    padding: 1px 10px;
    background-image: url('../img/folder_open.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.folder-closed{
    padding: 1px 10px;
    background-image: url('../img/folder_closed.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.folder-add:after{
    content: '+';
    position: absolute;
    right: 4px;
    top: -2px;
    font-size: small;
    font-weight: bold;
}
.document{
    padding: 1px 10px;
    background-image: url('images/fileicons/file.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.md-input-label{
    color: #888;
    font-size: 100%;
    transform: inherit !important;
}
/*Rotating animation*/
@-webkit-keyframes rotating /* Safari and Chrome */
{
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}