[class^="fa-"]:before, [class*=" fa-"]:before {
    display: inline-block;
    text-decoration: inherit;
}
li [class^="fa-"], li [class*=" fa-"], .nav li [class^="fa-"], .nav li [class*=" fa-"] {
    display: inline-block;
    text-align: center;
    width: 1.25em;
}
.btn [class^="fa-"], .btn [class*=" fa-"], .nav [class^="fa-"], .nav [class*=" fa-"] {
    display: inline;
}

li [class^="fa-"], li [class*=" fa-"], .nav li [class^="fa-"], .nav li [class*=" fa-"] {
    display: inline-block;
    text-align: center;
    width: 1.25em;
}
a [class^="fa-"], a [class*=" fa-"] {
    display: inline-block;
}
[class^="fa-"], [class*=" fa-"] {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    margin-top: 0;
    text-decoration: inherit;
    vertical-align: baseline;
    width: auto;
}

    .ui-state-highlight {
      background: rgb(240,240,240);
      margin: 3px 0 3px 5px;
      border: 1px dotted gray;
      width: 100px;
      height: 19px;
    }

    .chzn-container.sorting .chzn-drop {
      display: none;
    }
    
    

/* Barra de navegación */	


/* set the background-color to #950e07 */
.navbar-inverse .navbar-inner {
  background-color: #950e07; 
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}   

/* menu items */

