/*
    VARIABLES DE COLORS!!!

    var(--color-principal);
    var(--color-secundari);
    var(--color-gris-fosc);
    var(--color-gris-mig);
    var(--color-gris-clar);
*/
*{
	font-family: 'Montserrat', sans-serif;
}
.btn-custom-1x {
	padding: .3rem .5rem !important;
}


.btn-custom-1{
	background-color: var(--color-principal);
	color: #fff!important;
	font-weight: 500;
}
.btn-custom-1:hover, .btn-custom-1:focus{
	background-color: var(--color-secundari);
	outline: 0;
    box-shadow: 0 0 0 0rem rgb(255 255 255);
}

.btn-custom-2{
	background-color: var(--color-gris-clar);
	color: var(--color-gris-fosc);
	font-weight: 700;
	border: solid 1px var(--color-gris-mig);
	font-size: 12px;
}
.btn-custom-3{
	background-color: var(--color-gris-clar);
	color: var(--color-principal);
	border: solid 1px var(--color-principal);
	font-weight: 700;
	font-size: 12px;
}

.btn-custom-2 date, .btn-custom-3 date{
	font-weight: 400;
	font-size: 10px;
	display: block
}

.btn-custom-2:hover, .btn-custom-2:focus,
.btn-custom-3:hover, .btn-custom-3:focus{
	background-color: var(--color-secundari);
	outline: 0;
    box-shadow: 0 0 0 0rem rgb(255 255 255);
	border: solid 1px var(--color-secundari);
}

.btn-custom-4{
	background-color: var(--color-gris-fosc);
	color: #fff;
	font-weight: 500;
}
.btn-custom-4:hover, .btn-custom-4:focus{
	background-color: var(--color-secundari);
	outline: 0;
    box-shadow: 0 0 0 0rem rgb(255 255 255);
}

.breadcrumb {
    padding: .3rem 1rem;
}
.breadcrumb-item {
	font-size: 12px;
}
.breadcrumb-item a {
	color: var(--color-principal);
}
.breadcrumb-item a:hover {
	color: var(--color-secundari);
}

.navbar.fixed-bottom{
	background-color: var(--color-secundari);	
}

.navbar.fixed-bottom .navbar-brand{
	text-align: center;
	color: var(--color-gris-fosc);
	font-size: 10px;
}
.navbar.fixed-bottom .navbar-brand i{
	font-size: 40px;
}
.navbar.fixed-bottom .navbar-brand:hover{
	color: white;
}

.modal-title{
	font-size:16px;
	font-weight: 700;
	color:var(--color-principal);
}

h1{
	color: var(--color-gris-mig);
	text-transform: uppercase;
	font-weight: 800;
}
p{
	font-size: 12px;	
}

.form-group{
	font-size:14px;
}


.table{
	font-size:12px;
	text-align: center;
}
.table a.verd,
.table a.groc,
.table a.vermell{
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 30px;
	margin: 0 auto;
}

div.verd,
div.groc,
div.vermell{
	    width: 15px;
    height: 15px;
    border-radius: 30px;
    margin: 4px 7px 0 0;
    float: left;
}

.verd{background-color:#02AB06 }
.groc{background-color: #F7A902}
.vermell{background-color: #BF0003}


.table .disable{
	color:var(--color-gris-mig);
	
}
.table .actual{
	background-color: #e9ecef;
	color: var(--color-principal);
	font-weight: 700;
	
}

h3.text-center{
	background: #f1f1f1;
    padding: 6px 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.btn-custom-4{
	background-color: var(--color-gris-fosc);
	color: #fff;
	font-weight: 500;
}

.resumhores{
	background-color: #fbfbfb;
	border:solid 1px var(--color-gris-mig);
}
.resumhores h6{ font-size: 15px; font-weight: 700}
.resumhores p{ font-size: 14px;}


/* PAGINACIÓN */

.light-theme a:link, .light-theme a:visited,
.light-theme .current,
.light-theme a:link, .light-theme a:visited {
    padding: 3px 0 0 0;
    height: 30px;
    width: 30px;
    border: none;    
    font-weight: 600;
    font-size: 13px;
}
.light-theme li:last-child .current, .light-theme li:first-child .current {
    background: var(--color-principal);
    border: 0;
}
.light-theme .current {
    color: var(--color-principal);
    background-color: var(--color-gris-clar) !important;
}
    .light-theme .current.prev i,
    .light-theme .current.next i {
        color: rgba(0,0,0,0.5);
    }

    .light-theme .current:after {
        content: "";
        display: block;
        left: 0;
        position: relative;
    }

    .light-theme .current.prev:after,
    .light-theme .current.next:after {
        background-image: none !important;
    }

.light-theme a:link, .light-theme a:visited {
    color: #fff;
    background: var(--color-principal);
}

.light-theme a:hover {
    background-color: var(--color-secundari);
    color: white;
}

.light-theme li:last-child .current {
    border: none !important;
}
/* EOF PAGINACIÓN */