/* Error de minimización. Devolviendo el contenido no minimizado.
(1504,91): run-time error CSS1030: Expected identifier, found ' '
(1504,92): run-time error CSS1031: Expected selector, found '0'
(1504,92): run-time error CSS1025: Expected comma or open brace, found '0'
(2994,13): run-time error CSS1035: Expected colon, found '}'
(2995,6): run-time error CSS1030: Expected identifier, found ' '
(2995,7): run-time error CSS1031: Expected selector, found '6px'
(2995,7): run-time error CSS1025: Expected comma or open brace, found '6px'
 */
/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 20/04/2012                              */
/* DESCRIPTION: Estilos generales para los controles    */
/*              input(Text, radio, select, submit)      */
/********************************************************/

/************************************/
/* BOTON OPCIONES                   */
/************************************/
.iptOpcion {
    border-radius: 5px;
    background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;
    font-size: 9pt;
    font-family: sans-serif;
    color: orange;
    font-weight: bolder;
    padding: 6px 6px 6px 6px;
    min-width: 85px;
    border: 1px Solid #999999;
    text-decoration: none;
    cursor: pointer;
    margin: 4px;
}

.iptOpcion:hover {
   background: url('../images/TabControl/tabs_0.gif') repeat-x left  bottom;
    text-decoration: none;
    font-weight: bold;
    border: 1px Solid #FFCC00;
    color: #666666;
}

.iptOpcion[disabled] {
    font-weight:normal;
    color: gray;
    border: 1px Solid #C0C0C0;
}

.iptOpcion[disabled]:hover 
{
    background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;   
    font-weight:normal;
    text-decoration: none;
    color: gray;
    border: 1px Solid #C0C0C0;
}

/************************************/
/* BOTON GUARDAR, BUSCAR            */
/************************************/
.iptTrue {
    border-radius: 3px;
     /* background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');*/
    background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;
    font-size: 9pt;
    font-family: sans-serif;
    color: #59B300;
    font-weight: bolder;
    padding: 6px 6px 6px 6px;
    min-width: 85px;
    border: 1px Solid #999999;
    text-decoration: none;
    cursor: pointer;
    margin: 4px;
}

.iptTrue:hover {
   background: url('../images/TabControl/tabs_0.gif') repeat-x left bottom;
    text-decoration: none;
    font-weight: bold;
    border: 1px Solid #59B300;
    color: #666666;
}

.iptTrue[disabled] {
    font-weight:normal;
    color: gray;
     border: 1px Solid #C0C0C0;
}

.iptTrue[disabled]:hover 
{
     background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;
    font-weight:normal;
    text-decoration: none;
    color: gray;
    border: 1px Solid #C0C0C0;
}

/************************************/
/* BOTON CANCELAR                   */
/************************************/
.iptFalse {
   border-radius: 3px;
   /* background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');*/
    background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;
    font-size: 9pt;
    font-family: sans-serif;
    color: #006699;
    font-weight: bolder;
    padding: 6px 6px 6px 6px;
    min-width: 85px;
    border: 1px Solid #999999;
    text-decoration: none;
    cursor: pointer;
    margin: 4px;
}

.iptFalse:hover 
{
    background: url('../images/TabControl/tabs_0.gif') repeat-x left bottom;
    text-decoration: none;
    font-weight: bold;
    border: 1px Solid #006699;
    color: #666666;
}

.iptFalse[disabled] {
     font-weight:normal;
    color: gray;
     border: 1px Solid #C0C0C0;
}

.iptFalse[disabled]:hover {
     background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;
    font-weight:normal;
    text-decoration: none;
    color: gray;
    border: 1px Solid #C0C0C0;
}



/*==================================================
SIAGC_V3
==================================================*/
.SIAGC_btn_true {
    color: white;
    background-color: #a42145;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

    .SIAGC_btn_true i {
        margin-left: 0.6rem;
    }

    .SIAGC_btn_true:hover {
        color: white;
        font-weight: normal;
    }



.SIAGC_btn_option {
    color: black;
    border: 1px solid black;
    background-color: white;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

    .SIAGC_btn_option i {
        margin-left: 0.6rem;
    }

    .SIAGC_btn_option:hover {
        color: black;
        font-weight: normal;
    }



.SIAGC_btn_false {
    color: white;
    background-color: #B38E5D;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

    .SIAGC_btn_false i {
        margin-left: 0.6rem;
    }

    .SIAGC_btn_false:hover {
        color: white;
        font-weight: normal;
    }



.SIAGC_card {
    margin-bottom: 2.0rem !important;
}

hr.SIAGC_card-title-hr {
    margin: 10px 0 20px;
    border-top-color: #dce0e0;
}

.SIAGC_card-title-hr {
    color: #a22244;
}

hr.SIAGC_card-title-hr:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #a22244;
    display: block;
    position: absolute;
}


.SIAGC_card-header {
    margin-bottom: 2.0rem !important;
    background-color: #1e5b4d;
    color: white;
}
 .datePicker { width: 70px;}
 .ui-datepicker-trigger 
 { 
     border: 0; 
     margin: 1px;
     padding: 0; 
     width: 24px; 
     height: 24px; 
     display:inline-block; 
     vertical-align: top; 
 }
/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 20/04/2012                              */
/* DESCRIPTION: Estilos generales para el control       */
/*              (fieldset, legend)                      */
/********************************************************/



/************************************/
/* FIELDSET                         */
/************************************/

fieldset
{
    margin: 5px;
    border: 1px Solid #999999;
    border-radius: 6px;
    padding: 8px 8px 8px 8px;
}

legend
{
    padding: 0px 3px 3px 0px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
}
/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 20/04/2012                              */
/* DESCRIPTION: Estilos generales para el control       */
/*              (WebGrid)                               */
/********************************************************/

.TableForm_Content
{
     border: 1px Solid #cac5c5;
}

.TableForm_Table
{
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-size: 8pt;
    color: #464545;
}

.TableForm_Table td
{
    padding: 0;
    height: 25px;
}

.TableForm_Modulo_Title
{
    padding: 3px; /*background-color: #9FC3DA;*/
    color: #1F5F3F;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center -25px;
    background-repeat: repeat-x;
    letter-spacing: 1px;
 
}

.TableForm_Row_Title {
    padding: 4px;
    color: #1F5F3F;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center top;
    background-repeat: repeat-x;
    margin: 0;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}


.TableForm_Td_NameField
{
    padding-left: 3px;
    background-color: rgba(21, 123, 103, 0.1);
    border: 1px Solid White;
}



/*================================================
SIAGC_V3
================================================*/



/* ICONOS GENERALES */

.Icon_Eliminar
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Eliminar.png');
    background-size: 20px;
    cursor: pointer;
}
 
.Icon_Editar
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Editar.png');
    background-size: 20px;
    cursor: pointer;
 }
 
