.container {
  width: 90%;
  overflow: auto;
  margin: 0 auto;
}
.container-fluid {
  width: 100%;
  overflow: auto;
  margin: 0 auto;
}
.container-overlap {
  width: 100%;
  margin: 0 auto;
}
.container-fluid-height {
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
}
.row {
  width: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
}

.border-bottom-1 {
  border-bottom: 1px solid #dddddd;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.col-100 {
  width: 100%;
}
.col-90 {
  width: 90%;
  float: left;
}
.col-80 {
  width: 80%;
  float: left;
}
.col-70 {
  width: 70%;
  float: left;
}
.col-60 {
  width: 60%;
  float: left;
}
.col-50 {
  width: 50%;
  float: left;
}
.col-40 {
  width: 40%;
  float: left;
}
.col-30 {
  width: 30%;
  float: left;
}
.col-33 {
  width: 33.33%;
  float: left;
}
.col-25 {
  width: 25%;
  float: left;
}
.col-20 {
  width: 20%;
  float: left;
}
.col-10 {
  width: 10%;
  float: left;
}
/* margin */
.m-10 {
  margin: 10px;
}
.m-20 {
  margin: 20px;
}
.m-30 {
  margin: 30px;
}
.m-40 {
  margin: 40px;
}
.m-50 {
  margin: 50px;
}
.m-60 {
  margin: 60px;
}
.m-70 {
  margin: 70px;
}
.m-80 {
  margin: 80px;
}
.m-90 {
  margin: 90px;
}
.m-100 {
  margin: 100px;
}
/* margin top */
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
/* margin bottom */
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
/* padding */
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-100 {
  padding-top: 100px;
}
@media only screen and (max-width: 4000px) {
  .col-lg-100 {
    width: 100%;
  }
  .col-lg-90 {
    width: 90%;
    float: left;
  }
  .col-lg-80 {
    width: 80%;
    float: left;
  }
  .col-lg-70 {
    width: 70%;
    float: left;
  }
  .col-lg-60 {
    width: 60%;
    float: left;
  }
  .col-lg-50 {
    width: 50%;
    float: left;
  }
  .col-lg-40 {
    width: 40%;
    float: left;
  }
  .col-lg-30 {
    width: 30%;
    float: left;
  }
  .col-lg-33 {
    width: 33.33%;
    float: left;
  }
  .col-lg-25 {
    width: 25%;
    float: left;
  }
  .col-lg-20 {
    width: 20%;
    float: left;
  }
  .col-lg-10 {
    width: 10%;
    float: left;
  }
}

@media only screen and (max-width: 768px) {


  .hide-on-tablet {
    display: none;
  }
  .m-p-20 {
    padding: 20px;
  }

  .col-md-100 {
    width: 100%;
  }
  .col-md-90 {
    width: 90%;
    float: left;
  }
  .col-md-80 {
    width: 80%;
    float: left;
  }
  .col-md-70 {
    width: 70%;
    float: left;
  }
  .col-md-60 {
    width: 60%;
    float: left;
  }
  .col-md-50 {
    width: 50%;
    float: left;
  }
  .col-md-40 {
    width: 40%;
    float: left;
  }
  .col-md-30 {
    width: 30%;
    float: left;
  }
  .col-md-33 {
    width: 33.33%;
    float: left;
  }
  .col-md-25 {
    width: 25%;
    float: left;
  }
  .col-md-20 {
    width: 20%;
    float: left;
  }
  .col-md-10 {
    width: 10%;
    float: left;
  }
  .md-m-10 {
    margin: 10px;
  }
  .md-m-20 {
    margin: 20px;
  }
  .md-m-30 {
    margin: 30px;
  }
  .md-m-40 {
    margin: 40px;
  }
  .md-m-50 {
    margin: 50px;
  }
  .md-m-60 {
    margin: 60px;
  }
  .md-m-70 {
    margin: 70px;
  }
  .md-m-80 {
    margin: 80px;
  }
  .md-m-90 {
    margin: 90px;
  }
  .md-m-100 {
    margin: 100px;
  }
}

@media only screen and (max-width: 576px) {
  .hide-on-mobile {
    display: none;
  }
  .col-sm-100 {
    width: 100%;
  }
  .col-sm-90 {
    width: 90%;
    float: left;
  }
  .col-sm-80 {
    width: 80%;
    float: left;
  }
  .col-sm-70 {
    width: 70%;
    float: left;
  }
  .col-sm-60 {
    width: 60%;
    float: left;
  }
  .col-sm-50 {
    width: 50%;
    float: left;
  }
  .col-sm-40 {
    width: 40%;
    float: left;
  }
  .col-sm-30 {
    width: 30%;
    float: left;
  }
  .col-sm-33 {
    width: 33.33%;
    float: left;
  }
  .col-sm-25 {
    width: 25%;
    float: left;
  }
  .col-sm-20 {
    width: 20%;
    float: left;
  }
  .col-sm-10 {
    width: 10%;
    float: left;
  }
  
}