body {
}

.imagen {
    margin-top: 50px;
}

icono {
    width: 260px;
    height: 190px;
    margin-top: 10px;
}
.input-inicio1 {
    background-color: #e8e8e8;
    border-color: #5c2134;
    border-radius: .10rem;
    margin-bottom:15px;
    width:150px;
    text-align:right;
}
.input-inicio2 {
    background-color: #e8e8e8;
    border-color: #5c2134;
    border-radius: .10rem;
    margin-bottom: 15px;
    width: 150px;
    display:inline;
    text-align:right;
}
.input-inicio1:focus {
    color: #5c2134;
    background-color: #e8e8e8;
    border-color: #5c2134;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(102,56,69,.25) !important;
}
.input-inicio2:focus {
    color: #5c2134;
    background-color: #e8e8e8;
    border-color: #5c2134;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(102,56,69,.25) !important;
}

.label-inicio1 {
    color: #5c2134;
}
.margen{
    margin-top:300px
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge, .fc button .badge, .ajax-upload-dragdrop .ajax-file-upload .badge, .swal2-modal .swal2-buttonswrapper .swal2-styled .badge, .wizard > .actions a .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #4B49AC;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #3b3a88;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(75, 73, 172, 0.5);
}

.badge-secondary {
    color: #212529;
    background-color: #a3a4a5;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #212529;
    background-color: #898b8c;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(163, 164, 165, 0.5);
}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #fff;
    background-color: #57B657;
}

a.badge-success:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:hover, a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus {
    color: #fff;
    background-color: #429842;
}

a.badge-success:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-online:focus, a.badge-success.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-online {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(87, 182, 87, 0.5);
}

.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    color: #fff;
    background-color: #248AFD;
}

a.badge-info:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover, a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus {
    color: #fff;
    background-color: #0270ec;
}

a.badge-info:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus, a.badge-info.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-offline {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(36, 138, 253, 0.5);
}

.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    color: #212529;
    background-color: #FFC100;
}

a.badge-warning:hover, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:hover, a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus {
    color: #212529;
    background-color: #cc9a00;
}

a.badge-warning:focus, .preview-list .preview-item .preview-thumbnail a.badge.badge-busy:focus, a.badge-warning.focus, .preview-list .preview-item .preview-thumbnail a.focus.badge.badge-busy {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 0, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #FF4747;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #ff1414;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 71, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #282f3a;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #13171c;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 47, 58, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}