body {
  font-family: "Roboto", sans-serif;
  font-weight: 300; }

  .white-text {
    color: #fff !important; }

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }
.flex-center p {
    margin: 0; }
.flex-center ul {
    text-align: center; }
.flex-center ul li {
    margin-bottom: 1rem; }
.flex-center ul li:last-of-type {
    margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

.h1-responsive {
  font-size: 150%; }

.h2-responsive {
  font-size: 145%;
  color: #ffffff;
}

.h3-responsive {
  font-size: 135%; }

.h4-responsive {
  font-size: 135%; }

.h5-responsive {
  font-size: 135%; }



@media (min-width: 576px) {
  .h1-responsive {
    font-size: 170%; }
  .h2-responsive {
    font-size: 140%; }
  .h3-responsive {
    font-size: 125%; }
  .h4-responsive {
    font-size: 125%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 768px) {
  .h1-responsive {
    font-size: 200%; }
  .h2-responsive {
    font-size: 170%; }
  .h3-responsive {
    font-size: 140%; }
  .h4-responsive {
    font-size: 125%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 992px) {
  .h1-responsive {
    font-size: 200%; }
  .h2-responsive {
    font-size: 170%; }
  .h3-responsive {
    font-size: 140%; }
  .h4-responsive {
    font-size: 125%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 1200px) {
  .h1-responsive {
    font-size: 250%; }
  .h2-responsive {
    font-size: 200%; }
  .h3-responsive {
    font-size: 170%; }
  .h4-responsive {
    font-size: 140%; }
  .h5-responsive {
    font-size: 125%; } }



/*Center elements like*/
.row-center {
    justify-content: center;
}

.btn-facebook {
    background: #2c6ad4;
}
.btn-facebook span {
    margin-left: -17%;
}
.login_wrapper .btn-facebook:hover {
    background-color: #2c6ad4;
    border-color: #2c6ad4
}


.login_form_wrapper {
    float: center;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}

.login_wrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
    /*margin-top: 80px;*/
    float: center;
    width: 100%;
    background: #fff;
    padding: 75px 50px 50px 50px;
    box-shadow: 2px 2px 42px #999;
}

.login_wrapper button.btn {
    color: #fff;
    /*width: 100%;*/
    height: 50px;
    padding: 6px 50px;
    line-height: 36px;
    margin-bottom: 20px;
    /*text-align: center;*/
    border-radius: 25px;
    /*background: #E25656;*/
    font-size: 18px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

/* modificar boton con a tag */
.login_wrapper a.btn {
    color: #fff;
    /*width: 100%;*/
    height: 50px;
    padding: 6px 25px;
    line-height: 36px;
    margin-bottom: 20px;
    /*text-align: center;*/
    border-radius: 25px;
    /*background: #E25656;*/
    font-size: 18px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

.login_wrapper a i {
    float: left;
    margin-left: 10%;
    line-height: 49px;
    font-size: 2.2em;
}



.login_wrapper h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #111;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

.login_wrapper .formsix-pos,
.formsix-e {
    position: relative
}

.form-group {
    margin-bottom: 15px
}

.login_wrapper .form-control {
    /*height: 49px;*/
    /*padding: 15px 20px;*/
    /*font-size: 14px;*/
    /*line-height: 24px;*/
    /*border: 1px solid #fafafa;*/
    /*border-radius: 3px;*/
    /*box-shadow: none;*/
    font-family: 'Roboto';
    /*-webkit-transition: all 0.3s ease 0s;*/
    /*-moz-transition: all 0.3s ease 0s;*/
    /*-o-transition: all 0.3s ease 0s;*/
   /* transition: all 0.3s ease 0s;*/
    background-color: #ffffff;
    outline: 0;
    border-width: 0 0 2px 0;
    border-color: #dfdddd;
}

.login_wrapper .form-control:focus {
    color: #999;
    background-color: #ffffff;
    /*border: 1px solid #E25656;*/
    outline: 0;
    border-width: 0 0 2px 0;
    border-color: #E25656;
    box-shadow: inset 0 0 0 #ddd;
}


.login_remember_box {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #999
}

.login_remember_box .control {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin: 0
}

.login_remember_box .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.login_remember_box .control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #999
}

.login_remember_box .forget_password {
    float: right;
    color: #db4c3e;
    padding-bottom: 20px;
    margin-bottom: 30px
}
/* centrar botones */
.login_btn_wrapper {
     text-align: center;
}
/* Give Color a login button */
.login_btn_wrapper button.login_btn {
    background: #E25656;
    /*width: 42%;*/
    }

/* modificar boton con a tag */
.login_btn_wrapper a.login_btn {
    background: #E25656;
    /*width: 42%;*/
    }

.login_btn_wrapper button.login_btn:hover {
    background-color: #f0b403;
    border-color: #f0b403
}

/* modificar boton con a tag */
.login_btn_wrapper a.login_btn:hover {
    background-color: #f0b403;
    border-color: #f0b403
}

.login_message p {
    text-align: center;
    font-size: 16px;
    margin: 0
}

.h3-responsive p {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px
}


.card-profile hr {
margin-top: 0rem;
width: 100%;
height: 3px;
}

/* Código para cambiar de color */
.btn-primary, .btn-primary:hover, .btn-primary.disabled,
.btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle, .btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle, .dropdown-item.active,
.dropdown-item:active, .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:active ~ .custom-control-label::before, .list-group-item.active,
.modal-primary .modal-content, .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle, .btn-success, .btn-success:hover,
.card-profile hr,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
{
    border-color: #E25656;
    background-color: #E25656;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.page-item.active .page-link, .progress-bar, .bg-primary,
.border-primary, .bg-blue, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link, .popover-primary,
.datepicker table tr td.highlighted.focused,
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.range,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.day.range:hover,
.custom-toggle input:checked + .custom-toggle-slider::before
{
    background: #E25656;
}



.btn-outline-primary,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled, .btn-link
{
    color: #E25656;
    border-color: #E25656;
}

.bg-gradient-primary,
.bg-gradient-blue, .bg-gradient-default
{
    background: #E25656 !important;
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-toggle input:checked + .custom-toggle-slider
{
    border-color: #E25656;
}

.login-page,
.register-page {
  background: #d2d6de;
  background-image: url('../img/splash.png');
  background-position: center -7em;
  background-size: cover;
}