.text-bold {
    font-weight: bold;
}

label {
    margin-bottom: 6px;
    font-weight: 400;
}

/*background-color: #002A5F;*/
/*background-color: #255A85;*/

.panel-vadoc-blue {    
    border-color: #002A5F;
}

    .panel-vadoc-blue a {
        color: #002A5F;
    }

    .panel-vadoc-blue > .panel-heading {
        color: #ffffff;        
        background-color: #002A5F;
        border-color: #002A5F;
    }

.panel-vadoc-info {    
    border-color: #5ebcde;
}

    .panel-vadoc-info a {
        color: #5ebcde;
    }

    .panel-vadoc-info > .panel-heading {
        color: #ffffff;        
        background-color: #5ebcde;
        border-color: #5ebcde;
    }

.panel-vadoc-warning {    
    border-color: #efad4d;
}

    .panel-vadoc-warning a {
        color: #efad4d;
    }

    .panel-vadoc-warning > .panel-heading {
        color: #ffffff;        
        background-color: #efad4d;
        border-color: #efad4d;
    }

.panel-vadoc-blue a {
    color: #002A5F;
}


.nav li a {
    /*color: #255A85 !important;*/
    /*color: #002A5F !important;*/
    color: #333 !important;
    text-decoration: none;
}



/* Profile picture in sidebar */


.nav .profile a .profile-usertitle {
    text-decoration: inherit;
    color: #000 !important;
    cursor: auto;
}

.nav .profile .profile-userpic img {
    object-fit: cover;
    float: none;
    margin: 10px auto 0;
    padding: 0px;
    /*width: 50%;
    height: 50%;*/
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    /*border: 1px solid #7DB92C;*/
}

.nav .profile .profile-userpic .img-default {
    border: 1px solid #7DB92C;
}

.nav .profile .profile-usertitle {
    text-align: center;
    margin-top: 8px;
}

    .nav .profile .profile-usertitle .profile-usertitle-name {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .nav .profile .profile-usertitle .profile-usertitle-title {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
    }

.update-image-badge {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.update-image-label {
    /*background-color: rgb(81, 210, 183);*/
    background-color: rgb(125,185,44);
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}
/*Hide profile picture on smaller devices*/
@media(max-width:768px) {
    #profile {
        display: none;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Overriding the table-responsive class of bootstrap to allow responsive tables for display > 768px*/
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
}
/* Comentarios */
#comentarios a, a:hover {
    text-decoration: none !important;
    color: inherit !important;
}

#comentarios i {
    font-size: large !important;
    text-align: center;
    vertical-align: middle;
    position: relative;
    padding-right: 10px;
}

#comentarios .mybadge {
    position: relative;
}

    #comentarios .mybadge[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        background: #F0565D;
        height: 1.5rem;
        bottom: 1rem;
        left: 1.3rem;
        width: 1.5rem;
        text-align: center;
        line-height: 1.5rem;
        font-size: 1rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        border-radius: 15%;
        border: 1px solid white;
        color: white;
    }

