/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28-feb-2018, 17:21:08
    Author     : lhernandez
    */

    .Catalog-divider-3wgTh {
      position: absolute;
      left: 47.4%;
      top: 10%;
      bottom: 10%;
      border-left: 1px solid #004A97;
    }

    .Catalog-productResultWrap-9tK_e {
      overflow-y: auto;
    }

    .Catalog-productResult-3UhJ8 {
      margin: 15px 0px;
      padding-top: 30px;
      padding-bottom: 30px;
      border-top: 1px solid #cecece;
      border-bottom: 1px solid #cecece;
    }

    .Catalog-productImg-3JDC9 {
      border: 3px solid #FFA800;
      display: block;
      margin: auto;
      max-width: 100%;
    }

    .Catalog-productTitle-rY9RT {
      color: #004A97;
      margin: 0 0 15px;
    }

    .Catalog-productDesc-3qJg5 {
      color: #004A97;
      margin: 0 0 15px;
    }

    .Catalog-productDesc-3qJg5 strong {
      text-transform: uppercase;
      font-weight: bold;
    }

    .Catalog-productDesc-3qJg5 span {
      color: #FFA800;
      font-weight: bold;
    }

    .Catalog-catalogProductsTable-2dMp3 .react-bs-table-bordered {
      border: none;
      border-radius: 0px;
    }

    .Catalog-catalogProductsTable-2dMp3 .react-bs-container-header {
      display: none;
    }

    .Catalog-productDescCart-1PUgX {
      float: left;
      line-height: 32px;
    }

    .Catalog-cartDelete-18hRn {
      text-align: center;
      margin: 0 15px;
    }

    .Catalog-iconDanger-VDocr {
      max-width: 100%;
      display: block;
      margin: 0 auto 30px;
    }
    .list-group-item{
      cursor: pointer;
    }

    .list-group-item.active{
      color: #fff !important;
    }


    .touchspin-insumos input{
      width: 30px;text-align: center;
    }
    .touchspin-insumos span{
      cursor: pointer;
      padding: 6px;
    }

    .touchspin-insumos{
      border: 1px solid #a2a2a2;
    }
    .td-center td,.td-center th{
      text-align: center;
    }

    .label-form{
      color: #004A97;
      font-weight: bold;
      font-size: 20px;
      margin-top: 3px;
      margin-bottom: 3px;
    }

    .Table-root-13223 >thead>tr>th {
      background-color: #004A97;
      font-weight: bold;
      border-bottom: 1px solid #004A97;
      padding: 15px 8px;
      color: #fff;
    }

    .Table-root-13223 >tbody>tr:nth-of-type(even) {
      background-color: #ecf5ff;
    }

    .Table-root-13223 >tbody>tr:hover {
      background-color: #cae4ff;
    }

    .Table-root-13223 >tbody>tr>td,
    .Table-root-13223 >tbody>tr>th,
    .Table-root-13223 >tfoot>tr>td,
    .Table-root-13223 >tfoot>tr>th,
    .Table-root-13223 >thead>tr>td,
    .Table-root-13223 >thead>tr>th {
      border-top: none;
    }

    .Table-root-13223 .clickable {
      cursor: pointer;
      transition: background-color 400ms
    }

    .Table-root-13223 .clickable.selected {
      color: white;
      background-color: #004A97;
    }

    .Table-root-13223 .clickable.disabled {
      background-color: #ededed;
      color: #aaa;
    }

    .Table-root-13223 .btn {
      font-weight: normal;
      font-size: 10px;
    }

    .Table-root-13223 .btn i {
      font-size: 12px !important;
    }
    .ApplicationMessage-error-1_gEs,.ApplicationMessage-error-1_gEs p{
      color: #c10000;
    }


    .ApplicationMessage-error-1_gEs,.ApplicationMessage-error-1_gEs p{
      color: #c10000;
    }
    

    html,
    body {
      height: 100%;
      font-family: 'Avenir-Book', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    body {
      margin: 0;
      padding: 0;
    }

    #app {
      min-height: 100%;
      position: relative;
    }

    #app footer {
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
    }

    a {
      color: #004A97
    }

    a[role='button'] {
      cursor: pointer;
    }

    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='text'],
    input[type='url'],
    textarea,
    select {
    }

    input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, textarea:focus, select:focus {
      border-color: #004A97;
    }

    select {
    }

    select:disabled,
    select[readonly] {
      background-image: none;
    }

    .noPadding {
      padding: 0 !important;
    }

    .button {
      background-color: #004A97;
      border-color: #004A97;
      margin: 0 5px;
      text-transform: none;
      letter-spacing: inherit;
      white-space: nowrap;
      font-weight: normal;
      font-size: 20px;
      font-size: 1.25rem
    }

    .button:focus,
    .button:hover {
      background-color: #004A97;
      border-color: #004A97;
    }

    .button [disabled] {
      background-color: #004A97;
      border-color: #004A97;
    }

    .button.button-outline {
      color: #004A97;
    }

    .button.button-outline:focus,
    .button.button-outline:hover {
      border-color: #004A97;
      color: #004A97;
    }

    .button.button-outline[disabled] {
    }

    .button.button-outline[disabled]:focus,
    .button.button-outline[disabled]:hover {
      color: #004A97;
    }

    .button.button-clear {
      color: #004A97;
    }

    .button.button-clear:focus,
    .button.button-clear:hover {
      color: #004A97;
    }

    .button.button-clear[disabled] {
    }

    .button.button-clear[disabled]:focus,
    .button.button-clear[disabled]:hover {
      color: #004A97;
    }

            /*:global(.container) {
              padding: 0 15px;
              margin-left: auto;
              margin-right: auto;
            }

            @media (--sm-and-up) {
              :global(.row) {
                flex-direction: row;
                margin-left: -1rem;
                width: calc(100% + 2rem);
              }

              :global(.row) :global(.column) {
                margin-bottom: inherit;
                padding: 0 1rem;
              }
            }

            @media (--xs-viewport) {
              :global(.container) {
                max-width: 100%;
              }
            }

            @media (--sm-viewport) {
              :global(.container) {
                max-width: calc(0.9 * var(--screen-sm-min));
              }
            }

            @media (--md-viewport) {
              :global(.container) {
                max-width: calc(0.85 * var(--screen-md-min));
              }
            }

            @media (--lg-viewport) {
              :global(.container) {
                max-width: calc(0.8 * var(--screen-lg-min));
              }
            }

            :global(.form-container) {
              max-width: 70rem;
              margin: 0 auto;
              padding: 0 15px;
            }
            */

            .mt-50 {
              margin-top: 50px;
            }

            .mt-37 {
              margin-top: 37px;
            }

            .noMargin {
              margin: 0 !important;
            }

            .notice { /* ALERT <- RENAME THIS SHIT! */
              color: #004A97;
              font-weight: bold;
              font-size: 36px;
              margin: 20px auto;
            }

            .notice-small {
              font-size: 16px;
            }

            .notice-medium {
              font-size: 20px;
            }

            .text-bottom {
              vertical-align: bottom !important;
            }

            /* ==========================================================================
             Bootstrap React
             ========================================================================= */

             .btn {
              border-radius: 0;
              text-transform: uppercase;
              font-weight: bold;
            }

            .btn i.fa {
              padding-left: 5px;
              font-size: 18px;
            }

            .btn-primary {
              background-color: #004A97;
              border-color: #004286;
            }

            .btn-primary * {
              color: #fff;
              text-decoration: none;
            }

            .btn-primary:hover {
              background-color: #005bb9;
              border-color: #004A97;
            }

            .btn-primary:hover * {
              color: #fff;
              text-decoration: none;
            }

            .btn-secondary {
              background-color: #FFA800;
              border-color: #dd9200;
              color: #fff;
            }

            .btn-secondary:hover {
              background-color: #ffb422;
              border-color: #FFA800;
              color: #fff;
            }

            .btn-secondary:focus {
              color: #fff;
              background-color: #ffb422;
              border-color: #FFA800;
            }

            .btn-secondary:active {
              color: #fff;
              background-color: #ffb422;
              border-color: #FFA800;
            }

            .btn-secondary:active:focus {
              color: #fff;
              background-color: #ffb422;
              border-color: #FFA800;
            }

            .btn-danger {
              background-color: #AB3428;
              border-color: #8f2c22;
            }

            .btn-danger:hover {
              background-color: #c73c2e;
              border-color: #AB3428;
            }

            .btn-success {
              background-color: #499F68;
              border-color: #2e6542;
            }

            .btn-success:hover {
              background-color: #58b278;
              border-color: #499F68;
            }

            .btn-info {
              background-color: #3B8EA5;
              border-color: #32788c;
            }

            .btn-info:hover {
              background-color: #45a3bd;
              border-color: #3B8EA5;
            }

            .btn-warning {
              background-color: #FFBC42;
              border-color: #ffb020;
            }

            .btn-warning:hover {
              background-color: #ffc864;
              border-color: #FFBC42;
            }

            .btn-outline {
              background-color: transparent;
              color: inherit;
              transition: all .5s;
            }

            .btn-primary.btn-outline {
              color: #004A97;
            }

            .btn-secondary.btn-outline {
              color: #FFA800;
            }

            .btn-success.btn-outline {
              color: #499F68;
            }

            .btn-info.btn-outline {
              color: #3B8EA5;
            }

            .btn-warning.btn-outline {
              color: #FFBC42;
            }

            .btn-danger.btn-outline {
              color: #AB3428;
            }

            .btn-primary.btn-outline:hover,
            .btn-secondary.btn-outline:hover,
            .btn-success.btn-outline:hover,
            .btn-info.btn-outline:hover,
            .btn-warning.btn-outline:hover,
            .btn-danger.btn-outline:hover {
              color: #fff;
            }

            .nav-tabs {
              border-color: #004A97;
            }

            .nav-tabs > li {
              /*margin-bottom: 0;*/
            }

            .nav-tabs > li > a {
              text-transform: uppercase;
              font-weight: bold;
              margin-bottom: 0;
              border-color: #004A97;
            }

            .nav-tabs > li.active > a {
              background-color: #004A97;
              color: #fff;
              border-color: #004A97;
            }

            .nav-tabs > li.active > a:hover {
              background-color: #004A97;
              color: #fff;
              border-color: #004A97;
            }

            .nav-tabs > li.active > a:focus {
              background-color: #004A97;
              color: #fff;
              border-color: #004A97;
            }

            .nav-tabs > li > a:hover {
              background-color: #004A97;
              color: #fff;
              border-color: #004A97;
            }

            .nav-tabs > li > a:focus {
              background-color: #004A97;
              color: #fff;
              border-color: #004A97;
            }

            .alert {
              border-radius: 0;
            }

            .alert-info {
              color: #32788c;
              background-color: #dbedf2;
              border-color: #c2e1e9;
            }

            .col-md-4:nth-child(3n+1) {
              clear: left;
            }

            /* ==========================================================================
              React-Table
              ========================================================================== */

              .react-table thead>tr>th {
                background-color: #004A97;
                font-weight: bold;
                border-bottom: 1px solid #004A97;
                padding: 15px 8px;
                color: #fff;
              }

              .react-table tbody>tr:nth-of-type(4n+1) {
                background-color: #ecf5ff;
              }

              .react-table tbody>tr:hover {
                background-color: #cae4ff;
              }

              .react-table tr:hover {
                /*cursor: pointer;*/
              }

              .react-table td:focus {
                outline: none !important;
              }

              .react-bs-table-container {
                height: initial !important;
              }

              .react-bs-table {
                height: initial !important;
              }

              .react-bs-container-body {
                height: initial !important;
              }

            /* ==========================================================================
              Page
              ========================================================================== */

              .pageTitle {
                text-transform: uppercase;
                font-weight: bold;
                margin: 30px auto;
                font-size: 40px;
                color: #004A97;
              }

              .PageMainAccion {
                margin: 35px auto;
              }

            /**
             * React Starter Kit (https://www.reactstarterkit.com/)
             *
             * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
             *
             * This source code is licensed under the MIT license found in the
             * LICENSE.txt file in the root directory of this source tree.
             */

             @font-face {
              font-family: 'Avenir-Book';
              src: url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
              url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
              font-weight: normal;
              font-style: normal;
            }

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

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

            :root {
                /*
                 * Typography
                 * ======================================================================== */

                /**
                 * Custom selectors
                 **/

                /**
                 * Colors
                 * ======================================================================== */
               }

               .Sidemenu-sidemenu-2jqcx {
                position: fixed;
                left: 0;
                top: 0;
                bottom: 0;
                width: 640px;
                width: 40rem;
                background-color: #004A97;
                z-index: 1000;
                box-shadow: black 0 0 25px;
                color: #eee;
                transition: transform 300ms ease-in;
                padding-top: 70px
              }

              .Sidemenu-sidemenu-2jqcx.Sidemenu-closed-2bhkK {
                -ms-transform: translateX(-40rem);
                transform: translateX(-40rem);
                box-shadow: none;
              }

              .Sidemenu-content-ysDM3 {
                padding: 15px;
                padding-top: 70px;
              }

              .Sidemenu-links-2T9vd {
                list-style: none;
                padding: 0;
              }

              .Sidemenu-links-2T9vd > li {
                margin: 0;
              }

              .Sidemenu-links-2T9vd > li > a {
                text-decoration: none;
                line-height: 1.25em;
                font-size: 16px;
                display: block;
                padding: 20px 15px;
                color: #eee
              }

              .Sidemenu-links-2T9vd > li > a:hover {
                background-color: #004286;
              }

              .Sidemenu-overlay-ISp8P {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: black;
                opacity: 0.75;
                z-index: 500;
              }

              .Sidemenu-overlay-enter-1KOPj {
                opacity: 0.01;
                transition: opacity 300ms ease-in;
              }

              .Sidemenu-overlay-enter-active-eoCxQ {
                opacity: 0.75;
              }

              .Sidemenu-overlay-leave-3VvAG {
                opacity: 0.75;
                transition: opacity 300ms ease-out;
              }

              .Sidemenu-overlay-leave-active-1XwYU {
                opacity: 0.01;
              }

            /**
             * React Starter Kit (https://www.reactstarterkit.com/)
             *
             * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
             *
             * This source code is licensed under the MIT license found in the
             * LICENSE.txt file in the root directory of this source tree.
             */

             @font-face {
              font-family: 'Avenir-Book';
              src: url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
              url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.ttf')  format('truetype'),
              url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
              font-weight: normal;
              font-style: normal;
            }

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

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

            :root {
                /*
                 * Typography
                 * ======================================================================== */

                /**
                 * Custom selectors
                 **/

                /**
                 * Colors
                 * ======================================================================== */
               }

               .SidemenuLink-sidemenu-2m1Ke {
                position: fixed;
                left: 0;
                top: 0;
                bottom: 0;
                width: 640px;
                width: 40rem;
                background-color: #004A97;
                z-index: 1000;
                box-shadow: black 0 0 25px;
                color: #eee;
                transition: transform 300ms ease-in;
                padding-top: 70px
              }

              .SidemenuLink-sidemenu-2m1Ke.SidemenuLink-closed-1AcGO {
                -ms-transform: translateX(-40rem);
                transform: translateX(-40rem);
                box-shadow: none;
              }

              .SidemenuLink-content-1mTm2 {
                padding: 15px;
                padding-top: 70px;
              }

              .SidemenuLink-links-13c4z {
                list-style: none;
              }

              .SidemenuLink-links-13c4z > li {
                margin: 0;
              }

              .SidemenuLink-links-13c4z > li > a {
                text-decoration: none;
                line-height: 1.25em;
                display: block;
                padding: 15px;
                color: #eee
              }

              .SidemenuLink-links-13c4z > li > a:hover {
                background-color: #004286;
              }

              .SidemenuLink-overlay-2W9sy {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: black;
                opacity: 0.75;
                z-index: 500;
              }

              .SidemenuLink-overlay-enter-1oEje {
                opacity: 0.01;
                transition: opacity 300ms ease-in;
              }

              .SidemenuLink-overlay-enter-active-3cMZo {
                opacity: 0.75;
              }

              .SidemenuLink-overlay-leave-Gi8tS {
                opacity: 0.75;
                transition: opacity 300ms ease-out;
              }

              .SidemenuLink-overlay-leave-active-1Xtc_ {
                opacity: 0.01;
              }

            /**
             * React Starter Kit (https://www.reactstarterkit.com/)
             *
             * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
             *
             * This source code is licensed under the MIT license found in the
             * LICENSE.txt file in the root directory of this source tree.
             */

             @font-face {
              font-family: 'Avenir-Book';
              src: url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
              url('../fonts/AvenirLTStd-Book/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
              font-weight: normal;
              font-style: normal;
            }

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

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

            :root {
                /*
                 * Typography
                 * ======================================================================== */

                /**
                 * Custom selectors
                 **/

                /**
                 * Colors
                 * ======================================================================== */
               }

               input[type='email'],
               input[type='number'],
               input[type='password'],
               input[type='search'],
               input[type='tel'],
               input[type='text'],
               input[type='url'],
               textarea,
               select {
               }

               input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, textarea:focus, select:focus {
                border-color: #FFA800;
              }

              .LoginForm-root-3avrN {
                min-height: 100%;
                min-height: 100vh;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                background-color: transparent;
                background-image: url(' ../img/bg-login.png');
              }

              .LoginForm-root-3avrN .input {
                line-height: 46px !important;
                height: 46px !important;
                color: #fff !important;
              }

              .LoginForm-root-3avrN .input::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #fff !important;
              }

              .LoginForm-root-3avrN .input::-moz-placeholder {
                /* Firefox 19+ */
                color: #fff !important;
              }

              .LoginForm-root-3avrN .input:-ms-input-placeholder {
                /* IE 10+ */
                color: #fff !important;
              }

              .LoginForm-root-3avrN .input:-moz-placeholder {
                /* Firefox 18- */
                color: #fff !important;
              }

              .LoginForm-container-36X2C {
                margin: 0 auto;
                padding: 0 0 40px;
                max-width: 380px;
              }

              .LoginForm-lead-3qYsg {
                font-size: 16px;
                color: #FFA800;
                text-transform: uppercase;
                font-weight: 500;
              }

              .LoginForm-login-title-3U9J3 {
                color: #fff;
                text-transform: uppercase;
                font-weight: bold;
              }

              .LoginForm-login-title-3U9J3 span {
                display: block;
                width: 100%;
                font-size: 70px;
                font-weight: bold;
              }

              .LoginForm-login_logo_wrap-3Dnsn {
                width: 200px;
                height: 200px;
                position: relative;
                background-color: #004A97;
              }

              .LoginForm-login_logo_wrap-3Dnsn img {
                max-width: 80%;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
              }

              .LoginForm-button-1PVdJ {
                display: block;
                box-sizing: border-box;
                margin: 0;
                padding: 10px 16px;
                width: 100%;
                outline: 0;
                border: 1px solid #004A97;
                border-radius: 0;
                background: #004A97;
                color: #fff;
                text-align: center;
                text-decoration: none;
                font-size: 18px;
                line-height: 1.3333333;
                cursor: pointer;
              }

              .LoginForm-button-1PVdJ:hover {
                background: rgba(0, 74, 151, 0.8);
              }

              .LoginForm-button-1PVdJ:focus {
                border-color: #004A97;
                box-shadow: 0 0 8px rgba(0, 74, 151, 0.6);
              }

              .LoginForm-facebook-3V8IM {
                border-color: #3b5998;
                background: #3b5998;
              }

              .LoginForm-facebook-3V8IM:hover {
                background: #2d4373;
              }

              .LoginForm-google-TwOlB {
                border-color: #dd4b39;
                background: #dd4b39;
              }

              .LoginForm-google-TwOlB:hover {
                background: #c23321;
              }

              .LoginForm-twitter-PqnFw {
                border-color: #55acee;
                background: #55acee;
              }

              .LoginForm-twitter-PqnFw:hover {
                background: #2795e9;
              }

              .LoginForm-icon-1Yogs {
                display: inline-block;
                margin: -2px 12px -2px 0;
                width: 20px;
                height: 20px;
                vertical-align: middle;
                fill: currentColor;
              }

              .LoginForm-lineThrough-JUDRk {
                position: relative;
                z-index: 1;
                display: block;
                margin-bottom: 15px;
                width: 100%;
                color: #757575;
                text-align: center;
                font-size: 80%;
              }

              .LoginForm-lineThrough-JUDRk::before {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: -1;
                margin-top: -5px;
                margin-left: -20px;
                width: 40px;
                height: 10px;
                background-color: #fff;
                content: '';
              }

              .LoginForm-lineThrough-JUDRk::after {
                position: absolute;
                top: 49%;
                z-index: -2;
                display: block;
                width: 100%;
                border-bottom: 1px solid #ddd;
                content: '';
              }



              :root {
                /*
                 * Typography
                 * ======================================================================== */

                /**
                 * Custom selectors
                 **/

                /**
                 * Colors
                 * ======================================================================== */
               }

               .FormGroup-hint-3LGBo {
                font-size: 0.8em;
                display: block;
              }

              .FormGroup-feedback-1WBuo {
              }

              .FormGroup-form-group-18bb6 {
                margin: 10px 0;
              }

              /*padding: 5px;*/

              .FormGroup-form-group-18bb6 input[type='email'],
              .FormGroup-form-group-18bb6 input[type='number'],
              .FormGroup-form-group-18bb6 input[type='password'],
              .FormGroup-form-group-18bb6 input[type='search'],
              .FormGroup-form-group-18bb6 input[type='tel'],
              .FormGroup-form-group-18bb6 input[type='text'],
              .FormGroup-form-group-18bb6 input[type='url'],
              .FormGroup-form-group-18bb6 textarea,
              .FormGroup-form-group-18bb6 select {
                /*margin-bottom: 5px;*/
              }

              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='email'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='number'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='password'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='search'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='tel'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='text'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI input[type='url'],
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI textarea,
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI select {
                border-color: #AB3428;
              }

              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI label,
              .FormGroup-form-group-18bb6.FormGroup-has-error-k9cxI .FormGroup-feedback-1WBuo {
                color: #AB3428;
              }


              :root {
                /*
                 * Typography
                 * ======================================================================== */

                /**
                 * Custom selectors
                 **/

                /**
                 * Colors
                 * ======================================================================== */
               }

               input[type='email'],
               input[type='number'],
               input[type='password'],
               input[type='search'],
               input[type='tel'],
               input[type='text'],
               input[type='url'],
               textarea,
               select {
               }

               input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, textarea:focus, select:focus {
                border-color: #FFA800;
              }

              .Input-root-15nvG {
                line-height: 34px;
                height: 34px;
                color: #004286;
                display: block;
                box-sizing: border-box;
                padding: 5px 16px;
                width: 100%;
                outline: 0;
                border: 1px solid #FFA800;
                border-radius: 0;
                background: transparent;
                font-size: 18px;
                transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
              }

              .Input-root-15nvG::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                /*color: var(--brand-primary-darken);*/
                color: #ccc;
              }

              .Input-root-15nvG::-moz-placeholder { /* Firefox 19+ */
                /*color: var(--brand-primary-darken);*/
                color: #ccc;
              }

              .Input-root-15nvG:-ms-input-placeholder { /* IE 10+ */
                /*color: var(--brand-primary-darken);*/
                color: #ccc;
              }

              .Input-root-15nvG:-moz-placeholder { /* Firefox 18- */
                /*color: var(--brand-primary-darken);*/
                color: #ccc;
              }

              .Input-select-36UJn {
                padding: 0 12px;
              }


              :root {
                /*
                 * Typography
                 * ======================================================================== */

                /**
                 * Custom selectors
                 **/

                /**
                 * Colors
                 * ======================================================================== */
               }

               .FormFeedbackContainer-root-2Dz-m {
                height: 20px;
                margin: 5px 0;
              }

              .FormFeedbackContainer-root-2Dz-m span {
                line-height: 20px;
                font-size: 14px;
                color: #AB3428;
              }