/* Error de minimización. Devolviendo el contenido no minimizado.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,23): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-y'
(60,46): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-x'
 */
:root {
    --input-padding-x: 1.5rem;
    --input-padding-y: 0.75rem;
}

.login,
.image {
    min-height: 100vh;
}

.position-logo {
    position: relative;
}

.bg-logo {
    position: absolute;
    top: 10rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-logo img {
    content: url(http://www.diputadospan.org.mx/prensapan/images/logo_diputados_gppan.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 }

.bg-image {
    background-image: url('http://www.diputadospan.org.mx/prensapan/images/camara.png');
    background-size: cover;
    background-position: center;
}



.login-heading {
    font-weight: 300;
    padding-bottom: 1rem;
    text-align: center;
}

.btn-login {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    padding: 0.75rem 1rem;
    border-radius: 2rem;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

    .form-label-group > input,
    .form-label-group > label {
        padding: var(--input-padding-y) var(--input-padding-x);
        height: auto;
        border-radius: 2rem;
    }

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        /*margin-bottom: 0;*/
        /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        cursor: text;
        /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    /*.form-label-group input::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder {
        color: transparent;
    }*/

    .form-label-group input:not(:placeholder-shown) {
        /*padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
        padding-bottom: calc(var(--input-padding-y) / 3);*/
    }

        .form-label-group input:not(:placeholder-shown) ~ label {
            /*padding-top: calc(var(--input-padding-y) / 3);
            padding-bottom: calc(var(--input-padding-y) / 3);*/
            font-size: 12px;
            color: #777;
        }

/* Fallback for Edge
-------------------------------------------------- */

/*@supports (-ms-ime-align: auto) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input::-ms-input-placeholder {
        color: #777;
    }
}*/

/* Fallback for IE
-------------------------------------------------- */

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input:-ms-input-placeholder {
        color: #777;
    }
}*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus + label {
    border-bottom: 1px solid #B7B7B7 !important;
    /*-webkit-text-fill-color: red;*/
    -webkit-box-shadow: 0 0 0px 1000px #FAFBFF inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
    /*color: blue !important;*/
}
/*::placeholder { 
    color: red;
    opacity: 1; 
}
:-ms-input-placeholder {
    color: red;
}

::-ms-input-placeholder {
    color: red;
}*/

/*label {
    float: left;
    margin-right: 5px;
    color:red !important;
}

input[type=text]:focus + label {
    color: blue !important;
}*/

/*input[type=text]:focus {
    color: red !important;
}*/
select {
    text-align: center;
    text-align-last: center;
}

option {
    text-align: left;
}
input[type='checkbox']:after {
    content: "";
    position: absolute;
    display: none;
    width: 19px;
    height: 19px;
    border-radius: 2px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: white;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #3498DB;
    transition: 0.5s ease;
    cursor: pointer;
}

input[type='checkbox']:checked:after {
    background-color: #3498DB;
}

input[type='checkbox'] + label {
    display: inline;
    cursor: pointer;
    text-indent: 20px;
    padding-left: 15px;
    color: #7D7B7B;
}


input[type='radio']:after {
    width: 19px;
    height: 19px;
    border-radius: 2px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: white;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #3498DB;
    transition: 0.5s ease;
    cursor: pointer;
    border-radius: 10px;
}

input[type='radio']:checked:after {
    background-color: #3498DB;
}

input[type='radio'] + label {
    display: inline;
    cursor: pointer;
    text-indent: 20px;
    padding-left: 15px;
    color: #7D7B7B;
}


label {
    color: #737070 !important;
    font-size: 16px;
}

.color-font {
    color: #515151 !important;
    font-weight: 500;
}

/*.legend:focus {
    color: red !important;
    
}*/



.box-bg-round {
    border: 1px solid #E53826 !important;
}

.box-bg-bottom {
    border-bottom: 1px solid #E53826 !important;
    background-color: #FFF7F7 !important;
}

.box {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    /*color: #495057;*/
    background-color: #f4f4f4;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.box-line {
    background-color: #FAFBFF;
    background-clip: padding-box;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    /*color: #495057;*/
    /*background-clip: padding-box;*/
    border-bottom: 1px solid #B7B7B7;
    border-top: 0px solid white;
    border-left: 0px solid white;
    border-right: 0px solid white;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /*border-radius: 0.5rem;*/
    /*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}

    .box-line:focus {
        outline: 0;
        /*background: #fff;*/
        border-top: 0px solid #fff;
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
        background-color: #FAFBFF;
        border-bottom: 1.5px solid #1744BB;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


.color-gray {
    color: #495057;
}

.color-blue {
    color: #2560E1;
}

.text-box {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #f4f4f4;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.text-box-line:focus {
    outline: 0;
    /*background: #fff;*/
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 1.5px solid #1744BB;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:focus + label {
    color: red;
    font-weight: bold;
}


.button {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    width: 100%;
}


.button {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    width: 100%;
}

.text-search {
    height: calc(3rem + 2px);
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.8rem;
    width: 100%;
    line-height: 1.5;
    background-color: #FAFBFF;
}
    .text-search:focus {
        outline: 0;
        background-color: #FAFBFF;
        border: 1.5px solid #1744BB;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-border-blue {
    border: 1px solid #264FEA !important;
}

.btn-border-white {
    border: 1px solid white !important;
}

.font-blue {
    color: #264FEA !important;
}

    .font-blue:hover {
        color: white !important;
        background-color: #264FEA !important;
        border-color: #5DACD8;
    }


.btn-accept {
    color: #fff;
    background-color: #1a8dcc;
    border-color: #1a8dcc;
}

    .btn-accept:hover {
        color: #fff;
        background-color: #5DACD8;
        border-color: #5DACD8;
    }

.cursor-pointer {
    cursor:pointer;
}
.cursor-copy {
    cursor: url(http://www.diputadospan.org.mx/prensapan/images/icon_copy.png), auto;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity:1 !important;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 160px;
        background-color: #787878;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
.on-alert {
    display: block !important;
}

.off-alert {
    display: none !important;
}

.error {
    color: #E53826;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    width:100%;
}

.alert-error {
    background-color: #FAEAEA !important;
    color: #A64848;
}

.alert-warning {
    background-color: #FFF3CD !important;
    color: #625941;
}