.i-doc-ico,
.i-pdf-ico-new {
    width: 64px;
    height: 64px;
    display: block;
}
.i-box-default,
.i-box-form {
    backdrop-filter: blur(13px);
}
.i-btn-back,
.i-form-card,
.i-form-row,
.i-th,
.i-timeline li:before,
.i-upload,
.modal-body,
.modal-header {
    vertical-align: middle;
}
.i-details-remarks,
.i-th {
    white-space: nowrap;
}
.i-doc-ico {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS2SURBVHgB7ZvPTxtHFMe/bxav7V27uDE/Uhp+JOHHJVaToEpNLiVCai6hx177t/XaY0CqWomWqlXSA6moUFtK0jYIYmhhCY5tFnu9O50ZE2pIkIm8CzG7H8lrz86s5fedeW/Gb3cIr4HP3zcw3PkRanxMFPtByKId4bDEcVX8/gXKTjx8XRN65Zp/v7sOjX0uPhk4T0gxCNNHhTgkALe+/QxgkzjPeO4MdU9OvyweCMA356bAcA9hwKVZ6vn4S/mRyQO35m6FxniJxieVq2NfAOEfUwgbIs7xZ/cNTfU+4TbCRwxa7AVDzbuBsMLYKBND4RLCiod+1raLHD8QtjOEnEgAhJxIAIScSACEnEgAhJwOBIGdN3j5aQaeHTuuCRkDOzAGi2C6hzPEfwF2Frp4abm7WTNetQwUlxzqmlhBLO3gjPBXAKcYU8ZryeaG7QvFt3+8JFJUK2c1EvwVoPxnp3yjzHi+aa9mrm/JfJwS4Z+vr5BxZRua7qIZmukg2bcLnwgmBnSccEg3ilD8tRcn5SQj7IQEI8CbIEUwrxa8qpVg3Gk+K1W2DG6vZvjW3CD13v2rVdc5ewEkoifZSXszNVKgnaSjYo29bsIUM0kL+LsO6BD+SR0etHhzX26FeE89BjjP42gRf0eA7B3xQhsRrQThE7z4+zh51fTBiVhnHsbQ8kG9vdFHe6s3uWzD9BLFu/84VF96khMBblQVtKRFqeF54VIlBIx/LlAr9SE5MC/m6RLccoqX/75Nbi2O9PAidteGyF65xY2r31PyYh5VKytWgZ9gv54Xl8bh7mYpc2NGxI8KLz7O8cJvdyj74TQCxl8XkMbHUkUketfpws1pvpcfl6d5ZT0Hc3hOGS/Rs5Ysw7FGZJEqm9fIHH0ojVfl9Mgi4pmnYr2sI2CCiwGkV8G0CpxSGrXye1KUQ/WizF27S9ZzYlUlXOPlKSGC/I6ACTQIEvd0dOgVIiHE0d5UZXa8gVK4UyA4AWrlFGTPil7klNhG5fnhGzB2fohiqbzseSWUbN8Af/HLvdNwAV/XAcLXh1CNKT/G3rNxSg6qpzHIHJjn5ScT5NmPoKUtMfTTsDdy9M61b9R18Ys/o7B4l8zLD8RCqsrttRzpF5ZPwwV8E0BOa8owXtOJ9IqM+HgZ9GRQ1MwZMTPk4G6OQUtYyvh9v1dBrxyr8L2NMVWWU6j5/xQZJP6NADGnNz5v88rDR3KoZ3IPjr3eVNefitGNRElRhBx/BSg97hTZncvwqm0jrL8/1K1qcAoJsaZPIEjccj3bTLGW84j+CqC/uyff+M6jPpkgRRBUNhPiv0M962wMtJQMkfibDxDJSkqNbtYTnV8NI0hSo1tvZ05Q5vhkZsheF0tZx/9YwAxH3FAp+JUZDiYnKLNCbZIZiqZBhJxIAIScSACEnEgAhJxIgP2tZeFE2M7gemsIKwyrDHFtCWGFY4GhXPhJZBZ8e+ambeCeJTdRMnr/013hBl8gbBBTN17VLEA9dxbEcRZhgfjBFtrDW2e3fxC3o9xzvoeQZilb3zWqSker1T5C7k2JIXLONlORcvX6aG84e1zz+oZK9gE8twtE/WhHiG1Bbp9nfFkGexXvjvAf3CvRbMjC1HIAAAAASUVORK5CYII=");
}
.i-pdf-ico-new {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARZSURBVHgB7ZvPbxtFFMe/741/ZRvHjvOLxmoqcUhREaKVyo9yARSOKQcOXPnbuHKkXEMrLvwSUqhQoUVAmzQVbWKIY3ubxLvzOrOOXeV3Uo/j2utP5M2sd7K78515b2ae8ggHICtfe/By7yOQSyBcMJ8x9CKCkvksg7FIYx99f1AV2vc3T29dgaIvTNFDP2HFINzcK8QuAaT07ecAz6Gf0eE3NDF3s3naEkBWb98wQ2UecSCkBZr88CtbZHuQ0u3rsWm8RclcZOrYEcDYxw3EDePnrLNXUe8TPkD8SEIlNxgaVxBXmGc5mufjisYF7tlFjgtM2xkxZyAAYs5AAMScgQCIOQMBEHMS6ADCI4WQ01kxu43D6pDe8llvrDLCOrqIcwFCNTql2SscV0+Ul9PKG+Zw7SH01ha6hFMBNGW8ZuMTfPStQ9EQ0SpQ4xcT6J4ITgUQzkSBVCKzx2I+5sFm8IchtISRCIBfJZJtHANZkwl935XpuDUBatg8ndC3KqXMUEAkAoxJCE4IjwDBxmOWShlt0hEneBqsCKzJbM3FhuaOReyPMZ8wMTKNoF5n2fTRBl0XwGLNRZ2i/o7pGJ8zlG1XALfrANmxS0JHYWo8QFMigzZxKoAK19eSSm8o7p31lfs31Vqjh3DnA/wHs7K9Po2E5xESSUkVapS7uhJdW12YbVYTSoWUvfQv0pO16Iv/f5xBUN09lPPXlpDMbeIMcCZA1Hh1roThtx4Z156nyh9TWP9pBvl3l+TZ0hSd/+xnW4+CclrWbl2mwvX7GJopy+bTPLxiiVLj1dbNOBPgjHA7C6jEFqVyNTOnJ+FtlqRyt9jyh80eNb8pv/W3lH+9SEMzd+xXUeONGOgCbgXYLk9j43dfOO2heq+IkTdWDqomqckahb+kW+dWjOqfDYFShSpyVx/jjHAqAIlOia6ZWTBIo/DOX4f1qtkJKkEybI2OoWIJTRNQZzf8LW73AunRB5S/VjEmkD+y3vbqMKXyLZvvHxM4Ain/NhUVdC0D/9EYJj+5i1cAZwJQZuIfc7C9mtp3LXvZbHdrkc0LJwN6bf4OVLox1Idff4JErg/iAZniw53S+X3XRt9bahb3rpIp++YTdJFBUBSOEaLTbOy6jlMBtMrmAnOQHtoOuBUAje2plhPHdl7yOY37K7LxpPZwOg2yflYJTVDUBivMW4I7FBjQutFuEr+CNnErgInOmJXgquZzE/YlO2kIJEGNw9qrFxO0QRFCva5p2AQ5KYUOYIRet8+BAzqyErQ9w6h1ZWl7WgbrAMScgQCIOQMBEHMGAiDmDASIsqniimk7R3l1cYWxzEjQPcQVwSLDL/9gSm39k0FPIrpkkyiZip/6Jq7yJeIGcZQ8Gc0CNPnxojkuIC6QtFJod6fO/vfdvBkafZ5DSAs01sgajc72Xo7yCK0IxH2WTCWRqTdG+wsOjVo2Eir5behwHES9mVpHbMNmy2bI37fOPvJ3e3gOsVmVz+g3mLoAAAAASUVORK5CYII=");
}
.i-box-input {
    width: 100%;
    height: 35px;
    font-size: 12px;
    border: 2px solid #d7d9d7;
    border-radius: 20%;
    background-color: #fff;
    padding: 2px 40px 2px 10px;
}
.i-box-default,
.i-box-details,
.i-box-form {
    height: auto;
    border-radius: 18px;
    opacity: 1;
}
@media (min-width: 768px) {
    .i-form-card {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
    }
}
.i-form {
    padding-left: 124px;
    padding-right: 124px;
}
.i-box-default {
    background: no-repeat padding-box #f8f8f8;
    -webkit-backdrop-filter: blur(13px);
    padding: 41px 29.5px;
    margin-bottom: 20px;
}
.i-box-form {
    background: 0 0;
    -webkit-backdrop-filter: blur(13px);
    margin-bottom: 40px;
}
.i-box-details {
    background: #fff;
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    margin: -10px 100px 4px;
    padding: 24px 100px;
}
.i-downloadTemplate {
    position: absolute;
    color: #000;
    bottom: -80px;
    text-decoration: underline #f6b41f;
    text-underline-offset: 5px;
    display: none;
}
.i-inputText {
    height: 40px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
}
.i-column,
.i-column-b,
.i-column-bc {
    text-align: left;
    padding: 1px;
    margin-top: 10px;
}
.i-column-b {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    font-weight: 600;
}
.i-column-bc {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    font-weight: 600;
}
.i-column {
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
}
@media (max-width: 690px) {
    .i-column,
    .i-column-b {
        display: none;
    }
}
.i-table-center {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 14px;
}
.i-table {
    width: 100%;
    font-size: 8px;
}
.i-checkFiles {
    color: #fdb71e;
    border-radius: 100%;
    font-size: 12px;
    height: 20px;
    border: none;
    position: relative;
    bottom: 35px;
    right: 20px;
    z-index: 1;
    max-width: 100px;
    float: right;
}
.i-btn-all-action {
    width: 100px;
    height: auto;
    font-size: 14px;
    border: 0;
    text-align: center;
    border-radius: 20px;
    opacity: 1;
    padding: 2px;
    font-weight: 600;
}
.i-btn-status {
    font-size: 12px;
    border: 0;
    text-align: center;
    border-radius: 20px;
    opacity: 1;
    padding: 6px 20px;
}
.i-btn-add,
.i-btn-grey {
    display: flex;
    border-radius: 10px;
    cursor: pointer;
}
.i-btn-add {
    line-height: 30px;
    align-items: center;
    justify-content: center;
    height: 35px;
    font-weight: 700;
    color: #000;
    width: fit-content;
    background-color: #f8f1e0;
    padding: 10px;
}
.i-btn-detail,
.i-btn-grey {
    font-size: 12px;
    font-weight: 600;
}
.i-btn-grey,
.i-btn-reject {
    justify-content: center;
    color: #545045;
}
.i-btn-detail {
    right: 15px;
    border-bottom: 2px solid #fdb91f;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    background-color: transparent;
}
.i-btn-grey {
    align-items: center;
    width: 120px;
    height: 20px;
    border: 0;
    letter-spacing: 1.27px;
    background: padding-box #e0e0e0;
}
.i-btn-back {
    background: no-repeat padding-box;
    border: 0.5px solid #000;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px;
    margin-left: 100px;
    margin-top: 30px;
    opacity: 1;
    width: 200px;
    height: 34px;
    text-align: center;
    cursor: pointer;
}
.i-btn-approve,
.i-btn-reject {
    border-radius: 10px;
    width: 80px;
    cursor: pointer;
    font-size: 12px;
    line-height: 25px;
    font-weight: 600;
}
.i-btn-reject {
    align-items: center;
    border: 1px solid #b2b2b2;
    background: padding-box;
    margin: auto 10px;
}
.i-btn-approve {
    justify-content: center;
    align-items: center;
    color: #000;
    border: 0;
    background: linear-gradient(25deg, #fcaf16 0, #ffce32 100%) no-repeat padding-box;
    margin: auto 5px;
}
.i-checked,
.i-timeline li:before {
    line-height: 18px;
    transition: 0.3s ease-in-out;
}
.i-selected-item,
.i-selected-view {
    border-radius: 10px;
    height: 35px;
    padding: 8px 8px 8px 12px;
    cursor: pointer;
}
.custom-dropdown {
    position: relative;
    display: inline-block;
    font-size: 13px;
    z-index: 10;
}
.i-selected-item {
    background-color: #ffff;
    width: 150px;
}
.i-selected-view {
    margin-left: 15px;
    background-color: #ffff;
    width: 70px;
}
.i-text-view {
    margin-top: 8px;
    font-size: 12px;
    color: #545045;
    font-weight: 700;
    letter-spacing: 3px;
}
.i-dropdown-list,
.i-dropdown-list-approval,
.i-dropdown-list-time,
.i-dropdown-list-view {
    margin-top: 5px;
    border-radius: 10px;
    display: none;
    list-style: none;
    width: 100%;
    position: absolute;
    padding: 0;
}
.i-dropdown-list-approval,
.i-dropdown-list-view {
    z-index: 10;
    margin-left: 15px;
}
.i-dropdown-list-approval.view,
.i-dropdown-list-view.view {
    width: 85%;
}
.i-dropdown-list-approval li,
.i-dropdown-list-view li {
    background-color: #ffff;
    width: 100%;
    z-index: 10;
    cursor: pointer;
    padding: 10px;
}
.i-dropdown-list li:hover,
.i-dropdown-list-approval li:hover,
.i-dropdown-list-time li:hover,
.i-dropdown-list-view li:hover {
    opacity: 1;
    background-color: #f9e6bc;
}
.i-dropdown-list,
.i-dropdown-list-time {
    z-index: 1;
}
#i-msform,
#i-msform fieldset,
#i-progressbar,
.i-timeline,
.i-timeline li {
    position: relative;
}
.i-down-arrow,
.i-down-arrow-white {
    width: 16px;
    height: 16px;
    top: 6px;
    float: left;
    cursor: pointer;
}
.i-dropdown-list li,
.i-dropdown-list-time li {
    background-color: #ffff;
    width: 100%;
    z-index: 99;
    cursor: pointer;
    padding: 10px;
}
.i-down-arrow {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALpJREFUGFdjDA1wTfjPwKj/h+FX44YNBz4w4AAhAS4OjAwM+b8Z/iQyAjkFDAyM/f8ZGB4wMvxPXLNhzwFkfQEBDgIsDGz1DAz/geoYHrIwMIM0MzCATAFqXABkygM1L/jL8LsQZCtIHOiK+UBFCkDxiUDxBpA4WBMMhAS4NQBNBJrK8AGoaANQMgGIL/4H2oLsAhRNIM1APxoAqQVATfpA2xvXbNgFNAgVYGiCSUcEeCis2LDjAbZwAQDCqUEHrJY8/gAAAABJRU5ErkJggg==")
        right/65% no-repeat #fff;
}
.i-down-arrow-white {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAATCAYAAAAao7T0AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgBzZbRDYMwDEQ9AiMwAiOwUdmAbFA2KBt1BEZghGsiSIsoxgcJVZ+UD0R8OYIvisg/AqD1Y5zHXS7E6xfqeuEB3zz9KCUzQXPWXuPihBHbDDkNzUYGZa3RMhMNVZKI16iNdd5mHGwaOYmvvRH63bKgIwpaOQimRrXotwqZHaKShikxD0LP7Yk0hMBu0qAnZo396/2kCnrXR4YtQ9hPTCQ0ci0spGh4Xy1qrMSoH8EaorYbXGLSD1JwSbPo/SgkB+CSpuEkN+CStub0YckYYpIWOJaYBENW0sK7Un4F9KRdcvVgTXX4XJJCk59OzAvVDFlkCntfkgAAAABJRU5ErkJggg==")
        right/65% no-repeat;
}
#i-msform fieldset:not(:first-of-type),
.i-custom-card:last-child > .i-card-bullet::after,
.i-custom-search .dataTables_filter,
.progress-hidden {
    display: none;
}
.i-timeline {
    counter-reset: test;
}
.i-timeline li {
    counter-increment: test;
    list-style: none;
    float: left;
    width: 33.33%;
    text-align: center;
}
.i-timeline li:before {
    content: counter(test);
    font-size: 11px;
    width: 20px;
    height: 20px;
    border: 1px solid #eaebe8;
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: 0 auto -10px;
    background: #eaebe8;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #eaebe8;
    color: #000;
}
.i-timeline li:after {
    content: "";
    position: absolute;
    width: 75%;
    height: 1px;
    background-color: grey;
    top: 10px;
    left: -47.5%;
    z-index: -999;
    transition: 0.3s ease-in-out;
    margin: 0 20px;
}
#i-details-progressbar li:first-child:after,
#i-details-progressbar-step li:first-child:after,
#i-progressbar li:first-child:after,
.i-timeline li:first-child:after {
    content: none;
}
.i-timeline li.active-tl {
    color: #555;
}
.i-timeline li.active-tl:before {
    background: #fcae15;
    box-shadow: 0 0 0 2px #fcae15, 0 0 0 4px #eaebe8;
}
#i-msform fieldset {
    background: 0 0;
    border: 0;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
}
#i-msform h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 50px 88px 0;
    color: #43384e;
}
.i-p-form {
    font-size: 12px;
    font-weight: 400;
    padding: 10px 88px 40px;
    color: #43384e;
}
.i-form-card {
    display: flex;
    flex-direction: column;
    background: no-repeat padding-box #f8f8f8;
    border-radius: 15px;
}
.i-form-row {
    display: flex;
    padding-left: 77px;
    padding-right: 84px;
    padding-bottom: 20px;
    overflow-y: hidden;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.i-form-row .i-fieldLabels {
    font-size: 14px;
    color: #545045;
    margin-right: 10px;
    width: 20%;
    line-height: 15px;
    white-space: nowrap;
}
#i-msform .action-button {
    width: 200px;
    background: #fdbb20;
    line-height: 20px;
    font-weight: 700;
    border-radius: 12px;
    border: 0;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0 10px 5px;
    float: right;
}
#i-msform .action-button-previous {
    width: 200px;
    font-weight: 700;
    line-height: 20px;
    border: 1px solid #707070;
    border-radius: 12px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0;
    float: right;
    background: 0 0;
}
#i-progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #d3d3d3;
    display: flex;
    justify-content: space-between;
    padding: 0;
    counter-reset: form;
}
#i-details-progressbar .active,
#i-details-progressbar-step .active,
#i-progressbar .active {
    color: #673ab7;
}
#i-details-progressbar li,
#i-details-progressbar-step li,
#i-progressbar li {
    counter-increment: form;
    list-style-type: none;
    font-size: 8px;
    width: 100%;
    float: left;
    position: relative;
    font-weight: 400;
    padding: 2px;
}
#i-progressbar li:before {
    content: counter(form);
    width: 33px;
    height: 33px;
    line-height: 20px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    border: 5px solid #eee;
    border-radius: 100%;
    margin: 10px auto;
    padding: 3px;
    box-shadow: 0 0 0 2px #d3d3d3;
    color: #555045;
    background: #d3d3d3;
}
.i-cancel-modal,
.i-sof-modal {
    background: no-repeat padding-box #f8f8f8;
    border-radius: 15px;
    max-width: 800px;
}
#i-progressbar li:after {
    content: "";
    width: 80%;
    height: 2px;
    background: #d3d3d3;
    position: absolute;
    left: -40%;
    top: 25px;
    z-index: 1;
    transition: 0.3s ease-in-out;
}
#i-details-progressbar li.active:before,
#i-details-progressbar-step li.active:before,
#i-progressbar li.active:before {
    background: #fdb71d;
    box-shadow: 0 0 0 2px #fcae15;
}
#i-details-progressbar li.active:after,
#i-details-progressbar-step li.active:after,
#i-progressbar li.active:after {
    background: #fdb71d;
}
.i-steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: right;
}
.i-sof-modal {
    height: 500px;
}
.i-modal-title {
    color: #4e5554;
    font-weight: 700;
}
.i-modal-content-txt {
    color: #7d8786;
    font-weight: 400;
}
.i-modal-content {
    margin: 22% auto;
    padding: 30px;
}
.i-modal-t-content {
    margin: 1% auto;
    padding: 30px;
}
.i-modal {
    display: none;
    background-color: #fff;
    position: fixed;
    z-index: 99;
    width: 50%;
    height: 50%;
}
.i-btn-view-all {
    border-radius: 10px;
    padding: 5px 20px;
    color: #000;
    font-weight: 400;
    height: 33px;
    cursor: pointer;
    box-shadow: 3px #fdbd234f;
    border: 2px solid #efc500;
}
#i-msform label:hover,
.i-btn-view-all:hover {
    color: #000;
}
#i-details-progressbar li:before,
#i-details-progressbar-step li:before {
    content: counter(form);
    width: 23px;
    height: 23px;
    line-height: 20px;
    display: block;
    margin: 2px auto;
    box-shadow: 0 0 0 2px #d3d3d3;
    color: #555045;
    background: #d3d3d3;
}
.i-badge-info {
    font-weight: 400;
    background-color: #fdb91f;
    margin-right: 10px;
}
.i_bx_ico_search_submit {
    position: absolute;
    top: 10px;
    left: 15px;
}
.i-absolute-search {
    position: absolute;
    top: 115px;
    right: 357px;
}
.i-labels {
    margin: 15px 0;
}
.i-value {
    margin: 15px 0 15px 100px;
}
.i-upload {
    display: table-cell;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    height: 100px;
    width: 465px;
    justify-content: center;
    align-self: center;
}
progress {
    border: none;
    background: grey;
    border-radius: 10px;
    padding: 0;
}
progress::-webkit-progress-value {
    background: orange;
    border-radius: 10px;
}
progress::-moz-progress-bar {
    background: orange;
    border-radius: 10px;
}
.orange::-webkit-progress-value {
    background: orange;
    border-radius: 10px;
}
progress::-webkit-progress-bar {
    background: #d3d3d3;
    border-radius: 10px;
}
.color_grey {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.6;
}
.modal-dialog {
    max-width: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: flex;
}
.modal-title {
    margin-right: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-background {
    background-color: rgba(0, 0, 0, 0.3);
}
.close-modal-btn {
    background: 0 0;
    border: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.close-modal-btn:hover {
    opacity: 0.8;
}
.i-erase-btn {
    cursor: pointer;
    display: none;
    border-radius: 100%;
    font-size: 8px;
    height: 20px;
    border: none;
    position: absolute;
    top: auto;
    right: 40px;
    bottom: 130px;
    z-index: 1;
}
.i-checked {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fdb71d;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d3d3d3;
    margin-left: 3px;
}
hr.divider {
    border: 0;
    border-top: 1px solid #d3d3d3;
    width: 150px;
    margin: 0;
    padding-bottom: 20px;
}
.i-input {
    background: #fff;
    overflow: hidden;
    outline: 0;
    border: 0;
    height: 32px;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    border-radius: 10px;
    font-size: 13px;
}
.i-col-details-1 {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.i-col-details-2 {
    display: flex;
    justify-content: space-around;
    align-items: start;
    width: 100%;
}
.i-row-details {
    width: 100%;
}
.i-row-details-right-1 {
    width: 100%;
    margin-left: 50px;
}
.i-row-details-right-2 {
    width: 100%;
    padding-left: 50px;
}
.i-details-title {
    font-weight: 600;
    font-size: 18px;
}
.i-details-subtitle {
    font-weight: 600;
    font-size: 14px;
}
.i-details-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
}
.i-details-progress,
.i-details-progress-step {
    width: 100%;
    padding: 0;
    margin: 0;
}
#i-details-progressbar,
#i-details-progressbar-step {
    overflow: hidden;
    color: #d3d3d3;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    position: relative;
    counter-reset: form;
}
#i-details-progressbar li:before {
    font-size: 12px;
    border: 2px solid #eee;
    border-radius: 100%;
    padding: 0 2px 2px 6px;
}
#i-details-progressbar li:after {
    content: "";
    width: 55%;
    height: 2px;
    background: #d3d3d3;
    position: absolute;
    left: -26%;
    top: 13px;
    z-index: 1;
    transition: 0.3s ease-in-out;
}
.i-card {
    width: 80%;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}
