/********************************************************************************************************************

   CSS VERSION ----  V.0

********************************************************************************************************************/


/*
    Document   : main
    Created on : 24/10/2012, 03:51:21 PM
    Author     : rvillegas
    Description: estilos propietarios de la aplicacion "Proveedores" de Raloy Lubricantes, S.A. de C.V.
*/



.edot {
  position: relative;
  padding: 3px 4px;
  width: 100% !important;
  border-radius: 5px;
  color: #484848;
  font-weight: bold;
  padding: 2px 10px;
  font-size: 17px;
  background: #fbfbfb;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 0 2px #0000003d;
          box-shadow: 0 0 2px #0000003d;
  cursor: pointer;
}

.edor {
  position: relative;
  display: block;
  padding: 3px 4px;
  width: 100% !important;
  font-size: 17px;
  border-radius: 5px;
  color: #FF9800;
  background: #fff2cc;
  border: 1px solid #FF9800;
  -webkit-box-shadow: 0 0 2px #ffc10770;
          box-shadow: 0 0 2px #ffc10770;
  cursor: pointer;
}

.edoi {
  position: relative;
  display: block;
  padding: 3px 4px;
  width: 100% !important;
  font-size: 17px;
  border-radius: 5px;
  color: #673AB7;
  background: #f2ebff;
  border: 1px solid #673AB7;
  -webkit-box-shadow: 0 0 2px #673ab7a6;
          box-shadow: 0 0 2px #673ab7a6;
  cursor: pointer;
}

.edoa {
  position: relative;
  display: block;
  padding: 3px 4px;
  border-radius: 5px;
  font-size: 17px;
  color: #4CAF50;
  width: 100% !important;
  background: #d1f5d3;
  border: 1px solid #4CAF50;
  -webkit-box-shadow: 0 0 2px #35793891;
          box-shadow: 0 0 2px #35793891;
  cursor: pointer;
}

.edox {
  position: relative;
  display: block;
  padding: 3px 4px;
  width: 100% !important;
  font-size: 17px;
  border-radius: 5px;
  color: #e60753;
  background: #ffe0eb;
  border: 1px solid #E91E63;
  -webkit-box-shadow: 0 0 2px #e91e6399;
          box-shadow: 0 0 2px #e91e6399;
  cursor: pointer;
}

.edoc {
  position: relative;
  display: block;
  padding: 3px 4px;
  border-radius: 5px;
  color: #565656;
  font-size: 17px;
  width: 100% !important;
  background: #e5e5e5;
  border: 1px solid #5c5c5c;
  -webkit-box-shadow: 0 0 2px #31313191;
          box-shadow: 0 0 2px #31313191;
  cursor: pointer;
}

.btnlogg {
  background: transparent;
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  bottom: 0;
  cursor: pointer !important;
}

.btnlogg:hover {
  bottom: 7px;
}

.btnlogg:hover>.mdl-tooltip-ver:before {
  content: 'Mensaje';
}

.btnlogg:hover>.mdl-tooltip-pdfa:before {
  content: 'Factura';
}

.btnlogg:hover>.mdl-tooltip-poa:before {
  content: 'O.C.';
}

.btnlogg:hover>.mdl-tooltip-ara:before {
  content: 'Acuse';
}

.btnlogg:hover>.mdl-tooltip-i:before {
  content: 'Entrar';
}
.btnlogg:hover>.mdl-tooltip-del:before {
  content: 'Eliminar';
}
.btnlogg:hover>.mdl-tooltip-view:before {
  content: 'Revisar';
}
.btnlogg:hover>.mdl-tooltip-histo:before {
  content: 'Historial';
}
.btnlogg:hover>.mdl-tooltip-update:before {
  content: 'Selecciona Doc.';
}
.btnlogg:hover>.mdl-tooltip-updatecheck:before {
  content: 'Subir Doc.';
}

.btnlogg:hover>.mdl-tooltip-update:before, .btnlogg:hover>.mdl-tooltip-updatecheck:before{
  margin-top:25px !important;
  display:inline-block;
  padding-top:5px;
  height:20px !important;
  width:150px !important;
  font-size:14px !important;
  position:absolute;
  background:#f9f9f9;
  border:1px solid #272727;;
  border-radius:5px;
  color:#000 !important;
}

.mdl-tooltip-update,
.mdl-tooltip-updatecheck,
.mdl-tooltip-histo,
.mdl-tooltip-del,
.mdl-tooltip-view,
.mdl-tooltip-ver,
.mdl-tooltip-pdfa,
.mdl-tooltip-poa,
.mdl-tooltip-ara,
.mdl-tooltip-i {
    height: 10px;
    margin-top: 5px;
    font-size: 10px;
    width: 30px;
    position: absolute;
    bottom: -10px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-family: arial;
    transition: 0.2s;
}

.afa {
  width: 420px !important;
}

.select-afc {
  width: 220px;
  height: 60px;
  margin-right: 50px;
  padding: 0px !important;
}

.select-afc .ads-label {
  position: relative;
  display: block;
  width: 100%;
  margin-left: -6px;
  margin-top: -9px;
}

.select-afc select {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  font-size: 18px;
  top: 10px;
}

.resaltar {
  background-color: #FF0;
}

.buscarhtml {
  width: 180px;
  margin-right: 10px;
  float: right;
  height: 28px;
  margin-top: 2px;
  font-size: 14px;
  color: #009688;
  margin-left: 6px;
  border-color: #009688;
}

a,
a:active,
a:visited {
  color: #3d3d3d;
  text-decoration: none;
}

a:hover {
  color: #3d3d3d;
  text-decoration: underline;
}

b {
  color: #000;
}

body {
  background: #3d3d3d url("textures/brushed-metal.png") left top repeat;
  color: #3d3d3d;
  font-family: 'Istok Web', sans-serif;
  font-size: 14px;
  margin: 0;
}

em {
  color: #0052a3;
}

footer p {
  color: white;
  text-align: center;
}

input[type="submit"],
input[type="reset"] {
  min-width: 80px;
  width: 80px;
}

ul {
  list-style-type: square;
}

label {
  display: block;
  font-weight: bold;
  margin: 5px 0 5px;
}

#contenedor {
  margin-top: 20px;
}

#contenido {
  margin: 20px auto;
  width: 80%;
  height: 260px;
  display: -ms-grid;
  display: grid;
  position: relative;
}

#contenido2 {
  margin: 20px auto;
  width: 80%;
  height: auto;
  display: -ms-grid;
  display: grid;
  position: relative;
}

#datosproveedor {
  font-weight: bold;
  margin-top: 5px;
  vertical-align: top;
  width: 70%;
}

#encabezado h1 {
  display: none;
}

#encabezado h2 {
  margin: 0;
  text-align: center;
}

#formulario form[id="frmlogin"] {
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 45%;
}

#formulario form[id="frmlogin"] input[type="text"],
#formulario form[id="frmlogin"] input[type="password"],
#formulario form[id="frmchangepass"] input[type="password"] {
  text-align: center;
}

#frmchangepass {
  width: 63%;
  margin: 0 auto;
}

#frmerror {
  width: 63%;
  margin: 0 auto;
}

#grupo_archivos {
  height: 150px;
  min-height: 150px;
}

#inboxalert {
  background: transparent url("../images/email.png") left top no-repeat;
  height: 20px;
  margin-top: 5px;
  padding-left: 27px;
  padding-right: 22px;
  text-align: right;
  width: auto;
}

#inboxnomess {
  color: #3d3d3d;
}

#inboxsimess {
  color: red;
}

#mensajes {
  padding-left: 22px;
}


/*#loading{
    background: #3d3d3d url("Black/loading.gif") center center no-repeat;
    display: none;
    height: 100%;
    left: 0px;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10000;
}*/

#logo_jardin {
  background: transparent url("../images/logo_jardin.png") center center no-repeat;
  height: 384px;
  margin: 0 auto;
  width: 441px;
}

#main {
  background: whitesmoke url("../images/pasto.png") left bottom repeat-x;
  border-radius: 10px;
  border: #222 thin;
  -webkit-box-shadow: 0 0 20px 0 #fff;
          box-shadow: 0 0 20px 0 #fff;
  height: auto;
  margin: 16px auto 0;
  max-width: 1024px;
  min-height: 650px;
  min-width: 1024px;
  padding-bottom: 73px;
}

#seccion {
  margin: 10px;
  padding-left: 10px;
  font-size: 1.5em;
  font-weight: bold;
}

.alerta {
  background: rgb(225, 240, 255);
  border-radius: 2px;
  border: 1px solid #2c3e503d;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1);
  float: right;
  font-size: 0.9em;
  padding: 20px;
  padding-top: 40px;
  color: #2c3e50;
  position: relative;
  width: 170px;
}

.archivo {
  vertical-align: top;
  width: 170px;
}

.botonera {
  margin: 20px;
  text-align: center;
}

.enlinea {
  margin: 0;
  display: block;
  margin-right: 5px;
  padding: 0;
  float: left;
  position: relative;
}

.error {
  color: #f00;
  text-align: center;
}

.grid {
  font-size: 0.8em;
}

.marcarB {
  background: transparent url("../images/B.png") top right no-repeat;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 16px;
  padding: 0 0 10px 20px;
  width: 16px;
}

.marcarL {
  background: transparent url("../images/L.png") top left no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  padding: 0 0 10px 20px;
}

.marcarN {
  background: transparent url("../images/N.png") top left no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  padding: 0 0 10px 20px;
}

.mensaje {
  padding: 10px;
}

.mensaje h3 {
  margin: 0;
}

