:root{
  --iwea-color-primary: #d6bf80;
  --iwea-color-secondary: #003333;
  --iwea-font-bodoni: bodoni;
}

.theme-color li.active a{
    color: #ae5af3;
}
.theme-color li a{
    text-decoration: none;
    color: #999;
    font-weight:500;
}

@media screen and (max-width: 768px) {
   .dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer .col-sm-12.col-md-5,  .dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer .col-sm-12.col-md-6{
       padding-right: 0px;

   }
    .dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer .col-sm-12.col-md-7,
    .dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer .col-sm-12.col-md-6{
        padding-left: 0px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: center!important;
    }

    .white-box.card .d-block.text-center .btn.btn-success{
        margin-bottom: 8px;
    }
}

.iwea-dashboard-item{
  border: 5px solid white;
  padding: 8rem 1rem;
  text-align: center;
 
} 

.iwea-dashboard-item i{
  height: 3.5rem;
  width: 3.5rem;
}

.iwea-dashboard-item h2{
  font-size: 2.5rem;
  color: black;
}

.iwea-item-1 {
  width: 30%;
  background-color: #f2eae5;

}

.iwea-item-2 {
  width: 35%;
  background-color: #cbc8cb;
}

.iwea-item-3 {
  width: 35%;
  background-color: #cbc8cb;
}

.iwea-item-4 {
  width: 40%;
  background-color: #9cb1a0;
}
.iwea-item-5 {
  width: 35%;
  background-color: #f1e4c9;
}
.iwea-item-6 {
  width: 25%;
  background-color: #f4eae5;
}
.iwea-item-7 {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: 0px !important;
}
.iwea-item-8 {
  width: 30%;
  
}
.iwea-item-9 {
  width: 25%;
  background-color: #eeeef0;
}

.iwea-usuario{ 
  background-image: url(../css/icons/usuario.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 3rem;   
}

@font-face {
  font-family: bodoni;
  src: url(../../aseets/fonts/bodoni.ttf);
}

.iwea-dashboard-item h2,
.iwea-dashboard-user-item h2
{
  font-family: bodoni;
  font-style: italic;
}

.iwea-item-h50{
  height: 50%;
}

.iwea-item-h50 h1{ 
  text-align: right;
  font-family: bodoni;
  font-style: italic;
}

.iwea-item-h50:nth-child(2){
  background-color: #b5c6cb;
}

.iwea-miembros{ 
  background-image: url(../css/icons/miembros.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 3rem;   
}
.iwea-alianzas{ 
  background-image: url(../css/icons/alianzas.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 3rem;   
}
.iwea-miembros-honorarios{ 
  background-image: url(../css/icons/miembros-honorarios.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 3rem;   
}

.iwea-diploma{ 
  background-image: url(../css/icons/diploma.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 6rem;   
  
  
}

.iwea-directorio{ 
  background-image: url(../css/icons/directorio.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 3rem;   
}

.iwea-webinar{ 
  background-image: url(../css/icons/webinar.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  height: 3rem;
  width: 3rem;   
}

.iwea-title-1{
  font-size: 3rem;
  font-family: var(--iwea-font-bodoni);
  text-transform: uppercase;
}

.iwea-bullet{
  content: "";
  display: inline-block;
  background-color: var(--iwea-color-secondary);
  width: 1.5rem;
  height: .3rem;  
  margin: .5rem;  
}

.iwea-bg-primary{
  background-color: var(--iwea-color-primary);
}
.iwea-bg-secondary{
  background-color: var(--iwea-color-secondary);
}

/* Content */

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper{
  padding: 0px;
  padding-top: 5rem;
  min-height: 60vh;
}

.iwea-navbar{
  display: inline-block;
  width: 100%;  
  height: auto;
}


.topbar{
  height: auto;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar,
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar{
  position: absolute;
  z-index: 10000;
}


.iwea-pattern-rotate{
  transform: rotate(180deg);
}