<!DOCTYPE html>
<!-- saved from url=(0037)https://facturacion.oxxogas.com/login -->
<html lang="en" class="perfect-scrollbar-on"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="origin-trial" content="Az520Inasey3TAyqLyojQa8MnmCALSEU29yQFW8dePZ7xQTvSt73pHazLFTK5f7SyLUJSo2uKLesEtEa9aUYcgMAAACPeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
  
<!--	<link rel="apple-touch-icon" sizes="76x76" href="https://facturacion.oxxogas.com/resources/images/favicon.ico">
	<link rel="icon" type="image/png" href="https://facturacion.oxxogas.com/resources/images/favicon.ico">
-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title> Portal de Clientes OXXO Gas </title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta name="viewport" content="width=device-width">
  <meta name="google" content="notranslate">

  <!-- Bootstrap core CSS     -->
  <link href="./index_facturacion_oxxogas_files/bootstrap.min.css" rel="stylesheet">

  <!--  Material Dashboard CSS    -->
  <link href="./index_facturacion_oxxogas_files/material-dashboard.css" rel="stylesheet">

  <!--     Fonts and icons     -->
	<link href="./index_facturacion_oxxogas_files/font-awesome.min.css" rel="stylesheet">
	<link href="./index_facturacion_oxxogas_files/font-material-dashboard.css" rel="stylesheet">
	<link href="./index_facturacion_oxxogas_files/font-material-icons.css" rel="stylesheet">

  <!--  CSS for Demo Purpose     -->
	<link href="./index_facturacion_oxxogas_files/oxxogas.css" rel="stylesheet">

  <!--  Chosen CSS for Demo Purpose     -->
	<link href="./index_facturacion_oxxogas_files/chosen.min.css" rel="stylesheet">

  <!--  NProgress CSS for Demo Purpose     -->
	<link href="./index_facturacion_oxxogas_files/nprogress.css" rel="stylesheet">

</head>

<body class="off-canvas-sidebar">


<div class="wrapper" id="wrapper">
  <div class="sidebar" data-active-color="orange" data-background-color="black" data-image="" style="
">

    <div class="logo">
      

      <a href="" class="simple-text logo-normal href" data-href="/home" data-icon="touch_app" style="
    text-align: center;
">
          SISDELAB
      </a>
    </div>

    <div class="sidebar-wrapper ps-container ps-theme-default" data-ps-id="69f463a1-0c9d-4830-cdf8-2a7fcae4868e">
      <div class="user">
        <div class="photo">
          <img src="./index_facturacion_oxxogas_files/profile.png">
        </div>

        <div class="info">
            <a data-toggle="collapse" href="https://facturacion.oxxogas.com/login#collapseExample" class="collapsed">
                <span>
                    <b>Hola <br>
                    </b>
                    <small><b>Número de Cliente: </b>&nbsp;798767</small>                    <b class="caret"></b>
                </span>
            </a>
            <div class="clearfix"></div>
            <div class="collapse" id="collapseExample">
                <ul class="nav">
                    <li>
                        <a href="https://facturacion.oxxogas.com/login#" class="navAsAjax" data-href="/usuario/datos" data-icon="person" data-title="Datos de Usuario">
                            <span class="sidebar-mini"><span class="sidebar-mini"><i class="material-icons">person</i></span></span>
                            <span class="sidebar-normal"> Datos de Usuario </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <ul class="nav">
      <li>
        <a href="https://facturacion.oxxogas.com/login#" class="navAsAjax" data-href="/home" data-icon="touch_app" data-title="Portal Web de Clientes">
          
          <p>Inicio</p>
        </a>
      </li>
      <li>    <a data-toggle="collapse" href="https://facturacion.oxxogas.com/login#DatosFiscales">                <p>Datos Fiscales<b class="caret"></b></p>    </a>    <div class="collapse" id="DatosFiscales">      <ul class="nav">    <li>        <a href="https://facturacion.oxxogas.com/login#" class="navAsAjax" data-href="/sistema/fiscales" data-icon="assignment" data-title="Registrar Datos Fiscales">            <span class="sidebar-mini"><i class="material-icons">assignment</i></span>            <span class="sidebar-normal">Registrar Datos Fiscales</span>        </a>    </li>      </ul>    </div></li><li>    <a data-toggle="collapse" href="https://facturacion.oxxogas.com/login#Facturacion">                <p>Facturación<b class="caret"></b></p>    </a>    <div class="collapse" id="Facturacion">      <ul class="nav">    <li>        <a href="https://facturacion.oxxogas.com/login#" class="navAsAjax" data-href="/facturacion/facturar" data-icon="move_to_inbox" data-title="Facturar">            <span class="sidebar-mini"><i class="material-icons">move_to_inbox</i></span>            <span class="sidebar-normal">Facturar</span>        </a>    </li>    <li>        <a href="https://facturacion.oxxogas.com/login#" class="navAsAjax" data-href="/facturacion/facturas" data-icon="inbox" data-title="Mis Facturas">            <span class="sidebar-mini"><i class="material-icons">inbox</i></span>            <span class="sidebar-normal">Mis Facturas</span>        </a>    </li>    <li>        <a href="https://facturacion.oxxogas.com/login#" class="navAsAjax" data-href="/facturacion/cfdi" data-icon="description" data-title="CFDi 4.0">            <span class="sidebar-mini"><i class="material-icons">description</i></span>            <span class="sidebar-normal">CFDi 4.0</span>        </a>    </li>      </ul>    </div></li>
        <li>
            <a href="https://facturacion.oxxogas.com/logout">
                <b></b>
                <p><b> Cerrar Sesión </b></p>
            </a>
        </li>

      </ul>
    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  <div class="sidebar-background" style="
    background: #1166b1;
