@charset "UTF-8";

/* IMPORTACION FUENTE */
@font-face {
    font-family: 'Source Sans Pro';
	font-style: normal;
  	font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro Light';
  font-style: normal;
  src: url(../fonts/SourceSansPro/SourceSansPro-Light.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Comfortaa-Regular';
font-style: normal;
  font-weight: 400;
src: url('../fonts/Comfortaa/Comfortaa-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Comfortaa-SemiBold';
font-style: normal;
  font-weight: 700;
src: url('../fonts/Comfortaa/Comfortaa-SemiBold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Comfortaa-Bold';
font-style: normal;
  font-weight: 500;
src: url('../fonts/Comfortaa/Comfortaa-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Century-Gothic';
font-style: normal;
  font-weight: 400;
src: url('../fonts/CenturyGothic/centurygothic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Century-Gothic-Bold';
font-style: normal;
  font-weight: 700;
src: url('../fonts/CenturyGothic/centurygothic_bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* IMPORTACION FUENTE */

@import url('https://rsms.me/inter/inter.css');
:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}
body {
    font-feature-settings: "cv03", "cv04", "cv11";
}

.Text-Name{
	font-size: 11px;
}
.Text-Name-table{
	font-size: 9px;
}
.info-vencimiento {

    position: absolute;
    z-index: 2000;
    right: 47px;
    top: 85px;
    font-weight: 800;
    font-size: 15px;

}
.text-justify {
    text-align: justify !important;
}

.link-publicidad{
    text-decoration: none;
    background-color: #000000a1;
    color: white;
    padding: 6px 35px;
    border-radius: 6px;
    font-size: 17px;
}
.link-publicidad:hover{
  color: #1764d2;
  text-decoration: none;
  background-color: #00000030;
}

.bg-plataforma{
	background-color: #314a86 !important;
}

.bg-plataforma-sub{
	background-color: #5F6464 !important;
}

.text-center-vencimiento{
    text-align: -webkit-center !important;
}
/* Style Manual instrutivo */
.close-manual{
	font-size: 31px;
    position: absolute;
    right: 6px;
    color: white;
	z-index: 45;
}
.header-manual{	
	/*display: block;
    width: 100%;
    background: #03A9F4;*/
    text-align: -webkit-center;
    /*padding: 25px 204px;
	background-image: url(../../images/iconos.jpg);*/
}
.header-manual img.iconos{
	position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.1;
}
.header-manual img{
	position: relative;
}
.modal-manual .modal-content{
	border: 0px;
}
.modal-manual .modal-content .modal-body{
		padding: 0px 0px 26px 0px;
}
.contenido-manual h4{ 
	font-size: 30px;
    font-family: "Source Sans Pro Light";
    color: #03A9F4;
	margin-bottom: 13px;
}
.contenido-manual h5{ 
	font-size: 30px;
    font-family: "Source Sans Pro Light";
	margin-bottom: 16px;
}
.contenido-manual p{
	margin-bottom: 0px;
}
.select-contenido-manual:checked + .selectgroup-button {
    border-color: #03A9F4;
    z-index: 1;
    color: #03A9F4;
    background: #edf2fa;
}
.item-manual{
	display: inline-block;
    width: 36%;
    text-align: -webkit-left;
    margin-top: 7px;
}
.item-registro{
	display: inline-block;
    width: 31%;
    text-align: -webkit-center;
    margin: 9px 0;
}
.botones .selectgroup .selectgroup-item:hover .selectgroup-button{
	color: #03A9F4;
}
.pregunta {
	padding: 0px 4px !important;
    font-size: 14px;
}

/* STYLE MENU */
.navbar-nav li.nav-item:hover {
    transition: all .5s;
    background-color: white;
    border-radius: 13px;
}
.navbar-nav li.nav-item:hover a.nav-link, .navbar-nav li.nav-item:hover .dropdown-menu-columns .dropdown-menu-column a {
    color: black;
}
li.nav-item.active {
    background-color: #e20613;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.navbar-expand-lg .nav-item.active:after{
  border: 0 var(--tblr-border-style) #9a3a07;
}
li.nav-item.active a span.nav-link-icon {
    color: white;
}
li.nav-item {
    margin-bottom: 9px;
}
.navbar-plataforma{
    background: #000000;
}

/* STYLE LENGUAJE */

.txlive-langselector {

    position: fixed;

    z-index: 999999;

    min-width: 120px;

    line-height: 32px;

    background-color: rgba( 0,0,0,0.75 );

    box-shadow: 0 0 4px rgba( 0,0,0,0.3 );

    color: #fff;

    font-size: 14px;

    font-family: inherit;

}

.txlive-langselector.txlive-langselector-bottomright {

    top: auto;

    left: auto;

    right: 0;

    bottom: 0;

    border-radius: 2px 0 0 0;

    -moz-border-radius: 2px 0 0 0;

    -webkit-border-radius: 2px 0 0 0;

}

#tx-live-lang-container {

    background-color: #fcfcfc;

    z-index: 999;

	margin-bottom: 4px;

}





.txlive-langselector * {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-border-radius: 0;

    opacity: 1;

}

.txlive-langselector-list {

    position: absolute;

    width: 100%;

    margin: 0;

    padding: 10px 0;

    display: none;

    background-color: #eaf1f7;

    box-shadow: 0 0 4px rgba( 0,0,0,0.3 );

    color: #666;

    list-style-type: none;

}

ul.txlive-langselector-list {

    padding-left: 0;

    list-style-type: none;

}

.txlive-langselector-bottomright > .txlive-langselector-list {

    top: auto;

    left: auto;

    right: 0;

    bottom: 40px;

    border-top: 1px solid #f4f7f9;

}

.txlive-langselector-topright > .txlive-langselector-list, .txlive-langselector-bottomright > .txlive-langselector-list {

    border-radius: 2px 0 0 2px;

    -moz-border-radius: 2px 0 0 2px;

    -webkit-border-radius: 2px 0 0 2px;

}

#tx-live-lang-container #tx-live-lang-picker {

    background-color: #fcfcfc;

}





.txlive-langselector * {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    opacity: 1;

}

.txlive-langselector-list > li {

    padding: 0 16px;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

#tx-live-lang-container #tx-live-lang-picker li {

    color: rgba(0,0,0,0.87);

}

ul.txlive-langselector-list>li {

    list-style-type: none;

}





.txlive-langselector .txlive-langselector-toggle {

    overflow: hidden;

    display: block;

    padding: 2px 16px;

    width: 100%;

    height: 36px;

    cursor: pointer;

    cursor: hand;

}

.txlive-langselector.txlive-langselector-bottomright .txlive-langselector-toggle {

    overflow: hidden;

    display: block;

    border-bottom: 2px solid #006f9f;

    padding: 2px 16px;

    height: 36px;

    line-height: 32px;

    cursor: pointer;

    cursor: hand;

}

#tx-live-lang-container .txlive-langselector-toggle {

    border-bottom: 2px solid #bd140f;

}





.txlive-langselector .txlive-langselector-current {

    float: left;

    padding: 0;

    max-width: 200px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

#tx-live-lang-container .txlive-langselector-current {

    color: rgba(0,0,0,0.87);

}







.txlive-langselector .txlive-langselector-marker {

    float: right;

    display: block;

    position: relative;

    width: 0;

    height: 0;

    margin-left: 8px;

    margin-top: 13px;

    border-right: 4px dashed transparent;

    border-left: 4px dashed transparent;

}

.txlive-langselector-bottomright .txlive-langselector-marker, .txlive-langselector-bottomleft .txlive-langselector-marker {

    border-bottom: 4px solid #fff;

}

#tx-live-lang-container .txlive-langselector-marker {

    border-bottom: 4px solid rgba(0,0,0,0.61);

}



#tx-live-lang-container #tx-live-lang-picker li:hover {

    color: white;

    background-color: #bd140f;

    cursor: pointer;

}

.cargando{

	position: fixed;

    z-index: 5;

    left: 50%;

    top: 44%;

	display: none;

}
.label-compentencias {
    font-size: 12px;
}
.cargar {

    height: 100%;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(51, 51, 51, 0.52);

    z-index: 100;

    color: white;

    font-size: 20px;

}

.cargar i {
  margin-top: 15%;
  margin-left: 44%;

}
.form-group {
    margin-bottom: 1rem;
}
.text-plataforma {
    color: #e20613 !important;
}

.bg-plataforma{

	background-color: #e20613 !important;

}

.bg-plataforma-sub{

	background-color: #5F6464 !important;

}

.btn-plataforma{

	color: #fff;

    background-color: #e20613;

    border-color: #e20613;

}

.btn-plataforma:hover{

	color: white;

    background: #e20613;
  
    border-color: #e20613;

}

.btn-outline-plataforma {

    

    color: #ffff;

    background-color: #e20613;

    background-image: none;

    border-color: #e20613;
}

.btn-outline-plataforma:not(:disabled):not(.disabled):active, .btn-outline-plataforma:not(:disabled):not(.disabled).active, .show > .btn-outline-plataforma.dropdown-toggle, .btn-outline-plataforma:hover {

       color: #fff;

    background-color: #e20613;

    border-color: #e20613;

}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #e20613;
}

