.x-checkcolumn .x-title-wrap-el{ visibility: hidden !important; } 

.x-input-el .sin-padding{padding: 0 !important;}
.sin-padding{padding: 0 !important;}
.card-section-title {
    color: #ca1430;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
	font-size: 1.6em;
    font-weight: bold;
	align-self: center;
}
.card-section {
    color: #ca1430;
    font-weight: bold;
}
.text-muted {
    color: #858796 !important;
	font-size: 0.8em !important;
	white-space: pre-line !important;
}
.label-title{
	font-weight: bold !important;
}
.field-bold{
	font-weight: 800;
    font-size: 1.4em;
}
.button .x-inner-el .x-hovered{
	background-color: #5d768a !important;
	border-color: #020202 !important;
}
.x-indicator span.x-indicator-active {
	background-color: #2196f3;
}

.x-button-flat {
	color:#2284FF !important;
	font-weight: bold !important;
	font-size: 1.3em !important;
}
.x-button-flat .x-icon-el {
    color: #2196f3  !important;
}
/*combo header*/
.x-navigation-bar .x-container {
    background-color: #a30921 !important;
}
/*
div.materia_selector {
  float: left;
  margin-bottom: 0.2em;
  cursor: pointer;
  text-align: center;
  background-color: #FFFFFF;
  color: #4E4E4E;
    width: 12em;
    font-size: 0.8em;
	font-weight: bold;
-webkit-box-shadow: 1px 1px 5px 0px rgba(171,171,171,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(171,171,171,1);
box-shadow: 1px 1px 5px 0px #000000;
border-radius: 5px;
}*/
/*
a{
    color: rgba(255,0,51,0.8) !important;
    text-decoration: none;
    font-weight: 800;
}
a:hover {color: rgb(175 11 44 / 80%) !important;}
p a, .boton-2, .link-correo {
    color: rgba(255,0,51,0.8);
    text-decoration: none;
    font-weight: 800;
}
a:visited{
	color: rgba(255,0,51,0.8);
    text-decoration: none;
    font-weight: 800;
}
*/
/*
.x-menuitem .x-text-el{ 
	color: #2e83dc !important; 

	}*/
.card-title{
	color: #ca1430 !important;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: bold;
    font-size: larger;
}
.card-title-2{
	text-align: start;
	color: #ca1430 !important;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: bold;
    font-size: x-large;
	vertical-align: top;
}
.card-title-blue{
	color: #2e83dc !important;
	font-family: 'Raleway', sans-serif;
}
.card-td-row{
	/*border: 1px red solid;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0px;
	white-space: break-spaces !important;
    text-align: justify !important;
	width: 100%;
}
.card-td-col-left{
	align-self: flex-start;
    width: 40%;
}
@media (max-width:640px){
.card-td-col-right{
	align-self: flex-end;
   /* max-width: 240px;*/
    min-height: 233px;
	vertical-align: super;
	text-align: justify;
	/*padding: 0.2em;*/
}
}
@media (min-width:640px){
.card-td-col-right{
	align-self: flex-end;
    width: 60%;
    min-height: 233px;
	vertical-align: super;
	text-align: justify;
	/*padding: 0.2em;*/
}
}
div.materia_selector_card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(178,178,178,1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(178,178,178,1);
	box-shadow: 1px 1px 5px 0px #B2B2B2;
/*	margin:10px;*/
}



