Team:BM-AMU/css/goble

.nav-container{

width: 100%;

margin-top: 0px; border-bottom: 15px solid #fff

}

.navLinks{

 color: black !important;
 opacity: 1 !important;

}

li.lateral{

margin-bottom: 0px !important; padding-bottom: 1em !important; padding-top: initial !important; padding-left: 0em !important;

}

ul.lateral{

padding-top: initial !important; background-color: rgba(181,181,181,0.1)!important; padding-bottom: initial !important; width: 100%; border-radius: 0.4em !important;

margin-left: 0; padding: 1em 1em 1em 2.6em !important; list-style-position: outside;

}

/* TABLA HA */

.divTabla{ width:100% !important; }

.tableHec{

 overflow: hidden;
 border-collapse: collapse;
 border: none !important;
 box-shadow: 0 0 0 1px #ececec;
 margin-left: 0 !important;

}

.tableBetty{

 overflow: hidden;
 border-collapse: collapse;
 border: none !important;
 box-shadow: 0 0 0 1px #ececec;
 margin-left: 0 !important;
 text-align: center !important

}

.tdAlb { border: none !important; padding-top: 1em !important; padding-bottom: 1em !important; font-size: 13px; border-right: 1px solid #eaeaea !important }

.thHec{

 padding-top: 1em !important;
 border: none !important;
 padding-bottom: 1em !important;
 font-size: 16px;
 background-color: #909090 !important;
 color: #fff !important;
 border-right: 1px solid #fff !important;

}

.tdHec{

 border: none !important;
 padding-top: 1em !important;
 padding-bottom: 1em !important;
 font-size: 16px;
 border-right: 1px solid #eaeaea !important;

}

th:last-child{

 padding-top: 1em !important;
 border: none !important;
 padding-bottom: 1em !important;
 font-size: 16px;
 background-color: #909090 !important;
 color: #fff !important;

}

td:last-child{

 border: none !important;
 padding-top: 1em !important;
 padding-bottom: 1em !important;

}

.centerImg{

 margin: auto !important; 
 display: block !important;

}

.fotoConPie{

 padding-bottom: 1em;
 text-alignt: right;

}

.pieDeImagen{

 width: 100%;
 padding-left: 19em;
 padding-right: 1em;

}

/* MODALES */ .modal {

   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 8888; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

/* Modal Content/Box */ .modal-content {

   background-color: #fefefe;
   margin: 10vh auto; /* 15% from the top and centered */
   padding: 20px;
   border: 1px solid #888;
   width: 90%; /* Could be more or less, depending on screen size */

} @media (min-width: 100px) {

 .modal-content {
   background-color: #fefefe;
   margin: 10vh auto; /* 15% from the top and centered */
   padding: 20px;
   border: 1px solid #888;
   width: 30%; /* Could be more or less, depending on screen size */

} }

/* The Close Button */ .close {

   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;

}

.close:hover, .close:focus {

   color: black;
   text-decoration: none;
   cursor: pointer;

}

/* ACORDEON */

.card{

 overflow:hidden;
 border-radius: 0.4 rem;
 border: 0;
 margin-bottom: 1.5em;

}

.cardSpan.collapsed:before{

   font-family: "Lato";
   content: '\e80d';
   margin-right: 6px;

}

.cardSpan.expanded:before{

   font-family: "Lato";
   content: '\e80a';
   margin-right: 6px;

}

.card-header{

 cursor: pointer;
 background: #4a90e2;
 border: 0;

}

.cardText{

 -webkit-user-select: none; /* Safari */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* IE10+/Edge */
 user-select: none; /* Standard */
 color: #fff;

}

.card-body{

 padding: 1.2em 1.2em 1.2em 1.2em;
 border: 1px solid rgba(0,0,0,.125);
 border-bottom-left-radius: 0.4rem;
 border-bottom-right-radius: 0.4rem;

}

.accordion{ list-style-type: none !important; padding-left: 0 !important; margin-left: 0 !important; overflow: initial; height: auto !important; margin-bottom: 1em !important; }

.accordion__title{ margin-bottom: 0 !important; opacity: 1 !important; background: #3e90c5 !important; color: #fff !important; border: 1px solid #3e90c5 !important; }

.accordion__element{ margin-bottom: 0.5em !important }

.accordion accordion-1:last-child{ margin-bottom: 1.8em !important }

.accordion-1 li.active .accordion__title{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.accordion__content{

   border: 1px solid #cecece !important;
   border-radius: 4px !important;
   border-top-left-radius: 0 !important;
   border-top-right-radius: 0 !important;
   padding-left: 1.5em !important;
   max-height: 100%;
   max-width: 100%;

}

.accordion li.active .accordion__content{ padding: 1.5em !important; max-height: 100% !important }

.accordion .accordion__title:before{ color: #fff !important;

}

/* MODAL TEST */

.modalDialog { position: fixed !important; font-family: Arial, Helvetica, sans-serif !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; background: rgba(0,0,0,0.8) !important; z-index: 99999 !important; opacity:0 !important; -webkit-transition: opacity 200ms ease-in !important; -moz-transition: opacity 200ms ease-in !important; transition: opacity 200ms ease-in !important; pointer-events: none !important; }

.modalDialog:target { opacity:1 !important; pointer-events: auto !important; }

.modalDialog > div { width: 400px !important; position: relative !important; margin: 10% auto !important; padding: 5px 20px 13px 20px !important; border-radius: 10px !important; background: #fff !important; background: -moz-linear-gradient(#fff, #999) !important; background: -webkit-linear-gradient(#fff, #999) !important; background: -o-linear-gradient(#fff, #999) !important; }

/* PROGRESS BAR */

.header {

 position: fixed;
 top: 0%;
 z-index: 100;
 width: 100%;
 background-color: #f1f1f1;

}

/* The progress container (grey background) */ .progress-container {

 width: 100%;
 height: 5px;
  background-color: rgba(255,255,255,0.6);

}

/* The progress bar (scroll indicator) */ .progress-bar {

 height: 5px;
 background-color: rgba(34,108,183,0.8);
 width: 0%;
 border-top-right-radius:10px;
 border-bottom-right-radius:10px;

}

.p{

  padding-bottom: 1em !important;

}

.hashlink:before{

   display:block;
   position:relative;
   margin-top: -200px;
   height:200px;
   content: " ";
   visibility:hidden;

}

/* ATTRIBUTIONS */

.ulHec{ padding-bottom: 1em !important; list-style: none !important; padding-left: 0em !important }

.fotosAttr{ margin-top: 0 !important; }

.anchorOffset{

display: block !important; position: relative !important; top: -135px !important; visibility: hidden !important;

}

.rowAttr{

   padding-left: 15px;
   position: relative;
   bottom: 0.8em;

}

h5{ margin-bottom: 0.2em !important }

-moz-selection { background: #E9EACA; }

selection { background: #E9EACA; }

.aparece {

   opacity: 0;
   transition: opacity 0s ease-in 600ms, opacity 600ms;
   position: relative;

}

.aparece-hover:hover .aparece {

   opacity: 1;
   transition: opacity 0s ease-in 600ms, opacity 600ms;

}

.linkSinPadding{ padding-right: 0 !important; }

.lb-outerContainer {

   background-color: transparent !important;

}

.flickity-enabled {

 position: relative;

}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {

 overflow: hidden;
 position: relative;
 height: 100%;

}

.flickity-slider {

 position: absolute;
 width: 100%;
 height: 100%;

}

/* draggable */

.flickity-enabled.is-draggable {

 -webkit-tap-highlight-color: transparent;
         tap-highlight-color: transparent;
 -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;

}

.flickity-enabled.is-draggable .flickity-viewport {

 cursor: move;
 cursor: -webkit-grab;
 cursor: grab;

}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {

 cursor: -webkit-grabbing;
 cursor: grabbing;

}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {

 position: absolute;
 top: 50%;
 width: 44px;
 height: 44px;
 border: none;
 border-radius: 50%;
 background: white;
 background: hsla(0, 0%, 100%, 0.75);
 cursor: pointer;
 /* vertically center */
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);

}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {

 outline: none;
 box-shadow: 0 0 0 5px #09F;

}

.flickity-prev-next-button:active {

 opacity: 0.6;

}

.flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous {

 left: auto;
 right: 10px;

} .flickity-rtl .flickity-prev-next-button.next {

 right: auto;
 left: 10px;

}

.flickity-prev-next-button:disabled {

 opacity: 0.3;
 cursor: auto;

}

.flickity-prev-next-button svg {

 position: absolute;
 left: 20%;
 top: 20%;
 width: 60%;
 height: 60%;

}

.flickity-prev-next-button .arrow {

 fill: #333;

}

/* ---- page dots ---- */

.flickity-page-dots {

 position: absolute;
 width: 100%;
 bottom: -25px;
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center;
 line-height: 1;

}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {

 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 0 8px;
 background: #333;
 border-radius: 50%;
 opacity: 0.25;
 cursor: pointer;

}

.flickity-page-dots .dot.is-selected {

 opacity: 1;

}