.Icon_Archivo_Adjunto
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/ArchivoAdjunto.png');    
    background-size: 20px;
    cursor: pointer;
 }
 
 .Icon_Excel_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/ExcelActivo.png');
    background-size: 20px;
    cursor: pointer;
 }
 
.Icon_Excel_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/ExcelInactivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Pdf_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/PdfActivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Pdf_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/PdfInactivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Word_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/WordActivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Word_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/WordInactivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Accion
{
     margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Accion.png');
    background-size: 20px;  
    cursor: pointer;
}

.Icon_Descripcion
{
     margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Descripcion.png');
    background-size: 20px;  
    cursor: pointer;
}

.Icon_Jpg_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/JpgActivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Jpg_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/JpgInactivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Html_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/HtmlActivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Html_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/HtmlInactivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_PowerPoint_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/PowerPointActivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_PowerPoint_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/PowerPointInactivo.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Aplicacion
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Aplicacion.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Reactivar
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Reactivar.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_DatoAcademico
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/DatosAcademicos.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_CapacitacionProfesional
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/CapacitacionProfesional.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Encuesta
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Encuesta.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Encuesta_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/EncuestaInactivo.png');
    background-size: 20px;
    cursor: pointer;
}


.Icon_RedescargaSolicitud
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/RedescargaSolicitud.png');
    background-size: 20px;
    cursor: pointer;
}


.Icon_Intercambio_Activo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Intercambio.png');
    background-size: 20px;
    cursor: pointer;
}

.Icon_Intercambio_Inactivo
{
    margin-left: auto;
    margin-right: auto;    
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/IntercambioInactivo.png');
    background-size: 20px;
    cursor: pointer;
}



.Icono_Correo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/Iconos/Correo.ico');
    background-size: 20px;
    cursor: pointer;
}
/*
.SIAGC-custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.SIAGC-custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.SIAGC-custom-control-input:checked ~ .SIAGC-custom-control-label::before {
  color: #fff;
  border-color: #dc3545;
  background-color: #dc3545;
}

.SIAGC-custom-control-input:focus ~ .SIAGC-custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.SIAGC-custom-control-input:focus:not(:checked) ~ .SIAGC-custom-control-label::before {
  border-color: #80bdff;
}

.SIAGC-custom-control-input:not(:disabled):active ~ .SIAGC-custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.SIAGC-custom-control-input:disabled ~ .SIAGC-custom-control-label {
  color: #6c757d;
}

.SIAGC-custom-control-input:disabled ~ .SIAGC-custom-control-label::before {
  background-color: #e9ecef;
}

.SIAGC-custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.SIAGC-custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.SIAGC-custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.SIAGC-custom-checkbox .SIAGC-custom-control-label::before {
  border-radius: 0.25rem;
}

.SIAGC-custom-checkbox .SIAGC-custom-control-input:checked ~ .SIAGC-custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.SIAGC-custom-checkbox .SIAGC-custom-control-input:indeterminate ~ .SIAGC-custom-control-label::before {
  border-color: #dc3545;
  background-color: #dc3545;
}

.SIAGC-custom-checkbox .SIAGC-custom-control-input:indeterminate ~ .SIAGC-custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.SIAGC-custom-checkbox .SIAGC-custom-control-input:disabled:checked ~ .SIAGC-custom-control-label::before {
  background-color: #dc3545;
}

.SIAGC-custom-checkbox .SIAGC-custom-control-input:disabled:indeterminate ~ .SIAGC-custom-control-label::before {
  background-color: #dc3545;
}

.SIAGC-custom-radio .SIAGC-custom-control-label::before {
  border-radius: 50%;
}

.SIAGC-custom-radio .SIAGC-custom-control-input:checked ~ .SIAGC-custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.SIAGC-custom-radio .SIAGC-custom-control-input:disabled:checked ~ .SIAGC-custom-control-label::before {
  background-color: #dc3545;
}

.SIAGC-custom-switch {
  padding-left: 1.25rem;
  margin-top:10px;
}

.SIAGC-custom-switch .SIAGC-custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.SIAGC-custom-switch .SIAGC-custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .SIAGC-custom-switch .SIAGC-custom-control-label::after {
    transition: none;
  }
}

.SIAGC-custom-switch .SIAGC-custom-control-input:checked ~ .SIAGC-custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.SIAGC-custom-switch .SIAGC-custom-control-input:disabled:checked ~ .SIAGC-custom-control-label::before {
  background-color: #dc3545;
}
*/




/*=====================================================
SIAGC_V3
=====================================================*/

.SIAGC_form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}









#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 3px #999999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/JAlert/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/JAlert/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alertNotice {
	background-image: url('../images/JAlert/notice.png');
}

#popup_content.alertWarning {
	background-image: url('../images/JAlert/warning.png');
}

#popup_content.alertSuccess {
	background-image: url('../images/JAlert/success.png');
}

#popup_content.alertError {
	background-image: url('../images/JAlert/error.png');
}

#popup_content.confirm {
	background-image: url('../images/JAlert/important.png');
}

