/* Reset */
*{
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  font-family: 'Trebuchet MS';
    
}
body{
	
	background-image: linear-gradient(to right, #015496, #bc2f42);
}

.container{
	background-color: white;
}
#online{
	display:none;
}
.btn-primary{
	background-color: #015496;
	border-color: none;
	
}
.btn-primary:hover{
	background-color: #bc2f42;
}
.extra {
	background-color: white;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label
{
  position: relative;
  padding-left: 1.35em;
  
  width:4em;
  cursor: pointer;
}

[type="checkbox"]:checked + label 
{
  position: relative;
  padding-left: 1.35em;
  background-image: linear-gradient(to right, #015496, #bc2f42);
  color: white;
  width:4em;
  cursor: pointer;
}
label {
	font-weight: 400;
	
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em; left: .22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: red;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
  background-color: lightyellow;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}



/* Top */
#introd h3{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding:0.5em 0;
	color: #fff;
	background-color: #003399;
}


h2, h4{
	background-image: linear-gradient(to right, #015496, #bc2f42);
	color: white !important;
	padding: 1em 1em;
}
.full{
	padding: 2em;
}

thead{
		font-size: 1.3em;
		background-color: #363a90;
		color: #fff;
		
	}
thead th{
	text-align: center;
}
tbody th{
	background-color: #fff;
	
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: #003399;
}
.fa-bars {
    font-size: 1.5rem;
}
.meniumic{
	color: #003399;
}

.tab-pane .fa {
	color: #003399;
}

.tab-pane ul li {
	
	list-style: disc inside;
}

a {
	color: #003399;
}

.logo img, .dreapta img{
	width: 100%;
	
}


.grena {
	background-color: #bc2f42;
	border-color: none;
}
.grena:hover{
	background-color: #015496;
	
}

.home img{
	padding-right: 1em;
	width: 30%;
}

.caseta{
	background-color: #003399;
	color: #fff;
	text-align: center;
	padding: 2em;
	margin-top:1em;
	border-radius: 5em 0;
}

.tab-pane{
	padding-left: 2em;
}

.juma{
	width: 49%;
	float: left;
}

span.carousel-control-next-icon, span.carousel-control-prev-icon {
	width: 30px;
	height: 30px;
	
	
}

.carousel-caption{
	
	background-color: #003399;
	opacity: 0.7;
	
	
}

h6{
	
	text-align:center;
	padding: 1em 0;
}
.linkuri img{
	width:50%;
	display: block; 
}

.table th, .table td{
	vertical-align: middle!important;
	
}

.verde {
	color: #008000;

}

/* Footer */

footer{
	
	padding-bottom:2em;
	color: #003399;
	
	
}
footer h6, footer p{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

footer p{
	font-size: 14px;
}



.dropdown-item{
	background-color: #fff!important;
	color: #000!important;
	
	
}

.dropdown-item:hover{
	background-color: #003399!important;
	color:#fff!important;
}



.deschide{
	color: red;
	
}
.deschide:hover{
	
	color:#003399;
}

.nav-item>.nav-link{
	margin: 0.5px!important;
}


.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover, .nav-pills .nav-link:hover{
	background-color:#003399;
	color: #fff;
	border-radius: 0.25rem;
	
}
.disabled:hover {
	background-color:#ccc!important;
	
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display:none;
	
}

.back-to-top:hover, .back-to-top:active, .back-to-top:link, .back-to-top:visited, .back-to-top:focus{
	background-color:#003399;
	opacity:0.7;
	border: none;
	
	
}

i.fa.fa-search{
	
	display: inline-block;
	padding: .5em;
	color: #fff;
	background-color: #003399;
	
	
	
}
input{
	
	padding: .2em;
	border: 2px solid #003399;
	
}

.ceva li {
	list-style: none!important;
	float:left;
	height: 35px;
	background-color: #003399;
	
	
}

.mij {
	text-align:center;
	
}

@media screen and (max-width: 990px){



 
.dropdown-item{
	width:200px;
	
	white-space: normal!important; 
}

@media screen and (max-width: 767px){

  
 .tab-pane{ 
 padding-left: 0;
    
    
} 

.full{
	padding:1em;
}


}


@media screen and (max-width: 500px){
.table {
	font-size: 0.8em;	
}

	
	.juma{
	width: 100%;
	float: none;
}
#introd h3, footer h4{
	font-size: 18px;
}

footer p{
	font-size: 11px;
	
}
.home img{
	padding-right: 0;
	padding-bottom: 1em;
	width: 100%;
}

.nav-tabs .nav-link{
	width: 100%;
} 



}