.form-help {
	
    padding: 1px 1px;
      
    display: inline-block;
  
    width: 1rem;
  
    height: 1rem;
  
    text-align: center;
  
    line-height: 1rem;
  
    color: #9aa0ac;
  
    background: #f8f9fa;
  
    border-radius: 50%;
  
    font-size: 0.75rem;
  
    transition: .3s background-color, .3s color;
  
    text-decoration: none;
  
    cursor: pointer;
  
    -webkit-user-select: none;
  
    -moz-user-select: none;
  
    -ms-user-select: none;
  
    user-select: none;
  
  }
  
  
  
  .form-help:hover, .form-help[aria-describedby] {
  
    background: #467fcf;
  
    color: #fff;
  
  }
  
  .form-help.active{
    background: #467fcf;
    color: #fff;
    font-size: 9px;
  }

  
.selectgroup {

    display: -ms-inline-flexbox;
  
    display: inline-flex;
  
  }
  
  
  
  .selectgroup-item {
  
    -ms-flex-positive: 1;
  
    flex-grow: 1;
  
    position: relative;
  
  }
  
  
  
  .selectgroup-item + .selectgroup-item {
  
    margin-left: -1px;
  
  }
  
  
  
  .selectgroup-item:not(:first-child) .selectgroup-button {
  
    border-top-left-radius: 0;
  
    border-bottom-left-radius: 0;
  
  }
  
  
  
  .selectgroup-item:not(:last-child) .selectgroup-button {
  
    border-top-right-radius: 0;
  
    border-bottom-right-radius: 0;
  
  }
  
  
  
  .selectgroup-input {
  
    opacity: 0;
  
    position: absolute;
  
    z-index: -1;
  
    top: 0;
  
    left: 0;
  
  }
  
  
  
  .selectgroup-button {
  
    display: block;
  
    border: 1px solid rgba(0, 40, 100, 0.12);
  
    text-align: center;
  
    padding: 0.375rem 1rem;
  
    position: relative;
  
    cursor: pointer;
  
    border-radius: 3px;
  
    color: #9aa0ac;
  
    -webkit-user-select: none;
  
    -moz-user-select: none;
  
    -ms-user-select: none;
  
    user-select: none;
  
    font-size: 0.9375rem;
  
    line-height: 1.5rem;
  
    min-width: 2.375rem;
  
  }
  
  
  
  .selectgroup-button-icon {
  
    padding-left: .5rem;
  
    padding-right: .5rem;
  
    font-size: 1rem;
  
  }
  
  
  
  .selectgroup-input:checked + .selectgroup-button {
  
    border-color: #bd140f;
  
    z-index: 1;
  
    color: #ffffff;
  
    background: #bd140f99;
  
  }
  
  
  
  .selectgroup-input:focus + .selectgroup-button {
  
    border-color: #bd140f;
  
    z-index: 2;
  
    color: #ffffff;
  
    box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
  
  }
  
  
  
  .selectgroup-pills {
  
    -ms-flex-wrap: wrap;
  
    flex-wrap: wrap;
  
    -ms-flex-align: start;
  
    align-items: flex-start;
  
  }
  
  
  
  .selectgroup-pills .selectgroup-item {
  
    margin-right: .5rem;
  
    -ms-flex-positive: 0;
  
    flex-grow: 0;
  
  }
  
  
  
  .selectgroup-pills .selectgroup-button {
  
    border-radius: 50px !important;
  
  }
  
  td.valor{
	padding: 3px 2px;
}
td.valor .form-group .selectgroup label{
	margin: 0;
}
.card-table tr td.valor:last-child {
    padding-right: 0.5rem;
}
.card-table tr td.valor:first-child{
    padding-left: 0.5rem;
}
.title-r {
    font-size: 1.2rem;
}
.card-observacion .card-header .card-title {
    font-size: 13px;
}
.card-img-top {

    border-top-left-radius: 3px;
  
    border-top-right-radius: 3px;
  
  }

  

