@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600');

html {
  height: 100%;
  box-sizing: border-box;
}

body {
    color:#666666;
    padding-top: 50px;
    /*padding-bottom: 20px;*/
    font-family: 'Open Sans', sans-serif;
    /*font-size:initial;*/
    font-size:14px;
    position: relative;
    margin: 0;
    /*padding-bottom: 6rem;*/
    padding-bottom:0px;
    min-height: 100%;

  /* REQUERIDOS POR SLIDEOUT.JS ! */
    width: 100%;
    height: 100%;
  /*=============================*/
}

h3, h4, h5, h6, a {
    color:#666666;
}
label {
    font-size:14px;
}

.form-control {
    font-size:12px;
    padding:4px 12px;
   
}

.btn {
    padding:3px 12px;
}

.h5-cert{
    margin-bottom:0px;
}

/*============== ESTILOS PAA MENU LATERAL SLIDEOUT.JS ===============*/

.slideout-menu {
    position: fixed;
    left: 0;
    top: 54px;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.menu {
    background-color: #1D1F20;
    background-image: linear-gradient(145deg, #ffffff, #d5d5d5);
}

.menu a {
  color: #777;
}

.menu-section {
  margin: 25px 0;
}

.menu-section-list {
  padding:0;
  margin: 10px 0;
  list-style:none;
}

.menu-section-list li a{
    font-size:14px;
}

.menu-section-list li a span,
.menu-section-list li span{
    margin-right:7px;
}

.menu-section-title {
  text-transform: uppercase;
  /*color: #85888d;*/
  color: #54575b;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 0 20px;
  margin:0;
}

.menu-section-list a {
  display: block;
  padding: 10px 20px;
}

.menu-section-list li:hover, #HoverStatic {
  background-color: rgb(215, 215, 215);
  text-decoration: none;
}

#panel {
    height : auto;
    background-color: rgb(255, 255, 255);
}

/* ================== FIN DE CSS PARA SLIDEOUT.js ======================*/

.icono-menu:before { 
    font-family: "Material Icons";
    color:#7e7f81;
    content: "\e5d2";
    display: inline-block; 
    margin-left:11px;
    margin-top:5px;
    font-size:18pt;
    position: relative;
    top: 6px;
}


.icono-cerrar:before { 
    font-family: "Material Icons";
    color:#7e7f81;
    content: "\e5cd";
    display: inline-block; 
    margin-left:11px;
    margin-top:5px;
    font-size:18pt;
    position: relative;
    top: 6px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
    float: left;
    width: 290px;
}
.dl-horizontal dd {
    margin-left: 280px;
    text-align: left;
    padding-left: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,*/
select,
textarea {
    /*text-transform:uppercase;*/

    /*max-width: 280px;    MODIFICADO (REMOVIDO - COMENTADO) POR J.WILSON, 14 AGOSTO 2017*/
}

/*input{text-transform:uppercase;}*/

.input-login{
margin-bottom:4px;
}

.demo{
  margin: 0 auto;
  /*padding-top: 64px;*/
  padding-top: 39px;
  max-width: 640px;
  width: 94%;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

#ListaCertif > li > a{
    margin-top:5px;
    margin-bottom:5px;
    height:30px;
}


/*---------------------------------------------------------------------*/
/*ESTILOS PANEL DE INFORMACION SUPERIOR - SECCION CAPTURA DE MTC!*/
/*---------------------------------------------------------------------*/


.panel-informacion{
    background:#ecf0f1;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    border-radius: 5px;
    margin-bottom:10px;
}

.BotonSombra{
    box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.25);
}


/*---------------------------------------------------------------------*/
/*ESTILOS ARBOL DE PRUEBA, PROBETA Y COLADA - SECCION CAPTURA DE MTC!*/
/*---------------------------------------------------------------------*/