/* set the default color of the menu items to white*/

	.navbar .nav > li > a {
		background-color: #950e07;   
    	color: white;
    	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
	}


    /* set hover and focus*/
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
    	background-color: #950e07;
     	color: white;
     	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;          
    }
    


   /* set active item  */
    .navbar-inverse .nav > li.active > a,
    .navbar-inverse .nav > li.active > a:hover,
    .navbar-inverse .nav > li.active > a:focus {
     	color: white;
     	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
     	background-color: #950e07;          
     }
        
 
 
    /* set font color and background of the project name (brand) */

    .navbar .brand, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle 
    {
        background-color: #950e07;
        color: white;
    }  
    
	
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	    color: white;
	    text-decoration: none;
	    outline: 0;
	    background-color: #950e07;
	    background-image: -moz-linear-gradient(top,#950e07,#950e07);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#950e07),to(#950e07));
	    background-image: -webkit-linear-gradient(top,#950e07,#950e07);
	    background-image: -o-linear-gradient(top,#950e07,#950e07);
	    background-image: linear-gradient(to bottom,#950e07,#950e07);
	} 
 

/* Breadcrumb */    


#breadcrumbs .breadcrumb-button.blue  .breadcrumb-label:hover .breadcrumb-label,#breadcrumbs .breadcrumb-button.blue  .breadcrumb-label:hover .breadcrumb-label:hover {
font-weight: 600;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom: 1px solid #520804;
border-left: 1px solid #520804;
border-top: 1px solid #520804;
}
    
#breadcrumbs .breadcrumb-button.blue, #breadcrumbs .breadcrumb-button.blue:hover {
    background: -moz-linear-gradient(center top ,) repeat scroll 0 0 / 100% auto #950e07;
    text-shadow: 0 1px 1px #520804, 0 -1px 1px #950e07;
    background: #F0DADA;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
}


#breadcrumbs .breadcrumb-button.blue,#breadcrumbs .breadcrumb-button.blue:hover {
text-shadow: 0 1px 1px #520804,0 -1px 1px  #950e07;
background:  #950e07;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#520804),color-stop(100%, #950e07));
background-image: -webkit-linear-gradient(top,#950e07, #520804);
background-image: -moz-linear-gradient(top,#950e07, #520804);
background-image: -o-linear-gradient(top,#950e07, #520804);
background-image: linear-gradient(top,#950e07, #520804);
}    


#breadcrumbs .breadcrumb-button.blue .breadcrumb-arrow span, #breadcrumbs .breadcrumb-button.blue .breadcrumb-arrow span:hover {
    box-shadow: 1px -1px 0 #950e07, 1px -1px 1px #520804;
}

#breadcrumbs .breadcrumb-button.blue .breadcrumb-arrow span, #breadcrumbs .breadcrumb-button.blue .breadcrumb-arrow span:hover {
    background: -moz-linear-gradient(135deg, #950e07, #520804) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


#breadcrumbs .breadcrumb-button.blue .breadcrumb-arrow span, #breadcrumbs .breadcrumb-button.blue .breadcrumb-arrow span:hover,#breadcrumbs .breadcrumb-button.blue:hover .breadcrumb-arrow span {
	background-color: #520804;
	background: -moz-linear-gradient(135deg, #520804, #950e07 );
	background: -ms-linear-gradient(135deg, #520804, #950e07);
	background: -o-linear-gradient(135deg, #520804, #950e07);
	background: -webkit-gradient(linear,right bottom,left top,from(#520804),to(#950e07));
}



#breadcrumbs .breadcrumb-button.blue .breadcrumb-label {
	font-weight: 600;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom: 1px solid #520804;
	border-left: 1px solid #520804;
	border-top: 1px solid #520804;
}


/* Botones */



.btn.btn-blue, .btn.btn-blue:hover, .btn.btn-primary, .btn.btn-primary:hover {
border: 1px solid #950e07;
-webkit-box-shadow: inset 0 1px 2px #950e07;
-moz-box-shadow: inset 0 1px 2px #950e07;
box-shadow: inset 0 1px 2px #950e07;
background:  #520804;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#520804),color-stop(100%,#950e07));
background-image: -webkit-linear-gradient(top, #950e07, #520804);
background-image: -moz-linear-gradient(top,  #950e07, #520804);
background-image: -o-linear-gradient(top,  #950e07, #520804);
background-image: linear-gradient(top,  #950e07, #520804);
}

/* Campos formularios */

/* Fechas */

.datepicker table tr td.day:hover, .datepicker table tr td span:hover {
	background: #520804;
	
}

.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.active {
	background:   #950e07;
	
}


/* Uploader */


div.uploader span.action, div.uploader:hover span.action{
height: 24px;
line-height: 24px;
float: right;
width: 22px;
text-align: center;
height: 22px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #549fc4;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#520804),color-stop(100%, #950e07));
background-image: -webkit-linear-gradient(top, #950e07, #520804);
background-image: -moz-linear-gradient(top, #950e07, #520804);
background-image: -o-linear-gradient(top, #950e07, #520804);
background-image: linear-gradient(top, #950e07, #520804);
color: white;
text-shadow: none;
font-size: 16px;
line-height: 20px;
}

/* Select */

.chosen-container .chosen-results li.highlighted {
	background-color: #950e07;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #950e07), color-stop(90%, #520804));
	background-image: -webkit-linear-gradient(#950e07 20%, #520804 90%);
	background-image: -moz-linear-gradient(#950e07 20%, #520804 90%);
	background-image: -o-linear-gradient(#950e07 20%, #520804 90%);
	background-image: linear-gradient(#950e07 20%, #520804 90%);
	color: #fff;
}

.chosen-container-multi .chosen-choices li.search-choice {

	color: #858585;
}


.chosen-container-active .chosen-choices {
	border: 1px solid #950e07;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	height: 25px;
}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #950e07;
}

.tooltip:hover:after {
    position: relative;
    /* we can get the title attribute from the relevant item */
    content: "" attr(title) "";
    /* style however you want */
    border: 1px dashed black;
    top: -1.5em;
    left: 12em;
    padding: 0.5em;
}

.search-results { 
	border-radius: 6px;
	background-color: white;
	box-shadow: 0 1px 2px #dadada;
}

form.fill-up .dataTables_filter input {
	width: 206px;
}

/* DataTables */

.span3 .dataTables_wrapper input[type="search"] {
    width: 150px; /* Reducimos el tamaño del campo de búsqueda cuando se muestra dentro de un bloque de 3 columnas del grid */
}

/* bsmSelect */

.bsmListItem {
	margin: 5px 0; /* Espaciamos las opciones */
}

/*  */
.hide-selectable select.bsmSelect {
	display: none; /* Ocultamos el select */
}

/* Personalización del campo de añadir opción al select */
.select_add_option {
	box-sizing: border-box;
}
form .select_add_option input {
	margin: 0 1% 0 0;
	width: 69%;
}
form .select_add_option button {
	width: 30%;
}

/* Fix: Problema de dataTables con form.fill-up en el componente del desplegable de paginación */
form.fill-up .dataTables_length select {
    width: auto;
}

.dt-buttons{
	padding-top: 18px;
    padding-right: 10px;
}