html {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	background: rgba(82,82,82,1);
}

body {
	width: 100%;
	height: 100%;
	min-height: 920px;
}

.top,
.middle,
.bottom {
	width: 100%;
}

.top {
	height: 25%;
	background: rgba(8,29,50,1);
}

.middle {
	height: 55%;
	background: rgba(18,52,89,1);	
}

.bottom {
	height: 20%;
	background: rgba(82,82,82,1);
}

h1 {
	color: #eee;
	font-weight: 300;
}

h1 span {
	font-weight: 600;
}

.absolute {
	position: absolute;
	width: 100%;

}

.wrapper {
	position: relative;
	width: 70%;
	max-width: 1400px;
	min-width: 873px; 
	margin: 0 auto;
}

.titlu {
	margin-top: 30px;
}

.acasa,
.situatii,
.comentarii,
.program,
.video,
.logout {
	display: inline-block;
	position: absolute;
}

.acasa {
	height: 76px;
	width: 120px;
	border-radius: 30px 30px 0 0;
	background: rgba(19,175,50,1);
	color: rgba(246,246,246,1);
	font-size: 1.1em;
	bottom: 0px;
}

.acasa svg {
	width: 25px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 2px;
	fill: white;
}

.acasa p {
	margin: 0;
	left: 40px;
	top: 8px;
}



.situatii,
.comentarii,
.program,
.video {
	height: 60px;
	width: 200px;
	border-radius: 0 45px 0 0;
	position: relative;
	font-size: 1.08em;
	margin-bottom: 40px;
}

.situatii {
	background: rgba(254,220,48,1);
	color: rgba(0,0,0,0.85);
	left: 88px;
	z-index: 4;
}

.situatii svg {
	width: 175px;
	height: 30px;
	position: absolute;
	left: 25px;
	top: 5px;
	fill: white;
}

.situatii p {
	margin: 0;
	left: 83px;
	top: 38px;
}

.comentarii {
	background: rgba(255,180,26,1);
	color: rgba(246,246,246,1);
	left: 41px;
	z-index: 3;
}

.comentarii svg {
	width: 175px;
	height: 30px;
	position: absolute;
	left: 32px;
	top: 5px;
	fill: white;
}

.comentarii p {
	margin: 0;
	left: 54px;
	top: 35px;
	width: 73% !important;
}

.program {
	background: rgba(249,111,1,1);
	color: rgba(246,246,246,1);
	left: -9px;
	z-index: 2;
}

.program svg {
	width: 175px;
	height: 30px;
	position: absolute;
	left: 35px;
	top: 5px;
	fill: white;
}

.program p {
	margin: 0;
	left: 74px;
	top: 35px;
	width: 55% !important;
}

.video {
	background: rgba(199,0,0,1);
	color: rgba(246,246,246,1);
	left: -56px;
	z-index: 1;
}

.video svg {
	width: 170px;
	height: 30px;
	position: absolute;
	left: 35px;
	top: 5px;
	fill: white;
}

.video p {
	margin: 0;
	left: 107px;
	top: 35px;
	width: 20% !important;
}

.logout {
	height: 76px;
	width: 120px;
	border-radius: 0 30px 0 0;
	background: rgba(27,128,170,1);
	color: rgba(246,246,246,1);
	font-size: 1.1em;
	bottom: 0px;
	left: 753px;
}

.logout-admin {
	left: 290px;
}

.logout svg {
	width: 25px;
	height: 30px;
	position: absolute;
	left: 26px;
	top: 2px;
	fill: white;
}

.logout p {
	margin: 0;
	left: 56px;
	top: 8px;
}

#continut {
	width: 100%;
	background: rgba(246,246,246,1);
	border-radius: 30px;
	z-index: 20;
}

.continut {
	top: -44px;
}

.login {
	text-align: center;
	padding: 40px 0 20px 0;
}

.login .logo {
	width: 130px;
}

.buton {
	background: rgba(26,127,169,1);
	border: none;
	padding: 20px 40px;
	color: rgba(246,246,246,1);
	border-radius: 50px;
	font-size: 0.9em;
	font-weight: 300;
	margin-top: 50px;
}

