/*
 * general
 */
body {    
	color: #4D4D4D;
	font-family: Tahoma, Geneva, sans-serif;
}

.display-inline-block {
	display: inline-block;
}

.margin-top-15 {
	margin-top: 15px;	
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.no-margin-top {
	margin-top: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}
/*
 * end of general
 */


/*
 * sticky footer with fixed navbar
 */
html,
body {
  height: 100%;   
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -32px;
  /* Pad top by navbar height and bottom by footer height */
  padding: 54px 0 32px;
}

#wrap > .container {
  padding: 20px 15px 20px;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

#footer .up {
	text-decoration: none;
	margin: 2px 0 0 10px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 32px;
  background-color: #222222;
  border-color: #080808;
  border-top: 2px solid #AE4343;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

.container .credit {
  margin: 4px 0;
}

#footer .up {
	text-decoration: none;
	margin: 2px 0 0 10px;
}
/*
 * end of sticky footer with fixed navbar
 */


/*
 * navbar
 */

.navbar {  
  margin-bottom: 0;
}

.navbar-inverse {
  border-bottom: 4px solid #AE4343;
}

.navbar-inverse .navbar-brand {
  color: #CCCCCC;
}

.navbar-inverse .navbar-text {
  color: #CCCCCC;
}

.navbar-inverse .navbar-nav > li > a {
  color: #CCCCCC;
}

.navbar-inverse .navbar-link {
  color: #CCCCCC;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
}