/* For treemenu.js */
.treemenu li { list-style: none; }
.treemenu .toggler { cursor: pointer; }
.treemenu .toggler:before { display: inline-block; margin-right: 2pt; }
li.tree-empty > .toggler { opacity: 0.3; cursor: default; }
/*li.tree-empty > .toggler:before { content: "\2212"; }*/
/*li.tree-closed > .toggler:before { content: "+"; }*/

li.tree-empty > .toggler:before { 
    font-family: "Material Icons";
    content: "\e313";
}

/* ------------- MODS LISTADOS COLADA-PRUEBA-PROBETA (Uso de "accordion") -------------------*/

li > .Colada:before { 
    font-family: "Material Icons";
    /*color:#337ab7;*/
    color:#666666;
    content: "\e23a";
    display: inline-block; 
    margin-right: 2pt;
    font-size:18pt;
    position: relative;
    top: 6px;
}

li > .Prueba:before { 
    font-family: "Material Icons";
    /*color:#c0392b;*/
    color:#666666;
    content: "\e14f";
    display: inline-block; 
    margin-right: 2pt;
    font-size:18pt;
    position: relative;
    top: 6px;
}

li > .Probeta:before { 
    font-family: "Material Icons";
    /*color:#009a63;*/
    color:#666666;
    content: "\e3b8";
    display: inline-block; 
    margin-right: 2pt;
    font-size:18pt;
    position: relative;
    top: 6px;
}

/* ajuste de tamaño para modal edicion de consulta de certificado*/
#Modal_Edicion li > .Colada:before, 
#Modal_Edicion li > .Prueba:before,
#Modal_Edicion li > .Probeta:before {
    font-size:16pt;
}
/* ---------------------------------------------------------------*/


li.Probeta, li.NoteContent{
    padding-top:5px;
}

li.Probeta a.Selected, .CheckTestResult.Selected {
    border: 1px rgba(71, 211, 0, 0.55) solid;
    border-radius: 2px;
    box-shadow: 0px 0px 3px 1px rgba(38, 207, 5, 0.67);
    padding: 1px 6px;
}

.accordion-inner > ul li,
.accordion-heading > ul li {
        list-style-type: none;
}

#accordion1 > .accordion-group > .accordion-heading > ul {
        padding-left:15px;
}

.accordion-heading > ul {
        padding-left:30px;
}

.accordion-inner > ul {
        padding-left:45px;
}

/* ------------- MODS LISTA DE NOTAS -------------------*/

li > .NoteTitle:before { 
    font-family: "Material Icons";
    /*color:#337ab7;*/
    color:#666666;
    content: "\e837";
    display: inline-block; 
    margin-right: 2pt;
    font-size:18pt;
    position: relative;
    top: 6px;
}

#NoteList .accordion-inner ul{
    padding-left:60px;
}

/*li > .NoteContent:before { 
    font-family: "Material Icons";
    /*color:#c0392b;*
    color:#666666;
    content: "\e873";
    display: inline-block; 
    margin-right: 2pt;
    font-size:18pt;
    position: relative;
    top: 6px;
}
    */

/*-------------------------------------------------*/

/*li.tree-opened > .toggler:before { content: "\2212"; }*/

li.tree-opened > .toggler:before { 
    font-family: "Material Icons";
    content: "\e313";
}

.arbol-coladas:after {
    font-family: "Material Icons";
    content: "\e145";
    font-size: 24px;
    position: relative;
    top: 7px;
}

.treemenu{
    padding-left:30px;
}

.treemenu-root{
    padding-left:10px;
    padding-right:10px;
}

li.tree-opened, li.tree-empty,
li.tree-closed {
    margin-top:8px;
}

span.toggler > a {
    min-height:50px;
}

li.tree-empty{
    
}


/*---------------------------------------------------------------------*/
/*ESTILOS NUEVA CAPTURA*/
/*---------------------------------------------------------------------*/


