html, body {
     height: 100%;
     min-height: 100%;
     overflow: hidden;
}
 body {
     display: flex;
     flex-direction: column;
}
 .StickyHeader, .StickyFooter {
     flex: 0 0 auto;
}
 .StickyContent {
     flex: 1 1 auto;
     overflow-y: auto;
}
/** Bootstrap */
 .bootstrap-sf1 {
     background-color: #f8f9fa !important;
}
 .bootstrap-sf1 .mt-0 {
     margin-top: 0;
}
 .bootstrap-sf1 .mt-5 {
     margin-top: 5px;
}
 .bootstrap-sf1 .mt-10 {
     margin-top: 10px;
}
 .bootstrap-sf1 .mt-15 {
     margin-top: 15px;
}
 .bootstrap-sf1 .mt-20 {
     margin-top: 20px;
}
 .bootstrap-sf1 .mt-30 {
     margin-top: 30px;
}
 .bootstrap-sf1 .mb-5 {
     margin-bottom: 5px;
}
 .bootstrap-sf1 .mb-10 {
     margin-bottom: 10px;
}
 .bootstrap-sf1 .mb-15 {
     margin-bottom: 15px;
}
 .bootstrap-sf1 .mb-20 {
     margin-bottom: 20px;
}
 .bootstrap-sf1 .mb-30 {
     margin-bottom: 30px;
}
 .bootstrap-sf1 .mr-5 {
     margin-right: 5px;
}
 .bootstrap-sf1 .mr-10 {
     margin-right: 10px;
}
 .bootstrap-sf1 .mr-15 {
     margin-right: 10px;
}
 .bootstrap-sf1 .mr-20 {
     margin-right: 20px;
}
 .bootstrap-sf1 .mr-30 {
     margin-right: 30px;
}
 .bootstrap-sf1 .ml-5 {
     margin-left: 5px;
}
 .bootstrap-sf1 .ml-10 {
     margin-left: 10px;
}
 .bootstrap-sf1 .ml-15 {
     margin-left: 10px;
}
 .bootstrap-sf1 .ml-20 {
     margin-left: 20px;
}
 .bootstrap-sf1 .ml-30 {
     margin-left: 30px;
}
 .bootstrap-sf1 .alert-danger-message-area {
     border: 1px solid #f5c6cb;
     padding: 15px;
}
 .bootstrap-sf1 .alert-info-message-area {
     border: 1px solid #bcdff1;
     padding: 15px;
}
 .bootstrap-sf1 .alert-success-message-area {
     border: 1px solid #d0e9c6;
     padding: 15px;
}
 .bootstrap-sf1 .title-area {
     font-size: 22px;
     background-color: #DDD;
}
 .bootstrap-sf1 .info-area {
    /* border: 1px solid #dcdcdc;
     */
     border-radius: 10px;
     padding: 20px !important;
     background-color: #FFF;
}
 .bootstrap-sf1 .btn {
     font-weight: normal;
}
 .bootstrap-sf1 select.errorInput, .bootstrap-sf1 input.errorInput, .bootstrap-sf1 textarea.errorInput {
     border: 1px solid #721c24;
}
 .bootstrap-sf1 .fw-normal {
     font-weight: normal !important;
}
 .bootstrap-sf1 .fw-bold {
     font-weight: bold !important;
}
 .bootstrap-sf1 .fs-small {
     font-size: small !important;
}
 .bootstrap-sf1 .fs-smaller {
     font-size: smaller !important;
}
 .bootstrap-sf1 .full-width {
     width: 100%;
}
 .bootstrap-sf1 .col-sm-1, .bootstrap-sf1 .col-sm-2, .bootstrap-sf1 .col-sm-3, .bootstrap-sf1 .col-sm-4, .bootstrap-sf1 .col-sm-5, .bootstrap-sf1 .col-sm-6, .bootstrap-sf1 .col-sm-7, .bootstrap-sf1 .col-sm-8, .bootstrap-sf1 .col-sm-9, .bootstrap-sf1 .col-sm-10, .bootstrap-sf1 .col-sm-11, .bootstrap-sf1 .col-sm-12 {
     padding: 0px;
}
 .bootstrap-sf1 .tooltip {
     position: relative;
     display: inline-block;
     cursor: help;
     color: #006080;
     opacity: 1;
     margin-left:5px;
}
 .bootstrap-sf1 .tooltip .tooltiptext {
     visibility: hidden;
     position: absolute;
     width: 350px;
     background-color: lightyellow;
     color: black;
     padding: 10px;
     border-radius: 10px;
     z-index: 1;
     opacity: 0;
     transition: opacity .6s;
     text-align:left;
}
 .bootstrap-sf1 .tooltiptext {
     letter-spacing: 1px;
     font-size: smaller;
     text-align: center;
     font-weight: normal;
     word-wrap: normal;
}
 .bootstrap-sf1 .tooltip:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
}
 .bootstrap-sf1 .tooltip-right {
     top: -25px;
     left: 115%;
}
 .bootstrap-sf1 .tooltip-right::after {
     content: "";
     position: absolute;
     top: 50%;
     right: 100%;
     margin-top: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: transparent white transparent transparent;
}
 @media only screen and (max-width: 767px) {
     .bootstrap-sf1 .tooltip {
         display:none 
    }
     .bootstrap-sf1 .tooltip-right {
         display:none 
    }
}