#popup_content.prompt {
	background-image: url('../images/JAlert/help.gif');
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
div.jHtmlArea { display: block; overflow: hidden; border: solid 1px #aaa; }

    div.jHtmlArea iframe, div.jHtmlArea textarea {
        border: none;
    }


div.jHtmlArea div { display: inline-block; padding: 0px; margin: 0px; }
div.jHtmlArea .ToolBar { display: inline-block; background: #fbfbfb; border-bottom: solid 1px #aaa; }
div.jHtmlArea .ToolBar ul
{
    border: solid 1px #ccc;
    margin: 1px;
    padding: 1px;
    float: left;
    background: #fff url('../images/JHtmlArea/jHtmlArea_Toolbar_Group_BG.png') repeat-x;
}
div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; }
div.jHtmlArea .ToolBar ul li:hover
{
    border: solid 1px #ccc;
    background: #ddd url('../images/JHtmlArea/jHtmlArea_Toolbar_Group__Btn_Select_BG.png');
    padding: 0;
}
div.jHtmlArea .ToolBar ul li a
{
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/JHtmlArea/jHtmlArea.png') no-repeat -16px -500px;
    border: none;
    cursor: pointer;
    padding: 0px;
}
div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; }
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;}
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;}

div.jHtmlArea .ToolBar ul li a:hover { }
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; }
div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; }
div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; }
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; }
div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; }
div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; }
div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; }
div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; }
div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; }
div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; }
div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; }
div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; }

div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);}
div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);}

div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}
div.jHtmlArea .ToolBar ul li a.subscript   { background-position: -96px -16px;}
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;}
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;}
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;}
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;}
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;}


div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;}
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;}
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;}
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;}
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;}
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}

.SIAGC_col-form-label {
    font-weight: bold;
}

.SIAGC_form-control-label {
    margin: 0 !important; 
}

.SIAGC_LABEL_VALUE_col-form-label {
    font-weight: normal;
}
/********************************************************/
/* COMPANY NAME: Novutek S.C.                           */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 11/08/2014                              */
/* DESCRIPTION: Estilos especificas de la Vista         */
/*              Layout y LogOn                          */
/********************************************************/

@font-face {
    font-family: 'Soberana Titular';
    font-weight: normal;
    font-style: normal;
    src: url(../../fonts/soberanatitular-webfont.eot);
    src: url(../../fonts/soberanatitular-webfont.eot?#iefix) format('embedded-opentype'), url(../../fonts/soberanatitular-webfont.woff) format('woff'), url(../../fonts/soberanatitular-webfont.ttf) format('truetype'), url(../../fonts/soberanatitular-webfont.svg) format('svg');
}



.dvTitleView {
    color: #177A66;
    font-family: 'Soberana Titular';
    font-size: 13pt;
    padding: 5px 0px 5px 5px;
    font-weight: bold;
    text-transform: capitalize;
}


/*=====================================================
SIAGC_V3
=====================================================*/

body {
    font-family: Montserrat,sans-serif;
}

#containerMain {
    transition: margin-left .5s;
    padding: 16px;
}

/*################# SCROLLBARS #################*/
#divWebExplorer::-webkit-scrollbar {
    display: none;
}

/*################# MENU SUPERIOR #################*/
.SIAGC_navbar {
    background-color: #13322b !important;
    color: white !important;
}

    .SIAGC_navbar a {
        color: white !important;
    }

.SIAGC_navbar-brand {
    padding: 0 !important;
}

.SIAGC_navbar_icon_fa {
    color: white !important;
}

#navbarInfoUsuario {
    padding: 0;
    margin: 0;
    margin-right: 0.5rem !important;
    font-size: small;
    text-align: right;
    vertical-align: middle !important;
    align-items: center
}

#infAlerta {
    position: absolute;
    margin-left: 0.7rem;
    top: 0.5rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: red;
    display: flex;
    justify-content: center;
    text-align: center;
}

    #infAlerta > p {
        padding: 0.2rem;
        font-family: sans-serif;
        color: white;
        font-size: 0.7rem;
        font-weight: bold;
    }




/*################# MENU DE FUNCIONES #################*/
.SIAGC_sidenav_funciones {
    background-color: #13322b !important;
    color: white !important;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1040;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 54px;
}

    .SIAGC_sidenav_funciones .SIAGC_close_nav_funciones {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        color: white;
        text-decoration: none;
        display: block;
        transition: 0.3s;
    }

.SIAGC_close_nav_funciones:hover {
    cursor: pointer !important;
}


@media screen and (max-height: 450px) {
    .SIAGC_sidenav_funciones {
        padding-top: 15px;
    }
}


.SIAGC_sidenav_funciones_card {
    background-color: transparent;
    border: 0 !important;
}

.SIAGC_sidenav_funciones_list-group-item {
    background-color: transparent;
    color: #c9af8d;
    cursor: pointer;
}

    .SIAGC_sidenav_funciones_list-group-item:hover {
        background-color: transparent;
        color: #c9af8d;
        cursor: pointer;
        text-decoration: none;
    }

.SIAGC_sidenav_funciones_card-header {
    cursor: pointer;
}

.SIAGC_sidenav_funciones_card-body {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.SIAGC_sidenav_funciones_card-header:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    color: white;
}

.SIAGC_sidenav_funciones_card-header.collapsed:after {
    content: "\F054";
    color: white;
}



/*################# MENU DE ALERTAS #################*/
.SIAGC_sidenav_alertas {
    background-color: white !important;
    border-left: 1px solid #13322b;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 54px;
}


    .SIAGC_sidenav_alertas .SIAGC_close_nav_alertas {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 2.2rem;
        color: #706f6f;
        text-decoration: none;
        display: block;
        transition: 0.3s;
    }

.SIAGC_close_nav_alertas:hover {
    cursor: pointer !important;
}

.SIAGC_sidenav_alertas .SIAGC_sidenav_alertas_titulo {
    position: absolute;
    top: 0.3rem;
    right: 150px;
    font-size: 1.6rem;
    color: #706f6f;
    text-decoration: none;
    display: block;
    transition: 0.3s;
}




/*################# MENU DE USUARIO #################*/
.SIAGC_sidenav_usuario {
    background-color: white !important;
    border-left: 1px solid #13322b;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 54px;
}


    .SIAGC_sidenav_usuario .SIAGC_close_nav_usuario {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 2.2rem;
        color: #706f6f;
        text-decoration: none;
        display: block;
        transition: 0.3s;
    }

.SIAGC_close_nav_usuario:hover {
    cursor: pointer !important;
}


/*=======================================
VERSION SIAGC_V3
=======================================*/

.SIAGC_modal-header  {
/*    background-color: #1e5b4d;
    color: #dfcaa4;
    font-weight: bold;*/
}


.SIAGC_modal-header span {
/*    background-color: #1e5b4d;
    color: #dfcaa4;
    font-weight: bold;*/
}


