.m-auto {
  margin: 0 auto !important;
}

.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-r-3 {
  margin-right: 3px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40px {
  padding-top: 40px;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-t-1 {
  padding-top: 1px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-r-1 {
  padding-right: 1px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.pb-100px {
    padding-bottom: 100px;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-1 {
  padding-bottom: 1px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-l-1 {
  padding-left: 1px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.f-s-0 {
  font-size: 0px !important;
}

.f-s-1 {
  font-size: 1px !important;
}

.f-s-2 {
  font-size: 2px !important;
}

.f-s-3 {
  font-size: 3px !important;
}

.f-s-4 {
  font-size: 4px !important;
}

.f-s-5 {
  font-size: 5px !important;
}

.f-s-6 {
  font-size: 6px !important;
}

.f-s-7 {
  font-size: 7px !important;
}

.f-s-8 {
  font-size: 8px !important;
}

.f-s-9 {
  font-size: 9px !important;
}

.f-s-10 {
  font-size: 10px !important;
}

.f-s-11 {
  font-size: 11px !important;
}

.f-s-12 {
  font-size: 12px !important;
}

.f-s-13 {
  font-size: 13px !important;
}

.f-s-14 {
  font-size: 14px !important;
}

.f-s-15 {
  font-size: 15px !important;
}

.f-s-16 {
  font-size: 16px !important;
}

.f-s-17 {
  font-size: 17px !important;
}

.f-s-18 {
  font-size: 18px !important;
}

.f-s-19 {
  font-size: 19px !important;
}

.f-s-20 {
  font-size: 20px !important;
}

.l-h-0 {
  line-height: 0px !important;
}

.l-h-1 {
  line-height: 1px !important;
}

.l-h-2 {
  line-height: 2px !important;
}

.l-h-3 {
  line-height: 3px !important;
}

.l-h-4 {
  line-height: 4px !important;
}

.l-h-5 {
  line-height: 5px !important;
}

.l-h-6 {
  line-height: 6px !important;
}

.l-h-7 {
  line-height: 7px !important;
}

.l-h-8 {
  line-height: 8px !important;
}

.l-h-9 {
  line-height: 9px !important;
}

.l-h-10 {
  line-height: 10px !important;
}

.l-h-11 {
  line-height: 11px !important;
}

.l-h-12 {
  line-height: 12px !important;
}

.l-h-13 {
  line-height: 13px !important;
}

.l-h-14 {
  line-height: 14px !important;
}

.l-h-15 {
  line-height: 15px !important;
}

.l-h-16 {
  line-height: 16px !important;
}

.l-h-17 {
  line-height: 17px !important;
}

.l-h-18 {
  line-height: 18px !important;
}

.l-h-19 {
  line-height: 19px !important;
}

.l-h-20 {
  line-height: 20px !important;
}

.l-h-20 {
  line-height: 20px !important;
}

.l-h-21 {
  line-height: 21px !important;
}

.l-h-22 {
  line-height: 22px !important;
}

.l-h-23 {
  line-height: 23px !important;
}

.l-h-24 {
  line-height: 24px !important;
}

.l-h-25 {
  line-height: 25px !important;
}

.l-h-26 {
  line-height: 26px !important;
}

.l-h-27 {
  line-height: 27px !important;
}

.l-h-28 {
  line-height: 28px !important;
}

.l-h-29 {
  line-height: 29px !important;
}

.l-h-30 {
  line-height: 30px !important;
}

.t-plus-1 {
  position: relative !important;
  top: 1px !important;
}

.t-plus-2 {
  position: relative !important;
  top: 2px !important;
}

.t-plus-3 {
  position: relative !important;
  top: 3px !important;
}

.t-plus-4 {
  position: relative !important;
  top: 4px !important;
}

.t-plus-5 {
  position: relative !important;
  top: 5px !important;
}

.t-plus-6 {
  position: relative !important;
  top: 6px !important;
}

.t-plus-7 {
  position: relative !important;
  top: 7px !important;
}

.t-plus-8 {
  position: relative !important;
  top: 8px !important;
}

.t-plus-9 {
  position: relative !important;
  top: 9px !important;
}

.t-plus-10 {
  position: relative !important;
  top: 10px !important;
}

.t-minus-1 {
  position: relative !important;
  top: -1px !important;
}

.t-minus-2 {
  position: relative !important;
  top: -2px !important;
}

.t-minus-3 {
  position: relative !important;
  top: -3px !important;
}

.t-minus-4 {
  position: relative !important;
  top: -4px !important;
}

.t-minus-5 {
  position: relative !important;
  top: -5px !important;
}

.t-minus-6 {
  position: relative !important;
  top: -6px !important;
}

.t-minus-7 {
  position: relative !important;
  top: -7px !important;
}

.t-minus-8 {
  position: relative !important;
  top: -8px !important;
}

.t-minus-9 {
  position: relative !important;
  top: -9px !important;
}

.t-minus-10 {
  position: relative !important;
  top: -10px !important;
}

.l-plus-1 {
  position: relative !important;
  left: 1px !important;
}

.l-plus-2 {
  position: relative !important;
  left: 2px !important;
}

.l-plus-3 {
  position: relative !important;
  left: 3px !important;
}

.l-plus-4 {
  position: relative !important;
  left: 4px !important;
}

.l-plus-5 {
  position: relative !important;
  left: 5px !important;
}

.l-plus-6 {
  position: relative !important;
  left: 6px !important;
}

.l-plus-7 {
  position: relative !important;
  left: 7px !important;
}

.l-plus-8 {
  position: relative !important;
  left: 8px !important;
}

.l-plus-9 {
  position: relative !important;
  left: 9px !important;
}

.l-plus-10 {
  position: relative !important;
  left: 10px !important;
}

.l-minus-1 {
  position: relative !important;
  left: -1px !important;
}

.l-minus-2 {
  position: relative !important;
  left: -2px !important;
}

.l-minus-3 {
  position: relative !important;
  left: -3px !important;
}

.l-minus-4 {
  position: relative !important;
  left: -4px !important;
}

.l-minus-5 {
  position: relative !important;
  left: -5px !important;
}

.l-minus-6 {
  position: relative !important;
  left: -6px !important;
}

.l-minus-7 {
  position: relative !important;
  left: -7px !important;
}

.l-minus-8 {
  position: relative !important;
  left: -8px !important;
}

.l-minus-9 {
  position: relative !important;
  left: -9px !important;
}

.l-minus-10 {
  position: relative !important;
  left: -10px !important;
}

.r-plus-1 {
  position: relative !important;
  right: 1px !important;
}

.r-plus-2 {
  position: relative !important;
  right: 2px !important;
}

.r-plus-3 {
  position: relative !important;
  right: 3px !important;
}

.r-plus-4 {
  position: relative !important;
  right: 4px !important;
}

.r-plus-5 {
  position: relative !important;
  right: 5px !important;
}

.r-plus-6 {
  position: relative !important;
  right: 6px !important;
}

.r-plus-7 {
  position: relative !important;
  right: 7px !important;
}

.r-plus-8 {
  position: relative !important;
  right: 8px !important;
}

.r-plus-9 {
  position: relative !important;
  right: 9px !important;
}

.r-plus-10 {
  position: relative !important;
  right: 10px !important;
}

.r-minus-1 {
  position: relative !important;
  right: -1px !important;
}

.r-minus-2 {
  position: relative !important;
  right: -2px !important;
}

.r-minus-3 {
  position: relative !important;
  right: -3px !important;
}

.r-minus-4 {
  position: relative !important;
  right: -4px !important;
}

.r-minus-5 {
  position: relative !important;
  right: -5px !important;
}

.r-minus-6 {
  position: relative !important;
  right: -6px !important;
}

.r-minus-7 {
  position: relative !important;
  right: -7px !important;
}

.r-minus-8 {
  position: relative !important;
  right: -8px !important;
}

.r-minus-9 {
  position: relative !important;
  right: -9px !important;
}

.r-minus-10 {
  position: relative !important;
  right: -10px !important;
}

.b-plus-1 {
  position: relative !important;
  bottom: 1px !important;
}

.b-plus-2 {
  position: relative !important;
  bottom: 2px !important;
}

.b-plus-3 {
  position: relative !important;
  bottom: 3px !important;
}

.b-plus-4 {
  position: relative !important;
  bottom: 4px !important;
}

.b-plus-5 {
  position: relative !important;
  bottom: 5px !important;
}

.b-plus-6 {
  position: relative !important;
  bottom: 6px !important;
}

.b-plus-7 {
  position: relative !important;
  bottom: 7px !important;
}

.b-plus-8 {
  position: relative !important;
  bottom: 8px !important;
}

.b-plus-9 {
  position: relative !important;
  bottom: 9px !important;
}

.b-plus-10 {
  position: relative !important;
  bottom: 10px !important;
}

.b-minus-1 {
  position: relative !important;
  bottom: -1px !important;
}

.b-minus-2 {
  position: relative !important;
  bottom: -2px !important;
}

.b-minus-3 {
  position: relative !important;
  bottom: -3px !important;
}

.b-minus-4 {
  position: relative !important;
  bottom: -4px !important;
}

.b-minus-5 {
  position: relative !important;
  bottom: -5px !important;
}

.b-minus-6 {
  position: relative !important;
  bottom: -6px !important;
}

.b-minus-7 {
  position: relative !important;
  bottom: -7px !important;
}

.b-minus-8 {
  position: relative !important;
  bottom: -8px !important;
}

.b-minus-9 {
  position: relative !important;
  bottom: -9px !important;
}

.b-minus-10 {
  position: relative !important;
  bottom: -10px !important;
}

.hide {
  display: none !important;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.pull-none {
  float: none !important;
}

.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600,
.semi-bold {
  font-weight: 600 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}

/*app swith*/

.app-switch {
  width: 114px;
}

.logo-app-switch img {
  width: 55px;
}

/*helper & color*/
.no-border {
  border: 0 !important;
}

.b-0 {
  border: 0 !important;
}

.b-t-0 {
  border-top: 0 !important;
}

.b-r-0 {
  border-right: 0 !important;
}

.b-b-0 {
  border-bottom: 0 !important;
}

.b-l-0 {
  border-left: 0 !important;
}

.b-1 {
  border: 1px solid #f2f3f4 !important;
}

.b-t-1 {
  border-top: 1px solid #f2f3f4 !important;
}

.b-r-1 {
  border-right: 1px solid #f2f3f4 !important;
}

.b-b-1 {
  border-bottom: 1px solid #f2f3f4 !important;
}

.b-l-1 {
  border-left: 1px solid #f2f3f4 !important;
}

.border-top-1 {
  border-top: 1px solid #f2f3f4 !important;
}

.border-right-1 {
  border-right: 1px solid #f2f3f4 !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #f2f3f4 !important;
}

.border-left-1 {
  border-left: 1px solid #f2f3f4 !important;
}

.text-inverse,
.text-black {
  color: #2d353c !important;
}

.text-black-transparent-9 {
  color: rgba(45, 53, 60, 0.9) !important;
}

.text-black-transparent-8 {
  color: rgba(45, 53, 60, 0.8) !important;
}

.text-black-transparent-7 {
  color: rgba(45, 53, 60, 0.7) !important;
}

.text-black-transparent-6 {
  color: rgba(45, 53, 60, 0.6) !important;
}

.text-black-transparent-5 {
  color: rgba(45, 53, 60, 0.5) !important;
}

.text-black-transparent-4 {
  color: rgba(45, 53, 60, 0.4) !important;
}

.text-black-transparent-3 {
  color: rgba(45, 53, 60, 0.3) !important;
}

.text-black-transparent-2 {
  color: rgba(45, 53, 60, 0.2) !important;
}

.text-black-transparent-1 {
  color: rgba(45, 53, 60, 0.1) !important;
}

.text-black-darker {
  color: #242a30 !important;
}

.text-black-lighter {
  color: #575d63 !important;
}

a.text-inverse:hover,
a.text-inverse:focus {
  color: #575d63 !important;
}

.text-success,
.text-teal {
  color: #00acac !important;
}

.text-teal-transparent-9 {
  color: rgba(0, 172, 172, 0.9) !important;
}

.text-teal-transparent-8 {
  color: rgba(0, 172, 172, 0.8) !important;
}

.text-teal-transparent-7 {
  color: rgba(0, 172, 172, 0.7) !important;
}

.text-teal-transparent-6 {
  color: rgba(0, 172, 172, 0.6) !important;
}

.text-teal-transparent-5 {
  color: rgba(0, 172, 172, 0.5) !important;
}

.text-teal-transparent-4 {
  color: rgba(0, 172, 172, 0.4) !important;
}

.text-teal-transparent-3 {
  color: rgba(0, 172, 172, 0.3) !important;
}

.text-teal-transparent-2 {
  color: rgba(0, 172, 172, 0.2) !important;
}

.text-teal-transparent-1 {
  color: rgba(0, 172, 172, 0.1) !important;
}

.text-teal-darker {
  color: #008a8a !important;
}

.text-teal-lighter {
  color: #33bdbd !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #33bdbd !important;
}

.text-info,
.text-aqua {
  color: #49b6d6 !important;
}

.text-aqua-transparent-9 {
  color: rgba(73, 182, 214, 0.9) !important;
}

.text-aqua-transparent-8 {
  color: rgba(73, 182, 214, 0.8) !important;
}

.text-aqua-transparent-7 {
  color: rgba(73, 182, 214, 0.7) !important;
}

.text-aqua-transparent-6 {
  color: rgba(73, 182, 214, 0.6) !important;
}

.text-aqua-transparent-5 {
  color: rgba(73, 182, 214, 0.5) !important;
}

.text-aqua-transparent-4 {
  color: rgba(73, 182, 214, 0.4) !important;
}

.text-aqua-transparent-3 {
  color: rgba(73, 182, 214, 0.3) !important;
}

.text-aqua-transparent-2 {
  color: rgba(73, 182, 214, 0.2) !important;
}

.text-aqua-transparent-1 {
  color: rgba(73, 182, 214, 0.1) !important;
}

.text-aqua-darker {
  color: #3a92ab !important;
}

.text-aqua-lighter {
  color: #6dc5de !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #6dc5de !important;
}

.text-primary,
.text-blue {
  color: #106992 !important;
}

.text-blue-transparent-9 {
  color: rgba(52, 143, 226, 0.9) !important;
}

.text-blue-transparent-8 {
  color: rgba(52, 143, 226, 0.8) !important;
}

.text-blue-transparent-7 {
  color: rgba(52, 143, 226, 0.7) !important;
}

.text-blue-transparent-6 {
  color: rgba(52, 143, 226, 0.6) !important;
}

.text-blue-transparent-5 {
  color: rgba(52, 143, 226, 0.5) !important;
}

.text-blue-transparent-4 {
  color: rgba(52, 143, 226, 0.4) !important;
}

.text-blue-transparent-3 {
  color: rgba(52, 143, 226, 0.3) !important;
}

.text-blue-transparent-2 {
  color: rgba(52, 143, 226, 0.2) !important;
}

.text-blue-transparent-1 {
  color: rgba(52, 143, 226, 0.1) !important;
}

.text-blue-darker {
  color: #2a72b5 !important;
}

.text-blue-lighter {
  color: #5da5e8 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #5da5e8 !important;
}

.text-warning,
.text-orange {
  color: #f59c1a !important;
}

.text-orange-transparent-9 {
  color: rgba(245, 156, 26, 0.9) !important;
}

.text-orange-transparent-8 {
  color: rgba(245, 156, 26, 0.8) !important;
}

.text-orange-transparent-7 {
  color: rgba(245, 156, 26, 0.7) !important;
}

.text-orange-transparent-6 {
  color: rgba(245, 156, 26, 0.6) !important;
}

.text-orange-transparent-5 {
  color: rgba(245, 156, 26, 0.5) !important;
}

.text-orange-transparent-4 {
  color: rgba(245, 156, 26, 0.4) !important;
}

.text-orange-transparent-3 {
  color: rgba(245, 156, 26, 0.3) !important;
}

.text-orange-transparent-2 {
  color: rgba(245, 156, 26, 0.2) !important;
}

.text-orange-transparent-1 {
  color: rgba(245, 156, 26, 0.1) !important;
}

.text-orange-darker {
  color: #c47d15 !important;
}

.text-orange-lighter {
  color: #f7b048 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #f7b048 !important;
}

.text-danger,
.text-red {
  color: #ff5b57 !important;
}

.text-red-transparent-9 {
  color: rgba(255, 91, 87, 0.9) !important;
}

.text-red-transparent-8 {
  color: rgba(255, 91, 87, 0.8) !important;
}

.text-red-transparent-7 {
  color: rgba(255, 91, 87, 0.7) !important;
}

.text-red-transparent-6 {
  color: rgba(255, 91, 87, 0.6) !important;
}

.text-red-transparent-5 {
  color: rgba(255, 91, 87, 0.5) !important;
}

.text-red-transparent-4 {
  color: rgba(255, 91, 87, 0.4) !important;
}

.text-red-transparent-3 {
  color: rgba(255, 91, 87, 0.3) !important;
}

.text-red-transparent-2 {
  color: rgba(255, 91, 87, 0.2) !important;
}

.text-red-transparent-1 {
  color: rgba(255, 91, 87, 0.1) !important;
}

.text-red-darker {
  color: #cc4946 !important;
}

.text-red-lighter {
  color: #ff7c79 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #ff7c79 !important;
}

.text-white {
  color: #fff !important;
}

.text-white-transparent-9 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.text-white-transparent-8 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.text-white-transparent-7 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-white-transparent-6 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.text-white-transparent-5 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-transparent-4 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.text-white-transparent-3 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.text-white-transparent-2 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.text-white-transparent-1 {
  color: rgba(255, 255, 255, 0.1) !important;
}

a.text-white:hover,
a.text-white:focus {
  color: #f0f3f4 !important;
}

.text-silver {
  color: #f0f3f4 !important;
}

.text-silver-transparent-9 {
  color: rgba(240, 243, 244, 0.9) !important;
}

.text-silver-transparent-8 {
  color: rgba(240, 243, 244, 0.8) !important;
}

.text-silver-transparent-7 {
  color: rgba(240, 243, 244, 0.7) !important;
}

.text-silver-transparent-6 {
  color: rgba(240, 243, 244, 0.6) !important;
}

.text-silver-transparent-5 {
  color: rgba(240, 243, 244, 0.5) !important;
}

.text-silver-transparent-4 {
  color: rgba(240, 243, 244, 0.4) !important;
}

.text-silver-transparent-3 {
  color: rgba(240, 243, 244, 0.3) !important;
}

.text-silver-transparent-2 {
  color: rgba(240, 243, 244, 0.2) !important;
}

.text-silver-transparent-1 {
  color: rgba(240, 243, 244, 0.1) !important;
}

.text-silver-lighter {
  color: #f4f6f7 !important;
}

.text-silver-darker {
  color: #b4b6b7 !important;
}

a.text-silver:hover,
a.text-silver:focus {
  color: #b4b6b7 !important;
}

.text-grey,
.text-muted {
  color: #b6c2c9 !important;
}

.text-grey-transparent-9 {
  color: rgba(182, 194, 201, 0.9) !important;
}

.text-grey-transparent-8 {
  color: rgba(182, 194, 201, 0.8) !important;
}

.text-grey-transparent-7 {
  color: rgba(182, 194, 201, 0.7) !important;
}

.text-grey-transparent-6 {
  color: rgba(182, 194, 201, 0.6) !important;
}

.text-grey-transparent-5 {
  color: rgba(182, 194, 201, 0.5) !important;
}

.text-grey-transparent-4 {
  color: rgba(182, 194, 201, 0.4) !important;
}

.text-grey-transparent-3 {
  color: rgba(182, 194, 201, 0.3) !important;
}

.text-grey-transparent-2 {
  color: rgba(182, 194, 201, 0.2) !important;
}

.text-grey-transparent-1 {
  color: rgba(182, 194, 201, 0.1) !important;
}

.text-grey-darker {
  color: #929ba1 !important;
}

.text-grey-lighter {
  color: #c5ced4 !important;
}

a.text-grey:hover,
a.text-grey:focus {
  color: #c5ced4 !important;
}

.text-yellow {
  color: #ffd900 !important;
}

.text-yellow-transparent-9 {
  color: rgba(255, 217, 0, 0.9) !important;
}

.text-yellow-transparent-8 {
  color: rgba(255, 217, 0, 0.8) !important;
}

.text-yellow-transparent-7 {
  color: rgba(255, 217, 0, 0.7) !important;
}

.text-yellow-transparent-6 {
  color: rgba(255, 217, 0, 0.6) !important;
}

.text-yellow-transparent-5 {
  color: rgba(255, 217, 0, 0.5) !important;
}

.text-yellow-transparent-4 {
  color: rgba(255, 217, 0, 0.4) !important;
}

.text-yellow-transparent-3 {
  color: rgba(255, 217, 0, 0.3) !important;
}

.text-yellow-transparent-2 {
  color: rgba(255, 217, 0, 0.2) !important;
}

.text-yellow-transparent-1 {
  color: rgba(255, 217, 0, 0.1) !important;
}

.text-yellow-darker {
  color: #bfa300 !important;
}

.text-yellow-lighter {
  color: #fde248 !important;
}

a.text-yellow:hover,
a.text-yellow:focus {
  color: #e9fb65 !important;
}

.text-purple {
  color: #727cb6 !important;
}

.text-purple-transparent-9 {
  color: rgba(114, 124, 182, 0.9) !important;
}

.text-purple-transparent-8 {
  color: rgba(114, 124, 182, 0.8) !important;
}

.text-purple-transparent-7 {
  color: rgba(114, 124, 182, 0.7) !important;
}

.text-purple-transparent-6 {
  color: rgba(114, 124, 182, 0.6) !important;
}

.text-purple-transparent-5 {
  color: rgba(114, 124, 182, 0.5) !important;
}

.text-purple-transparent-4 {
  color: rgba(114, 124, 182, 0.4) !important;
}

.text-purple-transparent-3 {
  color: rgba(114, 124, 182, 0.3) !important;
}

.text-purple-transparent-2 {
  color: rgba(114, 124, 182, 0.2) !important;
}

.text-purple-transparent-1 {
  color: rgba(114, 124, 182, 0.1) !important;
}

.text-purple-darker {
  color: #5b6392 !important;
}

.text-purple-lighter {
  color: #8e96c5 !important;
}

a.text-purple:hover,
a.text-purple:focus {
  color: #8e96c5 !important;
}

.text-lime {
  color: #90ca4b !important;
}

.text-lime-transparent-9 {
  color: rgba(144, 202, 75, 0.9) !important;
}

.text-lime-transparent-8 {
  color: rgba(144, 202, 75, 0.8) !important;
}

.text-lime-transparent-7 {
  color: rgba(144, 202, 75, 0.7) !important;
}

.text-lime-transparent-6 {
  color: rgba(144, 202, 75, 0.6) !important;
}

.text-lime-transparent-5 {
  color: rgba(144, 202, 75, 0.5) !important;
}

.text-lime-transparent-4 {
  color: rgba(144, 202, 75, 0.4) !important;
}

.text-lime-transparent-3 {
  color: rgba(144, 202, 75, 0.3) !important;
}

.text-lime-transparent-2 {
  color: rgba(144, 202, 75, 0.2) !important;
}

.text-lime-transparent-1 {
  color: rgba(144, 202, 75, 0.1) !important;
}

.text-lime-darker {
  color: #6c9738 !important;
}

.text-lime-lighter {
  color: #acd778 !important;
}

a.text-lime:hover,
a.text-lime:focus {
  color: #6c9738 !important;
}

.text-indigo {
  color: #8753de !important;
}

.text-indigo-transparent-9 {
  color: rgba(135, 83, 222, 0.9) !important;
}

.text-indigo-transparent-8 {
  color: rgba(135, 83, 222, 0.8) !important;
}

.text-indigo-transparent-7 {
  color: rgba(135, 83, 222, 0.7) !important;
}

.text-indigo-transparent-6 {
  color: rgba(135, 83, 222, 0.6) !important;
}

.text-indigo-transparent-5 {
  color: rgba(135, 83, 222, 0.5) !important;
}

.text-indigo-transparent-4 {
  color: rgba(135, 83, 222, 0.4) !important;
}

.text-indigo-transparent-3 {
  color: rgba(135, 83, 222, 0.3) !important;
}

.text-indigo-transparent-2 {
  color: rgba(135, 83, 222, 0.2) !important;
}

.text-indigo-transparent-1 {
  color: rgba(135, 83, 222, 0.1) !important;
}

.text-indigo-darker {
  color: #6c42b2 !important;
}

.text-indigo-lighter {
  color: #9f75e5 !important;
}

a.text-indigo:hover,
a.text-indigo:focus {
  color: #6c42b2 !important;
}

.text-pink {
  color: #fb5597 !important;
}

.text-pink-transparent-9 {
  color: rgba(251, 85, 151, 0.9) !important;
}

.text-pink-transparent-8 {
  color: rgba(251, 85, 151, 0.8) !important;
}

.text-pink-transparent-7 {
  color: rgba(251, 85, 151, 0.7) !important;
}

.text-pink-transparent-6 {
  color: rgba(251, 85, 151, 0.6) !important;
}

.text-pink-transparent-5 {
  color: rgba(251, 85, 151, 0.5) !important;
}

.text-pink-transparent-4 {
  color: rgba(251, 85, 151, 0.4) !important;
}

.text-pink-transparent-3 {
  color: rgba(251, 85, 151, 0.3) !important;
}

.text-pink-transparent-2 {
  color: rgba(251, 85, 151, 0.2) !important;
}

.text-pink-transparent-1 {
  color: rgba(251, 85, 151, 0.1) !important;
}

.text-pink-darker {
  color: #c94479 !important;
}

.text-pink-lighter {
  color: #fc77ac !important;
}

a.text-pink:hover,
a.text-pink:focus {
  color: #c94479 !important;
}

.text-green {
  color: #32a932 !important;
}

.text-green-transparent-9 {
  color: rgba(50, 169, 50, 0.9) !important;
}

.text-green-transparent-8 {
  color: rgba(50, 169, 50, 0.8) !important;
}

.text-green-transparent-7 {
  color: rgba(50, 169, 50, 0.7) !important;
}

.text-green-transparent-6 {
  color: rgba(50, 169, 50, 0.6) !important;
}

.text-green-transparent-5 {
  color: rgba(50, 169, 50, 0.5) !important;
}

.text-green-transparent-4 {
  color: rgba(50, 169, 50, 0.4) !important;
}

.text-green-transparent-3 {
  color: rgba(50, 169, 50, 0.3) !important;
}

.text-green-transparent-2 {
  color: rgba(50, 169, 50, 0.2) !important;
}

.text-green-transparent-1 {
  color: rgba(50, 169, 50, 0.1) !important;
}

.text-green-darker {
  color: #288728 !important;
}

.text-green-lighter {
  color: #5bba5b !important;
}

a.text-green:hover,
a.text-green:focus {
  color: #288728 !important;
}

.bg-primary,
.bg-blue {
  background-color: #106992 !important;
}

.bg-blue-transparent-9 {
  background-color: rgba(52, 143, 226, 0.9) !important;
}

.bg-blue-transparent-8 {
  background-color: rgba(52, 143, 226, 0.8) !important;
}

.bg-blue-transparent-7 {
  background-color: rgba(52, 143, 226, 0.7) !important;
}

.bg-blue-transparent-6 {
  background-color: rgba(52, 143, 226, 0.6) !important;
}

.bg-blue-transparent-5 {
  background-color: rgba(52, 143, 226, 0.5) !important;
}

.bg-blue-transparent-4 {
  background-color: rgba(52, 143, 226, 0.4) !important;
}

.bg-blue-transparent-3 {
  background-color: rgba(52, 143, 226, 0.3) !important;
}

.bg-blue-transparent-2 {
  background-color: rgba(52, 143, 226, 0.2) !important;
}

.bg-blue-transparent-1 {
  background-color: rgba(52, 143, 226, 0.1) !important;
}

.bg-blue-darker {
  background-color: #2a72b5 !important;
}

.bg-blue-lighter {
  background-color: #5da5e8 !important;
}

.bg-gradient-blue {
  background: rgb(81, 136, 218);
  background: -moz-linear-gradient(
    -45deg,
    rgba(81, 136, 218, 1) 0%,
    rgba(52, 135, 226, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(81, 136, 218, 1) 0%,
    rgba(52, 135, 226, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(81, 136, 218, 1) 0%,
    rgba(52, 135, 226, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5188da', endColorstr='#3487e2', GradientType=1) !important;
}

.bg-info,
.bg-aqua {
  background-color: #49b6d6 !important;
}

.bg-aqua-transparent-9 {
  background-color: rgba(73, 182, 214, 0.9) !important;
}

.bg-aqua-transparent-8 {
  background-color: rgba(73, 182, 214, 0.8) !important;
}

.bg-aqua-transparent-7 {
  background-color: rgba(73, 182, 214, 0.7) !important;
}

.bg-aqua-transparent-6 {
  background-color: rgba(73, 182, 214, 0.6) !important;
}

.bg-aqua-transparent-5 {
  background-color: rgba(73, 182, 214, 0.5) !important;
}

.bg-aqua-transparent-4 {
  background-color: rgba(73, 182, 214, 0.4) !important;
}

.bg-aqua-transparent-3 {
  background-color: rgba(73, 182, 214, 0.3) !important;
}

.bg-aqua-transparent-2 {
  background-color: rgba(73, 182, 214, 0.2) !important;
}

.bg-aqua-transparent-1 {
  background-color: rgba(73, 182, 214, 0.1) !important;
}

.bg-aqua-darker {
  background-color: #3a92ab !important;
}

.bg-aqua-lighter {
  background-color: #6dc5de !important;
}

.bg-gradient-aqua {
  background: rgb(109, 197, 222) !important;
  background: -moz-linear-gradient(
    top,
    rgba(109, 197, 222, 1) 0%,
    rgba(73, 182, 214, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(109, 197, 222, 1) 0%,
    rgba(73, 182, 214, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(109, 197, 222, 1) 0%,
    rgba(73, 182, 214, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dc5de', endColorstr='#49b6d6', GradientType=0) !important;
}

.bg-success,
.bg-teal {
  background-color: #00acac !important;
}

.bg-teal-transparent-9 {
  background-color: rgba(0, 172, 172, 0.9) !important;
}

.bg-teal-transparent-8 {
  background-color: rgba(0, 172, 172, 0.8) !important;
}

.bg-teal-transparent-7 {
  background-color: rgba(0, 172, 172, 0.7) !important;
}

.bg-teal-transparent-6 {
  background-color: rgba(0, 172, 172, 0.6) !important;
}

.bg-teal-transparent-5 {
  background-color: rgba(0, 172, 172, 0.5) !important;
}

.bg-teal-transparent-4 {
  background-color: rgba(0, 172, 172, 0.4) !important;
}

.bg-teal-transparent-3 {
  background-color: rgba(0, 172, 172, 0.3) !important;
}

.bg-teal-transparent-2 {
  background-color: rgba(0, 172, 172, 0.2) !important;
}

.bg-teal-transparent-1 {
  background-color: rgba(0, 172, 172, 0.1) !important;
}

.bg-teal-darker {
  background-color: #008a8a !important;
}

.bg-teal-lighter {
  background-color: #33bdbd !important;
}

.bg-gradient-teal {
  background: rgb(52, 186, 187) !important;
  background: -moz-linear-gradient(
    -45deg,
    rgba(52, 186, 187, 1) 0%,
    rgba(0, 172, 172, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(52, 186, 187, 1) 0%,
    rgba(0, 172, 172, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(52, 186, 187, 1) 0%,
    rgba(0, 172, 172, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34babb', endColorstr='#00acac', GradientType=1) !important;
}

.bg-danger,
.bg-red {
  background-color: #ff5b57 !important;
}

.bg-red-transparent-9 {
  background-color: rgba(255, 91, 87, 0.9) !important;
}

.bg-red-transparent-8 {
  background-color: rgba(255, 91, 87, 0.8) !important;
}

.bg-red-transparent-7 {
  background-color: rgba(255, 91, 87, 0.7) !important;
}

.bg-red-transparent-6 {
  background-color: rgba(255, 91, 87, 0.6) !important;
}

.bg-red-transparent-5 {
  background-color: rgba(255, 91, 87, 0.5) !important;
}

.bg-red-transparent-4 {
  background-color: rgba(255, 91, 87, 0.4) !important;
}

.bg-red-transparent-3 {
  background-color: rgba(255, 91, 87, 0.3) !important;
}

.bg-red-transparent-2 {
  background-color: rgba(255, 91, 87, 0.2) !important;
}

.bg-red-transparent-1 {
  background-color: rgba(255, 91, 87, 0.1) !important;
}

.bg-red-darker {
  background-color: #cc4946 !important;
}

.bg-red-lighter {
  background-color: #ff7c79 !important;
}

.bg-gradient-red {
  background: rgb(255, 124, 121) !important;
  background: -moz-linear-gradient(
    top,
    rgba(255, 124, 121, 1) 0%,
    rgba(255, 91, 87, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 124, 121, 1) 0%,
    rgba(255, 91, 87, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(255, 124, 121, 1) 0%,
    rgba(255, 91, 87, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c79', endColorstr='#ff5b57', GradientType=0) !important;
}

.bg-warning,
.bg-orange {
  background-color: #f59c1a !important;
}

.bg-orange-transparent-9 {
  background-color: rgba(245, 156, 26, 0.9) !important;
}

.bg-orange-transparent-8 {
  background-color: rgba(245, 156, 26, 0.8) !important;
}

.bg-orange-transparent-7 {
  background-color: rgba(245, 156, 26, 0.7) !important;
}

.bg-orange-transparent-6 {
  background-color: rgba(245, 156, 26, 0.6) !important;
}

.bg-orange-transparent-5 {
  background-color: rgba(245, 156, 26, 0.5) !important;
}

.bg-orange-transparent-4 {
  background-color: rgba(245, 156, 26, 0.4) !important;
}

.bg-orange-transparent-3 {
  background-color: rgba(245, 156, 26, 0.3) !important;
}

.bg-orange-transparent-2 {
  background-color: rgba(245, 156, 26, 0.2) !important;
}

.bg-orange-transparent-1 {
  background-color: rgba(245, 156, 26, 0.1) !important;
}

.bg-orange-darker {
  background-color: #c47d15 !important;
}

.bg-orange-lighter {
  background-color: #f7b048 !important;
}

.bg-gradient-orange {
  background: rgb(247, 176, 72) !important;
  background: -moz-linear-gradient(
    top,
    rgba(247, 176, 72, 1) 0%,
    rgba(245, 156, 26, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(247, 176, 72, 1) 0%,
    rgba(245, 156, 26, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(247, 176, 72, 1) 0%,
    rgba(245, 156, 26, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b048', endColorstr='#f59c1a', GradientType=0) !important;
}

.bg-inverse,
.bg-black {
  background-color: #2d353c !important;
}

.bg-black-transparent-9 {
  background-color: rgba(45, 53, 60, 0.9) !important;
}

.bg-black-transparent-8 {
  background-color: rgba(45, 53, 60, 0.8) !important;
}

.bg-black-transparent-7 {
  background-color: rgba(45, 53, 60, 0.7) !important;
}

.bg-black-transparent-6 {
  background-color: rgba(45, 53, 60, 0.6) !important;
}

.bg-black-transparent-5 {
  background-color: rgba(45, 53, 60, 0.5) !important;
}

.bg-black-transparent-4 {
  background-color: rgba(45, 53, 60, 0.4) !important;
}

.bg-black-transparent-3 {
  background-color: rgba(45, 53, 60, 0.3) !important;
}

.bg-black-transparent-2 {
  background-color: rgba(45, 53, 60, 0.2) !important;
}

.bg-black-transparent-1 {
  background-color: rgba(45, 53, 60, 0.1) !important;
}

.bg-black-darker {
  background-color: #242a30 !important;
}

.bg-black-lighter {
  background-color: #575d63 !important;
}

.bg-gradient-black {
  background: rgb(88, 97, 105) !important;
  background: -moz-linear-gradient(
    -45deg,
    rgba(88, 97, 105, 1) 0%,
    rgba(45, 53, 60, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(88, 97, 105, 1) 0%,
    rgba(45, 53, 60, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(88, 97, 105, 1) 0%,
    rgba(45, 53, 60, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#586169', endColorstr='#2d353c', GradientType=1) !important;
}

.bg-yellow {
  background-color: #ffd900 !important;
}

.bg-yellow-transparent-9 {
  background-color: rgba(255, 217, 0, 0.9) !important;
}

.bg-yellow-transparent-8 {
  background-color: rgba(255, 217, 0, 0.8) !important;
}

.bg-yellow-transparent-7 {
  background-color: rgba(255, 217, 0, 0.7) !important;
}

.bg-yellow-transparent-6 {
  background-color: rgba(255, 217, 0, 0.6) !important;
}

.bg-yellow-transparent-5 {
  background-color: rgba(255, 217, 0, 0.5) !important;
}

.bg-yellow-transparent-4 {
  background-color: rgba(255, 217, 0, 0.4) !important;
}

.bg-yellow-transparent-3 {
  background-color: rgba(255, 217, 0, 0.3) !important;
}

.bg-yellow-transparent-2 {
  background-color: rgba(255, 217, 0, 0.2) !important;
}

.bg-yellow-transparent-1 {
  background-color: rgba(255, 217, 0, 0.1) !important;
}

.bg-yellow-darker {
  background-color: #bfa300 !important;
}

.bg-yellow-lighter {
  background-color: #fde248 !important;
}

.bg-gradient-yellow {
  background: rgb(253, 226, 72) !important;
  background: -moz-linear-gradient(
    top,
    rgba(253, 226, 72, 1) 0%,
    rgba(255, 217, 0, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(253, 226, 72, 1) 0%,
    rgba(255, 217, 0, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(253, 226, 72, 1) 0%,
    rgba(255, 217, 0, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde248', endColorstr='#ffd900', GradientType=0) !important;
}

.bg-silver {
  background-color: #f0f3f4 !important;
}

.bg-silver-transparent-9 {
  background-color: rgba(240, 243, 244, 0.9) !important;
}

.bg-silver-transparent-8 {
  background-color: rgba(240, 243, 244, 0.8) !important;
}

.bg-silver-transparent-7 {
  background-color: rgba(240, 243, 244, 0.7) !important;
}

.bg-silver-transparent-6 {
  background-color: rgba(240, 243, 244, 0.6) !important;
}

.bg-silver-transparent-5 {
  background-color: rgba(240, 243, 244, 0.5) !important;
}

.bg-silver-transparent-4 {
  background-color: rgba(240, 243, 244, 0.4) !important;
}

.bg-silver-transparent-3 {
  background-color: rgba(240, 243, 244, 0.3) !important;
}

.bg-silver-transparent-2 {
  background-color: rgba(240, 243, 244, 0.2) !important;
}

.bg-silver-transparent-1 {
  background-color: rgba(240, 243, 244, 0.1) !important;
}

.bg-silver-lighter {
  background-color: #f4f6f7 !important;
}

.bg-silver-darker {
  background-color: #b4b6b7 !important;
}

.bg-gradient-silver {
  background: rgb(244, 246, 247) !important;
  background: -moz-linear-gradient(
    top,
    rgba(244, 246, 247, 1) 0%,
    rgba(240, 243, 244, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(244, 246, 247, 1) 0%,
    rgba(240, 243, 244, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(244, 246, 247, 1) 0%,
    rgba(240, 243, 244, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f7', endColorstr='#f0f3f4', GradientType=0) !important;
}

.bg-grey {
  background-color: #b6c2c9 !important;
}

.bg-grey-transparent-9 {
  background-color: rgba(182, 194, 201, 0.9) !important;
}

.bg-grey-transparent-8 {
  background-color: rgba(182, 194, 201, 0.8) !important;
}

.bg-grey-transparent-7 {
  background-color: rgba(182, 194, 201, 0.7) !important;
}

.bg-grey-transparent-6 {
  background-color: rgba(182, 194, 201, 0.6) !important;
}

.bg-grey-transparent-5 {
  background-color: rgba(182, 194, 201, 0.5) !important;
}

.bg-grey-transparent-4 {
  background-color: rgba(182, 194, 201, 0.4) !important;
}

.bg-grey-transparent-3 {
  background-color: rgba(182, 194, 201, 0.3) !important;
}

.bg-grey-transparent-2 {
  background-color: rgba(182, 194, 201, 0.2) !important;
}

.bg-grey-transparent-1 {
  background-color: rgba(182, 194, 201, 0.1) !important;
}

.bg-grey-darker {
  background-color: #929ba1 !important;
}

.bg-grey-lighter {
  background-color: #c5ced4 !important;
}

.bg-gradient-grey {
  background: rgb(197, 206, 212) !important;
  background: -moz-linear-gradient(
    top,
    rgba(197, 206, 212, 1) 0%,
    rgba(182, 194, 201, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(197, 206, 212, 1) 0%,
    rgba(182, 194, 201, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(197, 206, 212, 1) 0%,
    rgba(182, 194, 201, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5ced4', endColorstr='#b6c2c9', GradientType=0) !important;
}

.bg-purple {
  background-color: #727cb6 !important;
}

.bg-purple-transparent-9 {
  background-color: rgba(114, 124, 182, 0.9) !important;
}

.bg-purple-transparent-8 {
  background-color: rgba(114, 124, 182, 0.8) !important;
}

.bg-purple-transparent-7 {
  background-color: rgba(114, 124, 182, 0.7) !important;
}

.bg-purple-transparent-6 {
  background-color: rgba(114, 124, 182, 0.6) !important;
}

.bg-purple-transparent-5 {
  background-color: rgba(114, 124, 182, 0.5) !important;
}

.bg-purple-transparent-4 {
  background-color: rgba(114, 124, 182, 0.4) !important;
}

.bg-purple-transparent-3 {
  background-color: rgba(114, 124, 182, 0.3) !important;
}

.bg-purple-transparent-2 {
  background-color: rgba(114, 124, 182, 0.2) !important;
}

.bg-purple-transparent-1 {
  background-color: rgba(114, 124, 182, 0.1) !important;
}

.bg-purple-darker {
  background-color: #5b6392 !important;
}

.bg-purple-lighter {
  background-color: #8e96c5 !important;
}

.bg-gradient-purple {
  background: rgb(132, 87, 243) !important;
  background: -moz-linear-gradient(
    -45deg,
    rgba(132, 87, 243, 1) 0%,
    rgba(114, 124, 182, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(132, 87, 243, 1) 0%,
    rgba(114, 124, 182, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(132, 87, 243, 1) 0%,
    rgba(114, 124, 182, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8457f3', endColorstr='#727cb6', GradientType=1) !important;
}

.bg-lime {
  background-color: #90ca4b !important;
}

.bg-lime-transparent-9 {
  background-color: rgba(144, 202, 75, 0.9) !important;
}

.bg-lime-transparent-8 {
  background-color: rgba(144, 202, 75, 0.8) !important;
}

.bg-lime-transparent-7 {
  background-color: rgba(144, 202, 75, 0.7) !important;
}

.bg-lime-transparent-6 {
  background-color: rgba(144, 202, 75, 0.6) !important;
}

.bg-lime-transparent-5 {
  background-color: rgba(144, 202, 75, 0.5) !important;
}

.bg-lime-transparent-4 {
  background-color: rgba(144, 202, 75, 0.4) !important;
}

.bg-lime-transparent-3 {
  background-color: rgba(144, 202, 75, 0.3) !important;
}

.bg-lime-transparent-2 {
  background-color: rgba(144, 202, 75, 0.2) !important;
}

.bg-lime-transparent-1 {
  background-color: rgba(144, 202, 75, 0.1) !important;
}

.bg-lime-darker {
  background-color: #6c9738 !important;
}

.bg-lime-lighter {
  background-color: #acd778 !important;
}

.bg-gradient-lime {
  background: rgb(172, 215, 120) !important;
  background: -moz-linear-gradient(
    top,
    rgba(172, 215, 120, 1) 0%,
    rgba(144, 202, 75, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(172, 215, 120, 1) 0%,
    rgba(144, 202, 75, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(172, 215, 120, 1) 0%,
    rgba(144, 202, 75, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acd778', endColorstr='#90ca4b', GradientType=0) !important;
}

.bg-indigo {
  background-color: #8753de !important;
}

.bg-indigo-transparent-9 {
  background-color: rgba(135, 83, 222, 0.9) !important;
}

.bg-indigo-transparent-8 {
  background-color: rgba(135, 83, 222, 0.8) !important;
}

.bg-indigo-transparent-7 {
  background-color: rgba(135, 83, 222, 0.7) !important;
}

.bg-indigo-transparent-6 {
  background-color: rgba(135, 83, 222, 0.6) !important;
}

.bg-indigo-transparent-5 {
  background-color: rgba(135, 83, 222, 0.5) !important;
}

.bg-indigo-transparent-4 {
  background-color: rgba(135, 83, 222, 0.4) !important;
}

.bg-indigo-transparent-3 {
  background-color: rgba(135, 83, 222, 0.3) !important;
}

.bg-indigo-transparent-2 {
  background-color: rgba(135, 83, 222, 0.2) !important;
}

.bg-indigo-transparent-1 {
  background-color: rgba(135, 83, 222, 0.1) !important;
}

.bg-indigo-darker {
  background-color: #6c42b2 !important;
}

.bg-indigo-lighter {
  background-color: #9f75e5 !important;
}

.bg-gradient-indigo {
  background: rgb(159, 117, 229) !important;
  background: -moz-linear-gradient(
    top,
    rgba(159, 117, 229, 1) 0%,
    rgba(108, 66, 178, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(159, 117, 229, 1) 0%,
    rgba(108, 66, 178, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(159, 117, 229, 1) 0%,
    rgba(108, 66, 178, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f75e5', endColorstr='#6c42b2', GradientType=0) !important;
}

.bg-pink {
  background-color: #fb5597 !important;
}

.bg-pink-transparent-9 {
  background-color: rgba(251, 85, 151, 0.9) !important;
}

.bg-pink-transparent-8 {
  background-color: rgba(251, 85, 151, 0.8) !important;
}

.bg-pink-transparent-7 {
  background-color: rgba(251, 85, 151, 0.7) !important;
}

.bg-pink-transparent-6 {
  background-color: rgba(251, 85, 151, 0.6) !important;
}

.bg-pink-transparent-5 {
  background-color: rgba(251, 85, 151, 0.5) !important;
}

.bg-pink-transparent-4 {
  background-color: rgba(251, 85, 151, 0.4) !important;
}

.bg-pink-transparent-3 {
  background-color: rgba(251, 85, 151, 0.3) !important;
}

.bg-pink-transparent-2 {
  background-color: rgba(251, 85, 151, 0.2) !important;
}

.bg-pink-transparent-1 {
  background-color: rgba(251, 85, 151, 0.1) !important;
}

.bg-pink-darker {
  background-color: #c94479 !important;
}

.bg-pink-lighter {
  background-color: #fc77ac !important;
}

.bg-gradient-pink {
  background: rgb(252, 119, 172) !important;
  background: -moz-linear-gradient(
    top,
    rgba(252, 119, 172, 1) 0%,
    rgba(201, 68, 121, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(252, 119, 172, 1) 0%,
    rgba(201, 68, 121, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(252, 119, 172, 1) 0%,
    rgba(201, 68, 121, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc77ac', endColorstr='#c94479', GradientType=0) !important;
}

.bg-green {
  background-color: #32a932 !important;
}

.bg-green-transparent-9 {
  background-color: rgba(50, 169, 50, 0.9) !important;
}

.bg-green-transparent-8 {
  background-color: rgba(50, 169, 50, 0.8) !important;
}

.bg-green-transparent-7 {
  background-color: rgba(50, 169, 50, 0.7) !important;
}

.bg-green-transparent-6 {
  background-color: rgba(50, 169, 50, 0.6) !important;
}

.bg-green-transparent-5 {
  background-color: rgba(50, 169, 50, 0.5) !important;
}

.bg-green-transparent-4 {
  background-color: rgba(50, 169, 50, 0.4) !important;
}

.bg-green-transparent-3 {
  background-color: rgba(50, 169, 50, 0.3) !important;
}

.bg-green-transparent-2 {
  background-color: rgba(50, 169, 50, 0.2) !important;
}

.bg-green-transparent-1 {
  background-color: rgba(50, 169, 50, 0.1) !important;
}

.bg-green-darker {
  background-color: #288728 !important;
}

.bg-green-lighter {
  background-color: #5bba5b !important;
}

.bg-gradient-green {
  background: rgb(91, 186, 91) !important;
  background: -moz-linear-gradient(
    top,
    rgba(91, 186, 91, 1) 0%,
    rgba(40, 135, 40, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(91, 186, 91, 1) 0%,
    rgba(40, 135, 40, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(91, 186, 91, 1) 0%,
    rgba(40, 135, 40, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bba5b', endColorstr='#288728', GradientType=0) !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-white-transparent-9 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-white-transparent-8 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-white-transparent-7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-white-transparent-6 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white-transparent-5 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-white-transparent-4 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-white-transparent-3 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-white-transparent-2 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-white-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.text-gradient {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.no-bg,
.bg-none {
  background: none !important;
}

.height-xs {
  height: 150px !important;
}

.height-sm {
  height: 300px !important;
}

.height-md {
  height: 450px !important;
}

.height-lg {
  height: 600px !important;
}

.height-full {
  height: 100% !important;
}

.height-0 {
  height: 0px !important;
}

.height-10 {
  height: 10px !important;
}

.height-20 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-40 {
  height: 40px !important;
}

.height-50 {
  height: 50px !important;
}

.height-60 {
  height: 60px !important;
}

.height-70 {
  height: 70px !important;
}

.height-80 {
  height: 80px !important;
}

.height-90 {
  height: 90px !important;
}

.height-100 {
  height: 100px !important;
}

.height-150 {
  height: 150px !important;
}

.height-200 {
  height: 200px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-350 {
  height: 350px !important;
}

.height-400 {
  height: 400px !important;
}

.height-450 {
  height: 450px !important;
}

.height-500 {
  height: 500px !important;
}

.height-550 {
  height: 550px !important;
}

.height-600 {
  height: 600px !important;
}

.width-xs {
  width: 150px !important;
}

.width-sm {
  width: 300px !important;
}

.width-md {
  width: 450px !important;
}

.width-lg {
  width: 600px !important;
}

.width-full {
  width: 100% !important;
}

.width-0 {
  width: 0px !important;
}

.width-10 {
  width: 10px !important;
}

.width-20 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-40 {
  width: 40px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-70 {
  width: 70px !important;
}

.width-80 {
  width: 80px !important;
}

.width-90 {
  width: 90px !important;
}

.width-100 {
  width: 100px !important;
}

.width-150 {
  width: 150px !important;
}

.width-200 {
  width: 200px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-450 {
  width: 450px !important;
}

.width-500 {
  width: 500px !important;
}

.width-550 {
  width: 550px !important;
}

.width-600 {
  width: 600px !important;
}

/*extra width %*/
.w-99 {
  width: 99% !important;
}

.pointer-cursor {
  cursor: pointer !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-initial {
  cursor: initial !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-text {
  cursor: text !important;
}

.animated {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*custom for error validasi*/

.select2-hidden-accessible.parsley-error
  ~ ul
  ~ .select2-container--default
  .select2-selection--single {
  /*border-color: #f34943 !important;*/
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}

.select2-hidden-accessible.parsley-success
  ~ ul
  ~ .select2-container--default
  .select2-selection--single {
  /*border-color: #31ce77 !important;*/
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}

/*custom select2 on input-group*/
.input-group .select2 .select2-container .select2-container--default {
  width: 100%;
}

.input-group .select2-container--default .select2-selection--single,
.input-group
  select.form-control-sm
  ~ .select2-container--default
  .select2-selection--single {
  height: calc(1.8125rem + 9px) !important;
}

.input-group
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #1c8a59 !important;
}

/*select2-bootsrap5*/
.select2-container--bootstrap-5 .select2-selection {
  font-size: 0.75rem !important;
}

.select2.select2-container
  .selection
  .select2-selection.select2-selection--multiple
  .select2-selection__rendered,
.select2.select2-container
  .selection
  .select2-selection.select2-selection--single
  .select2-selection__rendered {
  padding: 12px !important;
}

.select2-container--bootstrap-5
  .select2-dropdown
  .select2-results__options
  .select2-results__option {
  padding: 0.275rem 0.35rem !important;
  font-size: 0.75rem !important;
}

.select2-container--bootstrap-5 .select2-selection--single {
  padding: 0.375rem 0.25rem 0.375rem 0.75rem !important;
}

/*./select2-bootsrap5*/

/*multiple select2*/
.select2.select2-container
  .selection
  .select2-selection.select2-selection--multiple
  .select2-selection__choice {
  display: flex;
  align-items: center;
}

/* 5.12 Plugin - Parsley */

.parsley-error {
  background: #fff !important;
  border-color: #ff5b57 !important;
}

.parsley-error:focus {
  border-color: #cc4946 !important;
  outline: 0;
  box-shadow: 0 0 0 0.125rem rgba(204, 73, 70, 0.3) !important;
}

.parsley-success {
  background: #fff !important;
  border-color: #00acac !important;
}

.parsley-success:focus {
  border-color: #008a8a !important;
  outline: 0;
  box-shadow: 0 0 0 0.125rem rgba(0, 172, 172, 0.3) !important;
}

.parsley-error,
.parsley-success {
  color: #2d353c !important;
  box-shadow: none !important;
}

.parsley-error:focus,
.parsley-success:focus {
  color: #2d353c !important;
}

.parsley-errors-list {
  padding: 0 !important;
  list-style-type: none !important;
  margin: 0 !important;
  color: #e5603b;
  font-size: 12px !important;
  line-height: inherit !important;
}

.parsley-errors-list.filled {
  margin-top: 5px !important;
}

.input-group > .parsley-errors-list.filled {
  margin-top: 5px !important;
  position: absolute;
  top: 100%;
}

/* ./5.12 Plugin - Parsley */

.dropdown-menu.show {
  z-index: 1010;
}

/*multi tags*/
.bootstrap-tagsinput {
  margin: 0;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.15s ease-in-out;

  &.has-focus {
    background-color: #fff;
    border-color: #5cb3fd;
  }

  .label-info {
    display: inline-block;
    background-color: #636c72;
    padding: 0 0.4em 0.15em;
    border-radius: 0.25rem;
    margin-bottom: 0.4em;
  }

  input {
    margin-bottom: 0.5em;
  }
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "\00d7";
}

/* datatables */
table.dataTable tbody tr {
  background-color: transparent !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #fff !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0 !important;
  right: 5px !important;
}

/* ./datatables */

@media screen and (min-width: 767px) {
  .height-md-300 {
    height: 300px !important;
  }
}

.app-top-menu[style*="display: block"] {
  position: fixed;
}