html, body {
height: 100%;
min-height: 100%;
}
body {
text-shadow:0px 0px 1px #000;
margin:0px;
padding:0px;
background:#000 url('bg.jpg') no-repeat center center;
background-size: 100% 100%;
background-attachment: scroll;
font-family:"tahoma";
font-size:11px;
color:#FFF;
direction:rtl;
min-height: 100vh;
}


a:link ,a:visited,a:active {
color: #AAA;
text-decoration: none;
}
a:hover {
color: #FFF;
text-decoration: none;
}
 

    div#qTip {
    padding: 3px;
    border: 1px solid #222;
    display: none;
    background: #000000;
    color: #FFF;
    font: 11px tahoma;
    position: absolute;
    z-index: 1000;
	opacity:0.8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

input[type=text],input[type=password],textarea,select{
	border:1px solid #868686;	
	border-radius:3px;
	background:#f6f6f6 ;
	padding:3px;
	color:#222;
	margin:2px;
}
input[type=text]:hover,input[type=text]:focus,
input[type=password]:hover,input[type=password]:focus,
textarea:hover,textarea:focus,
select:hover,select:focus{
border:1px solid #999;
}


input[type=submit],input[type=reset],a.new_buttons {
font-family:"Tahoma";
font-size:11px;
text-shadow:0 0 1px #111;
color:#FFF;
cursor:pointer;
text-decoration:none;
padding:3px 6px 5px 6px;
background: -moz-linear-gradient(top, #2e84e5, #001021);
background: -webkit-linear-gradient(top, #2e84e5, #001021);
background: -o-linear-gradient(top, #2e84e5, #001021);
background-color: #001021;
border:1px solid #03162b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type=submit]:hover,input[type=reset]:hover,a.new_buttons:hover{
background: -moz-linear-gradient(top, #2f77c8, #001021);
background: -webkit-linear-gradient(top, #2f77c8, #001021);
background: -o-linear-gradient(top, #2f77c8, #001021);
background-color: #001021;
text-shadow:0 0 1px #999;
color:#FFF;
}

.login_div{
background: url(div.png);
border:1px solid #000;
width:310px;
min-height:140px;
color:#FFF;
border-radius:5px;
padding:10px 12px;
box-sizing:border-box;
}


.desc_div{
background: url(div.png);
border:1px solid #000;
width:370px;
color:#FFF;
border-radius:5px;
padding:10px 12px;
box-sizing:border-box;
}

.gos-login-page {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 18px;
  width: min(920px, 94vw);
  margin: 7vh auto 28px;
  box-sizing: border-box;
}
.gos-login-page .login_div,
.gos-login-page .desc_div {
  margin: 0;
  flex: 1 1 300px;
  max-width: 420px;
}
.gos-login-table td {
  vertical-align: middle;
  padding: 3px 0;
}
.gos-login-field input[type=text],
.gos-login-field input[type=password] {
  width: 100%;
  max-width: 220px;
}
.gos-login-btn {
  width: 1%;
  white-space: nowrap;
  padding-right: 8px;
}
.gos-login-links,
.gos-login-count {
  padding-top: 8px;
}
.gos-login-extra {
  text-align: center;
  padding: 10px 0 4px;
}

@media (max-width: 760px) {
  html, body#login_body {
    height: auto;
    min-height: 100vh;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: scroll !important;
    overflow-x: hidden;
  }
  .gos-login-page {
    flex-direction: column;
    align-items: stretch;
    width: 94vw;
    margin: 16px auto 24px;
    gap: 12px;
  }
  .gos-login-page .login_div,
  .gos-login-page .desc_div {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
  }
  .gos-login-table,
  .gos-login-table tbody,
  .gos-login-table tr,
  .gos-login-table td {
    display: block;
    width: 100% !important;
  }
  .gos-login-field input[type=text],
  .gos-login-field input[type=password] {
    max-width: 100%;
    width: 100%;
  }
  .gos-login-btn {
    width: 100%;
    padding: 6px 0 0;
    text-align: center;
  }
  .gos-login-btn input[type=submit],
  .gos-login-btn .new_buttons {
    display: inline-block;
    min-width: 46%;
    text-align: center;
  }
  .desc_div {
    font-size: 13px;
    line-height: 1.7;
  }
}
.footer{
margin-top:20%;
background: url(menu.png);
color:#FFF;
padding:5px;
text-align:center;
}

.gos-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(0,0,0,0.72);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  padding: 30px 12px 40px;
}
.gos-modal-box {
  width: 520px;
  max-width: 96vw;
  background: rgba(8,8,8,0.94) url(div.png);
  border: 1px solid #111;
  border-radius: 8px;
  padding: 16px 18px 22px;
  color: #fff;
  box-shadow: 0 12px 40px rgba(0,0,0,0.8);
}
.gos-modal-box .register_label,
.gos-modal-box #login_box {
  float: none !important;
  padding-left: 0 !important;
  width: auto !important;
  text-align: right;
}
.gos-modal-box input.text_field,
.gos-modal-box input[type=text],
.gos-modal-box input[type=password],
.gos-modal-box input[type=email],
.gos-modal-box select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.gos-modal-close {
  float: left;
  color: #ccc;
  text-decoration: none;
  font-size: 18px;
}
.gos-jobs-grid img {
  max-width: 90px;
  height: auto;
}