.mensaje ul {
  list-style: none;
  margin: 0;
}

.D {
  color: #507f50;
}

.I {
  color: #50607f;
}


/********************************************************************************************************************

   CSS VERSION ----  V.1

********************************************************************************************************************/


/* Material desing*/

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-family: 'News Cycle', sans-serif !important;
}

hgroup {
  text-align: center;
}

.h5 {
  color: #636363;
  font-weight: 300;
}

.h4 {
  color: #272727;
  font-weight: 500;
  font-size: 32px;
}

form {
  width: 380px;
  margin: auto;
  padding: 3em 2em 2em 2em;
  background: #fafafa;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px, rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px, rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px;
}

.group {
  position: relative;
  margin-bottom: 45px;
}

input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  -webkit-appearance: none;
  display: block;
  background: #fafafa;
  color: #636363;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #757575;
}

input:focus {
  outline: none;
}


/* Label */

label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


/* active */

input:focus~label,
input.used~label {
  top: -20px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  left: -2px;
  /* font-size: 14px; */
  color: #2c3e50;
}


/* Underline */

.bar {
  position: relative;
  display: block;
  width: 100%;
}

.bar:before,
.bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #2c3e50;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.bar:before {
  left: 50%;
}

.bar:after {
  right: 50%;
}


/* active */

input:focus~.bar:before,
input:focus~.bar:after {
  width: 50%;
}


/* Highlight */

.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}


/* active */

input:focus~.highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
          animation: inputHighlighter 0.3s ease;
}


/* Animations */

@-webkit-keyframes inputHighlighter {
  from {
    background: #2c3e50;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #2c3e50;
  }
  to {
    width: 0;
    background: transparent;
  }
}


/* Button */

.button {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  margin: .3em 0 1em 0;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  letter-spacing: 1px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #2c3e50;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.button:focus,
.btnlogg {
  outline: 0;
}


/* Button modifiers */

.buttonBlue {
  color: #ffffff;
  background-color: #2c3e50;
  border-color: #2c3e50;
  background: #2c3e50;
  text-shadow: 1px 1px 0 rgba(39, 110, 204, .5);
  font-family: 'News Cycle', sans-serif !important;
}

.buttonBlue:hover {
  background: #1b2631;
}


/* Ripples container */

.ripples {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}


/* Ripples circle */

.ripplesCircle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
}

.ripples.is-active .ripplesCircle {
  -webkit-animation: ripples .4s ease-in;
          animation: ripples .4s ease-in;
}

@-webkit-keyframes ripples {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}

@keyframes ripples {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}

footer {
  text-align: center;
  margin-top: -5px !important;
  padding: 0 !important;
  display: block;
  border-top: 2px solid #7a7a7a;
  position: relative;
}

footer p {
  color: #888;
  font-size: 13px;
  letter-spacing: .4px;
}

footer a {
  color: #2c3e50;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

footer a:hover {
  color: #666;
  text-decoration: underline;
}

footer img {
  width: 80px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

footer img:hover {
  opacity: .83;
}

footer img:focus,
footer a:focus {
  outline: none;
}


/**/

#aviso {
  display: block;
  position: absolute;
  border: 1px solid #00000030;
  left: 50%;
  top: 50%;
  width: 350px;
  height: 300px;
  margin-left: -175px;
  margin-top: -150px;
  -webkit-box-shadow: 0 0 25px #000000b8;
          box-shadow: 0 0 25px #000000b8;
  border-radius: 5px;
  background: white;
}

#aviso div {
  background: #283780;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  font-weight: bold !important;
  font-size: 20px !important;
}

#aviso section {
  color: #001933c2;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px !important;
}

#aviso section p {
  margin: 0;
}

#aviso section p span {
  color: #0052a3;
  font-weight: bold;
}

#aviso section img {
  width: 100px;
  position: relative;
  margin-top: 10px;
}

#aviso button {
  background: #ffffff4a;
  display: block;
  position: absolute;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  top: 15px;
  right: 10px;
  ;
  width: 30px;
  height: 30px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px transparent;
          box-shadow: 0 0 4px transparent;
}

#aviso button:hover {
  background: #f41856;
  -webkit-box-shadow: none;
          box-shadow: none;
}


/*#loading{
  background: #ffffffc9;
  display:none;
  position:fixed;
  transition: 0.5s !important;
}
#loading img{
  width: 50px;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-50px;
  margin-left:-50px;
}*/

.active_ces {
  display: block !important;
}

#encabezado {
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}

form {
  background: #ffffffbf;
  border-radius: 8px 8px 0px 8px;
}

input {
  background: #ffffff00;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: red !important;
}

.title_mdl {
  background: #2c3e50;
  color: #fff;
  position: relative;
  margin-top: -43px;
  margin-left: -29px;
  width: calc(100% + 58px);
  border-radius: 6px 6px 0 0;
  padding: 25px 0px;
  font-size: 25px;
  text-align: center;
  top: 0;
  margin-bottom: 20px;
}

.btn-link {
  color: #000000;
  font-weight: normal;
  border-radius: 0;
  font-size: 10px;
}

.imgchrome {
  width: 30px;
}


/*
  Material desing index
*/

.mdl-demo .mdl-layout__header-row {
  padding-left: 40px;
}

.mdl-demo .mdl-layout.is-small-screen .mdl-layout__header-row h3 {
  font-size: inherit;
}

.mdl-demo .mdl-layout__tab-bar-button {
  display: none;
}

.mdl-demo .mdl-layout.is-small-screen .mdl-layout__tab-bar .mdl-button {
  display: none;
}

.mdl-demo .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar,
.mdl-demo .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar-container {
  overflow: visible;
  text-align: right;
  display: block;
  position: relative;
}

.mdl-demo .mdl-layout__tab-bar-container {
  height: 64px;
  box-shadow: 0 1px 3px rgba(41, 41, 41, 0.77);
}

.mdl-demo .mdl-layout__tab-bar {
  padding: 0;
  padding-left: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  width: 100%;
}

.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab {
  height: 64px;
  line-height: 64px;
  display: block;
  position: relative;
  float: right;
}

.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
  background-color: white;
  height: 4px;
}

.mdl-demo main>.mdl-layout__tab-panel {
  padding: 8px;
  padding-top: 48px;
}

.mdl-demo .mdl-card {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mdl-demo .mdl-card>* {
  height: auto;
}

.mdl-demo .mdl-card .mdl-card__supporting-text {
  margin: 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 25px !important;
  padding: 0;
  background: #fff0;
  /* height: 12px; */
  color: inherit;
  width: calc(100% - 80px);
}

.mdl-demo.mdl-demo .mdl-card__supporting-text h4 {
  margin-top: 0;
  margin-bottom: 20px;
}

.mdl-demo .mdl-card__actions {
  margin: 0;
  padding: 4px 40px;
  color: inherit;
}

.mdl-demo .mdl-card__actions a {
  color: #00BCD4;
  margin: 0;
}

.mdl-demo .mdl-card__actions a:hover,
.mdl-demo .mdl-card__actions a:active {
  color: inherit;
  background-color: transparent;
}

.mdl-demo .mdl-card__supporting-text+.mdl-card__actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: -20px;
}

.mdl-demo #add {
  position: absolute;
  right: 40px;
  top: 36px;
  z-index: 999;
}

.mdl-demo .mdl-layout__content section:not(:last-of-type) {
  position: relative;
  margin-bottom: 48px;
}

.mdl-demo section.section--center {
  max-width: 860px;
  background: #fff;
}

.mdl-demo #features section.section--center {
  max-width: 620px;
}

.mdl-demo section>header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdl-demo section>.section__play-btn {
  min-height: 200px;
}

.mdl-demo section>header>.material-icons {
  font-size: 3rem;
}

.mdl-demo section>button {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 8px;
}

.mdl-demo section .section__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.mdl-demo section .section__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 8px;
}

.mdl-demo section .section__text h5 {
  font-size: inherit;
  margin: 0;
  margin-bottom: 0.5em;
}

.mdl-demo section .section__text a {
  text-decoration: none;
}

.mdl-demo section .section__circle-container>.section__circle-container__circle {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin: 8px 0;
}

.mdl-demo section.section--footer .section__circle--big {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: 8px 32px;
}

.mdl-demo .is-small-screen section.section--footer .section__circle--big {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin: 8px 16px;
}

.mdl-demo section.section--footer {
  padding: 64px 0;
  margin: 0 -8px -8px -8px;
}

.mdl-demo section.section--center .section__text:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, .13);
}

.mdl-demo .mdl-card .mdl-card__supporting-text>h3:first-child {
  margin-bottom: 24px;
}

.mdl-demo .mdl-layout__tab-panel:not(#overview) {
  background-color: #ffffff00;
}

.mdl-demo #features section {
  margin-bottom: 72px;
}

.mdl-demo #features h4,
#features h5 {
  margin-bottom: 16px;
}

