.red {
  color: red;
}

.gray {
  color: gray;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 0.9em;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

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

.pt-0 {
  padding-top: 0 !important;
}

.asterisk::after {
  content: " *";
  color: red;
  position: absolute;
  margin-left: 1px;
}

.w-10 {
  width: 10% !important;
}

.mw-10 {
  max-width: 10% !important;
}

.h-10 {
  height: 10% !important;
}

.mh-10 {
  max-height: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.mw-20 {
  max-width: 20% !important;
}

.h-20 {
  height: 20% !important;
}

.mh-20 {
  max-height: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.mw-30 {
  max-width: 30% !important;
}

.h-30 {
  height: 30% !important;
}

.mh-30 {
  max-height: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.mw-40 {
  max-width: 40% !important;
}

.h-40 {
  height: 40% !important;
}

.mh-40 {
  max-height: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.mw-50 {
  max-width: 50% !important;
}

.h-50 {
  height: 50% !important;
}

.mh-50 {
  max-height: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.mw-60 {
  max-width: 60% !important;
}

.h-60 {
  height: 60% !important;
}

.mh-60 {
  max-height: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.mw-70 {
  max-width: 70% !important;
}

.h-70 {
  height: 70% !important;
}

.mh-70 {
  max-height: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.mw-80 {
  max-width: 80% !important;
}

.h-80 {
  height: 80% !important;
}

.mh-80 {
  max-height: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.mw-90 {
  max-width: 90% !important;
}

.h-90 {
  height: 90% !important;
}

.mh-90 {
  max-height: 90% !important;
}

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

.mw-100 {
  max-width: 100% !important;
}

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

.mh-100 {
  max-height: 100% !important;
}

@media (min-width: 992px) {
  .w-10-pc {
    width: 10% !important;
  }
  .h-10px-pc {
    height: 10% !important;
  }
}

@media (min-width: 992px) {
  .w-20-pc {
    width: 20% !important;
  }
  .h-20px-pc {
    height: 20% !important;
  }
}

@media (min-width: 992px) {
  .w-30-pc {
    width: 30% !important;
  }
  .h-30px-pc {
    height: 30% !important;
  }
}

@media (min-width: 992px) {
  .w-40-pc {
    width: 40% !important;
  }
  .h-40px-pc {
    height: 40% !important;
  }
}

@media (min-width: 992px) {
  .w-50-pc {
    width: 50% !important;
  }
  .h-50px-pc {
    height: 50% !important;
  }
}

@media (min-width: 992px) {
  .w-60-pc {
    width: 60% !important;
  }
  .h-60px-pc {
    height: 60% !important;
  }
}

@media (min-width: 992px) {
  .w-70-pc {
    width: 70% !important;
  }
  .h-70px-pc {
    height: 70% !important;
  }
}

@media (min-width: 992px) {
  .w-80-pc {
    width: 80% !important;
  }
  .h-80px-pc {
    height: 80% !important;
  }
}

@media (min-width: 992px) {
  .w-90-pc {
    width: 90% !important;
  }
  .h-90px-pc {
    height: 90% !important;
  }
}

@media (min-width: 992px) {
  .w-100-pc {
    width: 100% !important;
  }
  .h-100px-pc {
    height: 100% !important;
  }
}

.w10px {
  width: 10px;
}

.mw10px {
  max-width: 10px;
}

.h10px {
  height: 10px;
}

.mh10px {
  max-height: 10px;
}

.w20px {
  width: 20px;
}

.mw20px {
  max-width: 20px;
}

.h20px {
  height: 20px;
}

.mh20px {
  max-height: 20px;
}

.w30px {
  width: 30px;
}

.mw30px {
  max-width: 30px;
}

.h30px {
  height: 30px;
}

.mh30px {
  max-height: 30px;
}

.w40px {
  width: 40px;
}

.mw40px {
  max-width: 40px;
}

.h40px {
  height: 40px;
}

.mh40px {
  max-height: 40px;
}

.w50px {
  width: 50px;
}

.mw50px {
  max-width: 50px;
}

.h50px {
  height: 50px;
}

.mh50px {
  max-height: 50px;
}

.w60px {
  width: 60px;
}

.mw60px {
  max-width: 60px;
}

.h60px {
  height: 60px;
}

.mh60px {
  max-height: 60px;
}

.w70px {
  width: 70px;
}

.mw70px {
  max-width: 70px;
}

.h70px {
  height: 70px;
}

.mh70px {
  max-height: 70px;
}

.w80px {
  width: 80px;
}

.mw80px {
  max-width: 80px;
}

.h80px {
  height: 80px;
}

.mh80px {
  max-height: 80px;
}

.w90px {
  width: 90px;
}

.mw90px {
  max-width: 90px;
}

.h90px {
  height: 90px;
}

.mh90px {
  max-height: 90px;
}

.w100px {
  width: 100px;
}

.mw100px {
  max-width: 100px;
}

.h100px {
  height: 100px;
}

.mh100px {
  max-height: 100px;
}

.w110px {
  width: 110px;
}

.mw110px {
  max-width: 110px;
}

.h110px {
  height: 110px;
}

.mh110px {
  max-height: 110px;
}

.w120px {
  width: 120px;
}

.mw120px {
  max-width: 120px;
}

.h120px {
  height: 120px;
}

.mh120px {
  max-height: 120px;
}

.w130px {
  width: 130px;
}

.mw130px {
  max-width: 130px;
}

.h130px {
  height: 130px;
}

.mh130px {
  max-height: 130px;
}

.w140px {
  width: 140px;
}

.mw140px {
  max-width: 140px;
}

.h140px {
  height: 140px;
}

.mh140px {
  max-height: 140px;
}

.w150px {
  width: 150px;
}

.mw150px {
  max-width: 150px;
}

.h150px {
  height: 150px;
}

.mh150px {
  max-height: 150px;
}

.w160px {
  width: 160px;
}

.mw160px {
  max-width: 160px;
}

.h160px {
  height: 160px;
}

.mh160px {
  max-height: 160px;
}

.w170px {
  width: 170px;
}

.mw170px {
  max-width: 170px;
}

.h170px {
  height: 170px;
}

.mh170px {
  max-height: 170px;
}

.w180px {
  width: 180px;
}

.mw180px {
  max-width: 180px;
}

.h180px {
  height: 180px;
}

.mh180px {
  max-height: 180px;
}

.w190px {
  width: 190px;
}

.mw190px {
  max-width: 190px;
}

.h190px {
  height: 190px;
}

.mh190px {
  max-height: 190px;
}

.w200px {
  width: 200px;
}

.mw200px {
  max-width: 200px;
}

.h200px {
  height: 200px;
}

.mh200px {
  max-height: 200px;
}

.w210px {
  width: 210px;
}

.mw210px {
  max-width: 210px;
}

.h210px {
  height: 210px;
}

.mh210px {
  max-height: 210px;
}

.w220px {
  width: 220px;
}

.mw220px {
  max-width: 220px;
}

.h220px {
  height: 220px;
}

.mh220px {
  max-height: 220px;
}

.w230px {
  width: 230px;
}

.mw230px {
  max-width: 230px;
}

.h230px {
  height: 230px;
}

.mh230px {
  max-height: 230px;
}

.w240px {
  width: 240px;
}

.mw240px {
  max-width: 240px;
}

.h240px {
  height: 240px;
}

.mh240px {
  max-height: 240px;
}

.w250px {
  width: 250px;
}

.mw250px {
  max-width: 250px;
}

.h250px {
  height: 250px;
}

.mh250px {
  max-height: 250px;
}

.w260px {
  width: 260px;
}

.mw260px {
  max-width: 260px;
}

.h260px {
  height: 260px;
}

.mh260px {
  max-height: 260px;
}

.w270px {
  width: 270px;
}

.mw270px {
  max-width: 270px;
}

.h270px {
  height: 270px;
}

.mh270px {
  max-height: 270px;
}

.w280px {
  width: 280px;
}

.mw280px {
  max-width: 280px;
}

.h280px {
  height: 280px;
}

.mh280px {
  max-height: 280px;
}

.w290px {
  width: 290px;
}

.mw290px {
  max-width: 290px;
}

.h290px {
  height: 290px;
}

.mh290px {
  max-height: 290px;
}

.w300px {
  width: 300px;
}

.mw300px {
  max-width: 300px;
}

.h300px {
  height: 300px;
}

.mh300px {
  max-height: 300px;
}

.w310px {
  width: 310px;
}

.mw310px {
  max-width: 310px;
}

.h310px {
  height: 310px;
}

.mh310px {
  max-height: 310px;
}

.w320px {
  width: 320px;
}

.mw320px {
  max-width: 320px;
}

.h320px {
  height: 320px;
}

.mh320px {
  max-height: 320px;
}

.w330px {
  width: 330px;
}

.mw330px {
  max-width: 330px;
}

.h330px {
  height: 330px;
}

.mh330px {
  max-height: 330px;
}

.w340px {
  width: 340px;
}

.mw340px {
  max-width: 340px;
}

.h340px {
  height: 340px;
}

.mh340px {
  max-height: 340px;
}

.w350px {
  width: 350px;
}

.mw350px {
  max-width: 350px;
}

.h350px {
  height: 350px;
}

.mh350px {
  max-height: 350px;
}

.w360px {
  width: 360px;
}

.mw360px {
  max-width: 360px;
}

.h360px {
  height: 360px;
}

.mh360px {
  max-height: 360px;
}

.w370px {
  width: 370px;
}

.mw370px {
  max-width: 370px;
}

.h370px {
  height: 370px;
}

.mh370px {
  max-height: 370px;
}

.w380px {
  width: 380px;
}

.mw380px {
  max-width: 380px;
}

.h380px {
  height: 380px;
}

.mh380px {
  max-height: 380px;
}

.w390px {
  width: 390px;
}

.mw390px {
  max-width: 390px;
}

.h390px {
  height: 390px;
}

.mh390px {
  max-height: 390px;
}

.w400px {
  width: 400px;
}

.mw400px {
  max-width: 400px;
}

.h400px {
  height: 400px;
}

.mh400px {
  max-height: 400px;
}

.w410px {
  width: 410px;
}

.mw410px {
  max-width: 410px;
}

.h410px {
  height: 410px;
}

.mh410px {
  max-height: 410px;
}

.w420px {
  width: 420px;
}

.mw420px {
  max-width: 420px;
}

.h420px {
  height: 420px;
}

.mh420px {
  max-height: 420px;
}

.w430px {
  width: 430px;
}

.mw430px {
  max-width: 430px;
}

.h430px {
  height: 430px;
}

.mh430px {
  max-height: 430px;
}

.w440px {
  width: 440px;
}

.mw440px {
  max-width: 440px;
}

.h440px {
  height: 440px;
}

.mh440px {
  max-height: 440px;
}

.w450px {
  width: 450px;
}

.mw450px {
  max-width: 450px;
}

.h450px {
  height: 450px;
}

.mh450px {
  max-height: 450px;
}

.w460px {
  width: 460px;
}

.mw460px {
  max-width: 460px;
}

.h460px {
  height: 460px;
}

.mh460px {
  max-height: 460px;
}

.w470px {
  width: 470px;
}

.mw470px {
  max-width: 470px;
}

.h470px {
  height: 470px;
}

.mh470px {
  max-height: 470px;
}

.w480px {
  width: 480px;
}

.mw480px {
  max-width: 480px;
}

.h480px {
  height: 480px;
}

.mh480px {
  max-height: 480px;
}

.w490px {
  width: 490px;
}

.mw490px {
  max-width: 490px;
}

.h490px {
  height: 490px;
}

.mh490px {
  max-height: 490px;
}

.w500px {
  width: 500px;
}

.mw500px {
  max-width: 500px;
}

.h500px {
  height: 500px;
}

.mh500px {
  max-height: 500px;
}

.w510px {
  width: 510px;
}

.mw510px {
  max-width: 510px;
}

.h510px {
  height: 510px;
}

.mh510px {
  max-height: 510px;
}

.w520px {
  width: 520px;
}

.mw520px {
  max-width: 520px;
}

.h520px {
  height: 520px;
}

.mh520px {
  max-height: 520px;
}

.w530px {
  width: 530px;
}

.mw530px {
  max-width: 530px;
}

.h530px {
  height: 530px;
}

.mh530px {
  max-height: 530px;
}

.w540px {
  width: 540px;
}

.mw540px {
  max-width: 540px;
}

.h540px {
  height: 540px;
}

.mh540px {
  max-height: 540px;
}

.w550px {
  width: 550px;
}

.mw550px {
  max-width: 550px;
}

.h550px {
  height: 550px;
}

.mh550px {
  max-height: 550px;
}

.w560px {
  width: 560px;
}

.mw560px {
  max-width: 560px;
}

.h560px {
  height: 560px;
}

.mh560px {
  max-height: 560px;
}

.w570px {
  width: 570px;
}

.mw570px {
  max-width: 570px;
}

.h570px {
  height: 570px;
}

.mh570px {
  max-height: 570px;
}

.w580px {
  width: 580px;
}

.mw580px {
  max-width: 580px;
}

.h580px {
  height: 580px;
}

.mh580px {
  max-height: 580px;
}

.w590px {
  width: 590px;
}

.mw590px {
  max-width: 590px;
}

.h590px {
  height: 590px;
}

.mh590px {
  max-height: 590px;
}

.w600px {
  width: 600px;
}

.mw600px {
  max-width: 600px;
}

.h600px {
  height: 600px;
}

.mh600px {
  max-height: 600px;
}

.w610px {
  width: 610px;
}

.mw610px {
  max-width: 610px;
}

.h610px {
  height: 610px;
}

.mh610px {
  max-height: 610px;
}

.w620px {
  width: 620px;
}

.mw620px {
  max-width: 620px;
}

.h620px {
  height: 620px;
}

.mh620px {
  max-height: 620px;
}

.w630px {
  width: 630px;
}

.mw630px {
  max-width: 630px;
}

.h630px {
  height: 630px;
}

.mh630px {
  max-height: 630px;
}

.w640px {
  width: 640px;
}

.mw640px {
  max-width: 640px;
}

.h640px {
  height: 640px;
}

.mh640px {
  max-height: 640px;
}

.w650px {
  width: 650px;
}

.mw650px {
  max-width: 650px;
}

.h650px {
  height: 650px;
}

.mh650px {
  max-height: 650px;
}

.w660px {
  width: 660px;
}

.mw660px {
  max-width: 660px;
}

.h660px {
  height: 660px;
}

.mh660px {
  max-height: 660px;
}

.w670px {
  width: 670px;
}

.mw670px {
  max-width: 670px;
}

.h670px {
  height: 670px;
}

.mh670px {
  max-height: 670px;
}

.w680px {
  width: 680px;
}

.mw680px {
  max-width: 680px;
}

.h680px {
  height: 680px;
}

.mh680px {
  max-height: 680px;
}

.w690px {
  width: 690px;
}

.mw690px {
  max-width: 690px;
}

.h690px {
  height: 690px;
}

.mh690px {
  max-height: 690px;
}

.w700px {
  width: 700px;
}

.mw700px {
  max-width: 700px;
}

.h700px {
  height: 700px;
}

.mh700px {
  max-height: 700px;
}

.w710px {
  width: 710px;
}

.mw710px {
  max-width: 710px;
}

.h710px {
  height: 710px;
}

.mh710px {
  max-height: 710px;
}

.w720px {
  width: 720px;
}

.mw720px {
  max-width: 720px;
}

.h720px {
  height: 720px;
}

.mh720px {
  max-height: 720px;
}

.w730px {
  width: 730px;
}

.mw730px {
  max-width: 730px;
}

.h730px {
  height: 730px;
}

.mh730px {
  max-height: 730px;
}

.w740px {
  width: 740px;
}

.mw740px {
  max-width: 740px;
}

.h740px {
  height: 740px;
}

.mh740px {
  max-height: 740px;
}

.w750px {
  width: 750px;
}

.mw750px {
  max-width: 750px;
}

.h750px {
  height: 750px;
}

.mh750px {
  max-height: 750px;
}

.w760px {
  width: 760px;
}

.mw760px {
  max-width: 760px;
}

.h760px {
  height: 760px;
}

.mh760px {
  max-height: 760px;
}

.w770px {
  width: 770px;
}

.mw770px {
  max-width: 770px;
}

.h770px {
  height: 770px;
}

.mh770px {
  max-height: 770px;
}

.w780px {
  width: 780px;
}

.mw780px {
  max-width: 780px;
}

.h780px {
  height: 780px;
}

.mh780px {
  max-height: 780px;
}

.w790px {
  width: 790px;
}

.mw790px {
  max-width: 790px;
}

.h790px {
  height: 790px;
}

.mh790px {
  max-height: 790px;
}

.w800px {
  width: 800px;
}

.mw800px {
  max-width: 800px;
}

.h800px {
  height: 800px;
}

.mh800px {
  max-height: 800px;
}

.w810px {
  width: 810px;
}

.mw810px {
  max-width: 810px;
}

.h810px {
  height: 810px;
}

.mh810px {
  max-height: 810px;
}

.w820px {
  width: 820px;
}

.mw820px {
  max-width: 820px;
}

.h820px {
  height: 820px;
}

.mh820px {
  max-height: 820px;
}

.w830px {
  width: 830px;
}

.mw830px {
  max-width: 830px;
}

.h830px {
  height: 830px;
}

.mh830px {
  max-height: 830px;
}

.w840px {
  width: 840px;
}

.mw840px {
  max-width: 840px;
}

.h840px {
  height: 840px;
}

.mh840px {
  max-height: 840px;
}

.w850px {
  width: 850px;
}

.mw850px {
  max-width: 850px;
}

.h850px {
  height: 850px;
}

.mh850px {
  max-height: 850px;
}

.w860px {
  width: 860px;
}

.mw860px {
  max-width: 860px;
}

.h860px {
  height: 860px;
}

.mh860px {
  max-height: 860px;
}

.w870px {
  width: 870px;
}

.mw870px {
  max-width: 870px;
}

.h870px {
  height: 870px;
}

.mh870px {
  max-height: 870px;
}

.w880px {
  width: 880px;
}

.mw880px {
  max-width: 880px;
}

.h880px {
  height: 880px;
}

.mh880px {
  max-height: 880px;
}

.w890px {
  width: 890px;
}

.mw890px {
  max-width: 890px;
}

.h890px {
  height: 890px;
}

.mh890px {
  max-height: 890px;
}

.w900px {
  width: 900px;
}

.mw900px {
  max-width: 900px;
}

.h900px {
  height: 900px;
}

.mh900px {
  max-height: 900px;
}

.w910px {
  width: 910px;
}

.mw910px {
  max-width: 910px;
}

.h910px {
  height: 910px;
}

.mh910px {
  max-height: 910px;
}

.w920px {
  width: 920px;
}

.mw920px {
  max-width: 920px;
}

.h920px {
  height: 920px;
}

.mh920px {
  max-height: 920px;
}

.w930px {
  width: 930px;
}

.mw930px {
  max-width: 930px;
}

.h930px {
  height: 930px;
}

.mh930px {
  max-height: 930px;
}

.w940px {
  width: 940px;
}

.mw940px {
  max-width: 940px;
}

.h940px {
  height: 940px;
}

.mh940px {
  max-height: 940px;
}

.w950px {
  width: 950px;
}

.mw950px {
  max-width: 950px;
}

.h950px {
  height: 950px;
}

.mh950px {
  max-height: 950px;
}

.w960px {
  width: 960px;
}

.mw960px {
  max-width: 960px;
}

.h960px {
  height: 960px;
}

.mh960px {
  max-height: 960px;
}

.w970px {
  width: 970px;
}

.mw970px {
  max-width: 970px;
}

.h970px {
  height: 970px;
}

.mh970px {
  max-height: 970px;
}

.w980px {
  width: 980px;
}

.mw980px {
  max-width: 980px;
}

.h980px {
  height: 980px;
}

.mh980px {
  max-height: 980px;
}

.w990px {
  width: 990px;
}

.mw990px {
  max-width: 990px;
}

.h990px {
  height: 990px;
}

.mh990px {
  max-height: 990px;
}

.w1000px {
  width: 1000px;
}

.mw1000px {
  max-width: 1000px;
}

.h1000px {
  height: 1000px;
}

.mh1000px {
  max-height: 1000px;
}

@media (min-width: 992px) {
  .w10px-pc {
    width: 10px;
  }
  .mw10px-pc {
    max-width: 10px;
  }
  .h10px-pc {
    height: 10px;
  }
  .mh10px-pc {
    max-height: 10px;
  }
}

@media (min-width: 992px) {
  .w20px-pc {
    width: 20px;
  }
  .mw20px-pc {
    max-width: 20px;
  }
  .h20px-pc {
    height: 20px;
  }
  .mh20px-pc {
    max-height: 20px;
  }
}

@media (min-width: 992px) {
  .w30px-pc {
    width: 30px;
  }
  .mw30px-pc {
    max-width: 30px;
  }
  .h30px-pc {
    height: 30px;
  }
  .mh30px-pc {
    max-height: 30px;
  }
}

@media (min-width: 992px) {
  .w40px-pc {
    width: 40px;
  }
  .mw40px-pc {
    max-width: 40px;
  }
  .h40px-pc {
    height: 40px;
  }
  .mh40px-pc {
    max-height: 40px;
  }
}

@media (min-width: 992px) {
  .w50px-pc {
    width: 50px;
  }
  .mw50px-pc {
    max-width: 50px;
  }
  .h50px-pc {
    height: 50px;
  }
  .mh50px-pc {
    max-height: 50px;
  }
}

@media (min-width: 992px) {
  .w60px-pc {
    width: 60px;
  }
  .mw60px-pc {
    max-width: 60px;
  }
  .h60px-pc {
    height: 60px;
  }
  .mh60px-pc {
    max-height: 60px;
  }
}

@media (min-width: 992px) {
  .w70px-pc {
    width: 70px;
  }
  .mw70px-pc {
    max-width: 70px;
  }
  .h70px-pc {
    height: 70px;
  }
  .mh70px-pc {
    max-height: 70px;
  }
}

@media (min-width: 992px) {
  .w80px-pc {
    width: 80px;
  }
  .mw80px-pc {
    max-width: 80px;
  }
  .h80px-pc {
    height: 80px;
  }
  .mh80px-pc {
    max-height: 80px;
  }
}

@media (min-width: 992px) {
  .w90px-pc {
    width: 90px;
  }
  .mw90px-pc {
    max-width: 90px;
  }
  .h90px-pc {
    height: 90px;
  }
  .mh90px-pc {
    max-height: 90px;
  }
}

@media (min-width: 992px) {
  .w100px-pc {
    width: 100px;
  }
  .mw100px-pc {
    max-width: 100px;
  }
  .h100px-pc {
    height: 100px;
  }
  .mh100px-pc {
    max-height: 100px;
  }
}

@media (min-width: 992px) {
  .w110px-pc {
    width: 110px;
  }
  .mw110px-pc {
    max-width: 110px;
  }
  .h110px-pc {
    height: 110px;
  }
  .mh110px-pc {
    max-height: 110px;
  }
}

@media (min-width: 992px) {
  .w120px-pc {
    width: 120px;
  }
  .mw120px-pc {
    max-width: 120px;
  }
  .h120px-pc {
    height: 120px;
  }
  .mh120px-pc {
    max-height: 120px;
  }
}

@media (min-width: 992px) {
  .w130px-pc {
    width: 130px;
  }
  .mw130px-pc {
    max-width: 130px;
  }
  .h130px-pc {
    height: 130px;
  }
  .mh130px-pc {
    max-height: 130px;
  }
}

@media (min-width: 992px) {
  .w140px-pc {
    width: 140px;
  }
  .mw140px-pc {
    max-width: 140px;
  }
  .h140px-pc {
    height: 140px;
  }
  .mh140px-pc {
    max-height: 140px;
  }
}

@media (min-width: 992px) {
  .w150px-pc {
    width: 150px;
  }
  .mw150px-pc {
    max-width: 150px;
  }
  .h150px-pc {
    height: 150px;
  }
  .mh150px-pc {
    max-height: 150px;
  }
}

@media (min-width: 992px) {
  .w160px-pc {
    width: 160px;
  }
  .mw160px-pc {
    max-width: 160px;
  }
  .h160px-pc {
    height: 160px;
  }
  .mh160px-pc {
    max-height: 160px;
  }
}

@media (min-width: 992px) {
  .w170px-pc {
    width: 170px;
  }
  .mw170px-pc {
    max-width: 170px;
  }
  .h170px-pc {
    height: 170px;
  }
  .mh170px-pc {
    max-height: 170px;
  }
}

@media (min-width: 992px) {
  .w180px-pc {
    width: 180px;
  }
  .mw180px-pc {
    max-width: 180px;
  }
  .h180px-pc {
    height: 180px;
  }
  .mh180px-pc {
    max-height: 180px;
  }
}

@media (min-width: 992px) {
  .w190px-pc {
    width: 190px;
  }
  .mw190px-pc {
    max-width: 190px;
  }
  .h190px-pc {
    height: 190px;
  }
  .mh190px-pc {
    max-height: 190px;
  }
}

@media (min-width: 992px) {
  .w200px-pc {
    width: 200px;
  }
  .mw200px-pc {
    max-width: 200px;
  }
  .h200px-pc {
    height: 200px;
  }
  .mh200px-pc {
    max-height: 200px;
  }
}

@media (min-width: 992px) {
  .w210px-pc {
    width: 210px;
  }
  .mw210px-pc {
    max-width: 210px;
  }
  .h210px-pc {
    height: 210px;
  }
  .mh210px-pc {
    max-height: 210px;
  }
}

@media (min-width: 992px) {
  .w220px-pc {
    width: 220px;
  }
  .mw220px-pc {
    max-width: 220px;
  }
  .h220px-pc {
    height: 220px;
  }
  .mh220px-pc {
    max-height: 220px;
  }
}

@media (min-width: 992px) {
  .w230px-pc {
    width: 230px;
  }
  .mw230px-pc {
    max-width: 230px;
  }
  .h230px-pc {
    height: 230px;
  }
  .mh230px-pc {
    max-height: 230px;
  }
}

@media (min-width: 992px) {
  .w240px-pc {
    width: 240px;
  }
  .mw240px-pc {
    max-width: 240px;
  }
  .h240px-pc {
    height: 240px;
  }
  .mh240px-pc {
    max-height: 240px;
  }
}

@media (min-width: 992px) {
  .w250px-pc {
    width: 250px;
  }
  .mw250px-pc {
    max-width: 250px;
  }
  .h250px-pc {
    height: 250px;
  }
  .mh250px-pc {
    max-height: 250px;
  }
}

@media (min-width: 992px) {
  .w260px-pc {
    width: 260px;
  }
  .mw260px-pc {
    max-width: 260px;
  }
  .h260px-pc {
    height: 260px;
  }
  .mh260px-pc {
    max-height: 260px;
  }
}

@media (min-width: 992px) {
  .w270px-pc {
    width: 270px;
  }
  .mw270px-pc {
    max-width: 270px;
  }
  .h270px-pc {
    height: 270px;
  }
  .mh270px-pc {
    max-height: 270px;
  }
}

@media (min-width: 992px) {
  .w280px-pc {
    width: 280px;
  }
  .mw280px-pc {
    max-width: 280px;
  }
  .h280px-pc {
    height: 280px;
  }
  .mh280px-pc {
    max-height: 280px;
  }
}

@media (min-width: 992px) {
  .w290px-pc {
    width: 290px;
  }
  .mw290px-pc {
    max-width: 290px;
  }
  .h290px-pc {
    height: 290px;
  }
  .mh290px-pc {
    max-height: 290px;
  }
}

@media (min-width: 992px) {
  .w300px-pc {
    width: 300px;
  }
  .mw300px-pc {
    max-width: 300px;
  }
  .h300px-pc {
    height: 300px;
  }
  .mh300px-pc {
    max-height: 300px;
  }
}

@media (min-width: 992px) {
  .w310px-pc {
    width: 310px;
  }
  .mw310px-pc {
    max-width: 310px;
  }
  .h310px-pc {
    height: 310px;
  }
  .mh310px-pc {
    max-height: 310px;
  }
}

@media (min-width: 992px) {
  .w320px-pc {
    width: 320px;
  }
  .mw320px-pc {
    max-width: 320px;
  }
  .h320px-pc {
    height: 320px;
  }
  .mh320px-pc {
    max-height: 320px;
  }
}

@media (min-width: 992px) {
  .w330px-pc {
    width: 330px;
  }
  .mw330px-pc {
    max-width: 330px;
  }
  .h330px-pc {
    height: 330px;
  }
  .mh330px-pc {
    max-height: 330px;
  }
}

@media (min-width: 992px) {
  .w340px-pc {
    width: 340px;
  }
  .mw340px-pc {
    max-width: 340px;
  }
  .h340px-pc {
    height: 340px;
  }
  .mh340px-pc {
    max-height: 340px;
  }
}

@media (min-width: 992px) {
  .w350px-pc {
    width: 350px;
  }
  .mw350px-pc {
    max-width: 350px;
  }
  .h350px-pc {
    height: 350px;
  }
  .mh350px-pc {
    max-height: 350px;
  }
}

@media (min-width: 992px) {
  .w360px-pc {
    width: 360px;
  }
  .mw360px-pc {
    max-width: 360px;
  }
  .h360px-pc {
    height: 360px;
  }
  .mh360px-pc {
    max-height: 360px;
  }
}

@media (min-width: 992px) {
  .w370px-pc {
    width: 370px;
  }
  .mw370px-pc {
    max-width: 370px;
  }
  .h370px-pc {
    height: 370px;
  }
  .mh370px-pc {
    max-height: 370px;
  }
}

@media (min-width: 992px) {
  .w380px-pc {
    width: 380px;
  }
  .mw380px-pc {
    max-width: 380px;
  }
  .h380px-pc {
    height: 380px;
  }
  .mh380px-pc {
    max-height: 380px;
  }
}

@media (min-width: 992px) {
  .w390px-pc {
    width: 390px;
  }
  .mw390px-pc {
    max-width: 390px;
  }
  .h390px-pc {
    height: 390px;
  }
  .mh390px-pc {
    max-height: 390px;
  }
}

@media (min-width: 992px) {
  .w400px-pc {
    width: 400px;
  }
  .mw400px-pc {
    max-width: 400px;
  }
  .h400px-pc {
    height: 400px;
  }
  .mh400px-pc {
    max-height: 400px;
  }
}

@media (min-width: 992px) {
  .w410px-pc {
    width: 410px;
  }
  .mw410px-pc {
    max-width: 410px;
  }
  .h410px-pc {
    height: 410px;
  }
  .mh410px-pc {
    max-height: 410px;
  }
}

@media (min-width: 992px) {
  .w420px-pc {
    width: 420px;
  }
  .mw420px-pc {
    max-width: 420px;
  }
  .h420px-pc {
    height: 420px;
  }
  .mh420px-pc {
    max-height: 420px;
  }
}

@media (min-width: 992px) {
  .w430px-pc {
    width: 430px;
  }
  .mw430px-pc {
    max-width: 430px;
  }
  .h430px-pc {
    height: 430px;
  }
  .mh430px-pc {
    max-height: 430px;
  }
}

@media (min-width: 992px) {
  .w440px-pc {
    width: 440px;
  }
  .mw440px-pc {
    max-width: 440px;
  }
  .h440px-pc {
    height: 440px;
  }
  .mh440px-pc {
    max-height: 440px;
  }
}

@media (min-width: 992px) {
  .w450px-pc {
    width: 450px;
  }
  .mw450px-pc {
    max-width: 450px;
  }
  .h450px-pc {
    height: 450px;
  }
  .mh450px-pc {
    max-height: 450px;
  }
}

@media (min-width: 992px) {
  .w460px-pc {
    width: 460px;
  }
  .mw460px-pc {
    max-width: 460px;
  }
  .h460px-pc {
    height: 460px;
  }
  .mh460px-pc {
    max-height: 460px;
  }
}

@media (min-width: 992px) {
  .w470px-pc {
    width: 470px;
  }
  .mw470px-pc {
    max-width: 470px;
  }
  .h470px-pc {
    height: 470px;
  }
  .mh470px-pc {
    max-height: 470px;
  }
}

@media (min-width: 992px) {
  .w480px-pc {
    width: 480px;
  }
  .mw480px-pc {
    max-width: 480px;
  }
  .h480px-pc {
    height: 480px;
  }
  .mh480px-pc {
    max-height: 480px;
  }
}

@media (min-width: 992px) {
  .w490px-pc {
    width: 490px;
  }
  .mw490px-pc {
    max-width: 490px;
  }
  .h490px-pc {
    height: 490px;
  }
  .mh490px-pc {
    max-height: 490px;
  }
}

@media (min-width: 992px) {
  .w500px-pc {
    width: 500px;
  }
  .mw500px-pc {
    max-width: 500px;
  }
  .h500px-pc {
    height: 500px;
  }
  .mh500px-pc {
    max-height: 500px;
  }
}

@media (min-width: 992px) {
  .w510px-pc {
    width: 510px;
  }
  .mw510px-pc {
    max-width: 510px;
  }
  .h510px-pc {
    height: 510px;
  }
  .mh510px-pc {
    max-height: 510px;
  }
}

@media (min-width: 992px) {
  .w520px-pc {
    width: 520px;
  }
  .mw520px-pc {
    max-width: 520px;
  }
  .h520px-pc {
    height: 520px;
  }
  .mh520px-pc {
    max-height: 520px;
  }
}

@media (min-width: 992px) {
  .w530px-pc {
    width: 530px;
  }
  .mw530px-pc {
    max-width: 530px;
  }
  .h530px-pc {
    height: 530px;
  }
  .mh530px-pc {
    max-height: 530px;
  }
}

@media (min-width: 992px) {
  .w540px-pc {
    width: 540px;
  }
  .mw540px-pc {
    max-width: 540px;
  }
  .h540px-pc {
    height: 540px;
  }
  .mh540px-pc {
    max-height: 540px;
  }
}

@media (min-width: 992px) {
  .w550px-pc {
    width: 550px;
  }
  .mw550px-pc {
    max-width: 550px;
  }
  .h550px-pc {
    height: 550px;
  }
  .mh550px-pc {
    max-height: 550px;
  }
}

@media (min-width: 992px) {
  .w560px-pc {
    width: 560px;
  }
  .mw560px-pc {
    max-width: 560px;
  }
  .h560px-pc {
    height: 560px;
  }
  .mh560px-pc {
    max-height: 560px;
  }
}

@media (min-width: 992px) {
  .w570px-pc {
    width: 570px;
  }
  .mw570px-pc {
    max-width: 570px;
  }
  .h570px-pc {
    height: 570px;
  }
  .mh570px-pc {
    max-height: 570px;
  }
}

@media (min-width: 992px) {
  .w580px-pc {
    width: 580px;
  }
  .mw580px-pc {
    max-width: 580px;
  }
  .h580px-pc {
    height: 580px;
  }
  .mh580px-pc {
    max-height: 580px;
  }
}

@media (min-width: 992px) {
  .w590px-pc {
    width: 590px;
  }
  .mw590px-pc {
    max-width: 590px;
  }
  .h590px-pc {
    height: 590px;
  }
  .mh590px-pc {
    max-height: 590px;
  }
}

@media (min-width: 992px) {
  .w600px-pc {
    width: 600px;
  }
  .mw600px-pc {
    max-width: 600px;
  }
  .h600px-pc {
    height: 600px;
  }
  .mh600px-pc {
    max-height: 600px;
  }
}

@media (min-width: 992px) {
  .w610px-pc {
    width: 610px;
  }
  .mw610px-pc {
    max-width: 610px;
  }
  .h610px-pc {
    height: 610px;
  }
  .mh610px-pc {
    max-height: 610px;
  }
}

@media (min-width: 992px) {
  .w620px-pc {
    width: 620px;
  }
  .mw620px-pc {
    max-width: 620px;
  }
  .h620px-pc {
    height: 620px;
  }
  .mh620px-pc {
    max-height: 620px;
  }
}

@media (min-width: 992px) {
  .w630px-pc {
    width: 630px;
  }
  .mw630px-pc {
    max-width: 630px;
  }
  .h630px-pc {
    height: 630px;
  }
  .mh630px-pc {
    max-height: 630px;
  }
}

@media (min-width: 992px) {
  .w640px-pc {
    width: 640px;
  }
  .mw640px-pc {
    max-width: 640px;
  }
  .h640px-pc {
    height: 640px;
  }
  .mh640px-pc {
    max-height: 640px;
  }
}

@media (min-width: 992px) {
  .w650px-pc {
    width: 650px;
  }
  .mw650px-pc {
    max-width: 650px;
  }
  .h650px-pc {
    height: 650px;
  }
  .mh650px-pc {
    max-height: 650px;
  }
}

@media (min-width: 992px) {
  .w660px-pc {
    width: 660px;
  }
  .mw660px-pc {
    max-width: 660px;
  }
  .h660px-pc {
    height: 660px;
  }
  .mh660px-pc {
    max-height: 660px;
  }
}

@media (min-width: 992px) {
  .w670px-pc {
    width: 670px;
  }
  .mw670px-pc {
    max-width: 670px;
  }
  .h670px-pc {
    height: 670px;
  }
  .mh670px-pc {
    max-height: 670px;
  }
}

@media (min-width: 992px) {
  .w680px-pc {
    width: 680px;
  }
  .mw680px-pc {
    max-width: 680px;
  }
  .h680px-pc {
    height: 680px;
  }
  .mh680px-pc {
    max-height: 680px;
  }
}

@media (min-width: 992px) {
  .w690px-pc {
    width: 690px;
  }
  .mw690px-pc {
    max-width: 690px;
  }
  .h690px-pc {
    height: 690px;
  }
  .mh690px-pc {
    max-height: 690px;
  }
}

@media (min-width: 992px) {
  .w700px-pc {
    width: 700px;
  }
  .mw700px-pc {
    max-width: 700px;
  }
  .h700px-pc {
    height: 700px;
  }
  .mh700px-pc {
    max-height: 700px;
  }
}

@media (min-width: 992px) {
  .w710px-pc {
    width: 710px;
  }
  .mw710px-pc {
    max-width: 710px;
  }
  .h710px-pc {
    height: 710px;
  }
  .mh710px-pc {
    max-height: 710px;
  }
}

@media (min-width: 992px) {
  .w720px-pc {
    width: 720px;
  }
  .mw720px-pc {
    max-width: 720px;
  }
  .h720px-pc {
    height: 720px;
  }
  .mh720px-pc {
    max-height: 720px;
  }
}

@media (min-width: 992px) {
  .w730px-pc {
    width: 730px;
  }
  .mw730px-pc {
    max-width: 730px;
  }
  .h730px-pc {
    height: 730px;
  }
  .mh730px-pc {
    max-height: 730px;
  }
}

@media (min-width: 992px) {
  .w740px-pc {
    width: 740px;
  }
  .mw740px-pc {
    max-width: 740px;
  }
  .h740px-pc {
    height: 740px;
  }
  .mh740px-pc {
    max-height: 740px;
  }
}

@media (min-width: 992px) {
  .w750px-pc {
    width: 750px;
  }
  .mw750px-pc {
    max-width: 750px;
  }
  .h750px-pc {
    height: 750px;
  }
  .mh750px-pc {
    max-height: 750px;
  }
}

@media (min-width: 992px) {
  .w760px-pc {
    width: 760px;
  }
  .mw760px-pc {
    max-width: 760px;
  }
  .h760px-pc {
    height: 760px;
  }
  .mh760px-pc {
    max-height: 760px;
  }
}

@media (min-width: 992px) {
  .w770px-pc {
    width: 770px;
  }
  .mw770px-pc {
    max-width: 770px;
  }
  .h770px-pc {
    height: 770px;
  }
  .mh770px-pc {
    max-height: 770px;
  }
}

@media (min-width: 992px) {
  .w780px-pc {
    width: 780px;
  }
  .mw780px-pc {
    max-width: 780px;
  }
  .h780px-pc {
    height: 780px;
  }
  .mh780px-pc {
    max-height: 780px;
  }
}

@media (min-width: 992px) {
  .w790px-pc {
    width: 790px;
  }
  .mw790px-pc {
    max-width: 790px;
  }
  .h790px-pc {
    height: 790px;
  }
  .mh790px-pc {
    max-height: 790px;
  }
}

@media (min-width: 992px) {
  .w800px-pc {
    width: 800px;
  }
  .mw800px-pc {
    max-width: 800px;
  }
  .h800px-pc {
    height: 800px;
  }
  .mh800px-pc {
    max-height: 800px;
  }
}

@media (min-width: 992px) {
  .w810px-pc {
    width: 810px;
  }
  .mw810px-pc {
    max-width: 810px;
  }
  .h810px-pc {
    height: 810px;
  }
  .mh810px-pc {
    max-height: 810px;
  }
}

@media (min-width: 992px) {
  .w820px-pc {
    width: 820px;
  }
  .mw820px-pc {
    max-width: 820px;
  }
  .h820px-pc {
    height: 820px;
  }
  .mh820px-pc {
    max-height: 820px;
  }
}

@media (min-width: 992px) {
  .w830px-pc {
    width: 830px;
  }
  .mw830px-pc {
    max-width: 830px;
  }
  .h830px-pc {
    height: 830px;
  }
  .mh830px-pc {
    max-height: 830px;
  }
}

@media (min-width: 992px) {
  .w840px-pc {
    width: 840px;
  }
  .mw840px-pc {
    max-width: 840px;
  }
  .h840px-pc {
    height: 840px;
  }
  .mh840px-pc {
    max-height: 840px;
  }
}

@media (min-width: 992px) {
  .w850px-pc {
    width: 850px;
  }
  .mw850px-pc {
    max-width: 850px;
  }
  .h850px-pc {
    height: 850px;
  }
  .mh850px-pc {
    max-height: 850px;
  }
}

@media (min-width: 992px) {
  .w860px-pc {
    width: 860px;
  }
  .mw860px-pc {
    max-width: 860px;
  }
  .h860px-pc {
    height: 860px;
  }
  .mh860px-pc {
    max-height: 860px;
  }
}

@media (min-width: 992px) {
  .w870px-pc {
    width: 870px;
  }
  .mw870px-pc {
    max-width: 870px;
  }
  .h870px-pc {
    height: 870px;
  }
  .mh870px-pc {
    max-height: 870px;
  }
}

@media (min-width: 992px) {
  .w880px-pc {
    width: 880px;
  }
  .mw880px-pc {
    max-width: 880px;
  }
  .h880px-pc {
    height: 880px;
  }
  .mh880px-pc {
    max-height: 880px;
  }
}

@media (min-width: 992px) {
  .w890px-pc {
    width: 890px;
  }
  .mw890px-pc {
    max-width: 890px;
  }
  .h890px-pc {
    height: 890px;
  }
  .mh890px-pc {
    max-height: 890px;
  }
}

@media (min-width: 992px) {
  .w900px-pc {
    width: 900px;
  }
  .mw900px-pc {
    max-width: 900px;
  }
  .h900px-pc {
    height: 900px;
  }
  .mh900px-pc {
    max-height: 900px;
  }
}

@media (min-width: 992px) {
  .w910px-pc {
    width: 910px;
  }
  .mw910px-pc {
    max-width: 910px;
  }
  .h910px-pc {
    height: 910px;
  }
  .mh910px-pc {
    max-height: 910px;
  }
}

@media (min-width: 992px) {
  .w920px-pc {
    width: 920px;
  }
  .mw920px-pc {
    max-width: 920px;
  }
  .h920px-pc {
    height: 920px;
  }
  .mh920px-pc {
    max-height: 920px;
  }
}

@media (min-width: 992px) {
  .w930px-pc {
    width: 930px;
  }
  .mw930px-pc {
    max-width: 930px;
  }
  .h930px-pc {
    height: 930px;
  }
  .mh930px-pc {
    max-height: 930px;
  }
}

@media (min-width: 992px) {
  .w940px-pc {
    width: 940px;
  }
  .mw940px-pc {
    max-width: 940px;
  }
  .h940px-pc {
    height: 940px;
  }
  .mh940px-pc {
    max-height: 940px;
  }
}

@media (min-width: 992px) {
  .w950px-pc {
    width: 950px;
  }
  .mw950px-pc {
    max-width: 950px;
  }
  .h950px-pc {
    height: 950px;
  }
  .mh950px-pc {
    max-height: 950px;
  }
}

@media (min-width: 992px) {
  .w960px-pc {
    width: 960px;
  }
  .mw960px-pc {
    max-width: 960px;
  }
  .h960px-pc {
    height: 960px;
  }
  .mh960px-pc {
    max-height: 960px;
  }
}

@media (min-width: 992px) {
  .w970px-pc {
    width: 970px;
  }
  .mw970px-pc {
    max-width: 970px;
  }
  .h970px-pc {
    height: 970px;
  }
  .mh970px-pc {
    max-height: 970px;
  }
}

@media (min-width: 992px) {
  .w980px-pc {
    width: 980px;
  }
  .mw980px-pc {
    max-width: 980px;
  }
  .h980px-pc {
    height: 980px;
  }
  .mh980px-pc {
    max-height: 980px;
  }
}

@media (min-width: 992px) {
  .w990px-pc {
    width: 990px;
  }
  .mw990px-pc {
    max-width: 990px;
  }
  .h990px-pc {
    height: 990px;
  }
  .mh990px-pc {
    max-height: 990px;
  }
}

@media (min-width: 992px) {
  .w1000px-pc {
    width: 1000px;
  }
  .mw1000px-pc {
    max-width: 1000px;
  }
  .h1000px-pc {
    height: 1000px;
  }
  .mh1000px-pc {
    max-height: 1000px;
  }
}

.col-xs-0, .col-sm-0, .col-md-0, .col-lg-0 {
  display: none;
}

.corsor-pointer {
  cursor: pointer;
}

.require_item {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.require_item .require_item_header {
  font-weight: bold;
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

.row::before, .row::after {
  width: 0;
}

.row-eq-height > [class^="col-"] {
  margin-bottom: 20px;
}

.row-eq-height .box {
  height: 100%;
}

.help_personal {
  color: #f1f117;
}

.main-header .logo .logo-lg {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 50px;
  line-height: 50px;
}

.main-header .logo .logo-lg img {
  max-width: 200px;
  max-height: 40px;
}

.main-header .logo .logo-mini img {
  max-width: 50px;
  max-height: 40px;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
  display: none !important;
}

.form-revision .form-group {
  margin-bottom: 0;
}

.colorpicker-element .input-group-addon {
  cursor: pointer;
}

.user-avatar {
  width: 22px;
  height: 22px;
  margin-right: 3px;
  border-radius: 50%;
}

.user-avatar-block {
  margin-right: 3px;
}

/*  Search */
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion, .sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion {
  text-align: center;
  margin-right: 2px;
}

.sidebar-menu > li > a, .sidebar-menu .treeview-menu > li > a {
  padding-left: 10px !important;
}

.sidebar .user-panel > .image > img {
  width: 45px;
  height: 45px;
}

.sidebar-collapse .sidebar .user-panel > .image > img {
  width: 30px;
  height: 30px;
}

.sidebar-toggle {
  position: relative;
}

.search-form {
  width: 400px;
  max-width: 70%;
  margin: 10px 0 0 20px;
  border-radius: 3px;
  float: left;
}

.search-form input[type="text"] {
  color: #666;
  border: 0;
}

.search-form .btn {
  color: #999;
  background-color: #fff;
  border: 0;
}

.navbar-notify .container-notify {
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-notify .container-notify .label-danger {
  font-size: 12px;
}

.navbar-notify .slimScrollDiv, .navbar-notify .slimScrollDiv .menu {
  height: auto !important;
}

.navbar-notify .fa-bell.ring {
  animation: ring_notify 2.4s ease;
  transform-origin: 50% 0%;
}

[copyScript] {
  cursor: pointer;
}

@keyframes ring_notify {
  0% {
    transform: rotate(-15deg);
  }
  1.66667% {
    transform: rotate(15deg);
  }
  3.33333% {
    transform: rotate(-18deg);
  }
  5% {
    transform: rotate(18deg);
  }
  6.66667% {
    transform: rotate(-22deg);
  }
  8.33333% {
    transform: rotate(22deg);
  }
  10% {
    transform: rotate(-18deg);
  }
  11.66667% {
    transform: rotate(18deg);
  }
  13.33333% {
    transform: rotate(-12deg);
  }
  15% {
    transform: rotate(12deg);
  }
  16.66667% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

body .main-header .navbar .nav > li > a > .label {
  font-size: 11px;
}

body .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
  width: 400px;
}

.skin-red .navbar-notify .label-danger, .skin-red-light .navbar-notify .label-danger {
  background-color: yellow !important;
  color: black !important;
}

.ui-autocomplete {
  z-index: 1031;
}

.search-item-icon {
  display: inline-block;
  font-size: 0.9em;
  margin: 0 5px 0 2px;
  padding: 2px 5px;
  background-color: #3c8dbc;
  border-radius: 5px;
  color: white;
}

.search-item-icon i {
  padding-right: 2px;
}

.table-hover > tbody > tr:hover {
  background-color: #DFDFDF;
  cursor: pointer;
}

.ul-hover > li:hover {
  background-color: #DFDFDF;
  cursor: pointer;
}

.has-many-table .input-group {
  margin-left: auto;
  margin-right: auto;
}

.has-many-table .bootstrap-switch {
  display: block;
  margin: 0 auto;
}

.has-many-table .has-error .control-label {
  text-align: left;
}

.dropdown-menu .dropdown-header {
  font-size: 10px;
  padding-left: 10px;
}

.input-group .input-group-addon {
  min-width: 45px;
}

.embed-value-form .gridembeds-row {
  margin-bottom: 2em;
}

.embed-value-form .gridembeds-row:last-child {
  margin-bottom: 0;
}

.checkbox label.checkboxone-label {
  padding-left: 0;
}

.checkboxtable .checkboxtable-header {
  height: 50px;
  vertical-align: bottom;
}

.checkboxtable .checkboxtable-body {
  height: 30px;
  vertical-align: middle;
}

.box-body .nav-tabs-custom > .tab-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.box-body .nav-tabs-custom > .nav-tabs > li.active > a, .box-body .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #d7e6ef;
}

.calc_formula_modal .col-value-item {
  margin: 2px;
  padding: 4px 5px;
  border: 1px solid black;
  display: inline-block;
  border-radius: 3px;
}

.calc_formula_modal .col-value-item span {
  padding: 0px 12px;
}

.calc_formula_modal .col-target .col-target-block {
  margin-bottom: 2em;
}

.calc_formula_modal .col-target .col-target-block h5, .calc_formula_modal .col-value h5 {
  margin-bottom: 0.25em;
}

.calc_formula_modal .col-target-block-column .btn {
  margin-top: 2px;
  margin-bottom: 2px;
}

.calc_formula_modal .col-value-item-remove {
  cursor: pointer;
}

/* box-show */
.box.box-solid.box-default.box-show {
  border: none;
}

.box.box-solid.box-default.box-show .box-body {
  padding-top: 7px;
  word-wrap: break-word;
}

/* box-dashboard */
.row.row-dashboard {
  margin-bottom: 20px;
}

.box.box-dashboard .box-body {
  padding-bottom: 0;
}

.box.box-dashboard .box-body .box-body-inner-header {
  overflow: hidden;
  padding: 5px 0;
}

.box.box-dashboard .box-body .box-body-inner-body {
  overflow: auto;
  min-height: 150px;
  max-height: 400px;
  margin-top: 1em;
}

.box.box-dashboard table {
  margin-bottom: 0;
}

.box.box-dashboard table td, .box.box-dashboard table th {
  word-wrap: break-word;
}

.box.box-dashboard .pagination {
  margin-bottom: 0;
}

.modal-dialog {
  overflow-y: initial !important;
}

.modal-body {
  max-height: calc(100vmin - 200px);
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-body-overflow-hidden .modal-body {
  overflow: hidden;
}

.modal-heightfix.modal-dialog {
  height: 90%;
}

.modal-heightfix .modal-content {
  height: 100%;
}

.modal-heightfix .modal-body {
  height: calc(90vh - 130px);
  max-height: none;
}

.modal-tile .groupheader {
  font-size: 17px;
}

.modal-tile .row {
  display: flex;
  flex-wrap: wrap;
}

.modal-tile .modal-tile-col {
  margin-bottom: 1em;
}

.modal-tile .modal-tile-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}

.modal-tile .modal-tile-item .sub-buttons {
  margin-top: 0.5em;
}

.modal-tile .modal-tile-item .sub-buttons .btn {
  margin-top: 0.2em;
}

.modal-tile .modal-tile-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-tile .modal-tile-item-icon a.btn {
  width: 70px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-tile .modal-tile-item-icon .fa {
  font-size: 40px;
}

.modal-tile .modal-tile-item-header {
  font-size: 15px;
}

.modal-tile .modal-tile-item-description {
  font-size: 12px;
}

.mce-window.mce-in .mce-open {
  display: none;
}

.show-tinymce img {
  max-width: 100%;
}

.has-error .btn-valuemodal, .has-error .text-valuemodal, .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
  color: #dd4b39 !important;
}

.has-error .select2-container--default .select2-selection--single, .has-error .select2-selection .select2-selection--single {
  border-color: #dd4b39;
}

.has-error .fa, .has-error .has-error-text {
  color: #dd4b39;
}

.column-__actions__ {
  min-width: 50px;
}

.bootstrap-duallistbox-container > div:last-child select {
  background-color: #fff900a3;
}

.bootstrap-duallistbox-container label {
  font-size: 0.9em;
}

.file-drop-zone .file-drop-zone-title {
  padding-top: 35px;
  padding-bottom: 35px;
}

/* flexheight */
.flexheight {
  display: flex;
  flex-wrap: wrap;
}

.flexheight .flexheight-inner {
  height: 100%;
}

.swal2-container {
  zoom: 1.3;
}

[data-help-text] {
  cursor: pointer;
}

.form-group .radio-inline:first-child {
  padding-left: 0;
}

.form-group-vertical {
  margin-bottom: 10px;
}

.form-group-showhtml {
  margin-bottom: 15px;
  overflow: hidden;
}

table img.image_html {
  max-width: 200px;
  max-height: 200px;
}

table img.image_html:hover {
  opacity: 0.8;
}

.box-show img.image_html {
  max-width: 100%;
  max-height: 250px;
}

.box-show img.image_html:hover {
  opacity: 0.8;
}

.dd-item {
  cursor: move;
}

.commentline {
  word-wrap: break-word;
}

.commentline .commentline_header {
  margin-bottom: 5px;
}

.system-values {
  margin: 0 auto;
  width: 830px;
}

.system-values .system-values-label {
  margin: 0 0 5px;
  font-weight: bold;
}

.system-values p {
  margin-bottom: 0;
}

.system-values .system-values-list {
  display: inline-flex;
  text-align: left;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

.system-values .system-values-list li {
  list-style: none;
  border-left: solid 6px #2d8fdd;
  margin: 0.5em 2px;
  padding: 0.4em 8px;
  width: 160px;
}

.system-values .system-values-flows {
  margin-bottom: 0.5em;
}

.system-values .system-values-flows .system-values-label {
  margin-right: 0.5em;
  display: inline-block;
}

.system-values .system-values-flows .system-values-item {
  display: inline-block;
}

.system-values .system-values-flows .system-values-flow {
  margin-right: 2em;
  display: inline-block;
}

@media (max-width: 1040px) {
  .system-values {
    width: auto;
  }
  .system-values .system-values-label {
    min-width: 100px;
    margin-bottom: 0;
  }
  .system-values p {
    display: inline-block;
  }
  .system-values .system-values-list {
    display: block;
  }
  .system-values .system-values-list li {
    width: 100%;
    border: none;
    margin-bottom: 5px;
  }
  .system-values .system-values-flows {
    margin-bottom: 0;
    font-size: 0.9em;
  }
  .system-values .system-values-flows .system-values-flow {
    display: block;
    margin: 0.5em 2px;
    padding: 0.4em 8px;
  }
}

.workflow_table_item {
  margin-bottom: 0.7em;
}

.has-many-table-workflow_histories-table th, .has-many-table-workflow_histories-table td {
  text-align: center;
}

.has-many-table-workflow_histories-table tr td:nth-last-child(2) {
  text-align: left;
}

.has-many-table-workflow_histories-table .box-body {
  padding: 0;
}

.skin-blue .system-values li, .skin-blue-light .system-values li {
  border-left-color: #3c8dbc;
}

.skin-yellow .system-values li, .skin-yellow-light .system-values li {
  border-left-color: #f39c12;
}

.skin-green .system-values li, .skin-green-light .system-values li {
  border-left-color: #00a65a;
}

.skin-red .system-values li, .skin-red-light .system-values li {
  border-left-color: #dd4b39;
}

.skin-purple .system-values li, .skin-purple-light .system-values li {
  border-left-color: #605ca8;
}

@media (max-width: 992px) {
  .navbar .sidebar-toggle {
    width: 42px;
  }
  .navbar .search-form {
    width: 100%;
    margin-left: -42px;
    padding-left: 47px;
    margin-right: -55px;
    padding-right: 60px;
    max-width: 100000px;
  }
  .navbar .dropdown-toggle {
    width: 55px;
  }
  .navbar #manual_link {
    display: none;
  }
  .nprogress-custom-parent {
    overflow: visible;
  }
  .embed-value-form .gridembeds-row {
    margin-bottom: 0;
  }
}

.btn.btn-purple {
  color: #FFFFFF;
  background-color: #9174ae;
  border-color: #8575d4;
}

.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active,
.btn.btn-purple.active,
.open .dropdown-toggle.btn.btn-purple {
  color: #FFFFFF;
  background-color: #82689c;
  border-color: #7564c7;
}

.btn.btn-purple:active,
.btn.btn-purple.active,
.open .dropdown-toggle.btn.btn-purple {
  background-image: none;
}

.btn.btn-purple.disabled,
.btn.btn-purple[disabled],
fieldset[disabled] .btn.btn-purple,
.btn.btn-purple.disabled:hover,
.btn.btn-purple[disabled]:hover,
fieldset[disabled] .btn.btn-purple:hover,
.btn.btn-purple.disabled:focus,
.btn.btn-purple[disabled]:focus,
fieldset[disabled] .btn.btn-purple:focus,
.btn.btn-purple.disabled:active,
.btn.btn-purple[disabled]:active,
fieldset[disabled] .btn.btn-purple:active,
.btn .btn-purple.disabled.active,
.btn.btn-purple[disabled].active,
fieldset[disabled] .btn.btn-purple.active {
  background-color: #9174ae;
  border-color: #8575d4;
}

.btn.btn-purple .badge {
  color: #9174ae;
  background-color: #FFFFFF;
}

#tile-template .tile-group-item {
  padding-left: 5px;
  padding-right: 5px;
}

#tile-template .tile-group-item .tile {
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #ddd;
  margin: 5px 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

#tile-template .tile-group-item .tile:hover {
  background-color: #ccf2ff;
}

#tile-template .tile-group-item .tile.active {
  background-color: #32ccff;
}

#tile-template .tile-group-item .tile p {
  margin: 10px 0;
}

#tile-template .tile-group-item .tile .tile-thumbnail {
  flex: 1;
  padding: 3px 5px;
}

#tile-template .tile-group-item .tile .tile-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  padding: 10px 0;
  display: block;
}

#tile-template .tile-group-item .tile .tile-titledescription {
  flex: 3;
  padding: 3px;
}

#tile-template .tile-group-item .tile .tile-titledescription .hasThumbnail {
  flex: 1;
}

#tile-template .tile-group-item .tile .tile-title {
  font-size: 1.1em;
  font-weight: bold;
}

#tile-template .tile-group-item .tile .tile-description {
  font-size: 0.85em;
}

#tile-template .overlay-wrapper {
  min-height: 150px;
  width: 100%;
  position: relative;
}

#tile-template .overlay-wrapper .overlay {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}

#tile-template .row-eq-height > [class^="col-"] {
  margin-bottom: 10px;
}

tr.header-left th {
  text-align: left;
}

tr.header-center th {
  text-align: center;
}

tr.header-right th {
  text-align: right;
}

@media (min-width: 768px) {
  .modal-dialog.modal-xl {
    width: 600px;
  }
}

@media (min-width: 992px) {
  .modal-dialog.modal-xl {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .modal-dialog.modal-xl {
    width: 1140px;
  }
}

.fc-event-container .tooltip {
  word-break: break-all;
}

.fc-scroller.fc-day-grid-container {
  overflow: visible !important;
}

label.checkbox-inline:has(input[readonly][type=checkbox]) {
  pointer-events: none;
}

label.radio-inline:has(input[readonly][type=radio]) {
  pointer-events: none;
}

label.checkboxone-label:has(input[readonly][type=checkbox]) {
  pointer-events: none;
}