#croppic{
width: 400px; height: 208px; position: relative; margin: 50px 70px 20px;
border: 3px  solid #FFF;
box-sizing: content-box;
-moz-box-sizing: content-box;
border-radius: 2px;
background-image: url(//www.ascoded.com/wp-content/plugins/indeed-affiliate-pro/assets/images/placeholder.png);
background-repeat: no-repeat;
background-position: center;
box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
} .cropImgWrapper{
cursor: -webkit-grab;
cursor: grab;
}
.cropImgWrapper:active{
cursor: -webkit-grabbing;
cursor: grabbing;
}
.cropImgUpload{
z-index:2;
position:absolute;
height:28px;
display:block;
top: -30px;
right: -2px;
font-family:sans-serif;
width:20px;
height:20px;
text-align:center;
line-height:20px;
color:#FFF;
}
.cropControls{
z-index:2;
position:absolute;
height:30px;
display:block; top: -1px;
right: -1px;
font-family:sans-serif;
background-color:rgba(0,0,0,0.35);
}
.cropControls i{
display:block;
float:left;
margin:0;
cursor:pointer;
background-image:url(//www.ascoded.com/wp-content/plugins/indeed-affiliate-pro/assets/images/cropperIcons.png);
width:30px;
height:30px;
text-align:center;
line-height:20px;
color:#FFF;
font-size:13px;
font-weight: bold;
font-style: normal;
}
.uap-cst-croppic{
margin: 0 auto;
}
.uap-cst-croppic .cropControls i {
background-color:rgba(0,0,0,0.35);
}
#uap-custom-controls i {
font-family: 'Open Sans', sans-serif;
font-size: 0.7em;
font-weight: 600;
padding: 9px 10px;
line-height: 20px;
}
#uap-custom-controls i:before {
content: none;
}
.uap_delimiter {
background-color:rgba(0,0,0,0.35);
float: left;
color:#fff;
font-weight:100;
opacity: 0.7;
}
.cropControls i:hover{ background-color:rgba(0,0,0,0.7);  }
.cropControls i.cropControlZoomMuchIn{ background-position:0px 0px;}
.cropControls i.cropControlZoomIn{ background-position:-30px 0px; }
.cropControls i.cropControlZoomOut{ background-position:-60px 0px; }
.cropControls i.cropControlZoomMuchOut{ background-position:-90px 0px; }
.cropControls i.cropControlRotateLeft{ background-position:-210px 0px; }
.cropControls i.cropControlRotateRight{ background-position:-240px 0px; }
.cropControls i.cropControlCrop{ background-position:-120px 0px;}
.cropControls i.cropControlUpload{ background-position:-150px 0px;}
.cropControls i.cropControlReset{ background-position:-180px 0px;}
.cropControls i.cropControlRemoveCroppedImage{ background-position:-180px 0px;}
.cropControls i:last-child{
margin-right:none;
}
#croppicModal{
position:fixed;
width:100%;
height:100%;
top: 0;
left: 0;
display:block;
background:rgba(0,0,0,0.8);
z-index: 10000;
} .bubblingG {
text-align: center;
width:80px;
height:50px;
position: absolute;
top: 50%;
left: 50%;
margin: -18px auto auto -40px;
z-index:2;
}
.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #FFF;
box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
-moz-border-radius: 50px;
-moz-animation: bubblingG 1s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 1s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 1s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 1s infinite alternate;
border-radius: 50px;
animation: bubblingG 1s infinite alternate;
}
#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2 {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#bubblingG_3 {
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#FFF;
-moz-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFF;
-moz-transform: translateY(-21px);
}
}
@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#FFF;
-webkit-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFF;
-webkit-transform: translateY(-21px);
}
}
@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#FFF;
-ms-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFF;
-ms-transform: translateY(-21px);
}
}
@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#FFF;
-o-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFF;
-o-transform: translateY(-21px);
}
}
@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#FFF;
transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFF;
transform: translateY(-21px);
}
}   .downloadButton{
color: #FFFFFF;
margin: 10px 10px;
padding: 20px 50px;
width: 408px;
display: none;
text-align: center;
font-weight: 300;
background: transparent;
border-radius: 3px;
font-size: 38px;
}
.downloadButton sup{
font-family: 'Lato', sans-serif;
font-size:15px;
}
.cropHeaderWrapper{
overflow:hidden;
height: 420px;
}
#cropContainerHeaderButton{
color: #FFF;
margin: 10px 0 30px 71px;
padding: 15px 50px;
width: 407px;
display: block;
text-align: center;
font-weight: 400;
background: #2CE987;
text-transform: uppercase;
border-radius: 2px;
box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
font-size: 20px;
}
#cropContainerHeaderButton:hover {
background: #1CD139;
}
.optionsDiv{
border-radius:2px;
position:absolute;
}
.optionsDiv a{
width:50%;
margin-right:20%;
float:left;
margin-bottom:10px;
cursor:pointer;
}
#optionsFloating.fixed{
position:fixed;
top:100px;
}
.downloadLink{
font-size: 22px;
color: #666;
text-align: center;
display: block;
width: 320px;
width: 320px;
padding: 10px;
border: 1px solid #CCC;
height: 62px;
margin: 0 auto;
}
.downloadLink:hover {
background:#FFF;
}
.downloadIcon{
width:75px;
height:75px;
display:block;
background-size:75px 150px;
background-position:0px 0px;
background-image: url(//www.ascoded.com/wp-content/plugins/indeed-affiliate-pro/assets/images/downloadIcon.png);
}
.downloadLink:hover .downloadIcon{
background-position:0px -75px;
}
.downloadIcon.small{
width:25px;
height:25px;
display:block;
background-size:25px 50px;
background-position:0px 0px;
background-image: url(//www.ascoded.com/wp-content/plugins/indeed-affiliate-pro/assets/images/downloadIcon.png);
}
.downloadLink:hover .downloadIcon.small{
background-position:0px -25px;
}
.downloadLink .downloadIcon {
float:left;
}
.downloadLink span{
line-height: 40px;
float:left;
}
.uap-cropImgWrapper{
overflow:hidden;
z-index:1;
position:absolute;
}
.uap-croppicModalObj{
position: relative;
max-width:100%;
}
#cropContainerModal{ width:100%; height:200px; position: relative; border:1px solid #ccc;}
#cropContaineroutput{ width:100%; height:145px; position: relative; border:1px solid #ccc;}
#cropContainerEyecandy{ width:100%; height:200px; position: relative; border:1px solid #ccc;}
#cropContainerPreload{ width:100%; height:200px; position: relative; border:1px solid #ccc;}
#cropContainerMinimal{ width:100%; height:200px; position: relative; border:1px solid #ccc;}
#cropContainerPlaceHolder2{ width:100%; height:200px; position: relative; border:none;}
#web_by {position:absolute; right:10px; font-size:10px; color:#aaa; padding:13px; cursor:pointer;  }
#web_by  label{  display:none; position:absolute; right:5px; top:-32px; z-index:10000; font-size:10px; color:#ffa200; padding:10px 9px; cursor:pointer; width:60px; height:40px; background-image:url(//www.ascoded.com/wp-content/plugins/indeed-affiliate-pro/assets/images/jobotic_bubble.png); background-repeat:no-repeat; }
#jobotic {position:fixed; right:-100px; bottom:-3px; font-size:10px; color:#aaa; padding:13px; cursor:pointer; z-index:9999;}
#kontakt { float:left; width:100%; height:auto; z-index:450; position:relative; }
#kontakt_bg { position:absolute; top:0; left:0; width:100%; height:auto; z-index:450;}
#copyright {float:left; width:100%; height:45px; background-color:#FFF; margin-top:6px;}
#copyright  p{float:left; width:100%; font-size:12px; color:#999; text-align:center; background-color:#FFF; margin-top:10px;}
#js_uap_edit_top_ap_banner {
width: 100%;
height: 300px;
position:relative; }