.mdl-demo .toc {
  border-left: 4px solid #C1EEF4;
  margin: 24px;
  padding: 0;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mdl-demo .toc h4 {
  font-size: 0.9rem;
  margin-top: 0;
}

.mdl-demo .toc a {
  color: #4DD0E1;
  text-decoration: none;
  font-size: 16px;
  line-height: 28px;
  display: block;
}

.mdl-demo .mdl-menu__container {
  z-index: 99;
}


/*********************************/


/*** SELECT MDL*/


/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


/*------------------------------------*    $CONTENTS
\*------------------------------------*/


/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */


/* ==========  TYPOGRAPHY  ========== */


/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/


/* ==========  COLORS  ========== */


/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/


/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


/* ==========  Color Palettes  ========== */


/* colors.scss */


/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


/* ==========  IMAGES  ========== */


/* ==========  Color & Themes  ========== */


/* ==========  Typography  ========== */


/* ==========  Components  ========== */


/* ==========  Standard Buttons  ========== */


/* ==========  Icon Toggles  ========== */


/* ==========  Radio Buttons  ========== */


/* ==========  Ripple effect  ========== */


/* ==========  Layout  ========== */


/* ==========  Content Tabs  ========== */


/* ==========  Checkboxes  ========== */


/* ==========  Switches  ========== */


/* ==========  Spinner  ========== */


/* ==========  Text fields  ========== */


/* ==========  Card  ========== */


/* ==========  Sliders ========== */


/* ========== Progress ========== */


/* ==========  List ========== */


/* ==========  Item ========== */


/* ==========  Dropdown menu ========== */


/* ==========  Tooltips  ========== */


/* ==========  Footer  ========== */


/* TEXTFIELD */


/* SWITCH */


/* SPINNER */


/* RADIO */


/* MENU */


/* LIST */


/* LAYOUT */


/* ICON TOGGLE */


/* FOOTER */


/*mega-footer*/


/*mini-footer*/


/* CHECKBOX */


/* CARD */


/* Card dimensions */


/* Cover image */


/* BUTTON */


/**
 *
 * Dimensions
 *
 */


/* ANIMATION */


/* PROGRESS */


/* BADGE */


/* SHADOWS */


/* GRID */


/* DATA TABLE */


/* DIALOG */


/* SNACKBAR */


/* TOOLTIP */


/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


/* Typography */


/* Shadows */


/* Animations */


/* Dialog */

.mdl-selectfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}

.mdl-selectfield--align-right {
  text-align: right;
}

.mdl-selectfield--full-width {
  width: 100%;
}

.mdl-selectfield__select {
  display: block;
  width: 100%;
  padding: 4px 0;
  margin: 0;
  color: inherit;
  background: transparent;
  font-size: 16px;
  text-align: left;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.mdl-selectfield__select::-ms-expand {
  display: none;
}

.mdl-selectfield.is-focused .mdl-selectfield__select {
  outline: none;
}

.mdl-selectfield.is-invalid .mdl-selectfield__select {
  border-color: rgb(222, 50, 38);
  -webkit-box-shadow: none;
          box-shadow: none;
}

fieldset[disabled] .mdl-selectfield .mdl-selectfield__select,
.mdl-selectfield.is-disabled .mdl-selectfield__select {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}

.mdl-selectfield__label {
  bottom: 0;
  color: rgba(0, 0, 0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.mdl-selectfield.is-dirty .mdl-selectfield__label {
  visibility: hidden;
}

.mdl-selectfield--floating-label .mdl-selectfield__label {
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

fieldset[disabled] .mdl-selectfield .mdl-selectfield__label,
.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__label {
  color: rgba(0, 0, 0, 0.26);
}

.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label,
.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label {
  color: rgb(63, 81, 181);
  font-size: 12px;
  top: 4px;
  visibility: visible;
}

.mdl-selectfield--floating-label.is-invalid .mdl-selectfield__label {
  color: rgb(222, 50, 38);
  font-size: 12px;
}

.mdl-selectfield__label:after {
  background-color: rgb(63, 81, 181);
  bottom: 20px;
  content: '';
  height: 2px;
  left: 45%;
  position: absolute;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}

.mdl-selectfield.is-focused .mdl-selectfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}

.mdl-selectfield.is-invalid .mdl-selectfield__label:after {
  background-color: rgb(222, 50, 38);
}

.mdl-selectfield__error {
  color: rgb(222, 50, 38);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}

.mdl-selectfield.is-invalid .mdl-selectfield__error {
  visibility: visible;
}

.mdl-selectfield__icon {
  bottom: 20px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
  padding: 4px 0;
  position: absolute;
  top: 20px;
  right: 0;
  pointer-events: none;
}

.mdl-selectfield__icon>i {
  outline: 0;
}

.mdl-selectfield.is-dirty .mdl-selectfield__icon {
  color: inherit;
}

fieldset[disabled] .mdl-selectfield .mdl-selectfield__icon,
.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__icon {
  color: rgba(0, 0, 0, 0.26);
}

.mdl-selectfield--floating-label.is-invalid .mdl-selectfield__icon {
  color: rgb(222, 50, 38);
}


/*********************************/

.ajust_mssg {
  margin-left: 14px;
  top: 7px;
}

.mdl-color--primary-dark {
  background-color: #2c3e50!important;
}

.mdl-layout__tab-bar.mdl-js-ripple-effect.mdl-color--primary-dark.mdl-js-ripple-effect--ignore-events a:hover {
  color: #fff;
}

.ajust_menu_perfil {
  background: #2c3e5000;
  color: white;
  ;
  margin-top: 14px;
  display: block;
  float: right;
  position: relative;
}

.num_provee {
  display: block;
  position: absolute;
  top: 18px;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Saira Stencil One', cursive;
}

.icon_provee {
  background-image: -o-radial-gradient(#f6f6f6, #eeeeee);
  background-image: radial-gradient(#f6f6f6, #eeeeee);
  -webkit-box-shadow: inset 0 0 30px #c4c4c48a;
          box-shadow: inset 0 0 30px #c4c4c48a;
  text-align: center !important;
}

.icon_provee i {
  font-size: 100px !important;
  color: #2c3e50;
  font-weight: normal;
}

.cont_provee_perfil {
  font-family: arial;
}

.cont_provee_perfil span {
  color: #18bc9c;
}

.content_close_provee {
  background: #fff;
}

.close_provee {
  color: #ff4081 !important;
  text-shadow: none !important;
}

.ajust_table_perfil {
  width: 100%;
  text-align: left !important;
  margin: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
}

.ajust_table_perfil td {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  text-align: left !important;
}

.cancelar {
  color: #18bc9c !important;
  border: none;
  background: #fff;
  font-size: 14px;
  margin: 0 !important;
  cursor: pointer;
  text-decoration: underline;
}

.cancelar:hover {
  color: #158871 !important;
}

.demo-card-wide.mdl-card {
  width: 512px;
}

.demo-card-wide>.mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../images/welcome_card2.png') center / cover;
}

.demo-card-wide>.mdl-card__menu {
  color: #fff;
}

.demo-card-event.mdl-card {
  background: #2c3e50;
}

.demo-card-event>.mdl-card__actions {
  border-color: rgba(255, 255, 255, 0.2);
}

.demo-card-event>.mdl-card__title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.demo-card-event>.mdl-card__title>h4 {
  margin-top: 0;
}

.demo-card-event>.mdl-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.demo-card-event>.mdl-card__actions>.material-icons {
  padding-right: 10px;
}

.demo-card-event>.mdl-card__title,
.demo-card-event>.mdl-card__actions,
.demo-card-event>.mdl-card__actions>.mdl-button {
  color: #fff;
}

.cab_prov {
  height: 120px;
  background: #ffffff;
}

.cab_prov h3 {
  border: 1px solid #ffffff;
  color: #2c3e50;
}

.cab_prov img {
  position: absolute;
  right: 50px;
  width: 220px;
}

#pasto {
  height: 40px;
  width: 100%;
  position: relative;
  background: url(../images/pasto.png);
  left: -350px;
  bottom: -45px;
}

.mdl-data-table td {
  height: 0px;
}

.ajust-fac-content {
  padding: 30px;
}

.tittle-page {
  background: #bbbbbb;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  width: calc(100% + 70px);
  margin-left: -35px;
  padding: 12px 0;
  padding-left: 40px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 13px 10px -12px rgba(145,145,145,1);
  -moz-box-shadow: 0px 13px 10px -12px rgba(145,145,145,1);
  box-shadow: 0px 13px 10px -12px rgba(145,145,145,1);
}

#frmenviar {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mdl-button--file input {
  cursor: pointer;
  height: 100%;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 300px;
  z-index: 4;
}

.mdl-textfield--file .mdl-textfield__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 32px);
}

.mdl-textfield--file .mdl-button--file {
  right: 0;
}

.top_aviso {
  background: #3373a026;
  height: 30px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.alerta {
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  width: 200px !important;
}

.alerta:hover {
  border: 1px dotted #2c3e50;
  cursor: move;
  border: 1px solid #2c3e50;
}

.save_cfdi {
  width: 100% !important;
}

.ajust_text_card {
  font-size: 17px !important;
}

.welcome_text {
  text-shadow: 0 1px 2px #5aa3ce, 0 -1px 2px #5aa3ce;
  color: #2c3e50;
  font-weight: 900;
  font-family: 'Comfortaa', cursive;
}

.mdl-selectfield {
  padding: 30px 0;
}

.mdl-selectfield__select {
  font-size: 18px;
}

.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label {
  font-size: 15px;
}

div.dataTables_length,
div.dataTables_filter {
  display: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #00000017 !important;
  background: #2c3e50 !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

.ajust_comprobante {
  width: 200px;
  font-size: 15px;
}

.adjust_h6 {
  background: #2c3e5012;
  color: #2c3e50;
  padding: 5px 0;
  padding-left: 25px;
}

.btn-link {
  font-weight: bold;
}

.adjust-text-footer {
  color: #000;
  font-size: 10px;
  position: relative;
  display: block;
  margin-top: -20px;
  margin-bottom: 10px;
}

.ajust_list {
  width: 100% !important;
}

.provee_block {
  border: none !important;
  color: #737373;
  font-size: 13px !important;
  font-weight: bold;
  width: auto !important;
}

.group_list {
  width: auto !important;
}

.btnradio {
  background: white;
  width: 18px;
  height: 18px;
  border: 2px solid #2c3e50 !important;
  border-radius: 4px !important;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
  color: #2c3e50;
}

.cheked {
  background: #2c3e50;
  color: white;
}

.provee_block2 {
  border-color: #5a5a5a57 !important;
  background: #e6e6e678 !important;
  color: #c1c1c1;
}

.cubierta {
  display: block;
  position: absolute;
  background: #ff000000;
  width: 50%;
  margin-left: 5px;
  height: 90%;
  top: 0;
}

#list_busq {
  background: #f5f5f5;
  position: fixed;
  max-width: 85%;
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: 5px;
  padding: 10px;
  left: 10px;
  bottom: 0px;
  z-index: 999;
  border: 1px solid #00000057;
  -webkit-box-shadow: 0 0 30px #0000004f;
          box-shadow: 0 0 30px #0000004f;
}

#list_busq a {
  color: #2c3e50;
  width: 30px;
  height: 30px;
  font-size: 15px;
  padding-top: 5px;
  font-weight: bold;
  background: #f5f5f5;
  text-align: center;
  float: left;
  margin: 2px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#list_busq a:hover {
  color: #eaeaea;
  background: #2c3e50;
}

