﻿:root {
    --blue: #4e73df;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74a3b;
    --orange: #fd7e14;
    --yellow: #f6c23e;
    --green: #1cc88a;
    --teal: #20c9a6;
    --cyan: #36b9cc;
    --white: #fff;
    --gray: #858796;
    --gray-dark: #5a5c69;
    --primary: #4e73df;
    --secondary: #858796;
    --success: #1cc88a;
    --info: #36b9cc;
    --warning: #f6c23e;
    --danger: #e74a3b;
    --light: #f8f9fc;
    --dark: #5a5c69;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Barlow";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* barlow-regular - latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/barlow-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/barlow-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/barlow-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/barlow-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/barlow-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/barlow-v5-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}

html {
    font-family: Barlow;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #858796;
    font-family: Barlow;
    text-align: left;
    background-color: #fff;
    /*background: url('../Assets/image/LogoRegistro.png');*/
    /* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */
    background-position: center center;
    /* Para que la imagen de fondo no se repita */
    background-repeat: no-repeat;
    /* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
    background-attachment: fixed;
    /* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */
    background-size: cover;
}
/* resize images */
.containerlog img {
    width: 300px;
    height: auto;
}

.imgidentificacion img {
    width: 150px;
    height: auto;
}

.bg-medilaboral {
    color: #fff;
    background-color: #ABD13E;
    border-color: #ABD13E;
}


.btn-ml-principal {
    color: #fff;
    background-color: #ABD13E;
    border-color: #CBF74D;
}

    .btn-ml-principal:hover {
        color: #fff;
        background-color: #92BF11;
        border-color: #ABD13E;
    }

    .btn-ml-principal:focus, .btn-ml-principal.focus {
        box-shadow: 0 0 0 0.2rem rgba(203, 247, 77, 0.5);
    }

    .btn-ml-principal.disabled, .btn-ml-principal:disabled {
        color: #fff;
        background-color: #ABD13E;
        border-color: #ABD13E;
    }

    .btn-ml-principal:not(:disabled):not(.disabled):active, .btn-ml-principal:not(:disabled):not(.disabled).active,
    .show > .btn-ml-principal.dropdown-toggle {
        color: #fff;
        background-color: #ABD13E;
        border-color: #CBF74D;
    }

        .btn-ml-principal:not(:disabled):not(.disabled):active:focus, .btn-ml-principal:not(:disabled):not(.disabled).active:focus,
        .show > .btn-ml-principal.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(203, 247, 77, 0.5);
        }