.no-transition {
    -webkit-transition: height 0.01s;
    -moz-transition: height 0.01s;
    -ms-transition: height 0.01s;
    -o-transition: height 0.01s;
    transition: height 0.01s;
}
/* Margin Bottom */
/*.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}*/
/* White background body */
.bodyWhite {
    background-color: #ffffff !important;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.progress-bar-text {
    font-size: 14px !important;
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

/* Class to set the width of the Select2 dropdown */
.bigdrop {
    width: 250px !important;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.tblSinBorde tbody tr td {
    border: 0px !important;
}

.tblCalificacionCell {
    font-weight: bold;
    vertical-align: middle !important;
    text-align: center;
    font-size: 14px;
}

.centrado {
    text-align: center;
}

.bloqueCentrado {
    margin: 0 auto;
}

.label-tienerespuesta {
    /*background-color: #C4DEF2;*/
    /*color: #878080;*/
    background-color: #5E92BA;
    color: #ffffff;
}

.label-notienerespuesta {
    /*background-color: #ADADAD;*/
    background-color: #9B9B9B;
    color: #ffffff;
}

.text-white {
    color: #ffffff;
}

.graphicsWrapper {
    width: 80%;
    margin: 0 auto;
}

/* Estilos Imagenes Respuestas */

.imageholder {
    margin-top: 10px;
    list-style: none;
    padding: 0px;
    height: 30px;
}

    .imageholder li {
        background-color: #f9f9f9;
        border: 1px solid #D3D3D3;
        border-radius: 5px;
        color: #428bca;
        padding: 5px;
        padding-left: 10px;
        height: 30px;
        width: 140px;
        position: relative;
        float: Left;
        vertical-align: middle;
        margin-right: 10px;
    }

    .imageholder .noaplica a {
        color: #333333 !important;
    }

    .imageholder li i {
        padding-right: 5px;
    }

    .imageholder li span {
        color: #428bca;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 4px;
        right: 4px;
        cursor: pointer;
    }

.fullBackground {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .fullBackground body {
        background: none !important;
    }

/* Estilos para determinar el Logo a utilizar */
@media screen and (min-width:481px) {
    .hidden_desktop {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .hidden_mobile {
        display: none;
    }
}

/* Styles for ReCaptcha */
@media screen and (max-height: 575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

/* Styles for highlight rows in tables */
@keyframes highlight {
    0% {
        background: #ffff99; /* yellow colour */
        /*background: #B1CEE9;*/ /* blue colour */
    }

    100% {
        background: none;
    }
}

.highlight {
    animation: highlight 2s;
}

    .highlight td {
        background-color: transparent !important;
    }

/* Component Styles */

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.no-border {
    border: 0 !important;
}

.no-border-top {
    border-top: 0 !important;
}

.no-border-bottom {
    border-bottom: 0 !important;
}

.no-border-left {
    border-left: 0 !important;
}

.no-border-right {
    border-right: 0 !important;
}

.no-border-radius {
    border-radius: 0;
}

.no-border-radius-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.no-border-radius-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.no-border-radius-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.no-border-radius-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.border-radius {
    border-radius: 3px;
}

.border-radius-top {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.border-radius-bottom {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.border-radius-left {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.border-radius-right {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.border-top {
    border-top: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border-left {
    border-left: 1px solid;
}

.border-right {
    border-right: 1px solid;
}

.border-lg {
    border-width: 2px;
}

.border-top-lg {
    border-top: 2px solid;
}

.border-bottom-lg {
    border-bottom: 2px solid;
}

.border-left-lg {
    border-left: 2px solid;
}

.border-right-lg {
    border-right: 2px solid;
}

.border-xlg {
    border-width: 3px;
}

.border-top-xlg {
    border-top: 3px solid;
}

.border-bottom-xlg {
    border-bottom: 3px solid;
}

.border-left-xlg {
    border-left: 3px solid;
}

.border-right-xlg {
    border-right: 3px solid;
}
/* ------------------------------------------------------------------------------
*
*  # Uploader
*
* ---------------------------------------------------------------------------- */
.uploader {
    width: 100%;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
}

    .uploader .filename {
        color: #999999;
        height: 36px;
        padding: 7px 12px;
        padding-right: 45px;
        cursor: pointer;
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: default;
        border: 1px solid #ddd;
        background-color: #fff;
        border-radius: 3px;
        text-align: left;
    }

    .uploader .action {
        position: absolute;
        color: #333333;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        cursor: pointer;
        z-index: 1;
        border: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

        .uploader .action > i {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -6px;
            margin-left: -6px;
        }

    .uploader .action {
        background-color: #428bca;
        /*background-color:#255A85;*/
        border-color: #428bca;
        color: #fff;
    }

    .uploader input[type=file] {
        width: 100%;
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 36px;
        border: 0;
        cursor: pointer;
        z-index: 10;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .uploader.disabled .action {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .uploader.disabled .filename {
        background-color: #fafafa;
        cursor: not-allowed;
    }

.uploader-lg input[type=file],
.uploader-lg .action,
.uploader-lg .filename {
    height: 40px;
}

.uploader-lg .action {
    width: 40px;
}

.uploader-lg .filename {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 50px;
}

.uploader-sm input[type=file],
.uploader-sm .action,
.uploader-sm .filename {
    height: 34px;
}

.uploader-sm .action {
    width: 34px;
}

.uploader-sm .filename {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 42.5px;
}

.uploader-xs input[type=file],
.uploader-xs .action,
.uploader-xs .filename {
    height: 32px;
}

.uploader-xs .action {
    width: 32px;
}

.uploader-xs .filename {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 42.5px;
}
/* ------------------------------------------------------------------------------
 *
 *  # Form Validation 
 *
 * ---------------------------------------------------------------------------- */
.validation-error-label,
.validation-valid-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #F44336;
    position: relative;
    padding-left: 26px;
}

.validation-valid-label {
    color: #4CAF50;
}

    .validation-error-label:before,
    .validation-valid-label:before {
        font-family: 'FontAwesome';
        position: absolute;
        top: 2px;
        left: 0;
        display: inline-block;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
    }

    .validation-error-label:empty,
    .validation-valid-label:empty {
        display: none;
    }

.validation-error-label:before {
    content: '\f057';
}

.validation-valid-label:before {
    content: '\f058';
}

.excelLikeHeader > th {
    padding: 2px !important;
    background-color: #E6E6E6;
}

.excelLikeColumn {
    background-color: #E6E6E6 !important;
    text-align: center !important;
}