#oct_lett {
  color: white !important;
  cursor: pointer;
  background: #2c3e50 !important;
  border-radius: 15px;
  padding-left: 0px !important;
  font-size: 15px !important;
  font-family: monospace;
}

#oct_lett:hover {
  background: #afafaf !important;
}

.ini_a {
  color: white !important;
  cursor: pointer;
  background: #2c3e50 !important;
  border-radius: 2px;
  width: 70px !important;
  font-family: Arial;
  font-weight: normal !important;
  padding: 0px 10px;
  font-size: 13px !important;
  border-radius: 5px;
}

.logg {
  background: #00807429;
  color: #2c3e50;
  border: none;
  font-size: 10px;
  padding: 8px 5px;
  cursor: pointer;
}

.logg:hover {
  background: #2c3e50;
  color: #fff;
}

#act_provee {
  background: #009688;
  border: none;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  padding: 0px 10px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  height: 30px;
  cursor: pointer;
  margin: 2px;
}

#act_provee:hover {
  background: #2c3e50;
  -webkit-box-shadow: 0 0 2px #202d3a;
          box-shadow: 0 0 2px #202d3a;
}

#validacion {
  text-align: center;
  display: none;
}

.desc {
  background: white;
  color: #18bc9c;
  cursor: pointer;
  padding-right: 15px
}

.desc:hover {
  background: #2c3e50;
  color: #fff;
}

#submit-msg {
  width: 100px;
  font-size: 15px !important;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
  color: #4CAF50 !important;
  background: transparent !important;
  text-shadow: none !important;
  border: 1px solid transparent !important;
  padding: 8px 5px !important;
  display: block;
  position: absolute;
  bottom: 6px;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  letter-spacing: 0;
}

#submit-msg:hover {
  color: #4CAF50 !important;
  background: #e1f9c5 !important;
  border-radius: 6px;
  border: 1px solid #4CAF50 !important;
}

#messeg {
  font-size: 15px;
  width: 100%;
  height: 60px;
}

#visor_doctos {
  display: none;
}

.nuevo {
  border: 1px solid #376598;
  color: #376598;
  -webkit-box-shadow: 0 0 10px #ececec;
          box-shadow: 0 0 10px #ececec;
  /* margin-bottom:20px; */
  background: #e5f1ff;
  /* background: #f2f9fe; */
  /* Old browsers */
  background: -moz-linear-gradient(top, #fdfeff 0%, #eef9ff 100%);
  /* FF3.6-15 */
  /* background: -webkit-linear-gradient(top, #fdfeff 0%,#eef9ff 100%); */
  /* Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(to bottom, #fdfeff 0%,#eef9ff 100%); */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#eef9ff', GradientType=0);
  /* IE6-9 */
}

.leido {
  color: #2c3e50;
  margin-bottom: 20px;
  background: #fcfcfc;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfeff), to(#f0f0f0));
  background: -o-linear-gradient(top, #fdfeff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fdfeff 0%, #f0f0f0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */
}

.logoo {
  width: 220px;
  height: 70px;
  display: block;
  background-size: auto 100%;
  background-position: center;
  position: absolute;
  right: 0;
  margin-right: 20px;
}

.bold {
  font-weight: bold;
  border-bottom: 2px solid;
}

.textnone {
  text-shadow: none !important;
}

#color_barra {
  color: red;
}

.botonera2 {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#empresa {
  cursor: pointer;
}

.addus {
  float: right;
}

.btnradio i {
  font-size: 14px;
  font-weight: bold;
}

.new {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #e7ffe8;
  color: green;
  border: 2px solid green;
  -webkit-box-shadow: -15px 17px 43px -7px rgba(0, 0, 0, 0.42);
  box-shadow: -15px 17px 43px -7px rgba(0, 0, 0, 0.42);
}

.new td {
  text-align: center;
  width: auto !important;
}

.createajax,
.chpassajax {
  background: #34a59a !important;
  margin-right: 10px;
  display: none;
}

.createajax:hover {
  background: #31887f !important;
}

#adduser {
  background: #3f51b5 !important;
}

#visor_doctos {
  -webkit-box-shadow: 0 0 10px #0000001c;
          box-shadow: 0 0 10px #0000001c;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
  border-radius: 5px;
  background: #f9f9f9;
}

#cont-btn,
#content_a {
  text-align: center;
}

.tablavisor {
  border: none;
  text-align: center;
  position: relative;
  display: inline-table;
  margin-bottom: 20px;
}

.aviso-user {
  background: #ffffff;
  border: 2px solid #00000047;
  width: 100%;
  margin-top: 10px;
  height: 20px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.aviso-user>.mdl-card__title {
  background: #cccccc;
  color: #000000b5;
  border-bottom: 1px solid #0000001a;
}

.aviso-user>.mdl-card__title>i {
  font-size: 40px;
  right: 10px;
  position: absolute;
  color: #777777;
}

.aviso-user>.mdl-card__supporting-text {
  font-size: 19px;
  width: 90%;
  margin: 20px;
  font-family: arial;
}

.aviso-user>.mdl-card__supporting-text>span {
  color: #000000;
  font-weight: bold;
}

.aviso-user2 {
  background: #e91e6308;
  border: 1px solid #ef1e1ea1;
  width: 100%;
  margin-top: 9px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ff5757;
}

.aviso-user2>.mdl-card__title {
  background: #ffa1a1;
  border-bottom: 1px solid #ff6666;
  color: #bd2121;
}

.aviso-user2>.mdl-card__title>i {
  font-size: 40px;
  right: 10px;
  position: absolute;
  color: #ff4d4d;
}

.aviso-user2>.mdl-card__supporting-text {
  font-size: 18px;
  width: 90%;
  margin: 20px;
  font-family: arial;
}

.aviso-user2>.mdl-card__supporting-text>span {
  color: #ff0000;
  font-weight: bold;
}

.lineatb {
  background: red;
}

.banderaletter {
  background: #17729e14;
}

.banderaletter span {
  float: left;
}

.btnradio--label>span {
  display: inherit;
  float: left;
  font-size: 11px;
  font-family: arial;
  top: -1px;
  font-weight: normal;
  position: absolute;
  left: 20px;
  color: #607D8B !important;
}

.btnradio--label {
  display: table;
  position: relative;
}

.btnradio-check {
  width: 18px;
  height: 18px;
}

.btnradio-check>i {
  position: absolute;
  display: block;
}

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

.center-cell-names {
  font-weight: bold;
  color: #2c3e50;
  background: #2c3e500a;
}

.aviext {
  color: red;
  font-size: 12px;
  font-weight: bold;
  margin-left: 25px;
  display: block;
  margin-bottom: 10px;
}

.titform {
  color: #2c3e50;
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 18px;
}

.olpeq {
  color: red;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.clabe {
  text-align: center;
  max-width: 190px;
  max-height: 35px !important;
  background: #e6e6e6;
  border: 1px solid #a0a0a0 !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  color: #313131
}

.clabenor {
  text-align: center;
  max-width: 190px;
  max-height: 35px !important;
  font-size: 15px !important;
  border-radius: 4px !important;
  color: #616161;
  margin: 0 auto;
}

.strong {
  font-weight: bold !important;
  color: #000 !important;
  font-size: 16px !important;
}

.resalt {
  background: var(--Alerta) !important;
  color: var(--ColorTeal) !important;
  font-weight: bold;
  border: 1px solid var(--PerfilSpan) !important;
  width: 100%;
  display: block;
  font-size: 16px;
  border-radius: 4px;
  padding: 5px 10px;
  min-height: 25px;
}

#jtables_AA1_filter label input,
#jtables_AA1_1_filter label input,
#jtables_DOCS1_filter label input,
#jtables_DOCS2_filter label input,
#jtables_A1_filter label input,
#jtables_A2_filter label input,
#jtables_UA1_filter label input,
#jtables_UJ3_filter label input,
#jtables_UG3_filter label input,
#jtables_UkL3_filter label input,
#jtables_URL0_filter label input,
#jtables_Docprovee label input,
#jtables_TypeDocs label input,
#jtables_TypeDocsSerie label input,
#jtables_docprovee_steep label input,
#tabla_users_serie_categoria label input,
#tabla_prospectos label input,
#table_docs_proveedor label input,
#table_contracts1 label input,
#table_contracts2 label input,
#docs_actualizados label input,
#docs_completos label input,
#docs_incompletos label input,
#docs_sn_serie label input, 
#table_covers_1 label input,
#table_covers_2 label input,
#table_covers_3 label input,
#table_products_1 label input,
#table_products_2 label input,
#table_products_3 label input,
#table_products_4 label input{ 

  padding: 0 !important;
  width: 50%;
  float: right;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  color: #2d3e4f;
}

#jtables_AA1_length label select,
#jtables_AA1_1_length label select,
#jtables_DOCS1_length label select,
#jtables_DOCS2_length label select,
#jtables_A1_length label select,
#jtables_A2_length label select,
#jtables_UA1_length label select,
#jtables_UJ3_length label select,
#jtables_UG3_length label select,
#jtables_UkL3_length label select,
#jtables_URL0_length label select,
#jtables_Docprovee label select,
#jtables_TypeDocs label select,
#jtables_TypeDocsSerie label select,
#jtables_docprovee_steep label select,
#tabla_users_serie_categoria label select,
#tabla_prospectos label select,
#table_docs_proveedor label select,
#table_contracts1 label select,
#table_contracts2 label select,
#tabla_prospectos label select, 
#table_docs_proveedor label select,
#docs_actualizados label select,
#docs_completos label select,
#docs_incompletos label select,
#docs_sn_serie label select,
#table_covers_1 label select,
#table_covers_2 label select,
#table_covers_3 label select,
#table_products_1 label select,
#table_products_2 label select,
#table_products_3 label select,
#table_products_4 label select{
  background: #fff;
  border: 1px solid #2d3e4f;
  padding: 5px;
  border-radius: 3px;
  font-weight: bold;
}