.badge-primary {

    color: #fff;
  
    background-color: #467fcf;
  
  }
  
  
  
  .badge-primary[href]:hover, .badge-primary[href]:focus {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #2f66b3;
  
  }
  
  
  
  .badge-secondary {
  
    color: #fff;
  
    background-color: #868e96;
  
  }
  
  
  
  .badge-secondary[href]:hover, .badge-secondary[href]:focus {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #6c757d;
  
  }
  
  
  
  .badge-success {
  
    color: #fff;
  
    background-color: #5eba00;
  
  }
  
  
  
  .badge-success[href]:hover, .badge-success[href]:focus {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #448700;
  
  }
  
  
  
  .badge-info {
  
    color: #fff;
  
    background-color: #45aaf2;
  
  }
  
  
  
  .badge-info[href]:hover, .badge-info[href]:focus {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #1594ef;
  
  }
  
  
  
  .badge-warning {
  
    color: #fff;
  
    background-color: #f1c40f;
  
  }
  
  .badge-purple {
    color: #fff;
    background-color: #ae3ec9;
  }
  
  .badge-warning[href]:hover, .badge-warning[href]:focus {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #c29d0b;
  
  }
  
  
  
  .badge-danger {
  
    color: #fff;
  
    background-color: #cd201f;
  
  }
  
  
  
  .badge-danger[href]:hover, .badge-danger[href]:focus {
  
    color: #fff;
  
    text-decoration: none;
  
    background-color: #a11918;
  
  }
  .badge-orange{
    background-color: #fd9644;
  }
  .color-input-print {
    width: 13px !important;
    height: 13px !important;
}
table.table-resultado th{
    color: #545454;
    font-weight: 600;
    font-size: 13px;
  }
  table.table-resultado tbody{
    font-size: 13px;
  }
  table.table-resultado tbody tr td .badge{
    font-size: 90%;
  }
  .text-icon {
    vertical-align: super;
}
.form-colorinput-color {
    display: inline-block !important
}
.progress-lg {
    height: 0.8rem;
}
.progress-xlg {
  height: 1.8rem;
}
.Video-Online{
	background-color: #ba2a16; 
	display: inline-block;
}
.Div-fixed {
    position: fixed;
    right: 0;
    z-index: 1030;
    top: 3px;
	/*width: 613px;*/
}
.Div-fixed-tercera {
    position: fixed;
    z-index: 1026;
    top: 98px;
	right: 44px;
}
.Div-fixed-primero {
	position: fixed;
    z-index: 1026;
    top: 98px;
	right: 44px;
}
.Div-fixed-primero2{
	position: fixed;
    z-index: 1026;
    top: 0;
    right: 0;
}
.Div-fixed-tercera2 {
    position: fixed;
    z-index: 1026;
    top: 0;
	right: 0;
}
/* LOGIN */
.col-logo{
  padding-top: 20%;
}

