body, html { overflow-x: hidden; overflow-y: hidden; }
body {
    text-align: center;
}
#img_to_crop{
    -webkit-user-drag: element;
    -webkit-user-select: none;
}

#wt_page {
    text-align: center;
    position: relative;
    margin-left: 50%;
    left: -324px;
}
#wt_container {
    /*disable responsive*/
    width: 648px;
}
#wt_ecard_div {
    position: relative;
    z-index: 20;
}
#wt_ecard_img_layout {
    position: relative;
    top:0px;
    margin-bottom: 0px;
    left: 0px;
    z-index: 40;
    text-align: center;
}
#wt_ecard_img_face {
    position: absolute;
    top:160px;
    margin-bottom: 0px;
    left: 124px;
    z-index: 50;
}
#crop_container {
    border: none;
}
#crop_container #k {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}
#crop_container #k image {
    cursor: move;
}

#crop_container_selector {
    display: none;
}

#wt_control_gender {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 320px;
    z-index: 60;
    text-align: left;
}
#wt_control_gender .navbar-brand {
    padding: 15px 5px 15px 15px;
}
#wt_control_gender button {
    padding: 1px 5px;
}
#wt_button_layout_female {
    background-image: url("../images/btn/female.png");
    width: 33px;
    height: 33px;
    border: 0px;
}
#wt_button_layout_male {
    background-color: transparent;
    background-image: url("../images/btn/male.png");
    width: 35px;
    height: 35px;
    border: 0px;
}

#wt_control_upload {
    position: absolute;
    top: 60px;
    left: 30px;
    width: 320px;
    z-index: 60;
    text-align: left;
}
#wt_control_upload a {
    padding: 1px 5px;
    background-image: url("../images/btn/upload.png");
    width: 75px;
    height: 25px;
    border: 0px;
}

#wt_control_upload .progress {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 30px;
    margin-top: 0px;
}
#wt_control_upload div.alert {
    margin-left: 0px;
    margin-right: 20px;
    padding: 3px 5px;
    padding-right: 30px;
}
#wt_control_upload div.alert button {
    top: 0px;
}


#wt_progress_bar {
    text-align: center;
}
.pekecontainer {

}
#wt_fileupload_div {
    background-image: url("../images/btn/upload.png");
    height: 25px;
    width: 75px;
    background-repeat: no-repeat;
}
#fileupload {
    padding: 1px 5px;
    background-image: url("../images/btn/upload.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fae917;
    width: 175px;
    height: 25px;
    border: 0px;
    margin-top: 9px;
    cursor: pointer;

    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=0);

    /* Older than Firefox 0.9 */
    -moz-opacity:0;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0;
}





.pekecontainer {
    display: none;
}

#wt_upload_instruction {
    display: none;
    position: absolute;
    top: 22px;
    left: 29px;
    width: 320px;
    z-index: 55;
    text-align: left;
}
#wt_upload_instruction .addthis_toolbox {
    margin-top: 8px;
}

#wt_control_buttons {
    position: absolute;
    z-index: 100;
    left: 33px;
    top: 190px;
    width: 100px;
    height: 400px;
    text-align: left;
}
#wt_control_buttons button {
    background-color: transparent;
    text-align: center;
    width: 100px;
    background-image: url("../images/btn/blank.png");
    width: 75px;
    height: 25px;
    border: 0px;
    text-transform: uppercase;
    padding: 0px 1px 0px 0px;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 11px;
    color: #000000;
}

.ui-slider-vertical .ui-slider-handle {
    margin-left: -3px;
}

