/*= Stiluri generale--------------------------------------------------------*/
body {
	height:100%;
	background: #efefef;
	font-family: 'Open Sans', sans-serif;
	color: #777;
}

a {
	color: #f58220;
	font-weight: 400;
}

span {
	font-weight: 300;
	color: #f58220;
}
/*= forma de logare--------------------------------------------------------*/
.container {
    padding: 0 16px 25px 10px;
    width: 350px;
	font-weight: 400;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.mlogin {
	margin: 0 auto 0;
}

.container form .input,.container input[type=text],.container input[type=password]{
	background: #fbfbfb;
	font-size: 24px;
	line-height: 1;
	width: 100%;
	padding: 3px;
	margin: 0 6px 5px 0;
	outline: none;
	border: 1px solid black;
}

.container form .input:focus {
	border: 1px solid #f58220;
	-webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
	-moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
	box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
}

.container h1 {
	color: #777;
	text-align: center;
	font-weight: bold;
	border: 1px dashed #777;
	margin-top: 13px;
}

#dlogin {
	width: 320px;
	margin: auto;
	padding-bottom: 15px;
}

.logbt{
	border: solid 1px  #153ce1;
	background: #153ce1;
	height: 60px;
	background: -webkit-gradient(linear, left top, leftbottom, from(#657af0), to(#153ce1));
	background: -moz-linear-gradient(top,  #657af0, #153ce1);
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding: 7px 12px;
	-webkit-border-radius:4px;
	border-radius:8px;
	float: right;
	cursor: pointer;}

.logbt:hover{
	background: #f47c20;
	background: -webkit-gradient(linear, left top, leftbottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11, #f06015);
}
/*----------------------------------------*/

.blok {
	margin: 5px auto;
	padding: 5px 5px;
	background: #fff;
}

.button{
	border: solid 1px  #153ce1;
	background: #153ce1;
	background: -webkit-gradient(linear, left top, left bottom, from(#657af0), to(#153ce1));
	background: -moz-linear-gradient(top,  #657af0, #153ce1);
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #fff;
	margin: 6px;
	padding: 6px 8px;
	-webkit-border-radius:8px;
	moz-border-radius:8px;
	border-radius:8px;
	cursor: pointer;
}

.button:disabled{
	background: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#808080));
	background: -moz-linear-gradient(top,  #c0c0c0, #808080);
    
}

.button:hover{
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11, #f06015);
//	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.celula{
    border-spacing: 0;
    border: 1px solid black;
	color: black;
	font-weight: bold;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}

.celula1{
	background:slategrey;
    border-spacing: 0;
    border: 1px solid black;
	color: white;
	font-weight: bold;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}

.loader {
  position: fixed; 
  top:40%; 
  left:50%; 
  transform: translate(-40%, -50%);
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 150px;
  height: 150px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*= Subsol--------------------------------------------------------*/
footer {
	position:fixed;
	bottom:0;
	left: 8px;
	right: 8px;
	margin: 0;
	width: 100%;
	height: 10vh;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
	color: black;

}
/*= Containere--------------------------------------------------------*/

#welcome {
	width: auto;
    height: auto;
	padding: 0;
	background: #fff;
	margin: 0 auto 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.button1{
	border: solid 1px  #153ce1;
	background: #153ce1;
    height: auto;
	background: -webkit-gradient(linear, left top, left bottom, from(#657af0), to(#153ce1));
	background: -moz-linear-gradient(top,  #657af0, #153ce1);
//	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#657af0', endColorstr='#153ce1');
	font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
    color: #fff;
    margin: 5px;
    font-weight: bold;
	padding: 5px 5px;
	-webkit-border-radius:4px;
	moz-border-radius:4px;
	border-radius:4px;
//	float: left;
	cursor: pointer;
}

.button1:disabled{
	background: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#808080));
	background: -moz-linear-gradient(top,  #c0c0c0, #808080);
    
}

.button1:hover{
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11, #f06015);
//	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.modalwin { 
    height: 300px;
    width: 400px;
    border: 3px outset gray; 
    background: wheat;
    top: 10%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index:2;
    display: none;
    position: fixed;
    padding: 15px;
    border: 1px solid #383838;
}
#shadow { 
    position: fixed;
    width:100%;
    height:100%;
    z-index:1;
    background:#000;
    opacity: 0.5;
    left:0;
    top:0;
}


/*= Butoane--------------------------------------------------------
*/