// -----------------------------------------------------------------------------
// This file contains CSS helper classes.
// -----------------------------------------------------------------------------


/* =General
-------------------------------------------------------------- */
.clearfix {
  clear:both;
}

.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 auto!important;
}

.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.z-index {
  z-index: 9 !important;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;    
}
ul.margin-bottom-30{
  li {
    margin-bottom: 30px;
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.text-center {
  text-align: center;
}

.no-overflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.valign, %valign{
  height: 100%;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

%bg-cover {
  position: relative;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

%custom-scrollbar {
    &::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #eee;
        -webkit-border-radius: 0;
    }   

    &::-webkit-scrollbar-thumb {
        background: #aeaeae;
        -webkit-border-radius: 0;
    }  
}