/* bootsrap 4 classes */
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
  }
  
  .shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
  }
  
  .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
  }
  
  .shadow-none {
    box-shadow: none !important
  }
  
  .w-25 {
    width: 25% !important
  }
  
  .w-50 {
    width: 50% !important
  }
  
  .w-75 {
    width: 75% !important
  }
  
  .w-100 {
    width: 100% !important
  }
  
  .w-auto {
    width: auto !important
  }
  
  .h-25 {
    height: 25% !important
  }
  
  .h-50 {
    height: 50% !important
  }
  
  .h-75 {
    height: 75% !important
  }
  
  .h-100 {
    height: 100% !important
  }
  
  .h-auto {
    height: auto !important
  }
  
  .mw-100 {
    max-width: 100% !important
  }
  
  .mh-100 {
    max-height: 100% !important
  }
  
  .m-0 {
    margin: 0 !important
  }
  
  .mt-0,
  .my-0 {
    margin-top: 0 !important
  }
  
  .mr-0,
  .mx-0 {
    margin-right: 0 !important
  }
  
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important
  }
  
  .ml-0,
  .mx-0 {
    margin-left: 0 !important
  }
  
  .m-1 {
    margin: .25rem !important
  }
  
  .mt-1,
  .my-1 {
    margin-top: .25rem !important
  }
  
  .mr-1,
  .mx-1 {
    margin-right: .25rem !important
  }
  
  .mb-1,
  .my-1 {
    margin-bottom: .25rem !important
  }
  
  .ml-1,
  .mx-1 {
    margin-left: .25rem !important
  }
  
  .m-2 {
    margin: .5rem !important
  }
  
  .mt-2,
  .my-2 {
    margin-top: .5rem !important
  }
  
  .mr-2,
  .mx-2 {
    margin-right: .5rem !important
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: .5rem !important
  }
  
  .ml-2,
  .mx-2 {
    margin-left: .5rem !important
  }
  
  .m-3 {
    margin: 1rem !important
  }
  
  .mt-3,
  .my-3 {
    margin-top: 1rem !important
  }
  
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important
  }
  
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important
  }
  
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important
  }
  
  .m-4 {
    margin: 1.5rem !important
  }
  
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important
  }
  
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important
  }
  
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important
  }
  
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important
  }
  
  .m-5 {
    margin: 3rem !important
  }
  
  .mt-5,
  .my-5 {
    margin-top: 3rem !important
  }
  
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important
  }
  
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important
  }
  
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important
  }
  
  .p-0 {
    padding: 0 !important
  }
  
  .pt-0,
  .py-0 {
    padding-top: 0 !important
  }
  
  .pr-0,
  .px-0 {
    padding-right: 0 !important
  }
  
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important
  }
  
  .pl-0,
  .px-0 {
    padding-left: 0 !important
  }
  
  .p-1 {
    padding: .25rem !important
  }
  
  .pt-1,
  .py-1 {
    padding-top: .25rem !important
  }
  
  .pr-1,
  .px-1 {
    padding-right: .25rem !important
  }
  
  .pb-1,
  .py-1 {
    padding-bottom: .25rem !important
  }
  
  .pl-1,
  .px-1 {
    padding-left: .25rem !important
  }
  
  .p-2 {
    padding: .5rem !important
  }
  
  .pt-2,
  .py-2 {
    padding-top: .5rem !important
  }
  
  .pr-2,
  .px-2 {
    padding-right: .5rem !important
  }
  
  .pb-2,
  .py-2 {
    padding-bottom: .5rem !important
  }
  
  .pl-2,
  .px-2 {
    padding-left: .5rem !important
  }
  
  .p-3 {
    padding: 1rem !important
  }
  
  .pt-3,
  .py-3 {
    padding-top: 1rem !important
  }
  
  .pr-3,
  .px-3 {
    padding-right: 1rem !important
  }
  
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important
  }
  
  .pl-3,
  .px-3 {
    padding-left: 1rem !important
  }
  
  .p-4 {
    padding: 1.5rem !important
  }
  
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important
  }
  
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important
  }
  
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important
  }
  
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important
  }
  
  .p-5 {
    padding: 3rem !important
  }
  
  .pt-5,
  .py-5 {
    padding-top: 3rem !important
  }
  
  .pr-5,
  .px-5 {
    padding-right: 3rem !important
  }
  
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important
  }
  
  .pl-5,
  .px-5 {
    padding-left: 3rem !important
  }
  
  .m-auto {
    margin: auto !important
  }
  
  .mt-auto,
  .my-auto {
    margin-top: auto !important
  }
  
  .mr-auto,
  .mx-auto {
    margin-right: auto !important
  }
  
  .mb-auto,
  .my-auto {
    margin-bottom: auto !important
  }
  
  .ml-auto,
  .mx-auto {
    margin-left: auto !important
  }
  
  @media (min-width:576px) {
    .m-sm-0 {
      margin: 0 !important
    }
  
    .mt-sm-0,
    .my-sm-0 {
      margin-top: 0 !important
    }
  
    .mr-sm-0,
    .mx-sm-0 {
      margin-right: 0 !important
    }
  
    .mb-sm-0,
    .my-sm-0 {
      margin-bottom: 0 !important
    }
  
    .ml-sm-0,
    .mx-sm-0 {
      margin-left: 0 !important
    }
  
    .m-sm-1 {
      margin: .25rem !important
    }
  
    .mt-sm-1,
    .my-sm-1 {
      margin-top: .25rem !important
    }
  
    .mr-sm-1,
    .mx-sm-1 {
      margin-right: .25rem !important
    }
  
    .mb-sm-1,
    .my-sm-1 {
      margin-bottom: .25rem !important
    }
  
    .ml-sm-1,
    .mx-sm-1 {
      margin-left: .25rem !important
    }
  
    .m-sm-2 {
      margin: .5rem !important
    }
  
    .mt-sm-2,
    .my-sm-2 {
      margin-top: .5rem !important
    }
  
    .mr-sm-2,
    .mx-sm-2 {
      margin-right: .5rem !important
    }
  
    .mb-sm-2,
    .my-sm-2 {
      margin-bottom: .5rem !important
    }
  
    .ml-sm-2,
    .mx-sm-2 {
      margin-left: .5rem !important
    }
  
    .m-sm-3 {
      margin: 1rem !important
    }
  
    .mt-sm-3,
    .my-sm-3 {
      margin-top: 1rem !important
    }
  
    .mr-sm-3,
    .mx-sm-3 {
      margin-right: 1rem !important
    }
  
    .mb-sm-3,
    .my-sm-3 {
      margin-bottom: 1rem !important
    }
  
    .ml-sm-3,
    .mx-sm-3 {
      margin-left: 1rem !important
    }
  
    .m-sm-4 {
      margin: 1.5rem !important
    }
  
    .mt-sm-4,
    .my-sm-4 {
      margin-top: 1.5rem !important
    }
  
    .mr-sm-4,
    .mx-sm-4 {
      margin-right: 1.5rem !important
    }
  
    .mb-sm-4,
    .my-sm-4 {
      margin-bottom: 1.5rem !important
    }
  
    .ml-sm-4,
    .mx-sm-4 {
      margin-left: 1.5rem !important
    }
  
    .m-sm-5 {
      margin: 3rem !important
    }
  
    .mt-sm-5,
    .my-sm-5 {
      margin-top: 3rem !important
    }
  
    .mr-sm-5,
    .mx-sm-5 {
      margin-right: 3rem !important
    }
  
    .mb-sm-5,
    .my-sm-5 {
      margin-bottom: 3rem !important
    }
  
    .ml-sm-5,
    .mx-sm-5 {
      margin-left: 3rem !important
    }
  
    .p-sm-0 {
      padding: 0 !important
    }
  
    .pt-sm-0,
    .py-sm-0 {
      padding-top: 0 !important
    }
  
    .pr-sm-0,
    .px-sm-0 {
      padding-right: 0 !important
    }
  
    .pb-sm-0,
    .py-sm-0 {
      padding-bottom: 0 !important
    }
  
    .pl-sm-0,
    .px-sm-0 {
      padding-left: 0 !important
    }
  
    .p-sm-1 {
      padding: .25rem !important
    }
  
    .pt-sm-1,
    .py-sm-1 {
      padding-top: .25rem !important
    }
  
    .pr-sm-1,
    .px-sm-1 {
      padding-right: .25rem !important
    }
  
    .pb-sm-1,
    .py-sm-1 {
      padding-bottom: .25rem !important
    }
  
    .pl-sm-1,
    .px-sm-1 {
      padding-left: .25rem !important
    }
  
    .p-sm-2 {
      padding: .5rem !important
    }
  
    .pt-sm-2,
    .py-sm-2 {
      padding-top: .5rem !important
    }
  
    .pr-sm-2,
    .px-sm-2 {
      padding-right: .5rem !important
    }
  
    .pb-sm-2,
    .py-sm-2 {
      padding-bottom: .5rem !important
    }
  
    .pl-sm-2,
    .px-sm-2 {
      padding-left: .5rem !important
    }
  
    .p-sm-3 {
      padding: 1rem !important
    }
  
    .pt-sm-3,
    .py-sm-3 {
      padding-top: 1rem !important
    }
  
    .pr-sm-3,
    .px-sm-3 {
      padding-right: 1rem !important
    }
  
    .pb-sm-3,
    .py-sm-3 {
      padding-bottom: 1rem !important
    }
  
    .pl-sm-3,
    .px-sm-3 {
      padding-left: 1rem !important
    }
  
    .p-sm-4 {
      padding: 1.5rem !important
    }
  
    .pt-sm-4,
    .py-sm-4 {
      padding-top: 1.5rem !important
    }
  
    .pr-sm-4,
    .px-sm-4 {
      padding-right: 1.5rem !important
    }
  
    .pb-sm-4,
    .py-sm-4 {
      padding-bottom: 1.5rem !important
    }
  
    .pl-sm-4,
    .px-sm-4 {
      padding-left: 1.5rem !important
    }
  
    .p-sm-5 {
      padding: 3rem !important
    }
  
    .pt-sm-5,
    .py-sm-5 {
      padding-top: 3rem !important
    }
  
    .pr-sm-5,
    .px-sm-5 {
      padding-right: 3rem !important
    }
  
    .pb-sm-5,
    .py-sm-5 {
      padding-bottom: 3rem !important
    }
  
    .pl-sm-5,
    .px-sm-5 {
      padding-left: 3rem !important
    }
  
    .m-sm-auto {
      margin: auto !important
    }
  
    .mt-sm-auto,
    .my-sm-auto {
      margin-top: auto !important
    }
  
    .mr-sm-auto,
    .mx-sm-auto {
      margin-right: auto !important
    }
  
    .mb-sm-auto,
    .my-sm-auto {
      margin-bottom: auto !important
    }
  
    .ml-sm-auto,
    .mx-sm-auto {
      margin-left: auto !important
    }
  }
  
  @media (min-width:768px) {
    .m-md-0 {
      margin: 0 !important
    }
  
    .mt-md-0,
    .my-md-0 {
      margin-top: 0 !important
    }
  
    .mr-md-0,
    .mx-md-0 {
      margin-right: 0 !important
    }
  
    .mb-md-0,
    .my-md-0 {
      margin-bottom: 0 !important
    }
  
    .ml-md-0,
    .mx-md-0 {
      margin-left: 0 !important
    }
  
    .m-md-1 {
      margin: .25rem !important
    }
  
    .mt-md-1,
    .my-md-1 {
      margin-top: .25rem !important
    }
  
    .mr-md-1,
    .mx-md-1 {
      margin-right: .25rem !important
    }
  
    .mb-md-1,
    .my-md-1 {
      margin-bottom: .25rem !important
    }
  
    .ml-md-1,
    .mx-md-1 {
      margin-left: .25rem !important
    }
  
    .m-md-2 {
      margin: .5rem !important
    }
  
    .mt-md-2,
    .my-md-2 {
      margin-top: .5rem !important
    }
  
    .mr-md-2,
    .mx-md-2 {
      margin-right: .5rem !important
    }
  
    .mb-md-2,
    .my-md-2 {
      margin-bottom: .5rem !important
    }
  
    .ml-md-2,
    .mx-md-2 {
      margin-left: .5rem !important
    }
  
    .m-md-3 {
      margin: 1rem !important
    }
  
    .mt-md-3,
    .my-md-3 {
      margin-top: 1rem !important
    }
  
    .mr-md-3,
    .mx-md-3 {
      margin-right: 1rem !important
    }
  
    .mb-md-3,
    .my-md-3 {
      margin-bottom: 1rem !important
    }
  
    .ml-md-3,
    .mx-md-3 {
      margin-left: 1rem !important
    }
  
    .m-md-4 {
      margin: 1.5rem !important
    }
  
    .mt-md-4,
    .my-md-4 {
      margin-top: 1.5rem !important
    }
  
    .mr-md-4,
    .mx-md-4 {
      margin-right: 1.5rem !important
    }
  
    .mb-md-4,
    .my-md-4 {
      margin-bottom: 1.5rem !important
    }
  
    .ml-md-4,
    .mx-md-4 {
      margin-left: 1.5rem !important
    }
  
    .m-md-5 {
      margin: 3rem !important
    }
  
    .mt-md-5,
    .my-md-5 {
      margin-top: 3rem !important
    }
  
    .mr-md-5,
    .mx-md-5 {
      margin-right: 3rem !important
    }
  
    .mb-md-5,
    .my-md-5 {
      margin-bottom: 3rem !important
    }
  
    .ml-md-5,
    .mx-md-5 {
      margin-left: 3rem !important
    }
  
    .p-md-0 {
      padding: 0 !important
    }
  
    .pt-md-0,
    .py-md-0 {
      padding-top: 0 !important
    }
  
    .pr-md-0,
    .px-md-0 {
      padding-right: 0 !important
    }
  
    .pb-md-0,
    .py-md-0 {
      padding-bottom: 0 !important
    }
  
    .pl-md-0,
    .px-md-0 {
      padding-left: 0 !important
    }
  
    .p-md-1 {
      padding: .25rem !important
    }
  
    .pt-md-1,
    .py-md-1 {
      padding-top: .25rem !important
    }
  
    .pr-md-1,
    .px-md-1 {
      padding-right: .25rem !important
    }
  
    .pb-md-1,
    .py-md-1 {
      padding-bottom: .25rem !important
    }
  
    .pl-md-1,
    .px-md-1 {
      padding-left: .25rem !important
    }
  
    .p-md-2 {
      padding: .5rem !important
    }
  
    .pt-md-2,
    .py-md-2 {
      padding-top: .5rem !important
    }
  
    .pr-md-2,
    .px-md-2 {
      padding-right: .5rem !important
    }
  
    .pb-md-2,
    .py-md-2 {
      padding-bottom: .5rem !important
    }
  
    .pl-md-2,
    .px-md-2 {
      padding-left: .5rem !important
    }
  
    .p-md-3 {
      padding: 1rem !important
    }
  
    .pt-md-3,
    .py-md-3 {
      padding-top: 1rem !important
    }
  
    .pr-md-3,
    .px-md-3 {
      padding-right: 1rem !important
    }
  
    .pb-md-3,
    .py-md-3 {
      padding-bottom: 1rem !important
    }
  
    .pl-md-3,
    .px-md-3 {
      padding-left: 1rem !important
    }
  
    .p-md-4 {
      padding: 1.5rem !important
    }
  
    .pt-md-4,
    .py-md-4 {
      padding-top: 1.5rem !important
    }
  
    .pr-md-4,
    .px-md-4 {
      padding-right: 1.5rem !important
    }
  
    .pb-md-4,
    .py-md-4 {
      padding-bottom: 1.5rem !important
    }
  
    .pl-md-4,
    .px-md-4 {
      padding-left: 1.5rem !important
    }
  
    .p-md-5 {
      padding: 3rem !important
    }
  
    .pt-md-5,
    .py-md-5 {
      padding-top: 3rem !important
    }
  
    .pr-md-5,
    .px-md-5 {
      padding-right: 3rem !important
    }
  
    .pb-md-5,
    .py-md-5 {
      padding-bottom: 3rem !important
    }
  
    .pl-md-5,
    .px-md-5 {
      padding-left: 3rem !important
    }
  
    .m-md-auto {
      margin: auto !important
    }
  
    .mt-md-auto,
    .my-md-auto {
      margin-top: auto !important
    }
  
    .mr-md-auto,
    .mx-md-auto {
      margin-right: auto !important
    }
  
    .mb-md-auto,
    .my-md-auto {
      margin-bottom: auto !important
    }
  
    .ml-md-auto,
    .mx-md-auto {
      margin-left: auto !important
    }
  }
  
  @media (min-width:992px) {
    .m-lg-0 {
      margin: 0 !important
    }
  
    .mt-lg-0,
    .my-lg-0 {
      margin-top: 0 !important
    }
  
    .mr-lg-0,
    .mx-lg-0 {
      margin-right: 0 !important
    }
  
    .mb-lg-0,
    .my-lg-0 {
      margin-bottom: 0 !important
    }
  
    .ml-lg-0,
    .mx-lg-0 {
      margin-left: 0 !important
    }
  
    .m-lg-1 {
      margin: .25rem !important
    }
  
    .mt-lg-1,
    .my-lg-1 {
      margin-top: .25rem !important
    }
  
    .mr-lg-1,
    .mx-lg-1 {
      margin-right: .25rem !important
    }
  
    .mb-lg-1,
    .my-lg-1 {
      margin-bottom: .25rem !important
    }
  
    .ml-lg-1,
    .mx-lg-1 {
      margin-left: .25rem !important
    }
  
    .m-lg-2 {
      margin: .5rem !important
    }
  
    .mt-lg-2,
    .my-lg-2 {
      margin-top: .5rem !important
    }
  
    .mr-lg-2,
    .mx-lg-2 {
      margin-right: .5rem !important
    }
  
    .mb-lg-2,
    .my-lg-2 {
      margin-bottom: .5rem !important
    }
  
    .ml-lg-2,
    .mx-lg-2 {
      margin-left: .5rem !important
    }
  
    .m-lg-3 {
      margin: 1rem !important
    }
  
    .mt-lg-3,
    .my-lg-3 {
      margin-top: 1rem !important
    }
  
    .mr-lg-3,
    .mx-lg-3 {
      margin-right: 1rem !important
    }
  
    .mb-lg-3,
    .my-lg-3 {
      margin-bottom: 1rem !important
    }
  
    .ml-lg-3,
    .mx-lg-3 {
      margin-left: 1rem !important
    }
  
    .m-lg-4 {
      margin: 1.5rem !important
    }
  
    .mt-lg-4,
    .my-lg-4 {
      margin-top: 1.5rem !important
    }
  
    .mr-lg-4,
    .mx-lg-4 {
      margin-right: 1.5rem !important
    }
  
    .mb-lg-4,
    .my-lg-4 {
      margin-bottom: 1.5rem !important
    }
  
    .ml-lg-4,
    .mx-lg-4 {
      margin-left: 1.5rem !important
    }
  
    .m-lg-5 {
      margin: 3rem !important
    }
  
    .mt-lg-5,
    .my-lg-5 {
      margin-top: 3rem !important
    }
  
    .mr-lg-5,
    .mx-lg-5 {
      margin-right: 3rem !important
    }
  
    .mb-lg-5,
    .my-lg-5 {
      margin-bottom: 3rem !important
    }
  
    .ml-lg-5,
    .mx-lg-5 {
      margin-left: 3rem !important
    }
  
    .p-lg-0 {
      padding: 0 !important
    }
  
    .pt-lg-0,
    .py-lg-0 {
      padding-top: 0 !important
    }
  
    .pr-lg-0,
    .px-lg-0 {
      padding-right: 0 !important
    }
  
    .pb-lg-0,
    .py-lg-0 {
      padding-bottom: 0 !important
    }
  
    .pl-lg-0,
    .px-lg-0 {
      padding-left: 0 !important
    }
  
    .p-lg-1 {
      padding: .25rem !important
    }
  
    .pt-lg-1,
    .py-lg-1 {
      padding-top: .25rem !important
    }
  
    .pr-lg-1,
    .px-lg-1 {
      padding-right: .25rem !important
    }
  
    .pb-lg-1,
    .py-lg-1 {
      padding-bottom: .25rem !important
    }
  
    .pl-lg-1,
    .px-lg-1 {
      padding-left: .25rem !important
    }
  
    .p-lg-2 {
      padding: .5rem !important
    }
  
    .pt-lg-2,
    .py-lg-2 {
      padding-top: .5rem !important
    }
  
    .pr-lg-2,
    .px-lg-2 {
      padding-right: .5rem !important
    }
  
    .pb-lg-2,
    .py-lg-2 {
      padding-bottom: .5rem !important
    }
  
    .pl-lg-2,
    .px-lg-2 {
      padding-left: .5rem !important
    }
  
    .p-lg-3 {
      padding: 1rem !important
    }
  
    .pt-lg-3,
    .py-lg-3 {
      padding-top: 1rem !important
    }
  
    .pr-lg-3,
    .px-lg-3 {
      padding-right: 1rem !important
    }
  
    .pb-lg-3,
    .py-lg-3 {
      padding-bottom: 1rem !important
    }
  
    .pl-lg-3,
    .px-lg-3 {
      padding-left: 1rem !important
    }
  
    .p-lg-4 {
      padding: 1.5rem !important
    }
  
    .pt-lg-4,
    .py-lg-4 {
      padding-top: 1.5rem !important
    }
  
    .pr-lg-4,
    .px-lg-4 {
      padding-right: 1.5rem !important
    }
  
    .pb-lg-4,
    .py-lg-4 {
      padding-bottom: 1.5rem !important
    }
  
    .pl-lg-4,
    .px-lg-4 {
      padding-left: 1.5rem !important
    }
  
    .p-lg-5 {
      padding: 3rem !important
    }
  
    .pt-lg-5,
    .py-lg-5 {
      padding-top: 3rem !important
    }
  
    .pr-lg-5,
    .px-lg-5 {
      padding-right: 3rem !important
    }
  
    .pb-lg-5,
    .py-lg-5 {
      padding-bottom: 3rem !important
    }
  
    .pl-lg-5,
    .px-lg-5 {
      padding-left: 3rem !important
    }
  
    .m-lg-auto {
      margin: auto !important
    }
  
    .mt-lg-auto,
    .my-lg-auto {
      margin-top: auto !important
    }
  
    .mr-lg-auto,
    .mx-lg-auto {
      margin-right: auto !important
    }
  
    .mb-lg-auto,
    .my-lg-auto {
      margin-bottom: auto !important
    }
  
    .ml-lg-auto,
    .mx-lg-auto {
      margin-left: auto !important
    }
  }
  
  @media (min-width:1200px) {
    .m-xl-0 {
      margin: 0 !important
    }
  
    .mt-xl-0,
    .my-xl-0 {
      margin-top: 0 !important
    }
  
    .mr-xl-0,
    .mx-xl-0 {
      margin-right: 0 !important
    }
  
    .mb-xl-0,
    .my-xl-0 {
      margin-bottom: 0 !important
    }
  
    .ml-xl-0,
    .mx-xl-0 {
      margin-left: 0 !important
    }
  
    .m-xl-1 {
      margin: .25rem !important
    }
  
    .mt-xl-1,
    .my-xl-1 {
      margin-top: .25rem !important
    }
  
    .mr-xl-1,
    .mx-xl-1 {
      margin-right: .25rem !important
    }
  
    .mb-xl-1,
    .my-xl-1 {
      margin-bottom: .25rem !important
    }
  
    .ml-xl-1,
    .mx-xl-1 {
      margin-left: .25rem !important
    }
  
    .m-xl-2 {
      margin: .5rem !important
    }
  
    .mt-xl-2,
    .my-xl-2 {
      margin-top: .5rem !important
    }
  
    .mr-xl-2,
    .mx-xl-2 {
      margin-right: .5rem !important
    }
  
    .mb-xl-2,
    .my-xl-2 {
      margin-bottom: .5rem !important
    }
  
    .ml-xl-2,
    .mx-xl-2 {
      margin-left: .5rem !important
    }
  
    .m-xl-3 {
      margin: 1rem !important
    }
  
    .mt-xl-3,
    .my-xl-3 {
      margin-top: 1rem !important
    }
  
    .mr-xl-3,
    .mx-xl-3 {
      margin-right: 1rem !important
    }
  
    .mb-xl-3,
    .my-xl-3 {
      margin-bottom: 1rem !important
    }
  
    .ml-xl-3,
    .mx-xl-3 {
      margin-left: 1rem !important
    }
  
    .m-xl-4 {
      margin: 1.5rem !important
    }
  
    .mt-xl-4,
    .my-xl-4 {
      margin-top: 1.5rem !important
    }
  
    .mr-xl-4,
    .mx-xl-4 {
      margin-right: 1.5rem !important
    }
  
    .mb-xl-4,
    .my-xl-4 {
      margin-bottom: 1.5rem !important
    }
  
    .ml-xl-4,
    .mx-xl-4 {
      margin-left: 1.5rem !important
    }
  
    .m-xl-5 {
      margin: 3rem !important
    }
  
    .mt-xl-5,
    .my-xl-5 {
      margin-top: 3rem !important
    }
  
    .mr-xl-5,
    .mx-xl-5 {
      margin-right: 3rem !important
    }
  
    .mb-xl-5,
    .my-xl-5 {
      margin-bottom: 3rem !important
    }
  
    .ml-xl-5,
    .mx-xl-5 {
      margin-left: 3rem !important
    }
  
    .p-xl-0 {
      padding: 0 !important
    }
  
    .pt-xl-0,
    .py-xl-0 {
      padding-top: 0 !important
    }
  
    .pr-xl-0,
    .px-xl-0 {
      padding-right: 0 !important
    }
  
    .pb-xl-0,
    .py-xl-0 {
      padding-bottom: 0 !important
    }
  
    .pl-xl-0,
    .px-xl-0 {
      padding-left: 0 !important
    }
  
    .p-xl-1 {
      padding: .25rem !important
    }
  
    .pt-xl-1,
    .py-xl-1 {
      padding-top: .25rem !important
    }
  
    .pr-xl-1,
    .px-xl-1 {
      padding-right: .25rem !important
    }
  
    .pb-xl-1,
    .py-xl-1 {
      padding-bottom: .25rem !important
    }
  
    .pl-xl-1,
    .px-xl-1 {
      padding-left: .25rem !important
    }
  
    .p-xl-2 {
      padding: .5rem !important
    }
  
    .pt-xl-2,
    .py-xl-2 {
      padding-top: .5rem !important
    }
  
    .pr-xl-2,
    .px-xl-2 {
      padding-right: .5rem !important
    }
  
    .pb-xl-2,
    .py-xl-2 {
      padding-bottom: .5rem !important
    }
  
    .pl-xl-2,
    .px-xl-2 {
      padding-left: .5rem !important
    }
  
    .p-xl-3 {
      padding: 1rem !important
    }
  
    .pt-xl-3,
    .py-xl-3 {
      padding-top: 1rem !important
    }
  
    .pr-xl-3,
    .px-xl-3 {
      padding-right: 1rem !important
    }
  
    .pb-xl-3,
    .py-xl-3 {
      padding-bottom: 1rem !important
    }
  
    .pl-xl-3,
    .px-xl-3 {
      padding-left: 1rem !important
    }
  
    .p-xl-4 {
      padding: 1.5rem !important
    }
  
    .pt-xl-4,
    .py-xl-4 {
      padding-top: 1.5rem !important
    }
  
    .pr-xl-4,
    .px-xl-4 {
      padding-right: 1.5rem !important
    }
  
    .pb-xl-4,
    .py-xl-4 {
      padding-bottom: 1.5rem !important
    }
  
    .pl-xl-4,
    .px-xl-4 {
      padding-left: 1.5rem !important
    }
  
    .p-xl-5 {
      padding: 3rem !important
    }
  
    .pt-xl-5,
    .py-xl-5 {
      padding-top: 3rem !important
    }
  
    .pr-xl-5,
    .px-xl-5 {
      padding-right: 3rem !important
    }
  
    .pb-xl-5,
    .py-xl-5 {
      padding-bottom: 3rem !important
    }
  
    .pl-xl-5,
    .px-xl-5 {
      padding-left: 3rem !important
    }
  
    .m-xl-auto {
      margin: auto !important
    }
  
    .mt-xl-auto,
    .my-xl-auto {
      margin-top: auto !important
    }
  
    .mr-xl-auto,
    .mx-xl-auto {
      margin-right: auto !important
    }
  
    .mb-xl-auto,
    .my-xl-auto {
      margin-bottom: auto !important
    }
  
    .ml-xl-auto,
    .mx-xl-auto {
      margin-left: auto !important
    }
  }
  
  .text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
  }
  
  .text-justify {
    text-align: justify !important
  }
  
  .text-nowrap {
    white-space: nowrap !important
  }
  
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  
  .text-left {
    text-align: left !important
  }
  
  .text-right {
    text-align: right !important
  }
  
  .text-center {
    text-align: center !important
  }
  
  @media (min-width:576px) {
    .text-sm-left {
      text-align: left !important
    }
  
    .text-sm-right {
      text-align: right !important
    }
  
    .text-sm-center {
      text-align: center !important
    }
  }
  
  @media (min-width:768px) {
    .text-md-left {
      text-align: left !important
    }
  
    .text-md-right {
      text-align: right !important
    }
  
    .text-md-center {
      text-align: center !important
    }
  }
  
  @media (min-width:992px) {
    .text-lg-left {
      text-align: left !important
    }
  
    .text-lg-right {
      text-align: right !important
    }
  
    .text-lg-center {
      text-align: center !important
    }
  }
  
  @media (min-width:1200px) {
    .text-xl-left {
      text-align: left !important
    }
  
    .text-xl-right {
      text-align: right !important
    }
  
    .text-xl-center {
      text-align: center !important
    }
  }
  
  .text-lowercase {
    text-transform: lowercase !important
  }
  
  .text-uppercase {
    text-transform: uppercase !important
  }
  
  .text-capitalize {
    text-transform: capitalize !important
  }
  
  .font-weight-light {
    font-weight: 300 !important
  }
  
  .font-weight-normal {
    font-weight: 400 !important
  }
  
  .font-weight-bold {
    font-weight: 700 !important
  }
  
  .font-italic {
    font-style: italic !important
  }
  
  .text-white {
    color: #fff !important
  }
  
  .text-primary {
    color: #007bff !important
  }
  
  a.text-primary:focus,
  a.text-primary:hover {
    color: #0062cc !important
  }
  
  .text-secondary {
    color: #6c757d !important
  }
  
  a.text-secondary:focus,
  a.text-secondary:hover {
    color: #545b62 !important
  }
  
  .text-success {
    color: #28a745 !important
  }
  
  a.text-success:focus,
  a.text-success:hover {
    color: #1e7e34 !important
  }
  
  .text-info {
    color: #17a2b8 !important
  }
  
  a.text-info:focus,
  a.text-info:hover {
    color: #117a8b !important
  }
  
  .text-warning {
    color: #ffc107 !important
  }
  
  a.text-warning:focus,
  a.text-warning:hover {
    color: #d39e00 !important
  }
  
  .text-danger {
    color: red !important
  }
  
  a.text-danger:focus,
  a.text-danger:hover {
    color: red !important
  }
  
  .text-light {
    color: #f8f9fa !important
  }
  
  a.text-light:focus,
  a.text-light:hover {
    color: #dae0e5 !important
  }
  
  .text-dark {
    color: #343a40 !important
  }
  
  a.text-dark:focus,
  a.text-dark:hover {
    color: #1d2124 !important
  }
  
  .text-body {
    color: #212529 !important
  }
  
  .text-muted {
    color: #6c757d !important
  }
  
  .text-black-50 {
    color: rgba(0, 0, 0, .5) !important
  }
  
  .text-white-50 {
    color: rgba(255, 255, 255, .5) !important
  }
  
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
  }
  
  .visible {
    visibility: visible !important
  }
  
  .invisible {
    visibility: hidden !important
  }
  
  .bg-primary {
    background-color: #007bff !important
  }
  
  a.bg-primary:focus,
  a.bg-primary:hover,
  button.bg-primary:focus,
  button.bg-primary:hover {
    background-color: #0062cc !important
  }
  
  .bg-secondary {
    background-color: #6c757d !important
  }
  
  a.bg-secondary:focus,
  a.bg-secondary:hover,
  button.bg-secondary:focus,
  button.bg-secondary:hover {
    background-color: #545b62 !important
  }
  
  .bg-success {
    background-color: #28a745 !important
  }
  
  a.bg-success:focus,
  a.bg-success:hover,
  button.bg-success:focus,
  button.bg-success:hover {
    background-color: #1e7e34 !important
  }
  
  .bg-info {
    background-color: #17a2b8 !important
  }
  
  a.bg-info:focus,
  a.bg-info:hover,
  button.bg-info:focus,
  button.bg-info:hover {
    background-color: #117a8b !important
  }
  
  .bg-warning {
    background-color: #ffc107 !important
  }
  
  a.bg-warning:focus,
  a.bg-warning:hover,
  button.bg-warning:focus,
  button.bg-warning:hover {
    background-color: #d39e00 !important
  }
  
  .bg-danger {
    background-color: #dc3545 !important
  }
  
  a.bg-danger:focus,
  a.bg-danger:hover,
  button.bg-danger:focus,
  button.bg-danger:hover {
    background-color: #bd2130 !important
  }
  
  .bg-light {
    background-color: #f8f9fa !important
  }
  
  a.bg-light:focus,
  a.bg-light:hover,
  button.bg-light:focus,
  button.bg-light:hover {
    background-color: #dae0e5 !important
  }
  
  .bg-dark {
    background-color: #343a40 !important
  }
  
  a.bg-dark:focus,
  a.bg-dark:hover,
  button.bg-dark:focus,
  button.bg-dark:hover {
    background-color: #1d2124 !important
  }
  
  .bg-white {
    background-color: #fff !important
  }
  
  .bg-transparent {
    background-color: transparent !important
  }
  .row-flex{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
  .border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}
  .float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}
  .order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}
  .d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}
  /* bootsrap 4 classes */