/*
    Developer: César Arturo González Pérez
*/
body {
  background: white;
  font-family: 'Pontano Sans', sans-serif;
}
nav {
  background-color: #FFFFFF;
}
nav ul a {
  color: #444 !important;
}
nav ul a:hover {
  background-color: #41b6e6 !important;
  color: #FFFFFF !important;
}
nav .brand-logo {
  color: #444;
  height: 100%;
  padding: 5px 0;
}
nav .brand-logo img {
  height: 100%;
}
nav .button-collapse {
  color: #41b6e6;
}
.side-nav .userView .background {
  width: 100%;
}
.header {
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.41);
}
h1.header {
  font-size: 40px;
}
h5.header {
  font-size: 25px;
  font-family: "Tenor Sans";
}
h3 {
  font-size: 2.5rem;
  font-weight: 600;
}
#header-line {
  max-width: 200px;
  border-bottom: 2px solid #fff;
  margin: 40px auto;
}
.contact-info-section h5 {
  font-size: 18px;
}
.section {
  min-height: 500px;
  /*.us-list{
        list-style-image: url('../images/check_white.svg');
        list-style-position: inside;
        font-size: 18px;
        text-align: left;
        li{
            margin: 10px 0px;
            //transition: 0.5s padding-left ease-in-out;
            &:hover{
                //padding-left: 15px;
            }
        }
    }*/
}
.section .us-p {
  text-align: justify;
  font-size: 22px;
}
.section .carousel {
  height: 500px !important;
  margin-bottom: 20px;
}
.section .carousel img.title {
  background: white;
  padding: 5px;
  border-radius: 5px;
  margin: 20px 0px 10px 0px;
  width: 40%;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.section .carousel p {
  text-align: center;
  font-size: 20px!important;
}
.section .carousel .carousel-item {
  padding: 5%;
}
.button-collapse {
  color: #41b6e6;
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}
footer.page-footer {
  margin: 0;
  background-color: #D3D5D6;
}
footer .footer-copyright {
  color: #000000 !important;
}
footer .logos {
  display: flex;
}
footer .logos .logo {
  padding: 5px;
}
footer .logos .logo img {
  height: 75px;
}
.input-field label {
  color: #444;
}
.input-field input:focus + label {
  color: #41b6e6 !important;
}
.input-field input:focus {
  border-bottom: 1px solid #41b6e6 !important;
  box-shadow: 0 1px 0 0 #41b6e6 !important;
}
.input-field input.valid {
  border-bottom: 1px solid #444 !important;
  box-shadow: 0 1px 0 0 #444 !important;
}
.input-field input.invalid {
  border-bottom: 1px solid #444 !important;
  box-shadow: 0 1px 0 0 #444 !important;
}
.input-field .prefix.active {
  color: #41b6e6 !important;
}
.input-field textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #41b6e6 !important;
  box-shadow: 0 1px 0 0 #41b6e6 !important;
}
.input-field textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #41b6e6 !important;
}
.parallax-container {
  min-height: 400px;
  height: auto;
  color: #ffffff;
}
.parallax-container.title-parallax {
  max-height: 400px;
}
.parallax-container .section {
  width: 100%;
}
.parallax-container .section .input-field label {
  color: #FFFFFF;
}
.parallax-container .section .input-field input:focus + label {
  color: #41b6e6 !important;
}
.parallax-container .section .input-field input:focus {
  border-bottom: 1px solid #41b6e6 !important;
  box-shadow: 0 1px 0 0 #41b6e6 !important;
}
.parallax-container .section .input-field input.valid {
  border-bottom: 1px solid #444 !important;
  box-shadow: 0 1px 0 0 #444 !important;
}
.parallax-container .section .input-field input.invalid {
  border-bottom: 1px solid #444 !important;
  box-shadow: 0 1px 0 0 #444 !important;
}
.parallax-container .section .input-field .prefix.active {
  color: #41b6e6 !important;
}
.parallax-container .section .input-field textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #41b6e6 !important;
  box-shadow: 0 1px 0 0 #41b6e6 !important;
}
.parallax-container .section .input-field textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #41b6e6 !important;
}
.parallax-container .parallax img {
  filter: brightness(70%);
}
.dark_img {
  filter: brightness(30%) !important;
}
button {
  background-color: #41b6e6 !important;
}
.contpaqimg {
  width: 100%;
  margin: 5px 0px;
  cursor: pointer;
}
.background_contabilidad {
  background-color: #009a96 !important;
}
.background_nominas {
  background-color: #f18503 !important;
}
.background_bancos {
  background-color: #77b829 !important;
}
.background_comercial {
  background-color: #e1213c !important;
}
.background_factura_electronica {
  background-color: #8f0d57 !important;
}
.background_punto_de_venta {
  background-color: #f4da00 !important;
}
.background_crm {
  background-color: #bf56bf !important;
}
.background_bi {
  background-color: #9391ff !important;
}
.background_cfdi {
  background-color: #d6006b !important;
}
.background_xml {
  background-color: #428197 !important;
}
.background_produccion {
  background-color: #7f0015 !important;
}
.background_gastos {
  background-color: #49b801 !important;
}
#distribuidor {
  height: 60px;
}
#sidenav-overlay {
  z-index: 996 !important;
}
@media only screen and (min-width: 601px) {
  .navbar-fixed {
    height: 70px;
  }
  nav {
    height: 70px;
    line-height: 70px;
  }
}