#jtables_AA1_filter label,
#jtables_AA1_length label,
#jtables_AA1_1_filter label,
#jtables_AA1_1_length label,
#jtables_DOCS1_filter label,
#jtables_DOCS1_length label,
#jtables_DOCS2_filter label,
#jtables_DOCS2_length label,
#jtables_A2_filter label,
#jtables_A2_length label,
#jtables_A1_filter label,
#jtables_A1_length label,
#jtables_UA1_filter label,
#jtables_UA1_length label,
#jtables_UJ3_filter label,
#jtables_UJ3_length label,
#jtables_UG3_filter label,
#jtables_UG3_length label,
#jtables_UkL3_filter label,
#jtables_UkL3_length label,
#jtables_URL0_filter label,
#jtables_URL0_length label,
#jtables_Docprovee_filter label,
#jtables_Docprovee_length label,
#jtables_TypeDocs_filter label,
#jtables_TypeDocs_length label,
#jtables_TypeDocsSerie_filter label,
#jtables_TypeDocsSerie_length label,
#jtables_docprovee_steep_filter label,
#jtables_docprovee_steep_length label,
#tabla_users_serie_categoria_filter label,
#tabla_users_serie_categoria_length label,
#tabla_prospectos_filter label,
#tabla_prospectos_length label,
#table_docs_proveedor_filter label,
#table_docs_proveedor_length label,
#table_contracts1_filter label,
#table_contracts1_length label,
#table_contracts2_filter label,
#table_contracts2_length label,
#docs_actualizados_filter label,
#docs_actualizados_length label,
#docs_completos_filter label,
#docs_completos_length label,
#docs_incompletos_filter label,
#docs_incompletos_length label,
#docs_sn_serie_filter label,
#docs_sn_serie_length label,
#table_covers_1_filter label,
#table_covers_1_length label,
#table_covers_2_filter label,
#table_covers_2_length label,
#table_covers_3_filter label,
#table_covers_3_length label,
#table_products_1_filter label,
#table_products_1_length label,
#table_products_2_filter label,
#table_products_2_length label,
#table_products_3_filter label,
#table_products_3_length label,
#table_products_4_filter label,
#table_products_4_length label{
  position: relative !important;
  pointer-events: all !important;
  color: var(--BackgroundG) !important;
}

#jtables_Docprovee_filter label,
#jtables_Docprovee_length label{
  display: none;
}

#jtables_Docprovee_filter{
    width: 400px;
    float: right;
    margin-right: 20px;
}

#jtables_DOCS1 tbody tr td,
#jtables_DOCS2 tbody tr td {
  color: black;
  font-size: 15px
}

div.dataTables_length,
div.dataTables_filter {
  display: block;
}

.odd {
  background: #f7f7f7 !important;
}

.trprov {
  background: #d0d0d0;
}

.trprov th {
  color: black;
  font-size: 16px;
}

.mdl-button--raised.mdl-button--colored {
  background: var(--BackgroundG) !important;
}

.resaltar2 {
  position: relative;
  display: block;
  font-size: 17px;
  padding: 6px 12px;
  width: 100%;
  border-radius: 5px;
  color: #737373;
  background: #f3f3f3;
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 2px #2d2d2da6;
          box-shadow: 0 0 2px #2d2d2da6;
  cursor: pointer;
  font-weight: bold;
}

.resaltar2:active {
  color: #4caf50;
  background: #effff0;
  border: 1px solid #4caf50;
  -webkit-box-shadow: 0 0 2px #4caf50;
          box-shadow: 0 0 2px #4caf50;
}

.selcto {
  background: white;
  padding: 4px 10px;
  width: 100%;
  border: 1px solid #2d3e4f;
  border-radius: 4px;
}

.switch-prov {
    pointer-events: all;
    margin-top: -55px;
    font-family: arial;
    color: #6b6b6b;
    font-weight: normal
}

.switch-prov span {
  font-family: arial;
  margin-left: -5px;
  font-size: 14px;
}

.mdl-ripple {
  background: #009688 !important;
}

.mdl-switch__thumb {
    background: #ffffff !important;
    border: 1px solid #b5b5b5;
}

.mdl-switch__track {
    background: #969696 !important;
}

.is-checked .mdl-switch__thumb {
  background: #ffffff !important;
  border: 1px solid #2c3e50a1;
  -webkit-box-shadow: 1px 1px 3px #2c3e50a3 !important;
  box-shadow: 1px 1px 3px #2c3e50a3 !important;
}


.is-checked .mdl-switch__track {
  background: #2c3e50 !important;
}

.empreselect {
  display: block;
  width: 100%;
  text-align: center;
  color: #5a5a5a;
  margin-bottom: -17px;
  font-weight: bold;
  font-size: 13px;
}

.buttonvt {
    width: 120px !important;
    padding: 10px 10px !important;
    font-weight: bold !important;
    border-radius: 4px;
    left: 50% !important;
    margin-left: -60px;
    font-family: arial !important;
    margin-top: 10px;
    margin-bottom: 31px;
    line-height: 18px;
    letter-spacing: 0 !important;
}

.changes {
  display: block;
  position: fixed;
  border: 1px solid #0000002e;
  bottom: 0;
  color: #fff;
  -webkit-box-shadow: 0 0 10px black;
          box-shadow: 0 0 10px black;
  border-radius: 20px 5px 0 20px;
  background: #272727;
  padding-left: 0;
}

.changes i {
  font-size: 36px;
  margin-left: -1px;
  color: #ff6161;
}

.spanadmin {
  color: #ff6969;
  font-weight: bold;
  text-decoration: underline;
}

.changes:hover,
.changes:active,
.change:link,
.change:focus {
  background: #272727;
}

.changes:hover.changes i {
  color: #4caf50;
}

.changes:hover .spanadmin {
  color: #4caf50;
}

.pressat {
  cursor: pointer;
}

.pressat:active {
  color: #4caf50 !important;
  font-weight: bold;
}

#contenido {
  margin: 20px auto;
  width: 100%;
  display: inline-table !important;
  position: relative;
  padding: 0px 0px;
}

.enlinea {
  margin: 0;
  display: block;
  margin-right: 5px;
  padding: 0;
  float: left;
  position: relative;
}

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .02em;
}

.afa {
  display: block;
  position: absolute;
  right: -50px;
  width: 760px !important;
}

.group {
  position: relative;
  margin-bottom: 45px;
  float: left;
  width: 100%;
}

.select-afc {
  width: 220px;
  height: 60px;
  margin-right: 50px;
  padding: 0px !important;
  float: right;
}

#contenedor_filtros2 {
  margin-top: -15px;
  margin-right: 0px;
  height: 25px;
}

.icon-search {
  display: block;
  font-size: 30px;
  position: absolute;
  bottom: 10px;
  color: #b1b1b1;
}

#filtro2 {
  text-align: right;
}

#contenedor_filtros {
  margin-top: 5px;
  margin-right: -12px;
  height: 25px;
}

#rapidosh {
  display: inline-block;
  position: relative;
  float: right;
  height: 25px;
  padding: 0 4px;
  width: auto;
  padding-right: 10px;
}

.select-afc select {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 18px;
  background: #fff;
  top: 10px;
  padding: 5px;
}

#rapidosh .control {
  width: 200px;
  padding: 0 !important;
  display: block;
  position: relative;
  height: 25px;
  float: left;
}

#rapidosh .control .radio {
  display: inline-block;
  position: relative;
  width: 100px;
  top: 2px;
  float: left;
  margin: 0 !important;
}

#rapidosh .control .radio span {
  color: rgba(0, 0, 0, .87);
  display: block;
  position: absolute;
  top: 5px;
  font-size: 14px;
  left: 20px;
}

#contenedor_filtros {
  margin-top: 5px;
  margin-right: -12px;
  height: 25px;
}

.imgkendo {
  width: 30px;
  float: right;
  margin-top: 8px;
  display: none;
  position: relative;
}

