@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

*{
  font-size: 15px;
  /* font-family: 'Montserrat', sans-serif; */
  font-family: 'PT Sans', sans-serif;
  color: #333;
}

html, body{
    padding: 0;
    margin: 0;
    width: 100%;
}

html{
  height: 100%;
}

body{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

ul{
  list-style: none;
}

.clsLanguage{
   display: flex;
   flex-direction: row;
}

/**************Avisos*******************/
div.clsNoticeFixed  > *{
   font-size: 1.4em;
}

div.clsNoticeFixed a{
   color: rgb(219, 45, 208);
   font-size: 1.2em;
}

div.clsNoticeFixed  > p > *{
   font-size: 1.4em;
   color: rgb(80, 80, 80);
}

.noticeCenter{
  background-color: rgba(255,255,255,0.5);
  border: 4px solid rgba(0,0,0,0.5);
  padding: 20px;
  border-radius: 20px;
}


.clsStatus, .clsStatusfixed .clsWarning, .clsWarningFixed, .clsError, .clsErrorFixed{
    padding: 8px;
    border: 1px solid rgb(107, 181, 100);
    border-radius: 8px;
    margin: 3px;
}

.clsWarning, .clsWarningFixed{
  border: 1px solid rgb(196, 81, 119);
}

.clsError, .clsErrorFixed{
  border: 1px solid rgb(207, 78, 37);
}


/*******************************/

.divVelo, #pleaseWait{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

/* pleaseWait */
#pleaseWait div{
    width: 280px;
    height: 280px;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
}

#pleaseWait div img{
  width: 250px;
  height: 250px;
}

/* Fin pleaseWait content */

#menuResponsiveToggle{
  display: none;
  cursor: pointer;
}

.clsContainerPagination{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 1em 0;
        padding: 2em 0;
}

.clsContainerPagination .pagination{
    display: flex;
    flex-direction: row;
}
.clsContainerPagination .pagination li{
    padding: 0 0.3em;
}
.clsContainerPagination .pagination *{
    font-size: 1.2em;
}

.clsContainerPagination .page-item.active span{
    color: #3498db;
}

/**********************************************/
a.clsLink{
    color: #3498BC;
}