@media (min-width:350px) { 
	.form-inline .form-control {
	    display: inline-block;
	    width: calc(100% - 45px);
	    margin: 0;
        vertical-align:middle;
	}
	.form-inline .form-group {
	    display: inline-block;
	    width: calc(100% - 45px);
	    margin-bottom: 0;
	    vertical-align: middle;
	}
}

.panel-default{
    box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}



/*---------------------------------------------------------------------*/
/*ESTILOS LISTA DE PROBETAS SELECCIONADAS*/
/*---------------------------------------------------------------------*/


.custom-bullet--c {
  > li {
    display: block;
    width: 100%;
    border-bottom: $size-border solid $color-orange;
    padding-top: $size-b;
    padding-bottom: $size-b;
    
    &:before {
      float: right;
      display: inline-block;
      text-align: center;
      color: $color-orange;
    }
  }
}

/*---------------------------------------------------------------------*/
/*ESTILOS DE CATALOGOS*/
/*---------------------------------------------------------------------*/
.form-control400 {
  display: block;
  width: 457px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control400:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control400::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control400:-ms-input-placeholder {
  color: #999;
}
.form-control400::-webkit-input-placeholder {
  color: #999;
}
.form-control400::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control400[disabled],
.form-control400[readonly],
fieldset[disabled] .form-control400 {
  background-color: #eee;
  opacity: 1;
}
.form-control400[disabled],
fieldset[disabled] .form-control400 {
  cursor: not-allowed;
}

.form-control1 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control1:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control1::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control1:-ms-input-placeholder {
  color: #999;
}
.form-control1::-webkit-input-placeholder {
  color: #999;
}
.form-control1::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control1[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control1[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

/*Cambios Certificado*/
.rigth{
 text-align:right;
 text-size-adjust:auto;
}
.form-controlC {
  display: block;
  width: 110px;
  height: 30px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-controlC:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-controlC::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-controlC:-ms-input-placeholder {
  color: #999;
}
.form-controlC::-webkit-input-placeholder {
  color: #999;
}
.form-controlC::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-controlC[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-controlC[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}


.btn-success1 {
    color: #fff;
    background-color: #009400;
    border-color: #000000;
}
.btn-success1:focus,
.btn-success1.focus {
  color: #fff;
  background-color: #009400;
  border-color: #255625;
}
.btn-success1:hover {
  color: #545454;
  background-color: #009400;
  border-color: #398439;
}
.btn-success1:active,
.btn-success1.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #009400;
  border-color: #398439;
}
.btn-success1:active:hover,
.btn-success1.active:hover,
.open > .dropdown-toggle.btn-success1:hover,
.btn-success1:active:focus,
.btn-success1.active:focus,
.open > .dropdown-toggle.btn-success1:focus,
.btn-success1:active.focus,
.btn-success1.active.focus,
.open > .dropdown-toggle.btn-success1.focus {
  color: #fff;
  background-color: #009400;
  border-color: #255625;
}
.btn-success1:active,
.btn-success1.active,
.open > .dropdown-toggle.btn-success1 {
  background-image: none;
}
.btn-success1.disabled:hover,
.btn-success1[disabled]:hover,
fieldset[disabled] .btn-success1:hover,
.btn-success1.disabled:focus,
.btn-success1[disabled]:focus,
fieldset[disabled] .btn-success1:focus,
.btn-success1.disabled.focus,
.btn-success1[disabled].focus,
fieldset[disabled] .btn-success1.focus {
  background-color: #009400;
  border-color: #4cae4c;
}
.btn-success1 .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-danger1 {
  color: #5a5a5a;
  background-color: #E2E2E2;
  border-color: #868686;
}
.btn-danger1:focus,
.btn-danger1.focus {
  color: #fff;
  background-color: #E2E2E2;
  border-color: #761c19;
}
.btn-danger1:hover {
  color: #fff;
  background-color: #E2E2E2;
  border-color: #444444;
}
.btn-danger1:active,
.btn-danger1.active,
.open > .dropdown-toggle.btn-danger1 {
  color: #fff;
  background-color: #E2E2E2;
  border-color: #ac2925;
}
.btn-danger1:active:hover,
.btn-danger1.active:hover,
.open > .dropdown-toggle.btn-danger1:hover,
.btn-danger1:active:focus,
.btn-danger1.active:focus,
.open > .dropdown-toggle.btn-danger1:focus,
.btn-danger1:active.focus,
.btn-danger1.active.focus,
.open > .dropdown-toggle.btn-danger1.focus {
  color: #fff;
  background-color: #E2E2E2;
  border-color: #761c19;
}
.btn-danger1:active,
.btn-danger1.active,
.open > .dropdown-toggle.btn-danger1 {
  background-image: none;
}
.btn-danger1.disabled:hover,
.btn-danger1[disabled]:hover,
fieldset[disabled] .btn-danger1:hover,
.btn-danger1.disabled:focus,
.btn-danger1[disabled]:focus,
fieldset[disabled] .btn-danger1:focus,
.btn-danger1.disabled.focus,
.btn-danger1[disabled].focus,
fieldset[disabled] .btn-danger1.focus {
  background-color: #E2E2E2;
  border-color: #d43f3a;
}
.btn-danger1 .badge {
  color: #d9534f;
  background-color: #fff;
}

.Btn_CMTC {
    background-color: rgb(230,230,230);
    padding: 3px 0px 6px;
    text-align: center;
    font-size: 18pt;
    line-height:0.8;
    box-shadow: rgba(0, 0, 0, 0.67) 1px 1px 6px 0px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

    .Btn_CMTC span {
        color: #5f5f5f;
        -moz-transition: color 0.2s;
        -o-transition: color 0.2s;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

.Btn_CMTC:hover{
    background-color: #29a5d0;
    /*padding: 19px 0px;
    text-align: center;
    font-size: 24pt;*/
    box-shadow: rgb(0, 0, 0) 1px 1px 6px 1px;
}

.Btn_CMTC:hover span{
    color:white;
}

/*   ESTILOS PARA LISTADOS VACIOS (NUEVO CERTIFICADO)*/

select.List-Placeholder {
  color: gray;
}
select option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

/* =================================================== */

/*  ESTILOS PARA CONSULTA DE CERTIFICADO (MTCSupplierQuery)*/

span.Colada:before { 
    font-family: "Material Icons";
    /*color:#337ab7;*/
    color:#666666;
    content: "\e23a";
    display: inline-block; 
    position: relative;
}

/* Tabla de consulta*/

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eefff6;/*#4a8fca*/
}

.table > tbody > tr > td {
    vertical-align:middle;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 85%;
    }
}

#Modal_Edicion ul {
    margin:0px;
}

/*#Modal_Edicion .modal-body h3,
#Modal_Edicion .modal-body h5,
#Modal_Edicion .modal-body a,
#Modal_Edicion .modal-body li,
#Modal_Edicion .modal-body label,{
    font-size:12px;
}*/
/* ===================================================*/

/*  ESTILOS PARA SPINNERS DE CARGA */

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-atom,
.la-ball-atom > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-atom {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-atom.la-dark {
    color: #333;
}
.la-ball-atom > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-atom {
    width: 32px;
    height: 32px;
}
.la-ball-atom > div:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60%;
    height: 60%;
    background: #aaa;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: ball-atom-shrink 4.5s infinite linear;
       -moz-animation: ball-atom-shrink 4.5s infinite linear;
         -o-animation: ball-atom-shrink 4.5s infinite linear;
            animation: ball-atom-shrink 4.5s infinite linear;
}
.la-ball-atom > div:not(:nth-child(1)) {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
       -moz-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
         -o-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
            animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
}
.la-ball-atom > div:not(:nth-child(1)):before {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    content: "";
    background: currentColor;
    border-radius: 50%;
    opacity: .75;
    -webkit-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
       -moz-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
         -o-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
            animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
}
.la-ball-atom > div:nth-child(2) {
    -webkit-animation-delay: .75s;
       -moz-animation-delay: .75s;
         -o-animation-delay: .75s;
            animation-delay: .75s;
}
.la-ball-atom > div:nth-child(2):before {
    -webkit-animation-delay: 0s, -1.125s;
       -moz-animation-delay: 0s, -1.125s;
         -o-animation-delay: 0s, -1.125s;
            animation-delay: 0s, -1.125s;
}
.la-ball-atom > div:nth-child(3) {
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
    -webkit-animation-delay: -.25s;
       -moz-animation-delay: -.25s;
         -o-animation-delay: -.25s;
            animation-delay: -.25s;
}
.la-ball-atom > div:nth-child(3):before {
    -webkit-animation-delay: -1s, -.75s;
       -moz-animation-delay: -1s, -.75s;
         -o-animation-delay: -1s, -.75s;
            animation-delay: -1s, -.75s;
}
.la-ball-atom > div:nth-child(4) {
    -webkit-transform: rotate(240deg);
       -moz-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
         -o-transform: rotate(240deg);
            transform: rotate(240deg);
    -webkit-animation-delay: .25s;
       -moz-animation-delay: .25s;
         -o-animation-delay: .25s;
            animation-delay: .25s;
}
.la-ball-atom > div:nth-child(4):before {
    -webkit-animation-delay: -.5s, -.125s;
       -moz-animation-delay: -.5s, -.125s;
         -o-animation-delay: -.5s, -.125s;
            animation-delay: -.5s, -.125s;
}
.la-ball-atom.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-atom.la-sm > div:not(:nth-child(1)):before {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
}
.la-ball-atom.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-atom.la-2x > div:not(:nth-child(1)):before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}
.la-ball-atom.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-atom.la-3x > div:not(:nth-child(1)):before {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
}
/*
 * Animations
 */
@-webkit-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%;
    }
}
@-moz-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%;
    }
}
@-o-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%;
    }
}
@keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%;
    }
}
@-webkit-keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(.5, .5);
                transform: scale(.5, .5);
    }
}
@-moz-keyframes ball-atom-size {
    50% {
        -moz-transform: scale(.5, .5);
             transform: scale(.5, .5);
    }
}
@-o-keyframes ball-atom-size {
    50% {
        -o-transform: scale(.5, .5);
           transform: scale(.5, .5);
    }
}
@keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(.5, .5);
           -moz-transform: scale(.5, .5);
             -o-transform: scale(.5, .5);
                transform: scale(.5, .5);
    }
}
@-webkit-keyframes ball-atom-zindex {
    50% {
        z-index: 10;
    }
}
@-moz-keyframes ball-atom-zindex {
    50% {
        z-index: 10;
    }
}
@-o-keyframes ball-atom-zindex {
    50% {
        z-index: 10;
    }
}
@keyframes ball-atom-zindex {
    50% {
        z-index: 10;
    }
}
@-webkit-keyframes ball-atom-shrink {
    50% {
        -webkit-transform: translate(-50%, -50%) scale(.8, .8);
                transform: translate(-50%, -50%) scale(.8, .8);
    }
}
@-moz-keyframes ball-atom-shrink {
    50% {
        -moz-transform: translate(-50%, -50%) scale(.8, .8);
             transform: translate(-50%, -50%) scale(.8, .8);
    }
}
@-o-keyframes ball-atom-shrink {
    50% {
        -o-transform: translate(-50%, -50%) scale(.8, .8);
           transform: translate(-50%, -50%) scale(.8, .8);
    }
}
@keyframes ball-atom-shrink {
    50% {
        -webkit-transform: translate(-50%, -50%) scale(.8, .8);
           -moz-transform: translate(-50%, -50%) scale(.8, .8);
             -o-transform: translate(-50%, -50%) scale(.8, .8);
                transform: translate(-50%, -50%) scale(.8, .8);
    }
}

/*============ Spinner de consulta en modal de Nuevo certificado =============*/

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}
.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}