/* better feedback on line breaks in textareas */

div[id^="ewz_stored"]{ overflow: auto; }
div[id^="ewz_stored"] table > tbody > tr >  td { white-space: pre-wrap !important; }

       
/* 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;
}

.ewz-dialog ul.ewz_lpad{ padding-left: 50px; }

.ewz-dialog .ui-dialog-content {  font-size:1em; font-weight: normal;}
.ewz-dialog  ul { padding-left: 10px;
                            list-style: disc; }

.ewz-dialog ul ul {
    list-style: circle;
}


/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
        border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
        border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
        border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
        border-bottom-right-radius: 5px;
}

.ewz-dialog .ui-widget-header{
        border: 1px solid #dddddd;
        background: #e9e9e9;
        color: #333333;
        font-weight: bold;
}
.ewz-dialog .ui-widget-header a {
        color: #333333;
}




.ewz_upload_table {
    margin: auto;
    padding: 0px;
    border-collapse: separate !important;
    border-spacing: 0px;
}
.ewz_overflow {
    white-space: normal;
    overflow: auto;
    padding: 8px;
    height: 100%;
}

textarea.ewz_area{ height: auto; width: auto; }

.ewz_upload_table  th {
    background: rgba(155, 155, 155, 0.2);
    padding: 10px;
    text-align: left;
    border: 1px solid #C0C0C0;
}

.ewz_upload_table >tbody> tr > th:first-child {
    border-radius: 5px 0 0 0;
}

.ewz_upload_table >tbody> tr > th:last-child {
    border-radius: 0 5px 0 0;
}
.ewz_upload_table >thead> tr > th:first-child {
    border-radius: 5px 0 0 0;
}

.ewz_upload_table >thead> tr > th:last-child {
    border-radius: 0 5px 0 0;
}

.ewz_upload_table >tbody> tr > th:only-child{
    border-radius: 5px 5px 0 0;
}

.ewz_upload_table >tbody> tr > td {
    word-wrap:  break-word;
    white-space: normal;
    padding: 10px;
    text-align: left;
    font-size: 90%;
    border: 1px solid #C0C0C0;
}
.ewz_upload_table label{
    font-weight: bold;
    font-size: 100%;
}
div[id^="ewz_stored"]{ padding:  15px 5px 15px 5px; }

.ewz_padded td { padding: 20px 10px 20px 10px !important;}

/*************************************/
div.ewz_progress div[id^="speed"], div.ewz_progress div[id^="remaining"] {
    float: left;
    width: 100px;
}
div.ewz_progress div[id^="b_transfered"] {
    float: right;
    text-align: right;
}
.ewz_clear_both {
    clear: both;
}
div.ewz_progress div[id^="progress_info"] {
    font-size: 10pt;
    width: 80%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
div.ewz_progress div[id^="complete"] {
    border: 1px solid #C0C0C0;
    border-radius: 10px 10px 10px 10px;
    display: none;
    float: left;
    height: 10px;
    font-weight: bold;
}


/* #82d1ff, #5e95b5 */
div.ewz_progress div[id^="progress_bar"] {
    background: -webkit-linear-gradient(   top, #E7E7E7, #BBBBBB);
    background:    -moz-linear-gradient(   top, #E7E7E7, #BBBBBB);
    background:     -ms-linear-gradient(   top, #E7E7E7, #BBBBBB);
    background:      -o-linear-gradient(   top, #E7E7E7, #BBBBBB);
    background:         linear-gradient(to bottom, #E7E7E7, #BBBBBB);
    border:        1px solid #C0C0C0;
    border-radius: 10px 10px 10px 10px;
    display: none;
    float: left;
    height: 12px;
}
div.ewz_progress div[id^="progress_percent"] {
    float: right;
}
div.ewz_progress div[id^="upload_response"] {
    border: 1px solid #C0C0C0;
    border-radius: 10px 10px 10px 10px;
    display: none;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    font-weight: bold;
}
.ewz_progress {  
    text-align: center;
}
button[id^="ewz_change_"] {
    margin: 10px;    
}
.ewz_pcentre {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

