/* SSF */

.ssfOculto {display: none;}
.ssfFloatLeft {float: left;}
.ssfFloatRight {float: right;}
.ssfTextLeft {text-align: left !important;}
.ssfMinHeight500 {min-height: 400px;}
.ssfMB0 {margin-bottom: 0px !important;}
.ssfColorRojo {color: #d22f1b;}
.ssfCortarContenidoSinSalto {padding: 0px 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ssfCortarContenidoConSalto {padding: 0px 1px; width: 95%; overflow: hidden; text-overflow: ellipsis;}

.ssfFiltros-panel-heading {padding: 2px 10px; font-size: 14px; border: 0; background-color: #bfbfbf !important;}
.ssfVerde-panel-heading {padding: 2px 10px; font-size: 14px; border: 0; background-color: #dff0d8 !important;}
.ssfNaranja-panel-heading {padding: 2px 10px; font-size: 14px; border: 0; background-color: #fcf8e3 !important;}
.ssfRojo-panel-heading {padding: 2px 10px; font-size: 14px; border: 0; background-color: #f2dede !important;}
.ssfPlata-panel-heading {padding: 2px 10px; font-size: 14px; border: 0; background-color: #e8e5ea !important;}
.ssfAzul-panel-heading {padding: 2px 10px; font-size: 14px; border: 0; background-color: #d9edf7 !important;}
.ssfFiltros-panel-body {padding: 10px;}

.ssfPanelErrorTraza {margin-bottom: 0px; border: 0; box-shadow: none; -webkit-box-shadow: none;}
.ssfPanelErrorTraza > .panel-heading {padding: 2px 0px; font-size: 14px; background-color: #fff; border: 0;}
.ssfPanelErrorTraza > .panel-heading + .panel-collapse > .panel-body {padding: 4px 0px 0px 0px; border: 0;}

.ssfPanelErrorTrazaNivel {margin-bottom: 0px; border: 0; box-shadow: none; -webkit-box-shadow: none;}
.ssfPanelErrorTrazaNivel > .panel-heading {padding: 2px 0px; font-size: 14px; background-color: #fff; border: 0;}
.ssfPanelErrorTrazaNivel .ssfCortarContenidoSinSalto {float: left; width: 450px;}
.ssfPanelErrorTrazaNivel button {float: left; margin: 0px 0px 0px 10px; padding: 0px 1px; font-size: 9px;}   

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

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

.ssfProgress-body 
{position: relative; padding: 15px 15px 0px 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;}

.ssfTablaPaginador			
{background-color: #fff; color: #000;}

	.ssfTablaPaginador td		
	{background-color: #fff; padding: 4px;}
		
		.ssfTablaPaginador td span	
		{font-size: 16px; color: #000; font-weight: bold;}
		
		.ssfTablaPaginador td a	
		{font-size: 14px; color: #000; font-weight: normal;}
	    
/* Elementos */

body {
    font-size: 12px;
    line-height: 1.22857143;
}

.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;}  

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

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

/* BootStrap */

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

@media (min-width: 768px) {
    .sidebar {
        width: 150px;
    }

    #page-wrapper {
        margin: 0 0 0 150px;
    }
}

.navbar-brand 
{float: left; padding: 10px 10px; width: 120px; height: 62px;}

    .navbar-brand img 
    {height: 42px;}

    .navbar-brand span 
    {display: none;}

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

.panel 
{border-radius: 0px;}

.panel-heading {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)
{
    .sidebar {margin-top: 63px;}
    .form-horizontal .control-label {padding-top: 4px;}    
}


/* Controles */

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

.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: #2b2b2b;
    border-color: #adadad;
}

.btn-default:hover {
    color: #fff;
    background-color: #676767;
    border-color: #d22f1b;
}

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

.btn-primary {
    float: right;
    margin-left: 10px;
    color: #fff;
    background-color: #2b2b2b;
    border-color: #adadad;
}

.btn-primary:hover {
    color: #fff;
    background-color: #676767;
    border-color: #d22f1b;
}

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

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

.table {
    margin-bottom: 0px;
}

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

.table>thead>tr>th {
    padding: 4px;
    background-color: #cacaca;
}

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

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