#last-session #liveiframediv .liveiframelabel{padding-bottom: 5px;font-size: 22px;font-weight: bold;}
#last-session #liveiframediv .liveiframelabel .label{background-color:#A20000;font-size: .7em;padding: 3px 15px;font-weight: normal;}
#last-session #liveiframediv iframe{ max-width: 100%;max-height: auto;}

#session-detail #liveiframediv .liveiframelabel{padding-bottom: 5px;font-size: 22px;}
#session-detail #liveiframediv .liveiframelabel .label{background-color:#b60505;font-size: .7em;padding: 2px 12px;}
#session-detail #liveiframediv iframe{ max-width: 100%;max-height: auto;}

#last-session #session-info #last-session-label{display:none;}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/raleway/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../../fonts/raleway/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/raleway/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/raleway/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/raleway/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/raleway/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* Stylesheet for the 'Logo Audio Video Actes' */
.ava-brand-malaga {font-family: 'Raleway', sans-serif;font-size: 1.9375rem;position: relative;font-weight: 300;margin:0;display: inline-block; line-height: 3em;}
#grailsLogo .padd-logo .img-width {max-width: 1.9375rem; min-height: 0px !important;}
#grailsLogo .banner .img-width-logo {max-width: 15rem;}
.padd-logo {padding-right: 0; padding-left: 2.5em;}
.ava-brand-malaga span {margin:0;display: inline-block;}
.ava-brand-malaga::before {content:"";height:15px;width: 15px;border-radius:50%;top: 50%;transform: translate(0, -50%);position: absolute;left:-0.8em;}
.aava-brand-malaga.point-red::before {background-color:#A50000;}
.ava-brand-malaga.point-green::before {background-color:#ACC537;}

#grailsLogo .banner {max-width: 78rem;text-align: left;margin:0 auto; display: flex;align-items: center;}
#grailsLogo #webcontent {max-width: 78rem;margin:0 auto; padding-right: 0; display: flex; align-items: center;}
#footer .wrapper a:hover, #footer .wrapper a:focus {color: #23949d;} 
.wrapper a {transition: color 0.7s}

#header .ava-escudo .row h1 {line-height: 25px;}
#header #textAyunt {display: none;}

/*colors*/
.black {color: #000;}
.gray {color: #222;}
.gray2 {color: #666;}
.gray3 {color: #999;}
.bg-color .gray {color: rgba(255,255,255,0.4);}
.bg-color .gray2 {color: rgba(255,255,255,0.6);}
.bg-color .gray3 {color: rgba(255,255,255,0.8);}

/* CAP */
#grailsLogo.logoMalaga {padding-left: 0px;padding-right: 0px; margin-top:10px; margin-bottom:5px;}
#header{padding-top:0px;padding-bottom:5px;}
#header img {min-height: 30px;}

/* HEADER LINKS */ 

#header .header-top  {background-color: #005E7D; color: #fff;}
#header #MalagaNav a {color: #fff; text-transform: uppercase; border-radius: 0; font-size: 13px; padding: 11px 15px; font-family: "Raleway",sans-serif;}
#header #MalagaNav a:hover {background-color: #004C66}
#header #MalagaNav a {transition: background-color 0.7s}

#header .header-top .collapse-topbar-btn {font-size: 24px; padding: 2px 0; color: #fff; display: block;}

/* SEARCH BAR */
#search{color:#fff; background-color: #005E7D;font-family: "PT Sans Narrow";}
#search button{border-color: #005E7D;background-color: #778899;}
#search button:hover{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;}
#search p.top-text {line-height: 18px;padding: 17px 2px 5px;font-weight: 400;}

/* Hover al escollir data */
.datepicker td.day:hover {
  background: #D3D3D3 !important;
  color: black !important;
}

.datepicker td span:hover {
  background: #D3D3D3 !important;
  color: black !important;
}


/* Hover data de avui */
.datepicker td.active, 
.datepicker td.active:hover {
  color: black;
  background-image: none !important;
  border-color: #ffb733 !important;
  background-color: #ffdb99 !important;
}
.datepicker td span.active {
  color: black;
  background-image: none !important;
  border-color: #ffb733 !important;
  background-color: #ffdb99 !important;
}


/* Barra de canvi de mes datepicker */
.datepicker.dropdown-menu{padding: 0px; margin: 0px;}
.datepicker .datepicker-days table thead tr:FIRST-CHILD{background-color: #fff;}
.datepicker .datepicker-days table thead tr:FIRST-CHILD th{color: #000;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.datepicker .datepicker-days table thead tr:FIRST-CHILD th:HOVER{background-color: #fff; color:#778899;}
.datepicker .datepicker-days table thead tr th.dow{background-color: #333; color: #EEE;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

.datepicker .datepicker-months table thead tr:FIRST-CHILD{background-color: #fff;}
.datepicker .datepicker-months table thead tr:FIRST-CHILD th{color: #000;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.datepicker .datepicker-months table thead tr:FIRST-CHILD th:HOVER{background-color: #fff; color:#778899;}

.datepicker .datepicker-years table thead tr:FIRST-CHILD{background-color: #fff;}
.datepicker .datepicker-years table thead tr:FIRST-CHILD th{color: #000;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.datepicker .datepicker-years table thead tr:FIRST-CHILD th:HOVER{background-color: #fff; color:#778899;}

/* LISTA SESIONES */
/*  Sessio principal de la pagina */
#last-session #session-info .btn-detail{border-color: #778899;background-color: #778899;}
#last-session #session-info .btn-detail:HOVER{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;}

/* Resta de sessions */
#sessionsList .session-box .btn-detail{border-color: #778899;background-color: #778899;}
#sessionsList .session-box .btn-detail:HOVER{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;}

/* SEARCH RESULT PAGE */
/* Boto tornar portada */
#breadcrumbs ol.breadcrumb a{color: #008B8B;}
#breadcrumbs ol.breadcrumb a:HOVER{text-decoration: underline;}
/* Botons sessions cercades */
#session-searchresult .session-box .btn-detail{border-color: #778899;background-color: #778899;}
#session-searchresult .session-box .btn-detail:HOVER{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;}
/* Nombre de resultats */
#session-searchresult .badge{background-color: #00CED1;}
/* Fons 'info de la recerca' i estil */
#session-searchresult .searchInfo{border-bottom:1px solid #D0D0D0;padding-bottom: 5px;}
#session-searchresult .searchInfo a{line-height: 1em; font-size: 0.90em;color:#00CED1; cursor: pointer;font-weight: 200;}
#session-searchresult .searchInfo a:HOVER{color: #000;text-decoration: underline;}


/* DETALLES DE SESION */
/* Barra documents */
#session-detail #sesion-document-list #docs-title {background-color: #008B8B;}
/* Boto Index del video o Intervencions, actiu */
#video-index #video-index-controls .btn.active {background-color: #20B2AA;}

/* Signatura video estil */
#session-detail #videoSignatureBtn{margin: 0.8em 0em;}
#session-detail #videoSignatureBtn button.btn-link{color:#00CED1;padding: 4px 6px;}

/* Botons dins de la signatura del video */
.modalSignatures .modal-body .tabFirmas ul li.active a.tabFirmaBtn {background-color: #00CED1;}
.modalSignatures .modal-footer .btn-signature{border-color: #778899;background-color: #778899;}
.modalSignatures .modal-footer .btn-signature:HOVER{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;}
/* Boto validesa signatura */
.modalSignatures .modal-body a.btn{background-color: #20B2AA;border-color: #20B2AA;} 
.modalSignatures .modal-body a.btn:HOVER{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;} 

/* Veure signatura documents */
#session-detail #sesion-document-list .doc-div button{font-size: 0.75em;padding: 3px 5px;color:#00CED1;margin-top: 5px;}

#video-index #indiceVideo .topic-row .play-link{background: transparent url(../../malaga/images/play.png) 0px -45px;}
#video-index #indiceVideo .topic-row .play-link:HOVER{background: transparent url(../../malaga/images/play.png) 0px 0px;}

/* Badge i temps index del video */
#video-index #indiceVideo .topic-row:HOVER .topic-title-row .badge{background-color: #00CED1;}
#video-index #indiceVideo .topic-row:HOVER .topic-detaills .timeSpan-box{border: 1px solid #00CED1; color: #fff;background-color: #00CED1;}

#video-index #indiceVideo .topic-interventions .play-intervention{display: block;background: transparent url(../../malaga/images/play.png) 0px -45px;}
#video-index #indiceVideo .topic-interventions .play-intervention:HOVER{background: transparent url(../../malaga/images/play.png) 0px 0px;}

/* Badge i temps intervencions del index del video */
#video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER .badge{background-color: #00CED1;}
#video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER span.intervention-block{color: #00CED1;}
#video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER .timeSpan-box{border: 1px solid #00CED1; color: #fff;background-color: #00CED1;}

#intervenciones .play-intervetion{display: inline-block;background: transparent url(../../malaga/images/play-sm.png) 0px -28px;}
#intervenciones .play-intervetion:HOVER{background: transparent url(../../malaga/images/play-sm.png) 0px 0px;}

/* Apartats intervencions */
#intervenciones .indexTema:HOVER .timeSpan{border: 1px solid #00CED1; color: #fff;background-color: #00CED1;}
#intervenciones .timeIntervention:HOVER .timeSpan{border: 1px solid #00CED1; color: #fff;background-color: #00CED1;}
#intervenciones .timeIntervention:HOVER .glyphicon-user{color: #00CED1;}
#intervenciones .timeIntervention:HOVER .glyphicon-comment{color: #00CED1;}

/* LOGIN */
/* Barra superior */
#layout_login #grey-nav{background-color: #005E7D;}
/* Boto login */
#layout_login #login .btn{border-color: #778899;background-color: #778899;}
#layout_login #login .btn:hover{background-color: #AFEEEE; color:#005E7D; border-color: #005E7D;}

#layout_login .nav ul li{list-style: none;}
#layout_login .nav ul li a{color: #fff;}
#layout_login .nav ul li a:HOVER{color: #FFF;text-decoration: underline;}
#layout_login #footer #w3c-logos{display: none;}


/* FOOTER */
#footer{background-color: #005E7D; color: #fff; font-size: 16px; padding: 40px 0; font-family: "Raleway",sans-serif;}
#footer #ayun-contact a{color: #fff;}
#footer #ayun-info p{color: #fff;}

#footer #ayun-contact a{font-weight:bold;margin-bottom: 5px;font-size: 1.3em; text-align: center;}
#footer #ayun-contact p{margin-bottom: 0px;font-size: 1em; text-align: center;}
.foot-fax{display:none;}
#footer #ayun-contact a.foot-mail{font-weight: normal;font-size: 1em;}
#footer #ayun-contact a:HOVER{text-decoration: underline;}
#footer #ayun-contact a.aj-link{color: #adadad; font-weight:300; font-size: 1.2em;}

#footer #ava-info-malaga #ava-brand .white-bull{font-size: 40px;line-height: 10px;vertical-align: sub;padding-right: 2px;}
#footer #ava-info-malaga #ava-brand .audio{color: #adadadb5;font-weight: normal;font-size: 1em;}
#footer #ava-info-malaga #ava-brand .video{color: #d4d4d4b3;font-weight: normal;font-size: 1em;}
#footer #ava-info-malaga #ava-brand .actas{color: #f2f2f2;font-weight: normal;font-size: 1em;}

#footer #ava-info-malaga span.desenvolupatby{font-size: 0.9em;color: #adadad;}
#footer #ava-info-malaga a.semiclink{font-size: 1em;}
#footer #ava-info-malaga a.semiclink:HOVER{text-decoration: underline;}
#footer #aj-links p.fdb-fax{display: none;}
#footer #ayun-logo img{padding-top: 10px;padding-bottom: 10px;max-height: 140px; width: 60%; }

/* New Footer */
#footer p {margin: 0 0 10px;}

#footer .mb-60 {margin-bottom: 60px !important;}
#footer .mb-30 {margin-bottom: 30px !important;}
#footer .mr-5 {margin-right: 5px !important;}
#footer .mt-30{margin-top: 30px !important;}

#footer .v-align-m {vertical-align: middle;}
#footer .pl-5 {padding-left: 5px !important;}
#footer .pr-5 {padding-right: 5px !important;}

#footer .copyright {font-size: 14px;}
#footer .parent {position: relative;}
#footer .social-list .fa-stack {width: 1.7em; height: 1.7em; line-height: 1.7em;}
#footer .social-list .fa-stack-2x {font-size: 1.7em;}
#footer .social-list .fa-inverse { color: #005E7D; font-size: 0.9em;}
#footer .social-list>li {padding: 0;}
#footer .list-inline {padding-left: 0; list-style: none; margin-left: -5px;}
#footer #ava-info-malaga {margin-top: 6em;}

#footer .h2 {font-size: 34px; margin-top: 0; font-weight: bold; padding: 5px 0; font-family: "Raleway",sans-serif;}
#footer address {margin-bottom: 20px !important; font-style: normal; line-height: 1.428571429;}

#footer .copyright a {padding: 5px;}
#footer .img-responsive {margin-left: auto;margin-right: auto;}

/*Medias*/
@media only screen and (max-width: 40em) {
	/*Header*/
	#header .container {width: auto;}
	/*Footer*/
	#footer {text-align: center}
	#footer .pull-right {float: none !important;}
	#footer #ava-info-malaga {margin-top: 1em; text-align: center;}
	#footer .container {width: auto;}
	#footer .copyright a {display: block; margin: 4px 0;}
	#footer .copyright span {display: none;}
}
@media only screen and (min-width: 40.063em) {
	#header .header-top #topNav.collapse {display: block;}
}