.navbar-brand {
  float: left;
  padding: 12px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-default .navbar-text {
  color: #777777;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: 0px;
  }
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

.logo-navbar {
	height: 26px;
}

.navbar-logo-dropdown-link {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

/*
 * end of navbar
 */


/*
 * jumbotron classes
 */
.jumbotron {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #EDEDED;      
  border-bottom: 1px solid #CCCCCC;	
  height: auto;
}

.jumbotron h1 {
  line-height: 1;
  color: inherit;
}

.jumbotron p {
  line-height: 1.2;
}

.container .jumbotron {
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1 {
    font-size: 36px;
  }
}
/*
 * end of jumbotron classes
 */


/*
 * carousel classes
 */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

 .banner-img {
	margin-top: 20px;
 }

/*
 * end of carousel classes
 */


/*
 * banner graphics
 */

.banner-graphics {	
	width: 320px;
	height: 240px;
	position: relative;
	left: calc(50% - 160px);			
}

.sigla-banner {
	width: 130px;
	height: 130px;
	opacity: 1;
	position: absolute;
	top: calc(50% - 65px);	
	left: calc(50% - 65px);
		
}

.sigla-banner:hover {
	opacity: 0.9;
}

.banner-graphics > .bg-i {
	width: 36px;	
	height: auto;
	opacity: 0.7;
	position: absolute;
	cursor: pointer;
}

.banner-graphics > .bg-i:hover, .bg-i.active {
	opacity: 1;
}

.banner-graphics > .bg-i1 {	
	top: calc(50% - 116px); /* 50% - (1/2 lb w + 1/2 i1 w + padding:18px) */
	left: calc(50% - 18px); /* 50% - (1/2 i1 w) */
}

.banner-graphics > .bg-i2 { 	
	top: calc(50% - 91px); /* 50% - 31 - 18 - 36 - 6 */
	left: calc(50% + 55px); /* 50% + 31 + 18 + 6 */
}



.banner-graphics > .bg-i3 {
	top: calc(50% - 18px); /* 50% - (1/2 i1 w) */
	left: calc(50% + 80px); /* 50% + (1/2 lb w) */
}

.banner-graphics > .bg-i4 {	
	top: calc(50% + 55px); /* 50% + 31 + 18 + 6 */
	left: calc(50% + 55px); /* 50% + 31 + 18 + 6 */
}

.banner-graphics > .bg-i5 { 	
	top: calc(50% + 80px); /* 50% - (1/2 lb w - 1/2 i1 w + padding:18px) */
	left: calc(50% - 18px); /* 50% - (1/2 i1 w) */
}

.banner-graphics > .bg-i6 {	
	top: calc(50% + 55px); /* 50% - 31 - 18 - 36 - 6*/
	left: calc(50% - 91px); /* 50% - 31 - 18 - 36 - 6 */	
}

.banner-graphics > .bg-i7 {	
	top: calc(50% - 18px); /* 50% - (1/2 i1 w) */ 
	left: calc(50% - 116px); /* 50% - (1/2 lb w + 1/2 i1 w + padding:18px) */
}

.banner-graphics > .bg-i8 {	
	top: calc(50% - 91px); /* 50% - 31 - 18 - 36 - 6 */
	left: calc(50% - 91px); /* 50% - 31 - 18 - 36 - 6 */
}

/*
 * end of banner graphics
 */


/*
 * colors customization
 */

a {
  color: #4D4D4D;
  text-decoration: none !important;  
}

a:hover,
a:focus {
  color: #3E6584;
  text-decoration: none !important;  
}

.text-primary {
  color: #3E6584;
}

.btn-primary {  
  background-color: #3E6584;
  border-color: #3C5163;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {  
  background-color: #365974;
  border-color: #344857;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #607A8E;
  border-color: #515F6A;
}

.btn-link {
  color: #3E6584;  
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #3E6584;
  color: #ffffff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #3E6584;
  color: #ffffff;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { 
  border-color: #3E6584;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #3E6584;
}

.nav .caret {
/*  border-top-color: #3E6584;*/
  border-bottom-color: #3E6584;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {  
  background-color: #3E6584;
  border-color: #3E6584;
}

.label-primary {
  background-color: #3E6584;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #3E6584; 
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #3E6584;
}

.progress-bar {  
  background-color: #3E6584;  
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {  
  background-color: #3E6584;
  border-color: #3E6584;
}

.panel-primary {
  border-color: #3E6584;
}

.panel-primary > .panel-heading { 
  background-color: #3E6584;
  border-color: #3E6584;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3E6584;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3E6584;
}


.btn-success {
  color: #ffffff;
  background-color: #47A447;
  border-color:	#3E8B3E;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #429542;
  border-color: #3A7E3A;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #47A447;
  border-color: #3E8B3E;
}

.label-success {
  background-color: #47A447;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #429542;
}

.progress-bar-success {
  background-color: #47A447;
}


.btn-danger {
  background-color: #CD5959;
  border-color: #AE4343;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #B84747;
  border-color: #9C3D3D;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #CD5959;
  border-color: #AE4343;
}

.label-danger {
  background-color: #CD5959;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #B84747;
}

.progress-bar-danger {
  background-color: #CD5959;
}


.text-danger {
  color: #CD5959;
}

.has-error .help-block,
.has-error .control-label {
  color: #CD5959;
}

.has-error .form-control {
  border-color: #CD5959;  
}

.has-error .input-group-addon {
  color: #CD5959; 
  border-color: #CD5959;
}

.alert-danger {
  color: #CD5959;  
}

.panel-danger > .panel-heading {
  color: #CD5959;
}

/* bootstrap-switch colors */
.bootstrap-switch > div > span.bootstrap-switch-primary {
  color: #fff;
  background: #3E6584;	
}
.bootstrap-switch > div > span.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch > div > span.bootstrap-switch-success {
  color: #fff;
  background: #47A447;
}
.bootstrap-switch > div > span.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch > div > span.bootstrap-switch-danger {
  color: #fff;
  background: #CD5959;
}
.bootstrap-switch > div > span.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
/* end of bootstrap-switch colors */

/*
 * end of colors customization
 */


/*
 * nav-pills customization
 */

.nav-pills > li {
  float: left;
  display: inline-block;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {  
  background-color: #CD5959;
}

/*
 * end of nav-pills customization
 */


/*
 * footer
 */
/*
#footer {
  margin-top: 20px;
  background-color: #222222;
  border-color: #080808;
  border-top: 2px solid #AE4343;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

.container .credit {
  margin: 20px 0;
}

#footer .up {
	text-decoration: none;
	margin: 2px 0 0 10px;
}
*/
/*
 * end of footer
 */

/* --------------Elearning-------------*/
.quizzSelection td{
	padding-left:100px;
}
.time-label{
	font-weight:normal;
}
.radio-margin-right{
	margin-right:-5%;
}
.remove-btun{
	margin-left:6%;
}
.search_popup_box{
	height:312px;
	width: 100%;
	max-width:700px;
}
.search_popup_contacts{
	height:93%;
	overflow: auto;
}
.search_row_width{
	width:100%;
}
.search-info-bar{
	height:7%;
	background-color:#E4E4E4;
}
.interface-container{	
	margin-left:5%;
	margin-right:5%;
	background-color:#fff;
	box-shadow: 0px 3px 8px #888888;
}
.courses-list{
	padding-top:0.5%;
	padding-bottom:5%;
	margin-left:5%;
	margin-right:5%;
}
.courses-list #course-name{
	padding-left:1%;
	padding-top:0.5%;
	padding-bottom:0.5%;
	background-color:#c9dde1;
	border-radius:4px;
	color:#3e6584;
}
.tow-column-table td{
	 vertical-align: top;
}
.quizz-input{
	float:left;
	height:20px;
	margin:0;
	margin-left:2px;
	margin-right:2px;
}
.central-quiz-button{
	width:20%;
}
.main-comment{
	border-style: solid;
	border-width: 1px;
	border-color:#A3A3A3;
	margin-bottom:5px;
	border-radius:4px;
	background-color:#f5f5f5;
}
.comment-paragraph{
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	padding-bottom:0.5%;
}
.children-comment{
	margin-left:5%;
	border-style: solid;
	border-width: 1px;
	border-color:#D6D6D6;
	margin-bottom:5px;
	border-radius:4px;
}
textarea {
    resize: none;
    width:100%;
}
.comment-button{
	margin-right:1%;
	margin-bottom:1%;
}
.children-comment-active{
	margin-left:5%;
	margin-right:5%;
}
.score-input{
	margin-right: 1%;
	width:80px; 
	height: 22px; 
	float:right;
}
.small-paragraph{
	margin-left:1%;
	margin-top:1%;
	font-size:12px;
}
.progres-bar-style{
	position: absolute; 
	height:13px;
	font-size:12px;
	text-align: center;
	margin-left: 7%;
}