/*publish form css start*/

.AppPublishArea{
    background-color: white;
    float: left;
    width: 100%;
}
.AppPublishArea .appPublishContainer {
    width: 100%;
    padding: 2px 8px 0px 8px;
    border-radius: 4px;
    background-color: #fafafa;
    border: solid 1px #E4EAEC;
    margin: 2px 0;
    float: left;
}
.AppPublishArea .appPublishContainer .img {
    float: left;
    margin-top: 4px;
}
.AppPublishArea .appPublishContainer .check {
    float: left;
    margin-top: 2px;
    margin-left: 5px;
}
.AppPublishArea .seprator{
    height: 1px;
    background-color: #F1F1F1;
    width: 100%;
    margin: 20px 0 10px 0;
}
.AppPublishArea .PushRadio{
    margin-top: 9px;
    float: left;
}
.AppPublishArea .PushRadio label p{
    margin-top: 2px;
}
.AppPublishArea .gray{
    padding: 20px;  
}
.AppPublishArea .radio-custom.radio-primary{
    border: 1px solid #ccc;
    display: -webkit-box;
    padding: 0px 28px;
    background-color: #fafafa;
    border-radius: 4px;;
}

.AppPublishArea .imgUpload.iconimg{
    position: relative;
    width: 200px;
    height: 200px;    
    margin: 20px 0;
}
.AppPublishArea .imgUpload .add_image {
    background: url(http://appon.io/images/appon_icons_43.png) #f2f2f2 no-repeat center;
    border: 1px #666 dashed;
    opacity: 0.7;
    width: 150px;
    height: 150px;
    margin: 10px auto;
    cursor: pointer;
}
.AppPublishArea .add_image.iconimg .add_image {
    width: 60% !important;
    height: 110px !important;
    margin: 57px auto !important;
}
.AppPublishArea .imgUpload .add_image:hover {
    opacity: 1;
}
.AppPublishArea .add_image p:first-of-type{
    margin-bottom: -12px;
    font-size: 14px;
    font-weight: bold;
}
.AppPublishArea .add_image p:last-of-type{
    margin-top: -18px;
}
.AppPublishArea .add_image.iconimg:hover .icon {
    display: block;
}
.AppPublishArea .add_image.iconimg .icon {
    display: none;
    position: absolute;
    bottom: 58px;
    right: 53px;
    background: url(http://appon.io/images/appon_icons_52.png) no-repeat center;
    width: 44px;
    height: 44px;
}
.AppPublishArea .add_image:hover .icon {
    display: block;
}
.AppPublishArea .add_image{
    position: relative;
}
.AppPublishArea .add_image .icon {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(http://appon.io/images/appon_icons_52.png) no-repeat center;
    width: 44px;
    height: 44px;
}
.AppPublishArea .nav-tabs-horizontal .ScreenUpload {
    float: left;
    margin: 0 24px;
}
.AppPublishArea .nav-tabs-horizontal .ScreenUpload .add_image {
    background: url(http://appon.io/images/appon_icons_43.png) #f2f2f2 no-repeat center;
    border: 1px #666 dashed;
    opacity: 0.7;
    width: 179px;
    height: 269px;
    margin: 20px auto;
    cursor: pointer;
    position: relative;
}
.AppPublishArea .nav-tabs-horizontal .ScreenUpload .add_image.iphone {
    background: url(http://appon.io/images/appon_icons_43.png) #f2f2f2 no-repeat center;
    border: 1px #666 dashed;
    opacity: 0.7;
    width: 179px;
    height: 318px;
    margin: 20px auto;
    cursor: pointer;
}

.AppPublishArea .nav-tabs-horizontal .ScreenUpload .add_image:hover {
    opacity: 1;
}
.AppPublishArea .nav-tabs-horizontal .screenshots{
    margin: 40px -13px 47px 10px;
    border: 1px solid #ccc;
    float: left;
}
.AppPublishArea .nav-tabs-horizontal .screenshots .ScreenImg{
    border: 1px solid #fafafa;
    float: left;
    width: 179px;
    height: 269px;
    
    background-size: cover !important;
    background-repeat: no-repeat;
}
.AppPublishArea .nav-tabs-horizontal .screenshots .ScreenImg.iphone{
    border: 1px solid #fafafa;
    float: left;
    width: 179px;
    height: 318px;
    
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.ScreenUpload .screenshots .close{
    position: relative;
    top: 30px;
    right: -1px;
    background-color: white;
    color: black;
    border-radius: 0px 0px 0px 14px;
    padding: 4px;
    opacity: 0.6;
    outline: none;
}
.ScreenUpload .screenshots .close:hover{
    opacity: 0.9;
}
.AppPublishArea .tooltipBooking.icon {
    color: #76838F;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
 }
.AppPublishArea .tooltip .tooltip-inner {
    min-width: 190px;
    text-align: left;
 }
 .ScreenUpload i{
    margin: 38px -15px 0 0;
    color: gray;
 }

 .pull-right.tooltipforSplash{
    position: absolute;
    right: 41px;
    top: 28px;
    color: gray;
 }
  .pull-right.tooltipforSplashicon{
    position: absolute;
    right: 10px;
    top: 28px;
    color: gray;
 }

 .ScreenUpload .ScreenImg .btn-round{
    display: block;
}
.ScreenUpload .ScreenImg .btn-round{
    display: block;
}
.ScreenUpload .ScreenImg .btn-round{
    position: absolute;
    right: -20px;
    top: -15px;
    background-color: white;
    border: 2px solid #777575;
    color: #777575;
    width: 40px;
    height: 40px;
    font-size: 14px;
    padding: 0px;
    z-index: 22;
}
.ScreenUpload .ScreenImg .btn-round:hover{
    background-color: #777575;
    color: white;
    width: 55px;
    height: 40px;
}
.ScreenUpload .ScreenImg .btn-round:hover .icon.icon2{
    display: block;
    float: left;
    margin-left: 18px;
}
.ScreenUpload .ScreenImg .btn-round .icon.icon2:hover{
    color: black;
    transition: 1s;
    left: 0;
}
.ScreenUpload .ScreenImg .btn-round:hover .icon{
    display: none;
}
.ScreenUpload .ScreenImg .btn-round .icon2{
    display: none;
    color: white;
}
.screenshots .ScreenImg{
    position: relative;
}
.screenshots .ScreenImg button:hover{
    background: white;
    color:white;
}
/*publish form css ends*/