"></div></div>

  <div class="main-panel">
    <nav class="navbar navbar-transparent navbar-absolute">
        <div class="container-fluid">
            <div class="navbar-minimize">
                <!--<button id="minimizeSidebar" class="btn btn-round btn-white btn-fill btn-just-icon">
                    <i class="material-icons visible-on-sidebar-regular">more_vert</i>
                    <i class="material-icons visible-on-sidebar-mini">view_list</i>
                </button>-->
            </div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <div class="navbar-brand">
                    <i class="material-icons icons hidden">inbox</i>
                    <span class="title hidden">Registrar Datos Fiscales</span>
                </div>
                <!-- <a class="navbar-brand" href="#"> OXXO GAS Portal Web de Clientes </a> -->
            </div>

        </div>
    </nav>
<div class="content ps-container ps-theme-default" data-ps-id="330eeeaf-05cf-7917-1d8e-d1034daea903">

	<nav aria-label="breadcrumb" role="navigation" class="hidden">
	  <ol id="breadcrumb" class="breadcrumb"><li> PANEL DE CONTROL </li><li> SISTEMA </li><li> FISCALES </li></ol>
	</nav>


	<div class="container-fluid">

		<div class="row masterdata" id="masterdata"><div class="col-md-12">
  <div class="card">
    <div class="card-header card-header-icon" data-background-color="green">
      <i class="material-icons icons">inbox</i>
    </div>

    <div class="card-content">
      <h4 class="card-title title text-green">Registrar Datos Fiscales</h4>
      <form method="POST" id="registrar_datos_fiscales" class="registrar_datos_fiscales" enctype="multipart/form-data">
        <input type="hidden" name="isCFDI4" value="true">

        <div class="row" style="padding-bottom: 20px;">
          <div class="col-sm-12" style="display: flex; justify-content: flex-end;">
            <button type="submit" name="registro_datos_fiscales" value="registro_datos_fiscales" class="btn btn-primary btn-round" style="margin: 0 15px;"> <i class="material-icons">save</i> Registrar Datos Fiscales </button>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"> <i class="material-icons">home</i> </span>

              <div class="form-group label-floating">
                <label class="control-label"> Tipo de Contribuyente </label>
                <select name="regimen" id="regimen" class="form-control chosen" data-placeholder="Seleccione un Regimen Fiscal" style="display: none;">
                  <option value="1"> Persona Física </option>
                  <option value="2"> Persona Moral </option>
                  <option value="3"> Extranjero </option>
                </select><div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="regimen_chosen"><a class="chosen-single" tabindex="-1"><span>Persona Física</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off"></div><ul class="chosen-results"></ul></div></div>
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="regimen_info" id="regimen_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-placement="top" data-trigger="focus" data-content="Seleccione su Régimen Fiscal" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>
            </div>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">person</i></span>

              <div class="form-group label-floating">
                                  <label class="control-label"> Seleccione Régimen Fiscal Predefinido <small>*</small></label>
                                <select name="regimen_fiscal" id="regimen_fiscal" type="text" class="chosen" data-placeholder="Seleccione Régimen Fiscal" style="display: none;"><option value=""></option><option value="612"> 612 - Personas Físicas con Actividades Empresariales y Profesionales </option><option value="626"> 626 - Régimen Simplificado de Confianza </option><option value="606"> 606 - Arrendamiento </option><option value="607"> 607 - Régimen de Enajenación o Adquisición de Bienes </option><option value="625"> 625 - Régimen de las Actividades Empresariales con ingresos a través de Plataformas Tecnológicas </option><option value="621"> 621 - Incorporación Fiscal </option><option value="605"> 605 - Sueldos y Salarios e Ingresos Asimilados a Salarios </option><option value="614"> 614 - Ingresos por intereses </option><option value="611"> 611 - Ingresos por Dividendos (socios y accionistas) </option><option value="615"> 615 - Régimen de los ingresos por obtención de premios </option><option value="610"> 610 - Residentes en el Extranjero sin Establecimiento Permanente en México </option><option value="608"> 608 - Demás ingresos </option></select><div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="regimen_fiscal_chosen"><a class="chosen-single chosen-default" tabindex="-1"><span>Seleccione Régimen Fiscal</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off"></div><ul class="chosen-results"></ul></div></div>
                <div class="error small text-danger" id="error"></div>
              </div>

              <span class="input-group-addon">
                <a class="regimen_fiscal_info" id="regimen_fiscal_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Seleccione su Régimen Fiscal" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>
            </div>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">person</i></span>

              <div class="form-group label-floating">
                                  <label class="control-label"> Seleccione Uso del CFD Predefinido <small>*</small></label>
                                <select name="usocfdi" id="usocfdi" type="text" class="chosen usocfdi" data-placeholder="Seleccione el Uso del CFDI" disabled="" style="display: none;">
                </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch chosen-disabled" style="width: 100%;" title="" id="usocfdi_chosen"><a class="chosen-single chosen-default" tabindex="-1"><span>Seleccione el Uso del CFDI</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" readonly="" disabled=""></div><ul class="chosen-results"></ul></div></div>
                <div class="error small text-danger" id="error"></div>
              </div>

              <span class="input-group-addon">
                <a class="usocfdi_info" id="usocfdi_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Seleccione su Uso del CFDI" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">person</i></span>

              <div class="form-group label-floating is-empty">
                <label class="control-label"> Razón Social <small>*</small></label>
                <input name="razonsocial" id="razonsocial" type="text" class="form-control" value="" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="razonsocial_info" id="razonsocial_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Escriba su Razón Social" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>
            </div>
          </div>

          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">home</i></span>

              <div class="form-group label-floating is-empty">
                <label class="control-label">Estado </label>
                <select name="estado" id="estado" class="form-control chosen" data-placeholder="Seleccione un Estado" style="display: none;">
                  <option value=""></option>
                  <option value="Estado Extranjero"> - ESTADO EXTRANJERO - </option>
                  <option value="1">AGUASCALIENTES</option><option value="2">BAJA CALIFORNIA NORTE</option><option value="3">BAJA CALIFORNIA SUR</option><option value="4">CAMPECHE</option><option value="5">COAHUILA</option><option value="6">COLIMA</option><option value="7">CHIAPAS</option><option value="8">CHIHUAHUA</option><option value="9">CIUDAD DE MÉXICO</option><option value="10">DURANGO</option><option value="11">GUANAJUATO</option><option value="12">GUERRERO</option><option value="13">HIDALGO</option><option value="14">JALISCO</option><option value="15">ESTADO DE MÉXICO</option><option value="16">MICHOACÁN</option><option value="17">MORELOS</option><option value="18">NAYARIT</option><option value="19">NUEVO LEÓN</option><option value="20">OAXACA</option><option value="21">PUEBLA</option><option value="22">QUERÉTARO</option><option value="23">QUINTANA ROO</option><option value="24">SAN LUIS POTOSÍ</option><option value="25">SINALOA</option><option value="26">SONORA</option><option value="27">TABASCO</option><option value="28">TAMAULIPAS</option><option value="29">TLAXCALA</option><option value="30">VERACRUZ</option><option value="31">YUCATÁN</option><option value="32">ZACATECAS</option>                </select><div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="estado_chosen"><a class="chosen-single chosen-default" tabindex="-1"><span>Seleccione un Estado</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off"></div><ul class="chosen-results"></ul></div></div>
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="municipio_info" id="municipio_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Seleccione su Estado" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>
          <div class="col-lg-4 col-md-4 col-sm-12">

            <div class="input-group">
              <span class="input-group-addon"> <i class="material-icons">home</i> </span>

              <div class="form-group label-floating is-empty">
                <label class="control-label">Calle</label>
                <input name="calle" id="calle" type="text" class="form-control" value="" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="calle_info" id="calle_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Escriba su Calle Fiscal" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-12">

            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">person</i></span>

              <div class="form-group label-floating is-empty">
                <label class="control-label">R.F.C. <small>*</small></label>
                <input name="rfc" id="rfc" type="text" class="form-control" value="" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="rfc_info" id="rfc_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Escriba un RFC válido ante el S.A.T." data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>

          <div class="col-lg-4 col-md-4 col-sm-12">

            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">home</i></span>

              <div class="form-group label-floating is-empty">
                <label class="control-label">Municipio</label>
                <select name="municipio" id="municipio" class="form-control chosen" data-placeholder="Seleccione un Municipio" style="display: none;">
                </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" style="width: 100%;" title="" id="municipio_chosen"><a class="chosen-single chosen-default" tabindex="-1"><span>Seleccione un Municipio</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" readonly=""></div><ul class="chosen-results"></ul></div></div>
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="municipio_info" id="municipio_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Seleccione su Municipio" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>
          <div class="col-lg-2 col-md-2 col-sm-6">

            <div class="input-group">
              <span class="input-group-addon"> <i class="material-icons">home</i> </span>

              <div class="form-group label-floating is-empty">
                <label class="control-label"> # Ext.</label>
                <input name="noext" id="noext" type="number" class="form-control" value="">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="noext_info" id="noext_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Escriba su Número Exterior" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>
          <div class="col-lg-2 col-md-2 col-sm-6">

            <div class="input-group">
              <span class="input-group-addon"> <i class="material-icons">home</i> </span>

              <div class="form-group label-floating is-empty">
                <label class="control-label"> # Int. </label>
                <input name="noint" id="noint" type="number" class="form-control" value="">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="noint_info" id="noint_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-placement="top" data-trigger="focus" data-content="Escriba su Número Interior" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"> <i class="material-icons">mail</i> </span>

              <div class="form-group label-floating is-empty">
                <label class="control-label"> Correo Electrónico <small>*</small></label>
                <input name="email" id="email" type="text" class="form-control" value="">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="email_info" id="email_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Escriba su Correo Electrónico" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-12">

            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">home</i></span>

              <div class="form-group label-floating is-empty">
                <label class="control-label">Colonia</label>
                <select name="colonia" id="colonia" class="form-control chosen" data-placeholder="Seleccione una Colonia" style="display: none;">
                </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" style="width: 100%;" title="" id="colonia_chosen"><a class="chosen-single chosen-default" tabindex="-1"><span>Seleccione una Colonia</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" readonly=""></div><ul class="chosen-results"></ul></div></div>
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="colonia_info" id="colonia_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-placement="top" data-trigger="focus" data-content="Seleccione su Colonia" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>

            </div>

          </div>
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="input-group">
              <span class="input-group-addon"><i class="material-icons">home</i></span>

              <div class="form-group label-floating is-empty">
                <label class="control-label">Código Postal </label>
                <input name="cp" id="cp" type="text" class="form-control" value="" maxlength="7">
                <div class="error small text-danger" id="error"></div>
              <span class="material-input"></span></div>

              <span class="input-group-addon">
                <a class="cp_info" id="cp_info" tabindex="0" style="color: #fbbb1d;" role="button" data-toggle="popover" data-trigger="focus" data-content="Escriba su Código Postal Fiscal" data-original-title="" title="">
                  <i class="material-icons">info</i>
                </a>
              </span>
            </div>
          </div>
        </div>

                  <div class="row" style="margin-top: 1rem;">
            <div class="col-sm-12">
              <div style="width: fit-content; padding: 8px 10px; border-radius: 5px; background-color: rgba(250, 189, 22, 0.06); color: #919191;">
                La razón social y el código postal en la factura se obtienen del SAT automáticamente
              </div>
            </div>
          </div>
            </form></div>
  </div>
