@import url(https://fonts.googleapis.com/css?family=Hind+Madurai);
/*		nav.navbar.first_navbar, #scorm_toc_title {
			background: rgba(52,170,194, .8);
		} */
		#scorm_toc_title {
			background: rgb(0, 0, 255) !important;
		}
		nav.navbar.first_navbar a {
			color: #fff;
		}
		nav.navbar.first_navbar .dropdown-menu {
			background-color: rgba(0, 0, 0, 0);
		}
		nav.navbar.navbar-default {
			background: rgb(243, 243, 243);
		}
		nav.navbar.navbar-default ul.nav.navbar-nav.pull-right li a {
			/* color: rgb(68, 68, 68); */
			color:#000;
		}
		nav.navbar.navbar-default .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
			background-color: rgb(243, 243, 243);
		}
		img.logo_cabecera {
			-webkit-filter: invert(0) contrast(1) grayscale(0) saturate(1);
			-ms-filter: invert(0) contrast(1) grayscale(0) saturate(1);
			filter: invert(0) contrast(1) grayscale(0) saturate(1);
		}
		html body, #page {
		/*	background-color: rgb(255, 255, 255); */
			font-family: Hind Madurai;
		}
		.panel-default > .panel-heading, .box.message table td.heading, .box.message .messagearea .messagerecent .singlemessage .otheruser, .block .header, #dockeditempanel .dockeditempanel_hd, h3, h3 a, h4, h4 a, .panel-default > .panel-heading .coursename a, .breadcrumb, a {
			color: #000;
		}
		/*.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: ;
		}*/
		.block {
			background-color: rgba(103, 160, 186, 0.12);
			padding: .5em;
		        border: solid;
 		        border-color: #1c97d3;
		}
		#page .content .block_tree li p a, #page span.eventname, #page .content .list li a, .block_site_main_menu .instancename, .block_navigation .block_tree .tree_item, .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree .tree_item  {
			color: #000;
		}

		.loginbox.clearfix.onecolumn {
		  /* Color de la caja del login */
		      background-color: rgba(28, 151, 211,.75) !important;
		      border: none;
		      color: #fff;
		      border-radius: 12px;
		  }

		  .loginbox.onecolumn {
		      position: initial !important;
	  	      margin-left: 50px;
		}


/* Arroyo */

body {
	background-position: center;
}

#color-portada {
	position: fixed;
	height:100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: .75;
	z-index: -1;
}

nav.navbar.first_navbar .container-fluid {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
        /* border-bottom: solid 2px #000; */
}

nav.navbar.first_navbar img:not([title="Imagen de Admin Usuario"]) {
/*	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1); */
}

nav.navbar.first_navbar ul.menu img {
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

body#page-login-index nav.navbar.navbar-default .navbar-header.pull-left {
  position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* body#page-login-index img.logo_cabecera {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
} */

body#page-login-index nav.navbar.navbar-default .navbar-header.pull-right {
	display: none;
}

#page {
	height: calc(100% - 192px);
	padding: 0;
}

html body, #page #page-content {
	margin: 0;
	padding-bottom: 50px;
}


.loginbox.clearfix.onecolumn {
  border: none;
  border-radius: 12px;
	box-shadow: none !important;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1) !important;
}

.loginbox.clearfix.onecolumn h2 {
  text-align: left !important;
	font-weight: bold !important;
}

.loginbox.clearfix.onecolumn label:not([for="rememberusername"]) {
  font-size: 1.2em;
}

.loginbox.clearfix.onecolumn input:not([value="Iniciar sesión como invitado"]) {
  font-size: 1.5em !important;
	margin-bottom: 10px;
}

.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"] {
  padding: 5px !important;
	border-width: 2px;
	height: auto !important;
}

.loginbox.clearfix.onecolumn .rememberpass {
  float: none;
	margin: 10px 0;
	font-weight: bold;
}

.loginbox.clearfix.onecolumn input#loginbtn {
	margin: 0 0 25px 0;
	width: 100%;
	font-weight: bold;
}

.loginbox.clearfix.onecolumn .forgetpass {
  text-align: left;
	font-weight: bold;
}

.guestform input[type="submit"] {
  padding: 0;
	font-weight: bold;
}

body#page-login-index #page #page-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0;
	border-top: 0;
}

@media screen and (max-height: 800px) {
	body#page-login-index #page #page-footer {
		display: none !important;
	}
}

body#page-login-index #page #page-footer p {
	margin: 0;
	padding: 15px;
}

/* CAMBIAR COLORES */

/* Colores de fondo */
#color-portada,
.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"] {
	/* background-color: rgba(1, 19, 90, .5); !important; */
}

nav.navbar.first_navbar, #scorm_toc_title {
	background-color: #1c97d3 !important;
}

nav.navbar.navbar-default,
.loginbox.clearfix.onecolumn {
   /*  background: transparent !important; */
    background-color: rgba(233, 233, 233, .75);
    border-bottom: solid 1.5px;
    border-right: solid 1px #fff;
}

/* Colores de texto */
nav.navbar.first_navbar, #scorm_toc_title,
.loginbox.clearfix.onecolumn,
.loginbox.clearfix.onecolumn input[type="text"],
.loginbox.clearfix.onecolumn input[type="password"],
body#page-login-index #page #page-footer p {
	/* color: #ffffff !important; */
}

.loginbox.clearfix.onecolumn input#loginbtn {
	color: #000 !important;

}

body {
    background: rgba(0, 0, 0, 0) url(/theme/campusonline/pix/mosaico_2.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    color:#000 !important;
    background-position-y: -450px !important;
    background-attachment: fixed !important;
}

/*
.form-horizontal .form-group, .mform .fitem, .form-item {
    background-color: rgba(254, 254, 254, .5);
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
*/

div#region-main {
 /*   background-color: rgba(255, 255, 255, .75); */
    border-radius: 10px;
    padding-top: 15px;
}

.form-defaultinfo, .form-label .form-shortname {
    color: #333 !important;
}

.loginpanel h2 {
	color: #fff !important;
}

footer#page-footer p {
    margin-bottom: -8px !important;
}

body#page-my-index {
    background-size: 75% !important;
}


#page-course-view-flexsections .initialbargroups {
    display: flex;
}

#page-course-view-flexsections .initialbargroup {
    display: flex;
    list-style: none;
    margin-left: 0px;
}

.socialiconmundi img {
    width: 20px;
    height: 20px;
}