/* Стили для компонентов UI, overlay для модальных окон */
.UIW7_mod_ovl { position: fixed; top:0; left:0;  width: 100%; height: 100%;  background-color: rgba(0,0,0, 0.1);}
.UIW7_off { display: none;}

/* объект диалога */
.UIW7_dialog { position: fixed; top:40%; left:40%; padding: 0 0; background-color: white;
               border: solid 1px; border-color: #555555; border-radius: 0.25rem; box-shadow: 0 0 1rem #bbbbbb;}
.UIW7_dialog_cont {margin: 1rem 1rem;}
.UIW7_dialog_hdr {background-image: linear-gradient(to right, #cfcfcf, #afafaf); width: 100%; height: 1.5rem; display: grid; grid-template-columns: auto 1.5rem;}
.UIW7_dialog_ttl {text-align:center; color: black; padding: 0.2rem;}
.UIW7_dialog_cud {cursor: default;}
.UIW7_dialog_cum {cursor: move;}
.UIW7_dialog_cb  {color: white; text-align:center; padding: 0.2rem;}
.UIW7_dialog_cb a {cursor: pointer; border: solid 1px; border-color: white; border-radius: 0.25rem;}

/* переключатель страниц*/
.UIW7_pg_item {cursor: pointer; border: solid 1px; border-color: #bbbbbb; border-radius: 0.25rem; padding: 0.5rem; color: black;}
.UIW7_pg_item.disabled {cursor: default; color: #bbbbbb;}
.UIW7_pg_item:hover {border-color: black;}
.UIW7_pg_item:hover.disabled{border-color: #bbbbbb;}
.UIW7_pg_sep {padding-left: 2rem;}

/* всплывающее сообщение */
.UIW7_popup { position: fixed; top:40%; left:40%; padding: 0.5rem; background-color: white; text-align: center;
               border: solid 2px; border-color: #888888; border-radius: 0.5rem; box-shadow: 0 0 1rem #bbbbbb;}

/* индикатор загрузки*/
.UIW7_load {position: relative; width: 5.5rem; height: 1.5 rem; margin: auto; display: grid; grid-template-columns: 1rem 1rem 1rem 1rem 1rem; background: white; font-size: 5rem; }
.UIW7_load div {width: 1rem; text-align: center; animation: ui_load 2.5s infinite; color: #000000;}
@keyframes ui_load { 0% { color: #000000; } 25% { color: #888888; } 50% { color: #ffffff; } 75% { color: #888888; } 100% { color: #000000; }}

.UIW7_load div:nth-child(2) { animation-delay: 0.5s; }
.UIW7_load div:nth-child(3) { animation-delay: 1.0s; }
.UIW7_load div:nth-child(4) { animation-delay: 1.5s; }
.UIW7_load div:nth-child(5) { animation-delay: 2.0s; }

/* диалог поиска значений */
.UIW7_ValSCont {width: 50rem; padding: 0; margin: 0; text-align: center;}
.UIW7_ValSform {width: 50rem; display: grid; grid-template-columns: 20rem 1rem 10rem 1rem 10rem; grid-row-gap: 0.3rem; text-align: left;}
.UIW7_ValSdata {width: 50rem; padding: 0; margin: 1rem 0; overflow-x: auto;}
.UIW7_ValSBtn {cursor: pointer; border: solid 1px; border-color: #bbbbbb; border-radius: 0.25rem; padding: 0.4rem; color: black;}
.UIW7_ValSBtn:hover {border-color: black;}

.W7UI_shtab {border-collapse: collapse; table-layout: fixed; width: 100%;}
.W7UI_shtab tbody {position: relative; display: block; overflow-y: scroll; overflow-x: hidden; height: 30rem; width: 100%;}
.W7UI_shtab thead { display: block; position: relative; overflow-y: scroll; overflow-x: hidden;}

.W7UI_shtab th, .W7UI_shtab td {border: solid 1px; padding: 5px; overflow: hidden;}
.W7UI_shtab th {cursor: pointer; background: linear-gradient(to top, #cfcfcf, #afafaf);}
.W7UI_shtab tr:focus {background-color: #e0e0e0;}
.W7UI_shtab .sel td:nth-child(1) {background-image: url("adm_ok.png"); background-repeat: no-repeat; background-size: 1rem 1rem; background-position: center center;}