.buton-admin {
	background: rgba(217,236,242,1) !important;
	color: #111;
	font-weight: 600;
	font-size: 1.2em;
	margin: 0;
	padding: 5px 20px;
	width: auto;
	display: inline-block;
	margin-bottom: 10px;
}

.input-admin {
	margin-top: 50px;
	padding: 6px 20px !important;
	width: 60% !important;
}

.login {
	font-size: 1.9em;
}

.login h3 {
	color: rgba(0,0,0,0.85);
	margin-bottom: 5px;
}

.login p {
	font-size: 0.5em;
	color: rgba(0,0,0,0.65);
	width: 60%;
	margin: 60px auto 0 auto;
}

input[type="text"],
input[type="password"] {
	border-radius: 25px;
	border: 1px solid rgba(0,0,0,0.35);
	padding: 15px 20px;
	text-align: center;
	background: rgba(0,0,0,0.07);
}

input[type="text"] {
	width: 50%;
	max-width: 400px;
}

input[type="password"] {
	width: 30%;
	max-width: 250px;
}

.nav p {
	position: absolute;
	width: 73%;
}

.footer {
	font-size: 1em;
	color: rgba(240,240,240,0.85);
	width: 40%;
	margin: 0 auto;
	text-align: center;
	font-weight: 300;
}

.footer-container {
	margin-bottom: 30px;
	width: 100%;
}

.selectat {
	z-index: 10;
	color: rgba(0,0,0,0.85);
	width: 220px;
	background: rgba(246,246,246,1);
	border-radius: 45px 45px 0 0;
}

.selectat p {
	width: 100% !important;
	left: 0;
	text-align: center;
}

.selectat svg {
	fill: #444;
	width: 100%;
	left: 0;
}

.cneselectat {
	border-radius: 45px 0 0 0;
	width: 205px;
	z-index: 5;
}

.cneselectat svg {
	width: 76%;
	left: 0;
}

.cneselectat p {
	width: 76%;
	left: 0;
	text-align: center;
}

.neselectat {
	border-radius: 45px 0 0 0;
	width: 195px;
	color: rgba(246,246,246,1);
}

.neselectat svg {
	width: 76%;
	left: 0;
}

.neselectat p {
	width: 76%;
	left: 0;
	text-align: center;
}

.nav:first-child:hover {
	cursor:pointer;
}

.nav a {
	color: inherit;
	display: block;
	width: 100%;
	height: 100%;
}

.acasa:hover {
	background: rgba(0,155,30,1);
    -webkit-transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
 }

.situatii:hover {
	background: rgba(234,200,28,1);
    -webkit-transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
 }

 .comentarii:hover {
	background: rgba(235,160,6,1);
    -webkit-transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
 }

 .program:hover {
	background: rgba(209,91,0,1);
    -webkit-transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
 }

 .video:hover {
	background: rgba(169,0,0,1);
    -webkit-transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
 }

  .selectat:hover {
	background: rgba(230,230,230,1);
    -webkit-transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
 }


 .tabel {
 	width: 60%;
 	margin: 0 2.5% 0 2.5%;
 	color: #111;
 	display: inline-block;
 }

 .tabel h1,
 .noutati h1 {
 	color: #111;
 	margin: 0;
 	font-weight: 600;
 	font-size: 2.8em;
 }

 .tabel h4 {
 	color: #222;
 	margin-top: -5px;
 	margin-bottom: 34px;
 	font-weight: 400;
 	font-size: 1.3em;
 }

 .cap-tabel {
 	list-style: none;
 	width: 100%;
 	margin: 0;
 	background-color: rgba(217,236,242,1);
 	border-radius: 30px;
 	line-height: 2.2em;
 	font-weight: 600;
 }

 .cap-tabel li {
 	float: left;
 	text-align: center;
 	width: 19%;
 }

 .cap-tabel li:nth-child(1) {
 	float: left;
 	text-align: center;
 	width: 10% !important;
 }

 .cap-tabel li:nth-child(5) {
 	float: left;
 	text-align: center;
 	width: 15% !important;
 }
 
  .cap-tabel li:nth-child(6) {
 	float: left;
 	text-align: center;
 	width: 10% !important;
 }



 .corp-tabel {
 	list-style: none;
 	width: 100%;
 	line-height: 1.3em;
 	font-weight: 500;
 }

 .corp-tabel li {
 	float: left;
 	text-align: center;
 	width: 19%;
 }

  .corp-tabel li:nth-child(1) {
 	float: left;
 	text-align: center;
 	width: 10% !important;
 }

 .corp-tabel li:nth-child(5) {
 	float: left;
 	text-align: center;
 	width: 15% !important;
 }

 .corp-tabel li:nth-child(6) {
 	float: left;
 	text-align: center;
 	width: 10% !important;
 }