#error_doctos {
  color: red;
  display: block;
  position: relative;
  padding: 15px;
  float: right;
  font-size: 14px;
  text-align: right;
  top: 15px;
  font-style: italic;
  text-decoration: underline;
}

.etiqueta_content {
  background: #2c3d4f38;
  position: relative;
  display: inline-block;
  float: right;
  margin-left: 2px;
  border-radius: 5px;
  padding: 5px;
  height: 22px;
}

.etiqueta_content .etiqueta_close {
  background: #1d2935;
  height: 13px;
  border-radius: 6px;
  width: 13px;
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
  display: block;
  position: relative;
  float: left;
}

.etiqueta_content .etiqueta_name {
  position: relative;
  float: left;
  font-size: 11px;
  color: #2c3d4f;
  padding: 2px;
  margin-top: -3px;
  padding: 0 4px;
  font-weight: bold;
  display: block;
}

.kendo {
  width: 260px !important;
  color: #003f59;
  margin-top: 0px !important;
  font-family: inherit !important;
  font-size: 16px !important;
  margin-right: 10px;
  border: 1px solid #94c0d2;
  margin-left: 5px;
  height: 29px !important;
  background: rgba(233, 243, 248, 1) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233, 243, 248, 1)), color-stop(100%, rgba(214, 230, 239, 1))) !important;
  background: -o-linear-gradient(top, rgba(233, 243, 248, 1) 0%, rgba(214, 230, 239, 1) 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 243, 248, 1)), to(rgba(214, 230, 239, 1))) !important;
  background: linear-gradient(to bottom, rgba(233, 243, 248, 1) 0%, rgba(214, 230, 239, 1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3f8', endColorstr='#d6e6ef', GradientType=0) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ifiltros {
  font-size: 10px;
  position: relative;
  font-weight: bold;
  display: block;
  padding-top: 2px;
  padding-left: 1px;
}

.atajo {
  background: #f5f5f5;
  -webkit-box-shadow: -2px 2px 2px #00000047;
          box-shadow: -2px 2px 2px #00000047;
  border: 1px solid #0000004a;
  margin: 0 2px;
  height: 100%;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.atajo:hover {
  background: var(--BackgroundG) !important;
  color: #fff;
}

#rapidosh span {
  color: black;
  font-weight: bold;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 5px;
}

.selecth {
  display: block;
  position: relative;
  height: 25px !important;
  margin-top: -10px !important;
  width: 100px !important;
  float: right;
  font-size: 13px !important;
  border-radius: 5px;
  padding: 0px !important;
  border: 1px solid #00000054;
  -webkit-box-shadow: -2px 2px 2px #00000038;
          box-shadow: -2px 2px 2px #00000038;
}

#rapidosh .control .radio .radioh {
  border: none;
  -webkit-appearance: radio;
  width: 20px;
  height: 20px;
  pointer-events: stroke;
}

.ajuste_find {
  width: calc( 100% - 200px);
  float: right;
  padding: 0;
}

.asent {
  background: #e0f3ef;
  font-weight: bold;
  border-color: #18bc9c;
  color: #009688;
}

.triangle-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #d0d4d8;
  border-bottom: 10px solid transparent;
  display: block;
  position: relative;
  float: right;
}

.etiqueta_content {
  background: #2c3d4f38;
  position: relative;
  display: inline-block;
  float: right;
  margin-left: 2px;
  border-radius: 5px;
  padding: 5px;
  height: 22px;
}

#loading {
  background: transparent;
  display: none;
  z-index: 9999999 !important;
  position: fixed;
  width: 100%;
  height: 100%;
}

#loading section {
  background: rgba(255, 255, 255, 0.8) !important;
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 5;
  height: 100%;
}

#loading section img {
  -webkit-filter: drop-shadow( 0 0 15px white);
          filter: drop-shadow( 0 0 15px white);
  position: relative;
  width: 100px;
}

#loading section label {
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  position: relative;
  color: #545454;
  margin-top: -20px;
  display: block;
  left: 0px;
  top: 0px;
  margin: 0px;
}

#loading section span {
  display: block;
  position: relative;
  color: #009688;
  font-weight: bold;
  margin-top: -5px;
  font-size: 10px;
}

.configtable {
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
}

.hora {
  color: white !important;
  font-weight: bold;
  display: inline-block;
  border: 5px solid white;
  /* background: #0000000d; */
  border-radius: 60px;
  margin: 20px;
  margin-left: 75px;
  padding: 40px 8px;
}

.linmsn {
  min-width: 100%;
  font-family: arial;
  display: block;
  font-size: 15px;
  position: relative;
}

.fecmsn {
  color: #376598;
  display: inline-block;
  background: #fff;
  position: absolute;
  width: 115px;
  border: 1px solid #5781ab;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  top: 4px;
  right: 36px;
}

.mdl-badge[data-badge]:after {
  border: 1px solid #b3000094;
  -webkit-box-shadow: 0 0 5px #6900006e;
          box-shadow: 0 0 5px #6900006e;
  background: #ff4b4b;
  color: #ffffff;
}

.attachment {
  background: #ffffff;
  position: absolute;
  border: 1px solid #00000024;
  width: 30px;
  min-height: 100%;
  top: 50px;
  right: 0;
  text-align: center;
  padding-top: 6px;
}

.attachment i {
  font-size: 20px;
}

.file_att {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: white;
  border: none;
  -webkit-box-shadow: 0 0 2px #a5a5a5;
          box-shadow: 0 0 2px #a5a5a5;
  text-align: center;
  float: left;
  padding: 0;
}

.file_att img {
  width: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.file_att:hover.file_att img {
  width: 24px;
}

.mdl-color--teal {
  font-weight: bold;
  background-color: var(--ColorTeal) !important;
}
.mdl-data-table{
  zoom: 88% !important;
}
.docto{
  background:red;
  padding:6px 15px;
  border-radius:6px;
  font-weight:bold;
  border:1px solid black;
  font-family:arial;
}
.car{
  background: #fff8a1 !important;
  border-color: #cf8a00 !important;
  color: #cf8a00 !important;
}
.abi{
  background: #d3e7ff !important;
  border-color: #505d9e !important;
  color: #5e6cb9 !important;
}
.rev{
  background: #f1e8ff !important;
  border-color: #8054ce !important;
  color: #895bda !important;
}
.dec{
  background: #e8e8e8 !important;
  border-color: #6f6f6f !important;
  color: #585858 !important;
}
.ace{
  background: #d9fbd1 !important;
  border-color: #4caf50 !important;
  color: #4caf50 !important;
}
.ajust-edo{
  font-weight: bold;
  font-size: 13px;
  padding: 4px 10px;
  box-shadow: none;
}
.ajust-edo2{
  font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 8px;
    box-shadow: none;
}

.btn-actions {
    width: 30px;
    height: 30px;
    top: 13px;
    margin-right: 10px;
}
.btn-actions i{
  font-size: 35px !important;
  color:#e91e63;
  background: transparent;
}
.form-table{
  box-shadow: none;
  padding:0;
  margin:0;
  width:100%;
  display: flex;
  background:transparent;
  position:relative;
  margin-bottom:0px !important;
  border:0;
  bottom: 0px !important;
}

.form-table-div {
    display: table;
    position: relative;
    padding: 0;
    width: 50%;
    float: left;
    margin: 0 auto;
}

.form-table-div div{
  bottom: 0px !important;
  width: 52px;
  height: 52px;
  display:block !important;
  position:relative !important;
  overflow:visible;
}

.form-table-div div i{
  font-size: 35px !important;
  padding:0;
  margin-left:-5px;
  display:block !important;
  position:relative !important;
}

.file_update{
  padding:6px 10px;
  border-radius:6px;
  font-size:18px;
  font-weight:bold;
  font-family:arial;
}

.update_cancel{
    position: relative;
    top: 6px;
    left: -5px;
    cursor: pointer;
}
html, body {
    font-family: "Arial",sans-serif !important;
}
.mdl-layout__tab {
    font-weight: bold;
    transition: 0.2s;
    overflow: visible !important;
}
.mdl-layout__tab:hover {
  background: rgba(255, 255, 255, 0.2);
  box-shadow:0 0 2px rgba(255, 255, 255, 0.5);
}
a{
    text-decoration: none !important
}


.new_model_menu{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
  background: #d9ebff; /* Old browsers */
  transition: 0.3s;
  border: 1px solid #4a90e2;
  color:#4a90e2 !important;
  display:block
}

.new_model_menu:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
  color: #878787 !important; /* Old browsers */
  border: 1px solid transparent;
}
@-webkit-keyframes newmenu {
  0%   {top:40px;}
  50%  {top:50px;}
  100% {top:40px;}
}

.msn_new_menu{
  position: relative;
  background: #4a90e2;
  color: #fff;
  font-size: 12px;
  width:132px;
  height:32px;
  top:40px;
  right:-110px;
  padding:0;
  margin: 0 auto;
  margin-top:-30px;
  z-index: 99999999999 !important;
  border:1px solid #c6e0ff;
  border-radius:5px;
  animation-name: newmenu;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
}

.msn_new_menu i{
  display:block;
  position:absolute;
  top: 0;
  font-size:18px;
  top:5.5px;
  left:5px;
}

.msn_new_menu span{
  line-height: 10px !important;
  display:block;
  left: 25px;
  position:absolute;
  top: 10px;
}
.ajust-top-icon{
  top: -30px !important;
  color: #4a90e2;
  left: 39px !important;
  font-size: 54px !important;
  filter: drop-shadow(1px -3px 0.45px #c2deff);
}
.mdl-data-table {
    white-space: normal !important;
  }
#show-passwd{
  background: transparent;
  border: none;
  display: block;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 15px;
  color: #969696;
  transition: 0.3s
}
.block-h {
    border: 1px solid #4a90e26b;
    border-radius: 4px;
    box-shadow: 0 0 4px #4a90e22e;
    background: #56c3ee14;
    padding: 20px 0px;
}