</div>


<div class="col-md-12">
  <div class="card">
    <div class="card-header card-header-icon" data-background-color="green">
      <i class="material-icons icons">inbox</i>
    </div>

    <div class="card-content">
      <h4 class="card-title text-green"> Datos Fiscales</h4>
      <div class="material-datatables">

        <div id="datosfiscales_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer"><div class="row"><div class="col-sm-6"><div class="dataTables_length" id="datosfiscales_length"><label>Mostrando <div class="form-group form-group-sm"><select name="datosfiscales_length" aria-controls="datosfiscales" class="form-control"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select><span class="material-input"></span></div> registros</label></div></div><div class="col-sm-6"><div id="datosfiscales_filter" class="dataTables_filter"><label>Buscar:<div class="form-group form-group-sm is-empty"><input type="search" class="form-control" placeholder="" aria-controls="datosfiscales"><span class="material-input"></span></div></label></div></div></div><div class="row"><div class="col-sm-12"><div class="dataTables_scroll"><div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px; width: 100%;"><div class="dataTables_scrollHeadInner" style="box-sizing: content-box; width: 1791.47px; padding-right: 0px;"><table class="table table-striped table-no-bordered table-hover dataTable no-footer" cellspacing="0" width="100%" style="width: 1791.47px; margin-left: 0px;" role="grid"><thead>
            <tr role="row"><th class="sorting_desc" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 86.2875px;" aria-label="RFC: Activar para ordenar la columna de manera ascendente" aria-sort="descending">RFC</th><th style="min-width: 200px; width: 200px;" class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" aria-label="Razon Social: Activar para ordenar la columna de manera ascendente">Razon Social</th><th style="min-width: 200px; width: 200px;" class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" aria-label="Régimen Fiscal: Activar para ordenar la columna de manera ascendente">Régimen Fiscal</th><th style="min-width: 200px; width: 200px;" class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" aria-label="Uso de CFDI: Activar para ordenar la columna de manera ascendente">Uso de CFDI</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 142.5px;" aria-label="Correo Electrónico: Activar para ordenar la columna de manera ascendente">Correo Electrónico</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 27.725px;" aria-label="C.P.: Activar para ordenar la columna de manera ascendente">C.P.</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 72.5375px;" aria-label="Calle: Activar para ordenar la columna de manera ascendente">Calle</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 28.2625px;" aria-label="No. Ext.: Activar para ordenar la columna de manera ascendente">No. Ext.</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 26.4px;" aria-label="No. Int.: Activar para ordenar la columna de manera ascendente">No. Int.</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 57.7875px;" aria-label="Colonia: Activar para ordenar la columna de manera ascendente">Colonia</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 74.6375px;" aria-label="Municipio: Activar para ordenar la columna de manera ascendente">Municipio</th><th class="sorting" tabindex="0" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 53.3375px;" aria-label="Estado: Activar para ordenar la columna de manera ascendente">Estado</th><th class="sorting_disabled" rowspan="1" colspan="1" style="width: 150px;" aria-label="Acciones">Acciones</th></tr>
          </thead></table></div></div><div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;"><table id="datosfiscales" class="table table-striped table-no-bordered table-hover dataTable no-footer" cellspacing="0" width="100%" style="width: 100%;" role="grid" aria-describedby="datosfiscales_info"><thead>
            <tr role="row" style="height: 0px;"><th class="sorting_desc" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 86.2875px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="RFC: Activar para ordenar la columna de manera ascendente" aria-sort="descending"><div class="dataTables_sizing" style="height:0;overflow:hidden;">RFC</div></th><th style="min-width: 200px; width: 200px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" aria-label="Razon Social: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Razon Social</div></th><th style="min-width: 200px; width: 200px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" aria-label="Régimen Fiscal: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Régimen Fiscal</div></th><th style="min-width: 200px; width: 200px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" aria-label="Uso de CFDI: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Uso de CFDI</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 142.5px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="Correo Electrónico: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Correo Electrónico</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 27.725px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="C.P.: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">C.P.</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 72.5375px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="Calle: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Calle</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 28.2625px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="No. Ext.: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">No. Ext.</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 26.4px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="No. Int.: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">No. Int.</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 57.7875px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="Colonia: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Colonia</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 74.6375px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="Municipio: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Municipio</div></th><th class="sorting" aria-controls="datosfiscales" rowspan="1" colspan="1" style="width: 53.3375px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="Estado: Activar para ordenar la columna de manera ascendente"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Estado</div></th><th class="sorting_disabled" rowspan="1" colspan="1" style="width: 150px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label="Acciones"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Acciones</div></th></tr>
          </thead>
          
          <tbody><tr role="row" class="odd"><td class="sorting_1">CUMO800911FI7</td><td>JOSE OMAR CRUZ MARTINEZ</td><td>612 - Personas Físicas con Actividades Empresariales y Profesionales</td><td>G03 - Gastos en general</td><td>omar_kro@yahoo.com.mx</td><td>66478</td><td>MANZANARES</td><td>1266</td><td></td><td>LOS ANGELES SECTOR 3</td><td>SAN NICOLAS DE LOS GARZA</td><td>NUEVO LEÓN</td><td><div style="width:150px;"> <a class="configDelete" rfc="963895" href="https://facturacion.oxxogas.com/sistema/fiscales/borrar/"> <i class="material-icons">delete</i> </a>&nbsp;  <a href="https://facturacion.oxxogas.com/login#" class="href" data-href="/sistema/fiscales/editar/963895" data-icon="assignment" data-title="Editar RFC"> <i class="material-icons">create</i> </a>&nbsp; </div></td></tr></tbody>
        </table></div></div></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="datosfiscales_info" role="status" aria-live="polite">Mostrando registros del 1 al 1 de un total de 1 registros</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="datosfiscales_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="datosfiscales_previous"><a href="https://facturacion.oxxogas.com/login#" aria-controls="datosfiscales" data-dt-idx="0" tabindex="0">Anterior</a></li><li class="paginate_button active"><a href="https://facturacion.oxxogas.com/login#" aria-controls="datosfiscales" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button next disabled" id="datosfiscales_next"><a href="https://facturacion.oxxogas.com/login#" aria-controls="datosfiscales" data-dt-idx="2" tabindex="0">Siguiente</a></li></ul></div></div></div></div>

      </div>

    </div>
  </div>