#wt_card_title {
    text-align: left;
    position: absolute;
    top: 575px;
    left: 110px;
    z-index: 60;
}
#wt_card_title input, #wt_card_title span {
    font-family: 'Titillium Web', sans-serif;
    color: #fdee00;
    font-size: 72px;
    line-height: 72px;
    text-shadow: 0px 0px 7px #000;
    font-style: italic;
    font-weight: bold;
    display: inline-block;
    background: none;
    border: none;
    padding: 0px;
    width: 537px;
    overflow: hidden;
    margin-top: 0px;
    text-transform: uppercase;
}
#wt_card_title span {
    display: inline-block;
}
#wt_card_title_span_temp {
    height: 0px;
    display: inline;
    font-family: 'Titillium Web', sans-serif;
    color: #fdee00;
    font-size: 72px;
    line-height: 0px;
    text-shadow: 0px 0px 7px #000;
    font-style: italic;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0px;
    margin-top: -50px;
    position: relative;
    visibility: hidden;
    display: none;
    top: -50px;

    text-transform: uppercase;
}

#wt_card_subtitle_line_1 {
    text-align: left;
    position: absolute;
    top: 660px;
    left: 45px;
    z-index: 60;
    display:none;
}
#wt_card_subtitle_line_1 input {
    font-family: 'Titillium Web', sans-serif;
    color: #ffffff;
    font-size: 72px;
    line-height: 72px;
    text-shadow: 2px 0px 7px #000;
    display: inline;
    background: none;
    font-weight: bold;
    border: none;
    padding: 0px;
    width: 602px;
    overflow: hidden;
    text-transform: uppercase;
}

#wt_card_subtitle_line_2 {
    text-align: left;
    position: absolute;
    top: 730px;
    left: 45px;
    z-index: 60;
    display:none;
}
#wt_card_subtitle_line_2 input {
    font-family: 'Titillium Web', sans-serif;
    color: #ffffff;
    font-size: 72px;
    line-height: 72px;
    text-shadow: 2px 0px 7px #000;
    display: inline;
    background: none;
    font-weight: bold;
    border: none;
    padding: 0px;
    width: 602px;
    overflow: hidden;
    text-transform: uppercase;
}

#wt_instructions {
    position: absolute;
    left: 50px;
    top: 470px;
    width: 560px;
    z-index: 60;
    font-weight: bold;
    text-align: left;
}
#wt_instructions ol {
    margin-bottom: 0px;
}

#wt_small_image {
    position: absolute;
    left: 254px;
    top: 197px;
    width: 160px;
    height: 215px;
    z-index: 30;
}

#wt_email_to {
    display: none;
    position: absolute;
    left: 29px;
    top: 80px;
    z-index: 60;
    width: 215px;
    text-align: left;
}
#wt_email_to img {
    display: inline-block;
}
#wt_email_to input {
    display: inline-block;
    width: 177px;
    height: 35px;
    border: 0px;
    background-color: transparent;
    color: #ffffff;
    text-shadow: 0px 1px 6px #e2ab41;
    font-weight: bold;
    font-size: 13px;
    font-family: sans-serif;
    position: absolute;
    right: 0px;
    margin-top: 0px;
    padding: 3px 12px;
    padding-right: 3px;
    line-height: 18px;
    background-image: url("../images/btn/input.png");
}

#wt_email_from {
    display: none;
    position: absolute;
    left: 29px;
    top: 120px;
    z-index: 60;
    width: 215px;
    text-align: left;
}
#wt_email_from img {
    display: inline-block;
}
#wt_email_from input {
    display: inline-block;
    width: 177px;
    height: 35px;
    border: 0px;
    background-color: transparent;
    color: #ffffff;
    text-shadow: 0px 1px 6px #e2ab41;
    font-weight: bold;
    font-size: 13px;
    font-family: sans-serif;
    position: absolute;
    right: 0px;
    margin-top: 0px;
    padding: 3px 12px;
    padding-right: 3px;
    line-height: 18px;
    background-image: url("../images/btn/input.png");
}

#wt_send_button {
    background-image: url("../images/btn/senden.png");
    width: 75px;
    height: 25px;
    border: 0px;
    background-color: transparent;
    margin-top: 5px;
}

#wt_ajax_loader {
    display: none;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 60;
}

#rotationContainer, #zoomContainer {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid orangered;
    visibility: hidden;
}

div#crop_container #k img {
    cursor: move;
}

#wt_restore_button {

}