/*** To display select boxes as radio buttons ***/

div.ewz-repl-btn {
  background-color : #f9f9f9;
  border : 1px solid #ddd;
  padding : 3px 7px;
  width:fit-content;
  margin-right : auto;
  margin-left : auto;
  margin-bottom : 5px;
  cursor: pointer;
  font-size: .8em;
}
div.ewz-repl-btn.ewz_repl_selected {
  background-color : #9bd4ef;
  border : 1px solid #000;
}
div.ewz_select_to_radio{
    margin-right : auto;
    margin-left : auto;
    padding: 20px;
    border: 1px solid black;
    width: max-content;
    text-align: left;
    width: fit-content;
    margin-bottom: 10px;
}

div.ewz_small{
    font-size:.8em;
    font-weight:normal;
    text-align:center;
    padding:2px;
    margin:2px;
}
div.ewz_prefbtn{
    text-align:center;
    padding-top:10px;
}
/*** For the ewz_rating shortcode display ***/

body, html { height:100% }

/* need to replace this with an icon */
 .sortarrow { font-size: 1.2rem; font-weight: bold; }
 table.ewz_rating_table.sortable th{line-height: 1.2;}

/* 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;
}
/* dialog sometimes got behind menu-bar and title */
.ewz-dialog{
    z-index:99999;
}
div[class^="ewz"] *,div[class^="ewz"] *:before,div[class^="ewz"] *:after {box-sizing: content-box; }

#ewz_jhelp p,#ewz_jhelp ul,#ewz_jhelp ol,#ewz_jhelp li {  font-weight:normal; font-size: .9em;}
div[id^='ewz_jhelp']{ display: none;  font-weight:normal; font-size: .9em;}

.ewzleft{ padding-right: 10%;}
.ewzrt{ padding-left: 10%}
.ewz_bottomtext {  text-align: center; padding-top: 20px; font-weight: bold; line-height: 90px; }
.ewz_chead button{ padding: 5px; margin-top: 5px;  border-radius: 5px 5px 5px 5px; }
.ewz_admin_info{ border: 1px solid red; padding: 5px; margin-bottom: 15px; padding:15px;text-align:center;}
.ewz_jdone{ text-align: center;  width: 50%; padding-right: 35px; }
.ewz_rtable button:enabled{ border: 1px solid #FF0000;  border-radius: 5px 5px 5px 5px;}
.ewz_rtable td { padding: 10px;}
.ewz_rtable input,select,textarea {font-size: 1em; }
/* now set in javascript so colours can be variables */
/* .ewz_rtable tr.ewz_new td {  border-top: 1px solid #555555; border-bottom: 1px solid #555555; } */
/* .ewz_rtable tr.ewz_new {  border: 1px solid #555555; } */

.ewz-scrollable .ewz_rtable thead th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0; /* Stick to the top of the container */
    background: white; /* Or the theme's background color */
    z-index: 2;
}

.ewz_rtable {clear: both; table-layout: auto; }
.ewz_rtable span {white-space: pre-wrap;}

div[id^="ewz"] div.ratingdiv{ overflow-x: auto; }

div.ewz_stored{ padding:  15px 5px 15px 5px; }
div[class^="ewz_rating_page"]{ display: none; }

div.ratingdiv {
    position: relative;
}

.ewz-scrollable div.ratingdiv {
    max-height: 80vh; /* Adjust as needed */
    overflow-y: auto;
}
table.ewz_chead td { text-align:center; border: 0px; border-color: rgba(0,0,0,0) }
table.ewz_chead { padding: 15px;}

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

.ewz_jstatus {
               background: #F0F0F0;
               color: #000000;
               padding: 5px;
               margin: 5px;
               font-size: .8em;
               border: 1px solid #FF0000;
               box-shadow: 2px 2px #000000;
               border-radius: 5px 5px 5px 5px;
               display:inline-block;
               position: fixed;
               bottom: 0px;  left: 0px;
               z-index: 500;
}

.ui-button.ui-dialog-titlebar-close {padding-right:1em;}