.panel-heading > .dropdown .dropdown-toggle,
.panel-title,
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
	color: inherit
}

.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}

.panel {
	margin-bottom: 25px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

	.panel-title,
	.panel > .list-group,
	.panel > .panel-collapse > .list-group,
	.panel > .panel-collapse > .table,
	.panel > .table,
	.panel > .table-responsive > .table {
		margin-bottom: 0
	}

.panel-body {
	padding: 15px
}

	.panel-body:after,
	.panel-body:before {
		content: " ";
		display: table
	}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.panel-title {
	margin-top: 0;
	font-size: 21px
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0
}

.panel-group .panel-heading,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
	border-bottom: 0
}

.panel > .table-responsive:last-child > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
	border-top: 0;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.panel > .table-responsive:first-child > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0
}

.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
	padding-left: 15px;
	padding-right: 15px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
	border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
	border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
	border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
	border-bottom-right-radius: 3px
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
	border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
	border-top: 0
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
	border: 0
}

	.panel > .table-bordered > tbody > tr > td:first-child,
	.panel > .table-bordered > tbody > tr > th:first-child,
	.panel > .table-bordered > tfoot > tr > td:first-child,
	.panel > .table-bordered > tfoot > tr > th:first-child,
	.panel > .table-bordered > thead > tr > td:first-child,
	.panel > .table-bordered > thead > tr > th:first-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
	.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
		border-left: 0
	}

	.panel > .table-bordered > tbody > tr > td:last-child,
	.panel > .table-bordered > tbody > tr > th:last-child,
	.panel > .table-bordered > tfoot > tr > td:last-child,
	.panel > .table-bordered > tfoot > tr > th:last-child,
	.panel > .table-bordered > thead > tr > td:last-child,
	.panel > .table-bordered > thead > tr > th:last-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
	.panel > .table-responsive > .table-bordered > thead > tr > th:last-chil bo border-right: 0
}

.panel > .table-responsive {
	border: 0;
	margin-bottom: 0
}

.panel-group {
	margin-bottom: 25px
}

	.panel-group .panel {
		margin-bottom: 0;
		border-radius: 4px
	}

		.panel-group .panel + .panel {
			margin-top: 5px
		}

	.panel-group .panel-heading + .panel-collapse > .list-group,
	.panel-group .panel-heading + .panel-collapse > .panel-body {
		border-top: 1px solid #ddd
	}

	.panel-group .panel-footer {
		border-top: 0
	}

		.panel-group .panel-footer + .panel-collapse .panel-body {
			border-bottom: 1px solid #ddd
		}

.panel-default {
	border-color: #ddd
}

	.panel-default > .panel-heading {
		color: #FFFFFF;
		background-color: #1E5B4D;
		border-color: #ddd
	}

		.panel-default > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #ddd
		}

		.panel-default > .panel-heading .badge {
			color: #f5f5f5;
			background-color: #333
		}

	.panel-default > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #ddd
	}

.panel-primary {
	border-color: #4A90E2
}

	.panel-primary > .panel-heading {
		color: #fff;
		background-color: #4A90E2;
		border-color: #4A90E2
	}

		.panel-primary > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #4A90E2
		}

		.panel-primary > .panel-heading .badge {
			color: #4A90E2;
			background-color: #fff
		}

	.panel-primary > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #4A90E2
	}

.panel-success {
	border-color: #d6e9c6
}

	.panel-success > .panel-heading {
		color: #3c763d;
		background-color: #dff0d8;
		border-color: #d6e9c6
	}

		.panel-success > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #d6e9c6
		}

		.panel-success > .panel-heading .badge {
			color: #dff0d8;
			background-color: #3c763d
		}

	.panel-success > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #d6e9c6
	}

.panel-info {
	border-color: #bce8f1
}

	.panel-info > .panel-heading {
		color: #31708f;
		background-color: #d9edf7;
		border-color: #bce8f1
	}

		.panel-info > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #bce8f1
		}

		.panel-info > .panel-heading .badge {
			color: #d9edf7;
			background-color: #31708f
		}

	.panel-info > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #bce8f1
	}

.panel-warning {
	border-color: #faebcc
}

	.panel-warning > .panel-heading {
		color: #8a6d3b;
		background-color: #fcf8e3;
		border-color: #faebcc
	}

		.panel-warning > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #faebcc
		}

		.panel-warning > .panel-heading .badge {
			color: #fcf8e3;
			background-color: #8a6d3b
		}

	.panel-warning > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #faebcc
	}

.panel-danger {
	border-color: #ebccd1
}

	.panel-danger > .panel-heading {
		color: #a94442;
		background-color: #f2dede;
		border-color: #ebccd1
	}

		.panel-danger > .panel-heading + .panel-collapse > .panel-body {
			border-top-color: #ebccd1
		}

		.panel-danger > .panel-heading .badge {
			color: #f2dede;
			background-color: #a94442
		}

	.panel-danger > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #ebccd1
	}

/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 27/08/2012                              */
/* DESCRIPTION: Estilos generales para el ProGressBar   */
/********************************************************/

.BackProgressBar
{
    background-image: url('../images/ProgressBar/Progress.gif');
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
}

/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 26/07/2012                              */
/* DESCRIPTION: Estilos generales para el control       */
/*              (TabControl)                            */
/********************************************************/
.TabControl
{
     padding-top: 5px;
}

.TabControl div.TabControl_Header
{
    font: 11px verdana,arial,sans-serif;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 15px;
    height: 28px;
    border-bottom: 0px Solid #CCCCCC;
}

.TabControl div.TabControl_Header div.TabControl_ItemOff
{
    border-radius: 5px 25px 0px 0px;
    color: #003366;
    font-weight: bold;
    height: 27px;
    margin-right: -6px;
    line-height: 28px;
    padding: 0 15px;
    float: left;
    background: url('../images/TabControl/tabs_0.gif') repeat-x left bottom;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    position: relative;
}

.TabControl div.TabControl_Header div.TabControl_ItemOn
{
    border-radius: 5px 25px 0px 0px;
    color: #0068AE;
    font-weight: bold;
    padding: 0 15px;
    margin-right: -6px;
    float: left;
    background: url('../images/TabControl/tabs_2.gif') repeat-x left bottom;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    border: 1px solid #FFCC00;
    border-bottom: 1px Solid White;
    position: relative;
}

