/*
http://localhost/mm2017-05-21/www/##sign_up
http://localhost/imgPicker/vt_chage_data.html
 #6835cb 

1 id="avatarModal" (profile thumbnail) Change Profile Thumbnail
2 id="headerModal" (background) Change Background Picture
3 id="picModal_multi" Change Slideshow Picture

*/

/*default overides*/

.ip-modal-content {
    background-color: #fbfbfd!important;
    border-top: 5px solid #6835cb!important;    
}
.btn, .ip-upload, .btn-default, .btn-primary, .btn-info, .btn-danger, btn-success {
    height: 39px!important;
    width: auto!important;
    padding: 0px!important;
    margin: 0px auto 0px auto!important;
    color: transparent!important;
    border: none!important;
    background: none!important;
    background-color: transparent!important;
    border-color: transparent!important;
    border-radius: 39px!important;
}
.ip-modal-footer {
    padding: 5px 15px 0px!important;
    margin: 0px auto 0px auto!important;
    border-top: none!important;
}
.ip-rotate {   
    padding: 16px auto 0px auto!important;
    margin: 2px 0px 10px 0px!important;
}



/* non default */

.disappear_when_small {
    display: visible!important;
}
.disappear_when_large {
    display: visible!important;
}


@media screen and (max-width: 500px) {
    
    .disappear_when_small {
        display: none!important;
    }
}
@media screen and (min-width: 500px) {    
    .disappear_when_large {
        display: none!important;
    }
}
/*
@media screen and (max-height: 635px) {
    
    .rotate_left_mobile {    
        margin: -282px 10% 0px 0px!important;
  
    }
    .rotate_right_mobile {   
        margin: -282px 0px 0px 10%!important;
        }
    }
@media screen and (min-height: 635px) {    
    .rotate_left_mobile {    
        margin: -282px 10% 0px 0px!important;
  
    }
    .rotate_right_mobile {   
        margin: -282px 0px 0px 10%!important;
        }
    }
}
*/


.modal_content {
    border-radius: 24px!important;
} 
.modal_body {
    padding:1px 7px 10px 7px!important;
}
.modal_header {
    border: none!important;
}
.modal_footer {
    padding:0px!important;
}
.modal_close {
    opacity: 1!important;
    margin-top:0px!important;    
}
.modal_close_button {
    opacity: 1!important;
    margin-top: -6px !important;
    margin-right: -12px !important;
}
.modal_button_div {
    height: 39px!important;
    margin-bottom: 3px!important;
}

.button_large_img_picker {
    height: 39px!important;
    width: auto!important;
}

.header {
    padding:3px 0px 0px 2px!important;
    font-size: 16px!important;
}

.button_small_img_picker {
    height: 39px!important;
    width: auto!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

/* image picker original / bottstrap overrides */



.rotate_left {
    width: 43px!important;
    height: 43px!important;
    margin: 0px 34px 0px 0px!important;
    border: 2px solid #778ee8!important;
    background-color: white!important;
}
.rotate_right {
    width: 43px!important;
    height: 43px!important;
    margin: 0px 0px 0px 34px!important;
    border: 2px solid #778ee8!important;
    background-color: white!important;
}

.rotate_left_mobile {
    opacity: 1;
    position: absolute;
    bottom: 12%!important;
    left: 9%;
    width: 43px!important;
    height: 43px!important;
    /*margin: -5% 10% 0px 0px!important;*/
    border: 2px solid #778ee8!important;
    background-color: white!important; 
}
.rotate_right_mobile {
    opacity: 1;
    position: absolute;
    bottom: 12%!important;
    right: 9%;
    width: 43px!important;
    height: 43px!important;
    /*margin: -5% 0px 0px 10%!important;*/
    border: 2px solid #778ee8!important;
    background-color: white!important;
}
.rotate_img {
    width: 39px!important;
    height: 39px!important;
}

.refresh_shrink {
    height: 0px!important;
}
.refresh_overlap_margin {
    z-index: 9999!important;
    position: absolute!important;
    left: 0;
    width: 100%!important;
    bottom: 30%!important;
    padding: 0px 0px 0px 0px;    
}
.refresh_img {
    width:auto;
    height: 39px!important;
    border: white 3px solid;
    border-radius: 39px;
    background-color: white!important;
}

.rotate_overlap_margin {
    z-index: 9999!important;
    position: absolute!important;
    left: 0;
    width: 100%!important;
    bottom: 38%!important;
    padding: 0px 0px 0px 0px;    
}

/* SAVE BUTTON */
.save_button_img_picker {
    height: 57px!important;
    width: auto!important;
    margin: 9px auto 21px auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    
    /*padding: 7px!important;*/
    /*
    background-image: url("../images/background640x1135.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size:contain;
    */
}