.mf-print{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.mf-print >.center{
    max-width: 95%;
    max-height: 95%;
    background: rgb(255, 255, 255);
    padding-bottom: 30px;
    width: 220mm;
    height: 297mm;
}
.mf-print >.center >div.mf-print-detail{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 10px;
}
.mf-print >.center .mf-print-content{
    width: 210mm;
    height: 297mm;
    background: rgb(255, 255, 255);
    overflow: auto;
    padding: 20px;
    border: 1px solid rgb(50, 50, 50);
    padding-top: 180px;
    padding-bottom: 180px;
}
.mf-print >.center >div.mf-print-buttons{
    margin-bottom: -30px;
    height: 30px;
    padding-right: 20px;
    text-align: right;
}
.mf-print .mf-line{
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
#header-title{
    text-align: center;
    margin-top: -180px;
}
#header-title h4{
    margin-bottom : 0px;
}
#h-col-left{
    display: inline-block;
}
#h-col-right{
    display: inline-block;
    float: right;
}
#wrap{
    font-weight: bolder;
}
#col-left{
   display: inline-block;
}
#col-right{
    float: right;
}
.content{
    height: 100%;
}
.sickletter-signature{
  
    height : 120px;
}
.mf-print-content .footer{
    position: relative;
    margin-bottom: -180px;
}
.mf-print-content .footer .consultationFee {
    float: right;
}
.mf-invalid-signature {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    pointer-events: none;
}.rectangle{
    width:30px;
    height:30px;
    border : 1px solid black
}
#patient-name{
    text-decoration: underline;
    font-weight: bold;
    float: left;
    position: relative;
    left: 260px;
    top: -30px;
    font-size: 20px;
}
#consulted-on{
    float: left;
    left: -120px;
    position: relative;
}
#consultation-date{
    font-weight: bold;
    text-decoration: underline;
    font-size: 20px;
    position: relative;
    float: left;
    left: -60px;
    top: -20px;
}
#informed{
    float: left;
    position: relative;
    top: -35px;
    left: 45px;
}
#unfit{
    position: relative;
    top: -35px;
    left: 45px;
}
#sickletter-from{
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    float: left;
    left: 105px;
    top: -40px;
}
#sickletter-to-text {
    position: relative;
    float: left;
    top: -45px;
    left: 125px;
}
#sickletter-to {
      text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    float: left;
    left: 140px;
    top: -40px;
}
.reasons{
    display : inline-block;
}
.reasons-text{
    position: relative;
    top: -10px;
}
#medical-condition{
    font-size: 20px;
    font-weight: bold;
}
.footer{
    position : relative;
    top : -20px;
}