/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.btn-primary { background-color: #006e95 !important; }
.iconlist-color { color: #006e95 !important; }

.HeaderTabla {
	border:none !important;
	border-bottom: solid 4px darkgray !important;
}

#task1 {
	margin-bottom: 10px;
	padding: 15px;
}

.card-box {
	
	padding: 1.5rem;
	box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
	margin-bottom: 24px;
	
}

.header-title {
	font-size: 1rem;
	margin: 0 0 7px 0; 
}

.sub-header {
	font-size: 0.875rem;
	margin-bottom: 24px;
	color: #8c98a5; 
}

.header-title {
	font-size: 1rem;
	margin: 0 0 7px 0;
}

.menuCSA {
	font-family: "Arial Narrow";
	font-size: 1rem;
	font-weight:300;
	color: #A1A1A1;
	height: 30px;
	padding:2px;
	vertical-align: middle !important;
	border: none;
}

.numeroCSAoff {
	background-color: #5f5f5f; 
	font-family: "Arial Narrow";
	font-size: 1rem;
	font-weight:300;
	color: white;
	width: 35px
}

.numeroGresb {
	background-color: #B4D449; 
	font-family: "Arial Narrow";
	font-size: 1rem;
	font-weight:300;
	color: #7d8b31;
	width: 35px
}

#accordian {
	background: #F1F1F1;
	vertical-align: top; 
	margin: 0px auto 0 auto;
	color: gray;

}
 
#accordian h3 {
		background: #F1F1F1;
		
}
 
#accordian h3 a {
		padding: 0 10px;
		font-size: 12px;
		line-height: 34px;
		display: block;
		color: gray;
		text-decoration: none;
}
 
#accordian h3:hover {
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
 
i {
		margin-right: 10px;
}
 
#accordian li {
		list-style-type: none;
}
 
#accordian ul ul li a,
#accordian h4 {
		color: gray;
		text-decoration: none;
		font-size: 11px;
		line-height: 27px;
		display: block;
		padding: 0 15px;
		-webkit-transition: all 0.15s;
		transition: all 0.15s;
		position: relative;
}
 
#accordian ul ul li a:hover {
		background: #E8E8E8;
		border-left: 5px solid lightgray;
}
 
#accordian ul ul {
		display: none;
}
 
#accordian li.active>ul {
		display: block;
}
 
#accordian ul ul ul {
		margin-left: 15px;
		border-left: 1px dotted rgba(0, 0, 0, 0.5);
}
 
#accordian a:not(:only-child):after {
		content: "\f104";
		font-family: fontawesome;
		position: absolute;
		right: 10px;
		top: 0;
		font-size: 14px;
}
 
#accordian .active>a:not(:only-child):after {
		content: "\f107";
}

* {
		margin: 0;
		padding: 0;
}

.LetraAssessment {
	font-family: "Arial";
	color: dimgray !important;
	font-size: 0.8rem;
	font-variant-caps: normal !important;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal; 
}

.TituloAssessment {
	font-family: "Arial";
	color: dimgray !important;
	font-size: 1rem;
	font-variant-caps: normal !important;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	margin-top: 12px !important;
	margin-bottom: 0px !important;
}

.btnInfoAdicional {
	color: #373833 !important;
	font-size: 0.8rem;
	background-color: #E5F0F7;
	text-align: left;
	padding-top: 10px; 
	padding-bottom: 10px; 
	border: solid 1px #a6a6a6; 
}

.btnInfoAdicional2 {
	color: #373833 !important;
	font-size: 0.8rem;
	background-color: #dadada;
	text-align: left;
	margin-bottom: 10px;
}

p { 
	line-height: 32px; /* within paragraph */
	margin-bottom: 10px !important; /* between paragraphs */
}

.btn-group-xs > .btn, .btn-xs {
  padding: .5rem .5rem;
  font-size: .7rem;
  line-height: .5;
  border-radius: .2rem;
}