#colorbox, #cboxOverlay, #cboxWrapper {
    /* Go on top of panels IPE toolbar */
    z-index:100000 !important;
}

#colorbox,
#cboxOverlay,
#cboxContent,
#cboxLoadedContent,
#cboxWrapper {
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    width:auto !important;
    height:auto !important;
}
#colorbox {
    background:rgba(0,0,0,0.65);
}
/*
#cboxLoadedContent {
    position:absolute !important;
    top:20% !important;
    left:15% !important;
    height:60% !important;
    width:70% !important;

    overflow:hidden !important;
}
.colorbox-small #cboxLoadedContent {
    top:25% !important;
    left:25% !important;
    height:50% !important;
    width:50% !important;
}
.colorbox-big #cboxLoadedContent {
    top:10% !important;
    left:8% !important;
    height:80% !important;
    width:84% !important;
}
*/
#cboxLoadedContent {
    position:absolute !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
}
#colorbox iframe {
    width:100%;
    height:100%;
    background:transparent;
}

body.chuppies-dialog {
    background:transparent;
}
.chuppies-dialog-wrapper {
    position:absolute !important;
    top:20% !important;
    left:15% !important;
    height:60% !important;
    width:70% !important;

    padding:25px 20px;
    border-radius:6px !important;
    background:white;

    overflow:auto !important;
}
.chuppies-dialog-small .chuppies-dialog-wrapper {
    top:25% !important;
    left:25% !important;
    height:50% !important;
    width:50% !important;
}
.chuppies-dialog-big .chuppies-dialog-wrapper {
    top:10% !important;
    left:8% !important;
    height:80% !important;
    width:84% !important;
}
.chuppies-dialog-iframe .chuppies-dialog-wrapper {
    position:static !important;
    width:auto !important;
    height:auto !important;
}


/* For now need specificity.. until updating actual IMCE styles */
body.imce.imce {
    padding: 65px;
    background: transparent !important;
}