.ssfOculto {display: none;}
.ssfPointer {cursor: pointer;}
.ssfFloatLeft {float: left;}
.ssfFloatRight {float: right;}
.ssfTextLeft {text-align: left !important;}
.ssfMarginTop5 {margin-top: 5px;}
.ssfMarginBottom0 {margin-bottom: 0px !important;}
.ssfPaddingLeft0 {padding-left: 0px;}
.ssfPaddingLeft10 {padding-left: 10px;}
.ssfBoxShadow0 {box-shadow: none;}
.ssfCortarContenidoSinSalto {padding: 0px 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ssfCortarContenidoConSalto {padding: 0px 1px; width: 95%; overflow: hidden; text-overflow: ellipsis;}

.ssfLabelValor .control-label {font-weight: normal; text-align: left;}

p.ssfBilleteError {color: #d81f1f;}
p.ssfBilleteOk {color: #44bb2c;}

/* Paneles */

.ssf-panel {
    border: 0;
}
    .ssf-panel > .panel-heading {
    }
    .ssf-panel > .panel-heading a {
    }
    .ssf-panel > .panel-heading + .panel-collapse > .panel-body {
        padding: 10px;
        border: 0;
        background-color: #f2f2f2;
    }
    .ssf-panel > .panel-heading .badge {
        color: #f5f5f5;
        background-color: #333;
    }
    .ssf-panel > .panel-footer + .panel-collapse > .panel-body {
        padding: 10px;
        border: 0;
        background-color: #f2f2f2;
    }

.ssf-panel-normal > .panel-heading {
    color: #000;
    background-color: #b4d454;
}
.ssf-panel-normal > .panel-heading a {
    color: #000;
}

.ssf-panel-nivel2 > .panel-heading {
    color: #fff;
    background-color: #333;
}
.ssf-panel-nivel2 > .panel-heading a {
    color: #fff;
}
.ssf-panel-nivel2 > .panel-heading + .panel-collapse > .panel-body {
    background-color: #e9e9e9;
}

.ssf-panel-nivel2-verde > .panel-heading {
    color: #fff;
    background-color: #44bb2c;
}
.ssf-panel-nivel2-verde > .panel-heading a {
    color: #fff;
}
.ssf-panel-nivel2-verde > .panel-heading + .panel-collapse > .panel-body {
    background-color: #e9e9e9;
}


.ssf-panel-nivel2-rojo > .panel-heading {
    color: #fff;
    background-color: #d81f1f;
}
.ssf-panel-nivel2-rojo > .panel-heading a {
    color: #fff;
}
.ssf-panel-nivel2-rojo > .panel-heading + .panel-collapse > .panel-body {
    background-color: #e9e9e9;
}

.ssf-panel-informe-nivel1 > .panel-heading {
    color: #fff;
    background-color: #818181;
}
.ssf-panel-informe-nivel1 > .panel-heading a {
    color: #fff;
}

.ssf-panel-informe-nivel2 > .panel-heading {
    color: #fff;
    background-color: #676767;
}
.ssf-panel-informe-nivel2 > .panel-heading a {
    color: #fff;
}

/* Progeso */

.ssfProgress-header {
    padding: 15px 15px 0 15px;
    text-align: center;
}

    .ssfProgress-header img {
        width: 80px;
    }

.ssfProgress-body {
    position: relative;
    padding: 15px 15px 0 15px;
    text-align: center;
}

.ssfProgress-footer {
    padding: 15px 15px 15px 15px;
    text-align: center;
}

    .ssfProgress-header:before,
    .ssfProgress-header:after,
    .ssfProgress-footer:before,
    .ssfProgress-footer:after {
        display: table;
        content: " ";
        clear: both;
    }


.navbar-top-links {
    margin-top: 45px;
}

.navbar-top-links li a {
     padding: 0px;
     min-height: 20px; 
     color: #fff;
}

.navbar-top-links .dropdown-menu li a {
  color: #000;
}

@media (max-width: 768px) {
    .navbar-top-links {
        float: right;
        margin-top: -25px;
        margin-right: 60px;
    }
}

/* Elementos */

body {
    font-size: 12px;
    line-height: 1.22857143;
    /*background-color: #d9e90c;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

a {
    color: #000; 
    font-weight: bold;
}    
    
    a:hover,
    a:focus {
        color: #a6a6a6; 
        text-decoration: none;
    }  

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #676767;
}

input[type=checkbox], input[type=radio] {
    margin: 0px;
}

/* BootStrap */

.page-header {
    margin: 10px 0 20px; 
    padding-bottom: 6px; 
    border-bottom: 1px solid #eee;
}

@media (min-width: 768px) {
    .sidebar {
        width: 180px;
        margin-top: 71px;
    }

    #page-wrapper {
        margin: 0 0 0 180px;
        padding: 0 20px;
        border-left: 0;
    }
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.nav .open> a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent; 
}

.navbar-default {
    background-color: #333;
    border: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #cbda03;
}
.navbar-brand {
    float: left; 
    padding: 10px 10px; 
    width: 180px; 
    height: 70px;
    text-align: center;
}

    .navbar-brand img {
        display: inline;
        height: 50px;
    }

    .navbar-brand span {
        display: none;
    }

.nav > li > a {
    font-size: 14px;
    font-weight: normal;
}

.dropdown-menu {
    border-radius: 0px; 
}

.sidebar ul li {
    background-color: #f8f8f8;
    border-bottom: 1px solid #cbda03;
}

.sidebar ul li a.active {
    background-color: #fff;
}

.panel {
    border-radius: 0;
}

.panel-heading {
    padding: 4px 10px; 
    font-size: 14px; 
    border: 0; 
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
}

    .panel-heading a {
        font-weight: normal
    }

.form-group {
    margin-bottom: 10px;
}

.form-horizontal .checkbox-inline {
    padding-top: 3px;
}

.popover {
    max-width: 100%;
}

@media (min-width: 768px) {
    .control-label {
        padding-top: 4px;
    }
}


/* Controles */

.control-label {
    text-align: right;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.form-control {
    display: block;
    width: 100%;
    height: 24px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.22857143;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
}

select.form-control {
    padding: 4px 6px;
}
    .form-control:focus {
        border-color: #676767;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(43,43,43,.075),0 0 8px rgba(43,43,43,.8);
        box-shadow: inset 0 1px 1px rgba(43,43,43,.075),0 0 8px rgba(43,43,43,.8);
    }

.btn-default {
    margin-right: 10px;
    color: #fff;
    background-color: #000000;
    border-color: #adadad;
    border-radius: 0px;
}

    .btn-default:hover,
    .btn-default:focus {
        color: #fff;
        background-color: #676767;
        border-color: #cbda03;
    }

.input-group-btn .btn-default {
    margin-right: 0;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 2px 10px;
}

.checkbox, .radio {
    margin-top: 0;
    margin-bottom: 0;
}

.has-error .checkbox, 
.has-error .checkbox-inline, 
.has-error .control-label, 
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {
    color: #ea1915;
}

caption {
    padding: 4px;
    color: #333;
    font-weight: bold;
    text-align: center;
    background-color: #cacaca;
    border: 1px solid #ddd;
}

.table {
    margin-bottom: 0;
    border: 0;
    background-color: #fff;
}

    .table > tbody > tr > td,
    .table > tbody > tr > th {
        padding: 4px 10px;
        line-height: 1.42857143;
        border: 0;
    }

    .table > thead > tr > th {
        padding: 4px 10px;
        font-weight: normal;
        color: #fff;
        background-color: #333;
        border: 0;
    }   

    .ssfTablaClara > thead > tr > th {
        padding: 4px 10px;
        font-weight: normal;
        color: #fff;
        background-color: #797878;
        border: 0;
    }

    .ssfTablaClara > tbody > tr > th {
        padding: 4px 10px;
        font-weight: normal;
        color: #fff;
        background-color: #797878;
        border: 0;
    }

.table-hover > tbody > tr:hover {
    background-color: #bbe149;
}



/* Paginador */

table tr.ssfTablaPaginador {
    background-color: #ddd;
    color: #000;
}

    table tr.ssfTablaPaginador td {
        background-color: #ddd;
        padding: 0px;
    }

        table tr.ssfTablaPaginador td span {
            padding: 4px;
            font-size: 16px;
            color: #000;
            font-weight: bold;
        }

        table tr.ssfTablaPaginador td a {
            padding: 4px;
            font-size: 14px;
            color: #000;
            font-weight: normal;
        }