</div>


<script type="text/javascript">
  $(document).ready(function() {
    $(".chosen").chosen({
      width: "100%"
    });

    $('[data-toggle="popover"]').popover({
      trigger: "hover"
    });

    let columnsTable = [];


    columnsTable = [{
        'data': 'id',
        "visible": false
      },
      {
        'data': 'rfc'
      },
      {
        'data': 'razon_social'
      },
      {
        'data': 'descripcion_regimen'
      },
      {
        'data': 'descripcion_uso_cfdi'
      },
      {
        'data': 'email'
      },
      {
        'data': 'cp'
      },
      {
        'data': 'calle'
      },
      {
        'data': 'noext'
      },
      {
        'data': 'noint'
      },
      {
        'data': 'colonia'
      },
      {
        'data': 'municipio'
      },
      {
        'data': 'estado'
      },
      {
        data: null,
        defaultContent: '<div class="action"></div> ',
        orderable: false,
        searchable: false
      }
    ];

    $('#datosfiscales').dataTable({
      "language": {
        "url": "https://facturacion.oxxogas.com/resources/js/language.json"
      },
      "order": [
        [1, 'desc']
      ],
      "ordering": true,
      "filter": true,
      "orderable": true,
      "scrollX": true, // enables horizontal scrolling
      "ajax": {
        "url": 'https://facturacion.oxxogas.com/sistema/fiscales/getList',
        "type": "POST"
      },
      "columns": columnsTable,
      "fnCreatedRow": function(nRow, oData, iDataIndex) {
        var rfc = $("td:eq(0)", nRow).html();
        var rfc_id = oData.id;

        var buttons = "";
        buttons += ' <a class="configDelete" rfc="' + rfc_id + '" href="https://facturacion.oxxogas.com/sistema/fiscales/borrar/" > <i class="material-icons">delete</i> </a>&nbsp; ';
        buttons += ' <a href="#" class="href" data-href="/sistema/fiscales/editar/' + rfc_id + '" data-icon="assignment" data-title="Editar RFC"> <i class="material-icons">create</i> </a>&nbsp; ';

        let indexActionButton = 12;

        $(`td:eq(${indexActionButton})`, nRow).html('<div style="width:150px;">' + buttons + '</div>');

      },
      "fnInitComplete": function(settings, json) {
        $('[name=example_length]').chosen().css({
          width: "100%"
        });
      },
    });

    $("body").delegate(".configDelete", "click", function(event) {
      event.stopPropagation(); // Stop stuff happening
      event.preventDefault(); // Totally stop stuff happening

      link = $(this).attr('href');
      rfc = $(this).attr('rfc');

      swal({
        title: '¿ Desea eliminar este RFC ?',
        text: "Eliminando el RFC, no podrá facturar con ese RFC de Nuevo!",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#ff9800',
        cancelButtonColor: '#d33',
        cancelButtonText: 'Cancelar',
        confirmButtonText: 'Eliminar'
      }).then(function(result) {
        if (result) {
          $.ajax({
            type: "POST",
            url: link + rfc,
            dataType: "json",
            success: function(data) { // if success
              if (typeof data.success !== 'undefined') {
                $('#datosfiscales').DataTable().ajax.reload();
                msg('success', data.success + "<br/><br/>");
              } else {
                msg('error', "No se ha podido eliminar el registro");
              }
            },
            error: function(xhr) { // if error occured
              console.log("Error Inesperado al enviar la información");
            }
          });

        }

      }, function(cancel) {});

    });

    $("#registrar_datos_fiscales").submit(function(event) {
      event.stopPropagation(); // Detener el proceso Normal.
      event.preventDefault(); // Detener el Proceso Default.

      var dataForm = $(this).serialize();

      if ($('#regimen').chosen().val() === "3") {
        dataForm = dataForm + '&estado=Estado%20Extranjero';
      }

      $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/sistema/fiscales/agregar",
        data: dataForm,
        dataType: "json",
        success: function(data) { // if error occured
          if (typeof data.success !== 'undefined') {
            msg('success', data.success + "<br/><br/>");
            $('#datosfiscales').DataTable().ajax.reload();
            $('#registrar_datos_fiscales')[0].reset();
            $(".chosen").val('').trigger('chosen:updated');
          } else {
            $.each(data, function(key, value) {
              $('#' + key).addClass('is-invalid');
              $('#' + key).parents('.form-group').find('#error').html(value);

              if (value !== '') {
                $('.' + key + '_info').popover('show');
              }
            });

            $('#registrar_datos_fiscales input').addClass('is-valid');

            if (typeof data.msg !== 'undefined') {
              msg('error', data.msg + "<br/><br/>");
            } else {
              msg('error', "Tu información es incorrecta ó aún existen algunas validaciones de sistema. <br/><br/>");
            }
          }
        },
        error: function(xhr) { // if error occured
          console.log("Error Inesperado al enviar la información");
        },
        beforeSend: function() {
          $("#registro_datos_fiscales").attr('disabled', 'disabled');
        },
        complete: function() {
          $("#registro_datos_fiscales").removeAttr("disabled");
        }
      });

    });

    $('#registrar_datos_fiscales input').on('keyup', function() {
      $(this).removeClass('is-invalid');
      $(this).parents('.form-group').find('#error').html(" ");
    });

    $('#registrar_datos_fiscales select').on('change', function() {
      $(this).removeClass('is-invalid');
      $(this).parents('.form-group').find('#error').html(" ");
    });

    $('#regimen').on('change', function() {
      validationRegimen($(this).val());
    });

    $('#estado').on('change', function() {
      var estado = $(this).chosen().val();

      if (estado == "Estado Extranjero") {
        $('#regimen').val("3").trigger('chosen:updated').trigger('change');
      } else {
        UnlockedFieldSCN(null);
        $.ajax({
          type: "POST",
          url: "https://facturacion.oxxogas.com/sistema/fiscales/municipios/" + estado,
          success: function(response) { // if success
            var html = '<option value=""></option>';
            $(response).each(function(i, index) {
              html += '<option value="' + index.mun_clave + '"> ' + index.mun_municipio + ' </option>';
            });

            $('#municipio').html(html);
            $('#municipio').trigger('chosen:updated');

          },
          error: function(xhr) { // if error occured
            console.log("Error Inesperado al enviar la información");
          }
        });
      }
    });

    $('#municipio').on('change', function() {
      var municipio = $(this).chosen().val();
      var estado = $('#estado').chosen().val();

      $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/sistema/fiscales/localidades/" + municipio + "/" + estado,
        success: function(response) { // if success
          var html = '<option value=""></option>';
          $(response).each(function(i, index) {
            html += '<option value="' + index.loc_id + '"> ' + index.loc_localidad + ' </option>';
          });

          $('#colonia').html(html);
          $('#colonia').trigger('chosen:updated');

        },
        error: function(xhr) { // if error occured
          console.log("Error Inesperado al enviar la información");
        }
      });

    });

    $('#colonia').on('change', function() {
      var colonia = $(this).chosen().val();

      $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/sistema/fiscales/codigopostal/" + colonia,
        success: function(response) { // if success
          $('#cp').val(response.loc_codigo_postal).trigger('change');
        },
        error: function(xhr) { // if error occured
          console.log("Error Inesperado al enviar la información");
        }
      });

    });

    getRegimens(1);
    $('#usocfdi').prop('disabled', true).trigger("chosen:updated");

    $('#regimen_fiscal').on('change', function() {
      $('#usocfdi').html("").trigger('chosen:updated');
      $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/sistema/fiscales/getUsages",
        data: {
          regimeId: $('#regimen_fiscal').chosen().val()
        },
        dataType: "json",
        success: function(data) {
          $('#usocfdi').prop('disabled', false).trigger("chosen:updated");

          var html = '<option value=""></option>';
          $(data).each(function(index, usage) {
            html += '<option value="' + usage.key + '"> ' + usage.key + ' - ' + usage.description + ' </option>';
          });

          $('#usocfdi').html(html);
          $('#usocfdi').trigger('chosen:updated');

        },
        error: function(xhr) { // if error occured
          console.log("Error Inesperado al obtener la información de los usos de CFDI");
        }
      });
    });

  });

  function validationRegimen(value) {
    if (value === "3" && 'true' === 'true') {
      swal({
        width: '40%',
        html: `
        <div id="iconError" class="swal2-icon swal2-error" style="display:none;">
            <span class="x-mark"><span class="line left"></span><span class="line right"></span></span>
        </div>
        <div class="divText">
          <img src="https://facturacion.oxxogas.com/resources/images/icono.png" height="50px">
          <img src="https://facturacion.oxxogas.com/resources/images/nombre.png" height="50px">
        </div>
        <div class="divText">
            <span style="text-align: center;">
              Si eres Extranjero y cuentas con registro de RFC en México, debes seleccionar persona física o moral según corresponda. Si no cuentas con registro por favor comunícate al 800 OXXOGAS.
            </span>
        </div>
        <div class="row divAccepted" style="margin-top: 5px;">
            <button class="btn btn-block swal2-styled btnAccepted" id="btnConfirm">Aceptar</button>
        </div>`,
        showCloseButton: true,
        showCancelButton: false,
        showConfirmButton: false,
        allowOutsideClick: false,
        allowEscapeKey: false,
        showLoaderOnConfirm: true,
      }).catch((result) => {
        document.getElementById('btnConfirm').removeEventListener('click', accepted);
        accepted();
      });
      document.getElementById('btnConfirm').addEventListener('click', accepted);
    }

    if (value === "3" && 'true' === 'false') {
      $('#rfc').val("XEXX010101000").trigger('change');
      RFCExtranjeroSelected();
    }

    if (value !== "3") {
      UnlockedFieldSCN(parseInt(value, 0));
    }
  }

  function accepted() {
    document.getElementById('btnConfirm').removeEventListener('click', confirm);
    swal.closeModal();
    $("#regimen").val("1").trigger('chosen:updated');
    getRegimens(1);
    $('#rfc').val("");
    $("#email").val("");
    $('#estado').val("");

    LockedFieldSCN();

    $("#calle").val("");
    $("#noext").val("");
    $("#noint").val("");
  }
  function RFCExtranjeroSelected() {
    $('#estado').val("Estado Extranjero").trigger('chosen:updated');
    LockedFieldSCN();
  }

  function LockedFieldSCN() {
    $('#estado').parent().children('.control-label').css('display', 'none');
    $('#estado').prop('disabled', true).trigger('chosen:updated');

    $('#municipio').parent().children('.control-label').css('display', 'none');
    $('#municipio').html('').prop('disabled', true).trigger('chosen:updated');

    $('#colonia').parent().children('.control-label').css('display', 'none');
    $('#colonia').html("").prop('disabled', true).trigger('chosen:updated');

    $('#regimen_fiscal').parent().children('.control-label').css('display', 'none');
    $('#regimen_fiscal').html("").prop('disabled', true).trigger('chosen:updated');

    $('#usocfdi').parent().children('.control-label').css('display', 'none');
    $('#usocfdi').html("").prop('disabled', true).trigger('chosen:updated');
  }

  function UnlockedFieldSCN(tipoContribuyente) {
    $('#estado').parent().children('.control-label').css('display', 'block');
    $('#estado').prop('disabled', false).trigger('chosen:updated');

    $('#municipio').parent().children('.control-label').css('display', 'block');
    $('#municipio').prop('disabled', false).trigger('chosen:updated');

    $('#colonia').parent().children('.control-label').css('display', 'block');
    $('#colonia').prop('disabled', false).trigger('chosen:updated');

    $('#colonia').prop('disabled', false).trigger('chosen:updated');

    if (tipoContribuyente) {
      $('#rfc').val("").trigger('change');

      $('#usocfdi').html("");
      $('#usocfdi').prop('disabled', true).trigger("chosen:updated");

      $('#regimen_fiscal').parent().children('.control-label').css('display', 'block');
      $('#regimen_fiscal').html("").prop('disabled', false).trigger('chosen:updated');

      getRegimens(parseInt(tipoContribuyente, 0));
    }
  }

  function getRegimens(tipoContribuyente) {
    $('#regimen_fiscal').find('option:not(:first)').remove();
    $('#regimen_fiscal').trigger('chosen:updated');
    $('#usocfdi').find('option:not(:first)').remove();
    $('#usocfdi').trigger('chosen:updated');
    $.ajax({
      type: "POST",
      url: "https://facturacion.oxxogas.com/sistema/fiscales/getRegimens",
      data: {
        taxpayerkind: tipoContribuyente
      },
      dataType: "json",
      success: function(data) {
        var html = '<option value=""></option>';
        $(data).each(function(index, regime) {
          html += '<option value="' + regime.externalId + '"> ' + regime.externalId + ' - ' + regime.description + ' </option>';
        });

        $('#regimen_fiscal').html(html);
        $('#regimen_fiscal').trigger('chosen:updated');
      },
      error: function(xhr) { // if error occured
        console.log("Error Inesperado al obtener la información sobre el régimen fiscal");
      }
    });
  }
