#box-main-loader
{
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}

html {
    font-family: GillSans, Calibri, Trebuchet, sans-serif;
    font-family: sans-serif;

    font-size: 16px;
  }

#main-loader{
    margin-top: 10px;
}

.hide{
    /* display: none; */
  }

  .card{
    /* opacity:0; */
  }


#group-loader
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
}




body 
{
    /* background-color: #E1F5FE ; */
    background-color: #EDF2EF ;

    /* background-color: #ede8db !important; */
    /* background-image: url("../img/fondo.jpg"); */
}

.footer-copyright > .container , .footer-copyright > .container>a{
    text-align: center;
    color: rgba(255, 255, 255, 0.5) !important;
}

#logo-container
{
        font-size: 1.5rem !important;
        font-style: italic;
}


@media only screen and (max-width: 992px){

   
    .card-title-center {
        font-size: 2rem !important;

    }
    #logo-container {
        font-size: 1.2rem !important;
    }
    .brand-logo {
        left: 40% !important;
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    }
}


#linkInsta
{
    color: #fff !important;
    text-decoration: underline;
}
.random-palette
{
    
    /* background-color:#212121!important ; */

    
    background-color:#FBC02D !important ;
    
    /* background-color:#25893f !important ; */



    /* background-color:#2C5784 !important ; */

    

    
    /* background-color:#29B6F6 !important ; */
}

h1, #comments{
    color: #212121!important;
}
h1{
    font-size: 3.2rem;
}

h2{
    font-size: 2.6rem;

}

p, .table-of-contents a {
    color: #212121 !important;
}

.random-palette-footer
{
    background-color:#5688C7 !important ;

}


.teal
{
    background-color: #212121!important;

}

#txtEmail
{
    border-bottom: 1px solid #fff;
    color:rgba(255, 255, 255, 0.8);
}

#lblEmail{
    color: rgba(255, 255, 255, 0.3);

}

#btnModal1{
    display: none;
}


.diagram-card-footer>.btn-floating.halfway-fab
{
    bottom: inherit !important;
}

.badge{
    color: #fff !important;
    position: absolute;
    left: -14px;
    z-index: 1;
}

.btn-download
{
   right: 74px !important;
}

.card-content-download{
    border-top: 1px solid #d5d5d5;
}

.list_publications>li
{
    list-style-type: disc !important;
    list-style-position: inside;
}
.list_publications>li::marker
{
    color: #303f9f !important;
}

.current-menu-item{
    background-color: #022494 !important;
}
.current-menu-item>a{
    color: #fff !important;
}

.card-title-center{
  
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 3rem; /* 2.5rem mobile*/
        text-align: center;
        width: 90%;
        line-height: normal;
    
}


.div-color
{
    width: 100%;
    height: 20vh;
}

blockquote
{
    border-left: 5px solid #ff6f00!important;
}

.table-of-contents a.active, .table-of-contents a.active:hover{
    border-left: 2px solid #ff6f00 !important;
}

strong 
{
    /* display: block; */
}
.ico-orico
{
    font-size: 1.5em;
    color: #303f9f !important;
}

.ico-orico , .ico-text{
    vertical-align: middle;
}

.card-action>a {
    color: #ff6f00!important;
}

.card-stacked>.card-action
{
    text-align: end !important;
}
.card-stacked>.card-action>a{
    color: #fff !important;
    border-radius: 50% 50%;
    height: 42px !important;
    width: 42px !important;
}

.card-stacked>.card-action>a>i
{
    position: absolute;
    font-size: 28px;
    left: 8px;
    top: 3px;
}

.submit
{
    background: #ff6f00!important;
    color: #fff !important;
    width: 100% !important;
}

[type="checkbox"]:checked+span:not(.lever):before
{
    /* color: !important; */
    border-right: 2px solid #303f9f !important ;
    border-bottom: 2px solid #303f9f !important ;
}

input[type=text]:focus,input[type=email]:focus, textarea.materialize-textarea:focus {
    border-bottom: 1px solid #303f9f !important;
    box-shadow: 0 1px 0 0 #303f9f !important;
}

input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label
{
    color: #303f9f !important;
}

.comment-meta, .commentmetadata, .comment-reply-link, #cancel-comment-reply-link {
    color: #ff6f00!important; 
    font-weight: bold;
}

#reply-title
{
    font-size: 2rem !important;
}

input.invalid[type=text]
{
    border-bottom: 1px solid #ff6f00 !important;
    box-shadow: 0 1px 0 0 #ff6f00 !important;

}

.pagination {
    text-align: center;
}

.pagination li.active
{
   background-color: #ff6f00!important;
}



/*Evenets*/

.date-event{
    position: absolute;
    top: 0;
    right: 0 !important;
}

.event-card-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.event_subtitles
{
    font-weight: bold !important;
}

.card.horizontal .card-image img
{
    width: auto;
    margin: 0 auto;
    height: auto !important;
}

.card.horizontal .card-image
{
    
    width: auto!important;
    max-width: 210px;
}

/*Projects*/

.card .card-image img
{
    height: auto !important;
}

/*Paginacion*/

.pagination li {
    display: inline-block !important;
    border-radius: 2px !important;
    text-align: center !important;
    vertical-align: top !important;
    /* height: 32px !important; */
    width: 32px !important;

}

.pagination li a {
    color: #444;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0px 10px;
    line-height: 30px;
}

.pagination li.active {
    background-color: #ff6f00!important;
    color: #fff !important;
    line-height: 30px;

}