.card-loguin{

	background-color: #00000073;

    border: 0px;

    border-radius: 12px;

    margin-top: 62px;

}

.card-loguin .card-header{

    color: white;

	  /*background-color: #3f4446;*/

    /*background: linear-gradient(to right, #00703e 0%, #008c46 60%, #0b9241 100%);*/

    padding-left: 12px;

}

.card-loguin .card-body{

	text-align: -webkit-center;

    padding-bottom: 4px;

}

.card-loguin .card-body p{

    line-height: 28px;

}

.card-loguin .card-body p i{

	font-size: 28px;

    margin-left: 6px;
    color: white;

}



.card-loguin .card-footer{

	border: 0;

    padding-top: 0;

	padding-left: 0.5rem !important;

	padding-right: 0.5rem !important;
  background-color: transparent;

}

.btn-outline-loguin{

  color: white;

    border-color: #14aec6;

	background-color: transparent;

    background-image: none;

}

.btn-outline-loguin:hover{

	color: #fff;

    background-color: #10aec5;

    border-color: #10aec5;

}
.bg-linear{
  background: linear-gradient(38deg, #FFEB3B 0%, #03A9F4 100%) !important;
}
.nav-tabs{
  border: 0;
}
.nav-tabs .nav-link{
  color: white;
}
.nav-tabs .nav-link.active{
  background-color: #0a1c52;
  color: white;
  border-radius: 20px;
}
.card-header ul li.nav-item {
  margin-bottom: 0;
}
.table-porcentaje tr td:first-child, .table-porcentaje tr th:first-child {
  padding-left: 0;
  border-left: 0;
}
.table-porcentaje tr td:last-child, .table-porcentaje tr th:last-child {
  padding-right: 0;
  border-right: 0;
}
.table-porcentaje thead th{
  font-size: .525rem;
}
.table-porcentaje>:not(caption)>*>* {
  padding: .15rem .15rem;
}
.ts-dropdown{
  z-index: 2000 !important;
}
.btn-respuestas>.btn{
  border-radius: 30px;
  color: white;
  font-weight: 700;
}
.color-opcion-1{
  background-color: #d63939;
}
.color-opcion-2{
  background-color: #f76707;
}
.color-opcion-3{
  background-color: #f59f00;
}
.color-opcion-4{
  background-color: #74b816;
}
.color-opcion-5{
  background-color: #0ca678;
}

/* STYLE INFORME NUEVO */
/* The container */
.caja-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.caja-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  top: 0;
}