.tit_histo{
  margin:5px;
  padding-bottom:20px;
  border-bottom:1px solid #c1c1c1;
  margin-bottom: 10px;
}

.item_histo{
  font-size:18px;
  text-align:left;
  color:#56c3ee;
  padding: 3px 0px;
  font-weight: bold;
}

.item_histo span{
  font-weight: normal;
  color:#404040;
}

.pin_histo{
    background: #4a90e2;
    color: white;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 4px;
    border: 1px solid #3d7eca;
    right: 30px;
}

.pin_histo i{
  font-size:16px;
  margin-top:3px;
}

.pin_histo span{
   display:block;
   position:relative;
   float:right;
   margin-top:4px;
}

.tit_histo_2{
  background:rgba(0, 0, 0, 0.04);
  display:block;
  position:relative;
  padding:10px;
  overflow-y:scroll;
  height: 167px;
  border:1px solid rgba(0, 0, 0, 0.1);
}
.ajust-th{

 }

.ajust-ih{
  font-size:15px;
  text-align:left;
  color:#a2a2a2;
}

.ajust-ph{
  bottom: 19px;
  right: 36px;
  background: transparent;
  color: #404040;
  border-color: transparent;
  border-radius: 5px;
  position: absolute;
}
.demos{
  font-weight: bold;
    background: #f3f3f3;
    padding: 1px;
    font-size: 15px;
    border-radius: 3px;
    border: 1px solid #b3b3b3;
}
.conten_instructivo{
  padding:10px 60px;
}

.cabecera_act{
  dislplay: block;
  position:relative;
  float:right;
  margin-top:10px;
  margin-bottom:10px;
}

.ajust-act-pas{
  text-align: right;
  display: inline-block !important;
}
.ajust-act-pas .swal2-progress-step{
  font-size:20px !important;
}
.ajust-act-pas .swal2-progress-step-line{
    height: 9px !important;
    margin: 2px -9px !important;
}
.cabecera_act span{
  color:#4185d6;
  display:none;
  position:absolute;
  top: -25px;
  font-family: arial;
  right:0;
  font-weight:bold;
  font-size: 18px;
  letter-spacing: -1px;
}
.swal2-progress-step-ext{
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center;
}
.ajust-mas-info{
    cursor: pointer;
    top: 10px;
    display: inline-block;
    position: relative;
    top: 7px;
}
.ajust-new-provee{
  font-size:12px;
  display:block;
  position:absolute;
  background:white;
  padding:5px 10px;
  padding-left:15px;
  font-weight:bold;
  margin-top:43px;
  margin-left:150px;
  text-align:center;
  border:1px solid rgba(0, 0, 0, 0.12);
  background: #585858;
  color: #fff;
  border-radius: 0px 0px 8px 18px;
  -webkit-box-shadow: 0px 6px 14px 1px rgba(0,0,0,0.36);
  -moz-box-shadow: 0px 6px 14px 1px rgba(0,0,0,0.36);
  box-shadow: 0px 6px 14px 0.5px rgba(0,0,0,0.36);
  transition:0.5s;
}
.ajust-new-provee:hover{
  background: #000;
  color:#fff;
}
.ajust-new-provee i{
  display:block;
  float:right;
  margin-left:5px;
  font-size:20px;
}
section {
  background: #fff !important;
}
h3{
  font-family: 'Quicksand', sans-serif;
}
.company-img{
  width: 130px;
  height: 100px;
  display: block;
  position: relative;
  overflow: hidden;
}

.company-img img{
  width:100%;
}

.title-company{
    color: black;
    width: calc(100% - 160px);
    margin-left: 150px;
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    font-weight: bold;
    font-size: 20px;
    padding-top: 25px;
}

