/*    Basic Layouts     */

body {
  min-height: 100vh;
  position: relative;
  background: $grey2-color;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.body-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.15;
    z-index: 2000;
    top: 0;
    left: 0;
}

*:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.border-left, .border-right, .border-bottom, .border-top {
  border-color: #F0F1F3 !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

/*    margin-top negative   */

.mt--5, .my--5 {
  margin-top: (-3rem) !important;
}

.mt--4, .my--4 {
  margin-top: (-1.5rem) !important;
}

.mt--3, .my--3 {
  margin-top: (-1rem) !important;
}

.mt--2, .my--2 {
  margin-top: (-0.5rem) !important;
}

.mt--1, .my--1 {
  margin-top: (-0.25rem) !important;
}

/*      Wrapper      */

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.wrapper {
  min-height: 100vh;
  position: relative;
  top: 0;
  height: 100vh;
}

/*    Flex-1    */

.flex-1 {
  -ms-flex: 1;
  flex: 1;
}

/*    Metric    */
.metric {
  display: flex;
  padding: 1rem;
  flex-direction: column;
}

/* No Box-Shadow Style */
.no-box-shadow-style {
  * {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; 
  }
  .card, .row-card-no-pd {
    border: 1px solid #eaeaea;
  }
}