/*////////////
GENERAL
/////////////*/
#wrapper { height:auto; }
#wrapper section { padding:0; padding-top:40px; }
#wrapper section.inicio, #wrapper section.dashboard { padding-top:100px; }
section .titular h2.titulo { font-style:normal; font-size:48px !important; margin-top:0; }
section.inicio .titular h2.titulo { font-style:normal; font-size:40px !important; margin-top:0; }
section.inicio .titular h2.titulo img { max-height:46px; margin-right:10px; }

/*////////////
HEADER
/////////////*/
nav.pushy .pushy-header h1 { font-size:13px; font-style:normal; margin-top:5px; }
nav.pushy .pushy-menu li a { text-transform:uppercase; border:none; padding:12px 16px; padding-right:0; }
nav.pushy .pushy-menu li a img { display:inline-block; height:24px; margin-right:16px; margin-top:-4px; }

.navbar-dark .navbar-brand .logo span { color:#0093cd; font-weight:400; letter-spacing:.5px; padding:5px 0 0 3px; display:inline-block; }

	@media (max-width: 768px) {
		.navbar-dark .navbar-brand { height:36px; }
		.navbar-dark .navbar-brand .logo img { display:none; }
		.navbar-dark .navbar-brand .logo span { background:url(../img/intranet/logo-pq-tecno.png) left center no-repeat; background-size:contain; margin-top:8px; padding-left:30px; padding-top:0; }
		.navbar-dark .navbar-header { display:inline-block; margin-top:5px; }
		.navbar-dark .navbar-right { display:inline-block; float:right; }
		.navbar-dark .navbar-right ul li { float:left; }
		.navbar-dark .navbar-right ul.nav { margin-right:0; margin-top:10px; }
		.navbar.top-nav-collapse { padding:0 !important; }
	}

/*////////////
LOGIN 
/////////////*/
.login { background:#eeeeee; }
.login .login-wrapper { padding-top:80px !important; }
.login .login-content { background:#fff; border-radius:10px; padding:40px; }
.login .login-adorno { text-align:center; margin-top:60px; }
.login .login-adorno img { max-height:40px; }
.login .recordar .recordar-modulo { width:50%; float:left; font-size:12px; }
.login .recordar .recordar-modulo.text-right { padding-top:5px; }

/*////////////
DASHBOARD 
/////////////*/
.dashboard {}
.dashboard .dashboard-item { margin-bottom:30px; }
.dashboard .dashboard-item a { background:#eeeeee; border-radius:10px; padding:30px 20px; display:block; overflow:hidden; }
.dashboard .dashboard-item a:hover { background:#7fd2ea; }
.dashboard .dashboard-item a .imagen { display:block; float:left; width:60px; margin-right:20px; }
.dashboard .dashboard-item a .imagen img { max-height:60px; }
.dashboard .dashboard-item a .texto { display:block; float:left; width:calc(100% - 80px); }
.dashboard .dashboard-item a .texto h3 { margin-top:0; color:#666666; font-size:24px; font-weight:600; margin-bottom:5px; }
.dashboard .dashboard-item a .texto p { font-size:14px; color:#666666; font-weight:normal; line-height:normal; max-width:80%; margin:0; }
.dashboard .dashboard-item a:hover .texto p, .dashboard .dashboard-item a:hover .texto h3 { color:#05151f; }

/*////////////
PÁGINAS INTERIORES
/////////////*/
.submenu { border-bottom:1px solid #eee; }
.submenu ul { margin:0; }
.submenu ul li { padding:0; margin-right:30px; }
.submenu ul li a { color:#999; }
.submenu ul li a:after { content:""; width:100%; display:block; height:5px; background:#eee; margin-top:3px; }
.submenu ul li a:hover { color:#7fd2ea; }
.submenu ul li a:hover:after { background:#7fd2ea; }
.submenu ul li a.active { color:#05151f; }
.submenu ul li a.active:after { background:#05151f; }
.submenu ul li.nuevo { float:right; margin-right:0; margin-left:20px; }
.submenu ul li.nuevo a { background:#f2f2f2; padding:4px 15px; border-radius:20px; }
.submenu ul li.nuevo a:after { display:none; }
.submenu ul li.nuevo a:hover { color:#05151f; background:#73cc00; }

	@media (max-width: 768px) {
		.submenu { border:none; background:#eee; overflow:hidden; }
		.submenu ul li.nuevo { float:left; margin-right:10px; margin-left:0; }
		.submenu ul li { margin-right:10px; text-transform:uppercase; font-size:12px; float:left; }
		#wrapper section.inicio { padding-top:65px; }
		section.inicio .titular h2.titulo { font-size:28px !important; }
		section.inicio .titular h2.titulo img { max-height:32px; }
		.submenu ul li a::after { display:none; }
		.submenu ul li.nuevo a { padding:15px 0; background:none; border-radius:0; }
		.submenu ul li a { padding:15px 0; display:block; }
		.submenu ul li a:hover { color:#05151f; background:#7fd2ea; }
		section.inicio .titular h2.titulo { margin-bottom:0; }
	}

/*////////////
LISTA NOTICIAS
/////////////*/
.noticias {}
.noticias .listado-noticias {}
.noticias .listado-noticias h2 { color:#0092cc; font-size:24px; margin-bottom:15px; font-weight:300; font-style:normal; }
.noticias .listado-noticias ul { border-top:1px solid #eeeeee; }
.noticias .listado-noticias ul li { border-bottom:1px solid #eeeeee; font-weight:normal; font-size:14px; }
.noticias .listado-noticias ul li a { color:#05151f; padding:15px 10px; display:block; }
.noticias .listado-noticias ul li a:hover { background-color:#f2f2f2; }
.noticias .listado-noticias ul li a i { color:#f8794d; padding-right:15px; font-size:18px; }
.noticias .listado-noticias ul li a .fecha { color:#0092cc; font-style:italic; padding-right:40px; }

.noticias-front .row { display:-webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.noticias-front .row [class*="col-"] { display: -webkit-flex; display: flex; }
.noticias-front .row a { text-align:left; }
.noticias-front .row a h2 { font-size:24px; font-style:normal; font-weight:600; }
.noticias-front .row a p { color:#666666; line-height:24px; font-size:16px; }
.noticias-front .row a h3 { font-size:16px; font-style:normal; font-weight:300; color:#000; text-transform:uppercase; margin-top:5px; }

/*////////////
FAQS
/////////////*/
.faqs { padding-top:0 !important; }
.faqs .nuevo { float:right; margin-right:0; margin-left:20px; }
.faqs .nuevo a { background:#f2f2f2; padding:4px 15px; border-radius:20px; }
.faqs .nuevo a:after { display:none; }
.faqs .nuevo a:hover { color:#05151f; background:#73cc00; }
	@media (max-width: 768px) {
		.faqs .row { display: flex !important; flex-direction: column-reverse; }
	}

/*////////////
SALAS
/////////////*/
.calendario { min-height:calc(100vh - 464px); }
.calendario  ul { list-style-type: none; }
.calendario .month {
    padding: 20px;
    width: 100%;
    background: #7fd2ea;
    text-align: center;
}
.calendario .month ul {
    margin: 0;
    padding: 0;
}
.calendario .month ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.calendario .month .prev {
    float: left;
    padding-top: 10px;
}
.calendario .month .next {
    float: right;
    padding-top: 10px;
}
.calendario .weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #eee;
}
.calendario .weekdays li {
    display: inline-block;
    width: 13.6%;
    color: #4a4a4a;
    text-align: center;
}
.calendario .days {
    padding: 10px 0;
    background: #f4f4f4;
    margin: 0;
}
.calendario .days li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    font-size:18px;
    color: #777;
	min-height:63px;
}
.calendario .days li.disabled { color:#ccc; padding:20px 0; }
.calendario .days li .active {
    padding: 5px;
    background: #7fd2ea;
    color: white !important;
	padding:20px;
}
.calendario .days li a { padding:20px; }
.calendario .days li a:hover { background:#0093cd; color:#f4f4f4; }

	@media screen and (max-width:720px) {
		.weekdays li, .days li {width: 13.1%;}
	}
	
	@media screen and (max-width: 420px) {
		.weekdays li, .days li {width: 12.5%;}
		.days li .active {padding: 2px;}
	}
	
	@media screen and (max-width: 290px) {
		.weekdays li, .days li {width: 12.2%;}
	}

	
.reserva-salas { background:#f2f2f2; height:calc(100vh - 180px); overflow:scroll; }
.reserva-salas .modal-header .close { margin-top:-20px; }
.reserva-salas table tr td { position:relative; padding:0; height:20px; }
.reserva-salas table tr td.disabled { background:#ddd; }
.reserva-salas table tr td.reservada { background:#73cc00; }
.reserva-salas a { text-indent:-9999px; position:absolute; width:100%; height:100%; border-radius:0; background:none; border:none; }
.reserva-salas a.reserva { text-indent:inherit; padding:0; }
.reserva-salas a.reserva:hover { background:none; text-decoration:underline; }

.dashboard.salas {}
.dashboard.salas .dashboard-item a { padding:0; }
.dashboard.salas .dashboard-item a .imagen { width:150px; margin-right:10px; }
.dashboard .dashboard-item a .imagen img { max-height:none; }
.dashboard.salas .dashboard-item a .texto { width:calc(100% - 160px); padding:10px; }

/*////////////
FOOTER
/////////////*/
footer { margin-top:100px; }

/*////////////
SWITCH
/////////////*/
.material-switch > input[type="checkbox"] { display: none; }
.material-switch > label { cursor: pointer; height: 0px; position: relative; width: 40px; }
.material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position:absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; }
.material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; }
.material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; }
.material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; }