.TabControl div.TabControl_Header div.TabControl_ItemOn:hover 
{ 
    cursor: default;
}

.TabControl div.TabControl_Header div.TabControl_ItemOff:hover
{
    color: #009999;
    border-top-width: 2px;
    border-top-color: #FFCC00;
    border-right-width: 2px;
    border-right-color: #FFCC00;
    line-height: 26px;
    height: 26px;
}

.TabControl div.TabControl_Body
{
    padding: 5px 5px 0px 5px;
    border-radius: 0px 10px 10px 10px;
    border: 1px Solid #CCCCCC;
}

.TabControl div.TabControl_Body div.TabControl_Tab
{
     display: none;
}








.TabControl div.TabControl_Header div.TabControl_ItemOff_Alt
{
    border-radius: 5px 25px 0px 0px;
    color: #003366;
    font-weight: bold;
    height: 27px;
    margin-right: -6px;
    line-height: 28px;
    padding: 0 15px;
    float: left;
    background: url('../images/TabControl/tabs_0_Alt.gif') repeat-x left bottom;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    position: relative;
}

.TabControl div.TabControl_Header div.TabControl_ItemOn_Alt
{
    border-radius: 5px 25px 0px 0px;
    color: #0068AE;
    font-weight: bold;
    padding: 0 15px;
    margin-right: -6px;
    float: left;
    background: url('../images/TabControl/tabs_2_Alt.gif') repeat-x left bottom;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    border: 1px solid #FFCC00;
    border-bottom: 1px Solid White;
    position: relative;
}





/*================================================
SIAGC_V3
================================================*/

.SIAGC_tab_nav-link {
    color: #1e5b4d;
    font-weight: bold;
}

    .SIAGC_tab_nav-link:hover {
        color: #dfcaa4;
        font-weight: bold;
    }

.SIAGC_tab_nav-tabs li .active {
    color: #a42145 !important;
    font-weight: bold;
}