.i-custom-card {
    margin: 16px 10px;
    border-radius: 12px;
    border: 1.8px solid rgba(112, 112, 112, 0.1);
    background-color: transparent;
    left: 18px;
    max-width: 100%;
}
.i-custom-card:first-child {
    margin-top: 0;
}
.i-custom-card .i-card-title {
    font-size: 16px;
    font-weight: 700;
}
.i-custom-card .i-card-subtitle {
    font-size: 16px;
    font-weight: 500;
}
.i-custom-card .i-card-text {
    font-weight: 500;
    font-size: 13px;
}
.i-custom-card .i-card-body {
    min-height: 80px;
}
.i-custom-card .i-card-bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    border: 4px solid rgba(11, 11, 11, 0.2);
    top: 14px;
    left: -28px;
    position: absolute;
}
.i-custom-card .i-card-bullet.active {
    background-color: #fcaf16;
    border: 4px solid #fdc85d;
    position: absolute;
}
.i-custom-card .i-card-bullet.active::after,
.i-custom-card .i-card-bullet::after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: -105px;
    width: 2px;
    background: rgba(0, 0, 0, 0.2);
    margin-left: 5px;
}
.i-custom-card .i-card-bullet-sm {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    border: 4px solid rgba(11, 11, 11, 0.2);
    top: 14px;
    left: -28px;
    position: absolute;
}
.i-custom-card .i-card-bullet-sm.active {
    background-color: #fcaf16;
    border: 4px solid #fdc85d;
    position: absolute;
}
.i-custom-card .i-card-bullet-sm.active::after,
.i-custom-card .i-card-bullet-sm::after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: -65px;
    width: 2px;
    background: rgba(0, 0, 0, 0.2);
    margin-left: 5px;
}

#i-details-progressbar-step li:before {
    font-size: 12px;
    border: 2px solid #eee;
    border-radius: 100%;
    padding: 0 2px 2px;
}
#i-details-progressbar-step li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #d3d3d3;
    position: absolute;
    left: -38%;
    top: 13px;
    z-index: 1;
    transition: 0.3s ease-in-out;
}
.i-btn-dropdown-product {
    width: 200px;
    height: auto;
    font-size: 14px;
    border: 0;
    text-align: left;
    border-radius: 20px;
    opacity: 1;
    padding: 2px;
    font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .i-details-remarks {
        white-space: break-spaces;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .i-details-remarks {
        white-space: break-spaces;
    }
}
.i-date-range {
    margin: auto;
    justify-content: center;
    align-items: center;
}

.ym-pointer {
    cursor: pointer;
}