/*!
UNIVERSIDAD SURCOLOMBIANA
CTIC 2017
*/
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

.card{
	color: #000;
}

.set-full-height {
	background: #8F141B;
}

.wizard-card .wizard-header {
	padding: 20px 0 5px 0;
}

.wizard-container {
	padding-top: 50px;
	padding-bottom: 50px;
}
.wizard-container.big{
	padding-top: 25px;
	padding-bottom: 25px;
}

.wizard-card[data-color="red"] .moving-tab {
/*	margin-left: 8px;*/
	color: #000;
	font-size: 180%;
	background: #DFD4A6;
	border-radius: 0;
	box-shadow: none;
}

.nopadding{
	padding: 0 !important;
	margin: 0 !important;
}
.nopadding_izq{	padding-left: 0 !important; }
.nopadding_der{ padding-right: 0 !important; }


.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active,
	.btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover,
	.btn.btn-success.active:focus, .btn.btn-success.active:hover, .open>.btn.btn-success.dropdown-toggle,
	.open>.btn.btn-success.dropdown-toggle:focus, .open>.btn.btn-success.dropdown-toggle:hover
	{
	color: #FFF;
	background-color: #8F141B;
}

.btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover
	{
	color: #FFF;
	background-color: #4D626C;
	box-shadow: 0 14px 26px -12px #CCC, 0 4px 23px 0px #CCC, 0 8px 10px -5px
		#CCC;
}

div .red{
	color: #000;
	border: 1px solid #8F141B;
	margin-bottom: 20px;
}


.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #A6B1B6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4D626C;
}

.owl-theme .item img{
	width: 100%;
}

.wizard-card[data-color="red"] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background-color: #8F141B;
}

.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover, 
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover {
    color: #FFF;
	background-color: #666;
    box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 
				0 4px 23px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover {
	background-color: #8F141B;
}

.btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover, 
.btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover{
	background-color: #4D626C;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
				0 3px 1px -2px rgba(0, 0, 0, 0.2), 
				0 1px 5px 0 rgba(0, 0, 0, 0.12);
}


.mensaje{
	padding: 10px;
	background-color: #F2F2F2;
	border: 1px solid #CCC;
	border-radius: 6px;
}

.recuadro{
	background-color: #F2F2F2;
}
.recuadro hr{
    border-color: #CCC;
}

.anuncio{
	clear: both;
	padding: 20px 0 !important;
	color: #FFF;
	background: #F2F2F2;/*8F141B*/
}

.wizard-container .wizard-navigation{}

.nav-pills{
	color: #FFF;
	background-color: #4D626C;
}
.nav-pills > li > a{
	color: #FFF !important;
}

.enumera{}

.anchoMax{
	float: none;
	margin: 0 auto;
	max-width: 1400px;
}
.fullancho{
	width: 100% !important;
}


table.tablaFijaCss{
	margin: 0;
	width: 100%;
	table-layout: fixed;
}
.tbl-header{
	border: 1px solid #DDD;
}

table.tablaFijaCss th, table.matriculadas th{
	background-color: #F2F2F2;
}
table.tablaFijaCss tr{
	border-bottom: 1px solid #DDD;
}
table.tablaFijaCss th{
	padding: 15px 0;
}
.tbl-content{
	margin-top: 0px;
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #DDD;
	border-color: orange;
}
table.tablaFijaCss td{
	padding: 10px 0;
	vertical-align:middle;
}

table .colum_0{ width: 45px; }
table .colum_1{ width: 25px; }
table .colum_2{ width: 100px; }
table .colum_3{ width: 60px; }
table .colum_4{ width: 80px; }

.tbl-content tr.select{
	background-color: #DFD4A6;
}

.tbl-content tr:hover{
	color: #FFF;
	cursor: pointer;
	background-color: #4D626C;
}

table.asigSelec{
	border: 3px solid #DDD;
}
table.asigSelec th, table.asigSelec td{
	padding: 15px 10px;
}

.tbl-content tr.desactivo, .tbl-content tr.desactivo:hover{
	color: #AAA;
	background: #FFF;
}


table.asigSelec td .material-icons{ color: #999; }
table.asigSelec td .material-icons:hover{ color: #8F141B; }

.infoDer{
	padding: 15px 0;
	border: 1px solid #DDD;
}
.infoDer img{ width: 120px; }

table.tbCurso td{
	vertical-align: top;
	padding: 5px 8px 5px 0;
	border-bottom: 1px solid #DDD;
}

table.horario, table.matriculadas{
	width: 100%;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
table.horario th{
	text-align: center;
}
table.horario th, table.horario td, table.matriculadas th, table.matriculadas td{
	padding: 5px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

table.matriculadas th, table.matriculadas td{ padding: 15px; }

table.horario th{ width: 10%; }
table.horario th.hora{ width: 30%; }

table.horario td{
	text-align: center;
	vertical-align: middle;
}
table.horario td.clase{
	background-color: #DFD4A6;
}

table.horario td .choice div{
	width: 100%;
	height: 14px;
	background-color: #8F141B;
	border-radius: 50px;
}

.btn-acordeon{
	padding: 10px;
	width: 100%;
	text-align: left;
	border: none;
	color: #FFF;
	background-color: #4D626C;
}
.btn-acordeon.collapsed{
	color: #000;
	background-color: #D4D9DC;
}
.btn-acordeon:hover{
	color: #FFF;
	background-color: #4D626C;
}

.separa{
	height: 10px;
}

.div-button img{
	width: 100%;
}

.panel-default>.panel-heading{
	padding: 0;
	color: #000;
	background-color: #D4D9DC;
}
.panel-default>.panel-heading:hover, .panel .panel-heading a[aria-expanded="true"]:hover{
    color: #FFF;
    background-color: #4D626C;
}

.panel-default>.panel-heading a{
	display: block;
	padding: 10px 15px;
	color: #000;
}

.panel-default>.panel-heading:hover a, .panel-default>.panel-heading:hover a:hover{
    color: #FFF;
}

.panel .panel-heading a[aria-expanded="true"]{
    color: #FFF;
	background-color: #8F141B;
}


.panel .panel-heading a[aria-expanded="true"] .panel-title > i, .panel .panel-heading a.expanded .panel-title > i {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.panel-default .panel-body{
	padding: 0;
}

.panel-default span.tbl-header, .panel-default span.tbl-content{
	border: none;
}


/**********************************************/

#btn-salir{
	right: 1%;
    top: 5%;
    position: absolute;
}

.alert-subtitulo{
	background: #4d626c;
    color: white;
    padding-left: 15px;
}