/* FONTS */
/* Open Sans || font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

/* Variables */
:root {
	--primary: #008996;
	--primary-opacity: rgba(0, 137, 150, 0.2);
	--secondary: #717c7d;
	--white: #fff;

	--shadow: 0 0.3rem 0.5rem rgba(22, 22, 22, 0.15);
}

/* Colors */
.bg-color {
	background-color: var(--primary);
}

.color-primary {
	color: var(--primary);
}

.color-secondary {
	color: var(--secondary);
}

.shadow-box {
	box-shadow: var(--shadow);
}

/* General */
body {
	font-family: 'Open Sans', sans-serif;
	color: rgba(0, 0, 0, 0.65);
}

main {
	height: auto;
	margin-bottom: 0;
}

#logo {
	max-width: 250px;
}

label {
	font-size: 1rem;
}

footer {
	font-size: calc(0.8rem + 0.2vw);
}

/* Clases propias */
.reader {
	background-color: #b30b00; 
	width: 100px; 
	height: 100px; 
	border-radius: 10%;
	padding: 0.8rem;
	display: inline-block;
}

.foxit {
	width: 100px;
}


/* Sobreescribir bootstrap */
/* Dropdown - Menu */
.dropdown-item {
	color: var(--secondary)
}

.dropdown-item.active, .dropdown-item:active {
	color: var(--white);
	text-decoration: none;
	background-color: var(--primary);
}

/* Navbar Toggler*/
.navbar-light .navbar-toggler {
	border: none;
}

/* Buttons */

a.btn-primary, button.btn-primary, a.btn-outline-primary:hover, button.btn-outline-primary:hover, a.btn-primary:focus, button.btn-primary:focus, a.btn-primary:active, button.btn-primary:active {
	color: var(--white);
	background-color: var(--primary);
	border: 1px solid var(--primary);
	transition: 0.3s;
}

a.btn-primary:hover, button.btn-primary:hover, a.btn-outline-primary, button.btn-outline-primary, a.btn-outline-primary:focus, button.btn-outline-primary:focus, a.btn-outline-primary:active, button.btn-outline-primary:active {
	color: var(--primary);
	background-color: transparent;
	border: 1px solid var(--primary);
	transition: 0.3s;
}

.not-shadow,.not-shadow:focus, .not-shadow:active {
	box-shadow: none !important;
}

/* Accordion */ 

.accordion-button:not(.collapsed) {
	color: var(--white);
	background-color: var(--primary);
	border-color: transparent;
	box-shadow: none;
}

.accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}

.accordion-button::after {
	background-image: none;
}

.accordion-button:not(.collapsed)::after {
	background-image: none;
}

/* Form control */
.form-control:focus, .form-select:focus  {
	color: #212529;
	background-color: #fff;
	border-color: var(--primary);
	outline: 0;
	box-shadow: 0 0 0 0.25rem var(--primary-opacity);
}


/* Media Queries */
/* sm */
@media (min-width: 576px) {
	#logo {
		max-width: 280px;
	}
}

/* md */
@media (min-width: 768px) {
	#logo {
		max-width: 350px;
	}
}

/* lg */
@media (min-width: 992px) {
	#logo {
		max-width: 400px;
	}
}



/* Icona DDBB */
abbr.iconoBD { font-size:95%; border-bottom:none; } /* Estils comuns */
abbr[title=IMIDES] { color:blue; }
abbr[title=TESORA] { color:green; }
abbr[title=PROORA] { color:red; }

label.required:after {
	content:"*";
}