/* Colors */
/* Text align handle */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/* Margins and Paddings */
.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.m-60 {
  margin: 60px !important;
}
.m-70 {
  margin: 70px !important;
}
.m-80 {
  margin: 80px !important;
}
.m-90 {
  margin: 90px !important;
}
.m-100 {
  margin: 100px !important;
}
.m-110 {
  margin: 110px !important;
}
.m-120 {
  margin: 120px !important;
}
.m-130 {
  margin: 130px !important;
}
.m-140 {
  margin: 140px !important;
}
.m-150 {
  margin: 150px !important;
}
.m-160 {
  margin: 160px !important;
}
.m-170 {
  margin: 170px !important;
}
.m-180 {
  margin: 180px !important;
}
.m-190 {
  margin: 190px !important;
}
.m-200 {
  margin: 200px !important;
}
/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {
  padding: 0 !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-60 {
  padding: 60px !important;
}
.p-70 {
  padding: 70px !important;
}
.p-80 {
  padding: 80px !important;
}
.p-90 {
  padding: 90px !important;
}
.p-100 {
  padding: 100px !important;
}
.p-110 {
  padding: 110px !important;
}
.p-120 {
  padding: 120px !important;
}
.p-130 {
  padding: 130px !important;
}
.p-140 {
  padding: 140px !important;
}
.p-150 {
  padding: 150px !important;
}
.p-160 {
  padding: 160px !important;
}
.p-170 {
  padding: 170px !important;
}
.p-180 {
  padding: 180px !important;
}
.p-190 {
  padding: 190px !important;
}
.p-200 {
  padding: 200px !important;
}
/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mt-130 {
  margin-top: 130px !important;
}
.mt-140 {
  margin-top: 140px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mt-160 {
  margin-top: 160px !important;
}
.mt-170 {
  margin-top: 170px !important;
}
.mt-180 {
  margin-top: 180px !important;
}
.mt-190 {
  margin-top: 190px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-100 {
  margin-right: 100px !important;
}
.mr-110 {
  margin-right: 110px !important;
}
.mr-120 {
  margin-right: 120px !important;
}
.mr-130 {
  margin-right: 130px !important;
}
.mr-140 {
  margin-right: 140px !important;
}
.mr-150 {
  margin-right: 150px !important;
}
.mr-160 {
  margin-right: 160px !important;
}
.mr-170 {
  margin-right: 170px !important;
}
.mr-180 {
  margin-right: 180px !important;
}
.mr-190 {
  margin-right: 190px !important;
}
.mr-200 {
  margin-right: 200px !important;
}
/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-130 {
  margin-bottom: 130px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.mb-160 {
  margin-bottom: 160px !important;
}
.mb-170 {
  margin-bottom: 170px !important;
}
.mb-180 {
  margin-bottom: 180px !important;
}
.mb-190 {
  margin-bottom: 190px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.ml-100 {
  margin-left: 100px !important;
}
.ml-110 {
  margin-left: 110px !important;
}
.ml-120 {
  margin-left: 120px !important;
}
.ml-130 {
  margin-left: 130px !important;
}
.ml-140 {
  margin-left: 140px !important;
}
.ml-150 {
  margin-left: 150px !important;
}
.ml-160 {
  margin-left: 160px !important;
}
.ml-170 {
  margin-left: 170px !important;
}
.ml-180 {
  margin-left: 180px !important;
}
.ml-190 {
  margin-left: 190px !important;
}
.ml-200 {
  margin-left: 200px !important;
}
/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {
  padding-top: 0 !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-110 {
  padding-top: 110px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.pt-130 {
  padding-top: 130px !important;
}
.pt-140 {
  padding-top: 140px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pt-160 {
  padding-top: 160px !important;
}
.pt-170 {
  padding-top: 170px !important;
}
.pt-180 {
  padding-top: 180px !important;
}
.pt-190 {
  padding-top: 190px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-70 {
  padding-right: 70px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pr-90 {
  padding-right: 90px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pr-110 {
  padding-right: 110px !important;
}
.pr-120 {
  padding-right: 120px !important;
}
.pr-130 {
  padding-right: 130px !important;
}
.pr-140 {
  padding-right: 140px !important;
}
.pr-150 {
  padding-right: 150px !important;
}
.pr-160 {
  padding-right: 160px !important;
}
.pr-170 {
  padding-right: 170px !important;
}
.pr-180 {
  padding-right: 180px !important;
}
.pr-190 {
  padding-right: 190px !important;
}
.pr-200 {
  padding-right: 200px !important;
}
/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pb-110 {
  padding-bottom: 110px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.pb-130 {
  padding-bottom: 130px !important;
}
.pb-140 {
  padding-bottom: 140px !important;
}
.pb-150 {
  padding-bottom: 150px !important;
}
.pb-160 {
  padding-bottom: 160px !important;
}
.pb-170 {
  padding-bottom: 170px !important;
}
.pb-180 {
  padding-bottom: 180px !important;
}
.pb-190 {
  padding-bottom: 190px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.pl-110 {
  padding-left: 110px !important;
}
.pl-120 {
  padding-left: 120px !important;
}
.pl-130 {
  padding-left: 130px !important;
}
.pl-140 {
  padding-left: 140px !important;
}
.pl-150 {
  padding-left: 150px !important;
}
.pl-160 {
  padding-left: 160px !important;
}
.pl-170 {
  padding-left: 170px !important;
}
.pl-180 {
  padding-left: 180px !important;
}
.pl-190 {
  padding-left: 190px !important;
}
.pl-200 {
  padding-left: 200px !important;
}
/*
 * 2 -> lg: min-width:1200px
 * -----------------------------------------------
*/
@media (min-width: 992px) {
  .show-lg {
    display: block;
  }
  .hide-lg {
    display: none;
  }
  /*
   * 2.1 -> Basic Margin
   * -----------------------------------------------
  */
  .m-lg-0 {
    margin: 0px !important;
  }
  .m-lg-5 {
    margin: 5px !important;
  }
  .m-lg-10 {
    margin: 10px !important;
  }
  .m-lg-15 {
    margin: 15px !important;
  }
  .m-lg-20 {
    margin: 20px !important;
  }
  .m-lg-30 {
    margin: 30px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .m-lg-50 {
    margin: 50px !important;
  }
  .m-lg-60 {
    margin: 60px !important;
  }
  .m-lg-70 {
    margin: 70px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
  .m-lg-90 {
    margin: 90px !important;
  }
  .m-lg-100 {
    margin: 100px !important;
  }
  .m-lg-110 {
    margin: 110px !important;
  }
  .m-lg-120 {
    margin: 120px !important;
  }
  .m-lg-130 {
    margin: 130px !important;
  }
  .m-lg-140 {
    margin: 140px !important;
  }
  .m-lg-150 {
    margin: 150px !important;
  }
  .m-lg-160 {
    margin: 160px !important;
  }
  .m-lg-170 {
    margin: 170px !important;
  }
  .m-lg-180 {
    margin: 180px !important;
  }
  .m-lg-190 {
    margin: 190px !important;
  }
  .m-lg-200 {
    margin: 200px !important;
  }
  /*
   * 2.2 -> Basic Padding
   * -----------------------------------------------
  */
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-5 {
    padding: 5px !important;
  }
  .p-lg-10 {
    padding: 10px !important;
  }
  .p-lg-15 {
    padding: 15px !important;
  }
  .p-lg-20 {
    padding: 20px !important;
  }
  .p-lg-30 {
    padding: 30px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .p-lg-50 {
    padding: 50px !important;
  }
  .p-lg-60 {
    padding: 60px !important;
  }
  .p-lg-70 {
    padding: 70px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
  .p-lg-90 {
    padding: 90px !important;
  }
  .p-lg-100 {
    padding: 100px !important;
  }
  .p-lg-110 {
    padding: 110px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
  .p-lg-130 {
    padding: 130px !important;
  }
  .p-lg-140 {
    padding: 140px !important;
  }
  .p-lg-150 {
    padding: 150px !important;
  }
  .p-lg-160 {
    padding: 160px !important;
  }
  .p-lg-170 {
    padding: 170px !important;
  }
  .p-lg-180 {
    padding: 180px !important;
  }
  .p-lg-190 {
    padding: 190px !important;
  }
  .p-lg-200 {
    padding: 200px !important;
  }
  /*
   * 2.3 -> Margin top
   * -----------------------------------------------
  */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-5 {
    margin-top: 5px !important;
  }
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mt-lg-15 {
    margin-top: 15px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mt-lg-90 {
    margin-top: 90px !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mt-lg-110 {
    margin-top: 110px !important;
  }
  .mt-lg-120 {
    margin-top: 120px !important;
  }
  .mt-lg-130 {
    margin-top: 130px !important;
  }
  .mt-lg-140 {
    margin-top: 140px !important;
  }
  .mt-lg-150 {
    margin-top: 150px !important;
  }
  .mt-lg-160 {
    margin-top: 160px !important;
  }
  .mt-lg-170 {
    margin-top: 170px !important;
  }
  .mt-lg-180 {
    margin-top: 180px !important;
  }
  .mt-lg-190 {
    margin-top: 190px !important;
  }
  .mt-lg-200 {
    margin-top: 200px !important;
  }
  /*
   * 2.4 -> Margin right
   * -----------------------------------------------
  */
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-5 {
    margin-right: 5px !important;
  }
  .mr-lg-10 {
    margin-right: 10px !important;
  }
  .mr-lg-15 {
    margin-right: 15px !important;
  }
  .mr-lg-20 {
    margin-right: 20px !important;
  }
  .mr-lg-30 {
    margin-right: 30px !important;
  }
  .mr-lg-40 {
    margin-right: 40px !important;
  }
  .mr-lg-50 {
    margin-right: 50px !important;
  }
  .mr-lg-60 {
    margin-right: 60px !important;
  }
  .mr-lg-70 {
    margin-right: 70px !important;
  }
  .mr-lg-80 {
    margin-right: 80px !important;
  }
  .mr-lg-90 {
    margin-right: 90px !important;
  }
  .mr-lg-100 {
    margin-right: 100px !important;
  }
  .mr-lg-110 {
    margin-right: 110px !important;
  }
  .mr-lg-120 {
    margin-right: 120px !important;
  }
  .mr-lg-130 {
    margin-right: 130px !important;
  }
  .mr-lg-140 {
    margin-right: 140px !important;
  }
  .mr-lg-150 {
    margin-right: 150px !important;
  }
  .mr-lg-160 {
    margin-right: 160px !important;
  }
  .mr-lg-170 {
    margin-right: 170px !important;
  }
  .mr-lg-180 {
    margin-right: 180px !important;
  }
  .mr-lg-190 {
    margin-right: 190px !important;
  }
  .mr-lg-200 {
    margin-right: 200px !important;
  }
  /*
   * 2.5 -> Margin bottom
   * -----------------------------------------------
  */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .mb-lg-110 {
    margin-bottom: 110px !important;
  }
  .mb-lg-120 {
    margin-bottom: 120px !important;
  }
  .mb-lg-130 {
    margin-bottom: 130px !important;
  }
  .mb-lg-140 {
    margin-bottom: 140px !important;
  }
  .mb-lg-150 {
    margin-bottom: 150px !important;
  }
  .mb-lg-160 {
    margin-bottom: 160px !important;
  }
  .mb-lg-170 {
    margin-bottom: 170px !important;
  }
  .mb-lg-180 {
    margin-bottom: 180px !important;
  }
  .mb-lg-190 {
    margin-bottom: 190px !important;
  }
  .mb-lg-200 {
    margin-bottom: 200px !important;
  }
  /*
   * 2.6 -> Margin left
   * -----------------------------------------------
  */
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-5 {
    margin-left: 5px !important;
  }
  .ml-lg-10 {
    margin-left: 10px !important;
  }
  .ml-lg-15 {
    margin-left: 15px !important;
  }
  .ml-lg-20 {
    margin-left: 20px !important;
  }
  .ml-lg-30 {
    margin-left: 30px !important;
  }
  .ml-lg-40 {
    margin-left: 40px !important;
  }
  .ml-lg-50 {
    margin-left: 50px !important;
  }
  .ml-lg-60 {
    margin-left: 60px !important;
  }
  .ml-lg-70 {
    margin-left: 70px !important;
  }
  .ml-lg-80 {
    margin-left: 80px !important;
  }
  .ml-lg-90 {
    margin-left: 90px !important;
  }
  .ml-lg-100 {
    margin-left: 100px !important;
  }
  .ml-lg-110 {
    margin-left: 110px !important;
  }
  .ml-lg-120 {
    margin-left: 120px !important;
  }
  .ml-lg-130 {
    margin-left: 130px !important;
  }
  .ml-lg-140 {
    margin-left: 140px !important;
  }
  .ml-lg-150 {
    margin-left: 150px !important;
  }
  .ml-lg-160 {
    margin-left: 160px !important;
  }
  .ml-lg-170 {
    margin-left: 170px !important;
  }
  .ml-lg-180 {
    margin-left: 180px !important;
  }
  .ml-lg-190 {
    margin-left: 190px !important;
  }
  .ml-lg-200 {
    margin-left: 200px !important;
  }
  /*
   * 2.7 -> Padding top
   * -----------------------------------------------
  */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-5 {
    padding-top: 5px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pt-lg-15 {
    padding-top: 15px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pt-lg-90 {
    padding-top: 90px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pt-lg-110 {
    padding-top: 110px !important;
  }
  .pt-lg-120 {
    padding-top: 120px !important;
  }
  .pt-lg-130 {
    padding-top: 130px !important;
  }
  .pt-lg-140 {
    padding-top: 140px !important;
  }
  .pt-lg-150 {
    padding-top: 150px !important;
  }
  .pt-lg-160 {
    padding-top: 160px !important;
  }
  .pt-lg-170 {
    padding-top: 170px !important;
  }
  .pt-lg-180 {
    padding-top: 180px !important;
  }
  .pt-lg-190 {
    padding-top: 190px !important;
  }
  .pt-lg-200 {
    padding-top: 200px !important;
  }
  /*
   * 2.8 -> Padding right
   * -----------------------------------------------
  */
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-5 {
    padding-right: 5px !important;
  }
  .pr-lg-10 {
    padding-right: 10px !important;
  }
  .pr-lg-15 {
    padding-right: 15px !important;
  }
  .pr-lg-20 {
    padding-right: 20px !important;
  }
  .pr-lg-30 {
    padding-right: 30px !important;
  }
  .pr-lg-40 {
    padding-right: 40px !important;
  }
  .pr-lg-50 {
    padding-right: 50px !important;
  }
  .pr-lg-60 {
    padding-right: 60px !important;
  }
  .pr-lg-70 {
    padding-right: 70px !important;
  }
  .pr-lg-80 {
    padding-right: 80px !important;
  }
  .pr-lg-90 {
    padding-right: 90px !important;
  }
  .pr-lg-100 {
    padding-right: 100px !important;
  }
  .pr-lg-110 {
    padding-right: 110px !important;
  }
  .pr-lg-120 {
    padding-right: 120px !important;
  }
  .pr-lg-130 {
    padding-right: 130px !important;
  }
  .pr-lg-140 {
    padding-right: 140px !important;
  }
  .pr-lg-150 {
    padding-right: 150px !important;
  }
  .pr-lg-160 {
    padding-right: 160px !important;
  }
  .pr-lg-170 {
    padding-right: 170px !important;
  }
  .pr-lg-180 {
    padding-right: 180px !important;
  }
  .pr-lg-190 {
    padding-right: 190px !important;
  }
  .pr-lg-200 {
    padding-right: 200px !important;
  }
  /*
   * 2.9 -> Padding bottom
   * -----------------------------------------------
  */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pb-lg-110 {
    padding-bottom: 110px !important;
  }
  .pb-lg-120 {
    padding-bottom: 120px !important;
  }
  .pb-lg-130 {
    padding-bottom: 130px !important;
  }
  .pb-lg-140 {
    padding-bottom: 140px !important;
  }
  .pb-lg-150 {
    padding-bottom: 150px !important;
  }
  .pb-lg-160 {
    padding-bottom: 160px !important;
  }
  .pb-lg-170 {
    padding-bottom: 170px !important;
  }
  .pb-lg-180 {
    padding-bottom: 180px !important;
  }
  .pb-lg-190 {
    padding-bottom: 190px !important;
  }
  .pb-lg-200 {
    padding-bottom: 200px !important;
  }
  /*
   * 2.10 -> Padding left
   * -----------------------------------------------
  */
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-5 {
    padding-left: 5px !important;
  }
  .pl-lg-10 {
    padding-left: 10px !important;
  }
  .pl-lg-15 {
    padding-left: 15px !important;
  }
  .pl-lg-20 {
    padding-left: 20px !important;
  }
  .pl-lg-30 {
    padding-left: 30px !important;
  }
  .pl-lg-40 {
    padding-left: 40px !important;
  }
  .pl-lg-50 {
    padding-left: 50px !important;
  }
  .pl-lg-60 {
    padding-left: 60px !important;
  }
  .pl-lg-70 {
    padding-left: 70px !important;
  }
  .pl-lg-80 {
    padding-left: 80px !important;
  }
  .pl-lg-90 {
    padding-left: 90px !important;
  }
  .pl-lg-100 {
    padding-left: 100px !important;
  }
  .pl-lg-110 {
    padding-left: 110px !important;
  }
  .pl-lg-120 {
    padding-left: 120px !important;
  }
  .pl-lg-130 {
    padding-left: 130px !important;
  }
  .pl-lg-140 {
    padding-left: 140px !important;
  }
  .pl-lg-150 {
    padding-left: 150px !important;
  }
  .pl-lg-160 {
    padding-left: 160px !important;
  }
  .pl-lg-170 {
    padding-left: 170px !important;
  }
  .pl-lg-180 {
    padding-left: 180px !important;
  }
  .pl-lg-190 {
    padding-left: 190px !important;
  }
  .pl-lg-200 {
    padding-left: 200px !important;
  }
}
/*
   * 3 -> md: max-width:1199px
   * -----------------------------------------------
  */
@media (max-width: 991px) {
  /*
   * 3.1 -> Basic Margin
   * -----------------------------------------------
  */
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-5 {
    margin: 5px !important;
  }
  .m-md-10 {
    margin: 10px !important;
  }
  .m-md-15 {
    margin: 15px !important;
  }
  .m-md-20 {
    margin: 20px !important;
  }
  .m-md-30 {
    margin: 30px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .m-md-50 {
    margin: 50px !important;
  }
  .m-md-60 {
    margin: 60px !important;
  }
  .m-md-70 {
    margin: 70px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
  .m-md-90 {
    margin: 90px !important;
  }
  .m-md-100 {
    margin: 100px !important;
  }
  .m-md-110 {
    margin: 110px !important;
  }
  .m-md-120 {
    margin: 120px !important;
  }
  .m-md-130 {
    margin: 130px !important;
  }
  .m-md-140 {
    margin: 140px !important;
  }
  .m-md-150 {
    margin: 150px !important;
  }
  .m-md-160 {
    margin: 160px !important;
  }
  .m-md-170 {
    margin: 170px !important;
  }
  .m-md-180 {
    margin: 180px !important;
  }
  .m-md-190 {
    margin: 190px !important;
  }
  .m-md-200 {
    margin: 200px !important;
  }
  /*
   * 3.2 -> Basic Padding
   * -----------------------------------------------
  */
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-5 {
    padding: 5px !important;
  }
  .p-md-10 {
    padding: 10px !important;
  }
  .p-md-15 {
    padding: 15px !important;
  }
  .p-md-20 {
    padding: 20px !important;
  }
  .p-md-30 {
    padding: 30px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .p-md-50 {
    padding: 50px !important;
  }
  .p-md-60 {
    padding: 60px !important;
  }
  .p-md-70 {
    padding: 70px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
  .p-md-90 {
    padding: 90px !important;
  }
  .p-md-100 {
    padding: 100px !important;
  }
  .p-md-110 {
    padding: 110px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
  .p-md-130 {
    padding: 130px !important;
  }
  .p-md-140 {
    padding: 140px !important;
  }
  .p-md-150 {
    padding: 150px !important;
  }
  .p-md-160 {
    padding: 160px !important;
  }
  .p-md-170 {
    padding: 170px !important;
  }
  .p-md-180 {
    padding: 180px !important;
  }
  .p-md-190 {
    padding: 190px !important;
  }
  .p-md-200 {
    padding: 200px !important;
  }
  /*
   * 3.3 -> Margin top
   * -----------------------------------------------
  */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-5 {
    margin-top: 5px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mt-md-90 {
    margin-top: 90px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mt-md-110 {
    margin-top: 110px !important;
  }
  .mt-md-120 {
    margin-top: 120px !important;
  }
  .mt-md-130 {
    margin-top: 130px !important;
  }
  .mt-md-140 {
    margin-top: 140px !important;
  }
  .mt-md-150 {
    margin-top: 150px !important;
  }
  .mt-md-160 {
    margin-top: 160px !important;
  }
  .mt-md-170 {
    margin-top: 170px !important;
  }
  .mt-md-180 {
    margin-top: 180px !important;
  }
  .mt-md-190 {
    margin-top: 190px !important;
  }
  .mt-md-200 {
    margin-top: 200px !important;
  }
  /*
   * 3.4 -> Margin right
   * -----------------------------------------------
  */
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-5 {
    margin-right: 5px !important;
  }
  .mr-md-10 {
    margin-right: 10px !important;
  }
  .mr-md-15 {
    margin-right: 15px !important;
  }
  .mr-md-20 {
    margin-right: 20px !important;
  }
  .mr-md-30 {
    margin-right: 30px !important;
  }
  .mr-md-40 {
    margin-right: 40px !important;
  }
  .mr-md-50 {
    margin-right: 50px !important;
  }
  .mr-md-60 {
    margin-right: 60px !important;
  }
  .mr-md-70 {
    margin-right: 70px !important;
  }
  .mr-md-80 {
    margin-right: 80px !important;
  }
  .mr-md-90 {
    margin-right: 90px !important;
  }
  .mr-md-100 {
    margin-right: 100px !important;
  }
  .mr-md-110 {
    margin-right: 110px !important;
  }
  .mr-md-120 {
    margin-right: 120px !important;
  }
  .mr-md-130 {
    margin-right: 130px !important;
  }
  .mr-md-140 {
    margin-right: 140px !important;
  }
  .mr-md-150 {
    margin-right: 150px !important;
  }
  .mr-md-160 {
    margin-right: 160px !important;
  }
  .mr-md-170 {
    margin-right: 170px !important;
  }
  .mr-md-180 {
    margin-right: 180px !important;
  }
  .mr-md-190 {
    margin-right: 190px !important;
  }
  .mr-md-200 {
    margin-right: 200px !important;
  }
  /*
   * 3.5 -> Margin bottom
   * -----------------------------------------------
  */
  .mb-md-0 {
    margin-bottom: 0!important;
  }
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .mb-md-110 {
    margin-bottom: 110px !important;
  }
  .mb-md-120 {
    margin-bottom: 120px !important;
  }
  .mb-md-130 {
    margin-bottom: 130px !important;
  }
  .mb-md-140 {
    margin-bottom: 140px !important;
  }
  .mb-md-150 {
    margin-bottom: 150px !important;
  }
  .mb-md-160 {
    margin-bottom: 160px !important;
  }
  .mb-md-170 {
    margin-bottom: 170px !important;
  }
  .mb-md-180 {
    margin-bottom: 180px !important;
  }
  .mb-md-190 {
    margin-bottom: 190px !important;
  }
  .mb-md-200 {
    margin-bottom: 200px !important;
  }
  /*
   * 3.6 -> Margin left
   * -----------------------------------------------
  */
  .ml-md-0 {
    margin-left: 0!important;
  }
  .ml-md-5 {
    margin-left: 5px !important;
  }
  .ml-md-10 {
    margin-left: 10px !important;
  }
  .ml-md-15 {
    margin-left: 15px !important;
  }
  .ml-md-20 {
    margin-left: 20px !important;
  }
  .ml-md-30 {
    margin-left: 30px !important;
  }
  .ml-md-40 {
    margin-left: 40px !important;
  }
  .ml-md-50 {
    margin-left: 50px !important;
  }
  .ml-md-60 {
    margin-left: 60px !important;
  }
  .ml-md-70 {
    margin-left: 70px !important;
  }
  .ml-md-80 {
    margin-left: 80px !important;
  }
  .ml-md-90 {
    margin-left: 90px !important;
  }
  .ml-md-100 {
    margin-left: 100px !important;
  }
  .ml-md-110 {
    margin-left: 110px !important;
  }
  .ml-md-120 {
    margin-left: 120px !important;
  }
  .ml-md-130 {
    margin-left: 130px !important;
  }
  .ml-md-140 {
    margin-left: 140px !important;
  }
  .ml-md-150 {
    margin-left: 150px !important;
  }
  .ml-md-160 {
    margin-left: 160px !important;
  }
  .ml-md-170 {
    margin-left: 170px !important;
  }
  .ml-md-180 {
    margin-left: 180px !important;
  }
  .ml-md-190 {
    margin-left: 190px !important;
  }
  .ml-md-200 {
    margin-left: 200px !important;
  }
  /*
   * 3.7 -> Padding top
   * -----------------------------------------------
  */
  .pt-md-0 {
    padding-top: 0!important;
  }
  .pt-md-5 {
    padding-top: 5px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pt-md-90 {
    padding-top: 90px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pt-md-110 {
    padding-top: 110px !important;
  }
  .pt-md-120 {
    padding-top: 120px !important;
  }
  .pt-md-130 {
    padding-top: 130px !important;
  }
  .pt-md-140 {
    padding-top: 140px !important;
  }
  .pt-md-150 {
    padding-top: 150px !important;
  }
  .pt-md-160 {
    padding-top: 160px !important;
  }
  .pt-md-170 {
    padding-top: 170px !important;
  }
  .pt-md-180 {
    padding-top: 180px !important;
  }
  .pt-md-190 {
    padding-top: 190px !important;
  }
  .pt-md-200 {
    padding-top: 200px !important;
  }
  /*
   * 3.8 -> Padding right
   * -----------------------------------------------
  */
  .pr-md-0 {
    padding-right: 0!important;
  }
  .pr-md-5 {
    padding-right: 5px !important;
  }
  .pr-md-10 {
    padding-right: 10px !important;
  }
  .pr-md-15 {
    padding-right: 15px !important;
  }
  .pr-md-20 {
    padding-right: 20px !important;
  }
  .pr-md-30 {
    padding-right: 30px !important;
  }
  .pr-md-40 {
    padding-right: 40px !important;
  }
  .pr-md-50 {
    padding-right: 50px !important;
  }
  .pr-md-60 {
    padding-right: 60px !important;
  }
  .pr-md-70 {
    padding-right: 70px !important;
  }
  .pr-md-80 {
    padding-right: 80px !important;
  }
  .pr-md-90 {
    padding-right: 90px !important;
  }
  .pr-md-100 {
    padding-right: 100px !important;
  }
  .pr-md-110 {
    padding-right: 110px !important;
  }
  .pr-md-120 {
    padding-right: 120px !important;
  }
  .pr-md-130 {
    padding-right: 130px !important;
  }
  .pr-md-140 {
    padding-right: 140px !important;
  }
  .pr-md-150 {
    padding-right: 150px !important;
  }
  .pr-md-160 {
    padding-right: 160px !important;
  }
  .pr-md-170 {
    padding-right: 170px !important;
  }
  .pr-md-180 {
    padding-right: 180px !important;
  }
  .pr-md-190 {
    padding-right: 190px !important;
  }
  .pr-md-200 {
    padding-right: 200px !important;
  }
  /*
   * 3.9 -> Padding bottom
   * -----------------------------------------------
  */
  .pb-md-0 {
    padding-bottom: 0!important;
  }
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pb-md-110 {
    padding-bottom: 110px !important;
  }
  .pb-md-120 {
    padding-bottom: 120px !important;
  }
  .pb-md-130 {
    padding-bottom: 130px !important;
  }
  .pb-md-140 {
    padding-bottom: 140px !important;
  }
  .pb-md-150 {
    padding-bottom: 150px !important;
  }
  .pb-md-160 {
    padding-bottom: 160px !important;
  }
  .pb-md-170 {
    padding-bottom: 170px !important;
  }
  .pb-md-180 {
    padding-bottom: 180px !important;
  }
  .pb-md-190 {
    padding-bottom: 190px !important;
  }
  .pb-md-200 {
    padding-bottom: 200px !important;
  }
  /*
   * 3.10 -> Padding left
   * -----------------------------------------------
  */
  .pl-md-0 {
    padding-left: 0!important;
  }
  .pl-md-5 {
    padding-left: 5px !important;
  }
  .pl-md-10 {
    padding-left: 10px !important;
  }
  .pl-md-15 {
    padding-left: 15px !important;
  }
  .pl-md-20 {
    padding-left: 20px !important;
  }
  .pl-md-30 {
    padding-left: 30px !important;
  }
  .pl-md-40 {
    padding-left: 40px !important;
  }
  .pl-md-50 {
    padding-left: 50px !important;
  }
  .pl-md-60 {
    padding-left: 60px !important;
  }
  .pl-md-70 {
    padding-left: 70px !important;
  }
  .pl-md-80 {
    padding-left: 80px !important;
  }
  .pl-md-90 {
    padding-left: 90px !important;
  }
  .pl-md-100 {
    padding-left: 100px !important;
  }
  .pl-md-110 {
    padding-left: 110px !important;
  }
  .pl-md-120 {
    padding-left: 120px !important;
  }
  .pl-md-130 {
    padding-left: 130px !important;
  }
  .pl-md-140 {
    padding-left: 140px !important;
  }
  .pl-md-150 {
    padding-left: 150px !important;
  }
  .pl-md-160 {
    padding-left: 160px !important;
  }
  .pl-md-170 {
    padding-left: 170px !important;
  }
  .pl-md-180 {
    padding-left: 180px !important;
  }
  .pl-md-190 {
    padding-left: 190px !important;
  }
  .pl-md-200 {
    padding-left: 200px !important;
  }
}
/*
   * 4 -> sm: max-width:991px
   * -----------------------------------------------
  */
@media (max-width: 767px) {
  /*
   * 4.1 -> Basic Margin
   * -----------------------------------------------
  */
  .m-sm-0 {
    margin: 0px !important;
  }
  .m-sm-5 {
    margin: 5px !important;
  }
  .m-sm-10 {
    margin: 10px !important;
  }
  .m-sm-15 {
    margin: 15px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .m-sm-30 {
    margin: 30px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .m-sm-50 {
    margin: 50px !important;
  }
  .m-sm-60 {
    margin: 60px !important;
  }
  .m-sm-70 {
    margin: 70px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
  .m-sm-90 {
    margin: 90px !important;
  }
  .m-sm-100 {
    margin: 100px !important;
  }
  .m-sm-110 {
    margin: 110px !important;
  }
  .m-sm-120 {
    margin: 120px !important;
  }
  .m-sm-130 {
    margin: 130px !important;
  }
  .m-sm-140 {
    margin: 140px !important;
  }
  .m-sm-150 {
    margin: 150px !important;
  }
  .m-sm-160 {
    margin: 160px !important;
  }
  .m-sm-170 {
    margin: 170px !important;
  }
  .m-sm-180 {
    margin: 180px !important;
  }
  .m-sm-190 {
    margin: 190px !important;
  }
  .m-sm-200 {
    margin: 200px !important;
  }
  /*
   * 4.2 -> Basic Padding
   * -----------------------------------------------
  */
  .p-sm-0 {
    padding: 0!important;
  }
  .p-sm-5 {
    padding: 5px !important;
  }
  .p-sm-10 {
    padding: 10px !important;
  }
  .p-sm-15 {
    padding: 15px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .p-sm-30 {
    padding: 30px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .p-sm-50 {
    padding: 50px !important;
  }
  .p-sm-60 {
    padding: 60px !important;
  }
  .p-sm-70 {
    padding: 70px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
  .p-sm-90 {
    padding: 90px !important;
  }
  .p-sm-100 {
    padding: 100px !important;
  }
  .p-sm-110 {
    padding: 110px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
  .p-sm-130 {
    padding: 130px !important;
  }
  .p-sm-140 {
    padding: 140px !important;
  }
  .p-sm-150 {
    padding: 150px !important;
  }
  .p-sm-160 {
    padding: 160px !important;
  }
  .p-sm-170 {
    padding: 170px !important;
  }
  .p-sm-180 {
    padding: 180px !important;
  }
  .p-sm-190 {
    padding: 190px !important;
  }
  .p-sm-200 {
    padding: 200px !important;
  }
  /*
   * 4.3 -> Margin top
   * -----------------------------------------------
  */
  .mt-sm-0 {
    margin-top: 0!important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mt-sm-90 {
    margin-top: 90px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mt-sm-110 {
    margin-top: 110px !important;
  }
  .mt-sm-120 {
    margin-top: 120px !important;
  }
  .mt-sm-130 {
    margin-top: 130px !important;
  }
  .mt-sm-140 {
    margin-top: 140px !important;
  }
  .mt-sm-150 {
    margin-top: 150px !important;
  }
  .mt-sm-160 {
    margin-top: 160px !important;
  }
  .mt-sm-170 {
    margin-top: 170px !important;
  }
  .mt-sm-180 {
    margin-top: 180px !important;
  }
  .mt-sm-190 {
    margin-top: 190px !important;
  }
  .mt-sm-200 {
    margin-top: 200px !important;
  }
  /*
   * 4.4 -> Margin right
   * -----------------------------------------------
  */
  .mr-sm-0 {
    margin-right: 0!important;
  }
  .mr-sm-5 {
    margin-right: 5px !important;
  }
  .mr-sm-10 {
    margin-right: 10px !important;
  }
  .mr-sm-15 {
    margin-right: 15px !important;
  }
  .mr-sm-20 {
    margin-right: 20px !important;
  }
  .mr-sm-30 {
    margin-right: 30px !important;
  }
  .mr-sm-40 {
    margin-right: 40px !important;
  }
  .mr-sm-50 {
    margin-right: 50px !important;
  }
  .mr-sm-60 {
    margin-right: 60px !important;
  }
  .mr-sm-70 {
    margin-right: 70px !important;
  }
  .mr-sm-80 {
    margin-right: 80px !important;
  }
  .mr-sm-90 {
    margin-right: 90px !important;
  }
  .mr-sm-100 {
    margin-right: 100px !important;
  }
  .mr-sm-110 {
    margin-right: 110px !important;
  }
  .mr-sm-120 {
    margin-right: 120px !important;
  }
  .mr-sm-130 {
    margin-right: 130px !important;
  }
  .mr-sm-140 {
    margin-right: 140px !important;
  }
  .mr-sm-150 {
    margin-right: 150px !important;
  }
  .mr-sm-160 {
    margin-right: 160px !important;
  }
  .mr-sm-170 {
    margin-right: 170px !important;
  }
  .mr-sm-180 {
    margin-right: 180px !important;
  }
  .mr-sm-190 {
    margin-right: 190px !important;
  }
  .mr-sm-200 {
    margin-right: 200px !important;
  }
  /*
   * 4.5 -> Margin bottom
   * -----------------------------------------------
  */
  .mb-sm-0 {
    margin-bottom: 0!important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .mb-sm-110 {
    margin-bottom: 110px !important;
  }
  .mb-sm-120 {
    margin-bottom: 120px !important;
  }
  .mb-sm-130 {
    margin-bottom: 130px !important;
  }
  .mb-sm-140 {
    margin-bottom: 140px !important;
  }
  .mb-sm-150 {
    margin-bottom: 150px !important;
  }
  .mb-sm-160 {
    margin-bottom: 160px !important;
  }
  .mb-sm-170 {
    margin-bottom: 170px !important;
  }
  .mb-sm-180 {
    margin-bottom: 180px !important;
  }
  .mb-sm-190 {
    margin-bottom: 190px !important;
  }
  .mb-sm-200 {
    margin-bottom: 200px !important;
  }
  /*
   * 4.6 -> Margin left
   * -----------------------------------------------
  */
  .ml-sm-0 {
    margin-left: 0!important;
  }
  .ml-sm-5 {
    margin-left: 5px !important;
  }
  .ml-sm-10 {
    margin-left: 10px !important;
  }
  .ml-sm-15 {
    margin-left: 15px !important;
  }
  .ml-sm-20 {
    margin-left: 20px !important;
  }
  .ml-sm-30 {
    margin-left: 30px !important;
  }
  .ml-sm-40 {
    margin-left: 40px !important;
  }
  .ml-sm-50 {
    margin-left: 50px !important;
  }
  .ml-sm-60 {
    margin-left: 60px !important;
  }
  .ml-sm-70 {
    margin-left: 70px !important;
  }
  .ml-sm-80 {
    margin-left: 80px !important;
  }
  .ml-sm-90 {
    margin-left: 90px !important;
  }
  .ml-sm-100 {
    margin-left: 100px !important;
  }
  .ml-sm-110 {
    margin-left: 110px !important;
  }
  .ml-sm-120 {
    margin-left: 120px !important;
  }
  .ml-sm-130 {
    margin-left: 130px !important;
  }
  .ml-sm-140 {
    margin-left: 140px !important;
  }
  .ml-sm-150 {
    margin-left: 150px !important;
  }
  .ml-sm-160 {
    margin-left: 160px !important;
  }
  .ml-sm-170 {
    margin-left: 170px !important;
  }
  .ml-sm-180 {
    margin-left: 180px !important;
  }
  .ml-sm-190 {
    margin-left: 190px !important;
  }
  .ml-sm-200 {
    margin-left: 200px !important;
  }
  /*
   * 4.7 -> Padding top
   * -----------------------------------------------
  */
  .pt-sm-0 {
    padding-top: 0!important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pt-sm-70 {
    padding-top: 70px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pt-sm-90 {
    padding-top: 90px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pt-sm-110 {
    padding-top: 110px !important;
  }
  .pt-sm-120 {
    padding-top: 120px !important;
  }
  .pt-sm-130 {
    padding-top: 130px !important;
  }
  .pt-sm-140 {
    padding-top: 140px !important;
  }
  .pt-sm-150 {
    padding-top: 150px !important;
  }
  .pt-sm-160 {
    padding-top: 160px !important;
  }
  .pt-sm-170 {
    padding-top: 170px !important;
  }
  .pt-sm-180 {
    padding-top: 180px !important;
  }
  .pt-sm-190 {
    padding-top: 190px !important;
  }
  .pt-sm-200 {
    padding-top: 200px !important;
  }
  /*
   * 4.8 -> Padding right
   * -----------------------------------------------
  */
  .pr-sm-0 {
    padding-right: 0!important;
  }
  .pr-sm-5 {
    padding-right: 5px !important;
  }
  .pr-sm-10 {
    padding-right: 10px !important;
  }
  .pr-sm-15 {
    padding-right: 15px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .pr-sm-30 {
    padding-right: 30px !important;
  }
  .pr-sm-40 {
    padding-right: 40px !important;
  }
  .pr-sm-50 {
    padding-right: 50px !important;
  }
  .pr-sm-60 {
    padding-right: 60px !important;
  }
  .pr-sm-70 {
    padding-right: 70px !important;
  }
  .pr-sm-80 {
    padding-right: 80px !important;
  }
  .pr-sm-90 {
    padding-right: 90px !important;
  }
  .pr-sm-100 {
    padding-right: 100px !important;
  }
  .pr-sm-110 {
    padding-right: 110px !important;
  }
  .pr-sm-120 {
    padding-right: 120px !important;
  }
  .pr-sm-130 {
    padding-right: 130px !important;
  }
  .pr-sm-140 {
    padding-right: 140px !important;
  }
  .pr-sm-150 {
    padding-right: 150px !important;
  }
  .pr-sm-160 {
    padding-right: 160px !important;
  }
  .pr-sm-170 {
    padding-right: 170px !important;
  }
  .pr-sm-180 {
    padding-right: 180px !important;
  }
  .pr-sm-190 {
    padding-right: 190px !important;
  }
  .pr-sm-200 {
    padding-right: 200px !important;
  }
  /*
   * 4.9 -> Padding bottom
   * -----------------------------------------------
  */
  .pb-sm-0 {
    padding-bottom: 0!important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pb-sm-110 {
    padding-bottom: 110px !important;
  }
  .pb-sm-120 {
    padding-bottom: 120px !important;
  }
  .pb-sm-130 {
    padding-bottom: 130px !important;
  }
  .pb-sm-140 {
    padding-bottom: 140px !important;
  }
  .pb-sm-150 {
    padding-bottom: 150px !important;
  }
  .pb-sm-160 {
    padding-bottom: 160px !important;
  }
  .pb-sm-170 {
    padding-bottom: 170px !important;
  }
  .pb-sm-180 {
    padding-bottom: 180px !important;
  }
  .pb-sm-190 {
    padding-bottom: 190px !important;
  }
  .pb-sm-200 {
    padding-bottom: 200px !important;
  }
  /*
   * 4.10 -> Padding left
   * -----------------------------------------------
  */
  .pl-sm-0 {
    padding-left: 0!important;
  }
  .pl-sm-5 {
    padding-left: 5px !important;
  }
  .pl-sm-10 {
    padding-left: 10px !important;
  }
  .pl-sm-15 {
    padding-left: 15px !important;
  }
  .pl-sm-20 {
    padding-left: 20px !important;
  }
  .pl-sm-30 {
    padding-left: 30px !important;
  }
  .pl-sm-40 {
    padding-left: 40px !important;
  }
  .pl-sm-50 {
    padding-left: 50px !important;
  }
  .pl-sm-60 {
    padding-left: 60px !important;
  }
  .pl-sm-70 {
    padding-left: 70px !important;
  }
  .pl-sm-80 {
    padding-left: 80px !important;
  }
  .pl-sm-90 {
    padding-left: 90px !important;
  }
  .pl-sm-100 {
    padding-left: 100px !important;
  }
  .pl-sm-110 {
    padding-left: 110px !important;
  }
  .pl-sm-120 {
    padding-left: 120px !important;
  }
  .pl-sm-130 {
    padding-left: 130px !important;
  }
  .pl-sm-140 {
    padding-left: 140px !important;
  }
  .pl-sm-150 {
    padding-left: 150px !important;
  }
  .pl-sm-160 {
    padding-left: 160px !important;
  }
  .pl-sm-170 {
    padding-left: 170px !important;
  }
  .pl-sm-180 {
    padding-left: 180px !important;
  }
  .pl-sm-190 {
    padding-left: 190px !important;
  }
  .pl-sm-200 {
    padding-left: 200px !important;
  }
}
/*
   * 5 -> xs: max-width 767px
   * -----------------------------------------------
  */
@media (max-width: 575px) {
  .hide-xs {
    display: none;
  }
  /*
   * 5.1 -> Basic Margin
   * -----------------------------------------------
  */
  .m-xs-0 {
    margin: 0px !important;
  }
  .m-xs-5 {
    margin: 5px !important;
  }
  .m-xs-10 {
    margin: 10px !important;
  }
  .m-xs-15 {
    margin: 15px !important;
  }
  .m-xs-20 {
    margin: 20px !important;
  }
  .m-xs-30 {
    margin: 30px !important;
  }
  .m-xs-40 {
    margin: 40px !important;
  }
  .m-xs-50 {
    margin: 50px !important;
  }
  .m-xs-60 {
    margin: 60px !important;
  }
  .m-xs-70 {
    margin: 70px !important;
  }
  .m-xs-80 {
    margin: 80px !important;
  }
  .m-xs-90 {
    margin: 90px !important;
  }
  .m-xs-100 {
    margin: 100px !important;
  }
  .m-xs-110 {
    margin: 110px !important;
  }
  .m-xs-120 {
    margin: 120px !important;
  }
  .m-xs-130 {
    margin: 130px !important;
  }
  .m-xs-140 {
    margin: 140px !important;
  }
  .m-xs-150 {
    margin: 150px !important;
  }
  .m-xs-160 {
    margin: 160px !important;
  }
  .m-xs-170 {
    margin: 170px !important;
  }
  .m-xs-180 {
    margin: 180px !important;
  }
  .m-xs-190 {
    margin: 190px !important;
  }
  .m-xs-200 {
    margin: 200px !important;
  }
  /*
   * 5.2 -> Basic Padding
   * -----------------------------------------------
  */
  .p-xs-0 {
    padding: 0!important;
  }
  .p-xs-5 {
    padding: 5px !important;
  }
  .p-xs-10 {
    padding: 10px !important;
  }
  .p-xs-15 {
    padding: 15px !important;
  }
  .p-xs-20 {
    padding: 20px !important;
  }
  .p-xs-30 {
    padding: 30px !important;
  }
  .p-xs-40 {
    padding: 40px !important;
  }
  .p-xs-50 {
    padding: 50px !important;
  }
  .p-xs-60 {
    padding: 60px !important;
  }
  .p-xs-70 {
    padding: 70px !important;
  }
  .p-xs-80 {
    padding: 80px !important;
  }
  .p-xs-90 {
    padding: 90px !important;
  }
  .p-xs-100 {
    padding: 100px !important;
  }
  .p-xs-110 {
    padding: 110px !important;
  }
  .p-xs-120 {
    padding: 120px !important;
  }
  .p-xs-130 {
    padding: 130px !important;
  }
  .p-xs-140 {
    padding: 140px !important;
  }
  .p-xs-150 {
    padding: 150px !important;
  }
  .p-xs-160 {
    padding: 160px !important;
  }
  .p-xs-170 {
    padding: 170px !important;
  }
  .p-xs-180 {
    padding: 180px !important;
  }
  .p-xs-190 {
    padding: 190px !important;
  }
  .p-xs-200 {
    padding: 200px !important;
  }
  /*
   * 5.3 -> Margin top
   * -----------------------------------------------
  */
  .mt-xs-0 {
    margin-top: 0!important;
  }
  .mt-xs-5 {
    margin-top: 5px !important;
  }
  .mt-xs-10 {
    margin-top: 10px !important;
  }
  .mt-xs-15 {
    margin-top: 15px !important;
  }
  .mt-xs-20 {
    margin-top: 20px !important;
  }
  .mt-xs-30 {
    margin-top: 30px !important;
  }
  .mt-xs-40 {
    margin-top: 40px !important;
  }
  .mt-xs-50 {
    margin-top: 50px !important;
  }
  .mt-xs-60 {
    margin-top: 60px !important;
  }
  .mt-xs-70 {
    margin-top: 70px !important;
  }
  .mt-xs-80 {
    margin-top: 80px !important;
  }
  .mt-xs-90 {
    margin-top: 90px !important;
  }
  .mt-xs-100 {
    margin-top: 100px !important;
  }
  .mt-xs-110 {
    margin-top: 110px !important;
  }
  .mt-xs-120 {
    margin-top: 120px !important;
  }
  .mt-xs-130 {
    margin-top: 130px !important;
  }
  .mt-xs-140 {
    margin-top: 140px !important;
  }
  .mt-xs-150 {
    margin-top: 150px !important;
  }
  .mt-xs-160 {
    margin-top: 160px !important;
  }
  .mt-xs-170 {
    margin-top: 170px !important;
  }
  .mt-xs-180 {
    margin-top: 180px !important;
  }
  .mt-xs-190 {
    margin-top: 190px !important;
  }
  .mt-xs-200 {
    margin-top: 200px !important;
  }
  /*
   * 5.4 -> Margin right
   * -----------------------------------------------
  */
  .mr-xs-0 {
    margin-right: 0!important;
  }
  .mr-xs-5 {
    margin-right: 5px !important;
  }
  .mr-xs-10 {
    margin-right: 10px !important;
  }
  .mr-xs-15 {
    margin-right: 15px !important;
  }
  .mr-xs-20 {
    margin-right: 20px !important;
  }
  .mr-xs-30 {
    margin-right: 30px !important;
  }
  .mr-xs-40 {
    margin-right: 40px !important;
  }
  .mr-xs-50 {
    margin-right: 50px !important;
  }
  .mr-xs-60 {
    margin-right: 60px !important;
  }
  .mr-xs-70 {
    margin-right: 70px !important;
  }
  .mr-xs-80 {
    margin-right: 80px !important;
  }
  .mr-xs-90 {
    margin-right: 90px !important;
  }
  .mr-xs-100 {
    margin-right: 100px !important;
  }
  .mr-xs-110 {
    margin-right: 110px !important;
  }
  .mr-xs-120 {
    margin-right: 120px !important;
  }
  .mr-xs-130 {
    margin-right: 130px !important;
  }
  .mr-xs-140 {
    margin-right: 140px !important;
  }
  .mr-xs-150 {
    margin-right: 150px !important;
  }
  .mr-xs-160 {
    margin-right: 160px !important;
  }
  .mr-xs-170 {
    margin-right: 170px !important;
  }
  .mr-xs-180 {
    margin-right: 180px !important;
  }
  .mr-xs-190 {
    margin-right: 190px !important;
  }
  .mr-xs-200 {
    margin-right: 200px !important;
  }
  /*
   * 5.5 -> Margin bottom
   * -----------------------------------------------
  */
  .mb-xs-0 {
    margin-bottom: 0!important;
  }
  .mb-xs-5 {
    margin-bottom: 5px !important;
  }
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
  .mb-xs-15 {
    margin-bottom: 15px !important;
  }
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
  .mb-xs-90 {
    margin-bottom: 90px !important;
  }
  .mb-xs-100 {
    margin-bottom: 100px !important;
  }
  .mb-xs-110 {
    margin-bottom: 110px !important;
  }
  .mb-xs-120 {
    margin-bottom: 120px !important;
  }
  .mb-xs-130 {
    margin-bottom: 130px !important;
  }
  .mb-xs-140 {
    margin-bottom: 140px !important;
  }
  .mb-xs-150 {
    margin-bottom: 150px !important;
  }
  .mb-xs-160 {
    margin-bottom: 160px !important;
  }
  .mb-xs-170 {
    margin-bottom: 170px !important;
  }
  .mb-xs-180 {
    margin-bottom: 180px !important;
  }
  .mb-xs-190 {
    margin-bottom: 190px !important;
  }
  .mb-xs-200 {
    margin-bottom: 200px !important;
  }
  /*
   * 5.6 -> Margin left
   * -----------------------------------------------
  */
  .ml-xs-0 {
    margin-left: 0!important;
  }
  .ml-xs-5 {
    margin-left: 5px !important;
  }
  .ml-xs-10 {
    margin-left: 10px !important;
  }
  .ml-xs-15 {
    margin-left: 15px !important;
  }
  .ml-xs-20 {
    margin-left: 20px !important;
  }
  .ml-xs-30 {
    margin-left: 30px !important;
  }
  .ml-xs-40 {
    margin-left: 40px !important;
  }
  .ml-xs-50 {
    margin-left: 50px !important;
  }
  .ml-xs-60 {
    margin-left: 60px !important;
  }
  .ml-xs-70 {
    margin-left: 70px !important;
  }
  .ml-xs-80 {
    margin-left: 80px !important;
  }
  .ml-xs-90 {
    margin-left: 90px !important;
  }
  .ml-xs-100 {
    margin-left: 100px !important;
  }
  .ml-xs-110 {
    margin-left: 110px !important;
  }
  .ml-xs-120 {
    margin-left: 120px !important;
  }
  .ml-xs-130 {
    margin-left: 130px !important;
  }
  .ml-xs-140 {
    margin-left: 140px !important;
  }
  .ml-xs-150 {
    margin-left: 150px !important;
  }
  .ml-xs-160 {
    margin-left: 160px !important;
  }
  .ml-xs-170 {
    margin-left: 170px !important;
  }
  .ml-xs-180 {
    margin-left: 180px !important;
  }
  .ml-xs-190 {
    margin-left: 190px !important;
  }
  .ml-xs-200 {
    margin-left: 200px !important;
  }
  /*
   * 5.7 -> Padding top
   * -----------------------------------------------
  */
  .pt-xs-0 {
    padding-top: 0!important;
  }
  .pt-xs-5 {
    padding-top: 5px !important;
  }
  .pt-xs-10 {
    padding-top: 10px !important;
  }
  .pt-xs-15 {
    padding-top: 15px !important;
  }
  .pt-xs-20 {
    padding-top: 20px !important;
  }
  .pt-xs-30 {
    padding-top: 30px !important;
  }
  .pt-xs-40 {
    padding-top: 40px !important;
  }
  .pt-xs-50 {
    padding-top: 50px !important;
  }
  .pt-xs-60 {
    padding-top: 60px !important;
  }
  .pt-xs-70 {
    padding-top: 70px !important;
  }
  .pt-xs-80 {
    padding-top: 80px !important;
  }
  .pt-xs-90 {
    padding-top: 90px !important;
  }
  .pt-xs-100 {
    padding-top: 100px !important;
  }
  .pt-xs-110 {
    padding-top: 110px !important;
  }
  .pt-xs-120 {
    padding-top: 120px !important;
  }
  .pt-xs-130 {
    padding-top: 130px !important;
  }
  .pt-xs-140 {
    padding-top: 140px !important;
  }
  .pt-xs-150 {
    padding-top: 150px !important;
  }
  .pt-xs-160 {
    padding-top: 160px !important;
  }
  .pt-xs-170 {
    padding-top: 170px !important;
  }
  .pt-xs-180 {
    padding-top: 180px !important;
  }
  .pt-xs-190 {
    padding-top: 190px !important;
  }
  .pt-xs-200 {
    padding-top: 200px !important;
  }
  /*
   * 5.8 -> Padding right
   * -----------------------------------------------
  */
  .pr-xs-0 {
    padding-right: 0!important;
  }
  .pr-xs-5 {
    padding-right: 5px !important;
  }
  .pr-xs-10 {
    padding-right: 10px !important;
  }
  .pr-xs-15 {
    padding-right: 15px !important;
  }
  .pr-xs-20 {
    padding-right: 20px !important;
  }
  .pr-xs-30 {
    padding-right: 30px !important;
  }
  .pr-xs-40 {
    padding-right: 40px !important;
  }
  .pr-xs-50 {
    padding-right: 50px !important;
  }
  .pr-xs-60 {
    padding-right: 60px !important;
  }
  .pr-xs-70 {
    padding-right: 70px !important;
  }
  .pr-xs-80 {
    padding-right: 80px !important;
  }
  .pr-xs-90 {
    padding-right: 90px !important;
  }
  .pr-xs-100 {
    padding-right: 100px !important;
  }
  .pr-xs-110 {
    padding-right: 110px !important;
  }
  .pr-xs-120 {
    padding-right: 120px !important;
  }
  .pr-xs-130 {
    padding-right: 130px !important;
  }
  .pr-xs-140 {
    padding-right: 140px !important;
  }
  .pr-xs-150 {
    padding-right: 150px !important;
  }
  .pr-xs-160 {
    padding-right: 160px !important;
  }
  .pr-xs-170 {
    padding-right: 170px !important;
  }
  .pr-xs-180 {
    padding-right: 180px !important;
  }
  .pr-xs-190 {
    padding-right: 190px !important;
  }
  .pr-xs-200 {
    padding-right: 200px !important;
  }
  /*
   * 5.9 -> Padding bottom
   * -----------------------------------------------
  */
  .pb-xs-0 {
    padding-bottom: 0!important;
  }
  .pb-xs-5 {
    padding-bottom: 5px !important;
  }
  .pb-xs-10 {
    padding-bottom: 10px !important;
  }
  .pb-xs-15 {
    padding-bottom: 15px !important;
  }
  .pb-xs-20 {
    padding-bottom: 20px !important;
  }
  .pb-xs-30 {
    padding-bottom: 30px !important;
  }
  .pb-xs-40 {
    padding-bottom: 40px !important;
  }
  .pb-xs-50 {
    padding-bottom: 50px !important;
  }
  .pb-xs-60 {
    padding-bottom: 60px !important;
  }
  .pb-xs-70 {
    padding-bottom: 70px !important;
  }
  .pb-xs-80 {
    padding-bottom: 80px !important;
  }
  .pb-xs-90 {
    padding-bottom: 90px !important;
  }
  .pb-xs-100 {
    padding-bottom: 100px !important;
  }
  .pb-xs-110 {
    padding-bottom: 110px !important;
  }
  .pb-xs-120 {
    padding-bottom: 120px !important;
  }
  .pb-xs-130 {
    padding-bottom: 130px !important;
  }
  .pb-xs-140 {
    padding-bottom: 140px !important;
  }
  .pb-xs-150 {
    padding-bottom: 150px !important;
  }
  .pb-xs-160 {
    padding-bottom: 160px !important;
  }
  .pb-xs-170 {
    padding-bottom: 170px !important;
  }
  .pb-xs-180 {
    padding-bottom: 180px !important;
  }
  .pb-xs-190 {
    padding-bottom: 190px !important;
  }
  .pb-xs-200 {
    padding-bottom: 200px !important;
  }
  /*
   * 5.10 -> Padding left
   * -----------------------------------------------
  */
  .pl-xs-0 {
    padding-left: 0!important;
  }
  .pl-xs-5 {
    padding-left: 5px !important;
  }
  .pl-xs-10 {
    padding-left: 10px !important;
  }
  .pl-xs-15 {
    padding-left: 15px !important;
  }
  .pl-xs-20 {
    padding-left: 20px !important;
  }
  .pl-xs-30 {
    padding-left: 30px !important;
  }
  .pl-xs-40 {
    padding-left: 40px !important;
  }
  .pl-xs-50 {
    padding-left: 50px !important;
  }
  .pl-xs-60 {
    padding-left: 60px !important;
  }
  .pl-xs-70 {
    padding-left: 70px !important;
  }
  .pl-xs-80 {
    padding-left: 80px !important;
  }
  .pl-xs-90 {
    padding-left: 90px !important;
  }
  .pl-xs-100 {
    padding-left: 100px !important;
  }
  .pl-xs-110 {
    padding-left: 110px !important;
  }
  .pl-xs-120 {
    padding-left: 120px !important;
  }
  .pl-xs-130 {
    padding-left: 130px !important;
  }
  .pl-xs-140 {
    padding-left: 140px !important;
  }
  .pl-xs-150 {
    padding-left: 150px !important;
  }
  .pl-xs-160 {
    padding-left: 160px !important;
  }
  .pl-xs-170 {
    padding-left: 170px !important;
  }
  .pl-xs-180 {
    padding-left: 180px !important;
  }
  .pl-xs-190 {
    padding-left: 190px !important;
  }
  .pl-xs-200 {
    padding-left: 200px !important;
  }
}
@font-face {
  font-family: "MarkPro";
  src: url("../fonts/MarkPro/MarkPro.woff") format("woff"), url("../fonts/MarkPro/MarkPro.woff2") format("woff2");
  font-weight: normal;
  font-size: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkProBold";
  src: url("../fonts/MarkProBold/MarkPro-Bold.woff") format("woff"), url("../fonts/MarkProBold/MarkPro-Bold.woff2") format("woff2");
  font-weight: bold;
  font-size: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkProItalic";
  src: url("../fonts/MarkProItalic/MarkPro-MediumItalic.woff") format("woff"), url("../fonts/MarkProItalic/MarkPro-MediumItalic.woff2") format("woff2");
  font-weight: normal;
  font-size: normal;
  font-display: swap;
}
@font-face {
  font-family: "fontastic-cmt";
  src: url("../fonts/icons/Fontastic/fontastic-cmt.eot");
  src: url("../fonts/icons/Fontastic/fontastic-cmt.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/Fontastic/fontastic-cmt.woff") format("woff"), url("../fonts/icons/Fontastic/fontastic-cmt.ttf") format("truetype"), url("../fonts/icons/Fontastic/fontastic-cmt.svg#fontastic-cmt") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[data-icon]:before {
  font-family: "fontastic-cmt" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontastic-cmt" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alert-rounded:before {
  content: "\61";
}
.icon-alert-square:before {
  content: "\62";
}
.icon-brand-billing:before {
  content: "\64";
}
.icon-brand-feedback:before {
  content: "\65";
}
.icon-brand-question-square:before {
  content: "\66";
}
.icon-system-calendar:before {
  content: "\67";
}
.icon-system-calendar-2:before {
  content: "\67";
}
.icon-brand-chart:before {
  content: "\68";
}
.icon-system-check:before {
  content: "\69";
}
.icon-system-chevron-down:before {
  content: "\6a";
}
.icon-system-chevron-left:before {
  content: "\6c";
}
.icon-system-chevron-right:before {
  content: "\6d";
}
.icon-system-chevron-up:before {
  content: "\6e";
}
.icon-system-clock:before {
  content: "\6f";
}
.icon-system-close:before {
  content: "\70";
}
.icon-system-delete:before {
  content: "\71";
}
.icon-system-download:before {
  content: "\72";
}
.icon-system-edit:before {
  content: "\73";
}
.icon-brand-facebook:before {
  content: "\74";
}
.icon-brand-laboratory:before {
  content: "\75";
}
.icon-brand-linkedin:before {
  content: "\76";
}
.icon-system-mail:before {
  content: "\77";
}
.icon-system-menu:before {
  content: "\78";
}
.icon-system-phone:before {
  content: "\79";
}
.icon-system-placeholder:before {
  content: "\7a";
}
.icon-system-plus:before {
  content: "\41";
}
.icon-brand-money:before {
  content: "\43";
}
.icon-system-search:before {
  content: "\44";
}
.icon-system-share:before {
  content: "\45";
}
.icon-system-user:before {
  content: "\46";
}
.icon-diver:before {
  content: "\47";
}
.icon-chef:before {
  content: "\48";
}
.icon-earphones-noise:before {
  content: "\63";
}
.icon-face-mask:before {
  content: "\42";
}
.icon-pill:before {
  content: "\49";
}
.icon-health-hexagon:before {
  content: "\4a";
}
.icon-quote-left:before {
  content: "\4b";
}
.icon-ambulance:before {
  content: "\4c";
}
.icon-dartboard:before {
  content: "\4d";
}
.icon-document-lens:before {
  content: "\4e";
}
.icon-test-tube:before {
  content: "\4f";
}
.icon-health-briefcase:before {
  content: "\50";
}
.icon-clock-rush:before {
  content: "\51";
}
.icon-alert-triangle:before {
  content: "\52";
}
.icon-steering-wheel:before {
  content: "\53";
}
.icon-callcenter:before {
  content: "\54";
}
.icon-small-space:before {
  content: "\55";
}
.icon-desk-worker:before {
  content: "\56";
}
.icon-document-checks:before {
  content: "\57";
}
.icon-map-placeholder:before {
  content: "\58";
}
.icon-cyclical-worker:before {
  content: "\59";
}
.icon-height-mountain:before {
  content: "\5a";
}
.icon-target:before {
  content: "\30";
}
.icon-envelope:before {
  content: "\33";
}
.icon-clock-time:before {
  content: "\34";
}
.icon-documents:before {
  content: "\35";
}
.icon-iso-regulation:before {
  content: "\36";
}
.icon-facebook-rounded:before {
  content: "\37";
}
.icon-immediate-agenda:before {
  content: "\39";
}
.icon-share-new:before {
  content: "\21";
}
.icon-placeholder-new:before {
  content: "\22";
}
.icon-height-worker:before {
  content: "\23";
}
.icon-chevron-right-rounded:before {
  content: "\31";
}
.icon-chevron-up-rounded:before {
  content: "\32";
}
.icon-chevron-left-rounded:before {
  content: "\38";
}
.icon-chevron-down-rounded:before {
  content: "\24";
}
.icon-whatsapp-rounded:before {
  content: "\25";
}
.icon-question-rounded:before {
  content: "\26";
}
.icon-linkedin-rounded:before {
  content: "\27";
}
.cmt-button.ant-btn {
  width: 100%;
  font-family: "MarkPro";
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmt-button.ant-btn.ant-btn-sm {
  font-size: 14px;
}
.cmt-button.ant-btn.primary {
  background-color: #DC582A;
  color: #FFFFFF;
  border-color: #DC582A;
}
.cmt-button.ant-btn.primary:hover {
  background-color: #F5632F;
  border-color: #F5632F;
}
.cmt-button.ant-btn.primary:active,
.cmt-button.ant-btn.primary:focus {
  background-color: #C24F25;
  border-color: #C24F25;
}
.cmt-button.ant-btn.primary.outline {
  background-color: #FFFFFF;
  color: #DC582A;
  border-color: #DC582A;
}
.cmt-button.ant-btn.primary.outline:hover {
  color: #F5632F;
  border-color: #F5632F;
}
.cmt-button.ant-btn.primary.outline:active,
.cmt-button.ant-btn.primary.outline:focus {
  color: #C24F25;
  border-color: #C24F25;
}
.cmt-button.ant-btn.primary.non-outline {
  background-color: #FFFFFF;
  color: #DC582A;
  border-color: #FFFFFF;
  box-shadow: none;
}
.cmt-button.ant-btn.primary.non-outline:hover {
  color: #F5632F;
}
.cmt-button.ant-btn.primary.non-outline:active,
.cmt-button.ant-btn.primary.non-outline:focus {
  color: #C24F25;
}
.cmt-button.ant-btn.primary.floating {
  border-radius: 40px;
  padding-right: 15px;
  padding-left: 15px;
}
.cmt-button.ant-btn.secondary {
  background-color: #223A70;
  color: #FFFFFF;
  border-color: #223A70;
}
.cmt-button.ant-btn.secondary:hover {
  background-color: #4E618D;
  border-color: #4E618D;
}
.cmt-button.ant-btn.secondary:active,
.cmt-button.ant-btn.secondary:focus {
  background-color: #1A2C54;
  border-color: #1A2C54;
}
.cmt-button.ant-btn.secondary.outline {
  background-color: #FFFFFF;
  color: #223A70;
  border-color: #223A70;
}
.cmt-button.ant-btn.secondary.outline:hover {
  color: #4E618D;
  border-color: #4E618D;
}
.cmt-button.ant-btn.secondary.outline:active,
.cmt-button.ant-btn.secondary.outline:focus {
  color: #1A2C54;
  border-color: #1A2C54;
}
.cmt-button.ant-btn.secondary.non-outline {
  background-color: #FFFFFF;
  color: #223A70;
  border-color: #FFFFFF;
  box-shadow: none;
}
.cmt-button.ant-btn.secondary.non-outline:hover {
  color: #4E618D;
}
.cmt-button.ant-btn.secondary.non-outline:active,
.cmt-button.ant-btn.secondary.non-outline:focus {
  color: #1A2C54;
}
.cmt-button.ant-btn.secondary.floating {
  border-radius: 40px;
  padding-right: 15px;
  padding-left: 15px;
}
.cmt-button.ant-btn.tertiary {
  background-color: #EE8D3A;
  color: #FFFFFF;
  border-color: #EE8D3A;
}
.cmt-button.ant-btn.tertiary:hover {
  background-color: #F1A461;
  border-color: #F1A461;
}
.cmt-button.ant-btn.tertiary:active,
.cmt-button.ant-btn.tertiary:focus {
  background-color: #B36A2C;
  border-color: #B36A2C;
}
.cmt-button.ant-btn.tertiary.outline {
  background-color: #FFFFFF;
  color: #EE8D3A;
  border-color: #EE8D3A;
}
.cmt-button.ant-btn.tertiary.outline:hover {
  color: #F1A461;
  border-color: #F1A461;
}
.cmt-button.ant-btn.tertiary.outline:active,
.cmt-button.ant-btn.tertiary.outline:focus {
  color: #B36A2C;
  border-color: #B36A2C;
}
.cmt-button.ant-btn.tertiary.non-outline {
  background-color: #FFFFFF;
  color: #EE8D3A;
  border-color: #FFFFFF;
  font-family: "MarkPro";
  font-size: 16px;
  box-shadow: none;
}
.cmt-button.ant-btn.tertiary.non-outline:hover {
  color: #F1A461;
}
.cmt-button.ant-btn.tertiary.non-outline:active,
.cmt-button.ant-btn.tertiary.non-outline:focus {
  color: #B36A2C;
}
.cmt-button.ant-btn.tertiary.floating {
  border-radius: 40px;
  padding-right: 15px;
  padding-left: 15px;
}
.cmt-button.ant-btn.disabled {
  background-color: #BEBEBE;
  color: #FFFFFF;
  border-color: #BEBEBE;
}
.cmt-button.ant-btn.disabled.outline {
  background-color: #FFFFFF;
  color: #BEBEBE;
}
.cmt-button.ant-btn.disabled.non-outline {
  background-color: #FFFFFF;
  color: #BEBEBE;
  border-color: #FFFFFF;
  box-shadow: none;
}
.cmt-button.ant-btn.disabled.floating {
  border-radius: 40px;
  padding-right: 15px;
  padding-left: 15px;
}
.cmt-table.ant-table-wrapper.attentions-table-wrapper {
  padding: 14px;
  border-color: #E4E4E4;
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.cmt-table.ant-table-wrapper.attentions-table-wrapper .attentions-table {
  width: 100%;
  table-layout: fixed;
}
.cmt-table.ant-table-wrapper.attentions-table-wrapper .attentions-table td button {
  width: auto;
}
.cmt-table.ant-table-wrapper.dashboard-table-wrapper {
  padding: 1rem;
  padding-right: 2rem;
  padding-left: 2rem;
  border-color: #E4E4E4;
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  margin: 0;
}
.cmt-table.ant-table-wrapper.dashboard-table-wrapper .dashboard-table {
  width: 100%;
}
.cmt-table.ant-table-wrapper.dashboard-table-wrapper .dashboard-table-sm th {
  padding: 5px 5px !important;
}
.cmt-table.ant-table-wrapper.dashboard-table-wrapper .dashboard-table-sm td {
  padding: 5px 5px !important;
}
.cmt-table.ant-table-wrapper.dashboard-report-table-wrapper {
  padding: 1%;
  border-color: #E4E4E4;
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
}
.cmt-table.ant-table-wrapper.dashboard-report-table-wrapper .dashboard-report-table,
.cmt-table.ant-table-wrapper.dashboard-report-table-wrapper .dashboard-weeks-table {
  width: 100%;
  table-layout: fixed;
}
.cmt-table.ant-table-wrapper .ant-table-thead > tr > th {
  border-bottom: none;
  font-family: "MarkProBold";
  font-size: 14px;
  color: #333333;
  background-color: #FFFFFF;
}
.cmt-table.ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  background-color: transparent;
}
.cmt-table.ant-table-wrapper .ant-table-tbody > tr > td {
  border-bottom: 10px solid #FFFFFF;
  font-family: "MarkPro";
  font-size: 14px;
  color: #333333;
  background-color: #F1F1F1;
}
.cmt-table.ant-table-wrapper .ant-table-tbody > tr:hover {
  background-color: #E4E4E4;
}
.cmt-table-list.ant-table-wrapper .ant-table-thead > tr > th {
  border-bottom: none;
  font-family: "MarkProBold";
  font-size: 14px;
  color: #333333;
  background-color: #FFFFFF;
}
.cmt-table-list.ant-table-wrapper .ant-table-tbody > tr:nth-child(even) {
  border-bottom: 10px solid #FFFFFF;
  font-family: "MarkPro";
  font-size: 14px;
  color: #333333;
  background-color: #FFFFFF;
}
.cmt-table-list.ant-table-wrapper .ant-table-tbody > tr:nth-child(odd) {
  border-bottom: 10px solid #FFFFFF;
  font-family: "MarkPro";
  font-size: 14px;
  color: #333333;
  background-color: #F1F1F1;
}
.cmt-table-list.ant-table-wrapper .ant-table-tbody > tr:hover {
  background-color: #E4E4E4;
}
@media (min-width: 1199.98px) {
  .dashboard-row-12 {
    max-width: 50% !important;
  }
}
/* Input with icon*/
.cmt-input-icon.ant-input-affix-wrapper {
  border: 1px solid #E4E4E4;
  color: #BEBEBE;
  padding: 0 10px;
}
.cmt-input-icon.ant-input-affix-wrapper:hover {
  border-color: #505050 !important;
}
.cmt-input-icon.ant-input-affix-wrapper:active,
.cmt-input-icon.ant-input-affix-wrapper:focus {
  border: 2px solid #505050;
  border-right-width: 2px !important;
}
/* Input without icon */
.cmt-input.ant-input {
  border: 1px solid #E4E4E4;
}
.cmt-input.ant-input:hover {
  border-color: #505050;
}
.cmt-input.ant-input:active,
.cmt-input.ant-input:focus {
  border: 2px solid #505050;
  border-right-width: 2px !important;
}
/* Input Number */
.cmt-input-number.ant-input-number {
  border: 1px solid #E4E4E4;
}
.cmt-input-number.ant-input-number:hover {
  border-color: #505050;
}
.cmt-input-number.ant-input-number:active,
.cmt-input-number.ant-input-number:focus {
  border: 2px solid #505050;
  border-right-width: 2px !important;
}
/* Input with addon */
.cmt-input.ant-input-group-wrapper .ant-input {
  border: 1px solid #E4E4E4;
}
.cmt-input.ant-input-group-wrapper .ant-input:hover {
  border-color: #505050;
}
.cmt-input.ant-input-group-wrapper .ant-input:active,
.cmt-input.ant-input-group-wrapper .ant-input:focus {
  border: 2px solid #505050;
  border-right-width: 2px !important;
}
.cmt-select.ant-select {
  cursor: pointer !important;
  width: 100%;
}
.cmt-select.ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.cmt-select.ant-select .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  color: #505050;
}
.cmt-select.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #505050;
}
.cmt-select.ant-select.ant-select-focused:not(.ant-select-disabled).ant-select-multiple .ant-select-selector {
  border: 2px solid #505050;
}
.cmt-select.ant-select.ant-select-focused:not(.ant-select-disabled).ant-select-single:not(
      .ant-select-customize-input
    ) .ant-select-selector {
  border: 2px solid #505050;
}
.cmt-select.ant-select .ant-select-selection-item {
  color: #505050;
}
.cmt-select.ant-select .ant-select-selector {
  position: relative;
}
.cmt-select.ant-select .ant-select-selector select {
  padding-right: 30px !important;
  width: 100%;
  cursor: pointer !important;
}
.cmt-select.ant-select .anticon-down {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.branch-office-selector-multiple {
  width: 300px;
}
.branch-office-selector-single {
  width: 270px;
}
.branch-office-form {
  width: 100%;
}
.branch-office-form .ant-select {
  width: 100%;
}
.select2-container {
  z-index: 2000;
}
.select2-results__option--selected {
  position: relative;
}
.select2-results__option--selected::after {
  content: "✓";
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.select2-container {
  max-width: 100%;
}
.select2-container .select2-selection--multiple {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  max-width: 200px !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  max-width: 200px !important;
  background-color: #F1F1F1;
  color: #505050;
  border-color: #E4E4E4;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FCEEE9 !important;
  color: #505050 !important;
}
.select2-container--default .select2-results__option--selected[aria-selected] {
  background-color: #FCEEE9 !important;
  color: #505050 !important;
}
.select2-container,
.select2-container .select2-selection__placeholder,
.select2-container .select2-search__field,
.select2-container .select2-search--inline .select2-search__field,
.select2-results {
  font-family: "MarkPro" !important;
}
.diagnostics-select {
  width: 100%;
  min-height: 40px;
}
#diagnostics_select + .select2-container .select2-search--inline .select2-search__field {
  line-height: 1.5;
}
#diagnostics_select + .select2-container .select2-selection__choice {
  display: none !important;
}
.diagnostics-cards-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.diagnostic-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F1F1F1;
  border: 1px solid #E4E4E4;
  border-radius: 2px;
  padding: 10px 15px;
}
.diagnostic-card-content {
  display: flex;
  align-items: center;
  color: #505050;
}
.diagnostic-code {
  font-weight: bold;
}
.diagnostic-separator {
  margin: 0 8px;
}
.diagnostic-remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #707070;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.diagnostic-remove-btn:hover {
  color: #D02A2A;
}
.diagnostic-remove-btn svg {
  width: 16px;
  height: 16px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap {
  margin-left: 4.2vw;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab:not(:first-child) {
  margin-left: 50px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn {
  font-family: "MarkProBold";
  font-size: 14px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn .ant-badge-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #989898;
  height: 23px;
  width: 24px;
  border-radius: 30px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn p {
  font-family: 'MarkProBold';
  color: #989898 !important;
  font-size: 14px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  font-family: "MarkProBold";
  font-size: 14px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .ant-badge-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DC582A;
  height: 23px;
  width: 24px;
  border-radius: 30px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn p {
  font-family: 'MarkProBold' !important;
  color: #DC582A !important;
  font-size: 14px;
}
.cmt-tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-ink-bar {
  background-color: #DC582A;
}
.cmt-statistic.ant-statistic {
  background-color: #F1F1F1;
  height: 170px;
  padding: 40px 15px;
}
.cmt-statistic.ant-statistic .ant-statistic-title .title {
  font-family: 'MarkPro';
  font-size: 16px;
  margin-bottom: 20px;
  color: #505050;
  text-align: center;
  line-height: 20px;
}
.cmt-statistic.ant-statistic .ant-statistic-title .sub-title {
  font-family: 'MarkProBold';
  font-size: 16px;
  margin-bottom: 16px;
  color: #505050;
  text-align: center;
  line-height: 20px;
}
.cmt-statistic.ant-statistic .ant-statistic-content {
  font-family: 'MarkPro';
  font-size: 30px;
  color: #505050;
  text-align: center;
}
.cmt-checkbox.ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #223A70 !important;
}
.cmt-checkbox.ant-checkbox-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group .ant-checkbox:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #223A70;
}
.cmt-checkbox.ant-checkbox-wrapper .ant-checkbox-checked::after,
.cmt-checkbox.ant-checkbox-group .ant-checkbox-checked::after {
  border-color: #223A70;
}
.cmt-checkbox.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #223A70;
  border-color: #223A70;
}
.cmt-checkbox.ant-checkbox-wrapper.primary .ant-checkbox-input:focus + .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.primary .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #DC582A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.primary .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.primary .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-wrapper.primary .ant-checkbox:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.primary .ant-checkbox:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-wrapper.primary .ant-checkbox-input:focus + .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.primary .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #DC582A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.primary .ant-checkbox-checked::after,
.cmt-checkbox.ant-checkbox-group.primary .ant-checkbox-checked::after {
  border-color: #DC582A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.primary .ant-checkbox-checked .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.primary .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #DC582A;
  border-color: #DC582A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.tertiary .ant-checkbox-input:focus + .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.tertiary .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #EE8D3A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.tertiary .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.tertiary .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-wrapper.tertiary .ant-checkbox:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.tertiary .ant-checkbox:hover .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-wrapper.tertiary .ant-checkbox-input:focus + .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.tertiary .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #EE8D3A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.tertiary .ant-checkbox-checked::after,
.cmt-checkbox.ant-checkbox-group.tertiary .ant-checkbox-checked::after {
  border-color: #EE8D3A !important;
}
.cmt-checkbox.ant-checkbox-wrapper.tertiary .ant-checkbox-checked .ant-checkbox-inner,
.cmt-checkbox.ant-checkbox-group.tertiary .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #EE8D3A;
  border-color: #EE8D3A !important;
}
.cmt-header.ant-layout-header {
  z-index: 2000;
  position: relative;
  padding: 0 60px;
  width: 100%;
  height: 66px;
  background-color: #FFFFFF !important;
  box-shadow: 1px 17px 11px -24px;
}
.cmt-header.ant-layout-header .logo {
  line-height: 64px;
  float: left;
  background-image: url("../images/LogoNaranjo2023.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 40px;
  margin-top: 12px;
}
@media screen and (max-width: 991px) {
  .cmt-header.ant-layout-header .logo {
    line-height: 55px !important;
    margin-left: -8px !important;
    width: 110px;
  }
}
.cmt-header.ant-layout-header .navbar-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 2rem;
  color: #DC582A;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  z-index: 2100;
  margin: 0;
}
.cmt-header.ant-layout-header .menu-wrapper {
  width: 100% !important;
  transition: all 0.3s;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu {
  display: flex;
  justify-content: flex-end;
  float: right;
  border: 0 !important;
  height: 66px;
  background-color: #FFFFFF !important;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item {
  border-bottom: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item a {
  font-family: "MarkPro";
  font-size: 14px;
  color: #505050;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item a:hover {
  color: #DC582A;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item a[class*="active"] {
  color: #DC582A;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item .cmt-button-link {
  font-family: "MarkPro" !important;
  font-size: 14px !important;
  color: #505050 !important;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item .cmt-button-link:hover {
  color: #DC582A !important;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item.ant-menu-item-selected a {
  color: #DC582A;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item .ant-avatar {
  display: inline-block;
  margin-left: 10px;
  background-color: #EDAB94;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item.active > a {
  color: #DC582A !important;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu p {
  margin-bottom: 0;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu.fixed {
  position: fixed;
  z-index: 1;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu-horizontal > .ant-menu-item,
.cmt-header.ant-layout-header .menu-wrapper .ant-menu-horizontal > .ant-menu-submenu {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmt-header.ant-layout-header .menu-wrapper .ant-menu-horizontal > .ant-menu-item::after,
.cmt-header.ant-layout-header .menu-wrapper .ant-menu-horizontal > .ant-menu-submenu::after {
  border-bottom: none !important;
}
@media screen and (max-width: 1199.98px) {
  .cmt-header.ant-layout-header {
    padding: 0 16px;
  }
  .cmt-header.ant-layout-header .navbar-toggle {
    display: block;
  }
  .cmt-header.ant-layout-header .menu-wrapper {
    display: none;
    position: absolute;
    top: 66px;
    left: 0;
    width: 100vw;
    background: #FFFFFF;
    box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.15);
    z-index: 2001;
    padding-bottom: 16px;
  }
  .cmt-header.ant-layout-header .menu-wrapper.active {
    display: block;
  }
  .cmt-header.ant-layout-header .menu-wrapper .ant-menu {
    flex-direction: column;
    float: none;
    height: auto;
    background: #FFFFFF !important;
  }
  .cmt-header.ant-layout-header .menu-wrapper .ant-menu .ant-menu-item {
    width: 100%;
    justify-content: flex-start;
    padding-left: 24px;
  }
  .cmt-header.ant-layout-header .menu-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1199.98px) {
  .cmt-header.ant-layout-header .navbar-toggle {
    display: none;
  }
  .cmt-header.ant-layout-header .menu-wrapper {
    display: block !important;
    position: static;
    background: none;
    box-shadow: none;
    padding-bottom: 0;
  }
  .cmt-header.ant-layout-header .menu-desktop {
    display: flex !important;
  }
}
.ant-affix {
  z-index: 200;
}
.ant-affix .cmt-header.ant-layout-header {
  padding: 0 3.8vw;
  height: 40px !important;
  box-shadow: 4px 17px 17px -19px;
}
.ant-affix .cmt-header.ant-layout-header .logo {
  margin-top: 10px;
  height: 20px;
  margin-left: -22px;
}
@media screen and (max-width: 1199.98px) {
  .ant-affix .cmt-header.ant-layout-header .logo {
    line-height: 65px !important;
  }
}
.ant-affix .cmt-header.ant-layout-header .logo img {
  height: 20px;
}
.ant-affix .cmt-header.ant-layout-header .ant-menu {
  height: 34px !important;
}
.ant-affix .cmt-header.ant-layout-header .ant-avatar {
  display: inline-block;
  margin-left: 10px;
  background-color: #EDAB94;
}
.ant-affix .cmt-header.ant-layout-header .cmt-button.ant-btn {
  display: flex;
  align-items: center;
  height: 32px;
  margin-top: 4px;
}
.ant-affix .cmt-header.ant-layout-header .menu-mobile-button {
  margin-top: 5px !important;
}
.cmt-layout-drawer {
  z-index: 30000 !important;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-header {
  padding-right: 15px;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-header-title {
  display: flex;
  justify-content: flex-end;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-close {
  margin-right: 0;
  padding: 0;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-close svg {
  color: #DC582A;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body {
  background-color: #FFFFFF !important;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body {
  background-color: #FFFFFF !important;
  padding: 0;
  margin-bottom: 120px;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-menu {
  background-color: #FFFFFF !important;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .cmt-button.ant-btn {
  width: 70%;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-menu-item,
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-menu-submenu-title {
  font-size: 14px;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-menu-item.ant-menu-item-only-child {
  margin: 0;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-menu-item-group {
  background-color: #FFFFFF;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-menu-item-group-title {
  color: #DC582A;
  font-family: "MarkProBold";
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .user-avatar-wrapper {
  margin-top: 20px;
}
.cmt-layout-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .user-avatar-wrapper .ant-avatar {
  display: inline-block;
  margin-left: 10px;
  background-color: #EDAB94;
}
@media screen and (max-width: 400px) {
  .cmt-layout-drawer .ant-drawer-content-wrapper {
    width: 280px !important;
  }
}
:root {
  --antd-wave-shadow-color: #505050;
}
::selection {
  background: #505050;
}
p {
  font-family: "MarkPro";
  font-size: 14px;
  color: #505050;
}
a {
  font-family: "MarkPro";
  font-size: 14px;
}
body {
  font-family: "MarkPro";
}
.field-label {
  font-family: "MarkProBold";
}
/* Spinner centered*/
.cmt-spin.ant-spin {
  display: flex;
  justify-content: center;
}
.cmt-spin.ant-spin .ant-spin-dot-item {
  background-color: #DC582A;
}
/* Radio button with secondary color and inverted order */
.cmt-radio.ant-radio-group span {
  font-size: 16px !important;
  order: 1;
}
.cmt-radio.ant-radio-group .ant-radio {
  order: 2;
}
.cmt-radio.ant-radio-group .ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner {
  border: 1px solid #223A70;
}
.cmt-radio.ant-radio-group .ant-radio-wrapper-checked .ant-radio-inner::after {
  background-color: #223A70;
}
.cmt-radio.ant-radio-group .ant-radio-wrapper:hover .ant-radio,
.cmt-radio.ant-radio-group .ant-radio:hover .ant-radio-inner,
.cmt-radio.ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  border-color: #223A70 !important;
}
.cmt-radio.ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none !important;
}
/* Radio button with secondary color and default antd order */
.cmt-radio-left.ant-radio-group span {
  order: 2;
}
.cmt-radio-left.ant-radio-group .ant-radio {
  order: 1;
}
.cmt-radio-left.ant-radio-group .ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner {
  border: 1px solid #223A70 !important;
}
.cmt-radio-left.ant-radio-group .ant-radio-wrapper-checked .ant-radio-inner::after {
  background-color: #223A70 !important;
}
.cmt-radio-left.ant-radio-group .ant-radio-wrapper:hover .ant-radio,
.cmt-radio-left.ant-radio-group .ant-radio:hover .ant-radio-inner,
.cmt-radio-left.ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  border-color: #223A70 !important;
}
.cmt-radio-left.ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none !important;
}
/* Radio button single with secondary color and inverted order */
.cmt-radio.ant-radio-wrapper span {
  font-size: 16px !important;
  order: 1;
}
.cmt-radio.ant-radio-wrapper .ant-radio {
  order: 2;
}
.cmt-radio.ant-radio-wrapper .ant-radio-inner::after {
  background-color: #223A70 !important;
}
.cmt-radio.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #223A70 !important;
}
.cmt-radio.ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
.cmt-radio.ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
.cmt-radio.ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
  border-color: #223A70 !important;
}
.cmt-radio.ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none !important;
}
/* Radio button single with secondary color and default antd order */
.cmt-radio-left.ant-radio-wrapper span {
  font-size: 16px !important;
  order: 2;
}
.cmt-radio-left.ant-radio-wrapper .ant-radio {
  order: 1;
}
.cmt-radio-left.ant-radio-wrapper .ant-radio-inner::after {
  background-color: #223A70 !important;
}
.cmt-radio-left.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #223A70 !important;
}
.cmt-radio-left.ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
.cmt-radio-left.ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
.cmt-radio-left.ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
  border-color: #223A70 !important;
}
.cmt-radio-left.ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none !important;
}
/*  Form styling of labels and certain color behaviour  */
.cmt-form.ant-form {
  font-family: "MarkPro" !important;
}
.cmt-form.ant-form .ant-form-item-label {
  padding: 0;
  margin-bottom: 5px;
}
.cmt-form.ant-form .ant-form-item-has-error.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ).ant-select-selector {
  border-color: #505050 !important;
}
.cmt-form.ant-form .ant-form-item-explain.ant-form-item-explain-error > div {
  color: #D02A2A !important;
}
.cmt-form.ant-form .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  border: 1px solid #E4E4E4 !important;
}
.cmt-form.ant-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label.radio-button-label {
  min-width: 50%;
  max-width: 50%;
  text-align: left;
  white-space: normal;
}
/* Header and Body custom table styling */
.cmt-custom-table-header .center-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmt-custom-table-header .align-item-center-start {
  display: flex;
  justify-content: start;
  align-items: center;
}
.cmt-custom-table-header h3 {
  font-size: 14px;
  font-family: "MarkProBold";
  margin-bottom: 0;
}
.cmt-custom-table-header .p-10 {
  padding: 10px;
}
.cmt-custom-table-header .text-center {
  text-align: center;
}
@media screen and (max-width: 991px) {
  .cmt-custom-table-header {
    display: none !important;
  }
}
.cmt-custom-table-body {
  background-color: #E4E4E4;
  margin-bottom: 15px;
}
.cmt-custom-table-body p {
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
}
.cmt-custom-table-body p.mb-0 {
  margin-bottom: 0px;
}
.cmt-custom-table-body p.text-center {
  text-align: center;
}
.cmt-custom-table-body p.error-text {
  color: #D02A2A !important;
}
.cmt-custom-table-body p.success-text {
  color: #2F9933 !important;
}
.cmt-custom-table-body p.disabled-text {
  color: #BEBEBE !important;
}
.cmt-custom-table-body .center-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmt-custom-table-body .align-item-center {
  display: flex;
  align-items: center;
}
.cmt-custom-table-body .align-item-center-start {
  display: flex;
  justify-content: start;
  align-items: center;
}
.cmt-custom-table-body .p-10 {
  padding: 10px;
}
.cmt-custom-table-body [class^="icon-system"],
.cmt-custom-table-body [class^="icon-brand"] {
  color: #223A70;
  cursor: pointer;
  font-size: 18px;
}
@media screen and (min-width: 991px) {
  .cmt-custom-table-body .hide-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .cmt-custom-table-body h3 {
    font-size: 14px;
    font-family: "MarkProBold";
    text-align: center;
  }
  .cmt-custom-table-body p {
    text-align: center;
  }
  .cmt-custom-table-body .center-item,
  .cmt-custom-table-body .align-item-center,
  .cmt-custom-table-body .align-item-center-start {
    display: block !important;
    text-align: center;
  }
}
.cmt-pagination.ant-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled) {
  color: #505050;
  border-color: #BEBEBE;
}
.cmt-pagination.ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #505050;
  border-color: #505050;
}
.cmt-pagination.ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #505050 !important;
}
.cmt-switch.ant-switch-checked {
  background-color: #223A70;
}
.cmt-tag.ant-tag {
  margin-right: 15px;
  font-size: 14px;
  padding: 2px 16px;
  border-radius: 30px;
}
/* Overrides for datepicker */
.cmt-date-picker.ant-picker {
  font-family: "MarkPro";
}
.cmt-date-picker.ant-picker:hover {
  border-color: #505050;
}
.cmt-date-picker.ant-picker-focused {
  border: 2px solid #505050;
  border-right-width: 2px !important;
}
.search-phone-class {
  font-family: 'MarkPro';
  font-size: 16px;
  width: 100% !important;
  border: 1px solid #E4E4E4 !important;
}
.search-phone-class::placeholder {
  color: #BEBEBE;
}
.cmt-flex {
  display: flex !important;
}
.cmt-flex.row {
  flex-direction: row;
}
.cmt-flex.column {
  flex-direction: column;
}
.cmt-flex.justify-start {
  justify-content: flex-start;
}
.cmt-flex.justify-center {
  justify-content: center;
}
.cmt-flex.justify-end {
  justify-content: flex-end;
}
.cmt-flex.justify-between {
  justify-content: space-between;
}
.cmt-flex.justify-around {
  justify-content: space-around;
}
.cmt-flex.justify-evenly {
  justify-content: space-evenly;
}
.cmt-flex.items-start {
  align-items: flex-start;
}
.cmt-flex.items-center {
  align-items: center;
}
.cmt-flex.items-end {
  align-items: flex-end;
}
.cmt-flex.items-stretch {
  align-items: stretch;
}
.cmt-flex.wrap {
  flex-wrap: wrap;
  row-gap: 20px;
}
.cmt-flex.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.cmt-flex.nowrap {
  flex-wrap: nowrap;
}
.cmt-flex.center-all {
  justify-content: center;
  align-items: center;
}
.cmt-flex.start-all {
  justify-content: flex-start;
  align-items: flex-start;
}
.cmt-flex.end-all {
  justify-content: flex-end;
  align-items: flex-end;
}
.login-container {
  width: 400px;
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  border-color: #E4E4E4;
}
h1 {
  font-family: "MarkProBold";
  color: #DC582A;
}
h2.primary {
  font-family: "MarkProBold";
  color: #DC582A;
}
h2.secondary {
  font-family: "MarkProBold";
  color: #505050;
}
h2.tertiary {
  font-family: "MarkPro";
  color: #DC582A;
}
h3.primary {
  font-family: "MarkProBold";
  color: #DC582A;
}
h3.secondary {
  font-family: "MarkProBold";
  color: #505050;
}
.attentions-header {
  width: 100%;
}
.attentions-header h2 {
  margin: 0;
}
.text-center {
  text-align: center;
}
.dashboard-chart {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.apx-legend-position-right {
  justify-content: center !important;
  margin-bottom: 10px;
}
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}
#dashboard-filter-form {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 10px;
  align-items: center;
  width: fit-content;
}
#dashboard-filter-form label {
  white-space: nowrap;
}
#dashboard-filter-form select {
  width: 345px;
}
#dashboard-filter-form input[type="date"] {
  width: 160px;
}
#dashboard-filter-form button[type="submit"] {
  width: 120px;
}
#excel-download-form {
  display: inline;
}
#dashboard-container {
  position: relative;
  min-height: 100vh;
  margin-left: 10%;
  margin-right: 10%;
}
#dashboard-container-pdf {
  position: relative;
  min-height: 100vh;
  margin-left: 5%;
  margin-right: 5%;
}
.observation-container {
  color: #505050;
}
.observation-container .ant-icon-wrapper {
  margin-right: 15px;
}
.observation-month {
  width: 100%;
  font-weight: bold;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  background-color: #F1F1F1;
  border: 1px solid #E4E4E4;
  margin-top: -1px;
}
.observation-month .collapse-indicator {
  font-size: 12px;
}
.observation-text {
  padding: 15px;
  border-left: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}
.observation-text.hidden {
  display: none;
}
.quick-date-btn-group {
  gap: 10px;
  max-width: 100%;
}
.quick-date-btn-group button,
.quick-date-btn-group .cmt-button,
.quick-date-btn-group .ant-btn {
  width: auto !important;
  min-width: 0;
  flex: 0 0 auto;
}
.dashboard-radial-bar-row {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
@media (max-width: 991.98px) {
  .dashboard-radial-bar-row {
    justify-content: center;
  }
}
.inside-table-menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.menu-btn {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important;
}
.menu-btn svg {
  margin: 0 !important;
  padding: 0 !important;
}
.download-menu {
  position: absolute;
  left: auto;
  right: 12px;
  top: 28px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.download-menu a {
  display: block;
  padding: 8px 16px;
  color: #505050;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  background: white;
}
.download-menu a:hover,
.download-menu a:focus {
  background: #F1F1F1;
  color: #111;
}
.download-menu a:active {
  background: #F1F1F1;
  color: #000;
}
.dashboard-row,
.dashboard-row-pdf {
  display: flex;
  gap: 2rem;
  align-items: stretch;
  min-height: 300px;
  width: 100%;
}
.dashboard-row > *,
.dashboard-row-pdf > * {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.dashboard-row-table,
.dashboard-row-pdf-table {
  min-height: 0 !important;
}
.dashboard-row-observation,
.dashboard-row-pdf-observation {
  min-height: 0 !important;
}
.dashboard-row-per-month,
.dashboard-row-pdf-per-month {
  min-height: 65vh;
  max-height: 65vh;
}
.dashboard-row-per-month-pdf,
.dashboard-row-pdf-per-month-pdf {
  min-height: 650px !important;
  max-height: 650px !important;
}
@media (max-width: 991.98px) {
  .dashboard-row {
    flex-direction: column;
    gap: 2rem;
  }
  .dashboard-row .dashboard-bar-chart {
    min-height: 300px;
  }
}
.chart-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dashboard-header-row {
  border-color: #E4E4E4 !important;
  border-width: 1px !important;
  border-radius: 3px !important;
  border-style: solid !important;
  margin: 0 !important;
  width: 100% !important;
}
.dashboard-header-row div {
  width: 100% !important;
  padding: 20px !important;
}
.dashboard-hr {
  border: none;
  border-top: 1px solid #E4E4E4;
  margin: 0;
  width: 100%;
}
.dashboard-table-wrapper {
  position: relative;
}
.dashboard-table-wrapper .menu-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: transparent;
  width: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 9px;
}
.loading-ai-summary {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-row.attention-detail-row {
  display: flex;
  align-items: stretch;
}
.ant-row.attention-detail-row .ant-col {
  display: flex;
  flex-direction: column;
}
.ant-row.attention-detail-row .ant-col .attention-data-container {
  height: 100%;
}
.attention-data-container {
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  border-color: #E4E4E4;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 40px;
  margin: 20px;
}
.justify-text {
  text-align: justify;
}
.refusal-form-doc-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 350px;
}
.refusal-form-doc-group input[type="file"],
.refusal-form-download {
  width: 100%;
  box-sizing: border-box;
}
.empty-icon {
  width: 40px;
  height: 40px;
}
.attention-detail-container {
  margin-left: 11vw;
  margin-right: 11vw;
}
.attention-detail-container .right-col {
  padding-left: 60px;
}
.attention-detail-container .left-col {
  padding-right: 20px;
}
@media (max-width: 991.98px) {
  .attention-detail-container .right-col {
    padding-left: 0 !important;
  }
  .attention-detail-container .left-col {
    padding-right: 0 !important;
  }
}
.recommendations-text {
  column-count: 1;
  column-gap: 40px;
}
@media (min-width: 991.98px) {
  .recommendations-text {
    column-count: 2;
  }
}
.attention-form-container {
  margin-left: 10vw;
  margin-right: 10vw;
}
.attention-form-container .right-col {
  padding-left: 40px;
}
.attention-form-container .left-col {
  padding-right: 40px;
}
@media (max-width: 991.98px) {
  .attention-form-container .right-col {
    padding-left: 0 !important;
  }
  .attention-form-container .left-col {
    padding-right: 0 !important;
  }
}
.add-vs-button {
  width: 3rem !important;
  max-width: 3rem !important;
}
.save-button {
  width: 14rem !important;
  max-width: 14rem !important;
}
.tooltip-icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.tooltip-icon svg {
  width: 1.1em;
  height: 1.1em;
  margin-left: 0.5em;
  vertical-align: middle;
}
.tooltip-icon-sm svg {
  width: 1.3em;
  height: 1.3em;
}
.diagnostics-list .diagnostic-code {
  font-weight: bold;
}
.diagnostics-list .diagnostic-separator {
  margin: 0 8px;
}