﻿/******* Por Defecto *************************************************************************************/
body {
    background: #ffffff;
    font-size: small;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

select {
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

input {
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

a:link, a:visited {
    color: #066ABB;
    font-style: normal;
}

a:hover {
    color: #3E78FF;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/******* HEADINGS *************************************************************************************/
h1, h2, h3, h4, h5, h6 {
    color: #004FF2;
    font-variant: normal ;
    text-transform: none;
    /* font-weight: 200;*/
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.3em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}
/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/******* PRIMARY LAYOUT ELEMENTS **************************************************************************/
.page {
    /*width: 960px;*/
    background-color: #fff;
    margin: 0px auto 0px auto;
    /*border: 1px solid #496077;*/
}

.header {
    background: #FFFFFF;
    width: 100%;
}

    .header h1 {
        font-weight: 500;
        color: #f9f9f9;
        font-size: 2em;
    }

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.divSubtitulo {
    font-size: 1.5em;
    color: #333333;
    font-variant: normal ;
    margin-bottom: 3px;
    margin-top: 3px;
}

/******* FORM ELEMENTS *************************************************************************************/
fieldset {
    margin: 1em 0px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: #666666;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

.display-label {
    color: #2F4051;
    font-weight: 500;
}

/******* MISC *************************************************************************************/
.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: center;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: black;
}

    .loginDisplay a:link {
        color: black;
    }

    .loginDisplay a:visited {
        color: Gray;
    }

    .loginDisplay a:hover {
        color: black;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.CajaAzulRight {
    /* border: thin solid #4F6984;*/ /* font-family: 'Century Gothic';*/
    border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    font-size: 15px;
    background-color: #005CFF;
    color: #FFFFFF;
}

.CajaLR {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border: 2px solid #004FF2;
    height: 18px;
    padding-left: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.CajaLeft {
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border: 2px solid #004FF2;
    height: 18px;
    padding-left: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.CajaRight {
    /* border: thin solid #4F6984;*/ /* font-family: 'Century Gothic';*/
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border: 2px solid #004FF2;
    height: 18px;
    padding-left: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.CajaAzulLeft {
    /*border: thin solid #C0C0C0;*/
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    font-size: 15px;
    background-color: #005CFF;
    color: #FFFFFF;
}

.CajaAzulRight_Dwn {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px; /*border-radius: 3px 3px 3px 3px;     background: #4F6A86;     margin-left: -4px;*/
    width: 22px;
    height: 24px;
    display: inline-block;
    background-image: url('../Iconos/mas.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    cursor: pointer;
    color: #005CFF;
}

.CajaAzulRight_User_sinClick {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px; /*border-radius: 3px 3px 3px 3px;     background: #4F6A86;     margin-left: -4px;*/
    width: 22px;
    height: 24px;
    display: inline-block;
    background-image: url('../Iconos/userW.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    color: #005CFF;
    padding-left: 4px;
}

.CajaAzulLeft_User_sinClick {
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px; /*border-radius: 3px 3px 3px 3px;     background: #4F6A86;     margin-left: -4px;*/
    width: 22px;
    height: 24px;
    display: inline-block;
    background-image: url('../Iconos/userW.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    color: #005CFF;
    padding-left: 4px;
}

.CajaAzulLeft_Calendario_sinClick {
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px; /*border-radius: 3px 3px 3px 3px;     background: #4F6A86;     margin-left: -4px;*/
    width: 22px;
    height: 24px;
    display: inline-block;
    background-image: url('../Iconos/Calendar16.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    color: #005CFF;
}

.CajaAzulRight_Calendario {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px; /*border-radius: 3px 3px 3px 3px;     background: #4F6A86;     margin-left: -4px;*/
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url('../Iconos/Calendar16.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    color: #005CFF;
}

.CajaAzulLeft_Email_sinClick {
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px; /*border-radius: 3px 3px 3px 3px;     background: #4F6A86;     margin-left: -4px;*/
    width: 22px;
    height: 24px;
    display: inline-block;
    background-image: url('../Iconos/Email16.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    color: #005CFF;
}



.submit {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.5em 1em 0.5em 1em;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #005CFF;
    /*border-bottom: 2px solid #005CFF;*/
    cursor: pointer;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
}

    .submit:active {
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: 14px;
    }

    .submit:hover {
        background-color: #008BFF;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-variant: normal;
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
    }

.submitC {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.2em 0.4em 0.4em 0.4em;
    font-size: 13px;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #005CFF;
    /*border-bottom: 2px solid #005CFF;*/
    cursor: pointer;
    /*-webkit-box-shadow: inset 0 -2px #455E76;
    box-shadow: inset 0 -2px #455E76;*/
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
}

    .submitC:active {
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: 13px;
        font-weight: lighter;
        font-variant: normal;
    }

    .submitC:hover {
        top: 1px;
        position: relative;
        vertical-align: top; /*width: 100%;     height: 60px;*/
        padding: 0.2em 0.4em 0.4em 0.4em;
        font-size: 13px;
        font-weight: lighter;
        font-variant: normal;
        color: white;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        background: #008BFF;
        /*border-bottom: 2px solid #005CFF;*/
        cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        border-style: none;
        border-width: 0 0 0px 0;
        border-top-color: inherit;
        border-right-color: inherit;
        border-bottom-color: #455E76;
        border-left-color: inherit;
        border-radius: 3px 3px 3px 3px;
    }

.submitC2 {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.2em 0.4em 0.4em 0.4em;
    font-size: 12px;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #005CFF;
    /*border-bottom: 2px solid #005CFF;*/
    cursor: pointer;
    /*-webkit-box-shadow: inset 0 -2px #455E76;
    box-shadow: inset 0 -2px #455E76;*/
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
}

    .submitC2:active {
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: 12px;
        font-weight: lighter;
        font-variant: normal;
    }

    .submitC2:hover {
        top: 1px;
        outline: none;
        position: relative;
        vertical-align: top; /*width: 100%;     height: 60px;*/
        padding: 0.2em 0.4em 0.4em 0.4em;
        font-size: 12px;
        font-weight: lighter;
        font-variant: normal;
        color: white;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        background: #008BFF;
        /*border-bottom: 2px solid #005CFF;*/
        cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        border-style: none;
        border-width: 0 0 0px 0;
        border-top-color: inherit;
        border-right-color: inherit;
        border-bottom-color: #455E76;
        border-left-color: inherit;
        border-radius: 3px 3px 3px 3px;
    }

.submitBlock {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.5em 1em 0.5em 1em;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    background: #666666;
    cursor: not-allowed;
}

.submitCBlock {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.2em 0.4em 0.4em 0.4em;
    font-size: 13px;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #666666;
    cursor: not-allowed;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
}

.submitC2Block {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.2em 0.4em 0.4em 0.4em;
    font-size: 12px;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #666666;
    cursor: not-allowed;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
}


.submitG {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.5em 1em 0.5em 1em;
    font-size: small;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #C0C0C0; /*border-bottom: 2px solid #4F6A86;*/
    cursor: pointer;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
}

    .submitG:active {
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    }

    .submitG:hover {
        background-color: #D1DBE4;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: small;
        font-variant: normal;
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


.btnImgPrint {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.5em 1em 0.5em 1em;
    font-size: small;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #005CFF;
    border-bottom: 2px solid #005CFF;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #455E76;
    box-shadow: inset 0 -2px #4F6A86;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px;
    background-image: url('../Iconos/print.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
    background-position: center;
}

    .btnImgPrint:hover {
        background-color: #008BFF;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: small;
        font-variant: normal;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .btnImgPrint:active {
        position: relative;
        top: 1px;
    }


.btnImg {
    position: relative;
    vertical-align: top; /*width: 100%;     height: 60px;*/
    padding: 0.5em 1em 0.5em 1em;
    font-size: small;
    font-weight: lighter;
    font-variant: normal;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #005CFF;
    border-bottom: 2px solid #005CFF;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #455E76;
    box-shadow: inset 0 -2px #4F6A86;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    border-style: none;
    border-width: 0 0 0px 0;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #455E76;
    border-left-color: inherit;
    border-radius: 3px 3px 3px 3px;
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px;
    background-image: url('../Iconos/find.png');
    background-color: #005CFF;
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
    background-position: center;
}

    .btnImg:hover {
        background-color: #008BFF;
        font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: small;
        font-variant: normal;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .btnImg:active {
        position: relative;
        top: 1px;
    }

.btnConsultas {
    padding: 4px;
    background-color: #4F6984;
    font-family: "Montserrat",Arial, Helvetica, sans-serif;
    font-size: small;
    font-variant: normal;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    border: 1px solid #ddd;
    border-radius: 5px 5px 5px 5px;
    color: #EBEBEB;
}

    .btnConsultas:hover {
        background-color: #008BFF;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        font-size: small;
        font-variant: normal;
        -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
        -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
        border: 1px solid #ddd;
        border-radius: 5px 5px 5px 5px;
    }

    .btnConsultas:active {
        position: relative;
        top: 1px;
    }



/******* BUSCANDO *************************************************************************************/
.Buscando {
    padding: 3px 6px;
    color: black;
    text-align: left;
    font-size: 12px;
    font-family: "Montserrat", tahoma, Arial, Helvetica, sans-serif; /*-- css3 --*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 20px #999;
    -webkit-box-shadow: 0 0 20px #999;
    z-index: 1000;
    background-color: #DBDBDB;
}

    .Buscando p {
        margin: 5px 0;
    }

/******* TABLA *************************************************************************************/
table.tabla {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1em;
}

    table.tabla th {
        font-size: 11px;
        vertical-align: top;
        text-align: center;
        padding: 3px;
        font-weight: bold;
        background: #B5C6D5;
        border: 1px solid #AAA;
    }

    table.tabla td {
        vertical-align: top;
        padding: 5px;
        border-collapse: collapse;
        border: 1px solid #CCC;
    }

    table.tabla .par {
        background: #DBE2EA;
    }

.trDetails {
    color: #004FF2;
    height: 25px;
    font-family: "Montserrat", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}


/******* Helpers de Validaciones *******************************************************************************/
.field-validation-error {
    color: #ff0000;
    position: static;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/******* Helpers de Edicion y Display **************************************************************************/
.display-label, .editor-label {
    margin: 0 0 0 0;
    color: #004FF2;
    font-size: 14px;
}

.display-field, .editor-field {
    margin: 1px 0 0 0;
    height: 23px;
}

.text-box {
    width: 290px;
    height: 17px;
}

    .text-box.single-line {
        height: 17px;
    }

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

/******* Estilo de Iconos *************************************************************************************/
.edit-icon {
    text-indent: -9999px;
    background: transparent url('../Iconos/edit.png');
    background-repeat: no-repeat;
    display: inline-table;
    width: 20px;
    vertical-align: middle;
}

.details-icon {
    text-indent: -9999px;
    background: transparent url('../Iconos/details.png');
    background-repeat: no-repeat;
    display: inline-table;
    width: 20px;
    vertical-align: middle;
}

.delete-icon {
    text-indent: -9999px;
    background: transparent url('../Iconos/cross.png');
    background-repeat: no-repeat;
    display: inline-table;
    width: 20px;
    vertical-align: middle;
}

.new-icon {
    text-indent: -9999px;
    background: transparent url('../Iconos/new.png');
    background-repeat: no-repeat;
    display: inline-table;
    width: 30px;
    margin-top: 8px;
    vertical-align: middle;
}

.labelimg {
    margin: 0.2em 0 0 0;
    color: #004FF2;
    font-size: 16px;
}

.labelimg2 {
    color: #004FF2;
    font-size: 16px;
}

.fieldsetTableRadio {
    border: 2px solid #C0C0C0; /*font-family:Verdana,Arial,sans-serif;*/
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.fieldsetTableHeadRadio {
    /* font-family:Verdana,Arial,sans-serif;*/
    font-variant: normal ;
    text-transform: none;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    color: #004FF2;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 36%, #f4f4f4 43%, #f4f4f4 43%, #f4f4f4 55%, #dbdbdb 94%, #d1d1d1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(36%,#f4f4f4), color-stop(43%,#f4f4f4), color-stop(43%,#f4f4f4), color-stop(55%,#f4f4f4), color-stop(94%,#dbdbdb), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
    border-spacing: 5px;
}

.fieldsetTable {
    /*border: 1px solid #C0C0C0;*/
    /*font-family:Verdana,Arial,sans-serif;*/
}

.fieldsetTableHead2 {
    /* font-family:Verdana,Arial,sans-serif;*/
    font-variant: normal ;
    text-transform: none;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    color: #004FF2;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 36%, #f4f4f4 43%, #f4f4f4 43%, #f4f4f4 55%, #dbdbdb 94%, #d1d1d1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(36%,#f4f4f4), color-stop(43%,#f4f4f4), color-stop(43%,#f4f4f4), color-stop(55%,#f4f4f4), color-stop(94%,#dbdbdb), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f4f4f4 36%,#f4f4f4 43%,#f4f4f4 43%,#f4f4f4 55%,#dbdbdb 94%,#d1d1d1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
    border-spacing: 5px;
}

.fieldsetTableHead {
    font-size: 15px;
    font-variant: normal ;
    background-position: center top;
    padding: 10px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #004FF2;
    display: inline-block;
    width: 940px;
    text-align: center;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    background-image: url('../Images/panelXXL.png');
    background-repeat: no-repeat;
}

.titulos {
    color: #004FF2;
    font-size: 14px;
}

.cuadro {
    padding: 3px;
    width: auto;
    background: #D5DFEE;
    border: 1px solid #B5C7E1;
    color: #345483;
    font-size: 11px;
}

.scrollup {
    width: 115px;
    height: 50px;
    opacity: 0.7;
    position: fixed;
    bottom: 50px;
    right: 40px;
    display: none;
    text-indent: -9999px;
    background: url('../Iconos/arriba.png') no-repeat;
}


.mini_menu {
    font-variant: normal ;
    background-position: center top;
    padding: 10px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #004FF2;
    display: inline-block;
    width: 400px;
    height: 120px;
    text-align: center;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    background-image: url('../Images/panel.png');
    background-repeat: no-repeat;
}

.m_menu {
    font-variant: normal ;
    background-position: center top;
    padding: 10px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #004FF2;
    display: inline-block;
    width: 600px;
    /*text-align: center;*/
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    background-image: url('../Images/panelL.png');
    background-repeat: no-repeat;
}

.m_menu_pUp {
    font-variant: normal ;
    background-position: center top;
    padding: 3px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #004FF2;
    display: inline-block;
    width: 600px;
    /*text-align: center;*/
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    background-image: url('../Images/panelL.png');
    background-repeat: no-repeat;
}

.m_menu_grande {
    font-variant: normal ;
    background-position: center top;
    padding: 10px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #004FF2;
    display: inline-block;
    width: 810px;
    /*text-align: center;*/
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    background-image: url('../Images/panelXL.png');
    background-repeat: no-repeat;
}

.m_menu_grandeXXL {
    font-variant: normal ;
    background-position: center top;
    padding: 10px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #004FF2;
    display: inline-block;
    width: 940px;
    /*text-align: center;*/
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    background-image: url('../Images/panelXXL.png');
    background-repeat: no-repeat;
}

.m_menu_White {
    font-variant: normal ;
    padding: 10px 0px 0px 0px;
    background-color: #FDFDFD;
    color: #004FF2;
    display: inline-block;
    width: 400px; /*text-align: center;*/
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
}

.m_menu_BlueL {
    margin: 12px 20px 12px 20px;
    font-variant: normal ;
    padding: 5px 5px 5px 5px; /*background-color: #004FF2;*/
    background: rgb(69,94,118);
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
}

.m_menu_blanco {
    border: 2px solid #004FF2;
    margin: 12px 20px 12px 20px;
    font-variant: normal ;
    padding: 5px 5px 5px 5px; /*background-color: #004FF2;*/
    background: white;
    color: #004FF2;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
}

.m_menu_Alerta {
    margin: 12px 20px 12px 20px;
    font-variant: normal ;
    padding: 5px 5px 5px 5px; /*background-color: #004FF2;*/
    background: rgb(194, 90, 75);
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.35);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
}


.botonBack {
    cursor: pointer;
    font-weight: bold;
    color: #0079CA;
}

    .botonBack:hover {
        cursor: pointer;
        color: #003399;
        font-weight: bold;
    }

.m_menu_Blue {
    margin: 12px 20px 12px 20px;
    font-variant: normal ;
    padding: 5px 5px 5px 5px; /*background-color: #004FF2;*/
    background: rgb(1,55,88);
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 11px 3px rgba(50, 50, 50, 0.55);
    line-height: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    cursor: pointer;
}


    .m_menu_Blue:hover {
        margin: 12px 20px 12px 20px;
        font-variant: normal ;
        padding: 5px 5px 5px 5px;
        /*    background-color: #004FF2;*/
        background: rgb(1,55,88);
        color: #FFFFFF;
        display: inline-block;
        vertical-align: top;
        -webkit-box-shadow: 0px 0px 14px 8px rgba(20,91,153,0.7);
        -moz-box-shadow: 0px 0px 14px 8px rgba(20,91,153,0.7);
        box-shadow: 0px 0px 14px 8px rgba(20,91,153,0.7);
        line-height: 1;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        position: relative;
        cursor: pointer;
    }

.state-error {
    color: #cd0a0a;
}

.Titulo {
    color: rgb(1,55,88);
    font-variant: normal ;
}


.TituloDesc {
    font-variant: normal;
    text-transform: uppercase;
}



/******************************/
/*.ui-tooltip, .alertasolicitud:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .alertasolicitud {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .alertasolicitud.top {
    top: -16px;
    bottom: auto;
  }
  .alertasolicitud.left {
    left: 20%;
  }
  .alertasolicitud:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .alertasolicitud.top:after {
    bottom: -20px;
    top: auto;
  }*/

/************************RADIO BUTTON*************************/
[type="radio"] {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}


    [type="radio"] + span:before {
        content: '';
        display: inline-block;
        width: 0.9em;
        height: 0.9em;
        vertical-align: -0.25em;
        border-radius: 0.3em;
        border: 0.125em solid #fff;
        box-shadow: 0 0 0 0.12em #005CFF;
        margin-right: 0.4em;
        transition: 0.5s ease all;
    }


    [type="radio"]:checked + span:before {
        background: #005CFF;
        box-shadow: 0 0 0 0.12em #005CFF;
    }

.button_badgeAlert {
    background-color: #fa3e3e;
    border-radius: 10px;
    color: white;
    padding: 0px 5px 1px 5px;
    font-size: 9px;
    font-weight: 800;
    position: relative;
    top: -1px;
    right: 4px;
}

.button_badgeAlert2 {
    background-color: #fa3e3e;
    border-radius: 10px;
    color: white;
    padding: 0px 5px 1px 5px;
    font-size: 9px;
    font-weight: 800;
    position: relative;
    top: 0px;
    right: 0px;
}

.button_badgeInfo {
    background-color: #0a9257;
    border-radius: 10px;
    color: white;
    padding: 0px 4px 1px 4px;
    font-size: 9px;
    font-weight: 800;
    position: relative;
    top: -1px;
    right: 4px;
}

.hide_td {
    visibility: hidden;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}


/*alerts*/
.error-notice {
    margin: 5px 5px; /* Making sure to keep some distance from all side */
}

.alerta {
    /*width: 100%;*/ /* Configure it fit in your design  */
    margin: 5px 5px; /* Centering Stuff */
    background-color: #FFFFFF; /* Default background */
    padding: 16px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    /*  font-family: 'Open Sans', sans-serif;*/
    font-size: 14px;
}

.alerta_danger {
    border-left-color: #d9534f; /* Left side border color */
    background-color: rgba(217, 83, 79, 0.1); /* Same color as the left border with reduced alpha to 0.1 */
}

    .alerta_danger strong {
        color: #d9534f;
    }

.alerta_warning {
    border-left-color: #f0ad4e;
    background-color: rgba(240, 173, 78, 0.1);
}

    .alerta_warning strong {
        color: #f0ad4e;
    }

.alerta_info {
    border-left-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.1);
}

    .alerta_info strong {
        color: #5bc0de;
    }

.alerta_success {
    border-left-color: #2b542c;
    background-color: rgba(43, 84, 44, 0.1);
}

    .alerta_success strong {
        color: #2b542c;
    }

.alerta_info_icon {
    color: #5bc0de;
}

.alerta_success_icon {
    color: #2b542c;
}

.alerta_danger_icon {
    color: #d9534f;
}

.alerta_warning_icon {
    color: #f0ad4e;
}


.MenuInfo {
    width: 320px;
    /*height: 250px;*/
    opacity: 0.9;
    position: absolute;
    top: 95px;
    right: 90px;
    display: none;
    background-color: #005CFF;
    padding: 1em 0.4em 1em 1em;
    font-size: 13px;
    font-variant: normal;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: white;
}

.MenuInfo_close {
    position: absolute;
    top: 1px;
    right: 6px;
    color: inherit;
    cursor: pointer;
    font-size: 14px;
}

.alerta_warning_CajaLR {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border: 2px solid #f0ad4e;
    height: 18px;
    padding-left: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btnResaltar {
    border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    font-size: 15px; 
    padding: 2px;
     background-color: white;
     border: 1px solid #aaaaaa;     
}

.CajaAzul {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    

    background-color: #005CFF;        
    cursor: pointer;
    color: white;
    padding: 5px 5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
}


/*.bs-wizard {margin-top: 40px;}*/
/*Form Wizard*/
/*.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}*/
.bs-wizard {
    cursor:default;
}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 10px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 10px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {cursor:default;position: absolute; width: 30px; height: 30px; display: block; background: #3498db; top: 31px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;z-index:2} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background:#3498db; border-radius: 50px; position: absolute; top: 8px; left: 8px; z-index:3} 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin-top: 13px;margin-bottom:0px; left: 50%;z-index:1}
/*.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:50%; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}*/

.bs-wizard > .bs-wizard-step.complete > .progress  {background: #3498db;}

/*.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {background: #3498db;}*/
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {cursor:default;content: ' '; width: 24px; height: 24px; background:#3498db; border-radius: 50px; position: absolute; top: 3px; left: 3px; z-index:3} 
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {cursor:default;position: absolute; width: 30px; height: 30px; display: block; background: white; top: 31px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;z-index:2 ;border-width: 1px;border-color: #3498db;border-style: solid;} 
/*.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {background: #3498db;}*/


/*.bs-wizard > .bs-wizard-step.active > .progress  {background: #fbe8aa;}*/

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {cursor:default;background-color: #ecf0f1;z-index:2}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {cursor:default;opacity: 0;z-index:3}
/*.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}*/
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/




.nav-wizard > li {
  float: left;  
  cursor:not-allowed !important;
}
.nav-wizard > li > a {
  position: relative;
  background-color: #eeeeee;
  cursor:not-allowed !important;
  font-size:11px;
}
.nav-wizard > li > a .badge {
  margin-left: 3px;
  color: #eeeeee;
  background-color: #3498db;
}
.nav-wizard > li:not(:first-child) > a {
  padding-left: 34px;
}
.nav-wizard > li:not(:first-child) > a:before {
  width: 0px;
  height: 0px;
  border-top: 18px inset transparent;
  border-bottom: 18px inset transparent;
  border-left: 20px solid #ffffff;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.nav-wizard > li:not(:last-child) > a {
  margin-right: 2px;
}
.nav-wizard > li:not(:last-child) > a:after {
  width: 0px;
  height: 0px;
  border-top: 18px inset transparent;
  border-bottom: 18px inset transparent;
  border-left: 20px solid #eeeeee;
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}
.nav-wizard > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nav-wizard > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*.nav-wizard > li.done:hover > a,
.nav-wizard > li:hover > a {
  background-color: #d5d5d5;
}
.nav-wizard > li.done:hover > a:before,
.nav-wizard > li:hover > a:before {
  border-right-color: #d5d5d5;
}
.nav-wizard > li.done:hover > a:after,
.nav-wizard > li:hover > a:after {
  border-left-color: #d5d5d5;
}*/

.nav-wizard > li.default > a,
.nav-wizard > li.default > a:hover,
.nav-wizard > li.default > a:focus {
  background-color: #eeeeee;
  color: #005CFF;
  cursor:not-allowed !important;  
}
.nav-wizard > li.default > a:before {
  border-right-color: #eeeeee;
}
.nav-wizard > li.default > a:after {
  border-left-color: #eeeeee;
}

.nav-wizard > li.default_disabled > a,
.nav-wizard > li.default_disabled > a:hover,
.nav-wizard > li.default_disabled > a:focus {
  background-color: #f5f3f3;
  color: rgba(0, 0, 0, 0.2);
  cursor:not-allowed !important;  
}
.nav-wizard > li.default_disabled > a:before {
  border-right-color: #f5f3f3;
}
.nav-wizard > li.default_disabled > a:after {
  border-left-color: #f5f3f3;
}

.nav-wizard > li.complete > a,
.nav-wizard > li.complete > a:hover,
.nav-wizard > li.complete > a:focus {
  background-color: #c5c5c5;
  color: #005CFF;
  cursor:not-allowed !important;
}
.nav-wizard > li.complete > a:before {
  border-right-color: #c5c5c5;
}
.nav-wizard > li.complete > a:after {
  border-left-color: #c5c5c5;
}

.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
  color: #ffffff;
  background-color: #005CFF;
  cursor:not-allowed !important;
}
.nav-wizard > li.active > a:after {
  border-left-color: #005CFF;
}
.nav-wizard > li.active > a .badge {
  color: #005CFF;
  background-color: #ffffff;
}

.nav-wizard > li.disabled > a,
.nav-wizard > li.disabled > a:hover,
.nav-wizard > li.disabled > a:focus {    
  background-color: #eeeeee;
  cursor:not-allowed !important;  
}
.nav-wizard > li.disabled > a:before {
  border-right-color: #eeeeee;
}
.nav-wizard > li.disabled > a:after {
  border-left-color: #eeeeee;
}
.nav-wizard.nav-justified > li {
  float: none;
}
.nav-wizard.nav-justified > li > a {
  padding: 10px 15px;
}
@media (max-width: 768px) {
  .nav-wizard.nav-justified > li > a {
    border-radius: 4px;
    margin-right: 0;
  }
  .nav-wizard.nav-justified > li > a:before,
  .nav-wizard.nav-justified > li > a:after {
    border: none !important;
  }
}

.nav-wizard >  li > a {
padding: 10px 12px 11px 24px !important; 
}

.btnRedondo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    border: none !important;
    border-radius: 100% !important;
    background: #004FF2 !important;
    color: #ffffff !important;
    transform: translate(-50%, -50%);
    cursor: pointer !important;
    transition: 0.25s cubic-bezier(0.25, 0, 0, 1);
    box-shadow: 0 0 0rem -0.25rem #004FF2;
}

.bell {
    -webkit-animation: ring 10s 0.7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 10s 0.7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 10s 0.7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  2.5% { -webkit-transform: rotateZ(-28deg); }
  4.5% { -webkit-transform: rotateZ(34deg); }
  5.5% { -webkit-transform: rotateZ(-32deg); }
  7.5% { -webkit-transform: rotateZ(30deg); }
  8.5% { -webkit-transform: rotateZ(-28deg); }
  9.5% { -webkit-transform: rotateZ(26deg); }
  11.5% { -webkit-transform: rotateZ(-24deg); }
  12% { -webkit-transform: rotateZ(22deg); }
  13.5% { -webkit-transform: rotateZ(-20deg); }
  15.5% { -webkit-transform: rotateZ(18deg); }
  16% { -webkit-transform: rotateZ(-16deg); }
  18% { -webkit-transform: rotateZ(14deg); }
 19% { -webkit-transform: rotateZ(-12deg); }
  20% { -webkit-transform: rotateZ(10deg); }
  21% { -webkit-transform: rotateZ(-8deg); }
  23% { -webkit-transform: rotateZ(6deg); }
  24% { -webkit-transform: rotateZ(-4deg); }
  25% { -webkit-transform: rotateZ(2deg); }
  27% { -webkit-transform: rotateZ(-1deg); }
  28% { -webkit-transform: rotateZ(1deg); }
  30% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  2.5% { -moz-transform: rotate(-28deg); }
  4.5% { -moz-transform: rotate(34deg); }
  5.5% { -moz-transform: rotate(-32deg); }
  7.5% { -moz-transform: rotate(30deg); }
  8.5% { -moz-transform: rotate(-28deg); }
  9.5% { -moz-transform: rotate(26deg); }
  11.5% { -moz-transform: rotate(-24deg); }
  12% { -moz-transform: rotate(22deg); }
  13.5% { -moz-transform: rotate(-20deg); }
  15.5% { -moz-transform: rotate(18deg); }
  16% { -moz-transform: rotate(-16deg); }
  18% { -moz-transform: rotate(14deg); }
 19% { -moz-transform: rotate(-12deg); }
  20% { -moz-transform: rotate(10deg); }
  21% { -moz-transform: rotate(-8deg); }
  23% { -moz-transform: rotate(6deg); }
  24% { -moz-transform: rotate(-4deg); }
  25% { -moz-transform: rotate(2deg); }
  27% { -moz-transform: rotate(-1deg); }
  28% { -moz-transform: rotate(1deg); }
  30% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
   0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  2.5% { transform: rotate(-28deg); }
  4.5% { transform: rotate(34deg); }
  5.5% { transform: rotate(-32deg); }
  7.5% { transform: rotate(30deg); }
  8.5% { transform: rotate(-28deg); }
  9.5% { transform: rotate(26deg); }
  11.5% { transform: rotate(-24deg); }
  12% { transform: rotate(22deg); }
  13.5% { transform: rotate(-20deg); }
  15.5% { transform: rotate(18deg); }
  16% { transform: rotate(-16deg); }
  18% { transform: rotate(14deg); }
 19% { transform: rotate(-12deg); }
  20% { transform: rotate(10deg); }
  21% { transform: rotate(-8deg); }
  23% { transform: rotate(6deg); }
  24% { transform: rotate(-4deg); }
  25% { transform: rotate(2deg); }
  27% { transform: rotate(-1deg); }
  28% { transform: rotate(1deg); }
  30% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.badgeRed {
    color: #fff !important;
    background-color: #f44336 !important;
    z-index: 1;
    border-radius: 50%;
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    position: relative;
    top: 8px;
    left: -8px
}
