/*** Used for front and back ends ***/


/* to fix an issue with some themes/plugins that set box-sizing: border-box */
.ewz-dialog::before, .ewz-dialog, .ewz-dialog::after, .ewz-dialog *{
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

/* otherwise end up with two X's */
.ewz-dialog .ui-dialog-titlebar-close .ui-icon-closethick { display: none; }

span.ewzj {font-weight: bold; }

.ewz_divider { height: 1px;
               width:100%;
               max-width:100%;
               background: #444444;
             }
.ewz-dialog ul.ewz_lpad{ padding-left: 50px; }
.ewz_alert { border: 1px solid red;  border-radius: 5px 5px 5px 5px;}
.ewz_alert { position: absolute; padding: .2em;  background: #FFFFFF; box-sizing: content-box;}
.ewz_alert .ui-dialog-content { position: relative; border: 0; padding: 15px;  overflow: auto; zoom: 1; font-weight: normal;}
.ewz_alert .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0;  margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ewz_alert .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ewz_alert .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ewz_alert .ui-dialog-titlebar { padding: .4em 1em;
                                 position: relative;
                                 background: #DDDDDD;
                                 border: 1px solid #C0C0C0;
                                 border-radius: 5px 5px 5px 5px;
                                 font-weight: bold;
                                 font-size: 1.2em;
                                 text-align: center;
                               }
.ewz-no-close .ui-dialog-titlebar-close {  display: none; }

/********************/
/* Main image popup */
/********************/
/* top is set dynamically to be the scheme's "top padding" */
div.ewz_imgcntr{ position: fixed;
             left: 0px;
             right: 0px;
             width: auto;
             bottom: 50px;
             height: auto;
             overflow: auto;
             z-index: 100;
}

/* min-width and min-height are set dynamically from scheme's "maxShrink" */
img[id^="mainimg"]{
    display: block;
    height: auto;
    margin-left:auto;  margin-right:auto;
    object-fit: contain;
}
img.mainsized{    max-width: 100%;   max-height: 100%; }

.ewz_link_btns { padding-left:15px; padding-right: 15px; margin-left: 30px; margin-right: 30px; background: #DDDDDD; }

.ewz_img_btns button[id^="fullsize"]{float:left;}
div[id^="imgnav"]{  position:fixed;  width:100%;  bottom:0;  padding-bottom: 5px; padding-top: 10px;  text-align: center; }

.ewz_imgcntr .notice {
    display: block;
    position: fixed;
    color: black;
    font-size: 1.2em;
    width: 100%;
    padding: 15px;
    background: rgb(250,250,250);
    line-height: 1.3;
}
div.ewz_size { position: fixed; right: 0px; bottom: 5px; font-size: 0.8em;   margin-right: 20px;}
div.ewz_toggle { position: fixed; left: 0px; bottom: 5px; font-size: 0.8em;   margin-left: 20px;}