html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}



.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


/* Lo cree para el semaforo naranja */
.alert-blue {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}


.text-green-flash {
    color: #71cc51!important;
}
.bg-green-flash {
    background-color: #71cc51!important;
}
.alert-green-flash {
    color: #fff;
    background-color: #71cc51;
    border-color: #71cc51;
}

.btn-green-flash {
    background-color: #71cc51 !important;
    color: #ffffff !important;
    border-color: #71cc51  !important;
}
.list-group-item-green-flash {
    color: #f9f6f6;
    background-color: #71cc51;
}



.text-pink-squid {
    color: #ed1b76!important;
}
.bg-pink-squid {
    background-color: #ed1b76!important;
}
.alert-pink-squid {
    color: #fff;
    background-color: #ed1b76;
    border-color: #ed1b76;
}

.btn-pink-squid {
    background-color: #ed1b76 !important;
    color: #ffffff !important;
    border-color: #ed1b76  !important;
}
.list-group-item-pink-squid {
    color: #f9f6f6;
    background-color: #ed1b76;
}


.text-green {
    color: #28a745!important;
}
.bg-green {
    background-color: #28a745!important;
}
.alert-green {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-green {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745  !important;
}
.list-group-item-green {
    color: #f9f6f6;
    background-color: #28a745;
}

.text-yellow-n {
    color: #ceff02!important;
}
.bg-yellow-n {
    background-color: #ceff02!important;
}
.alert-yellow-n {
    color: #000000;
    background-color: #ceff02;
    border-color: #ceff02;
}
.btn-yellow-n {
    background-color: #ceff02 !important;
    color: #000000 !important;
    border-color: #ceff02  !important;
}



.text-yellow {
    color: #f7b718!important;
}
.bg-yellow {
    background-color: #f7b718!important;
}
.alert-yellow {
    color: #fff;
    background-color: #f7b718;
    border-color: #f7b718;
}

.btn-yellow {
    background-color: #f7b718 !important;
    color: #ffffff !important;
    border-color: #f7b718  !important;
}

.list-group-item-yellow {
    color: #ffffff;
    background-color: #f7b718;
} 


.text-orange {
    color: #ff8000!important;
}
.bg-orange {
    background-color: #ff8000!important;
}
.alert-orange {
    color: #fff;
    background-color: #ff8000;
    border-color: #ff8000;
}

.btn-orange {
    background-color: #ff7e00fa !important;
    color: #fff !important;
    border-color: #ff7e00fa  !important;
}
.list-group-item-orange {
    color: #f9f6f6;
    background-color: #ff8000;
}

.text-red {
    color: #db3236!important;
}
.bg-red {
    background-color: #db3236!important;
}
.alert-red {
    color: #fff;
    background-color: #db3236;
    border-color: #db3236;
}

.btn-red {
    background-color: #db3236 !important;
    color: #ffffff !important;
    border-color: #db3236  !important;
}
.list-group-item-red {
    color: #ffffff;
    background-color: #db3236;
} 

@media print {

    tbody>tr>td.alert-green, tbody>tr>th.alert-green {
        color: #fff !important;
        background-color: #28a745 !important;
        border-color: #28a745 !important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td.alert-yellow, tbody>tr>th.alert-yellow {
        color: #fff !important;
        background-color: #f7b718 !important;
        border-color: #f7b718 !important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td.alert-orange, tbody>tr>th.alert-orange {
        color: #fff !important;
        background-color: #ff8000 !important;
        border-color: #ff8000 !important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td.alert-red, tbody>tr>th.alert-red {
        color: #fff !important;
        background-color: #db3236 !important;
        border-color: #db3236 !important;
        -webkit-print-color-adjust: exact; 
    }

    /*Progress bar*/
    tbody>tr>td .bg-green, tbody>tr>th .bg-green {
        background-color: #28a745!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .text-green, tbody>tr>th .text-green {
        color: #28a745!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .list-group-item-green, tbody>tr>th .list-group-item-green {
        color: #ffffff!important;
        background-color: #28a745!important;
        -webkit-print-color-adjust: exact; 
    }

    tbody>tr>td .bg-yellow, tbody>tr>th .bg-yellow {
        background-color: #f7b718!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .text-yellow, tbody>tr>th .text-yellow {
        color: #f7b718!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .list-group-item-yellow, tbody>tr>th .list-group-item-yellow {
        color: #ffffff!important;
        background-color: #f7b718;
        -webkit-print-color-adjust: exact; 
    }

    tbody>tr>td .bg-orange, tbody>tr>th .bg-orange {
        background-color: #ff8000!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .text-orange, tbody>tr>th .text-orange {
        color: #ff8000!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .list-group-item-orange, tbody>tr>th .list-group-item-orange {
        color: #f9f6f6;
        background-color: #ff8000;
        -webkit-print-color-adjust: exact; 
    }

    tbody>tr>td .bg-red, tbody>tr>th .bg-red {
        background-color: #db3236!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .text-red, tbody>tr>th .text-red {
        color: #db3236!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .list-group-item-red, tbody>tr>th .list-group-item-red {
        color: #ffffff;
        background-color: #db3236;
        -webkit-print-color-adjust: exact; 
    }

    tbody>tr>td.alert-green-flash, tbody>tr>th.alert-green-flash {
        color: #fff !important;
        background-color: #71cc51 !important;
        border-color: #71cc51 !important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .bg-green-flash, tbody>tr>th .bg-green-flash {
        background-color: #71cc51!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .text-green-flash, tbody>tr>th .text-green-flash {
        color: #71cc51!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .list-group-item-green-flash, tbody>tr>th .list-group-item-green-flash {
        color: #ffffff!important;
        background-color: #71cc51!important;
        -webkit-print-color-adjust: exact; 
    }

    tbody>tr>td.alert-pink-squid, tbody>tr>th.alert-pink-squid {
        color: #fff !important;
        background-color: #ed1b76 !important;
        border-color: #ed1b76 !important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .bg-pink-squid, tbody>tr>th .bg-pink-squid {
        background-color: #ed1b76!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .text-pink-squid, tbody>tr>th .text-pink-squid {
        color: #ed1b76!important;
        -webkit-print-color-adjust: exact; 
    }
    tbody>tr>td .list-group-item-pink-squid, tbody>tr>th .list-group-item-pink-squid {
        color: #ffffff!important;
        background-color: #ed1b76!important;
        -webkit-print-color-adjust: exact; 
    }


}



/*Botones compartir*/

.shared-panel{
    overflow: auto;
}
.shared-panel span{
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
}
.shared {
    display: inline-block;
    width: 30px; 
    height: 30px;
    margin: 5px 0; 
    padding: 0; 
        /* Recurso incluido en la descarga del ejemplo */
    background: url("shared.png") no-repeat; 
    float: left;
    margin-right: 5px; 
    cursor: pointer;
    border-radius: 50%;
}
.shared:hover{
    opacity: 0.7;
}
.shared.gp {background-position: 0px 0px; background-color: #E62B34;}
.shared.tt {background-position: 0px -30px; background-color: #43BDF0;}
.shared.ce {background-position: 0px -60px; background-color: #8A898D;}
.shared.wa {background-position: 0px -90px; background-color: #0dc143;}
.shared.fb {background-position: 0px -120px; background-color: #6081C4;}

.st2{
   border-radius: 0;
}
.st3{
   border-radius: 5px;
}




/*.btn-primary-blue{color:#FFF;background-color:#007bff !important;border-color:#007bff !important}
.btn-primary-blue:hover, .btn-primary-blue:focus, .btn-primary-blue:active{background-color:#0064cf !important;border-color:#0064cf !important}*/


.btn-primary-cap{color:#c5c5d0;background-color:#000332 !important;border-color:#000332 !important}
.btn-primary-cap:hover, .btn-primary-cap:focus, .btn-primary-cap:active{ color:#c5c5d0; background-color:#1e2140 !important;border-color:#1e2140 !important}



.alert-dark {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-link-black {
    color: #1d2124;
    text-decoration: none;
}
.btn-link-black:hover {
    color: #1d2124;
    text-decoration: none;
}