body {
  font-family: 'Poppins', sans-serif;
}
.navbar {
    box-shadow: none;
    background-color: transparent !important;
    padding-left: 0;
    padding-right: 0;
}
.error{
    color: red;
}
#errors{
  color: red;
}
a:hover {
    text-decoration: none;
}
#dashboardIcons{
    color: rgb(231, 75, 75);
    font-size: 70px;
}

.usersPermissions {
    padding: 20px;
    border-radius: 15px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    height: 100%;
}
.modal{
  /*From Right/Left */
  &.drawer{

    display: flex !important;

    pointer-events: none;
    * {
      pointer-events: none;
    }

    .modal-dialog{
      margin: 0px;
      display: flex;
      flex: auto;
      transform: translate(25%, 0);
      .modal-content{
        border:none;
        border-radius: 0px;
        .modal-body{
          overflow: auto;
        }
      }

    }

    &.show{
      pointer-events: auto;
      * {
        pointer-events: auto;
      }
      .modal-dialog{
        transform: translate(0, 0);
      }
    }

    &.right-align{
      flex-direction: row-reverse;
    }
    &.left-align{
      &:not(.show){
        .modal-dialog{
          transform: translate(-25%, 0);
        }
      }
    }

  }


}
/* Fixed sidenav, full height */

.row {
  margin: 0;
}
.btn:focus {
    outline: 0;
    box-shadow: none;
}
.title .image {
    max-width: 100px;
    margin-right: 10px;
}
.dropdown-btn {
    padding: 6px 8px 6px 5px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
    border: none;
    background: none;
    width:100%;
    text-align: left;
    cursor: pointer;
    outline: none;
  }
  .fa-angle-left {
    float: right;
    padding-right: 0px;
  }