* BASIC THEME CONFIGURATION */
body {
    /*color: #39beea;*/
	/*background: #f2f2f2;*/
    font-family: 'Roboto', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:13px;
}

ul li {
    list-style: none;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

::selection {

    background: #a30000 !important;
    color: #fff !important;
}
::-moz-selection {
    background: #a30000 !important;
    color: #fff !important;
}

#container {
    width: 100%;
    height: 100%;
}

/** Sidebar **/
.bg-nav {
background: #000  !important;
border-bottom: 1px solid #444343;
color:#fff;
}

/** Boton Logout**/

ul.top-menu > li > .logout {
color: #f2f2f2;
font-size: 12px;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #a30000  !important;
padding: 5px 15px;
margin-right: 15px;
background: #a30000 !important;
margin-top: 15px;
}


/** Sidebar **/

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
background: #a30000 !important;
color: #fff !important;
display: block;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

hr { 
border-top: 1px solid #ddd !important;
}

/** Boton Tema**/
.btn-tema{
background: #a30000 !important;
color: #fff !important;
}

.btn-tema:hover,
.btn-tema:focus,
.btn-tema:active,
.btn-tema.active,
.open .dropdown-toggle.btn-tema {
  color: #fff !important;
  background-color: #a30000 !important;
  border-color: #7f0000 !important;;
}
.btn-clear-g {
	color: #48bcb4;
	background: transparent;
	border-color: #48bcb4;
}

.btn-clear-g:hover {
	color: #fff !important;
}

/** Nav Pils **/

.nav-pills>li>a {
    color:  #a30000 !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color:  #fff !important;
    background-color: #a30000 !important;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: #888 !important;
    color:  #fff !important;
   
}

/** Nav tabs **/
.nav-tabs > li > a { 

color:  #a30000 !important;

}
/** Content **/

/** Tablas **/
table{
text-align: center !important;
}
th{
background-color: #eee;
text-align: center !important;
}
td a, td a:hover{
color: #ffffff !important;
}


/*modal */
.modal-header {
background: #eee !important;
}

.modal-header h4 {
color: #000 !important;
}

/** paginación**/

.pagination-center{
margin-left: 30px;
}
.pagination a {
color:   #a30000 !important;
}

.pagination a:hover {
color: #fff !important;
text-shadow: 1px 1px #888;
background-color:  #a30000 !important;
}

/** Footer **/

.site-footer {
background: #a30000;
color: #fff !important;

}

/****** Medias *****/
@media (max-width: 767px){
.dropdown-topbar>li>a{
color:#fff !important;
}                        

}

@media (max-width: 390px){
.contenedor-titulo h1{
font-size: 30px !important;
}    
}


* Bootstrap Modifications */
.modal-header {
	background: #39beea;
}

.modal-title {
	color: white;
}

.btn-round {
	border-radius: 20px;
	-webkit-border-radius: 20px;
}

.accordion-heading .accordion-toggle {
	display: block;
	cursor: pointer;
	border-top: 1px solid #F5F5F5;
	padding: 5px 0px;
	line-height: 28.75px;
	text-transform: uppercase;
	color: #1a1a1a;
	background-color: #ffffff;
	outline: none !important;
	text-decoration: none;
}	

#tab-list .close {
    margin-left: 7px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #a30000;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}