#text-area::-webkit-scrollbar-track, 
#text-reason::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: #f8f8f8 !important;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 10px;
  padding-right: 14px;
  height: 10px;
  border-radius: 100px;
}

#text-area::-webkit-scrollbar-thumb, 
#text-reason::-webkit-scrollbar-thumb {
  background-color: #FDBA20;
  border-radius: 100px;
}



.bg-h {
    background-color: #d7d9d7;
    height: auto;
    padding-top: 40px;
    width: 100%;
  }
  
  .bgAdd-h {
    background-color: #d7d9d7;
    height: 100%;
    padding-top: -80px;
    width: 100%;
  }
  .suspended-icon{
    position: absolute;
    z-index: 999;
    height: 180px;
    width: 180px;
    right: 15em;
    bottom: 23.5em;
}
  
  .bgEdit-h {
    /* background-color: #d7d9d7; */
    height: auto;
    padding-bottom: 40px;
    /* padding-top: 40px; */
    width: 100%;
  }
  
  .modal-success-login-h {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: transparent;
  }
  
  .modal-wrong-login-h {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: -6px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  #togglePassword{
    display: none;
  }
  #togglePassword1{
    display: none;
  }
  #togglePassword2{
    display: none;
  }
  .img-suspended-base64 {
    width: 25px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 51%;
    z-index: 999999;
    bottom: 0;
    left: 84%;
    border-radius: 10px;
    height: 24px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAANABYDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkGBwgK/8QAIBAAAgMBAQEAAgMAAAAAAAAABQYDBAcCCAEACRESFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAC/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADFBYYHw/9oADAMBAAIRAxEAPwDrSqsinv8A6EK4p6B0oykNs6bPqGZ+OaDCfQix/FYHA6l1NS0cyu2qPWiFTbApErNvPAjTcD5+v2Av1uB27LDWv933J4k8wcfO5Q+Vj1It9/rJEzI5toS22vbi7kkrEYmhZNjDnRCpJL31Wtz3ppI+Ouq/371V77g6hnsTwJhnuMthtzcOGKWhg7YzuyvEnFpUhpkYT6z2Ao2KeorH+XqKjUBEORrZwMSW9eGsTKuq1puqnqq4LqQLPz79W+e7bsHtTF/Qfqb33veLobRn6on5fp3sray6xWGvmDqbeSsMdeqyUvrgRDs7NeILnRv5KNgq1Rw06LYoPhTsrYCTKQSwdhVl6fNrjGMeR9w+aFMz0s80q36i8/DybeFQfQNGPi1erNWfM8Ss75myMclcOL0mAbbt1riRqytXvA3EbSYYpDJe0H+E7p+aYwDHQXnvEMmw5as8XgeUZ+rIdElwBXFjoxyuCKo2c3YAKAsIsi7xu1BOWIVgoqlR+XrljuOH+e+uuj8lia1x9WM//9k=') no-repeat right #ffffff;
  }
  .icon_eye_closed {
    width: 25px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 51%;
    z-index: 999999;
    bottom: 0;
    left: 84%;
    border-radius: 10px;
    height: 24px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAANABYDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkGBwgK/8QAIBAAAgMBAQEAAgMAAAAAAAAABQYDBAcCCAEACRESFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAC/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADFBYYHw/9oADAMBAAIRAxEAPwDrSqsinv8A6EK4p6B0oykNs6bPqGZ+OaDCfQix/FYHA6l1NS0cyu2qPWiFTbApErNvPAjTcD5+v2Av1uB27LDWv933J4k8wcfO5Q+Vj1It9/rJEzI5toS22vbi7kkrEYmhZNjDnRCpJL31Wtz3ppI+Ouq/371V77g6hnsTwJhnuMthtzcOGKWhg7YzuyvEnFpUhpkYT6z2Ao2KeorH+XqKjUBEORrZwMSW9eGsTKuq1puqnqq4LqQLPz79W+e7bsHtTF/Qfqb33veLobRn6on5fp3sray6xWGvmDqbeSsMdeqyUvrgRDs7NeILnRv5KNgq1Rw06LYoPhTsrYCTKQSwdhVl6fNrjGMeR9w+aFMz0s80q36i8/DybeFQfQNGPi1erNWfM8Ss75myMclcOL0mAbbt1riRqytXvA3EbSYYpDJe0H+E7p+aYwDHQXnvEMmw5as8XgeUZ+rIdElwBXFjoxyuCKo2c3YAKAsIsi7xu1BOWIVgoqlR+XrljuOH+e+uuj8lia1x9WM//9k=') no-repeat right #ffffff;
  }
  .icon_eye_opened {
    width: 25px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 51%;
    z-index: 999999;
    bottom: 0;
    left: 84%;
    border-radius: 10px;
    height: 24px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAALABUDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACQAD/8QAIBAAAgIDAQEAAwEAAAAAAAAABQYEBwIDCAEJABITFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAD/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADECQVFS/9oADAMBAAIRAxEAPwBBLzGWP9F2ZRg9k3VYNUDmX6NKXI7xwEhP3qWI5dqzEW+tisWu7Fd2Y7bgtXo0hXaWvVracsieqKKJuDaSqaRIITxOhYy6h+bfGdU0I03PTVJyudblpsjUrCiMtO2P0QjvER3NXOupWvntgPtViF9jU/Pw9imQV9yWPBbYLYcB0+DM9C6sB5R4PoNw/wArdK1i4vtyU+GZH1OS5n+A+hjLYgvMeKLlxjYwTOca7PqjIbADTUKKYgLhwmRAwiurwjGHapmWe7IJOPqCTOv+gx1b9PNd/XkhoBraxJqpYvVXTx8KvmxSqnyIBKBDk2/+mMnR6ZKaPctn9Md0GbvHb8dsDLyN5Y5UIoDDxAjZ1N+Xb2sssSfknpLrCvHno/mxdDPX1BqvnZuTVFA6iWHilVN3FyCq1vnMdDXg1WG2Vyo2jb9RYxgfrK7oUxmKE4zWOlWb4tOkuQBj34ytb1pXtOpC7WlVJSxXdfqUDEYtJycGggF4LCxzz25aYIwdp0RdWW+Rt3Spe/8An7ImzN8iZL27pW/duzvyanyde+W0wTuDWM//2Q==') no-repeat right #ffffff;
  }
  
  .icon_eye_closed_reset1 {
    position: absolute;
    bottom: 0;
    right: 20px;
    top: 25px;
    
    width: 25px;
    height: 24px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    z-index: 999999;
    border-radius: 10px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAANABYDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkGBwgK/8QAIBAAAgMBAQEAAgMAAAAAAAAABQYDBAcCCAEACRESFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAC/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADFBYYHw/9oADAMBAAIRAxEAPwDrSqsinv8A6EK4p6B0oykNs6bPqGZ+OaDCfQix/FYHA6l1NS0cyu2qPWiFTbApErNvPAjTcD5+v2Av1uB27LDWv933J4k8wcfO5Q+Vj1It9/rJEzI5toS22vbi7kkrEYmhZNjDnRCpJL31Wtz3ppI+Ouq/371V77g6hnsTwJhnuMthtzcOGKWhg7YzuyvEnFpUhpkYT6z2Ao2KeorH+XqKjUBEORrZwMSW9eGsTKuq1puqnqq4LqQLPz79W+e7bsHtTF/Qfqb33veLobRn6on5fp3sray6xWGvmDqbeSsMdeqyUvrgRDs7NeILnRv5KNgq1Rw06LYoPhTsrYCTKQSwdhVl6fNrjGMeR9w+aFMz0s80q36i8/DybeFQfQNGPi1erNWfM8Ss75myMclcOL0mAbbt1riRqytXvA3EbSYYpDJe0H+E7p+aYwDHQXnvEMmw5as8XgeUZ+rIdElwBXFjoxyuCKo2c3YAKAsIsi7xu1BOWIVgoqlR+XrljuOH+e+uuj8lia1x9WM//9k=') no-repeat right #ffffff;
  }
  .icon_eye_opened_reset1 {
    position: absolute;
    bottom: 0;
    right: 20px;
    top: 25px;
  
    width: 25px;
    height: 24px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    z-index: 999999;
    border-radius: 10px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAALABUDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACQAD/8QAIBAAAgIDAQEAAwEAAAAAAAAABQYEBwIDCAEJABITFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAD/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADECQVFS/9oADAMBAAIRAxEAPwBBLzGWP9F2ZRg9k3VYNUDmX6NKXI7xwEhP3qWI5dqzEW+tisWu7Fd2Y7bgtXo0hXaWvVracsieqKKJuDaSqaRIITxOhYy6h+bfGdU0I03PTVJyudblpsjUrCiMtO2P0QjvER3NXOupWvntgPtViF9jU/Pw9imQV9yWPBbYLYcB0+DM9C6sB5R4PoNw/wArdK1i4vtyU+GZH1OS5n+A+hjLYgvMeKLlxjYwTOca7PqjIbADTUKKYgLhwmRAwiurwjGHapmWe7IJOPqCTOv+gx1b9PNd/XkhoBraxJqpYvVXTx8KvmxSqnyIBKBDk2/+mMnR6ZKaPctn9Md0GbvHb8dsDLyN5Y5UIoDDxAjZ1N+Xb2sssSfknpLrCvHno/mxdDPX1BqvnZuTVFA6iWHilVN3FyCq1vnMdDXg1WG2Vyo2jb9RYxgfrK7oUxmKE4zWOlWb4tOkuQBj34ytb1pXtOpC7WlVJSxXdfqUDEYtJycGggF4LCxzz25aYIwdp0RdWW+Rt3Spe/8An7ImzN8iZL27pW/duzvyanyde+W0wTuDWM//2Q==') no-repeat right #ffffff;
  }
  
  .icon_eye_closed_reset2 {
    position: absolute;
    bottom: 0;
    right: 20px;
    top: 25px;
  
    width: 25px;
    height: 24px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    z-index: 999999;
    border-radius: 10px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAANABYDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkGBwgK/8QAIBAAAgMBAQEAAgMAAAAAAAAABQYDBAcCCAEACRESFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAC/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADFBYYHw/9oADAMBAAIRAxEAPwDrSqsinv8A6EK4p6B0oykNs6bPqGZ+OaDCfQix/FYHA6l1NS0cyu2qPWiFTbApErNvPAjTcD5+v2Av1uB27LDWv933J4k8wcfO5Q+Vj1It9/rJEzI5toS22vbi7kkrEYmhZNjDnRCpJL31Wtz3ppI+Ouq/371V77g6hnsTwJhnuMthtzcOGKWhg7YzuyvEnFpUhpkYT6z2Ao2KeorH+XqKjUBEORrZwMSW9eGsTKuq1puqnqq4LqQLPz79W+e7bsHtTF/Qfqb33veLobRn6on5fp3sray6xWGvmDqbeSsMdeqyUvrgRDs7NeILnRv5KNgq1Rw06LYoPhTsrYCTKQSwdhVl6fNrjGMeR9w+aFMz0s80q36i8/DybeFQfQNGPi1erNWfM8Ss75myMclcOL0mAbbt1riRqytXvA3EbSYYpDJe0H+E7p+aYwDHQXnvEMmw5as8XgeUZ+rIdElwBXFjoxyuCKo2c3YAKAsIsi7xu1BOWIVgoqlR+XrljuOH+e+uuj8lia1x9WM//9k=') no-repeat right #ffffff;
  }
  .icon_eye_opened_reset2 {
    position: absolute;
    bottom: 0;
    right: 20px;
    top: 25px;
  
    width: 25px;
    height: 24px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    z-index: 999999;
    border-radius: 10px;
    color: black;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAALABUDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACQAD/8QAIBAAAgIDAQEAAwEAAAAAAAAABQYEBwIDCAEJABITFf/EABUBAQEAAAAAAAAAAAAAAAAAAAAD/8QAHBEBAAICAwEAAAAAAAAAAAAAAREhADECQVFS/9oADAMBAAIRAxEAPwBBLzGWP9F2ZRg9k3VYNUDmX6NKXI7xwEhP3qWI5dqzEW+tisWu7Fd2Y7bgtXo0hXaWvVracsieqKKJuDaSqaRIITxOhYy6h+bfGdU0I03PTVJyudblpsjUrCiMtO2P0QjvER3NXOupWvntgPtViF9jU/Pw9imQV9yWPBbYLYcB0+DM9C6sB5R4PoNw/wArdK1i4vtyU+GZH1OS5n+A+hjLYgvMeKLlxjYwTOca7PqjIbADTUKKYgLhwmRAwiurwjGHapmWe7IJOPqCTOv+gx1b9PNd/XkhoBraxJqpYvVXTx8KvmxSqnyIBKBDk2/+mMnR6ZKaPctn9Md0GbvHb8dsDLyN5Y5UIoDDxAjZ1N+Xb2sssSfknpLrCvHno/mxdDPX1BqvnZuTVFA6iWHilVN3FyCq1vnMdDXg1WG2Vyo2jb9RYxgfrK7oUxmKE4zWOlWb4tOkuQBj34ytb1pXtOpC7WlVJSxXdfqUDEYtJycGggF4LCxzz25aYIwdp0RdWW+Rt3Spe/8An7ImzN8iZL27pW/duzvyanyde+W0wTuDWM//2Q==') no-repeat right #ffffff;
  }
  
  .bgEditWithPadding-h {
    /* background-color: #d7d9d7; */
    height: auto;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%;
  }
  
  .table-h {
    background-color: #f8f8f8;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 87%;
    padding-bottom: 30px;
    border-radius: 10px;
    margin: auto;
  }
  
  .headerTable-h {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
  }
  
  .headerContent-h {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .headerLeft-h {
    display: flex;
    /* width: 25%; */
    flex-direction: row;
    padding-top: 15px;
    justify-content: center;
  }
  
  .textView-h {
    margin-top: 10px;
    width: 100%;
  }
  
  .h-table-right-listcst {
    text-align: left;
    /* width: 30%; */
  }
  
  .h-table-left-listcst {
    text-align: left;
    /* width: 30%; */
  }
  
  .h-table-left-list {
    text-align: left;
    width: 30%;
  }
  
  .h-table-left-list-sm {
    text-align: left;
    width: 28%;
  }
  
  .h-table-left-icon {
    text-align: left;
    width: 0%;
  }
  
  .h-table-left-list2 {
    text-align: left;
    width: 20%;
  }
  
  .h-table-right-List {
    text-align: center;
    width: 10%;
  }
  
  .h-table-list-document {
    text-align: left;
    color: #FCAF16;
    width: 30%;
    text-decoration: underline;
    cursor: pointer;
  }
  
  .modal-menu-main-h {
    /* width: 600px; */
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 15px;
    max-width: 300px;
  }
  
  /* MODAL MENU */
  .submodal-title-h {
    color: #cdcbcf;
    cursor: pointer;
    margin-left: 20px;
    font-weight: bold;
  }
  
  .c-modal-content-txt {
    color: #7D8786;
    font-weight: normal;
  }
  
  .modal-menu-content-h {
    margin: 9.5%;
    margin-left: 440px;
    padding: 30px;
  }
  
  .modal-menu-h {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
  
  
  .h-table-margin-inside {
    overflow: auto;
    height: 300px;
    padding: 30px;
    margin-top: 10px;
  }
  
  .h-container-margin {
    margin-left: 25px;
    margin-right: 25px;
    height: 380px;
  }
  
  .h-box-default {
    width: 100%;
    height: auto;
    /* overflow: auto; */
    /* UI Properties */
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    padding: 24px;
  }
  
  .sel_normal {
    width: 155px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 10px;
    height: 40px;
    color: black;
    padding-left: 15px;
    padding-right: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==') no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-x: 130px;
  }
  
  .sel_large {
    width: 185px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 10px;
    height: 40px;
    color: black;
    padding-left: 15px;
    padding-right: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==') no-repeat right #ffffff;
    /* -webkit-appearance: none; */
    background-position-x: 160px;
  }
  
  .select-form-h {
    width: 40em;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 10px;
    height: 40px;
    position: relative;
    top: -10px;
    left: 0;
    color: black;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 2em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==') no-repeat right #ffffff;
    /* -webkit-appearance: none; */
    background-position-x: 37em;
  }
  
  .icon-request-h {
    float: left;
    width: 30px;
    height: 16px;
    margin-left: 10px;
    top: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAGCAYAAAA7d0VqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACSSURBVHgBrZKxDYNADEX/WckejHJISX9S0meGjJBJQp8ock+KG4ENYAToQfApgaNA8i9OPv/nLxd2oELw2QnnN0vvgGYAXj8tC+zIinezeQvXmkW2HBnzr/5jKsyKl3u4+K1BC+6RCrLkBfvqcEyHeenRV9yiWTvcqkhNWPKiGtsBkvMf5+bIg+D7/GhZpcIs+QmtiWCr4sPWOQAAAABJRU5ErkJggg==') no-repeat right transparent;
    background-size: 100%;
  }
  
  .icon-presettlement-h {
    float: left;
    width: 18px;
    height: 18px;
    top: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABDCAYAAADHyrhzAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQvSURBVHgB7Zsvc9RAGMaftggE4gSirotDIMoMooIZUlfX1lUw0+Mj8Akon4DicD1mEAhEcThSV1cEooIZgqs8gahgBvbpJnfL9d38u8vuXnu/mXcu2eQul182726SDbBgwYIFVyQ6DnX81PE3D04f5ctuBT0dbzAW4IqjfN0bC3fuDNUiijjDDaWpiKtYwvQoHat53M1jWoY6vui4RHMo4quOdTTkDtqhdDzMNziLnZfgTg3QjCoRAx3v8+m+jn17YVMZ3NgOjIyuUfn2hjXXrxLxWseBNZ/qWIPVmjSRsaFjC36pe5o0FVFwgoYyeBpsocU5OCUp6sloK4Ioe6YqgVJEHyY5lsGqnKF+lS6DAi7y36uiSkSqY9OxTMG0OKP+RZWMPZhE6eJbHhn8U7fVOICpHTYq/66yC1fcv3F1Lj1xLMtgMjNFzKI2NKVJ85nknyf5p4IggqyUbGzPsexUxye06wPMgjb9iCT//AWHCM3QdZrsODaW5hGKOslSYaL/YDGE+xpkV2pNVh0bY1JLEY6mrca+4zckXug4XhYWbDi+8BHhaCqij3FPswqKGHBCkiG1HqESJWnbj+ijWshIBJmUoSBfa5wiDNN2qJ7BzX8iyKQMqXPFGnEB/0wrwtVqkGsiSB0Zt0IEWRb+xCS+ZQQRQZYRF8FEkJhkBBVBYpERXASJQUYUIkhoGdGIICFlRCWChJIRnQgSQkaUIohvGdGKIG0fIrUhFhHFsx9+ZrCe3PmUcYg4akQf48uOdVhP7nzJSOC+FddWBK+md9Hs7lsP16+/VDHhS0bfUT6NiE2Ym04zw1cClW6yDBCRCOJDBs9LJZS7bslxXe8iiA8ZiVDGnUqFcoVAIogPGdtC2bFQphBQBOk6gSrINSPNP5nZeRqx3d+HfKfNiwjStYzEUf4A4w5Yr+T73kSQrmVsO8pfoRqvIkjXOSNBO7yLIF3L6KE5GQKIIF3LSGuul+l4CyOB+cS7CNJ1zngJkyilGpLCNLGfEWbkzzW6lsEj/Bim270Gs9MnMBJCPch24uNCLYP7Qi0qYnuiFpTbJqN0aPdChsWkDCmptekrxIokYzRqsY6MqtHB84QSykZDLpZdCyyK90huAkooc8rIIOMaAThPFC8ITZIVE5MyLiELoYx5rx3SAeX+nhczUmuSCmUUkWB+WYf8zObcnpFkZJAT6Qb8v3MyC9gaJo5lqT3jGkjPpCLtOAfMhhoK2QaK6EPuHnBs63e7wCWDO8xkc19YVowgzhA3/J/PddwTlnH/+GbEH7uw7H2THzoeQU6cCqbmFG8NxYSCucH8FO4L0Xc6fk8WLqGcsmpWQMsZTDK6hP9Lcx6sVStUxfq8fSDePKqSQeoImQd4oDj8wHkXrew0sX+ER53W51UIa+sHmFPfSZ2aYcM8kWC+pLDVSFHjNbJ/5hIeD/MLLSkAAAAASUVORK5CYII=') no-repeat right ;
    background-size: 100%;
  }
  
  .icon-cancelationn-h {
    float: left;
    width: 18px;
    height: 18px;
    top: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP+SURBVHgB7Zshc9swGIbfdgMFBYUFAxorGAgYKBhI7woCBjo+MLifNDhY1oKBgt0tYKBgoLBgdxUYCNjdAgYCBqY3ka6u/NmWE0u2cnnuvmvi2Kr1WJI/+yRgx5I9bMaBiWMb/HyEfpibWJiY2VigJeuIYIVHJk5MKAwTbeLO/p2HHNBGBAWc2jhAPlDIFA1CQkWwBUyQl4AilDDFSorIMzRDAecmniNfeAFP7N+f0g57DQd/wGogbILG1xqkOsIN1CHnyvP8DO9c60R8bChYm7jHqrn1JcDHXXl2ZVWzH2V8Km6o6hoTW6AEr/4lVn3ul4l/GA48F1aSF4fn6W7rPofwuokkgjbPIcN/QAm/MXycEI5tL4Tfuc116ZII9rMLyBanJm4wrBbQBM/VXXUl/M5tP7ifL2JSccCtia/IFw15MGVroSy9X9jIHUdCIe4enDtszVJStUwQiyJURQFTDOeusAmsw7WwffnIUBQhtQaNmmwsQ7QNnxMnglaUsMM2SXDcC9uUE3Hc4qDcES9unYg+U+aYsE6lQbPYNXyCnuMzZeZvcCKkN0vb2BocpbrtY8eSnQhLKhEKm6MQkdgimKT9MfFgY7RmGQ8bltFIbBFXeByIlYlvaFeRkT1GeWV0TkwRCuXmTCmhMpyEI6EMhY6JKUJDzutDZFRJqCt3I2J3jXeQE7M6GXUS5rbMzoktgnn9GcJlNEk4Q6QHwRS3z1AZvUkgqfKIEBm9SSApM8smGb1JIKlT7DoZPskkkD6eNUJkJJVAdg9dlj5E1N0dHG0y0E5ILSJEgiOpjJQimvKEthlop6QSEZIstclAOyeFiNCMsW063ikpXsy0yRh7k5HyxUyRujyhScYVIpD6xQwJSZbqZChk+GLGr0ibjLFKhkaGL2ZYEW0/a7RPm++8MqK9mIk9d5IVeYlVU9ZYjy7KaCRVHqGxORoR2T10WXYiLE6EdJvKdQJ6CKW6ORHSFICQec25UkrynIhZxc7b2CrcqqMn1IkgUZ/4ekKcY17sGjr0oMwRp1EW7xritDsMd93WOlCCErbfFUUwg5MGzQtsx1jBOowrfnvSIijhVtiJg+YE+TOG/EqADWDuz87noPka5WcQN8pq5MnYxBthO/OnaxMLXwSn7P+FPEgqrJrX0Fbt1MHzfYvVDHwJztjX/CCt4JnZAqpWvbzC46rbIaNMvEf1YM9h4Lv7UrWmi6te2CoOhd/cAjJlvy8wrMVt7NpcijVG9SDPi3hZ3NDVckcWzP7W53JHnudRwL6tlzs6eMc4xXbA7nAj/RCyEpjdhFe7aulgDvDqf0FhTPAJaREONrsx8nr+cLnRLRq6bRsRDjfPsSpdHQIaLVcp/wc0//V1i2O4kgAAAABJRU5ErkJggg==') no-repeat right ;
    background-size: 100%;
  }
  
  .icon-extentionn-h {
    float: left;
    width: 18px;
    height: 18px;
    top: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA3CAYAAAC1pezdAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANgSURBVHgB7ZuxbxMxFMa/kg4dKrUDQwcGD0hkYGBgyJixGx0YYAv/Af8BZWOEHYmODAyM3QgbY8cMSHhg6EYGhiJVKv64M3Jeni+Xyq5yV/+kp4t89tn+bD/f2Q6Qh31nBnm5iTyScOTsl7MrZz+cPUJ6XtXP93kYbDAs4BUWC5wSI55P+4ANxWC5sFdI24IT5fnJRL+DwgJFEME21mcH1RDYr3+HHETSjJBu2DyAXqaxEn7h7NyZRUvaCsIMOVsM0Vyx/Ug4BZkjDUMlLCZIyMzZWX2N0kaQUZ3ZDrrNsDY2zAkiDdTkQyjAxNkhui9GCHvxS0R61HZDogniQ6APjFE19GkYqAnSRgw6K3a5cxEec6ozJe512YNenjMR5p1+rExkVF//i6IJcoi4GBThW535hXLfRNIxQ4s0aGVjWT43xGfFh5G03uGzXkuC+JlEgwlO0cy8tjBji3Ri+Oe1CfOwPCw3y8/vLKPEGaPqxfOBuPEMugPlA6dYDVvqD6pe5nnXMm1bLBYbjhV+jtVD0g8rNpYcRuwYrPdsKwhkJkfKg6ZYv0JjVC1hkVaMEJaVleNQWecdx8+emm95EwrCSEZEYEZv0T8MqvpKTv17iH8dl0zRTyx0vzP0ghw0JOwrZ0rYQZMgdFKpvj82EauE7YRDRqK9Z/QJtX63eT2kCNKGIoigCCIoggiKIIIiiOA6q+7rwI+vMdKvvFlk+qzIKYhx9gX59l1PnL1AYnIOmWPk3YSeYPXWw9rkFGQP+TFITE5BviI/UyQmpw/hwhKd6RPkcaqvkWF5Ivcsc1xbZyjvIYIiiKAIIiiCCIoggiKI4DYLop558YJo2w1Nxwj6gFo/L4i2URzbzesLmiDzUJB1znv0gZESZkMfMosk6uOxqli9ZqEg2l4nh03szEhX8at4EvrR2UAEGCwrt+vsrrPvzi7Rbfz5uV3lHg8FncsTRPQlj5XIFOQhur0BzmHyFLoYrNO/M2pSkN+onOt9JZE/zWyCsEtsbq9hee+hKjOHPY9gacsdrO/7+oqtyMPGyLBeuaF8RDChDCKRbH016C/sEZ8gZtdBQwKLamzxBaZPswyhLzxx9lPe2GqR2E9TOf47d9OwV0xRH9LVaCOIx/8LksJ0qdewl1tU71l2VeS/IpGjFLtvJasAAAAASUVORK5CYII=') no-repeat right ;
    background-size: 100%;
  }
  
  .icon-advance-h {
    float: left;
    width: 18px;
    height: 18px;
    top: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQoSURBVHgB7Zs/b9NAGMafFoYOlejYAYlj68BQJIYODEHqkIGhHwCJsrHBNyB8A9jYMFvHDgwdkAgSQweGsnVA4gaGDEhkYMjAwD2xT3Wd9+xznHN8UX7SqzTnP7V/vjufnXuBNVM20IwtE7tZ8O8dLIexiYmJURYT1GQeETzhfRN7JhS6iTZxkX2OfTaoI4ICDrLYQjxQyBAVQnxFsAb0EZeAPJQwRCpF5AaqoYBDEzcRL7yAe9nnD2mFjYqNj5F2hFXQ+Fyd1IKwHbXPsfI4ExSOtUzE84odaxOXSKvbsgQUsVeeTVmVrEcZ7/IFrqbRz3Yowat/grTN/TLxD92Bx8KT5MXhcdrbepFtFJqJJII2DyHDf0AJv9F9rBD2bbeF5SyzTXpGBNvZEWSLQxNn6FYNqILHaq+6Epaz7BvXK4roOzY4N/EJ8aIhd6asLZSlN3OFXHFf2Im9B8cOa7M0qJoOEPMilGMHQ3TnrtAEnsOpUD59ZMiLkGqDRsloLEJ0FkX2rAhaUcIKqyTBcimUKStit8ZGsSNe3DIRyxwyh4TnNNNp5ptGEa/n+EgZFQusCOnN0irWBsvMuW1izZS1iIzQIhSavdBVaIlQIpSJzyZ+mvhj4hXqobJtbTxFYEKJGJjoFb7XkfEeV7WBnwkCywgl4o5QNoC/DGm4nyCgjFAivjjKB/CT4RraJwgkI5SIN3CfzADVMp5BfjgiCQLICCWCo9JHmF+GzrbXjuUJFiwj5O0zKhmhxxHRyGhjZBmFjLaG2D4yXpZsr1Et4wgNaPNZo0rGC5SjUS7jGA1YpYeuW2hAmyL48MXnj33H8g8oR2XbK8fyt2hAWyKqJLxG2k+4UCiXwAHYKRrQhog2JCRoSGgRUUggIUVEI4GEEhGVBBLy6XNeCST/YqbIwiWQNl/MEB8JRDnKg0ggoUR8F8p8JRAtlAWTQEK+s7RDaQ6t60gg+RczYwSWQELNneTB38fVq/y6Px9qE3eRNpExWvj5MfQk0qYnoNES61+6MtYiMqwIqQrHOgHdh5lzsyKkKQA+85pjZeb3WCti5Fh5FWuFzTq6RpkI4homx4w4xzzfNLTvRpEjTqPM3zXEaXfobt7WPLjSFy7yIlx5F3xNvgp9Bc+h51h2rUZQwrmwEjvNPuKnB3n2zjS3ozg7n53mA8wOvW0vqxEnPRMPhXKOn/jSd1IUwSn7fyF3kgpp9epa1k4ZPN7HSGfgS3DGvuYfUgbPKNuBK+vlHq6ybruMMvEE7s6e3cBX+8WV08WsF9aKbWGZTSBT2fcJupXcxqbNVKwe3J08L+JJvmBR6Y7csc3PXgZ2tLjjsW7tdEcL7xgHWA3YHM6kBT6ZwGwmZamDMcCr/xG5PqGIT42wsNr1ENfzhx0bnaOi2dYRYaEQheps22WiUTNL+T+5jfEXfASmpgAAAABJRU5ErkJggg==') no-repeat right ;
    background-size: 100%;
  }
  
  .sel_small {
    width: 65px;
    font-size: 14px;
    line-height: 1;
    border: 2px solid whitesmoke;
    border-radius: 10px;
    height: 40px;
    color: black;
    padding-left: 15px;
    padding-right: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==') no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position-x: 40px;
  }
  
  .txt_search {
    background: transparent;
    width: 100%;
    height: 40px;
    font-size: 15px;
    /* color: #fff; */
    padding-left: 15px;
    padding-right: 60px;
    border-radius: 10px;
    border: 0;
  }
  
  .txt_search::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #544A5E;
    opacity: 1;
    /* Firefox */
  }
  
  .txt_search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #544A5E;
  }
  
  .txt_search::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #544A5E;
  }
  
  .headerSectionLeft-h {
    display: flex;
    flex-direction: row;
  }
  
  .headerSectionLeftOne-h {
    display: flex;
    flex-direction: row;
    /* margin-left: 15em; */
  }
  .button-trio-notif-normal{
    /*  height: 20px;*/
    line-height: 25px;
    width: auto;
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid #FDB71D;
    display: flex;
    transition: 0.3s;
    justify-content: center;
    align-items: center;
    color: #FDBA20;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
  }
  .button-trio-notif-normal.act{
    background-color: #fff2cc;
    border-color: #FCAF16;;
  }
  
  .status-notif-on {
    height: 10px;
    width: 10px;
    background-color: #CA1A00;
    border-radius: 20px;
    margin-top: 6px;
    box-sizing: border-box; 
  }
  
  .status-notif-off {
    height: 10px;
    width: 10px;
    background-color: transparent;
    border-radius: 20px;
    margin-top: 6px;
    box-sizing: border-box; 
  }
  
  .list-notif-unread {
    padding-left: 10px;
    padding-top: 15px;
    height: 75px;
    display: flex;
    flex-direction: row;
    background-color: #F0F0F0;
  }
  
  .list-notif-read {
    padding-left: 10px;
    padding-top: 15px;
    height: 75px;
    display: flex;
    flex-direction: row;
    background-color: transparent;
  }
  
  .div-list-notif {
    background-color: lightgrey;
    height: 10px;
    margin-top: 6px;
    width: 1px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .button-trio-notif-large{
    /*  height: 30px;*/
    line-height: 25px;
    width: auto;
    cursor: pointer;
    border-radius: 10px;
    background-color: #fff2cc;
    border: 2px solid #FDB71D;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FDBA20;
    margin-right: 5px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.3px;
  transition: 0.3s;
  }
  
  .notif-title-act {
    width: 100%;
    display: flex;
    cursor: pointer;
    line-height: 35px;
    font-weight: 600;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    justify-content: center;
    border-bottom: 3px solid #FCAF16;
  }
  
  .notif-title-off {
    width: 100%;
    display: flex;
    cursor: pointer;
    line-height: 35px;
    font-weight: 600;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    justify-content: center;
    border-bottom: 1px solid lightslategray;
  }
  
  .addButton-h {
    display: flex;
    cursor: pointer;
    justify-content: center;
    margin-left: 15px;
    padding-top: 10px;
    height: 40px;
    padding-left: 10px;
    font-weight: bold;
    padding-right: 10px;
    color: black;
    border-radius: 10px;
    width: fit-content;
    background-color: #f8f1e0;
    margin-right: 10px;
  }
  
  .listTable {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-spacing: 10px;
  }
  
  .table.test,
  th,
  td {
    padding: 16px 0px;
    /* width: 0%; */
    border: 0;
    font-size: small;
    text-align: left;
  }
  
  .table.test,
  td {
    margin-bottom: 5px;
    font-size: small;
    margin-left: 5px;
    border-bottom: 10px solid #f8f8f8;
    background-color: #ffffff;
  }
  
  .p.test {
    padding: 10px 0;
  }
  
  .field_search_topLogo-h {
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    border: 0;
    height: 40px;
  }
  
  .bx_ico_search_submit-h {
    position: absolute;
    top: 11px;
    right: 15px;
  }
  
  .ico_searchBlack-h {
    float: left;
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAABHNCSVQICAgIfAhkiAAAAkxJREFUOE+lkz1oU1EUgH1pH4lDFTMYUcGlELEVdOxQShYHK/ZHm0GXBsH8DkIFh9KlQnGoEBPS/BmawaVU20pbwUEQcdDFQlsHB1HpoEg30Uqal/jdeN/j5tk0xT443HPOPfc7P/c+7YDty2Qyg5qmXatWq91sHWXdwn6HPud0OqcCgcBv+xnT1kwlmUwe13U9i31JCd5G1xV7A3gkHA4v7QSswfL5vMcwjBeoHchXZLJcLj+JxWJfCoVCW6lUukB1Ufw+CRkKhUKP7cAajNbmWAaQVxy6EgwGN3fKTNw9/HeQXyQ7I5KpcRoBF3EsI5tUdzYajX5rNBPhT6fTMyT0o05RnajW+gTsEdZ1AkapaGI3kIR1EruGvuV2u9v8fr9hnhGwDYyTlUrldCQS+dAMJseywnqOM12ceaPCqhgGJbfuBaTOmJsd5GbnVVgZo8Xr9eo+n0/oTT+6EU+jF7lMEYsqTPQv5tDNzF43Jf29hM/En+JGO7nR9xaMjUk2RnDkyXKzGYyq+ohZQD4S367Ga7lcroNBrktnLwHPGgHj8biHX+qtqAq5TSf362DyusfZHEN+YgcImrUDU6lUu8PheEnMCfa+k9Rjj7H+Tcp/yOYNGfCcdZnDn3jIRwD0iCSIA6nItQhQ+KzPgskKRzh4F/1gg1aLJCgylqfsH0bqgHUwAUgkEodcLtdVKurCPAb8B7IKYIk3VZttNpvt542Z78sC/gNrNHy7n1cwTJJp6X9Ay7f+GybHYgFp//y+YGbLjKCfEQzvG6a2/weZ5OUTenwtkgAAAABJRU5ErkJggg==') no-repeat right;
    background-size: 90%;
    cursor: pointer !important;
  }
  
  .border-h {
    width: 98%;
    margin-left: 10px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABssAAAACCAYAAAAeqeIMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIMSURBVHgB7Zg9T8JQFIbvbQstpqJRQ+LvcHRx0jBAgIT/504CBAaiiYmLo6ObziZECSqhQfohHUyM6f2Ak0N76X3X2yc0TZ++h0NrtbO9QuHkgPzJcvn2MRw+zklCkq7/H897mYxGz4uks3r9fN+yXHdTvtG4ODQMu8TjTbM87nQ6QTLfODYMr5hlvtu9eWWdifgoioJe73bMOm82LyuUUhOLD0P/u9+/e2edt1pXp4QTHt9ut80g+Kzw+HK48K7799Oks2q1apdK4VGWed+fzQaDh69Neai7PB7qLtz97LursvuY7srwqruL6T7U3bR7W4ZX3V0Ir3tb9zZWb6c/s+veTtN97N7m8Xnv7W24r3s7u+6r3NsyfN5n9t3ubb1ry+vMrntb79r0zK53bbvKr7tri101ki52nGJEGKHUYb4Av3FdNm8YBRAvlyfOb0wDgsyzBFYhq28A9955HwBR4qUZQc509Qllnbmu6xMYL3wvJ+EygPC8WNZY+Px47srEcTzhM+IF1318d/m8OJjuUzpH9wcrMu4juwt8r/Hdt+0QdI9Q9zHdleFV7+0s937Oe1vIY/a2DI/Z2+nP7Lq3CWJEMzskUPe34W7aMzuvt7cxs0P/L6ve29BA3I+XZiSjgbqrwswOdRfKw3tb79ogvN61JUf3tt61EQC/6zO7qLf1rg2X5yWLu7bY9R8Bdwy0RX1xnAAAAABJRU5ErkJggg==') no-repeat right;
  }
  
  .select-box-h {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgB7ZRBDQIxEEWnBAFIqAUUgAMs4ICRsDgYFAAOkLAScMBKwAG8TxpOHNqFA4f9ye80bfo6PfQnQ+6+oGzxCmteq3NEnDRJQDL1gm/awPd6zvvy5Zyhwz1kt3b1NBJUF2gjoo1XZ3oNxId9KTFm9iNNoAn0dyB9vLWNVDl7FWiPjyVOWiFZZ/EhlQVFyA4PDRwFYFYjRFCkD23WSgE4wHgF4RPJyy1SgiafBQAAAABJRU5ErkJggg==') no-repeat right;
  }
  
  .selected-box-h {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgBrZQ7TgMxEIZnnEhJuXWiSDkBJAVQU3IGoOAGcBNuEIlwAKhAQgFuQLhBioAot+ORdQZ7xuNHhBAFlrJex55v/nl4Edygh+GQLE4IYOSWFcSBftc9kV+JQNaIYRevwNgz3F8s0EPWFp/cViUH3YFoBMGIIDCEXY7atGhs7BeeO6tKT6IaAMWTDCVxwLNuy6+iBido74bkpZNCosvknogEUoRYqK/b/nwQXjzFhthIIR4Y+SSUAK0MQBlGTAElz2yvi24fmp0ZNLuzFLObjSxQTwevEuZmXqnTg2brAsjBIHPoFZvMZRa3hEH5/90e2e0pQ/DjBVrPx3GP1pSBgqpm7x5WTjZ1+ilUVjJFhbQdxM/JFjS0Mk/ewI6mDFt7SKaEIZ+vsDnQ3g64M7QFBHIZDRXM4cyPkpKgF1Gaw8RekT4oDDwgh8D7Mna6RsF1iVWLSQ0VcwbtABPIoZuXsQixniEtXGF7M6CNaIt8/WVI+RHqoDI4Waey0u9AbpEgzCDBXMPy/ZCaMLvAuq8tTnr/kPvHLa8NwurEiatVYsYpXyhmBtMF52TXLVidGjx4WxhcjfkjtRkJ/TAnYO2Ij2zrGPBf4xs4gDCugUvTuQAAAABJRU5ErkJggg==') no-repeat right;
  }
  
  .header-select-box-h {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADHSURBVHgB3ZRdDcIwFIVPyQQgoRJAATgAB+CAShgOOgUMB0iYBBwwCTiAc0hD9tCHu7IHsi85637Sb116dx1ICGHJ4chsGJ1bucYYW504SjzHG/PQA+Zp93xfvq54qJmO5oDxdFxI5Bgk2smIcmroa2h84UfkWGAi/k9UDS9SPa1go+dO91kR2TMH2Ggky4pSlbYoYMa7NqlIP94WhaS5d4nOzCW1k7ESr7lM49INtZATBnVhQMXrtRCWTXSZZVpRA1R1fxrhG6PzN2hSE8tYAAAAAElFTkSuQmCC') no-repeat right;
  }
  
  .header-select-box-versi2-h {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgB7ZRBDQIxEEWnBAFIqAUUgAMs4ICRsDgYFAAOkLAScMBKwAG8TxpOHNqFA4f9ye80bfo6PfQnQ+6+oGzxCmteq3NEnDRJQDL1gm/awPd6zvvy5Zyhwz1kt3b1NBJUF2gjoo1XZ3oNxId9KTFm9iNNoAn0dyB9vLWNVDl7FWiPjyVOWiFZZ/EhlQVFyA4PDRwFYFYjRFCkD23WSgE4wHgF4RPJyy1SgiafBQAAAABJRU5ErkJggg==') no-repeat right;
  }
  
  .field-amount-footer-h {
    height: 70px;
    /* width: 50%; */
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 51em;
    border-radius: 20px;
    padding-left: 20px;
    box-shadow: 0px 0px 8px -2px lightgray;
  }
  
  .dataTable-h {
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .backButton-h {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin: 30px;
  }
  
  .h-btn-detail-inside {
    width: 100px;
    height: 30px;
    font-size: 13px;
    border: 0;
    margin-left: 10px;
    font-weight: 600;
    letter-spacing: 1.27px;
    color: #545045;
    /* UI Properties */
    background: transparent linear-gradient(43deg, #FCAF16 0%, #FFCE32 100%) 0% 0% no-repeat padding-box;
    box-shadow: 8px 14px 26px #FDBD234F;
    border-radius: 8px;
    opacity: 1;
    text-transform: uppercase;
  }
  
  .h-table {
    min-width: 80%;
    font-size: 12px;
  }
  
  .h-btn-detail {
    position: absolute;
    right: 15px;
    height: 30px;
    width: 100px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    border: 2px solid #B2B2B2;
    background-color: transparent;
  }
  
  .btn-modify-h {
    margin-bottom: 15px;
  }
  
  .backButtonConfirm-h {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin: 30px;
  }
  
  .headerAdd-h {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    border: 0;
  }
  
  .titleAdd-h {
    margin-top: 10px;
    letter-spacing: 2px;
  }
  
  .containerForm-h {
    margin-left: 80px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
  }
  
  .formAdd-h {
    display: flex;
    flex-direction: column;
    margin-top: -15px;
    width: 20%;
  }
  
  .inputAddForm-h {
    width: 65%;
    height: 45px;
    margin-left: 10px;
    margin-top: -15px;
    margin-bottom: 35px;
    border-radius: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
  }
  
  .formHalfAdd-h {
    display: flex;
    flex-direction: column;
    margin-top: -15px;
    width: 10%;
    margin-left: 30px;
  }
  
  .inputHalfAddForm-h {
    width: 26%;
    height: 45px;
    margin-left: 10px;
    margin-top: -15px;
    margin-bottom: 35px;
    border-radius: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
  }
  
  .inputQuaterAddForm-h {
    position: relative;
    border-radius: 10px;
    padding-top: 10px;
    border: 0;
  }
  
  .textInputFromAbove-h {
    font-size: 14px;
  }
  
  .textInputFromBelow-h {
    font-size: 12px;
    color: #cfcfcf;
  }
  
  .textInputFromBelowB-h {
    font-size: 12px;
    color: #8D8D8D;
  }
  
  .body-h {
    margin-bottom: 20px;
  }
  
  .bodyRight-h {
    margin-bottom: 40px;
    margin-left: 50px;
  }
  
  .dividerConfirm-h {
    display: flex;
    flex-direction: row;
  }
  
  .bx_ico_date_-h {
    position: absolute;
    top: 11px;
    right: 15px;
  }
  
  .close-btn {
    cursor: pointer;
    display: none;
    border-radius: 100%;
    font-size: 8px;
    height: 20px;
    border: none;
    width: auto;
    position: absolute;
    top: 28px;
    right: 28px;
    float: right;
    z-index: 1;
  }
  
  .icon_date-h {
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAABHNCSVQICAgIfAhkiAAAAdtJREFUOE+dk81r03AYx5/n13aWURF3EwQ9exq0AxkoxbUZQWjatNlFNhxeZOBRPA3qqdvYaQpePPh2S7qlMsbatFsLjk0UBoJ/gLixs+hgLmkenxQi24hra07h+zy/D9/nDSHgK2TT34HguVGx5k+G85l0AgV8QqRb+kr9w9mn6AuqeudayA2PE9FlQCixvsFA68yD6xx7yPpLQPpKJLbLldpHP6cDKyjpJ5w0F+Sym0YAb8umNeXlYSEn3QOid/z/mto4J6I/v5ET22PtGUYOT5WJ7Ysjrkstzh3HSHgXHPsBEZYQ8IVu1maQ+7PjUQ3Tuum7uJ9MRl81m0dBrjQtdUnX6z/8WF5JLSDiYzy2r3gwhw2WDLM2262koLiakW4L0XGb8mBcNj01zHrxf2AFRRrlYWx1Sv8HDHkN4kFwCov95eXqgR/rCtOUsRuEoYlApwifjZXaas8wL1HTkrEgmK43f53Uuzrrp3enYTnpAInWddOa7gfi52rZ9CRP8I0r2nEegLTE03xEBHfLFWutH6CqyleF61T5jGw2M4xeb8iObDIkgUAmgPg7qfPABDTI+6nyWkT5VmVe+kbnNmVZvhAbaBddJIWFoZ7cEfwmhBa47mL5feOL9+YPcfrPNt/NJPgAAAAASUVORK5CYII=') no-repeat right;
    background-size: 90%;
  }
  
  .icon_close-h {
    float: right;
    width: 35px;
    height: 35px;
    margin-right: 40px;
    cursor: pointer;
    background: url('data:image/png;base64,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') no-repeat right;
    background-size: 90%;
  }
  
  .icon_detail-h {
    float: right;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('data:image/png;base64,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') no-repeat right;
    background-size: 90%;
  }
  
  .icon_approver-h {
    float: right;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('data:image/png;base64,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') no-repeat right;
    background-size: 90%;
  }
  
  .icon_releaser-h {
    float: right;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('data:image/png;base64,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') no-repeat right;
    background-size: 90%;
  }
  
  /* Tooltip container */
  .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  
  .dropdown-list-h{
    margin-top: 5px;
    margin-left: 40px;
    border-radius: 10px;
    display: none;
    position: absolute;
    z-index: 1;
    width: 405px;
    list-style: none;
    padding: 0px;
  }
  
  .form-input {
    display: block;
    width: 100%;
    height: 42px;
    padding: 0.375rem 0;
    margin-bottom: 0;
    margin-left: 35px;
    border-radius: 10px;
    padding-left: 10px;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #545045;
    background-color: white;
    border: 1px solid transparent;
    /* border-width: 1px 0; */
  }
  
  .form-input::placeholder {
    color: #858796;
  }
  
  .form-input:disabled {
    color: #858796;
  }
  
  .txt-date-h {
    width: 26%;
    height: 45px;
    margin-left: 10px;
    margin-top: -20px;
    margin-bottom: 40px;
    border-radius: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
  }
  
  .txt-dateFull-h {
    width: 65%;
    height: 45px;
    margin-left: 10px;
    margin-top: -20px;
    margin-bottom: 40px;
    border-radius: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
  }
  
  .btnSubmit-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 12em;
    border-radius: 10px;
    width: 200px;
    color: #000;
    height: 40px;
    cursor: pointer;
    background-color: #FCAF16;
  }
  
  .btnSubmitTrans-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    text-transform: uppercase;
    margin-right: 12em;
    border-radius: 10px;
    width: 200px;
    color: #000;
    height: 40px;
    cursor: pointer;
    background-color: #FCAF16;
  }
  
  .btnNext-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 100px;
    color: black;
    border-radius: 10px;
    width: 200px;
    height: 40px;
    cursor: pointer;
    background-color: #FCAF16;
  }
  
  .ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
  }
  
  .ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
  }
  
  .ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
  }
  
  .ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
  }
  
  .ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #009688;
    color: white;
  }
  
  .ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
  }
  
  .ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
  }
  
  .ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
  }
  
  .ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
  }
  
  .ui-datepicker-header a>span {
    display: none;
  }
  
  .ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
  }
  
  .ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
  }
  
  .containerConfirm-h {
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    padding: 15px;
  }
  
  .confirmTxtTitle-h {
    margin-left: 35px;
    width: 180px;
  }
  
  .confirmTxtValue-h {
    margin-left: 35px;
    width: 380px;
    flex-wrap: wrap;
    height: auto;
    color: grey;
  }
  
  /*@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");*/
  
  :root {
    --primary-color: #185ee0;
    --secondary-color: #e6eef9;
  }
  
  /* MODAL */
  .h-cancel-modal {
    width: 1200px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 15px;
    height: 500px;
  }
  
  .h-modal-title {
    color: #4E5554;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .h-modal-content-txt {
    color: #7D8786;
    font-weight: normal;
  }
  
  .h-modal-contents {
    margin: 5% auto;
    margin-top: 10%;
    margin-bottom: 5%;
    /* overflow-y: auto; */
    /* padding: 30px; */
  }
  
  .h-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .table-document-h {
    text-align: right;
    width: 10%;
  }
  
  .table-right-h {
    text-align: right;
  }
  
  .h-alert-text {
    display: none;
    color: #DD0033;
    font-size: 10px;
  }
  
  .tabs {
    display: flex;
    width: 73%;
    height: 25px;
    margin: auto;
    /* background-color: #fff; */
    /* box-shadow: 0 0 1px 0 rgba(#185ee0, 0.15), 0 6px 12px 0 rgba(#185ee0, 0.15); */
    margin-bottom: 30px;
    border-radius: 20px;
  
    * {
      z-index: 2;
    }
  }
  
  .hover-modal-h {
    border-bottom: 0.5px solid #d8d3d3;
    /* width: 120%; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
  }
  
  .alert-text-h {
    color: #DD0033;
    font-size: 10px;
    display: none;
  }
  
  .icon-edit-h {
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEFSURBVHgBpZOhssIwEEX38SqerET2OSQSgQgOicTxCfAJ8CUgkUhckTiQOCpxIBA4uHe6mQkZkha4M2embHZPAjQinycFpqqhCTKH1OsZgbuSs5A4ixzoq8TPASwdyQLMwArsOGtFLTAEW7AGF0908yTMEYxB4fZPwEDisV9nqvD5DNq2IdWFZk0JM/clTKYN6TeSKlFtSUw0qCHhH/RXJcp1OCQRneO8NOR1uGhUnuvpemAf6A+K7OmMlO9IVMIkgTqH/lVykRpJIo2FxPP0mzacXTvyXto6V/DDrxZZ6Osz79VV4icxoCvlvTyx+OPtYCT8hrvhZhspL7n4IptMqiUnv/gAKd1EXyQNaKkAAAAASUVORK5CYII=') no-repeat right;
    background-size: 90%;
  }
  
  .icon-calender-h {
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    cursor: pointer;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAOABIDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+mH4q+CbP42eCPgJ+2H+0X+3brn7J/gD4SftJa58XLOzHin4XfDT4WaVoUXhj46fAHwV4Cu/Gnjiy06GHxFqn/CyNP1nUvEvinUPElnrep2Vz4a03wfbnUNG1bQABfhr8Kfht8Yvjf8U/2tv2V/8AgqT4h+O2qeFv2fvCvwgvvC/gL4o/AX41eCfDuueG/GHxC+JXh/U/iB/wg+k3+lmy8RNrt3pf9gto3h7xDPpul6lcWPi6aOSO10sA/U74N+N7r4mfCH4VfEe9s4dOvfiB8N/A3je70+3dpLexuvFfhjS9euLOCR/neG2lv3hid/mZEUtyTQB+Yvi745+Fv2ZtEu/2U/jT8HfDPxq8OaBqGqa1o1zeXWl6touveF9f8Xaz4t8Jt4k8K+KPCU+n2fiTRYby2trxLWXVrH7fYrqNjeoZRFCAZXgD9sf4Xqmp/DT9n79mDwJ8MPE/xOC+HrOawbw94M8L3Gt3ttdado+oeLB4K8FLqF/ZaU1/NLsitZ7swvPbWstqbl50AP1Z+FPgdPhj8Lvht8NY9QbVk+HvgHwd4HTVHgFs+pJ4T8O6doK6g1sryC3a8Gni4aASSCIyGMO4XcQA/9k=') no-repeat right;
    background-size: 90%;
  }
  
  .icon-abc-h{
    float: right;
    width: 30px;
    height: 30px;
    margin-right: 18px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQcAAABgCAYAAAAQLbfxAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFYklEQVR4nO2d25HbMAxFvZmUlhJSUApKCenNGWdHWVu29cTjAjzna39WJkDy8kKiqI/r9XoBgBj+/P61OOF+/Pz1odIViAOAMWsCcJRo4ZAQB69kXsSU+BWesXujntsoMvowIvffvX8A+jKfFCOJRbao3/++V94RBzAjYsBmo+j0pjZZ5zy9rIhItvJArVxWbKGLSFTqJ6uc4xzAFa9VLYqK4m2V829mLQJYoNoku7W3uqs7G0OqOEQlv7t1r0KVfug2Xo7GQ1kBoSiXGZ0XkSN5p6wAGMhd7okzTRyiO4PSQgul/hhtbGyNF+cAaShMylEXjS1xp4hDVofgHvTI7JPRx8Na/DgHGJLRhWFiKQ+IA6TD/adc3uUj/FGmwgsr3fb9R8TTZUJVeYNSId/sc4BNzAe49eCNEO3ICXc2lvv/j2j3q/wjDnCIaSBh0b/wErcooZgLROg9B5WBxIC2w3JCeA98r2vfchBVqkaWxNyQhNOMfNpWRuyeYnSfq3LiwNFkoECkW3iHt0CEiYOalae0sEVVtD36WSlWz7ZQVkBbugvDhFebSonDlARKi74oOzrlcWfdtls/hIiDaodTWtiiNHms+7bCgmTZxtu1KCsAVqjkVC02X03XKCMO86ApLeAdlq6h4jjb2+ZJEOb/5y4O6tad0gJGZe1xLGUFmNFNaCu706W2b92jUUIc3gVCaQFzrASq49jau3HLVRw4ihwgj/tH/0fEjrICTOi0YndyDWdikReHteAoLWACB2iLmzhU/PyZQDNKQu56QlkBp+AJRV+kxWFrR9Gh8Xh8aPZMP+Je7HERh6odxQBbp8PXp2EbnCHZgA6TlacUesiWFUf2h/u1BmA8zMWh+iqGZY4HYdeEpxWQCsKgi6k4ZO+SsxpouAcAnAMkoiTmOJhnEAdIgcmoj5k4qLx4Q2kBYAPOAVJgM5U+iAOkgkDoYiIOau/yU1rUgjxrgnMACRAIPRAHkAGB0OK0OKgeD0ZpAXAOnANIgRjrwCvbDcjYUOQ5iW/Xjo4p4zfVOeUc1E8cprTw490n1LLakt2GjlBWwGk8JieCnA/iACawevfjsDhU+YgJpUUcCEQvcA5gCgLRB8QBzKnq1nCHjxx6lGmZxEodwuMuXW79wuS2BecALiCi9UEcAO7AfXyxWxxGT97o8cM44BygDZQytiAOADM6ucMzsewSByz1J+QhDnJ9nCl3R8/rxDmANFnfTO0oSntFAnEAeENlgVhq+yQSa/FtFgfs3SPkQ5fRb0zuGZtLIoFzAFhglEXglUhsEgdWydeQF10s3UO1Lf5n/3+6Bs4BXOgmnBXisX7nCXGAtljfe1AWCOu23XK3Kg5Y52XIzzOdc6IYm1ebwk6fVryDzMS2xzKnFmPG41VupVf3PcbwFBtlBZgxktgqfCXc+/cXxYGVdRvkSTsHnqt8RtyewnSfqxDnoLopZfTNMhZ4DVTVzyO+IspFRLsVvngFh6jolryPkru/dsV9FvM2f1yvr39X7caSF9lxUpI84z1eMnK+JyaV9rk7B3XrzsGkEEHFMcbTCpAiYjHhXtMj7/LxUhxYSY9B3s4ROWkRiE+W8uDqHKp0AANlTEbv97X4KStAgqyJOqpAbIn7SRywxucgf/vJnqC33x9JJLbG6uYcqiV7dIuZhVLeu4+BvSJIWQEpqK7WXQXiSFwP4oAltoE8LlNh70snkTgai8smqKqJZUOUL1VLzapj4my+ebcC3Km+CldbNKzy/V8cWDFtUToQJIuO1nykV9PNnQOrxNiMcMd/+ltlnHjl/J84MBl86O4ecEZ5QhGR+7evbAPAcTxOgw7tjsvl8he4WoLULOnX2QAAAABJRU5ErkJggg==') no-repeat right;
    background-size: 90%;
  }
  
  .icon-delete-h {
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    cursor: pointer;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAARABEDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+o7X9d/Zx8Nfs5eIP23/22tY8Vah4c1LxdcS+I/ETXfxO1Twl8H/Bmr/FI/DjwtYWXhj4fzvbeF/h74Pt5tN1Pxv431DS9llbDxB4y8Ya2tlC72wBL4Nl/Y3+OXwo+PHxa/Yj8c64mtfs965438M2Hxo+G/iH4lTeCLz4kfDzwzaeJ9V0nw14j1+8uvhz8avAsN1dQeF/Gb+HZfFnhK5vIdd8OSahb6vYO9sAYn/Dwz4m/wDQoeD/APyqf/JdAGy3g/4TfHX9jfxp+xN8XPjz4i/Z61lNY8RfDz41aX4X8beGPhv8SrzwTdfEbUdb17wrp+r+LNNvrmHwL8Zvh9dtok/i/wAIRQahdeEfFN7/AMI74j0vVo5XtwCv8L/hh+yp+wT+yl8a/gH8BPjRfeLfhp4r1L4hT/AH4ByfELRPibqPwzvPihokOn2nwO+CNpZm98e6p4Pv/iDeaz4n0fSPEWq+KLzw/ceLNWiTVLTw9p6C3APLv+GGf2g/+gH4f/8ACn0z/wCLoA9Q/wCCiv8AyP8A8P8A/sT7z/09XNAHj/7FP/Jwfhb/ALB+vf8ApsmoA/dCgAD/2Q==') no-repeat right;
    background-size: 90%;
  }
  
  .icon-fast-h {
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    cursor: pointer;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAARABEDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+ojW/E/7Mvhz4I2H7Xn7cPiTxAdK+JXxUHhOTxbq2ofE1/hr8H9P8UfEPU/Anw90G+j8FTr4Z+F/w30o2ml2fiD4meNk0jQxr+qG/8XeLIrrV9OgIBqRW/wCyF40tP2ntM/Zh8YeIvAP7RX7IbagPFsGl698TPDfi/wAH+Irfwl/wm/hDUdU8HePLuO18d/B/4i6aijR/Ei6Nrnw5+JGhprK+F9ev2sZb20AOb/4eGfE3/oUPB/8A5VP/AJLoAtXfw5+B37RX7I+pfsU/H74y6x8HrXRfG2seF/2hPhxpfjnRPhn4q+IXgO38e674gvvhnrOr6zbjXW+D/wAaPDV7pkXiHWvAV5pOoeKfA+p3/h/TvFenR6jrEAAIX+DP7Gv7OTftQfG/wd8RtN+Jfxx+O3wxs/gT4A0yDxP4P8Ta34J+FGg6BN4b+C37JX7OXw+8DWen2/hX4V+H9cvTqlvoGkaRdavrniLVNR8W+O/EGsPZWt1pQB53/wAMM/tB/wDQD8P/APhT6Z/8XQB6h/wUV/5H/wCH/wD2J95/6ermgDx/9in/AJOD8Lf9g/Xv/TZNQB+6FAD/2Q==') no-repeat right;
    background-size: 90%;
  }
  
  .two-btn-list-h {
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: space-evenly;
  }
  
  .h-btn-yellow {
    height: 35px;
    font-size: 13px;
    border: 0;
    font-weight: 600;
    margin-left: 10px;
    letter-spacing: 1.27px;
    color: #545045;
    /* UI Properties */
    background: transparent linear-gradient(43deg, #FCAF16 0%, #FFCE32 100%) 0% 0% no-repeat padding-box;
    box-shadow: 8px 14px 26px #FDBD234F;
    border-radius: 10px;
    opacity: 1;
    text-transform: uppercase;
  }
  
  .h-btn-white {
    border: 3px solid #B2B2B2;
    border-radius: 10px;
    height: 35px;
    color: black;
    font-size: 13px;
    background-color: #fff;
  }
  
  .btn-delete-h {
    display: flex;
    justify-content: center;
    padding-top: 6px;
    cursor: pointer;
    border-bottom: 2px solid #FCAF16;
    color: black;
    font-size: 13px;
    background-color: #fff;
  }
  
  .modal-confirm {
    color: #434e65;
    width: 525px;
  }
  
  .modal-confirm .modal-content {
    padding: 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
  }
  
  .modal-confirm .modal-header {
    background: #47c9a2;
    border-bottom: none;
    position: relative;
    text-align: center;
    margin: -20px -20px 0;
    border-radius: 5px 5px 0 0;
    padding: 35px;
  }
  
  .modal-confirm h4 {
    text-align: center;
    font-size: 36px;
    margin: 10px 0;
  }
  
  .modal-confirm .form-control,
  .modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
  }
  
  .modal-confirm .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    text-shadow: none;
    opacity: 0.5;
  }
  
  .modal-confirm .close:hover {
    opacity: 0.8;
  }
  
  .modal-confirm .icon-box {
    color: #fff;
    width: 95px;
    height: 95px;
    display: inline-block;
    border-radius: 50%;
    z-index: 9;
    border: 5px solid #fff;
    padding: 15px;
    text-align: center;
  }
  
  .modal-confirm .icon-box i {
    font-size: 64px;
    margin: -4px 0 0 -4px;
  }
  
  .modal-confirm.modal-dialog {
    margin-top: 80px;
  }
  
  .modal-confirm .btn,
  .modal-confirm .btn:active {
    color: #fff;
    background: #eeb711 !important;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border-radius: 30px;
    margin-top: 10px;
    padding: 6px 20px;
    border: none;
  }
  
  .modal-confirm .btn:hover,
  .modal-confirm .btn:focus {
    background: #eda645 !important;
    outline: none;
  }
  
  .modal-confirm .btn span {
    margin: 1px 3px 0;
    float: left;
  }
  
  .modal-confirm .btn i {
    margin-left: 1px;
    font-size: 20px;
    float: right;
  }
  
  .trigger-btn {
    display: inline-block;
    margin: 100px auto;
  }
  
  .text-clipper-inline-h {
    overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    width: 125px;
    padding-top: 5px;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
  }
  
  .tooltip-text {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    margin-top: 6em;
    top: 40px;
    width: 100px;
    color: white;
    font-size: 12px;
    background-color: #192733;
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
  }
  
  .hover-text:hover .tooltip-text {
    visibility: visible;
  }
  
  .hide-tooltip:hover .tooltip-text {
    visibility: hidden;
  }
  
  #top {
    top: -50px;
    left: -50%;
    width: max-content;
  }
  
  #bottom {
    top: 25px;
    left: -50%;
  }
  
  #left {
    top: -8px;
    right: 120%;
  }
  
  #right {
    top: -8px;
    left: 120%;
  }
  
  .hover-text {
    position: relative;
    display: inline;
    /* margin: 40px; */
    
    /* text-align: center; */
  }
  
  .icon-container-h {
    position: relative;
    top: 2px;
    left: 7px;
    cursor: pointer;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    /* padding: 12px 16px; */
    right: 20px;
    z-index: 1;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  .container-text-request-h {
    width: 120px;
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
  }
  
  .divider3-inline-h {
    display: flex;
    flex-direction: row;
    width: 50%;
    justify-content: center;
  }
  
  /* .inside-inline-h {
    display: flex;
    justify-content: center;
    width: 19px;
    height: 20px;
    color: white;
    border-radius: 15px;
    background-color: #FCAF16;
  } */
  
  .activity-log-header {
    display: flex;
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    justify-content: flex-end;
    margin-left: -20%;
    margin-bottom: 20px;
  }
  
  .line-inline-h {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-left: 15px;
    width: 100%;
    height: 2px;
    border-radius: 20px;
    background-color: #FCAF16;
  }
  
  .line-inline-h.only-two {
    width: 41%;
  }
  
  .line-inlineOff-modal-h {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-left: 15px;
    width: 100%;
    height: 2px;
    border-radius: 20px;
    background-color: #AFABB4;
  }
  
  .centerdiv {
    margin: auto;
    width: 87%;
    height: 122px;
    padding: 10px;
  }
  
  .no-sort::after {
    display: none !important;
  }
  
  .no-sort::before {
    display: none !important;
  }
  
  .no-sort {
    pointer-events: none !important;
    cursor: default !important;
  }
  
  .footer-h {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  
  .btnBackTran-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    text-transform: uppercase;
    margin-left: 6.2em;
    font-size: small;
    border-radius: 10px;
    width: 200px;
    color:#545045;
    height: 50px;
    border: 3px solid lightgrey;
    font-weight: 700;
    cursor: pointer;
    background-color: transparent;
  }
  
  .input-form-h {
    padding: 2.5em;
    height: auto;
    background-color: #e7e7e7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .select-large-h {
    width: 305px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 10px;
    height: 40px;
    color: black;
    padding-right: 15px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==") no-repeat right #ffffff;
    background-position-x: 290px;
  }
  
  .bodyRight-inline-h {
    margin-bottom: 40px;
    margin-left: 0px;
  }
  
  .box-details-h {
    max-width: 1400px;
    margin: auto;
  }
  
  .box-details-activity-h {
    max-width: 90%;
    margin: auto;
  }
  
  .footer-inline-h {
    text-align: right;
    background-color: #ccc;
    width: 1200px;
    height: 97px;
    margin-top: 10px;
    position: relative;
    top: 53px;
    bottom: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-top: 40px;
    padding-right: 160px;
  }
  
  .status-approve-h {
    background-color: #e7f9ed;
    color: #6bbb83;
    border-radius: 10px;
    display: inline-flex;
    height: 27px;
    width: 90px;
    text-transform: capitalize;
    font-weight: 600;
    justify-content: center;
    align-items: center;
  }
  
  .status-pending-h {
    background-color: #fff0de;
    color: #e0b686;
    border-radius: 10px;
    display: inline-flex;
    height: 27px;
    width: 90px;
    text-transform: capitalize;
    font-weight: 600;
    justify-content: center;
    align-items: center;
  }
  
  .status-disbursement-h {
    background-color: #eeedf0;
    color: #75757c;
    border-radius: 10px;
    display: inline-flex;
    height: 27px;
    width: 90px;
    text-transform: capitalize;
    font-weight: 600;
    justify-content: center;
    align-items: center;
  }
  
  .status-hold-suspend-h {
    background-color: #ffe7e7;
    color: #b66660;
    border-radius: 10px;
    display: inline-flex;
    height: 27px;
    width: 90px;
    text-transform: capitalize;
    font-weight: 600;
    justify-content: center;
    align-items: center;
  }
  
  .status-settlement-h {
    background-color: #f5eeff;
    color: #9a86d2;
    border-radius: 10px;
    display: inline-flex;
    height: 27px;
    width: 90px;
    text-transform: capitalize;
    font-weight: 600;
    justify-content: center;
    align-items: center;
  }
  
  .status-submitted-h {
    background-color: #e8f2ff;
    color: #a5c9f9;
    border-radius: 10px;
    display: inline-flex;
    height: 27px;
    width: 90px;
    text-transform: capitalize;
    font-weight: 600;
    justify-content: center;
    align-items: center;
  }
  
  .status-approve-rounded-h {
    background-color: #FFF;
    color: #229949;
    border-radius: 20px;
    display: inline-flex;
    height: 27px;
    border: 1px solid #229949;
    padding: 0px 15px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space : nowrap;
  }
  
  .status-rejected-rounded-h {
    background-color: #FFF;
    color: #A4463F;
    border-radius: 20px;
    display: inline-flex;
    height: 27px;
    border: 1px solid #A4463F;
    padding: 0px 15px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space : nowrap;
  }
  
  .status-returned-rounded-h {
    background-color: #FFF;
    color: #A1160A;
    border-radius: 20px;
    display: inline-flex;
    height: 27px;
    border: 1px solid #A4463F;
    padding: 0px 15px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space : nowrap;
  }
  
  .status-waiting-rounded-h {
    background-color: #FFF;
    color: #C5823A;
    border-radius: 20px;
    display: inline-flex;
    height: 27px;
    border: 1px solid #C5823A;
    padding: 0px 15px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space : nowrap;
  }
  
  .h-modal-content {
    margin: 20% auto;
    padding: 30px;
  }
  
  .h-btn-gray {
    background-color: #FCAF16;
    border-radius: 10px;
    color: black;
    font-weight: 400;
    border: 0;
    font-size: 12px;
    height: 30px;
  }
  
  .h-btn-yellow2 {
    background-color: #FCAF16;
    border-radius: 10px;
    color: #545045;
    font-weight: 400;
    border: 0;
    font-size: 12px;
    width: 200px;
    height: 40px;
    /* padding-top: 0.5%;
    padding-left: 3%;
    padding-right: 3%; */
    box-shadow: rgba(253, 189, 35, 0.31) 8px 2px 15px 0px;
  }
  
  .h-btn-greyVersi2 {
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    line-height: 25px;
    color: #545045;
    border: 1px solid #B2B2B2;
    font-weight: 600;
    background: transparent padding-box;
    margin: auto 10px auto 10px;
    font-size: 12px;
    width: 200px;
    height: 40px;
  }
  
  /*Success Modal*/
  .modal-content-success-h {
    margin: 15% auto;
    /* padding: 30px; */
  }
  
  .modal-title-success-h {
    color: #638D68;
    font-weight: bold;
    font-size: small;
    margin-top: 4px;
    margin-left: 30px;
  }
  
  .success-modal-h {
    max-width: 600px;
    width: 90%;
    height: 40px;
    background: #f7fff7 0% 0% no-repeat padding-box;
    color: #b7cfba;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    animation: ease-in-out;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    box-shadow: 3px 6px 25px #6D5D7D38;
    border-radius: 12px;
    margin-top: -20px;
  }
  
  .modal-content-txt-success-h {
    color: #7D8786;
    font-weight: normal;
  }
  
  .modal-success-h {
    display: none;
    position: absolute;
    z-index: 9999;
    top: -20em;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  
  .icon-success-h {
    float: left;
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAipJREFUOE+llFFu00AQhmfWSDRPlBOQniDuDdwT4J6AhBTJ5SVOU97DMw0tL9SIhronaG7QcALcE6RHgKcEid1hZmObrXGaICxFcmZ3Pv/zz+4g1Dzt03jb0/MXiNAkRB8IAiDKADEjgDuj4CrtJ3d1uVgNdk8OQ0BzCYA/eFGSpkSYIZLPMJ//N/nX4vfhl0HytppfAq0qMxcQA+HD+CiJ6xRIbPlRSln1THle53P/Y1bsLYHdUTThYIAGwos3yXQVrIgvBSxSUavV1m7aP/suaxaYf/GaYXubwCpQ9hYmRUWYlzpjw68eKnOV4oN3UUAKbgox+HJ0GCNQPB4kYvbaRwQoswi5IVKufbonUcoqt5kRYvd9dIYE/sUgCdbR8uN0w9UgJ0vH7ZOL6nFsBw9GkTRgysCh601h8j2/9NzCuAmBu16UzfGnyN0lINwfH59Ll/+UANTSXmNPEl1lVViZwxzxUYAZt3riKnx1+to3xkzlnGkP9z1N13XKXItE2BLoGOpuKKEATzh+u0qZ5OR7v2kF1sMhET0fH3/arTbFbtQm1t5WXPV0VQP5HEZNz8Cs6uO6jq8EyoJVCdTTqrGzqZIHgfZwcnMAuAmq0fkfaDkccmPl6Ei3Ov9yp1219+ahPW+0GPJA7fEmGU+ZUSq7PDr/KmtIP1semZBnYZsA++71K6B/DVhb/nLetflVrtezil+3DEuNepzWWVMLdAGi7NGvhb23m9jwG/waLDjwIfxYAAAAAElFTkSuQmCC') no-repeat;
    background-size: 90%;
  }
  
  
  
  /*Wrong Modal*/
  .modal-content-wrong-h {
    margin: 15% auto;
  }
  
  .modal-title-wrong-h {
    color: #A4463F;
    font-weight: bold;
    font-size: small;
    margin-top: 4px;
    margin-bottom: -2px;
    margin-left: 10px;
  }
  
  .modal-subtitle-wrong-h {
    color: #A4463F;
    font-weight: 200;
    font-size: smaller;
    margin-left: 10px;
  }
  
  .modal-divider-h {
    display: flex;
    flex-direction: column;
  }
  
  .wrong-modal-h {
    max-width: 600px;
    width: 90%;
    height: auto;
    background: #ffe7e7 0% 0% no-repeat padding-box;
    color: #d0928e;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    animation: ease-in-out;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    box-shadow: 3px 6px 25px #6D5D7D38;
    border-radius: 12px;
    margin-top: -20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .modal-content-txt-wrong-h {
    color: #7D8786;
    font-weight: normal;
  }
  
  .modal-wrong-h {
    display: none;
    position: absolute;
    z-index: 9999;
    top: -4em;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  
  .modal-wrong-h-edituser {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 2em;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  
  
  
  .icon-wrong-h {
    float: left;
    width: 20px;
    height: 20px;
    /* margin-bottom: 12px; */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAA/1JREFUOE+FlFtsG0UUhufMbnxJQ0PsJpJdhCJ6QYkFDXK6dnBzKSUQYaQWUfexUvsA4i61j0jYznsrcREVL+XyWINoJYwikkopqYntxqISciIaIiVVa6tOvA1Vmou9u8OZaXZxg0v94pkz53z7z7kMkEf8FkMhL2OsjTLmBl13SQAtOmN3mSSpBkAZAEqtqVShXjhsNbJYjC6OjoZsmtYhzgyDEUrVKiFqAyEu3LtwL+IqsjzTOjiYgljMqOU8BC2EQk/bdb1HYqxZo3SuJMvTY11dqup2MzPIVS7Dy9evu9zVqs/O2DM6wN8bkjTpTaVumj4WlAMbNW2IGUZl3eHIfnXo0F/cyePxsFwuZwnx+/2kWCyKuLcvX97tWF9XgFLbqiyPmGBxyK+sJpMRSohzfufOi+fa2u5zu9frFQrfGxvbB4bRrDscC+f6+ha4rVAoiNh3SqVt7bdvH8H7r7nC4QRPhThQQ6EDVNM612y2q9GOjlkT1tnZKaCvnjlzHot2nAEMj54+Pcxt09PTIpbDP56Z2dNcqRwwMF2uVOoq8Co3aNrrmmHMfREOX+GOHJZIJIjP5xPQD5LJKFb/E6z+8OfhcJzb8vk8RCIRC/5+MtkvU7qrKss/wR1F2WcHCKhNTZe+6+0tcyCqELBoNIrigNxVlCjKiqIx3pLNxlE1icfjQin6A1d9fGLC7VpZObzBWAaWFOUlmbFdv4fDX3+ZzzNTXSwWsypuQRk70XLt2rdm1dBHgLnqd30+eCGZPKEBzMFyIHAU5Rijp05dMhXWAAUYoTw6yig92JJOj29CBdAEc8WDZ88eBsYoh76F0BufDg39WntlXNcqrQfl7sj4NxUfjYz0oWGvpRShFze/zGEW8H+UmlnALnqQBoQeEUrNnP7S3n4+cuECjvWD1jUjBDQYHMDxHMDx/AavP197ZqpNHDtGX5mfPylyqgYCz2PTB7FHf/RMTCxtBQro/v1d+NdMJGmhDlSkodjbu8NZqbyBQ5C2+lQiZPaJTIYX4SGVPGJZUbi9f7OlYluUCij6HCQAu0Wfcsu9YDBkMOar6vqV1qmpP7cGPQ662N39bIMk9VOA/PZ0OlU7+0cbAJzrjY0/tI2Pr9RRU9dUGhhocqyuvllljM/+99bsc+/VQOCpCiGv4aO8gdvJ7dnsjceB7ynKXvTpwerabYT83JjJ3BK5qA3k4DXDeFGi9EnM3+yapv3hyeXK6GTlGRdQ9PvdTll+Du17dMNYdlL6mwn8D5QbsAr0w+7uHipJPvFBfPkRVJYJWdII2YEgt/nyG7qe/2xqahJjHv3y16q+7/d7NmS5VUcItpwbu8OFaxWjy7gu2zVtcVsuV6yXon8ATvvvhWxE/KkAAAAASUVORK5CYII=') no-repeat;
    background-size: 90%;
    margin-left: 15px;
  }
  
  
  .icon-upload-h {
    float: left;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    top: 20px;
    left: 8.8em;
    
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAbCAYAAAAZMl2nAAAABHNCSVQICAgIfAhkiAAAA5hJREFUSEvtlj1MFFEQx2feuztOA8YEG4gFFcbERCOVNp4NnYQgZ5QgfhSWRkVJVCAX8CNBUGsLcyrydRCJWF0jNlpRGC2MFRU2XqEXhb2798Y3K3tZVm5vV62MW9xtdmdnfu//5uMh/MHVk7rUDErUg9T1pGAHIVpSi1wRdU5b8tPUyMhKUPcY1NBtd7avr660tXRIK2y0n6PISQ15LagGyEABxvixAHy3KmuXMqlUoVqc0CCsgln9QSfQo+GxJW8QBlUxOqBQNwFCXsRj2cfXbuf8YCqCnE5daNIq0sCy2w6UyJn7nFJUI1A2RdfE4sORkbyfc/ahlEjwllmibs5PmV9AkqlUbGvpW8Jezbrs9r+R3FZB0soqbMsGkZvtGaakZCtoej9+8+7rSuAbQBiiRuePAkGdBFjyyn5qoLdFAbQgUGFNbpsICnOq/0orL6xkyReVEngDSPf1SwdB4J6IVNl06v7yZvQ9t67W62/WLr/Veb+zF6jypzdbnGNbBuEEK9SoE5LE8qMbd7LVsjzs+56Bi12EMv9kaHRhs2/LIM5e+skXNrjb/uTg5SMEVDs+NDbpC+LsvyXr0kH3PgyY419sic1RodiwBrUf3XHKijiG48NjD8IECGrLinDlaaAlBHHA21/KICahauOU34dI27EkC0HypKOjY6eS4q1GeLowM3veD4obIfegp8P33vG96coJd/XZIFwJtGqZPcQYvxQkV6qBtLe3b1dR+RoBd9ttBvDMQiaTDqqQAwOEH8dvjC4il1Zcfe1iB0Urkg0yqBhCRyMvzSf7fgZGM9yoMSyMncBEDZwO2N1/OQFIzZxE1eYBh3RDaMCrAui2UbGfQCQNzN4wME5ecqVi9+CVo7wdlerbLbUbggOafX1jgn8wivSKYvGhjkYXGUYQHJ6fnTX3/pe7ZWD3QO+5ME2sLdk5T0jphZm5+bZkcpcD8jyTubsOmhYycmF+amq5Goi7ZaBdVuYKoojXsRekWmD3e2euCdL4ePjeBDrzJWbJyWpj/W+COLnpzDW7araoL50aBZXW5KsgVeMA/Y4ix/v6Gs05Y799ulsvXbvu+IcHXjGuE1xKvvKa05b7gFMJpNwjKjjj4uAOy83NMdlwDOAsJiXrNa6fRT2OyJxLuflUU4RXHY3rFi8HKZ0TUfgc+R755E2D0GdWt/Pf2ZpKiv8H8SrzbyjCq2o71jkqUaafTU+/D9PQvLY/AFXxE1H2zHp3AAAAAElFTkSuQmCC') no-repeat left;
    background-size: 90%;
  }
  
  .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 73%;
    font-size: 1.25rem;
    /* margin-left: -10px; */
    border-radius: 9px;
    font-weight: bolder;
    cursor: pointer;
    transition: color 0.15s ease-in;
  }
  
  .notification {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-left: 0.75rem;
    background-color: #FCAF16;
    transition: 0.15s ease-in;
  }
  
  .btnSubmitTran-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    text-transform: uppercase;
    margin-right: 6.2em;
    font-size: small;
    border-radius: 10px;
    width: 200px;
    color: #545045;
    font-weight: 700;
    height: 50px;
    cursor: pointer;
    background-color: #E0E0E0;
    /* background-color: #FCAF16; */
  }
  
  .btnNextStep-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    text-transform: uppercase;
    margin-right: 6.2em;
    font-size: small;
    border-radius: 10px;
    width: 200px;
    color: #000;
    height: 50px;
    cursor: pointer;
    /* background-color: #E0E0E0; */
    background-color: #FCAF16;
  }
  /* 
  .btnBackTran-h {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    text-transform: uppercase;
    margin-left: 0.3em;
    font-size: small;
    border-radius: 10px;
    width: 200px;
    color: #000;
    height: 50px;
    border: 2px solid #d3d3d3;
    font-weight: 500;
    cursor: pointer;
    background-color: transparent;
  } */
  
  .input-form-h {
    padding: 2.5em;
    height: auto;
    background-color: #e7e7e7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .select-large-h {
    width: 305px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 10px;
    height: 40px;
    color: black;
    padding-right: 15px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==") no-repeat right #ffffff;
    /* -webkit-appearance: none; */
    background-position-x: 290px;
  }
  
  .bodyRight-inline-h {
    margin-bottom: 40px;
    margin-left: 0px;
  }
  
  /* .divider2-inline-h {
        display: flex;
        flex-direction: row;
        margin-top: -30px;
    } */
  .inputArea-h {
    height: 100px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    resize: none;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
  }
  
  .pagination .page-item .page-link {
    background: transparent padding-box;
    border: 2px solid transparent;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 1;
    font-size: 11px;
    font-weight: 500px;
    color: #000000;
    padding: 3px;
    margin: 1px;
    width: 24px;
    text-align: center;
  }
  
  .pagination .page-item .page-link:hover {
    background: #FDBA2033 0% 0% no-repeat padding-box;
    border: 2px solid transparent;
    font-size: 11px;
    font-weight: 500px;
    color: #000000;
  }
  
  .pagination .page-item.active .page-link {
    background: #FDBA2033 0% 0% no-repeat padding-box;
    border: 2px solid #FDB91F;
    font-size: 11px;
    font-weight: 500px;
    color: #000000;
  }
  
  .modal-confirm {
    color: #434e65;
    width: 525px;
  }
  
  .modal-confirm .modal-content {
    padding: 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
  }
  
  .modal-confirm .modal-header {
    background: #47c9a2;
    border-bottom: none;
    position: relative;
    text-align: center;
    margin: -20px -20px 0;
    border-radius: 5px 5px 0 0;
    padding: 35px;
  }
  
  .modal-confirm h4 {
    text-align: center;
    font-size: 36px;
    margin: 10px 0;
  }
  
  .modal-confirm .form-control,
  .modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
  }
  
  .modal-confirm .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    text-shadow: none;
    opacity: 0.5;
  }
  
  .modal-confirm .close:hover {
    opacity: 0.8;
  }
  
  .modal-confirm .icon-box {
    color: #fff;
    width: 95px;
    height: 95px;
    display: inline-block;
    border-radius: 50%;
    z-index: 9;
    border: 5px solid #fff;
    padding: 15px;
    text-align: center;
  }
  
  .modal-confirm .icon-box i {
    font-size: 64px;
    margin: -4px 0 0 -4px;
  }
  
  .modal-confirm.modal-dialog {
    margin-top: 80px;
  }
  
  .modal-confirm .btn,
  .modal-confirm .btn:active {
    color: #fff;
    background: #eeb711 !important;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border-radius: 30px;
    margin-top: 10px;
    padding: 6px 20px;
    border: none;
  }
  
  .modal-confirm .btn:hover,
  .modal-confirm .btn:focus {
    background: #eda645 !important;
    outline: none;
  }
  
  .modal-confirm .btn span {
    margin: 1px 3px 0;
    float: left;
  }
  
  .modal-confirm .btn i {
    margin-left: 1px;
    font-size: 20px;
    float: right;
  }
  
  .trigger-btn {
    display: inline-block;
    margin: 100px auto;
  }
  
  .no-sort::after {
    display: none !important;
  }
  
  .no-sort::before {
    display: none !important;
  }
  
  .no-sort {
    pointer-events: none !important;
    cursor: default !important;
  }
  
  .action-header-h {
    display: flex;
    justify-content: center;
  }
  
  .modal-header-h {
    display: flex;
    flex-direction: row;
    padding-left: 30px;
    padding-top: 30px;
    justify-content: space-between;
  }
  
  .confirmTxtTitle-inline-h {
    width: 190px;
    font-weight: bold;
  }
  
  .dividerConfirm-inline-h {
    display: flex;
    flex-direction: row;
    padding-left: 70px;
  }
  
  .confirmTxtValue-inline-h {
    margin-left: 25px;
    width: 340px;
    flex-wrap: wrap;
    height: auto;
    color: grey;
    word-wrap: break-word;
  }
  
  .containerConfirm-inline-h {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
  }
  
  .bodyRight-inline-h {
    margin-bottom: 40px;
    margin-left: 0px;
  }
  
  .divider-inline-h {
    display: flex;
    flex-direction: row;
    margin-top: 6em;
    justify-content: space-around;
  }
  
  .divider2-inline-h {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 85px 0 65px;
    margin: 0 20px 0 20px;
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) { 
    .divider2-inline-h {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 0 35px 0 10px;
      margin: 0 20px 0 20px;
    }
  
    .h-activity-log {
      margin-left: -35px;
    }
   }
  
   @media (min-width: 992px) and (max-width: 1199.98px) { 
    .divider2-inline-h {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 0 35px 0 15px;
      margin: 0 20px 0 20px;
    } 
  
    .h-activity-log {
      margin-left: -60px;
    }
   }
  
   @media (min-width: 1200px) and (max-width: 1660.98px) { 
    .divider2-inline-h {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 0 67px 0 45px;
      margin: 0 20px 0 20px;
    } 
  
    .h-activity-log {
      margin-left: -27px;
    }
   }
  
   @media (min-width: 1661.98px) { 
    .divider2-inline-h {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 0 102px 0 80px;
      margin: 0 20px 0 20px;
    } 
  
    .h-activity-log {
      margin-left: 12px;
    }
   }
  
  .steper-inline-h {
    width: 66px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
    border: 2px solid #FADB9D;
    margin-left: .5em;
  }
  
  /* .inside-inline-h {
    display: flex;
    justify-content: center;
    width: 19px;
    height: 20px;
    color: white;
    border-radius: 15px;
    background-color: #FCAF16;
  } */
  
  /* .steper-inlineOff-h {
    width: 55px;
    height: 25px;
    line-height: 20px;
    display: block;
    font-size: 12px;
    border: 2px solid #F8F8F8;
    border-radius: 100%;
    margin: 10px auto 10px auto;
    padding: 2px;
    box-shadow: 0px 0px 0px 2px lightgray;
    color: #555045;
    background: lightgray;
  } */
  
  /* .inside-inlineOff-h {
    display: flex;
    justify-content: center;
    color: white;
  } */
  
  
  .line-inlineOff-h {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-left: 15px;
    width: 120px;
    height: 2px;
    border-radius: 20px;
    background-color: #AFABB4;
  }
  
  .divier-detail-inline-h {
    display: flex;
    justify-content: space-between;
    padding: 0 35px 0 15px;
  }
  
  .title-detailOff-inline-h {
    font-weight: bold;
  }
  
  .title-detail-inline-h {
    font-weight: bold;
  }
  
  .title-inline-h {
    display: flex;
    flex-direction: column;
    text-align:center
  }
  
  .title-inline-h.number-one {
    text-align:center
  }
  
  .title-inline-h.number-two {
    text-align:center
  }
  
  .title-inline-h.number-third {
    text-align:center
  }
  
  .footer-inline-h {
    text-align: right;
    background-color: #ccc;
    width: 1200px;
    height: 97px;
    margin-top: 10px;
    position: relative;
    top: 53px;
    bottom: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-top: 40px;
    padding-right: 160px;
  }
  
  .input-days-h {
    height: 40px;
    border-radius: 10px;
    padding-left: 10px;
    margin-left: 20px;
    padding-right: 10px;
    background-color: #ffffff;
    border: 2px solid whitesmoke;
  }
  
  .footer-inline-h {
    text-align: right;
    background-color: #ccc;
    width: 1200px;
    height: 97px;
    margin-top: 10px;
    position: relative;
    top: 53px;
    bottom: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-top: 40px;
    padding-right: 160px;
  }
  
  .glider {
    position: absolute;
    display: flex;
    height: 25px;
    width: 31.8%;
    background-color: #FCAF16;
    opacity: 0.9;
    outline: none;
    border-radius: 9px;
    transition: 0.25s ease-out;
  }
  
  @media (max-width: 700px) {
    .tabs {
      transform: scale(0.6);
    }
  }
  
  .valueGlid {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-left: -9px;
    color: #000;
    font-size: 1.25rem;
    font-weight: bolder;
  }
  
  
  .notifHead_tab{
    display: flex; 
    flex-direction:row;
    margin-top: 10px;
    width: 100%;
  }
  .notifHead_status{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px;
  }
  .notifHead_status.act{
    display: flex;
  }
  .notifHead_bxStatus{
    display: flex; 
    flex-direction: row;
  /*  margin-left: 5px;*/
  }
  .notifHead_bxRead{
    display: flex; 
    flex-direction: row;
    margin-right: 5px;
    color: #FDBA20;
  }
  .notifHead_bxRead span{
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
    letter-spacing: .3;
  }
  
  /* UPDATE 27 Oktober 2023 BELLA */
  
  .icon_detail-active-h {
    float: right;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('data:image/png;base64,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') no-repeat right;
    background-size: 90%;
  }
  
  /* UPDATE 04 Oktober 2024 OFI */
  .icon_approver-active-h {
    float: right;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1NSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzI1XzEzMDI2NyIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1MSI+CjxwYXRoIGQ9Ik01NC40NDMgMEgwLjk5ODA0N1Y1MC4yODlINTQuNDQzVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjVfMTMwMjY3KSI+CjxtYXNrIGlkPSJtYXNrMV8yNV8xMzAyNjciIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTUiIGhlaWdodD0iNTEiPgo8cGF0aCBkPSJNNTQuNDQzIDAuMDAxOTUzMTJIMC45OTgwNDdWNTAuMjlINTQuNDQzVjAuMDAxOTUzMTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazFfMjVfMTMwMjY3KSI+CjxnIG9wYWNpdHk9IjAuNCI+CjxtYXNrIGlkPSJtYXNrMl8yNV8xMzAyNjciIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIzOSIgd2lkdGg9IjMzIiBoZWlnaHQ9IjEyIj4KPHBhdGggZD0iTTMyLjI3MyAzOS41NDFIMC45OTgwNDdWNTAuMjlIMzIuMjczVjM5LjU0MVoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMl8yNV8xMzAyNjcpIj4KPHBhdGggZD0iTTIuMzEyNSA0OC45NzEyQzMuNzk1OTUgNDYuNDk3MyA1Ljg5NDkyIDQ0LjQ0OTggOC40MDQ5MyA0My4wMjgyQzEwLjkxNDkgNDEuNjA2NiAxMy43NTA0IDQwLjg1OTQgMTYuNjM1IDQwLjg1OTRDMTkuNTE5NiA0MC44NTk0IDIyLjM1NTEgNDEuNjA2NiAyNC44NjUxIDQzLjAyODJDMjcuMzc1MSA0NC40NDk4IDI5LjQ3NDEgNDYuNDk3MyAzMC45NTc1IDQ4Ljk3MTIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9nPgo8cGF0aCBkPSJNMTYuNjM0NCAxNy4yMDMxQzE4LjM5NDYgMTcuMjAzMSAyMC4xMTU0IDE3LjcyNTEgMjEuNTc5IDE4LjcwM0MyMy4wNDI1IDE5LjY4MSAyNC4xODMzIDIxLjA3MSAyNC44NTY5IDIyLjY5NzJDMjUuNTMwNSAyNC4zMjM1IDI1LjcwNjggMjYuMTEzIDI1LjM2MzQgMjcuODM5NEMyNS4wMiAyOS41NjU5IDI0LjE3MjMgMzEuMTUxNyAyMi45Mjc2IDMyLjM5NjRDMjEuNjgyOSAzMy42NDExIDIwLjA5NzEgMzQuNDg4NyAxOC4zNzA3IDM0LjgzMjFDMTYuNjQ0MiAzNS4xNzU1IDE0Ljg1NDggMzQuOTk5MyAxMy4yMjg1IDM0LjMyNTdDMTEuNjAyMiAzMy42NTIgMTAuMjEyMiAzMi41MTEzIDkuMjM0MyAzMS4wNDc3QzguMjU2MzUgMjkuNTg0MSA3LjczNDM4IDI3Ljg2MzQgNy43MzQzOCAyNi4xMDMxQzcuNzM0MzggMjMuNzQyNyA4LjY3MjA1IDIxLjQ3ODkgMTAuMzQxMSAxOS44MDk5QzEyLjAxMDIgMTguMTQwOCAxNC4yNzM5IDE3LjIwMzEgMTYuNjM0NCAxNy4yMDMxWiIgc3Ryb2tlPSIjNDMzODRFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzIuNDE3OCAzNi4zNTM0SDQ5LjIwNzhDNTAuMjQ3NSAzNi4zNTM0IDUxLjI0NDUgMzUuOTQwNCA1MS45Nzk3IDM1LjIwNTNDNTIuNzE0OCAzNC40NzAxIDUzLjEyNzggMzMuNDczMSA1My4xMjc4IDMyLjQzMzRWMTEuNjM5NEM1My4xMjc3IDExLjIyMDQgNTMuMDQ0MiAxMC44MDU3IDUyLjg4MjMgMTAuNDE5MkM1Mi43MjA0IDEwLjAzMjggNTIuNDgzMyA5LjY4MjM5IDUyLjE4NDggOS4zODg0MUw0NC45MDY4IDIuMjI0NDFDNDQuMzE1MyAxLjY0Mjk0IDQzLjUxOTIgMS4zMTY4OCA0Mi42ODk4IDEuMzE2NDFIMzAuMDUyOEMyOS41Mzc5IDEuMzE2NDEgMjkuMDI4IDEuNDE3ODcgMjguNTUyMiAxLjYxNDk5QzI4LjA3NjUgMS44MTIxMSAyNy42NDQzIDIuMTAxMDQgMjcuMjgwMiAyLjQ2NTI1QzI2LjkxNjIgMi44Mjk0NyAyNi42Mjc1IDMuMjYxODUgMjYuNDMwNiAzLjczNzY3QzI2LjIzMzggNC4yMTM1IDI2LjEzMjYgNC43MjM0NiAyNi4xMzI4IDUuMjM4NDFWMTIuNDU3NCIgc3Ryb2tlPSIjNDMzODRFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNTIuNDMwNiAxMC44MTU0SDQ3LjE1MzZDNDYuNjY0NCAxMC44MTU0IDQ2LjE4IDEwLjcxOSA0NS43MjgxIDEwLjUzMTZDNDUuMjc2MiAxMC4zNDQyIDQ0Ljg2NTcgMTAuMDY5NiA0NC41MiA5LjcyMzQ5QzQ0LjE3NDMgOS4zNzczNCA0My45MDAzIDguOTY2NDQgNDMuNzEzNSA4LjUxNDI5QzQzLjUyNjggOC4wNjIxNCA0My40MzEgNy41Nzc2MSA0My40MzE2IDcuMDg4NDFWMS44MTY0MSIgc3Ryb2tlPSIjNDMzODRFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzcuMjg3OCAxMy4yMTQ4QzM4LjQ0MDggMTMuMjEzOSAzOS41NjgxIDEzLjU1NDggNDAuNTI3MiAxNC4xOTQ3QzQxLjQ4NjMgMTQuODM0NSA0Mi4yMzQgMTUuNzQ0NCA0Mi42NzU5IDE2LjgwOTNDNDMuMTE3NyAxNy44NzQyIDQzLjIzMzggMTkuMDQ2MyA0My4wMDk0IDIwLjE3NzFDNDIuNzg1IDIxLjMwOCA0Mi4yMzAyIDIyLjM0NjkgNDEuNDE1MyAyMy4xNjI0QzQwLjYwMDMgMjMuOTc4IDM5LjU2MTggMjQuNTMzNCAzOC40MzExIDI0Ljc1ODZDMzcuMzAwMyAyNC45ODM4IDM2LjEyODIgMjQuODY4NSAzNS4wNjMgMjQuNDI3NEMzMy45OTc4IDIzLjk4NjMgMzMuMDg3NCAyMy4yMzkxIDMyLjQ0NjkgMjIuMjgwNUMzMS44MDY0IDIxLjMyMTkgMzEuNDY0NiAyMC4xOTQ4IDMxLjQ2NDggMTkuMDQxOEMzMS40NjQ4IDE3LjQ5NzEgMzIuMDc4MiAxNi4wMTU2IDMzLjE3MDEgMTQuOTIyOUMzNC4yNjIgMTMuODMwMyAzNS43NDMxIDEzLjIxNTkgMzcuMjg3OCAxMy4yMTQ4WiIgc3Ryb2tlPSIjRkNBRjE2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNDEuNDI1OCAyMy4xNDQ1TDQ1LjY1ODggMjcuMzc3NSIgc3Ryb2tlPSIjRkNBRjE2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==') no-repeat right;
    background-size: 90%;
  }
  
  .icon_releaser-active-h {
    float: right;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1NSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzI1XzEzMDMwMCIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1MSI+CjxwYXRoIGQ9Ik01NC40NDIgMEgwLjk5ODA0N1Y1MC4yODhINTQuNDQyVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjVfMTMwMzAwKSI+CjxtYXNrIGlkPSJtYXNrMV8yNV8xMzAzMDAiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTUiIGhlaWdodD0iNTEiPgo8cGF0aCBkPSJNNTQuNDQyIDAuMDAxOTUzMTJIMC45OTgwNDdWNTAuMjg5SDU0LjQ0MlYwLjAwMTk1MzEyWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2sxXzI1XzEzMDMwMCkiPgo8ZyBvcGFjaXR5PSIwLjQiPgo8bWFzayBpZD0ibWFzazJfMjVfMTMwMzAwIiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMzkiIHdpZHRoPSIzMyIgaGVpZ2h0PSIxMiI+CjxwYXRoIGQ9Ik0zMi4yNzIgMzkuNTQxSDAuOTk4MDQ3VjUwLjI4OUgzMi4yNzJWMzkuNTQxWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2syXzI1XzEzMDMwMCkiPgo8cGF0aCBkPSJNMi4zMTI1IDQ4Ljk3MDRDMy43OTYwMSA0Ni40OTY3IDUuODk0OTUgNDQuNDQ5NCA4LjQwNDg1IDQzLjAyNzlDMTAuOTE0OCA0MS42MDY1IDEzLjc1IDQwLjg1OTQgMTYuNjM0NSA0MC44NTk0QzE5LjUxOSA0MC44NTk0IDIyLjM1NDIgNDEuNjA2NSAyNC44NjQxIDQzLjAyNzlDMjcuMzc0MSA0NC40NDk0IDI5LjQ3MyA0Ni40OTY3IDMwLjk1NjUgNDguOTcwNCIgc3Ryb2tlPSIjNDMzODRFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjwvZz4KPHBhdGggZD0iTTE2LjYzNDQgMTcuMjAzMUMxOC4zOTQ2IDE3LjIwMzEgMjAuMTE1NCAxNy43MjUxIDIxLjU3OSAxOC43MDNDMjMuMDQyNSAxOS42ODEgMjQuMTgzMyAyMS4wNzEgMjQuODU2OSAyMi42OTcyQzI1LjUzMDUgMjQuMzIzNSAyNS43MDY4IDI2LjExMyAyNS4zNjM0IDI3LjgzOTRDMjUuMDIgMjkuNTY1OSAyNC4xNzIzIDMxLjE1MTcgMjIuOTI3NiAzMi4zOTY0QzIxLjY4MjkgMzMuNjQxMSAyMC4wOTcxIDM0LjQ4ODcgMTguMzcwNyAzNC44MzIxQzE2LjY0NDIgMzUuMTc1NSAxNC44NTQ4IDM0Ljk5OTMgMTMuMjI4NSAzNC4zMjU3QzExLjYwMjIgMzMuNjUyIDEwLjIxMjIgMzIuNTExMyA5LjIzNDMgMzEuMDQ3N0M4LjI1NjM1IDI5LjU4NDEgNy43MzQzOCAyNy44NjM0IDcuNzM0MzggMjYuMTAzMUM3LjczNDM4IDIzLjc0MjcgOC42NzIwNSAyMS40Nzg5IDEwLjM0MTEgMTkuODA5OUMxMi4wMTAyIDE4LjE0MDggMTQuMjczOSAxNy4yMDMxIDE2LjYzNDQgMTcuMjAzMVoiIHN0cm9rZT0iIzQzMzg0RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMyLjQxNzggMzYuMzUzNEg0OS4yMDY4QzUwLjI0NjIgMzYuMzUzNCA1MS4yNDMgMzUuOTQwNSA1MS45NzggMzUuMjA1NkM1Mi43MTI5IDM0LjQ3MDYgNTMuMTI1OCAzMy40NzM4IDUzLjEyNTggMzIuNDM0NFYxMS42Mzk0QzUzLjEyNTcgMTEuMjIwNCA1My4wNDIyIDEwLjgwNTcgNTIuODgwMyAxMC40MTkyQzUyLjcxODQgMTAuMDMyOCA1Mi40ODEzIDkuNjgyMzkgNTIuMTgyOCA5LjM4ODQxTDQ0LjkwNTggMi4yMjQ0MUM0NC4zMTQ2IDEuNjQzMTggNDMuNTE4OSAxLjMxNzE1IDQyLjY4OTggMS4zMTY0MUgzMC4wNTE4QzI5LjUzNjkgMS4zMTY1NCAyOS4wMjcyIDEuNDE4MDkgMjguNTUxNSAxLjYxNTI4QzI4LjA3NTkgMS44MTI0NiAyNy42NDM4IDIuMTAxNCAyNy4yNzk5IDIuNDY1NjFDMjYuOTE2IDIuODI5ODEgMjYuNjI3NCAzLjI2MjE0IDI2LjQzMDUgMy43Mzc5QzI2LjIzMzcgNC4yMTM2NyAyNi4xMzI2IDQuNzIzNTQgMjYuMTMyOCA1LjIzODQxVjEyLjQ1NjQiIHN0cm9rZT0iIzQzMzg0RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUyLjQzMDYgMTAuODE1NEg0Ny4xNTM2QzQ2LjY2NDQgMTAuODE1NCA0Ni4xOCAxMC43MTkgNDUuNzI4MSAxMC41MzE2QzQ1LjI3NjIgMTAuMzQ0MiA0NC44NjU3IDEwLjA2OTYgNDQuNTIgOS43MjM0OUM0NC4xNzQzIDkuMzc3MzQgNDMuOTAwMyA4Ljk2NjQ0IDQzLjcxMzUgOC41MTQyOUM0My41MjY4IDguMDYyMTQgNDMuNDMxIDcuNTc3NjEgNDMuNDMxNiA3LjA4ODQxVjEuODE2NDEiIHN0cm9rZT0iIzQzMzg0RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMzLjMzNTkgMjAuNjA0OEwzNy43NDY5IDI0Ljk4ODhMNDUuMjUxOSAxNS4zMzk4IiBzdHJva2U9IiNGQ0FGMTYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9nPgo8L3N2Zz4K') no-repeat right;
    background-size: 90%;
  }
  
  .pdf-payment-ico-h {
      background: url('data:image/png;base64,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');
      width: 65px;
      height: 64px;
      background-repeat: no-repeat;
      margin: 10px;
  }
  
  .jpgFile-ico-h {
        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNNTQgMEgxMEM0LjQ3NzE1IDAgMCA0LjQ3NzE1IDAgMTBWNTRDMCA1OS41MjI4IDQuNDc3MTUgNjQgMTAgNjRINTRDNTkuNTIyOCA2NCA2NCA1OS41MjI4IDY0IDU0VjEwQzY0IDQuNDc3MTUgNTkuNTIyOCAwIDU0IDBaIiBmaWxsPSIjRkZFQ0JGIi8+CjxwYXRoIGQ9Ik0yMS42Njg5IDM0LjM2MzNDMjEuNjY4OSAzNC45Njg4IDIxLjU3OTQgMzUuNDM5MSAyMS40MDA0IDM1Ljc3NDRDMjEuMDY4NCAzNi4zODY0IDIwLjQzNjggMzYuNjkyNCAxOS41MDU5IDM2LjY5MjRDMTguOTY4OCAzNi42OTI0IDE4LjUwOTggMzYuNTQ3NSAxOC4xMjg5IDM2LjI1NzhDMTcuNzQ4IDM1Ljk2NDggMTcuNTU3NiAzNS40NDU2IDE3LjU1NzYgMzQuNzAwMlYzNC4xODc1SDE4LjQ3MDdWMzQuNzAwMkMxOC40NzA3IDM1LjA5MDggMTguNTU3IDM1LjM4NTQgMTguNzI5NSAzNS41ODRDMTguOTA1MyAzNS43NzkzIDE5LjE3NzEgMzUuODc3IDE5LjU0NDkgMzUuODc3QzIwLjA2MjUgMzUuODc3IDIwLjQwMSAzNS42OTk1IDIwLjU2MDUgMzUuMzQ0N0MyMC42NTgyIDM1LjEyNjYgMjAuNzA3IDM0LjcxNDggMjAuNzA3IDM0LjEwOTRWMjkuMzI5MUgyMS42Njg5VjM0LjM2MzNaTTIzLjI0MTIgMjkuMzI5MUgyNi40Njg4QzI3LjEwNjggMjkuMzI5MSAyNy42MjExIDI5LjUwOTggMjguMDExNyAyOS44NzExQzI4LjQwMjMgMzAuMjI5MiAyOC41OTc3IDMwLjczMzcgMjguNTk3NyAzMS4zODQ4QzI4LjU5NzcgMzEuOTQ0NyAyOC40MjM1IDMyLjQzMjkgMjguMDc1MiAzMi44NDk2QzI3LjcyNjkgMzMuMjYzIDI3LjE5MTQgMzMuNDY5NyAyNi40Njg4IDMzLjQ2OTdIMjQuMjEyOVYzNi41MDJIMjMuMjQxMlYyOS4zMjkxWk0yNy42MTYyIDMxLjM4OTZDMjcuNjE2MiAzMC44NjIzIDI3LjQyMDkgMzAuNTA0MiAyNy4wMzAzIDMwLjMxNTRDMjYuODE1NCAzMC4yMTQ1IDI2LjUyMDggMzAuMTY0MSAyNi4xNDY1IDMwLjE2NDFIMjQuMjEyOVYzMi42NDk0SDI2LjE0NjVDMjYuNTgyNyAzMi42NDk0IDI2LjkzNTkgMzIuNTU2NiAyNy4yMDYxIDMyLjM3MTFDMjcuNDc5NSAzMi4xODU1IDI3LjYxNjIgMzEuODU4NCAyNy42MTYyIDMxLjM4OTZaTTMyLjkxODkgMjkuMTQzNkMzMy41OTI4IDI5LjE0MzYgMzQuMTc1NSAyOS4yNzM4IDM0LjY2NyAyOS41MzQyQzM1LjM3OTkgMjkuOTA4NSAzNS44MTYxIDMwLjU2NDUgMzUuOTc1NiAzMS41MDJIMzUuMDEzN0MzNC44OTY1IDMwLjk3NzkgMzQuNjU0IDMwLjU5NyAzNC4yODYxIDMwLjM1OTRDMzMuOTE4MyAzMC4xMTg1IDMzLjQ1NDQgMjkuOTk4IDMyLjg5NDUgMjkuOTk4QzMyLjIzMDUgMjkuOTk4IDMxLjY3MDYgMzAuMjQ3MSAzMS4yMTQ4IDMwLjc0NTFDMzAuNzYyNCAzMS4yNDMyIDMwLjUzNjEgMzEuOTg1NCAzMC41MzYxIDMyLjk3MTdDMzAuNTM2MSAzMy44MjQ1IDMwLjcyMzMgMzQuNTE5NSAzMS4wOTc3IDM1LjA1NjZDMzEuNDcyIDM1LjU5MDUgMzIuMDgyNCAzNS44NTc0IDMyLjkyODcgMzUuODU3NEMzMy41NzY1IDM1Ljg1NzQgMzQuMTEyIDM1LjY3MDIgMzQuNTM1MiAzNS4yOTU5QzM0Ljk2MTYgMzQuOTE4MyAzNS4xNzk3IDM0LjMwOTYgMzUuMTg5NSAzMy40Njk3SDMyLjk0MzRWMzIuNjY0MUgzNi4wOTI4VjM2LjUwMkgzNS40Njc4TDM1LjIzMzQgMzUuNTc5MUMzNC45MDQ2IDM1Ljk0MDQgMzQuNjEzMyAzNi4xOTExIDM0LjM1OTQgMzYuMzMxMUMzMy45MzI5IDM2LjU3MTkgMzMuMzkxIDM2LjY5MjQgMzIuNzMzNCAzNi42OTI0QzMxLjg4MzggMzYuNjkyNCAzMS4xNTMgMzYuNDE3MyAzMC41NDEgMzUuODY3MkMyOS44NzM3IDM1LjE3NzEgMjkuNTQgMzQuMjI5OCAyOS41NCAzMy4wMjU0QzI5LjU0IDMxLjgyNDIgMjkuODY1NiAzMC44Njg4IDMwLjUxNjYgMzAuMTU5MkMzMS4xMzUxIDI5LjQ4MjEgMzEuOTM1OSAyOS4xNDM2IDMyLjkxODkgMjkuMTQzNloiIGZpbGw9IiNGRUQ4ODAiLz4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNMjAuMzIwMyAyNi4yMDE4VjIzLjA5MThDMjAuMzIwMyAyMi4yOTYxIDIwLjYzNjQgMjEuNTMzMSAyMS4xOTkgMjAuOTcwNUMyMS43NjE2IDIwLjQwNzkgMjIuNTI0NyAyMC4wOTE4IDIzLjMyMDMgMjAuMDkxOEgyOC45NzIzQzI5LjQzNTEgMjAuMDkxNyAyOS44OTI2IDIwLjE4OTcgMzAuMzE0NyAyMC4zNzkzQzMwLjczNjggMjAuNTY4OSAzMS4xMTQgMjAuODQ1OCAzMS40MjEzIDIxLjE5MThMMzIuNDg4MyAyMi4zOTE4QzMyLjc5NTcgMjIuNzM3NyAzMy4xNzI5IDIzLjAxNDUgMzMuNTk1IDIzLjIwNDFDMzQuMDE3MSAyMy4zOTM3IDM0LjQ3NDUgMjMuNDkxOCAzNC45MzczIDIzLjQ5MThINDMuNjEyM0M0NC40MDggMjMuNDkxOCA0NS4xNzEgMjMuODA3OSA0NS43MzM2IDI0LjM3MDVDNDYuMjk2MyAyNC45MzMxIDQ2LjYxMjMgMjUuNjk2MiA0Ni42MTIzIDI2LjQ5MThWNDAuOTAwOEM0Ni42MTIzIDQxLjY5NjUgNDYuMjk2MyA0Mi40NTk1IDQ1LjczMzYgNDMuMDIyMkM0NS4xNzEgNDMuNTg0OCA0NC40MDggNDMuOTAwOCA0My42MTIzIDQzLjkwMDhIMjMuMzIwM0MyMi41MjQ3IDQzLjkwMDggMjEuNzYxNiA0My41ODQ4IDIxLjE5OSA0My4wMjIyQzIwLjYzNjQgNDIuNDU5NSAyMC4zMjAzIDQxLjY5NjUgMjAuMzIwMyA0MC45MDA4IiBzdHJva2U9IiNGREI4MUUiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K');
        width: 65px;
      height: 64px;
      background-repeat: no-repeat;
      margin: 10px;
  }
  
  .steper-inline-h {
    height: 30px;
    width: 30px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
    border: 2px solid #FADB9D;
    margin-left: .6em;
  }
  
  .inside-inline-h {
    display: flex;
    justify-content: center;
    width: 19px;
    height: 20px;
    font-size: 13px;
    font-weight: 600;
    color: white;
    border-radius: 15px;
    background-color: #FCAF16;
  }
  
  .steper-inlineOff-h {
    height: 30px;
    width: 30px;
    font-size: 12px;
    color: #555045;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #bdbdbe;
    margin-left: 15px;
    border-radius: 100%;
  }
  
  .inside-inlineOff-h {
    display: flex;
    justify-content: center;
    width: 19px;
    height: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #555045;
    border-radius: 15px;
    background-color: lightgrey;
  }
  .bx_mnotif{
    display: none;
  }
  .bx_mnotif.act{
    display: block;
  }
  /* UPDATE 04 Oktober 2024 */

  .dh-select-box {
    display: inline-flex;
    margin-bottom: 0.5rem;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  
  .dh-select-box input {
    display: none;
  }
  
  .dh-select-box .indicator {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgB7ZRBDQIxEEWnBAFIqAUUgAMs4ICRsDgYFAAOkLAScMBKwAG8TxpOHNqFA4f9ye80bfo6PfQnQ+6+oGzxCmteq3NEnDRJQDL1gm/awPd6zvvy5Zyhwz1kt3b1NBJUF2gjoo1XZ3oNxId9KTFm9iNNoAn0dyB9vLWNVDl7FWiPjyVOWiFZZ/EhlQVFyA4PDRwFYFYjRFCkD23WSgE4wHgF4RPJyy1SgiafBQAAAABJRU5ErkJggg==")
      no-repeat center;
    background-size: contain;
  }
  
  .dh-select-box input:checked ~ .indicator {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgBrZQ7TgMxEIZnnEhJuXWiSDkBJAVQU3IGoOAGcBNuEIlwAKhAQgFuQLhBioAot+ORdQZ7xuNHhBAFlrJex55v/nl4Edygh+GQLE4IYOSWFcSBftc9kV+JQNaIYRevwNgz3F8s0EPWFp/cViUH3YFoBMGIIDCEXY7atGhs7BeeO6tKT6IaAMWTDCVxwLNuy6+iBido74bkpZNCosvknogEUoRYqK/b/nwQXjzFhthIIR4Y+SSUAK0MQBlGTAElz2yvi24fmp0ZNLuzFLObjSxQTwevEuZmXqnTg2brAsjBIHPoFZvMZRa3hEH5/90e2e0pQ/DjBVrPx3GP1pSBgqpm7x5WTjZ1+ilUVjJFhbQdxM/JFjS0Mk/ewI6mDFt7SKaEIZ+vsDnQ3g64M7QFBHIZDRXM4cyPkpKgF1Gaw8RekT4oDDwgh8D7Mna6RsF1iVWLSQ0VcwbtABPIoZuXsQixniEtXGF7M6CNaIt8/WVI+RHqoDI4Waey0u9AbpEgzCDBXMPy/ZCaMLvAuq8tTnr/kPvHLa8NwurEiatVYsYpXyhmBtMF52TXLVidGjx4WxhcjfkjtRkJ/TAnYO2Ij2zrGPBf4xs4gDCugUvTuQAAAABJRU5ErkJggg==")
      no-repeat center;
    background-size: contain;
  }

  .dh-select-box input:checked:disabled ~ .indicator {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgBrZQ7TgMxEIZnnEhJuXWiSDkBJAVQU3IGoOAGcBNuEIlwAKhAQgFuQLhBioAot+ORdQZ7xuNHhBAFlrJex55v/nl4Edygh+GQLE4IYOSWFcSBftc9kV+JQNaIYRevwNgz3F8s0EPWFp/cViUH3YFoBMGIIDCEXY7atGhs7BeeO6tKT6IaAMWTDCVxwLNuy6+iBido74bkpZNCosvknogEUoRYqK/b/nwQXjzFhthIIR4Y+SSUAK0MQBlGTAElz2yvi24fmp0ZNLuzFLObjSxQTwevEuZmXqnTg2brAsjBIHPoFZvMZRa3hEH5/90e2e0pQ/DjBVrPx3GP1pSBgqpm7x5WTjZ1+ilUVjJFhbQdxM/JFjS0Mk/ewI6mDFt7SKaEIZ+vsDnQ3g64M7QFBHIZDRXM4cyPkpKgF1Gaw8RekT4oDDwgh8D7Mna6RsF1iVWLSQ0VcwbtABPIoZuXsQixniEtXGF7M6CNaIt8/WVI+RHqoDI4Waey0u9AbpEgzCDBXMPy/ZCaMLvAuq8tTnr/kPvHLa8NwurEiatVYsYpXyhmBtMF52TXLVidGjx4WxhcjfkjtRkJ/TAnYO2Ij2zrGPBf4xs4gDCugUvTuQAAAABJRU5ErkJggg==")
      no-repeat center;
    background-size: contain;
    filter: grayscale(1);
    cursor: not-allowed;
  }
  

  .dh-tooltip {
    float: right;
    background: rgba(112, 112, 112, 0.2);
    color: #707070;
    font-weight: bolder;
    font-size: 10px;
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    padding-bottom: 3px;
    line-height: 14px;
    position: relative;
  }
  
  .dh-tooltip .dh-tooltiptext {
    visibility: hidden;
    min-width: 200px;
    background-color: white;
    /* text-align: center; */
    /* padding: 5px 0; */
    border-radius: 6px;
    text-align: left;
    padding: 5px 10px;
    font-weight: normal;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0px 3px 6px #0000001a;
    font-size: 13px;
  }
  
  .dh-tooltip .dh-tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }
  
  .dh-tooltiptext {
    min-width: 200px;
    background-color: white;
    position: absolute;
    border-radius: 6px;
    text-align: left;
    padding: 5px 10px;
    font-weight: normal;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0px 3px 6px #0000001a;
    font-size: 13px;
  }

  .dh-tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }

  .dh-tooltip:hover .dh-tooltiptext {
    visibility: visible;
  }

  .dh-text-tooltip-box {
    position: absolute;
    display: block;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    background-color: #192733;
    border-radius: 10px;
    padding: 10px 15px;
    text-wrap: nowrap;
  }

  .dh-text-overflow {
    display: inline-block;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
  }
  .dh-text-overflow.two-line {
    max-height: 3.6em;
    line-height: 1.8em;
  }
  .dh-text-overflow.flex {
    white-space: nowrap;
    min-width: 0;
    flex: 1;
    max-width: unset;
  }

  .dh-text-overflow:hover:after {
    content: attr(data-text);
    position: absolute;
    display: block;
    overflow: visible;
    z-index: 20;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    background-color: #192733;
    border-radius: 10px;
    padding: 10px 15px;
  }

  .dh-text-overflow.no-hover:hover:after {
    content: none;
  }