@media (min-width:640px){
	div.timeline_selector_card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FDFFFE;
    background-clip: border-box;
    border: 1px solid #eaeaea;
    border-radius: 0.35rem;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(178,178,178,1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(178,178,178,1);
	/*box-shadow: 1px 1px 5px 0px #616161;*/
	margin-left: 8em;
    margin-top: 1em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	}
	.timeline_back {
		background: #F2F2F2 !important;/*#FD7977;#EE4D4D;*/
		background-image: url(../../../sc/resources/images/otros/timeline-back-red.png) !important;
		background-repeat: repeat-y !important;
		background-position-x: 5em !important;
	}
	.timeline_icon {
    position: absolute;
	margin-top: -0.7em;
    margin-left: -3.4em;
	}
	.timeline_triangle-back{
	  width: 0; 
	  height: 0; 
	  border-top: 10px solid transparent;
	  border-bottom: 10px solid transparent;   
	  border-right: 10px solid #cacaca;
	  position: absolute;
	  margin-left: 7.3em;
	  margin-top: 1.9em;
	}
	.timeline_triangle{
	  width: 0; 
	  height: 0; 
	  border-top: 10px solid transparent;
	  border-bottom: 10px solid transparent;   
	  border-right: 10px solid #fdfffe;
	  position: absolute;
	  z-index:2;
	  margin-left: 7.3em;
	  margin-top: 1.7em;
	}
	.ico-pasos {
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	border-radius: 50%;
	font-size: 1.5em;
	font-family: monospace;
	color: #fff;
	text-align: center;
	background: #ee4d4d
	}
	.timeline_card{ font-size: 2em; padding: 1em; }
}
@media (max-width:640px){
	div.timeline_selector_card {
    position: relative;
    display: flex;
	/*float: left;  diferentes tamaños*/
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FDFFFE;
    background-clip: border-box;
    border: 1px solid #eaeaea;
    border-radius: 0.35rem;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(178,178,178,1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(178,178,178,1);
	/*box-shadow: 1px 1px 5px 0px #616161;*/
	margin-left: 1em;
    margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	}
	.timeline_back {
	background: #F2F2F2 !important;/*#FD7977;#EE4D4D;*/
    background-image: url(../../../sc/resources/images/otros/timeline-back-red.png) !important;
    background-repeat: repeat-y !important;
    background-position-x: 0.4em !important;
	}
	.timeline_icon {
	margin-top: -0.8em;
    margin-left: -1.8em;
	}
	.ico-pasos {
		margin-left: 1.3em;
		font-size: 0.6em;
	white-space: nowrap;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	border-radius: 50%;
	font-family: monospace;
	color: #fff;
	text-align: center;
	background: #ee4d4d
	}
	.timeline_card{ font-size: 2em; padding: 0.5em; }
}




.card-text{
	font-size: 14px !important;
	text-align: left;
    vertical-align: text-top;
	white-space: normal;
}
.fondo-gris{
	background-color: #ababab;
}

/*movil
div.timeline_selector_card
padding: 1em;
margin-left: 2.5em;
.ico-pasos {
    width: 1em;
    height: 1em;
    line-height: 1em;
    border-radius: 50%;
    font-size: 1em;
    font-family: monospace;
    color: #fff;
    text-align: center;
    background: #ee4d4d;
}
.timeline_back {
    background: #F2F2F2 !important;
    background-image: url(../../../sc/resources/images/otros/timeline-back-red.png) !important;
    background-repeat: repeat-y !important;
    background-position-x: 1em !important;
}
.timeline_icon {
    position: absolute;
    margin-top: -0.2em;
    margin-left: -1.7em;
}
*/
/*
.x-layout-fit {
    display: list-item; 
    flex-wrap: wrap;
}*/
/*
.x-gridcell{
	font: normal 13px/15px helvetica, arial, verdana, sans-serif;
}*/

.cell-back{
	background-color: #F2F2F2 !important;
	border-top: none !important;
    border-bottom: none !important;
}
.cell-select{
	background-color: #ffefbb !important;
    border-color: #2284ff !important;
    border-left: 1.0em solid;
}
/*font grid*/
.x-listitem {color: #000000 !important;}
/*funciona solo con innerCls: 'fit',*/
.fit {
    display: list-item !important; 
    flex-wrap: wrap !important;
}
@media (min-width:640px){
.btn-paso-1{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso1.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
	z-index: 99;
}
.btn-paso-2{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso2.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
	z-index: 99;
}
.btn-paso-3{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso3.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
	z-index: 99;
}
.btn-paso-4{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso4.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
}
.btn-paso-5{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso5.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
}
.btn-paso-6{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso6.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
}
.btn-paso-7{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso7.png) !important;
    width:60px!important;
    height:50px!important;
}
.btn-paso-8{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso8.png) !important;
	width:60px!important;
    height:50px!important;
}
.btn-paso-9{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso9.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
}
.btn-paso-10{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-paso10.png) !important;
	width:60px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
	z-index: 99;
}
.btn-paso-fin{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoFin.png) !important;
	width:90px!important;/*boton de 90w*/
    height:50px!important;/*boton de 80h*/
}
}
@media (max-width:640px){
.btn-paso-1{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM1.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-2{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM2.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-3{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM3.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-4{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM4.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-5{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM5.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-6{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM6.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-7{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM7.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-8{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM8.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-9{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM9.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
.btn-paso-10{
	background:transparent;
	background-image: url(../../../sc/resources/images/btn/btn-pasoM10.png) !important;
	height: 2.6em !important;
    width: 2em !important;
    position: absolute;
    margin-top: -15px;
}
}
.img-center{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.boton-red{
    background-color: #e70d2f;
    border: 0;
    padding: 10px;
	cursor: pointer;
	font-size: medium;
	color:white;
}

.btn-line-red {
    border-radius: 20px;
	white-space: nowrap;
    color: #b70300 !important;
    border: 1px solid #b70300;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
	background-color: white;
	text-decoration: none !important;
	font-weight: 700 !important;
}
@media (min-width:640px){
	.btn-line-red { padding-left: 10px; padding-right: 10px; }
}
@media (max-width:640px){
	.btn-line-red{ font-size: smaller; /*margin-left: -50px;*/}
}
.btn-line-red:hover {
  background-color: #b70300; /* Green */
  color: white !important;
  transition-duration: 0.4s;
}

.btn-primary {
    color: #fff;
    background-color: #ED4043;
    border-color: #ED4043;
    border-top: 2px solid #ef8586;
    border-left: 2px solid #f16d6f;
    border-right: 2px solid #c52c2f;
    border-bottom: 2px solid #b32628;
}
.x-label-text-el{
	font-weight: bold;
}
.green{   color: #81cb31 !important;  }
.green-dark{ color:  #689e2e !important;  }
.red {    color: #dd6550 !important;  }
.gray { color: gray !important; }

.tpl-notes {
    font-size: smaller;
	float: left;
}
.toast_down{
	border: 2px solid red;
}
/*LOBITOS
.lobo-1712{
	border-radius: 8px;
	background-image: url(../../../sc/resources/images/mascota/IMG_1712.PNG) !important;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 20em;
}*/
@media (min-width:640px){
.titulo-modulo{
	font-size: x-large !important;
	font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif !important;
	color: #ca1430 !important;
}
.titulo-modulo-larger{
	font-size: xx-large !important;
	font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif !important;
	color: #ca1430 !important;
}
}
@media (max-width:640px){
.titulo-modulo{
    font-family: 'Roboto', sans-serif !important;
	color: #ca1430 !important;
}
.titulo-modulo-larger{
	font-size: medium !important
    font-family: 'Roboto', sans-serif !important;
	color: #ca1430 !important;
}
}
@media (max-width:640px){
    .image_section{
        display:none;
    }
}

div.box-chat-lg
{
  float:left;
  font-size: 1em;
  padding: 5px;
  white-space: normal;
	font-family: monospace;
	background-color:#2284FF;
	color: white;
	margin-bottom: 4px;
	border-top-left-radius: 6px;  border-top-right-radius: 6px;border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px;
}

.x-tooltip-body-el {
    color: black !important;
}


.card-files {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
	padding: 10px;
    margin: 10px;
}
.border-1 {
    border: 0.1em solid #d8d8d8 !important;
    box-shadow: 4px 6px 7px -3px rgb(158 158 158);
}
.x-tooltip{
	display:none !important;
}
/*
.x-button .x-inner-el{
	background-color: #3F586B !important;
	border-color: #020202 !important;
	color: whitesmoke;
}
.x-button .x-inner-el .x-hovered{
	background-color: #5d768a !important;
	border-color: #020202 !important;
}
.x-body-el x-viewport-body-el x-container-body-el x-component-body-el x-layout-card{
	margin: 20px  !important;
    width: 80%  !important;
    align-self: center  !important;
}
.x-body-el .x-viewport-body-el .x-container-body-el .x-component-body-el .x-layout-card
{
	margin: 20px  !important;
    width: 80%  !important;
    align-self: center  !important;
}
 
.bg-gradient-primary {
    background-color: #c32736 !important;
    background-image: linear-gradient(180deg,#e74a3b 10%,#c32736 100%) !important;
    background-repeat: no-repeat;
}*/