/* Html */

html {
  /* background: #ffffff; #ffffff #fff9e7*/
  background: #ffffff;
}

html * {
  font-family: "Times New Roman", Times, serif;
  font-size: 2vh;
}

/* Master Header */
header {
  position: fixed;
  height: 10vh;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  color: #006699;
  text-align: center;
}

header table {
  height: 100%;
}

header table th {
  width: 20%;
}

header table td {
  font-size: 4vh;
}

/* Master Body */
body {
  position: fixed;
  height: 85vh;
  left: 0;
  top: 11vh;
  width: 100%;
  background-color: #ffffff;
  color: #006699;
  text-align: center;
}

/******************************************************* Menou ***************************************************************/
body .menou_wrapper {
  text-align: left;
  height: 4.5%;
  background-color: #ffffff;
  padding: 0.5vh;
  border-top: 2px solid #006699;
  border-bottom: 2px solid #006699;
  width: 98%;
}

body .menou_wrapper .highlight_menou {
  background-color: #006699;
  color: #ffffff;
}

/******************************************************* Menou ***************************************************************/

body div.polites_wrapper {
  background: red;
  text-align: left;
  height: 95%;
  margin-top: 1%;
  background-color: #ffffff;
  width: 98%;
}

/* Master Footer */
footer {
  position: fixed;
  height: 3vh;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #006699; /* #929188 */
  color: #ffffff; /* #000000  */
  text-align: center;
  font-weight: bolder;
}

/* Buttons and Links */

input[type="submit"],
button {
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  height: 4vh;
  background-color: transparent;
  color: #006699;
  border: none;
  border-radius: 5px;
  margin: auto;
  cursor: pointer;
  margin-left: 0.5vw;
}

a {
  padding: 1vh;
  background-color: transparent;
  color: #006699;
  border: none;
  border-radius: 5px;
  margin: auto;
  text-decoration: none;
}

input[type="submit"]:hover,
button:hover,
a:hover {
  background-color: #006699;
  color: #ffffff;
}

a.save_btn_css,
input[type="submit"].save_btn_css,
button.save_btn_css {
  background-color: #ffffff;
  color: #008000;
  font-weight: bold;
}

a.close_btn_css,
input[type="submit"].close_btn_css,
button.close_btn_css {
  background-color: #ffffff;
  color: #006699;
  font-weight: bold;
}

a.save_btn_css:hover,
input[type="submit"].save_btn_css:hover,
button.save_btn_css:hover {
  background-color: #008000;
  color: #ffffff;
}

a.close_btn_css:hover,
input[type="submit"].close_btn_css:hover,
button.close_btn_css:hover {
  background-color: #006699;
  color: #ffffff;
}

a.del_btn_css,
input[type="submit"].del_btn_css,
button.del_btn_css {
  background-color: #ffffff;
  color: #ff0000;
  font-weight: bold;
}

a.del_btn_css:hover,
input[type="submit"].del_btn_css:hover,
button.del_btn_css:hover {
  background-color: #ff0000;
  color: #ffffff;
}

a.del_btn_css:disabled:hover,
input[type="submit"].del_btn_css:disabled:hover,
button.del_btn_css:disabled:hover {
  background-color: #cccccc;
  color: #ff0000;
}

/* Icons and Images */

