* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	

}
.cd-header {text-align:center; margin:10px 0}
footer {text-align:center;padding: 30px 0;}
.rtl { direction:rtl; text-align:right;font-size:1rem;font-family:arial;}
 
.he .forms {font-size:1.2rem;font-family:arial !important;}
.forms {
		font-size:1rem;
	background: #fafafa;
 font-size:1rem;
	margin: 10px auto 0;
	max-width: 500px;
	overflow: hidden;
	position: relative;
	padding: 0;
	box-shadow: 1px 1px 6px 5px #0000001c;
}
h1 {
	padding: 0 0 20px 0;
	font-size: 26px;
	color: #666;
	font-weight: lighter;
	text-align: center;
}
.intro {text-align: center; margin:0 auto 10px; max-width:500px}
.forms form { padding:5px; }
#register, #forgot_password,#resend_verification { display: none; }
.forms .tab-group {
	list-style: none;
	padding: 0;
	margin: 0;
}
.forms .tab-group:after {
	content: "";
	display: table;
	clear: both;
}
.forms .tab-group li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	background: #e5e6e7;
	color: #888;
	text-transform: uppercase;
	float: left;
	width: 50%;
	text-align: center;
	
	border-top: 2px solid transparent;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.forms .tab-group li a:hover {
	background: #dedfdf;
	color: #666;
}
.forms .tab-group .active a, 
.forms .tab-group .active a:hover {
	background: #f5484a;
	color: #fff;

}
.message {margin:10px auto; text-align:center; background-color:#4dac18; color:#fff; padding:20px ; max-width: 500px; }
.forms p {margin:20px 0; text-align:center;font-size: .9rem;}
.forms input {
	 
	display: block;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #ddd;
	color: #666;
	border-radius: 0;
	margin-bottom: 10px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.forms input:focus {
	outline: 0;
	border-color: #2e5ed7;
}
.forms label {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-bottom: 5px;
	display: none;
}
.forms .button {
	border: 0;
	outline: none;
	border-radius: 0;
	padding: 10px 0;
	font-size: 1.2rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #73cf41;
	color: #fff;
	cursor: pointer;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.forms .button:hover, .button:focus { background: #56ae26; }
 
.social {text-align:center; margin:30px auto}
.social a {width: 40%;    text-align: center;    display: inline-block;}
form {box-sizing: border-box}

/* Add padding to containers */
form .container {
  padding: 5px;
  max-width:400px; margin:0 auto
}

/* Full-width input fields */
form input[type=text], form input[type=password] {
  width: 100%;
  padding: 15px 10px;
  margin: 10px 0 25px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
  font-size:1rem;
  
  
}
#top.he form input[type=text]::placeholder, #top.he form input[type=password]::placeholder {text-indent: 60px;}
.rtl ::-webkit-input-placeholder  { direction:rtl}

form input[type=text] {background: #f1f1f1 url(/users/mail.svg) no-repeat 97% 9px;}
form input[type=password] {background: #f1f1f1 url(/users/password.png) no-repeat 97% 9px;}

form input[type=text]:focus, form input[type=password]:focus,
form input[type=text]:valid, form input[type=password]:valid {
  background-color: #ddd;
  direction:ltr;
  outline: none;
 
}


.dedicate { margin:0 auto; text-align:center; width:80%;max-width:500px; font-size:0.7rem}
.dedicate img {display:block;margin:20px auto 10px; }

/* Overwrite default styles of hr */
form hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for the submit/register button */
form .registerbtn {
  background-color: #486ff5;
  color: white;
  padding: 10px 0;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
    font-size: 1.1rem;
    text-transform: uppercase;
}

form .registerbtn:hover {
  opacity:1;
}

.botLang {margin:10px auto; }
.botLang a { margin:0 10px; font-size:.8rem}
.forms p a { text-decoration:none; border-bottom:1px #f5484a solid; padding-bottom:5px}

 a {
  color: #f5484a;
}

/* Set a grey background color and center the text of the "sign in" section */
form .signin {
  background-color: #f1f1f1;
  text-align: center;
}

@media only screen and (max-width:480px) {
 form input[type=text], form input[type=password] {  margin: 5px 0 15px 0;}
 .forms {box-shadow:none}
}




.rtl { direction:rtl; text-align:right}
* {
	margin: 0;
	padding: 0;

}
.cd-header {text-align:center; margin-top:20px}
footer {text-align:center;}
body { 
    font-size: 100%;
    font-family: Arial,sans-serif;
    color: #030d18;
    background: #fff;
    line-height: 1;
}

::-webkit-scrollbar { width: 6px;  }
:-webkit-scrollbar-track {  background: rgba(184, 171, 160, 0.33);}
::-webkit-scrollbar-thumb {background-color: #b8aba0;border-radius: 2px;border: 1px solid #b8aba0;}


.user th {padding:8px 2px; background:#EBF1F6; font-size:1rem;    border: 1px #ddd solid;text-align: center;}
.user th:nth-child(1) {width:100px;}
.user th:nth-child(2) {width:150px;}
.user th:nth-child(4) {width:150px;}
.user td:nth-child(1) { direction:ltr}
.user td:nth-child(1), .user td:nth-child(2), .user td:nth-child(4) {font-size:.8rem;     line-height: 1.1rem;}
.user td:nth-child(6) {border-right: 1px #EBF1F6 solid;}
.user tr {border-bottom: 1px #EBF1F6 solid;}
.user td {padding:4px 2px; border-left: 1px #EBF1F6 solid; }
.user td a {color:#c00}
.user { margin:30px auto; max-width:1140px;    table-layout: fixed;
    border-collapse: collapse; width:98%; }	 
.user td {text-align: center; }
.user td:nth-child(5) {overflow:hidden; height:60px; display:block; overflow-y:scroll}
.forms2 {
	font-size:1rem;
	 text-align: center;
	margin: 10px auto 0;
	max-width: 500px;
	overflow: hidden;
	padding: 0;
}
.forms2 span {display:block; margin:0 auto 10px}
.forms2 p { text-align:center; font-size:1rem; margin:20px auto}
.forms2 a { text-align:center; font-size:1rem; display:block; margin:0 auto; color:#c00}
 

@media screen and (max-width: 480px) and (orientation : landscape){
	.user td:nth-child(5) {height:100px}
	.user td:nth-child(6) {width:80px}
	.user th:nth-child(1), .user th:nth-child(2) {width:50px}
	.user td,.user th {padding:4px}
 
}
@media screen and (max-width: 480px) and (orientation : portrait){
	.user { width:86%}
	.user th, .user td:nth-child(1) br {display:none}
	.user td {display:block; padding:10px; font-size:1.3rem !important;  height: auto !important;border-bottom: 1px #fff solid;}
	tbody tr { display:block; margin-bottom:30px; background:#EBF1F6; border:1px #666 solid !important}
	
}