.mdl-50{
  width:calc(50% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-45{
  width:calc(45% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-40{
  width:calc(40% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-35{
  width:calc(35% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-30{
  width:calc(30% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-3p{
  width:calc(33.3333% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-25{
  width:calc(25% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-20{
  width:calc(20% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-15{
  width:calc(15% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-10{
  width:calc(10% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-60{
  width:calc(60% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-65{
  width:calc(65% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-70{
  width:calc(70% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-75{
  width:calc(75% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-80{
  width:calc(80% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-85{
  width:calc(85% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-90{
  width:calc(90% - 20px);
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
.mdl-100{
  width: calc(100% - 20px);
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.clip{
  background: #ececec;
  width:100%;
  height:45px;
  text-align:center;
  padding-top:12px;
  display:block;
  font-size:15px;
  font-weight:bold;
  border-radius:5px;
  position:relative;
}
.upper {
  text-transform: uppercase;
}
.check-np{
  margin-right:20px;
}
.mt-20{
  margin-top: 20px;
}
.btn-reg, .btn-reg.used, .buttonBlue.btn-reg{
    background: #9b9b9b;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.09);
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #9b9b9b;
    width: 20px;
    height: 20px
  }

.mdl-radio__inner-circle {
  background: #9b9b9b;
  width: 12px;
  height: 12px;
}

.mdl-radio__label {
    position: relative;
    display: block;
    margin-left: 5px;
    margin-top: 2px;
}

.mdl-ripple {
    background: #9b9b9b !important;
}

.mdl-radio__outer-circle {
    border: 3px solid rgb(155, 155, 155);
    width: 20px;
    height: 20px;
}

.ex-currency{
  display: none;
}

.acot{
  color: #546e8e;
  font-size:13px
}

.acot b{
  color: #546e8e;
}

.f-normal {
    background: inherit;
    border-radius: inherit;
    width: auto;
    margin: auto;
    padding: inherit;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.separate_pp {
    height: 1px;
    display: block;
    background: transparent;
    float: left;
    position: relative;
    width: 100%;
}

.errval {
    background: transparent;
    width: 50%;
    height: auto;
    float: right;
    text-align: right;
    color: #ee243d;
    font-weight: bold;
    font-family: inherit;
    /* margin-top: -35px; */
    margin-right: 5px;
}

.width-100{
   width: 100%;
   display: block;
   position: relative;
  margin-top: 12px;
}

.errval i{
    padding: 1px;
    font-weight: normal;
    font-size: 16px;
    border-radius: 16px;
    border: 1px solid blue;
    position: absolute;
    top: 10px;
    right: 5px;
}

.tick{
    color: #009688;
    background: #e8ffe9;
    border-color: rgba(0, 150, 136, 0.31) !important;
}

.close{
    color: #ff1f3e;
    background: #ffdfdf;
    border-color: #ff1f3e !important;
}
.mdl-layout__drawer-button{
  margin-top: 130px;
  background-color: var(--BackgroundG) !important;
}

.target{
  background: var(--BackgroundG) !important;
  height:auto !important;
  padding: 10px !important;
  cursor: pointer;
  border-bottom: 3px solid rgba(0, 0, 0, 0.14);
}
.ajust_menu_perfil2 {
    background: transparent;
    color: white;
    margin: 0 auto;
    display: block;
    position: relative;
    width: 100%;
    height: 65%;
    white-space: inherit;

}
.ajust_menu_perfil2 .mdl-chip__contact{
    margin: 0 auto;
    display: block;
    position: relative;
    font-weight:bold;
    padding-top:9px;
    font-size:35px;
    border-radius:30px;
    width: 50px;
    height: 50px;
}
.ajust_menu_perfil2 .mdl-chip__text{
  word-wrap: break-word;
  max-width: 100%;
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: auto ! important;
  margin: 10px 0;
  font-weight: bold;
  border: none;
  margin-left: 5px;
  vertical-align: middle;
}

.ajust_menu_perfil2 .num_provee {
  display: block;
  position: absolute;
  bottom: -25px;
  color: #535252;
  right: 0;
  background: white;
  padding: 0 10px !important;
  font-size: 15px;
  border: 3px solid var(--BackgroundG);
  border-radius: 6px;
  font-weight: bold;
  top: auto;
  font-family: 'Saira Stencil One', cursive;
}

.mdl-layout__drawer{
  width: 240px;
  border-right: 2px solid var(--BackgroundG);
  background: #ffffff;
  transition: 0.4s;
}
.mdl-layout__drawer.is-visible {
  width: 360px;
}
.fsize-30{
  font-size: 30px;
}
.pgtop-12{
  padding-top: 12px;
}

hr{
  display: block;
  position: relative;
  width: 100%;
  height: 10px;
  margin: 50px 0;
  background: #f1f1f1;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}
.btn_conf{
  left: 0 !important;
  width: auto !important;
  margin-left: auto;
}
.btn_conf:hover{
  color: #fff !important;
}
.lamicha-50{
  width: calc(50% - 24px) !important;
  height: 400px;
}
.lamicha-100{
  width: calc(100% - 24px) !important;
  height: 600px;
  padding-bottom: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.code_msn{
  background: #f1f1f1;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  float: left;
  margin: 2px;
  padding: 10px;
}
#screen-base-mail-code, #screen-proveedores-mail-code{
  display: block;
  height: 100%;
  position: relative;
}
#screen-base-mail-html, #screen-proveedores-mail-html{
  background: #fff;
  width: 100%;
  height:100%;
  position: relative;
  display: block;
}
.micha{
  width: 50%;
  float: left;
  position: relative;
  display: block !important;
}
.tot100{
    width: 100%;
    position: relative;
    display: block !important;
}
.bdge:after{
  background: var(--ColorTeal) !important;
  color: var(--ColorA) !important;
  border-color: rgba(0, 0, 0, 0.23137254901960785) !important;
  box-shadow: 0 0 2px #00000073 !important;
  border-radius: 2px !important;
  left:10px !important;
  top:-4px !important;
}
.michatitle{
  display: block;
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
}
#update_mailfrom thead tr th{
  text-align: left;
}
.resalt-text{
  color: #2b3d50;
  font-weight: bold;
}

.table80{
  width:80%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table85{
  width:85%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table90{
  width:90%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table95{
  width:95%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table100{
  width:98%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table75{
  width:75%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table70{
  width:70%;
  margin:0 auto !important;
   margin-top: 50px !important;
   margin-bottom: 50px !important;
   border: 1px solid rgba(0,0,0,.12) !important;
}
.table70 tr,.table75 tr,.table80 tr,.table85 tr,.table90 tr,.table95 tr, .table100 tr{
  border: 1px solid rgba(0,0,0,.12) !important;
}
#update_mailfrom thead tr th label, #update_mailfrom tbody tr td label{
  pointer-events: inherit !important;
}
.trprov th{
  text-align: center !important;
}
.lamicha{
  width:50%;
  float:left;
}
.namecompany{
  color:white;
  display:block;
  position:relative;
  float:left;
  font-weight: bold;
  margin-top:21px;
  font-size:16px;
  margin-left:60px;
}
.datafirts{
  display: block;
  position:relative;
  margin: 0 auto !important;
  padding:0;
}
.botonera {
  display:inline-flex;
  position:relative;
  height:auto;
  margin-left:0px;
  width:100%;
  text-align:center;
}
.botonera button{
  display:block;
  position:relative;
  margin:0 auto;
  font-size:12px;
  font-weight:bold;
  color:#656565;
  background: #fff;
  border: 1px solid #00000075;
  padding: 5px 6px;
  border-radius: 5px;
  float:left;
  width:160px;
  transition: 0.2s;
  box-shadow:  0 2px 3px rgba(0,0,0,0.3);
  cursor:pointer;
}
.datafirts section{
  display:none;
  position:relative;
  background:transparent !important;
}
.ajuste_num_provee{
  display: block;
  position: absolute;
  bottom: -21px;
  color: #535252;
  right: 0;
  background: white;
  padding: 2px 16px !important;
  font-size: 16px;
  border: 3px solid var(--BackgroundG);
  border-radius: 10px 0 10px 0;
  font-weight: bold;
  top: auto;
  font-family: 'Saira Stencil One', cursive;
  line-height: normal !important;
}
.closessesion{
  background: #ffd8db !important;
  color:#ff002f !important;
  border-color:#e91e40 !important;
}
.botonera button:hover{
  background:#d6ddff !important;
  color:#3f51b5 !important;
  border-color:#3f51b5 !important;
}
.confiable{
 background: white;
 color: rgb(241, 145, 42);
 border-radius: 4px;
 display:block;
 position:absolute;
 left:50%;
 margin-left:10px;
 top:35px;
 box-shadow: 0 0 3px rgba(255, 255, 255, 0.68);
}

.ajust-confiable{
  background: transparent;
    box-shadow: none;
    color: white;
    top: 50%;
    margin-top: -8px;
    left: -24px;
    font-size: 19px;
    filter: drop-shadow(4px 0px 0px var(--BackgroundG));
}
#bagg_data_prosp_1[data-badge].pora:after{
  background:red
}
#bagg_data_prosp_1[data-badge].porb:after{
  background:#ff6e00;
}
#bagg_data_prosp_1[data-badge].porc:after{
  background:#aeb300;
}
#bagg_data_prosp_1[data-badge].pord:after{
  background:#63b300;
}
#bagg_data_prosp_1[data-badge].pore:after{
  background:#068c12;
}
.num_supplier {
    background: #c7c7c7;
    color: #000;
    border-radius: 5px;
    padding: 4px;
    margin: 2px;
    border: 2px solid #6f6f6f;
    font-size: 20px;
}
.title_data{
  font-size:14px !important;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 10px;
  width: 70%;
}
.content_data{
    background: #f1f1f1 !important;
    width: 100% !important;
    margin-left: 0px !important;
    padding-top: 30px !important;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #eaeaea !important;
}
.dataclick{
  transition: 0.2s;
}
.dataclick:hover{
    background: #ffffff;
    cursor: pointer;
    box-shadow: 0 0 10px #2c3e50;
    margin: 0 auto;
}
a:visited {
   color: #ffffff;
}
.select-data-company{
  font-size: 25px;
  padding: 5px;
  position: absolute;
  display: block;
  background: #009688;
  right: 10px;
  top: 10px;
  border: 2px solid black;
  border-radius: 50%;
}
.select-data-company:hover{
  background: #6cabf5;
  color:#3f51b5;
  right: 9px;
  top: 9px;
  font-size: 27px;
  border-color: #3f51b5;
}
.select-data-company2{
  font-size: 10px;
    padding: 5px;
    background: #009688;
    right: 10px;
    top: 10px;
    border: 1px solid black;
    font-weight: bold;
    border-radius: 50%;
}

.resalt2{
  display: inline;
  background: #ffffff !important;
  color: #4c4c4c !important;
  border-color: #797979 !important;
}

.trseries{
  height: 40px;
  display: flex;
  margin: 5px;
}

.cserie{
  background: #e6e6e6;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.42);
}
.cserieb{
  background: #baeace;
    box-shadow: 0 0 4px #357737;
}
.cetapa{
  background: #f9f9f9;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.32);
}
.cetapa2{
  background: #f9fcff;
  box-shadow: 0 0 3px #7fa4c3;
}
.cetapa3{
  background: #f9f9f9;
  box-shadow: 0 0 3px rgb(175, 175, 175);
}
.top-line{
  background: #e2e2e2;
    display: block;
    position: relative;
    width: 4px;
    height: 32px;
    top: -53px;
    left: 8px;
}
.left-line{
  background: #e2e2e2;
    display: block;
    position: relative;
    width: calc(100% + 9px);
    height: 4px;
    top: -49px;
    left: 15px;
}
.tdseries {
    margin: 5px;
    padding-left: 10px;
    padding-top: 5px;
    display: block;
}

.trline{
  height: 10px;
}

.white{
  background: #fff;
}

.plusseries{
  height: 30px !important;
  min-width: 33px !important;
  width: 33px !important;
  margin-top: -6px;
  background: var(--BackgroundG) !important;
  color: var(--ColorA) !important;
}
.close-docs{
  color: red;
  cursor: pointer;
}

.reldoc{
  display:none !important;
}
.etiquetarel{
  color:#585858;
  background:#ffffff;
  padding:5px 10px;
  border:1px solid #dedede;
  border-radius:5px;
}
.bluesito{
  background: #d0e6ff;
}
p {
    font-size: 18px !important;
}
.tablero_col{
  font-weight: bold;
  font-size: 20px;
  width: 90px;
  display: block;
  position: relative;
  border-radius:5px;
  padding: 7px;
  margin: 5px auto;
}
.tcn{
  color: #a9a9a9 !important;
  border: 3px solid #a7a7a7;
  background: #f7f7f7;
  text-shadow: 0 0 1px #757575;
}
.tca{
  color: #e91e63 !important;
  border: 3px solid #e91e63;
  background: #ffc9db;
  text-shadow: 0 0 1px #9e0237;
}
.tcb{
  color: #daad16 !important;
  border: 3px solid #dcaa00;
  background: #ffecac;
  text-shadow: 0 0 1px #b58a18;
}
.tcc{
  color: #088276 !important;
  border: 3px solid #009688;
  background: #b3f9f2;
  text-shadow: 0 0 1px #0d7168;
}
.option-char{
    background: #f3f3f3;
    border: 1px solid #757575;
    color: #757575;
    border-radius: 4px;
    padding: 5px 10px;
    top: 10px;
    display: block;
    position: relative;
    margin-left: 10px;
}
.oc_access{
  background: #e5fffc;
  border: 1px solid #009688;
  color: #009688;
}
.oc_fail{
  background: #ffd8e5;
  border: 1px solid #e91e63;
  color: #e91e63;
}
.trprov2 {
    background: #e9f5f4;
}
.trprov2 th{
   color: #009688;
   font-size: 17px;
}

#privacy{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-top: 5px solid #f2c03f;
  box-shadow: 0 0 60px #ae8007;
  background: #ffde87;
  z-index: 3;
  -webkit-animation: privacy 1s ease-in;
          animation: privacy 1s ease-in;
}

#privacy-btn:hover{
  background: #fff;
  color:red;
}

@-webkit-keyframes privacy {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 150px;
    opacity: 1;
  }
}

#privacy-btn{
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    color: #ffde87;
    border-radius: 5px;
    background: #000;
    cursor: pointer;
    transition: 0.3s;
}

.letter_press{
  display:block;
  position:relative;
  background:#4a90e2;
  width:60px;
  padding: 18px 0;
  box-shadow: 0 0 10px #4a90e2;
  border: 1px solid #2f84e8;
  border-radius:5px;
  float:left;
  color:#ffffff !important;
  font-weight:bold;
  margin: 4px;
}

.letter{
  display:block;
  position:relative;
  background:#4b4b4b;
  width:60px;
  padding: 18px 0;
  box-shadow: 0 0 2px black;
  border: 1px solid #212121;
  border-radius:5px;
  float:left;
  color:#ffffff !important;
  font-weight:bold;
  margin: 4px;
}