.cap-tabel-admin {
	margin-top: 50px;
}

 .cap-tabel-admin li {
 	width: 50% !important;
 }

 .corp-tabel-admin li {
 	width: 50% !important;
 }

 .cap-tabel-admin-unu li {
 	width: 33% !important;
 }

 .corp-tabel-admin-unu li {
 	width: 33% !important;
 }
 
 .corp-tabel-admin-unu li:nth-child(3){
 	width: 13% !important;
 }
 
 .corp-tabel-admin-unu li:nth-child(4){
 	width: 13% !important;
 }

 .cap-tabel-admin-doi li {
 	width: 45% !important;
 }

 .corp-tabel-admin-doi li {
 	width: 45% !important;
 }
 
 .corp-tabel-admin-doi li:nth-child(3){
 	width: 20% !important;
 }
 
 .corp-tabel-admin-doi li:nth-child(4){
 	width: 20% !important;
 }

 .cap-tabel-elevi li {
 	width: 20% !important;
 }

 .corp-tabel-elevi li {
 	width: 20% !important;
	min-height: 20px;
 }

 .buton-sterge-elev {
 	margin: 0;
 	padding: 3px 15px;
 	background: rgba(226,27,69,0.8);
 	font-weight: bold;
 }

  .buton-sterge-elev:hover {
 	background: rgba(226,27,69,1);
 }

 .continut-situatie {
 	padding: 50px 0;
 	overflow: auto;
 }

 .inaltime {
 	height: 140px;
 }

 .noutati {
 	width: 30%;
 	margin: 0 2.5% 0 2.5%;
 	color: #111;
 	float: right;
 }

 .padding {
 	padding: 0 20px;
 	width: 100%;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 }



 .corp-tabel.padding {
 	margin-bottom: 40px;
 }

 .clearfix {
 	display: inline-block;
 }

 .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.select {
	width: 100%;
}

.select h4 {
	display: inline-block;
	margin: 0;
	line-height: 35px;
}

.select h4:nth-child(3) {
	margin-left: 100px;
}

.select svg {
	width: 35px;
	height: 35px;
	fill: green;
	position: absolute;
	bottom: 0px;
}

.select select {
	background-color: rgba(217,236,242,1);
	border-radius: 30px;
	border: none;
	width: 142px;
	padding: 4px 10px 2px 10px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.3em;
	font-weight: 600;
	margin-left: 5px;
	background-image: url(../img/calendar.png);
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: 114px 5px;
}

.select select option {
	font-weight: 600;
}

.select-clasa {
	background-color: rgba(217,236,242,1);
	border-radius: 30px;
	border: none;
	width: 142px;
	padding: 4px 10px 2px 10px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.3em;
	font-weight: 600;
	margin-left: 5px;
	background-image: url(../img/student.png);
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: right center;
}

.select-clasa option {
	font-weight: 600;
}

.cap-tabel span {
	width: 33.3%;
	display: inline-block;
}

.cap-tabel span:nth-child(2) {
	text-align: center;
}

.cap-tabel span:nth-child(3) {
	text-align: right;
}

.orar {
	list-style: none;
	width: 100%;
	margin-top: 0;
}

.orar li {
	float: left;
	width: 47.5%;
	min-height: 180px;
}

.orar li:nth-child(2),
.orar li:nth-child(4) {
	margin-left: 5%;
}

