/*Font*/

.font-1{
    font-size: 1px;
}
.font-2{
    font-size: 2px;
}
.font-3{
    font-size: 3px;
}
.font-4{
    font-size: 4px;
}
.font-5{
    font-size: 5px;
}
.font-6{
    font-size: 6px;
}
.font-7{
    font-size: 7px;
}
.font-8{
    font-size: 8px;
}
.font-9{
    font-size: 9px;
}
.font-10{
    font-size: 10px;
}

.font-11{
    font-size: 11px;
}
.font-12{
    font-size: 12px;
}
.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14px;
}
.font-15{
    font-size: 15px;
}
.font-16{
    font-size: 16px;
}
.font-17{
    font-size: 17px;
}
.font-18{
    font-size: 18px;
}
.font-19{
    font-size: 19px;
}
.font-20{
    font-size: 20px;
}

.font-21{
    font-size: 21px;
}
.font-22{
    font-size: 22px;
}
.font-23{
    font-size: 23px;
}
.font-24{
    font-size: 24px;
}
.font-25{
    font-size: 25px;
}
.font-26{
    font-size: 26px;
}
.font-27{
    font-size: 27px;
}
.font-28{
    font-size: 28px;
}
.font-29{
    font-size: 29px;
}
.font-30{
    font-size: 30px;
}

.font-31{
    font-size: 31px;
}
.font-32{
    font-size: 32px;
}
.font-33{
    font-size: 33px;
}
.font-34{
    font-size: 34px;
}
.font-35{
    font-size: 35px;
}
.font-36{
    font-size: 36px;
}
.font-37{
    font-size: 37px;
}
.font-38{
    font-size: 38px;
}
.font-39{
    font-size: 39px;
}
.font-40{
    font-size: 40px;
}

.font-41{
    font-size: 41px;
}
.font-42{
    font-size: 42px;
}
.font-43{
    font-size: 43px;
}
.font-44{
    font-size: 44px;
}
.font-45{
    font-size: 45px;
}
.font-46{
    font-size: 46px;
}
.font-47{
    font-size: 47px;
}
.font-48{
    font-size: 48px;
}
.font-49{
    font-size: 49px;
}
.font-50{
    font-size: 50px;
}

.line-7{
    line-height: 7px;
}
.line-8{
    line-height: 8px;
}
.line-9{
    line-height: 9px;
}
.line-10{
    line-height: 10px;
}
.line-11{
    line-height: 11px;
}
.line-12{
    line-height: 12px;
}
.line-13{
    line-height: 13px;
}
.line-14{
    line-height: 14px;
}
.line-15{
    line-height: 15px;
}
.line-normal{
    line-height: normal;
}

.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-justify{
    text-align: justify;
}
.text-header{
    font-size: 20px;
}

.text-lanth-90 {
    display: block;
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-lanth-100 {
  display: block;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-lanth-150 {
  display: block;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-lanth-200 {
  display: block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.div-header{
    margin: 5px 0px 10px 0px
}

.header-tmp{
    border-radius: 0px 50px 50px 0px;
    padding: 5px 10px 5px 10px;
    background: white;
}

.short-1line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
    -webkit-box-orient: vertical;
}

.short-2line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
    -webkit-box-orient: vertical;
}

.short-3line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.text-bold {
    font-weight: bold;
}