@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);


:root {
    --body-backg: #FF9F9;
    --menu-hoover: #ffc20a; /* #F4DA71; */
    --link-color: #ffc20a; /* #D0B242; /* #E6C34A ,  #D4AC0D;*/
    --link-focus: #7D868C;
    --card-header: #7D868C;
    --btn-backg: #7D868C;
    --btn-hover: #979A9A;
    --btn-toggle: #5F6A6A;
    --ctl-border: #ABABAB;
    --ctl-text: #222222;
    --ctl-backg: #fff;
    --ctl-shadow: #AAAAAA55;
    /*--error-color: #D38E56;*/
    --error-color: #e44c90;
}

body {
    margin: 0;
    margin-top: 5px;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #1f1e1e;
    background-color: var(--body-backg);
}

.container {
    max-width: 1600px;
}

.piepagina {
    font-size: small;
}

.usuario {
    font-weight: 500;
    font-size: medium;
    padding-bottom: 15px;
}


a.disabled {
    pointer-events: none;
}
/*
.card-header {
    color: var(--link-color);
    font-weight: 600;
    font-size: large;
    background-color: var(--card-header);
}

.card-body {
    padding-top: 0.25rem;
}
*/

.form-control:focus {
    color: var(--ctl-text);
    background-color: var(--ctl-backg);
    border-color: var(--ctl-border);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--ctl-shadow);
    -webkit-box-shadow: inset 0 1px 1px var(--ctl-shadow), 0 0 8px var(--ctl-shadow);
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 1);
}

.btn-primary {
    color: #fff;
    background-color: var(--btn-backg);
    border-color: var(--btn-backg);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--btn-hover);
    border-color: var(--btn-hover);
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--btn-hover);
    border-color: var(--btn-hover);
    box-shadow: 0 0 0 0.2rem var(--ctl-shadow);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--btn-toggle);
    border-color: var(--btn-toggle);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--btn-toggle);
    border-color: var(--btn-toggle);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--ctl-shadow);
}

.btn-link {
    font-weight: 500;
    color: var(--link-color);
    text-decoration: none;
}

.btn-link:hover {
    color: var(--link-focus);
    text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
    border-color: #fff;
    text-decoration: underline;
}

.navbar-laravel {
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

.navbar-brand, .nav-link, .my-form, .login-form {
    font-family: Raleway, sans-serif;
}

.my-form {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.my-form .row {
    margin-left: 0;
    margin-right: 0;
}

.login-form {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.login-form .row {
    margin-left: 0;
    margin-right: 0;
}
/*
a {
    color: var(--link-focus);
    font-size: small;
    text-decoration: underline;
}

a:hover {
    color: var(--link-color);
    font-size: small;
    text-decoration: underline;
}
*/
a.linkGrid {
    font-weight: 500;
    color: #1D1D1B;
    text-decoration: none;
    text-decoration: underline;
}

a.linkGrid:hover {
    color: var(--link-focus);
    text-decoration: underline;
}

a.linkGrid:focus, a.linkGrid.focus {
    border-color: #fff;
    text-decoration: underline;
}
/*
.table {
    color: #1D1D1B !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #C1C1C1 !important;
}
*/
.TextError {
    font-size: small;
    color: var(--error-color);
}

.btn-default {
    color: #fff;
    background-color: var(--btn-backg);
    border-color: var(--btn-backg);
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: var(--btn-toggle);
    border-color: var(--btn-toggle);
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: var(--btn-backg);
    border-color: var(--btn-backg);
}

.btn-default .badge {
    color: #fff;
    background-color: var(--btn-backg);
}


.btn-success {
    color: #fff;
    background-color: var(--btn-backg);
    border-color: var(--btn-backg);
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: var(--btn-backg);
    border-color: var(--btn-toggle);
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: var(--btn-backg);
    border-color: var(--btn-backg);
}

.btn-success .badge {
    color: #fff;
    background-color: var(--btn-backg);
}

.pasoCompleto {
    background-color: var(--link-color);
}

.form-group {
    margin-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 600;
    font-size: small;
    padding-inline: 15px 15px;
    color: var(--link-focus);
    text-decoration: none;
    stroke: var(--link-focus);
    background-color: #ffffff;
    letter-spacing: 1px;
}

.navbar-light:hover .navbar-nav:hover .nav-link:hover {
    font-weight: 600;
    font-size: small;
    color: var(--menu-hoover);
    text-decoration: none;
    background-color: var(--btn-backg); /* #808080; var(--ctl-border);*/
}