.orar li:nth-child(3) {
	margin-left: 0;
}
.orar li:nth-child(4) {
	margin-right: 0;
}

.orar li:nth-child(1),
.orar li:nth-child(2),
.orar li:nth-child(3),
.orar li:nth-child(4){
	margin-bottom: 50px;
}

.orar li:nth-child(5) {
	margin: 0 26.25%;
}

.ore span {
	display: block;
	width: 90%;
	margin-left: 10%;
}
.ore strong {
	margin-left: 10px;
}

.optionale {
    margin-top: 20px;
}

.optionale p {
	margin-top: 0;
	margin-left: 17%;
}

.optionale p span {
	display: inline-block;
	background-color: rgba(217,236,242,1);
	border-radius: 30px;
	line-height: 2.2em;
	padding: 0 10px;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	min-width: 180px;
 	text-align: right;
 	margin-right: 50px;
	}

.optionale p span strong {
	margin-right: 10px;
}

.in-curand {
	width: 100%;
	margin: 140px 0 200px 0;
	font-size: 3em;
	text-align: center;
}

.cf:after {
  content: ' ';
  display: block;
  clear: both;
}

 .spatiuunu {
 	height: 90px !important;
 }

a {
	text-decoration: none;
}
.buton-admin:hover {
	background: rgba(27,128,170,1) !important;
	color: #fff;
}

.tabel-admin {
	width: 60%;
}

textarea {
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,0.35);
	padding: 15px 20px;
	text-align: center;
	background: rgba(0,0,0,0.07);
	width: 80%;
	min-height: 200px;
}

input[type=date]::-webkit-clear-button {
    display: none; /* Hide the button */
    -webkit-appearance: none; /* turn off default browser styling */
}

input[type=date]::-webkit-inner-spin-button { display: none; }


.clearfix {
	clear: both;
}


.confirmation {
	position: fixed;
	height: 80px;
	width: 100%;
	background: rgba(82,82,82,0.95);
	text-align: center;
	z-index: 1000;
	display: none;
}

.confirmation div {
	width: 800px;
	display: inline-block;
}

.ok div div {
	display: inline-block;
	height: 80px;
	width: 80px;
	background-image: url("../img/oke.png");
	background-size: 80%;
	background-position: 50%;
	background-repeat: no-repeat;
	float: left;
}

.notok div div {
	display: inline-block;
	height: 80px;
	width: 80px;
	background-image: url("../img/notoke.png");
	background-size: 80%;
	background-position: 50%;
	background-repeat: no-repeat;
	float: left;
}

.confirmation p {
	color: #fff;
	font-size: 1.5em;
	display: inline-block;
	line-height: 80px;
	margin: 0 0 0 3%;
	position: relative;
	top: 0;
}
/*
.ok div:nth-child(1) p:nth-child(odd) {
	display: none !important;
}

.notok div:nth-child(1) p:nth-child(even) {
	display: none !important;
}
*/
.ok,
.notok {
	display: block !important;
}
.confirmation div{	text-align: left;}




.paging {
	text-align: center;
}
.paging span{
	padding-right: 10px;
}
.paging span.current{
	font-weight: bold;
}


.activity-switch {
	padding-right: 10px;
	cursor: pointer;
	text-decoration: underline;
}




 @media (max-width: 1450px) {

 	.noutati {
 		margin-top: 50px;
		padding-top: 50px;
		float: none;
		width: 95%;
		border-top: 2px solid rgba(217,236,242,1);

 	}

 	.tabel {
 		width: 95%;
 	}

 	.orar li {
	float: left;
	width: 30%;
	min-width: 245px;
	}

	.orar li:nth-child(2),
	.orar li:nth-child(3) {
		margin-left: 5%;
	}

	.orar li:nth-child(1),
	.orar li:nth-child(2),
	.orar li:nth-child(3) {
		margin-bottom: 50px;
	}

	.orar li:nth-child(4) {
		margin-left: 17.5%;
		margin-right: 5%;
	}

	.orar li:nth-child(5) {
		margin-right: 17.5%;
		margin-left: 0
	}

	.optionale p {
	margin-left: 0;
	width: 49%;
	display: inline-block;
}

}
 }