.pdf-ico {
  height: 1.5vh;
  background-image: url(https://emp.dev.sbwww/images/pdf-ico.ico);
  background-size: 1.2vh;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 1.4vh;
}

button.view_btn {
  /* background-image: url(https://emp.attica.gov.gr/images/pdf-ico.ico); */
  background-image: url(https://emp.dev.sbwww/images/pdf-ico.ico);
  background-size: 2vh;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 2.3vh;
}

button.edit_btn {
  /* background-image: url(https://emp.attica.gov.gr/images/pdf-ico.ico); */
  background-image: url(https://emp.dev.sbwww/images/granazi.png);
  background-size: 2vh;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 2.3vh;
}

button.close_form,
button.delete_appl {
  color: #ff0000;
}

button.close_form:hover,
button.delete_appl:hover {
  background-color: #ff0000;
  color: #ffffff;
}

button.update_act,
button.perm_insert_appl {
  color: #008000;
}

button.update_act1 {
  background: #008000;
  color: #ffffff;
}

button.update_act1:hover {
  background: transparent;
  border: 1px solid #008000;
  color: #008000;
}

button.delete_act1 {
  background: #ff0000;
  color: #ffffff;
}

button.delete_act1:hover {
  background: transparent;
  border: 1px solid #ff0000;
  color: #ff0000;
}

button.edit_act1 {
  background: #006699;
  color: #ffffff;
}

button.edit_act1:hover {
  background: transparent;
  border: 1px solid #006699;
  color: #006699;
}

button.update_act:hover,
button.perm_insert_appl:hover {
  background-color: #008000;
  color: #ffffff;
}

button.form_btn {
  background-color: #008000;
  color: #ffffff;
}

tfoot tr button.form_btn:hover {
  background-color: #ffffff;
  color: #008000;
}

button.form_btn_red {
  background-color: #ff0000;
  color: #ffffff;
}

tfoot tr button.form_btn_red:hover {
  background-color: #ffffff;
  color: #ff0000;
}

button.perm_insert_appl:disabled {
  display: none;
}

/********************************** Dialog **********************************************************************************/

dialog {
  position: fixed;
  background: #4d4d4da1;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
/* isos allagi names */
dialog div:not(.withframe) {
  margin: 5vh auto;
  max-height: 80vh;
  padding: 5vh;
  width: 60vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
  text-align: left;
  overflow: auto;
}

dialog.edit_ptyxio table {
  margin: auto;
  margin-top: 10vh;
  max-height: 80vh;
  padding: 5vh;
  width: 60vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
}

dialog div.showid {
  margin: 2vh auto;
  height: 82vh;
  padding: 5vh;
  width: 80vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
  text-align: left;
  overflow: auto;
}

dialog div.info_res_appl {
  margin: 10vh auto;
  height: 40vh;
  padding: 5vh;
  width: 50vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
  text-align: center;
  overflow: auto;
}

dialog div.info_res_appl img {
  width: 80%;
}

/* isos delete */
dialog div.withframe {
  margin: 2vh auto;
  height: 82vh;
  padding: 5vh;
  width: 80vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
  text-align: left;
  overflow: auto;
}

dialog iframe {
  width: 95%;
  height: 95%;
}

button.closedialog,
button.close_dialog {
  /*background-color: #006699;*/
  color: #006699;
}

button.closedialog:hover,
button.close_dialog:hover {
  background-color: #006699;
  color: #ffffff;
}

dialog table {
  border: none;
}

label {
  display: inline-block;
  width: 25%;
  text-align: right;
}

pre.explaines {
  text-align: right;
  width: 95%;
  color: #ff0000;
  font-size: 1.5vh;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}

dialog input[type="text"] {
  border: 1px solid #006699;
  border-radius: 7px;
  padding: 0.5vh;
}

dialog input[type="email"] {
  border: 1px solid #006699;
  border-radius: 7px;
  padding: 0.5vh;
}

dialog select {
  border: 1px solid #006699;
  border-radius: 7px;
  padding: 0.5vh;
}

/********************************** Dialog **********************************************************************************/

/* Tables */

div.polites_wrapper table:not(.scrollable_tbl_css),
div.polites_wrapper table:not(.login_tbl_css),
div.polites_wrapper table:not(.recovery_tbl_css),
div.polites_wrapper table:not(.registration_frm_css) {
  margin: auto;
  margin-top: 1vh;
  width: 95%;
}

div.polites_wrapper table:not(.scrollable_tbl_css) caption {
  background-color: #006699;
  color: #ffffff;
  height: 4%;
  padding: 0.5%;
  text-align: left;
}

div.polites_wrapper table:not(.scrollable_tbl_css) tfoot,
div.polites_wrapper table:not(.login_tbl_css) tfoot {
  height: 3%;
}

div.polites_wrapper table:not(.scrollable_tbl_css) tfoot tr td,
div.polites_wrapper table:not(.login_tbl_css) tfoot tr td {
  text-align: right;
  border-top: 0.5vh solid #006699;
}

/********************************** Login, Registrations and Forgot Password Forms ******************************************/
.patt_login_frm {
  width: 40vw;
  margin: auto;
}

.patt_login_frm table {
  width: 100%;
}

form.login_frm table.login_tbl_css {
  width: 70vw;
  height: 40vh;
  margin: auto;
  margin-top: -10vh;
  text-align: center;
}

form.login_frm table.login_tbl_css tfoot tr td {
  border: none;
}

form.login_frm table.login_tbl_css tr td:nth-child(1) {
  width: 50%;
}

form.login_frm table.login_tbl_css tr td:nth-child(2) {
  width: 50%;
}

form.login_frm table.login_tbl_css tbody tr td div {
  width: 100%;
  text-align: justify;
}

form.login_frm table.login_tbl_css tbody tr td a {
  width: 100%;
  text-align: right;
  font-style: italic;
}

form.login_frm table.login_tbl_css caption {
  text-align: center;
  background: none;
  height: 10vh;
}

form.login_frm table.login_tbl_css th {
  vertical-align: top;
  text-align: center;
  border: 0.2vh solid #006699;
  border-radius: 5px;
  padding: 0.5vh;
  width: 30%;
}

form.patt_login_frm table.login_tbl_css td,
form.login_frm table.login_tbl_css td {
  vertical-align: top;
  text-align: center;
  padding-left: 5%;
}

form.patt_login_frm table.login_tbl_css th span,
form.login_frm table.login_tbl_css th span {
  color: #ff0000;
}

form.patt_login_frm table.login_tbl_css td input,
form.login_frm table.login_tbl_css td input {
  width: 60%;
  text-align: center;
  border: 1px solid #006699;
  border-radius: 5px;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}

.login_logo_css {
  height: 9vh;
}

form.login_frm .login_tbl_css .login_btn_css,
form.login_frm .login_tbl_css .register_btn_css:hover,
form.login_frm .login_tbl_css .forgotpwd_btn_css,
form.login_frm .login_tbl_css .logincontact_btn_css {
  border: none;
  background: none;
  color: #006699;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  font-size: 2vh;
  cursor: pointer;
}

form.login_frm .login_tbl_css .login_btn_css:hover,
form.login_frm .login_tbl_css .register_btn_css:hover,
form.login_frm .login_tbl_css .register_btn_css:hover,
form.login_frm .login_tbl_css .forgotpwd_btn_css:hover,
form.login_frm .login_tbl_css .logincontact_btn_css:hover {
  background: #006699;
  color: #ffffff;
}

form.login_frm .login_tbl_css .login_msg_css {
  color: #ff0000;
  text-align: center;
}

form.patt_login_frm .capcha_img,
form.login_frm .capcha_img {
  border: 2px solid #006699;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  border-radius: 5px;
  width: 40%;
}

.capcha_img_reg {
  border: 2px solid #006699;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
  border-radius: 5px;
  width: 30%;
}

form.login_frm pre {
  text-align: center;
  font-weight: bold;
  color: #ff0000;
  margin-top: 3vh;
  width: 100%;
}

/********************************** Login, Registrations and Forgot Password Forms ******************************************/

table.scrollable_tbl_css {
  display: table;
  width: 100%;
  height: 85%;
  border-radius: 15px;
  margin: 0px;
  padding: 0px;
}

.theseis_selector table.scrollable_tbl_css {
  display: table;
  width: 100%;
  height: 15%;
  border-radius: 15px;
  margin: 0px;
  padding: 0px;
}

table.scrollable_tbl_css caption,
table.scrollable_tbl_css thead,
table.scrollable_tbl_css tbody,
table.scrollable_tbl_css tfoot {
  float: left;
  width: 100%;
}

table.scrollable_tbl_css caption,
table.scrollable_tbl_css thead,
table.scrollable_tbl_css tfoot {
  padding-right: 18px; /*   18px is approx. value of width of scroll bar */
  width: calc(100% - 18px);
}

table.scrollable_tbl_css caption {
  text-align: left;
  background-color: #006699;
  color: #ffffff;
  padding: 0.5vh;
}

table.scrollable_tbl_css tbody {
  overflow-y: scroll;
  height: 55vh;
}

.theseis_selector table.scrollable_tbl_css tbody {
  overflow-y: scroll;
  height: 25vh;
}

table.scrollable_tbl_css tr {
  width: 99%;
  display: table;
}

table.scrollable_tbl_css thead tr {
  background-color: #ffffff;
  color: #006699;
  height: 2vh;
}

table.scrollable_tbl_css tfoot tr {
  color: #006699;
  padding-top: 1.5vh;
}

table.scrollable_tbl_css thead tr td,
table.scrollable_tbl_css tfoot tr td {
  text-align: right;
}

table.scrollable_tbl_css tfoot tr td {
  border-top: 0.5vh solid #006699;
}

table.scrollable_tbl_css thead tr td,
table.scrollable_tbl_css thead tr th {
  border-bottom: 1px solid #006699;
  font-size: 2vh;
  height: 3vh;
}

table.scrollable_tbl_css table tbody td {
  font-size: 1.8vh;
  color: #000000;
  height: 5vh;
}

table.scrollable_tbl_css tbody tr:nth-child(even) {
  background: #cccccc;
}

table.scrollable_tbl_css tbody tr:hover {
  background-color: #a8d8f0;
  color: #000000;
  cursor: pointer;
}

.scrollable_tbl_css.educs_tbl thead tr th:nth-child(1),
.scrollable_tbl_css.educs_tbl tbody tr td:nth-child(1) {
  width: 15%;
}
.scrollable_tbl_css.educs_tbl thead tr th:nth-child(2),
.scrollable_tbl_css.educs_tbl tbody tr td:nth-child(2) {
  width: 30%;
}
.scrollable_tbl_css.educs_tbl thead tr th:nth-child(3),
.scrollable_tbl_css.educs_tbl tbody tr td:nth-child(3) {
  width: 14%;
  text-align: center;
}
.scrollable_tbl_css.educs_tbl thead tr th:nth-child(4),
.scrollable_tbl_css.educs_tbl tbody tr td:nth-child(4) {
  width: 14%;
  text-align: center;
}
.scrollable_tbl_css.educs_tbl thead tr th:nth-child(5),
.scrollable_tbl_css.educs_tbl tbody tr td:nth-child(5) {
  width: 8%;
  text-align: center;
}
.scrollable_tbl_css.educs_tbl thead tr th:nth-child(6),
.scrollable_tbl_css.educs_tbl tbody tr td:nth-child(6) {
  width: 20%;
  text-align: center;
}

.scrollable_tbl_css.extras_tbl thead tr th:nth-child(1),
.scrollable_tbl_css.extras_tbl tbody tr td:nth-child(1) {
  width: 20%;
}
.scrollable_tbl_css.extras_tbl thead tr th:nth-child(2),
.scrollable_tbl_css.extras_tbl tbody tr td:nth-child(2) {
  width: 50%;
}
.scrollable_tbl_css.extras_tbl thead tr th:nth-child(3),
.scrollable_tbl_css.extras_tbl tbody tr td:nth-child(3) {
  width: 15%;
  text-align: center;
}
.scrollable_tbl_css.extras_tbl thead tr th:nth-child(4),
.scrollable_tbl_css.extras_tbl tbody tr td:nth-child(4) {
  width: 15%;
  text-align: center;
}

.scrollable_tbl_css.anakoinoseis_tbl thead tr th:nth-child(1),
.scrollable_tbl_css.anakoinoseis_tbl tbody tr td:nth-child(1) {
  width: 10%;
  text-align: center;
}
.scrollable_tbl_css.anakoinoseis_tbl thead tr th:nth-child(2),
.scrollable_tbl_css.anakoinoseis_tbl tbody tr td:nth-child(2) {
  width: 70%;
  text-align: left;
}
.scrollable_tbl_css.anakoinoseis_tbl thead tr th:nth-child(3),
.scrollable_tbl_css.anakoinoseis_tbl tbody tr td:nth-child(3) {
  width: 20%;
  text-align: center;
}

.scrollable_tbl_css.anakoinoseis_tbl2_tbl thead tr th:nth-child(1),
.scrollable_tbl_css.anakoinoseis_tbl2_tbl tbody tr td:nth-child(1) {
  width: 10%;
}
.scrollable_tbl_css.anakoinoseis_tbl2_tbl thead tr th:nth-child(2),
.scrollable_tbl_css.anakoinoseis_tbl2_tbl tbody tr td:nth-child(2) {
  width: 70%;
}
.scrollable_tbl_css.anakoinoseis_tbl2_tbl thead tr th:nth-child(3),
.scrollable_tbl_css.anakoinoseis_tbl2_tbl tbody tr td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.scrollable_tbl_css.anakoinoseis_tbl2_tbl thead tr th:nth-child(4),
.scrollable_tbl_css.anakoinoseis_tbl2_tbl tbody tr td:nth-child(4) {
  width: 10%;
  text-align: center;
}

.scrollable_tbl_css.educs_tbl_dlg thead tr th,
.scrollable_tbl_css.educs_tbl_dlg tbody tr td {
  font-size: 1.5vh;
}

.scrollable_tbl_css.educs_tbl_dlg thead tr th:nth-child(1),
.scrollable_tbl_css.educs_tbl_dlg tbody tr td:nth-child(1) {
  width: 15%;
}
.scrollable_tbl_css.educs_tbl_dlg thead tr th:nth-child(2),
.scrollable_tbl_css.educs_tbl_dlg tbody tr td:nth-child(2) {
  width: 30%;
}
.scrollable_tbl_css.educs_tbl_dlg thead tr th:nth-child(3),
.scrollable_tbl_css.educs_tbl_dlg tbody tr td:nth-child(3) {
  width: 15%;
  text-align: center;
}
.scrollable_tbl_css.educs_tbl_dlg thead tr th:nth-child(4),
.scrollable_tbl_css.educs_tbl_dlg tbody tr td:nth-child(4) {
  width: 15%;
  text-align: center;
}
.scrollable_tbl_css.educs_tbl_dlg thead tr th:nth-child(5),
.scrollable_tbl_css.educs_tbl_dlg tbody tr td:nth-child(5) {
  width: 10%;
  text-align: center;
}
.scrollable_tbl_css.educs_tbl_dlg thead tr th:nth-child(6),
.scrollable_tbl_css.educs_tbl_dlg tbody tr td:nth-child(6) {
  width: 15%;
  text-align: center;
}

.scrollable_tbl_css.extras_tbl_dlg thead tr th,
.scrollable_tbl_css.extras_tbl_dlg tbody tr td {
  font-size: 1.5vh;
}

.scrollable_tbl_css.extras_tbl_dlg thead tr th:nth-child(1),
.scrollable_tbl_css.extras_tbl_dlg tbody tr td:nth-child(1) {
  width: 20%;
}
.scrollable_tbl_css.extras_tbl_dlg thead tr th:nth-child(2),
.scrollable_tbl_css.extras_tbl_dlg tbody tr td:nth-child(2) {
  width: 50%;
}
.scrollable_tbl_css.extras_tbl_dlg thead tr th:nth-child(3),
.scrollable_tbl_css.extras_tbl_dlg tbody tr td:nth-child(3) {
  width: 15%;
}
.scrollable_tbl_css.extras_tbl_dlg thead tr th:nth-child(4),
.scrollable_tbl_css.extras_tbl_dlg tbody tr td:nth-child(4) {
  width: 15%;
}

.scrollable_tbl_css.jobs_tbl_dlg thead tr th,
.scrollable_tbl_css.jobs_tbl_dlg tbody tr td {
  font-size: 1.5vh;
}

.scrollable_tbl_css.jobs_tbl_dlg thead tr th:nth-child(1),
.scrollable_tbl_css.jobs_tbl_dlg tbody tr td:nth-child(1) {
  width: 40%;
}
.scrollable_tbl_css.jobs_tbl_dlg thead tr th:nth-child(2),
.scrollable_tbl_css.jobs_tbl_dlg tbody tr td:nth-child(2) {
  width: 15%;
}
.scrollable_tbl_css.jobs_tbl_dlg thead tr th:nth-child(3),
.scrollable_tbl_css.jobs_tbl_dlg tbody tr td:nth-child(3) {
  width: 15%;
}
.scrollable_tbl_css.jobs_tbl_dlg thead tr th:nth-child(4),
.scrollable_tbl_css.jobs_tbl_dlg tbody tr td:nth-child(4) {
  width: 15%;
}
.scrollable_tbl_css.jobs_tbl_dlg thead tr th:nth-child(5),
.scrollable_tbl_css.jobs_tbl_dlg tbody tr td:nth-child(5) {
  width: 15%;
}

.scrollable_tbl_css.users_tbl thead tr th:nth-child(1),
.scrollable_tbl_css.users_tbl tbody tr td:nth-child(1) {
  width: 40%;
  text-align: left;
}
.scrollable_tbl_css.users_tbl thead tr th:nth-child(2),
.scrollable_tbl_css.users_tbl tbody tr td:nth-child(2) {
  width: 30%;
  text-align: left;
}
.scrollable_tbl_css.users_tbl thead tr th:nth-child(3),
.scrollable_tbl_css.users_tbl tbody tr td:nth-child(3) {
  width: 30%;
  text-align: center;
}

/* Add Edit View Applications */

.add_appl_div {
  width: 95vw;
  height: 71vh;
  overflow: auto;
  margin: auto;
}

.add_appl_div h1 {
  background-color: #006699;
  color: #ffffff;
  padding: 0.5vh;
  font-size: 2vh;
}

.add_appl_div .buttons_appl {
  margin-top: 2vh;
  width: 98%;
  text-align: center;
}

.add_appl_div .buttons_appl button {
  margin: 0.5vh;
}

.add_appl_div .educs_tbl *,
.add_appl_div .extras_tbl *,
.add_appl_div .epidiokomenes_theseis *,
.add_appl_div .jobs_tbl *,
.add_appl_div .sinnimena * {
  font-size: 1.8vh;
}

.add_appl_div .educs_tbl thead tr th,
.add_appl_div .extras_tbl thead tr th,
.add_appl_div .epidiokomenes_theseis thead tr th,
.add_appl_div .jobs_tbl thead tr th,
.add_appl_div .sinnimena thead tr th {
  background-color: #cccccc;
  color: #006699;
}

.add_appl_div .educs_tbl thead tr th button,
.add_appl_div .extras_tbl thead tr th button,
.add_appl_div .epidiokomenes_theseis thead tr th button,
.add_appl_div .jobs_tbl thead tr th button,
.add_appl_div .sinnimena thead tr th button {
  background-color: #008000;
  color: #ffffff;
}

.add_appl_div .educs_tbl tbody tr td button,
.add_appl_div .extras_tbl tbody tr td button,
.add_appl_div .epidiokomenes_theseis tbody tr td button,
.add_appl_div .jobs_tbl tbody tr td button,
.add_appl_div .sinnimena tbody tr td button {
  background-color: #ff0000;
  color: #ffffff;
}

.add_appl_div aside .educs_tbl thead tr th:nth-child(1),
.add_appl_div aside .educs_tbl tbody tr td:nth-child(1) {
  width: 5%;
}
.add_appl_div aside .educs_tbl thead tr th:nth-child(2),
.add_appl_div aside .educs_tbl tbody tr td:nth-child(2) {
  width: 30%;
}
.add_appl_div aside .educs_tbl thead tr th:nth-child(3),
.add_appl_div aside .educs_tbl tbody tr td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.add_appl_div aside .educs_tbl thead tr th:nth-child(4),
.add_appl_div aside .educs_tbl tbody tr td:nth-child(4) {
  width: 12.5%;
  text-align: center;
}
.add_appl_div aside .educs_tbl thead tr th:nth-child(5),
.add_appl_div aside .educs_tbl tbody tr td:nth-child(5) {
  width: 10%;
  text-align: center;
}
.add_appl_div aside .educs_tbl thead tr th:nth-child(6),
.add_appl_div aside .educs_tbl tbody tr td:nth-child(6) {
  width: 30%;
  text-align: left;
}

.add_appl_div .extras_tbl thead tr th:nth-child(1),
.add_appl_div .extras_tbl tbody tr td:nth-child(1) {
  width: 5%;
}
.add_appl_div .extras_tbl thead tr th:nth-child(2),
.add_appl_div .extras_tbl tbody tr td:nth-child(2) {
  width: 65%;
}
.add_appl_div .extras_tbl thead tr th:nth-child(3),
.add_appl_div .extras_tbl tbody tr td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.add_appl_div .extras_tbl thead tr th:nth-child(4),
.add_appl_div .extras_tbl tbody tr td:nth-child(4) {
  width: 20%;
  text-align: left;
}

.add_appl_div .epidiokomenes_theseis thead tr th:nth-child(1),
.add_appl_div .epidiokomenes_theseis tbody tr td:nth-child(1) {
  width: 60%;
}
.add_appl_div .epidiokomenes_theseis thead tr th:nth-child(2),
.add_appl_div .epidiokomenes_theseis tbody tr td:nth-child(2) {
  width: 10%;
  text-align: center;
}
.add_appl_div .epidiokomenes_theseis thead tr th:nth-child(3),
.add_appl_div .epidiokomenes_theseis tbody tr td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.add_appl_div .epidiokomenes_theseis thead tr th:nth-child(4),
.add_appl_div .epidiokomenes_theseis tbody tr td:nth-child(4) {
  width: 10%;
  text-align: center;
}
.add_appl_div .epidiokomenes_theseis thead tr th:nth-child(5),
.add_appl_div .epidiokomenes_theseis tbody tr td:nth-child(5) {
  width: 10%;
  text-align: left;
}

.add_appl_div .jobs_tbl thead tr th:nth-child(1),
.add_appl_div .jobs_tbl tbody tr td:nth-child(1) {
  width: 5%;
}
.add_appl_div .jobs_tbl thead tr th:nth-child(2),
.add_appl_div .jobs_tbl tbody tr td:nth-child(2) {
  width: 40%;
  text-align: center;
}
.add_appl_div .jobs_tbl thead tr th:nth-child(3),
.add_appl_div .jobs_tbl tbody tr td:nth-child(3) {
  width: 20%;
  text-align: center;
}
.add_appl_div .jobs_tbl thead tr th:nth-child(4),
.add_appl_div .jobs_tbl tbody tr td:nth-child(4) {
  width: 15%;
  text-align: center;
}
.add_appl_div .jobs_tbl thead tr th:nth-child(5),
.add_appl_div .jobs_tbl tbody tr td:nth-child(5) {
  width: 20%;
  text-align: left;
}

.add_appl_div .sinnimena thead tr th:nth-child(1),
.add_appl_div .sinnimena tbody tr td:nth-child(1) {
  width: 5%;
}
.add_appl_div .sinnimena thead tr th:nth-child(2),
.add_appl_div .sinnimena tbody tr td:nth-child(2) {
  width: 65%;
}
.add_appl_div .sinnimena thead tr th:nth-child(3),
.add_appl_div .sinnimena tbody tr td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.add_appl_div .sinnimena thead tr th:nth-child(4),
.add_appl_div .sinnimena tbody tr td:nth-child(4) {
  width: 20%;
  text-align: left;
}

/****************** registration_frm_css ************************/
.registration_frm_css {
  width: 95vw;
  height: 55vh;
  margin: auto;
}

.registration_frm_css caption {
  padding: 1vh;
  background-color: #006699;
  color: #ffffff;
  font-size: 2.5vh;
}

.registration_frm_css tbody tr th {
  text-align: left;
  width: 12%;
}

.registration_frm_css tbody tr td {
  text-align: left;
  width: 38%;
}

.registration_frm_css tbody tr td input[name="lname"],
.registration_frm_css tbody tr td input[name="fname"],
.registration_frm_css tbody tr td input[name="pname"],
.registration_frm_css tbody tr td input[name="mname"],
.registration_frm_css tbody tr td input[name="adt_id"],
.registration_frm_css tbody tr td input[name="amka_id"],
.registration_frm_css tbody tr td input[name="email"],
.registration_frm_css tbody tr td input[name="city"],
.registration_frm_css tbody tr td input[name="taxkod"],
.registration_frm_css tbody tr td input[name="phone"],
.registration_frm_css tbody tr td input[name="cellphone"] {
  width: 95%;
  margin: auto;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.registration_frm_css tbody td input[name="address"] {
  width: 70%;
  margin-right: 3%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.registration_frm_css tbody td input[name="birth_date"] {
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.registration_frm_css tbody td input[name="address_no"] {
  width: 20%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.registration_frm_css tfoot tr td {
  text-align: center;
  border-top: 0.5vh solid #006699;
}

/****************************************************************************/

.personals_frm_css {
  width: 95vw;
  height: 65vh;
  margin: auto;
}

.personals_frm_css caption {
  padding: 1vh;
  background-color: #006699;
  color: #ffffff;
  font-size: 2.5vh;
}

.personals_frm_css tbody tr th {
  text-align: left;
  width: 12%;
}

.personals_frm_css tbody tr td {
  text-align: left;
  width: 38%;
}

.personals_frm_css tbody tr td input[name="lname"],
.personals_frm_css tbody tr td input[name="fname"],
.personals_frm_css tbody tr td input[name="pname"],
.personals_frm_css tbody tr td input[name="mname"],
.personals_frm_css tbody tr td input[name="adt_id"],
.personals_frm_css tbody tr td input[name="amka_id"],
.personals_frm_css tbody tr td input[name="email"],
.personals_frm_css tbody tr td input[name="city"],
.personals_frm_css tbody tr td input[name="taxkod"],
.personals_frm_css tbody tr td input[name="phone"],
.personals_frm_css tbody tr td input[name="cellphone"] {
  width: 95%;
  margin: auto;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.personals_frm_css tbody td input[name="address"] {
  width: 70%;
  margin-right: 3%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.personals_frm_css tbody td input[name="birth_date"] {
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.personals_frm_css tbody td input[name="address_no"] {
  width: 20%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.personals_frm_css tfoot tr td {
  text-align: center;
  border-top: 0.5vh solid #006699;
}

/****************************************************************************/

.main_tbl_css {
  width: 95vw;
  margin: auto;
  height: 65vh;
}

.main_tbl_css th {
  width: 12%;
  text-align: left;
}

.main_tbl_css td {
  width: 38%;
  text-align: left;
}

.main_tbl_css td input[name="lname"],
.main_tbl_css td input[name="fname"],
.main_tbl_css td input[name="pname"],
.main_tbl_css td input[name="mname"],
.main_tbl_css td input[name="adt_id"],
.main_tbl_css td input[name="amka_id"],
.main_tbl_css td input[name="email"],
.main_tbl_css td input[name="city"],
.main_tbl_css td input[name="taxkod"],
.main_tbl_css td input[name="phone"],
.main_tbl_css td input[name="cellphone"] {
  width: 95%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.main_tbl_css td input[name="address"] {
  width: 70%;
  margin-right: 3%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.main_tbl_css td input[name="birth_date"] {
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.main_tbl_css td input[name="address_no"] {
  width: 20%;
  border: 1px solid #006699;
  border-radius: 10px;
  padding: 0.8vh;
}

.recovery_tbl_css {
  width: 50vw;
  height: 40vh;
  margin: auto;
}

.recovery_tbl_css caption {
  padding: 1vh;
  background-color: #006699;
  color: #ffffff;
  font-size: 2.5vh;
}

.recovery_tbl_css tfoot tr td,
.recovery_tbl_css tbody tr td {
  text-align: center;
}

.recovery_tbl_css tbody tr td input {
  width: 50%;
  margin: 2vh;
  border-radius: 10px;
  border: 0.3vh solid #006699;
  text-align: center;
  padding: 0.5vh;
}

.aitiseis_tbl_css thead tr th,
.aitiseis_tbl_css tbody tr td {
  font-size: 1.8vh;
  width: 10%;
}
.aitiseis_tbl_css thead tr th:nth-child(2),
.aitiseis_tbl_css tbody tr td:nth-child(2) {
  width: 20%;
  text-align: left;
}

.aitiseis_tbl_css thead tr th:nth-child(4),
.aitiseis_tbl_css tbody tr td:nth-child(4) {
  width: 5%;
}

.aitiseis_tbl_css thead tr th:nth-child(5),
.aitiseis_tbl_css tbody tr td:nth-child(5) {
  width: 15%;
}

.appl_personals_tbl th {
  width: 15%;
}

.appl_personals_tbl td {
  width: 35%;
}

.appl_personals_tbl td input[type="text"],
.appl_personals_tbl td input[type="date"] {
  width: 80%;
}

.theseis_selector ul {
  width: 95%;
  overflow: auto;
  height: 20vh;
  margin: 0px;
  padding: 1vh;
  border-radius: 10px;
}

.theseis_selector ul li {
  list-style: none;
  font-size: 1.8vh;
  margin: 0px;
  padding: 0px;
}

.theseis_selector ul li:nth-child(even) {
  background-color: #cccccc;
  color: #006699;
}

.theseis_selector label {
  text-align: left;
}

.theseis_selector ul li:hover {
  background-color: #006699;
  color: #ffffff;
  cursor: pointer;
}

.dlgTitle {
  text-align: center;
  font-weight: normal;
  font-size: 1.8vh;
  width: 100%;
  background: #006699;
  color: #ffffff;
  font-weight: bold;
  padding: 1vh;
}

.change_password_request form {
  margin: 10vh auto;
  height: 40vh;
  padding: 5vh;
  width: 50vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
  text-align: center;
  overflow: auto;
}

.change_password_request form table caption {
  text-align: center;
}

.change_password_request form table th {
  text-align: right;
  width: 50%;
}

.change_password_request form table td {
  text-align: left;
  width: 50%;
}

.users_man form {
  margin: 10vh auto;
  height: 40vh;
  padding: 5vh;
  width: 50vw;
  border: 2px outset #006699;
  border-radius: 20px;
  background: #ffffff;
  color: #006699;
  text-align: center;
  overflow: auto;
}

.users_man form table {
  width: 90%;
  margin: auto;
}

.users_man form table caption {
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #006699;
  margin-bottom: 2vh;
}

.users_man form table th {
  text-align: right;
  width: 30%;
}

.users_man form table td {
  text-align: left;
  width: 70%;
}

.users_man form table td input,
.users_man form table td select {
  width: 90%;
  margin: auto;
}

.users_man form table tfoot tr td {
  font-weight: bold;
  text-align: center;
  border-top: 2px solid #006699;
}