/*
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;
    overflow: hidden;
}

#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;
}