</script>

<style>
  .divAccepted {
    background-color: #f44336 !important;
  }

  .btnAccepted {
    background-color: #f44336 !important;
  }

  .divText {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    font-weight: bold !important;
    color: #595959 !important;
  }

  .swal2-modal {
    min-height: 0px !important;
    padding: 0px !important;
  }

  /* Medium devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    .chosen-container.chosen-container-single {
      max-width: 225px !important;
    }
  }
</style></div>


	</div>

<div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
<script type="text/javascript">

$( document ).ready(function() {
  $('.sidebar-wrapper').perfectScrollbar();
  $('.content').perfectScrollbar();

	oxxogas.checkFullPageBackgroundImage();

  setInterval(function(){
    $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/checkuser",
        dataType: "json",
        success: function(data) {           // if error occured
          if( data.is_logged === "FALSE"){
            window.location.replace("https://facturacion.oxxogas.com/");
          }
        },
        error: function(xhr) {              // if error occured
          console.log("Error Inesperado al enviar la información");
        },
    });
  }, 2000000);


  // Configuration URL Redirect
      var _homepath_url           = 'home';
    var _homepath_title         = 'Portal Web de Clientes';
    var _homepath_breadcrumb    = '/Panel de Control/Home';
  
    // First Loading..
    var _homepath                 = $.get( 'https://facturacion.oxxogas.com/' + _homepath_url, function() {

    var _homepath_icon          = "touch_app";
    _homepath_url               = '/'+_homepath_url;

    $(".logo-mini").attr("href", _homepath_url);
    $(".logo-mini").addClass("href");
    $(".logo-mini").attr("data-href", _homepath_url);
    $(".logo-mini").attr("data-icon", 'touch_app');
    $(".logo-mini").attr("data-title", 'Panel de Control');

    $(".logo-normal").attr("href", _homepath_url);
    $(".logo-normal").addClass("href");
    $(".logo-normal").attr("data-href", _homepath_url);
    $(".logo-normal").attr("data-icon", 'touch_app');
    $(".logo-mini").attr("data-title", 'Panel de Control');

    $("#masterdata").html('<center><h4 class="ajax-loading-animation"><i class="fa fa-cog fa-spin"></i> Leyendo Contenido...</h4></center>');
    _homepath_url               = '/Panel de Control'+ _homepath_url;

    var mySplitResult           = _homepath_url.split('/');
    var $__breadcrumb           = "";

    // $__breadcrumb               += "<li> PANEL DE CONTROL </li>";
    for(i = 0; i < mySplitResult.length; i++){
      if(mySplitResult[i] != ""){
        $__breadcrumb += "<li> " + mySplitResult[i].toUpperCase() + " </li>";
      }
    }

    $(".title").html( _homepath_title );
    $(".icons").html( _homepath_icon );
    $("#breadcrumb").html($__breadcrumb);
    $("#masterdata").html('<center><h4 class="ajax-loading-animation"><i class="fa fa-cog fa-spin"></i> Leyendo Contenido...</h4></center>');
  })
  .done(function(resulted) {
    $("#masterdata").html(resulted);
  })
  .fail(function() {
    $(".masterdata").html('<center><h4 class="ajax-loading-error"><i class="fa fa-warning txt-color-orangeDark"></i> Error de recurso <span class="txt-color-red">'+_homepath_url+'</span>: 404 <span style="text-transform: capitalize;">Página No Encontrada</span></h4></center>');
  });


  $("body").delegate(".href", "click", function(event){
    event.stopImmediatePropagation();
    event.stopPropagation();
    event.preventDefault();

    $("body").undelegate( ".href" );

    $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/checkuser",
        dataType: "json",
        success: function(data) {           // if error occured
          if( data.is_logged === "FALSE"){
            window.location.replace("https://facturacion.oxxogas.com/");
          }
        },
        error: function(xhr) {              // if error occured
          console.log("Error Inesperado al enviar la información");
        },
    });

    event.stopImmediatePropagation();
    event.stopPropagation();
    event.preventDefault();

    var $href                   = $(this).attr('data-href');
    var $icon                   = $(this).attr('data-icon');
    var $title                  = $(this).attr('data-title');

    var $link                   = 'https://facturacion.oxxogas.com/';
    var $link                   = $link.slice(0,-1);

    $.ajax({
       url: $link + $href,
       type: 'POST',
       cache: false,
       beforeSend: function() {
         $("#masterdata").html('<center><h4 class="ajax-loading-animation"><i class="fa fa-cog fa-spin"></i> Leyendo Contenido...</h4></center>');
       },
       success: function( data ) {
         var $breadcrumb        = "";
         var mySplitResult      = $href.split("/");

         $breadcrumb            += "<li> PANEL DE CONTROL </li>";
         for(i = 0; i < mySplitResult.length; i++){
           if(mySplitResult[i] != ""){
             $breadcrumb += "<li> " + mySplitResult[i].toUpperCase() + " </li>";
           }
         }

         $("#masterdata").html(data);
         $("#breadcrumb").html( $breadcrumb );
         $(".title").html( $title );
         $(".icons").html( $icon );
       },
       error: function( jqXHR, textStatus, errorThrown ){
         $("#masterdata").html('<center><h4 class="ajax-loading-error"><i class="fa fa-warning txt-color-orangeDark"></i> Error de recurso <span class="txt-color-red">' + $link + $href + '</span>: 404 <span style="text-transform: capitalize;">Página No Encontrada</span></h4></center>');
       }

     });

     return false;
  });

  $(".navAsAjax").click(function(event){
    event.stopImmediatePropagation();
    event.stopPropagation();
    event.preventDefault();

    $("body").undelegate( "#masterdata" );

    $.ajax({
        type: "POST",
        url: "https://facturacion.oxxogas.com/checkuser",
        dataType: "json",
        success: function(data) {           // if error occured
          if( data.is_logged === "FALSE"){
            window.location.replace("https://facturacion.oxxogas.com/");
          }
        },
        error: function(xhr) {              // if error occured
          console.log("Error Inesperado al enviar la información");
        },
    });

    event.stopImmediatePropagation();
    event.stopPropagation();
    event.preventDefault();

    var $href                   = $(this).attr('data-href');
    var $icon                   = $(this).attr('data-icon');
    var $title                  = $(this).attr('data-title');

    var $link                   = 'https://facturacion.oxxogas.com/';
    var $link                   = $link.slice(0,-1);

    $.ajax({
       url: $link + $href,
       type: 'POST',
       cache: false,
       beforeSend: function() {
         $("#masterdata").html('<center><h4 class="ajax-loading-animation"><i class="fa fa-cog fa-spin"></i> Leyendo Contenido...</h4></center>');
       },
       success: function( data ) {
         var $breadcrumb        = "";
         var mySplitResult      = $href.split("/");

         $breadcrumb            += "<li> PANEL DE CONTROL </li>";
         for(i = 0; i < mySplitResult.length; i++){
           if(mySplitResult[i] != ""){
             $breadcrumb += "<li> " + mySplitResult[i].toUpperCase() + " </li>";
           }
         }

         $("#masterdata").html(data);
         $("#breadcrumb").html( $breadcrumb );
         $(".title").html( $title );
         $(".icons").html( $icon );
       },
       error: function( jqXHR, textStatus, errorThrown ){
         $("#masterdata").html('<center><h4 class="ajax-loading-error"><i class="fa fa-warning txt-color-orangeDark"></i> Error de recurso <span class="txt-color-red">' + $link + $href + '</span>: 404 <span style="text-transform: capitalize;">Página No Encontrada</span></h4></center>');
       }

     });
  });

});

</script>



</div></div>

</body></html>