/*================================================================================
	Sistema: Registro Linea 2024
	Version: 4.0
	Author: Connectit
	Author URL: https://www.miderechomilugar.gob.mx
NOTE:
------
COLORES DEL AÑO
Fondo: #5b4754
Monito: #9f5f63
Secundario: #b77c82
letras beige: #b09e9d
================================================================================*/

/*
Primario: #611232
Primario Light: #9b2247
Secundario: #a57f2c
Negro: #161a1d
Gris: #98989A
Verde: #002f2a
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Patria';
    font-style: normal;
    font-weight: 400;
    src: url("https://framework-gb.cdn.gob.mx/applications/cms/fonts/Patria_Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@font-face {
	font-family: 'Carbon';
	src:url('../fonts/ecoems/CarbonBlock.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



:root {
  --primary-color: #9b2247;
  --primary-light-color: #611232;
  --primary-strong-color:#691a32;
  --secondary-color: #f3e8ca;
  --third-color: #ae851c;
  --font-size-large: 1rem;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face{
  font-family:'GoogleSans';
  src:url(../fonts/googlextended/ProductSans-Regular.woff2)format('woff2');
}


html , body {
  font-family: 'Lato';
  font-weight: normal;
  font-size: 16px;
  color:#000; 
 }

IMG.responsive{
  height:auto;
  display:block;
  margin-left:auto;
    margin-right:auto;
    width:100%;
}
@media only screen and (max-width: 1024px){ 
	IMG.responsive{
	  height:100%;
	  width:100%;
	}
}

TABLE.responsive {
  border: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    
  }
.rotate {
  display:inline-block;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -moz-transform: rotate(90deg);  /* FF3.5+ */
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);  /* Opera 10.5 */
  transform: rotate(90deg);
}

nav {

	background-color:#5b4754;
		background-image: url('../../imgsys/proceso2025/banner1duo.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}

.headerbackground{
	border:0 solid #000;
	padding:0;
	text-align:center;
	width:100%;
	height:118px;
	background: #C8102E;
	background: linear-gradient(90deg, rgba(195,50,78,1) 0%, rgba(195,50,78,1) 39%, rgba(215,23,52,1) 61%, rgba(215,23,52,1) 100%);


	

}



/* #################### CARD HEADER MADE BY CHON #################### */
.cardheaderchon{
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    /* border-bottom: 1px solid #ddd; */
    margin-top:-33px;
    margin-left:-53px;
    margin-right:-53px;
    border: 0 solid #000;
}

.cardheaderchon-row{
  border: 0 solid #000;
}

.cardheaderchon-row i{
  float:left;
}
.cardheaderchon-row span{
  border: 0 solid #000;
  margin-left:1%;
}

.spacerow{
  padding-top:10px;
}

/* #################### TITULOS #################### */
.titleBlue{
 background-color:#3367d6;
}
.backgroundBlue{
 background-color:#3367d6;
}
.backgroundRed{
 background-color:#D50001;
}
.card-title{
	border:0 solid #000;
	font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.508rem;
    text-transform: uppercase;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}

/*================================================================================
  HOME
================================================================================*/

.homeTitle{
  width:100%;
  border:0 solid #000;
  text-align: left;
  font-family: 'GoogleSans';
  color:#455A64;
}

.parrafo{
  text-align: justify;
  font-family: 'GoogleSans';
  color:#455A64;
  font-size:1.2em;
}
blockquote{
  font-size:0.8em;
}


.iconGeneral{
    font-size: 2em;
    color:#fff;
}

/*======================================================================
  Capacitación
=======================================================================*/

.backgroundAuditorio{
   /*
background: url('../../imgsys/background_auditorio.jpg') no-repeat center center fixed;
  

background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
*/


 /* background-repeat:no-repeat;
  background-position: left bottom;
  background-position: 50% 50%;
  background-attachment: fixed;
  background-size: 100% 100%;
*/
  /*
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */
  
  width:100%;
  height: 450px;
  position:relative;
  background-color:#BDBDBD;
}

#iframeAuditorio{
  background-color:#fff;
  border:0 solid #000;
  display:inline-block;
  position:absolute;
  height: 78%;
  width:80%;
  top: 1%;
  left:10%;
  margin-top:40px;
}


.green.greenmaterial {
    background-color: #388E3C !important;
}
.green-material-text{
  color:#00a646;
}
.blue-material-text{
 color:#3367d6;
}
.red-material-text{
 color:#D50001;
}
.infoCliente{
	border:0 solid #000;
	text-align:center;
}
.font-size-lg {
font-size: 2.1rem !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.center-align2{
	text-align:center !important;
}
.prendeletras{
	cursor:pointer;
}

.divtable{
	display: table-row;
}
.divcel{
	display: table-cell;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	vertical-align: top;
}
.divrow{
	width:100%;
	display:inline-block;
}
.divtablelabelCelconInput{
	padding-top:20px;
}
.div50{
	width:50%;
	text-align:justify;
}

.div48{
	width:48%;
	text-align:justify;
}
.div48center{
	width:4%;
}

.errorTotast{
	background-color:#D32F2F;
	color:#fff;
}
.puropointer{
	cursor:pointer;
}

.unpx{
    font-size: 1px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.logbox {
  padding: 4rem;
  box-shadow: 2px 2px 5px #999;
}
.btnlogin {
  width: 100%;
  padding: 0.9rem;
  background-color: #2962ff;
  color: #fff;
  font-weight: bolder;
  border-radius: 0.5em;
  border: none;
  box-shadow: 2px 2px 5px #999;
}
.btnSig{
  width: 100%;
  padding: 0.9rem;
  background-color: #007c11;
  color: #fff;
  font-weight: bolder;
  border-radius: 0.5em;
  border: none;
  box-shadow: 2px 2px 5px #999;
}
.datosimg {
  height: 100%;
  background-color: #dbdbdb;
  box-shadow: 2px 2px 5px #999;
}





/*========================== textos ===========================*/
.material-text-green{
  color:#00a646;
}

.material-text-red{
  color:#D32F2F;
}

.material-text-blue{
  color:#4285f4;
}

.material-text-bluegrey-blod{
  color:#455A64;
  font-weight: bold;
}

.material-text-blod{
  font-weight: bold;
}

.material-text-grey{
  color:#00a646;
}

.textcolor-red{
    color:#F44336;
}

.textcolor-blue{
    color:#2962ff;
}
.textcolor-blue2{
    color:#4285f4;
}
.textcolor-green{
    color:#4CAF50;
}
.textcolor-bluegrey{
    color:#455A64;
}
.backgroundcolor-bluegrey{
    background-color:#455A64;
}
.nperfil{
    font-size: 1.5em;
}


a.colorblue,a.colorblue:hover{
  color:#448AFF;
}

.textGreen,.textGreen:hover{
  color:#4CAF50;
}

a.blockAction,a.blockAction:hover{
  color: #F44336;
}





.page-footer .footer-copyright{
  color:#000;
}


.footer-dark {
    background: #2C2A76;
}

footer a{
    color:#000;
}