.SIAGC_tab-content {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 20/06/2012                              */
/* DESCRIPTION: Estilos del TemplateData                */  
/********************************************************/

.dvTeplateData
{
    border-radius: 10px 10px 0 0;
    border: 1px Solid #cac5c5;
    border-top: 0;
    padding: 0;
    margin-bottom: 15px;
}



.dvBodyTemplate {
    padding: 0;
    font-size: 8pt;
}



.dvHeaderTemplate {
    border-radius: 10px 10px 0 0;
    border: 1px Solid #cac5c5;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-repeat: repeat-x;
    background-position: center -6px;
}

    .dvHeaderTemplate table {
        border-collapse: collapse;
        border: 0;
        margin: 0;
        padding: 0;
    }


.tdTitleTemplate
{
    text-align: left;
    font-family: 'Soberana Titular';
    font-size: 10pt;
    color: #005941;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 0;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.tdMinimizar
{
    padding: 0;
    width: 30px;
    text-align :center;
    vertical-align: middle;
}

.imgMinimizar
{
    cursor: pointer;
}

/*NUEVO TEMPLATE*/

.TemplateData
{
    border-radius: 10px 10px 0px 0px;
    border: 1px Solid #E5E5E5;
    border-top: 0px;
    padding: 0px;
    margin-bottom: 15px;
    padding: 0;
    font-size: 8pt;
}

.TemplateData h3
{
    border-radius: 10px 10px 0px 0px;
    border: 1px Solid #E5E5E5;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-repeat: repeat-x;
    background-position: center 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    text-align: left;
    font-family: 'Soberana Titular';
    font-size: 10pt;
    color: #005941;
    font-weight: bold;
    vertical-align: middle;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
       
}



/*===================================================================
===================================================================
PROVISIONALES
===================================================================
===================================================================*/
/************************************/
/* CAJAS DE TEXTO                   */
/*input[type="password"],*/
/************************************/
.dvBodyTemplate input[type="text"],
input[type="file"],
input[type="datetime"],
input[type="tel"],
input[type="date"],
input[type="email"],
select{
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    border-color: rgb(169, 169, 169);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 8pt;
    margin: 1px;
}

.dvBodyTemplate input[type="radio"] {
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

.dvBodyTemplate input[type=radio] + label {
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 3px;
    margin: 1px;
    font-size: 8pt;
}

.dvBodyTemplate input[disabled] {
    color: #808080;
    cursor: not-allowed;
    background-color: #F0F0F0;
    margin: 1px;
}

    .dvBodyTemplate input[disabled] + img {
        display: none;
    }

/************************************/
/* DROWDOWNLIST                     */
/************************************/
.dvBodyTemplate select {
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    border-color: rgb(169, 169, 169);
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 8pt;
    margin: 1px;
}

    .dvBodyTemplate select[disabled] {
        color: #808080;
        cursor: not-allowed;
        background-color: #F0F0F0;
        margin: 1px;
    }

/************************************/
/* TEXTAREA                         */
/************************************/
.dvBodyTemplate textarea {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(169, 169, 169);
    padding-left: 3px;
    border-radius: 6px;
    font-size: 8pt;
    font-family: Arial;
    margin: 1px;
}

    .dvBodyTemplate textarea[disabled] {
        color: #808080;
        cursor: not-allowed;
        background-color: #F0F0F0;
        margin: 1px;
    }







/************************************/
/* CAJAS DE TEXTO                   */
/*input[type="password"],*/ 
/************************************/
.TableForm_Table 
input[type="text"],
input[type="file"],
input[type="datetime"],
input[type="tel"],
input[type="date"],
input[type="email"],
select{
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    border-color: rgb(169, 169, 169);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 8pt;
    margin: 1px;
}

.TableForm_Table input[type="radio"] {
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

.TableForm_Table input[type=radio] + label {
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 3px;
    margin: 1px;
    font-size: 8pt;
}

.TableForm_Table input[disabled] {
    color: #808080;
    cursor: not-allowed;
    background-color: #F0F0F0;
    margin: 1px;
}

    .TableForm_Table input[disabled] + img {
        display: none;
    }

/************************************/
/* DROWDOWNLIST                     */
/************************************/
.TableForm_Table select {
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    border-color: rgb(169, 169, 169);
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 8pt;
    margin: 1px;
}

    .TableForm_Table select[disabled] {
        color: #808080;
        cursor: not-allowed;
        background-color: #F0F0F0;
        margin: 1px;
    }

/************************************/
/* TEXTAREA                         */
/************************************/
.TableForm_Table textarea {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(169, 169, 169);
    padding-left: 3px;
    border-radius: 6px;
    font-size: 8pt;
    font-family: Arial;
    margin: 1px;
}

    .TableForm_Table textarea[disabled] {
        color: #808080;
        cursor: not-allowed;
        background-color: #F0F0F0;
        margin: 1px;
    }


.SIAGC_title_page {
    font-weight: 400;
    color: #706f6f;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0 !important;
}


.SIAGC_title_page div {
    background-color: #b38e5d;
    bottom: -10px;
    width: 35px;
    height: 5px;
}



.SIAGC_title_section_card {
    color: #a42145;
    margin-left: 0;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.SIAGC_title_section_card h6 {
    font-weight: bold;
}


.SIAGC_title_section_card div {
    background-color: #b38e5d;
    bottom: -10px;
    width: 35px;
    height: 3px;
}


.treeview, .treeview ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 10pt;
    color: black;

}

.treeview ul
{
   margin-top: 0px;
   margin-bottom: 0px;
}

.treeview .hitarea
{
    background: url('../images/TreeView/treeview-default.gif') no-repeat -64px -25px;
    height: 14px;
    width: 15px;
    margin-left: -14px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea
{
    display: inline;
    float: none;
}

.treeview li
{
    margin: 0;
    padding: 3px 0px 3px 16px;
    list-style:none;
}

.treeview a.selected
{
   /* background-color: whitesmoke;*/
}

#treecontrol
{
    margin: 1em 0;
    display: none;
}

.treeview .hover
{
    color: #FF6600;
    cursor: pointer;
}

.treeview li
{
    background: url('../images/TreeView/treeview-default-line.gif') 0 0 no-repeat;
}
.treeview li.collapsable, .treeview li.expandable
{
    background-position: 0 -176px;
}

.treeview .expandable-hitarea
{
    background-position: -80px -3px;
}

.treeview li.last
{
    background-position: 0 -1766px;
}
.treeview li.lastCollapsable, .treeview li.lastExpandable
{
    background-image: url('../images/TreeView/treeview-default.gif');
}
.treeview li.lastCollapsable
{
    background-position: 0 -111px;
}
.treeview li.lastExpandable
{
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea
{
    background-position: 0;
}

.treeview-red li
{
    background-image: url('../images/TreeView/treeview-red-line.gif');
}
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable
{
    background-image: url('../images/TreeView/treeview-red.gif');
}

.treeview-black li
{
    background-image: url('../images/TreeView/treeview-black-line.gif');
}
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable
{
    background-image: url('../images/TreeView/treeview-black.gif');
}

.treeview-gray li
{
    background-image: url('../images/TreeView/treeview-gray-line.gif');
}
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable
{
    background-image: url('../images/TreeView/treeview-gray.gif');
}

.treeview-famfamfam li
{
    background-image: url('../images/TreeView/treeview-famfamfam-line.gif');
}
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable
{
    background-image: url('../images/TreeView/treeview-famfamfam.gif');
}

.treeview .placeholder
{
    background: url('../images/TreeView/ajax-loader.gif') 0 0 no-repeat;
    height: 15px;
    width: 15px;
    display: block;
}

.filetree li
{
    padding: 2px 0 0px 16px;
}
.filetree span.folder, .filetree span.leaf
{
    padding: 2px 0 2px 20px;
    display: block;
}
.filetree span.folder
{
    background: url('../images/TreeView/folder.png') 0 0 no-repeat;
    font-weight: bold;
}
.filetree li.expandable span.folder
{
    background: url('../images/TreeView/folder-closed.png') 0 0 no-repeat;
}
.filetree span.leaf
{
    background: url('../images/TreeView/file.gif') 0 0 no-repeat;
    cursor: pointer;
}

.filetree span.leaf:hover
{
    color: #FF6600;
}


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
    color: #a94442;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    outline: 1px solid #a94442;
    border:0;
    background-color: #fff7f7;
    margin-top: 2px;
}

.validation-summary-errors {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #a94442;
}

.validation-summary-valid {
    display: none;
}
/********************************************************/
/* COMPANY NAME: INAP                                   */
/* CREATE BY: Gabriel Juarez Sandoval                   */
/* CREATE DATE: 20/04/2012                              */
/* DESCRIPTION: Estilos generales para el control       */
/*              (WebGrid)                               */
/********************************************************/


/************************************/
/* WEB GRID                         */
/************************************/

.Grid_Content
{
    cursor: auto;
    min-height: 35px;
    border-radius: 1px 1px 1px 1px;
    border: 5px Solid #F9F9F9;
    background-color: rgba(255, 255, 217, 0.6);
}

.Grid_Table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999999;
}

.Grid_Table th:hover {
    cursor: default;
}

.Grid_Table tbody tr td:hover {
    cursor: default;
    background-color: #e1e1e1;
}

.Grid_Header 
{
    vertical-align: middle;     
    font-size: 8pt;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center top;
    background-repeat: repeat-x; 
}

.Grid_Header th
{
    height: 25px;
    margin: 0px;
    color: #006666;
    text-decoration: none;
    border: 1px Solid #999999;
    font-weight: bold;
    text-align: center;
}

.Grid_Header th a 
{
    color: #006666;
    text-decoration: none;
}   

/* HEADER CON ENCABEZADO A LA IZQUIERDA */
.Grid_Header_Left 
{
    vertical-align: middle;     
    font-size: 8pt;
    border-bottom: 1px Solid #999999;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center top;
    background-repeat: repeat-x; 
}

.Grid_Header_Left th 
{
    height: 25px;
    border: 1px Solid #999999;
    margin: 0px;
    color: #006666;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}

.Grid_Header_Left th a {
    color: #006666;
    text-decoration: none;
}   

/* HEADER CON ENCABEZADO AL CENTRO */
.Grid_Header_Center 
{
    vertical-align: middle;     
    font-size: 8pt;
    border-bottom: 1px Solid #999999;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center top;
    background-repeat: repeat-x; 
}

.Grid_Header_Center th 
{
    height: 25px;
    border: 1px Solid #999999;
    margin: 0px;
    color: #006666;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

.Grid_Header_Center th a {
    color: #006666;
    text-decoration: none;
}   

/* HEADER CON ENCABEZADO A LA DERECHA */
.Grid_Header_Rigth 
{
    vertical-align: middle;     
    font-size: 8pt;
    border-bottom: 1px Solid #999999;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center top;
    background-repeat: repeat-x; 
}

.Grid_Header_Rigth th 
{
    height: 25px;
    border: 1px Solid #999999;
    margin: 0px;
    color: #006666;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
}

.Grid_Header_Rigth th a {
    color: #006666;
    text-decoration: none;
}   

.Grid_Row {
    background-color: rgba(21, 123, 103, 0.1);
    color: #000000;
    font-size: 8pt;
}

.Grid_Row td  {
    padding: 1px 2px 1px 2px;
    border: 1px Solid #CCC;
    line-height: 12px;
    height: 20px;
}

.Grid_Row td:first-child  {
      border-left: 1px solid #999999;
}

.Grid_Row td:last-child  {
      border-right: 1px solid #999999;
}


.Grid_Row td a {
    color: #339966;
    font-weight: bold;
}

.Grid_AlterRow {
    background-color: rgba(255, 255, 217, 0.6);
    color: #000000;
    font-size: 8pt;
}

.Grid_AlterRow td  {
    padding: 1px 2px 1px 2px;
    border: 1px Solid #CCC;
    line-height: 12px;
    height: 20px;
}

.Grid_AlterRow td:first-child  {
      border-left: 1px solid #999999;
}

.Grid_AlterRow td:last-child  {
      border-right: 1px solid #999999;
}



.Grid_AlterRow td a {
    color: #339966;
    font-weight: bold;
}


.Grid_Row_Totales {
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center -20px;
    background-repeat: repeat-x;
}
.Grid_Row_Totales td {
    font-family:  Calibri;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    height: 20px;
    border: 1px solid #999999;
    border-top: 3px double #999999;
    color: #006666;
}

.Grid_Fouter {
    font-family:  Calibri;
    font-size: 9pt;
    font-weight: bold;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center -5px;
    background-repeat: repeat-x;
    text-align: center;
    height: 25px;
    border-top: 1px Solid #999999;
    word-spacing: 10pt;
    min-height: 20px;
}

.Grid_Fouter td 
{
    font-family: Arial Black;
    font-weight: bold;
    color: #FF3300;
    padding-right: 5px;
}

.Grid_Fouter td a 
{
    font-family: Arial, Helvetica, sans-serif;
    color: #006666;
    text-decoration: none;
    padding-right: 5px;
}

.Grid_Fouter td a:hover
{
    color: orange;
}

.Grid_Selected_Row {
    border-top: 2px Solid Orange;
    border-bottom: 2px Solid Orange;
    font-weight: bold;
}

.Grid_Hover_Row
{
     border-left: 4px Solid Orange;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center -20px;
    background-repeat: repeat-x;
}

.Grid_Column_Hidden
{
    padding: 0;
    margin: 0;
    border: 0;
    width: 0px;
    display: none;
}

.Grid_Column_AlingLeft {
    text-align: left;
}

.Grid_Column_AlingCenter {
    text-align: center;
}

.Grid_Column_AlingRight {
    text-align: right;
}

.Grid_Count_Records
{
    font-size: 8pt;
    text-align: center;
    background-image: url('../images/TemplateData/BachHeaderTemplate.jpg');
    background-position: center -13px;
    background-repeat: repeat-x;
    color: #1F5F3F;
    font-weight: bold;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    border-top: 0px;
    border-right: 5px Solid #F9F9F9;
    border-bottom: 5px Solid #F9F9F9;
    border-left: 5px Solid #F9F9F9;
}

.Grid_Row_Text {
    background-color: #E1EFD6;
    color: #000000;
    font-size: 8pt;
    border:none;
}

.Grid_AlterRow_Text {
    background-color: #FFFFD9;
    color: #000000;
    font-size: 8pt;
    border:none;
}




/*Estilos para tablas*/

.SIAGC_table_td_hidden {
    color: white;
}

.SIAGC_Grid_Table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999999;
}

    .SIAGC_Grid_Table th:hover {
        cursor: default;
    }

    .SIAGC_Grid_Table tbody tr td:hover {
        cursor: default;
        background-color: #e1e1e1;
    }

.SIAGC_Grid_Header {
    vertical-align: middle;
    font-size: 8pt;
    background: #1e5b4d;
    background-position: center top;
    background-repeat: repeat-x;
}

    .SIAGC_Grid_Header th {
        height: 25px;
        margin: 0px;
        color: white;
        text-decoration: none;
        border: 1px Solid #999999;
        font-weight: bold;
        text-align: center;
    }

        .SIAGC_Grid_Header th a {
            color: white;
            text-decoration: none;
        }

.SIAGC_Grid_Row {
    color: #000000;
    font-size: 8pt;
}

    .SIAGC_Grid_Row td {
        padding: 1px 2px 1px 2px;
        border: 1px Solid #CCC;
        line-height: 12px;
        height: 20px;
    }

        .SIAGC_Grid_Row td:first-child {
            border-left: 1px solid #999999;
        }

        .SIAGC_Grid_Row td:last-child {
            border-right: 1px solid #999999;
        }

        .SIAGC_Grid_Row td a {
            color: #339966;
            font-weight: bold;
        }







/*=======================================
VERSION SIAGC_V3
=======================================*/

.SIAGC_table {

}

    .SIAGC_table caption {
        font-weight: bold;
        color: #1e5b4d;
        text-align: center;
    }

    .SIAGC_table thead tr th {
        background-color: #1e5b4d !important;
        color: white !important;
        vertical-align: middle;
    }

    .SIAGC_table th a {
        color: white;
    }

    .SIAGC_table tr td span {
        cursor: pointer;
    }

    .SIAGC_table tr td i {
        color: #b38e5d !important;
        font-weight: bold;
        font-size: 1.3rem;
    }

    .SIAGC_table tr td label {
        margin:0;
        padding:0;
    }

    .SIAGC_table thead {
        border: 2px solid #1e5b4d !important;
    }

    .SIAGC_table tbody {
        border: 2px solid #1e5b4d !important;
    }

    .SIAGC_table tfoot {
        font-weight:bold;
    }

  
    .SIAGC_table_td_center {
        text-align: center !important;
    }


.SIAGC_table_pagination {
    font-weight: bold;
    text-align: center;
    border-top: 1px Solid #999999;
    min-height: 20px;
    word-spacing: 0.8rem;
}

    .SIAGC_table_pagination td {
        font-size: 1.1rem;
        color: #a42145;
        border: none; 
    }


        .SIAGC_table_pagination td a {
            font-weight: bold;
            font-size: 1.1rem;
            color: #dfcaa4 !important;
            text-decoration: none !important;
            margin: 0 !important;
        }



        .SIAGC_table_row_middle td {
            vertical-align: middle !important;
        }



.SIAGC_Grid_FreezeHeader th {
    z-index: 1;
    position: sticky;
    top: 0;
}
.wizard-steps,
.wizard-steps-extensive {
    margin: 0 0 25px;
    padding: 0;
    list-style-type: none
}

.wizard-steps li,
.wizard-steps-extensive li {
    display: block;
    background-color: #eee;
    position: relative;
    padding: 10px;
    margin-bottom: 2px;
    text-align: center
}

.wizard-steps li h5,
.wizard-steps-extensive li h5 {
    margin: 0
}

.wizard-steps li.completed,
.wizard-steps li.current,
.wizard-steps-extensive li.completed,
.wizard-steps-extensive li.current {
    background-color: #9D2449;
    color: #fff
}

.wizard-steps li:last-child.success,
.wizard-steps-extensive li:last-child.success {
    background-color: #9FD16C
}

.wizard-steps li:last-child.success i,
.wizard-steps-extensive li:last-child.success i {
    visibility: visible;
    color: #fff
}

@media (min-width:768px) {
    .wizard-steps li h5,
    .wizard-steps li i,
    .wizard-steps li span {
        position: relative;
        z-index: 20
    }
    .wizard-steps li {
        font-size: 14px;
        padding: 0 10px 0 40px;
        display: inline-block;
        height: 70px;
        color: #000;
        margin-bottom: 0;
        text-align: left
    }
    .wizard-steps li h5 {
        margin: 14px 0 0
    }
    .wizard-steps li i {
        padding-top: 18px;
        font-size: 35px;
        color: #fff;
        display: block;
        margin: auto;
        text-align: center
    }
    .wizard-steps li:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        z-index: 5
    }
    .wizard-steps li:last-child {
        top: 4px;
        width: 94px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }
    .wizard-steps li:last-child:after,
    .wizard-steps li:last-child:before {
        display: none
    }
    .wizard-steps li:after,
    .wizard-steps li:before {
        content: "";
        position: absolute;
        background-color: #ececec
    }
    .wizard-steps li:after {
        position: absolute;
        right: -29px;
        top: 9px;
        border-radius: 3px;
        border-right: 3px solid #fff;
        border-top: 3px solid #fff;
        height: 52px;
        width: 52px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .wizard-steps li:nth-child(2) {
        z-index: 4
    }
    .wizard-steps li:nth-child(3) {
        z-index: 3
    }
    .wizard-steps li:nth-child(4) {
        z-index: 2
    }
    .wizard-steps li.completed,
    .wizard-steps li.current,
    .wizard-steps li.success {
        background-color: #9D2449;
        color: #fff;
        height: 80px;
        top: 0
    }
    .wizard-steps li.completed h5,
    .wizard-steps li.current h5,
    .wizard-steps li.success h5 {
        margin-top: 20px
    }
    .wizard-steps li.completed i,
    .wizard-steps li.current i,
    .wizard-steps li.success i {
        mar }
 top: 6px
    }
    .wizard-steps li.completed:after,
    .wizard-steps li.completed:before,
    .wizard-steps li.current:after,
    .wizard-steps li.current:before,
    .wizard-steps li.success:after,
    .wizard-steps li.success:before {
        background-color: #9D2449
    }
    .wizard-steps li.completed:after,
    .wizard-steps li.current:after,
    .wizard-steps li.success:after {
        height: 60px;
        width: 60px;
        top: 10px;
        right: -33px
    }
    .wizard-steps-extensive {
        background-color: #eee;
        padding: 25px 50px;
        border-radius: 5px
    }
    .wizard-steps-extensive li {
        display: inline-block;
        position: relative;
        width: 27px;
        height: 27px;
        margin-left: 30px;
        padding: 0;
        border: 2px solid #9D2449;
        border-radius: 50%;
        text-align: center;
        line-height: 25px;
        color: transparent
    }
    .wizard-steps-extensive li:after {
        content: '';
        width: 25px;
        height: 2px;
        background-color: #ccc;
        position: absolute;
        top: 12px;
        right: 30px
    }
    .wizard-steps-extensive li:first-child {
        margin-left: 0
    }
    .wizard-steps-extensive li:first-child:after {
        display: none
    }
    .wizard-steps-extensive li:hover span {
        display: block
    }
    .wizard-steps-extensive li.completed {
        background-color: #9D2449;
        color: #fff
    }
    .wizard-steps-extensive li.completed:after {
        background-color: #9D2449
    }
    .wizard-steps-extensive li h5 {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px
    }
    .wizard-steps-extensive li span {
        display: none;
        position: absolute;
        top: 180%;
        left: -23px;
        background-color: #545454;
        padding: 8px 15px;
        border-radius: 6px;
        font-size: 16px;
        color: #eee;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 5
    }
    .wizard-steps-extensive li span:before {
        content: '';
        border: 10px solid transparent;
        border-bottom-color: #545454;
        position: absolute;
        bottom: 100%;
        left: 25px
    }
}

@media (min-width:992px) {
    .attention .step .row .col-md-4 {
        margin-top: 0
    }
    .wizard-steps li {
        /* font-size: 16px; */
        padding: 0 20px 0 50px
    }
    .wizard-steps li:last-child {
        width: 144px;
        top: 0
    }
}

@media (min-width:1200px) {
    .wizard-steps li {
        padding: 0 30px 0 50px
    }
    .wizard-steps li:last-child {
        width: 304px
    }
}