/* Create a custom radio button */
.seleccionadorMas {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border: 1px solid rgba(134, 140, 151, 0.24);
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.caja-radio:hover input ~ .seleccionadorMas {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.caja-radio input:checked ~ .seleccionadorMas {
  background-color: #5eba00;
  transition: 0.4s;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.seleccionadorMas:after {
  content: "";
  position: absolute;
  display: none;
}

/* Create a custom radio button */
.seleccionadorMenos {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border: 1px solid rgba(134, 140, 151, 0.24);
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.caja-radio:hover input ~ .seleccionadorMenos {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.caja-radio input:checked ~ .seleccionadorMenos {
  background-color: #ff922b;
  transition: 0.4s;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.seleccionadorMenos:after {
  content: "";
  position: absolute;
  display: none;
}
.chart-container {
  position: relative;
  width: 400px;
  height: 400px;
}
.txtPregunta {
  font-weight: 700;
  font-size: 20px;
  color: rgb(218, 156, 31);
}
.pregEjemplo {
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.recuadro-item{
  padding: 13px 28px;
  margin: 2px 7px;
  display: inline-block;
  border-radius: 6px;
  width: 100%;
}
.bg-item-1{
  background: #e20613;
  color: white;
  border-left: 0;
}
.bg-item-2{
  background: #faba10;
  color: black;
  border-left: 0;
}
.bg-item-3{
  background: #3aaa35;
  color: white;
  border-left: 0;
}
.bg-item-4{
  background: #009ee2;
  color: white;
  border-left: 0;
}
.font-stilo{
 font-size: 0.9375rem;
}
.color-1{
  color: #e20613 !important;
}
.color-2{
  color: #faba10 !important;
}
.color-3{
  color: #3aaa35 !important;
}
.color-4{
  color: #009ee2 !important;
}
.border-color-1{
  border: 2px solid #e20613 !important;
  color: #e20613 !important;
}
.border-color-1.card{
  border: 1px solid #e2061357 !important;
  color: #6e7687 !important;
}
.border-color-1 .title-bloque{
  background-color: #e20613 !important;
  color: white !important;
}
.border-color-1 .card-status{
  background-color: #e20613 !important;
}
.border-color-1 .card-body, .border-color-1 .card-footer{
  border: 1px solid #e206134a;
}
.border-color-2{
  border: 2px solid #faba10 !important;
  color: #faba10 !important;
}
.border-color-2.card{
  border: 1px solid #faba1070 !important;
  color: #6e7687 !important;
}
.border-color-2 .title-bloque{
  background-color: #faba10 !important;
  color: black !important
}
.border-color-2 .card-status{
  background-color: #faba104d !important;
}
.border-color-2 .card-body, .border-color-2 .card-footer{
  border: 1px solid #faba104d;
}
.border-color-3{
  border: 2px solid #3aaa35 !important;
  color: #3aaa35 !important;
}
.border-color-3.card{
  border: 1px solid #3aaa3570 !important;
  color: #6e7687 !important;
}
.border-color-3 .title-bloque{
  background-color: #3aaa35 !important;
  color: white !important;
}
.border-color-3 .card-status{
  background-color: #3aaa35 !important
}
.border-color-3 .card-body, .border-color-3 .card-footer{
  border: 1px solid #3aaa3552
}
.border-color-4{
  border: 2px solid #009ee2 !important;
  color: #009ee2 !important;
}
.border-color-4.card{
  border: 1px solid #009ce04f !important;
  color: #6e7687 !important;
}
.border-color-4 .title-bloque{
  background-color: #009de1 !important;
  color: white !important;
}
.border-color-4 .card-status{
  background-color: #009ce04f !important;
}
.border-color-4 .card-body, .border-color-4 .card-footer{
  border: 1px solid #009ce04f
}
.tg .tg-cly1, .tg .tg-0lax {
  text-align: left;
  vertical-align: middle;
}
.bg-titulo-principal{
  background-color: transparent;
  color: black;
  padding: 14px 0px;
  margin-bottom: 18px;
  border-top: 1px solid #888;
  border-radius: 0;
  border-bottom: 1px solid #888;
  width: 60%;
  text-align: left;
  padding-left: 2px;
  font-size: 1.1em;
}
.bg-titulo h3, .bg-titulo p, .bg-titulo h5, .bg-titulo-principal h5, .bg-titulo-principal h3{
  margin: 0;
}
.size-medium{
  font-size: 0.72rem !important;
}
.size-medium-2{
  font-size: 0.7rem !important;
}
.text-Century{
  font-family: 'Century-Gothic', sans-serif;
}
.text-Century-Bold{
  font-family: 'Century-Gothic-Bold', sans-serif;
}
ul.size-medium, ul.size-medium-2{
  list-style-position: outside;
  padding-left: 20px;
}
ol.size-medium, ol.size-medium-2{
  padding-bottom: 10px;
}
ol.size-medium li, ol.size-medium-2 li{
  padding-bottom: 8px;
}
.title-flecha{
  position: relative;
  width: 300px;
  top: 42px;
  text-align: left;
  left: 58%;
  
}
.h-foto{
  font-size: 1.2rem;
  margin: 0;
}
.t-name{
  font-size: 18px;
  margin: 0;
}
.p-time {
  margin: 0;
  font-size: 11px;
  margin-top: 4px;
  font-family: 'Century-Gothic', sans-serif;
}
.text-start p.p-time {
  padding-left: 17%;
}
.text-end p.p-time {
  padding-right: 17%;
}
.text-size{
  font-size: 1.4rem;
}

.bg-principal{
  padding: 6px 0px;
  color: white;
  border-radius: 6px;
  margin-top: 0px;
  margin-bottom: 11px;
  background-color: black;
}
.bg-principal h3{
  margin: 0px 0 0;
  text-align: center;
  font-size: 14px;
  font-family: 'Comfortaa-Regular', sans-serif;
}
.bg-principal p{
  margin: 1px 0 0px;
  font-size: 15px;
  text-align: center;
  font-family: 'Comfortaa-Regular', sans-serif;
}
.bg-principal.D{
  background-color: #c30712;
}
.bg-principal.I{
  background-color: #f3c100;
  color: black;
}
.bg-principal.S{
  background-color: #188513;
}
.bg-principal.C{
  background-color: #0281b7;
}
.bg-principal.G{
  background-color: #36b3e9;
}
.bg-inferior-chart p{
  background-color: #f3f3f3;
  padding: 8px 8px;
  border-radius: 7px;
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 13px;
  font-family: 'Comfortaa-Regular', sans-serif;
}
/* Grafica nueva */
.contenedor-circle{
  width: 100%;                  /* Asegura que ocupe todo el ancho disponible */
  text-align: center;           /* Centra los contenidos dentro del contenedor */
  display: block;               /* Cambiar a bloque para mejorar la compatibilidad */
  padding: 20px;                
  vertical-align: sub;
}
.Grafica-circulo{
  display: inline-block;        /* Usa inline-block para colocar los elementos uno al lado del otro */               /* Toma un 30% del ancho del contenedor para cada círculo */
  margin: 10px 0;               /* Margen entre los divs para evitar que se toquen */
  text-align: center;   
  flex-direction: column;
  justify-content: space-between; 
  padding: 0 0px;
  vertical-align: top;
}
.circle-1{
  width: 100%;  
}
.circle-2{
  width: 45%;  
}
.circle-3{
  width: 34%;  
}
.circle-4{
  width: 25%;  
}
.circle-5{
  width: 20%;  
}
.Grafica-circulo p{
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Comfortaa-Regular', sans-serif;
  margin-top: 7px;
}
.Grafica-circulo p.p-size{
  font-size: 1.3rem;
}
.Grafica-circulo img{
  width: 100px;
}

.card-table-info{
  border: 1px solid #ffffff17;
}
.card-table-info td ul{
  padding-left: 24px;
  margin: 3px 0px;
}
table.card-table-info {
  border-color: #ffffff17;
}
.card-table-info {
  border-collapse: collapse; /* Elimina los espacios entre bordes */
  width: 100%;
}

.card-table-info th, .card-table-info td {
  border: 1px solid #d5d5d5; /* Controla el color del borde */
  padding: 8px; /* Espaciado interno */
  text-align: left; /* Alineación del texto */
}

.p-item{
  font-weight: bold;
  font-size: 1.17em;
  margin: 4px 0px;
  line-height: 14px;
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0px auto;
  table-layout: auto;
  width: 100%;
}
.tg-informe {
  display: block;
  width: 100%;
  vertical-align: sub;
  margin-bottom: 20px;
}
.tg td{
  overflow:hidden;
  padding:3px 2px;
  word-break:normal;
}
.tg th{
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break:normal;
}
.tg .tg-cly1, .tg .tg-0lax {
  text-align: left;
  vertical-align: middle;
}
.tg-informe .tg-0lax{
  width: 48%;
  text-align: center;
  padding: 0 0px;
  vertical-align: top;
  display: inline-block;
  padding-right: 15px;
}
.tg-informe .tg-0lax:last-child{
  padding-right: 0;
}

.bg-tabla{
  background-color: #e9e9e9 !important;
}

@media (max-width: 991.98px) {
  .btn-respuestas>.btn{
    margin: 0px 0px;
    font-size: 11px;
    padding: 7px 12px;
  }
  .body-respuesta{
    padding: 8px 6px;
  }
}

@media all and (max-width: 400px) {
  .txtPregunta {
    font-size: 16px;
  }
}