/******** General ********/
body .nice-select > .current {
   width: 100%;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.apply-bg.new-tps-design {
   padding-top: 0;
   padding-bottom: 0;
}
.new-tps-design .form-step-wrap {
   max-width: 100%;
}
body .new-tps-sec .no-mb-sec {
   margin-bottom: 0;
}
.list .nice-select-wrapping {
   margin: 0;
   max-height: 200px;
   overflow-y: auto;
}
.nice-select .nice-select-search-box {
   padding: 15px 10px 10px;
   position: relative;
}
.nice-select .nice-select-search-box:before {
   content: "";
   background-image: url(../images/permohonan/search.png);
   background-position: center;
   background-size: contain;
   width: 18px;
   height: 18px;
   top: 0;
   bottom: 0;
   right: 25px;
   margin: auto;
   position: absolute;
   pointer-events: none;
   transform: translate(0, 4px);
}
.ca-input-div .nice-select {
   width: 100%;
}
.nice-select .nice-select-search-box .nice-select-search {
   padding-right: 40px;
   background-color: #F2F2F2;
}
body .nice-select .list {
   width: 100%;
}
body .margin-20-bottom {
   margin-bottom: 20px!important;
}
body .margin-15-bottom {
   margin-bottom: 15px!important;
}
body .margin-10-bottom {
   margin-bottom: 10px!important;
}

body .multiselect-sdg .ms-options-wrap > button span i {
   border-radius: 25px;
}
/******** General end ********/
/******** Move Counter to Top ********/
body .c-count input.counter-field:focus,
body .ca-input-column-style .c-count input:focus {
   padding-right: 70px;
}
body .c-count {
   position: relative;
   margin-bottom: 5px;
}
.c-count .counter {
   position: absolute;
   top: 10px;
   right: 10px;
   margin-top: 0!important;
   padding-right: 0!important;
   transition: all .3s ease-in-out;
   max-width: 80px;
   overflow: hidden;
}
body .c-count input.counter-field:not(:focus) ~ .counter, 
body .c-count input.counter-field:not(:focus) + .counter,
body .ca-input-column-style .c-count input:not(:focus) ~ .counter,
body .ca-input-column-style .c-count input:not(:focus) + .counter {
   /* opacity: 0; */
   max-width: 0;
}

/******** Move Counter to Top end ********/
/******** Sidebar ********/
.new-tps-sec {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
}
.new-tps-sidebar {
   width: 17%;
   padding: 49px 10px 50px 8px;
   position: relative;
}
.tps-sidebar-list .tps-sb-wrap {
   display: flex;
   align-items: flex-start;
   color: #929292;
   max-width: 150px;
}
.tps-sb-wrap .tps-sb-checkbox {
   width: 20px;
   height: 20px;
   min-width: 20px;
   min-height: 20px;
   margin-right: 10px;
   margin-top: 1px;
   border: 2px solid #D9D9D9;
   border-radius: 100px;
   transition: all .3s ease-in-out;
   position: relative;
   z-index: 1;
}
.tps-sb-wrap .tps-sb-label {
   line-height: 1.35;
   font-weight: 600;
}
.tps-sidebar-list {
   position: relative;
}
.tps-sidebar-list:not(:last-child) .tps-sb-wrap + .line {
   width: 2px;
   height: calc(100% - 18px);
   background-color: #D9D9D9;
   position: absolute;
   left: 9px;
   bottom: -2px;
   transition: all .3s ease-in-out;
}
.tps-sidebar-list:not(:last-child) .tps-sb-wrap + .line:before {
   content: "";
   position: absolute;
   background-color: #9CA1CB;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transform: scaleY(0);
   transform-origin: top left;
   transition: transform 0.2s ease-out;
}
.tps-sidebar-list .tps-sb-wrap:hover,
.tps-sidebar-list .tps-sb-wrap.prev-active:hover {
   color: #2B2E66;
}
.tps-sidebar-list .tps-sb-wrap.prev-active:hover .tps-sb-checkbox {
   background-color: #ffffff00;
}
.tps-sidebar-list .tps-sb-wrap:hover .tps-sb-checkbox {
   border-color: #2B2E66;
}
.tps-sidebar-list:not(:last-child) {
   padding-bottom: 30px;
}
.tps-sb-wrap.active .tps-sb-checkbox {
   background-color: #2B2E66;
   border-color: #2B2E66;
}
.tps-sidebar-list .tps-sb-wrap.active {
   color: #2B2E66;
}
.tps-sb-wrap.prev-active .tps-sb-checkbox {
   background-color: #9CA1CB;
   border-color: #9CA1CB;
}
.tps-sidebar-list .tps-sb-wrap.prev-active {
   color: #9CA1CB;
}
.tps-sidebar-list .tps-sb-wrap.prev-active + .line:before {
   transform: scaleY(1);
}
.tps-sidebar-list .tps-sb-wrap.disabled{
   pointer-events: none;
}
.new-tps-sidebar:before {
   content: "";
   background-color: #DBDBDB;
   width: 1px;
   height: calc(100% - 100px);
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   position: absolute;
}



/******** Sidebar end ********/
/******** Tujuan Perusahaan Social Content ********/
.new-tps-content-sec {
   width: 83%;
   position: relative;
   overflow: hidden;
}
.tps-content-top .tps-content-main-title {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 20px;
   line-height: 1.35;
}
.new-tps-content-div {
   padding: 45px 20px 45px 38px;
   display: flex;
   flex-direction: column;
   min-height: 455px;
   transition: all .3s ease-in-out;
   position: relative;
   z-index: 1;
   top: 0;
   left: 0;
   opacity: 1;
}
.new-tps-content-div:not(.active) {
   position: absolute;
   top: 10%;
   left: 0;
   width: 100%;
   z-index: -1;
   opacity: 0;
   pointer-events: none;
}
.tps-content-top {
   margin-bottom: 40px;
}
.tps-content-bottom {
   margin-top: auto;
   padding: 14px 0;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 28px;
   border-top: 1px solid #D9D9D9;
}
.tps-content-bottom > *:first-child {
   margin-left: auto;
}
.custom-checkbox-sec .custom-checkbox-div {
   position: relative;
   max-width: 295px;
   border-radius: 14px;
   overflow: hidden;
}
.custom-checkbox-sec .custom-checkbox-div:not(:last-child) {
   margin-bottom: 14px;
}
.custom-checkbox-div input[type="radio"] {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 2;
   cursor: pointer;
    opacity: 0;
}
.custom-checkbox-div .cc-dum-content {
   padding: 13px 20px;
   transition: all .3s ease-in-out;
   display: flex;
   align-items: center;
   font-size: 14px;
   color: #2B2E66;
   font-weight: 700;
   line-height: 1.36;
   background-color: white;
}
.cc-dum-content .cc-dc-checkbox {
   background-color: #F2F2F2;
   width: 18px;
   height: 18px;
   min-width: 18px;
   min-height: 18px;
   margin-right: 9px;
   transition: all .3s ease-in-out;
   border-radius: 50px;
   position: relative;
}
.cc-dum-content .cc-dc-checkbox:before {
   content: "";
   position: absolute;
   /* border-top-left-radius: 1px;
   border-bottom-left-radius: 1px;
   border-bottom-right-radius: 1px;
   border-bottom: 1.5px solid white;
   border-left: 1.5px solid white;
   width: 8.5px;
   height: 5px;
   transform: rotate(-45deg) translate(1px, 0px); */
   width: 100%;
   height: 100%;
   background: url(../images/radio-checked.png) no-repeat;
   background-size: 100%;
   background-position: center;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   opacity: 0;
}
.custom-checkbox-div input[type="radio"]:hover + .cc-dum-content,
.custom-checkbox-div input[type="radio"]:checked + .cc-dum-content {
   background-color: #E8E9FC;
}
.custom-checkbox-div input[type="radio"]:hover + .cc-dum-content .cc-dc-checkbox {
   background-color: #9CA1CB;
}
.custom-checkbox-div input[type="radio"]:checked + .cc-dum-content .cc-dc-checkbox {
   background-color: #E8E9FC;
}
.custom-checkbox-div input[type="radio"]:checked + .cc-dum-content .cc-dc-checkbox:before {
   opacity: 1;
}
.custom-checkbox-error{
   font-size: 12px;
   color: #ff0000;
   line-height: 1.4;
   padding-left: 1px;
}
.tps-ca-counter {
   text-align: right;
   color: #2B2E66;
   font-weight: 600;
   line-height: 1.1;
   margin-bottom: 12px;
}
.ca-head {
   /* transition: all .3s ease-in-out; */
   cursor: pointer;
   position: relative;
}
.custom-accordion-div:not(.add-new-ca) .ca-head > p:not(.child-cad-text):after {
   content: "";
   position: absolute;
   width: calc(100% - 40px);
   height: 1px;
   background-color: #B4B4D3;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   opacity: 0;
}
.custom-accordion-div:not(.add-new-ca) .ca-head > p:not(.child-cad-text):before {
   content: "";
   position: absolute;
   border-top: 7px solid #2B2E66;
   border-left: 6px solid #ffffff00;
   border-right: 6px solid #ffffff00;
   height: 7px;
   right: 21px;
   top: 0;
   bottom: 0;
   margin: auto;
   transition: all .3s ease-in-out;
}
#kriteria-social .child-tps-content-div .custom-accordion-div:not(.add-new-ca) .ca-head > p:not(.child-cad-text):before{
   opacity: 0;
}
#kriteria-social .child-tps-content-div .custom-accordion-div:not(.add-new-ca) .ca-checkbox-field:checked ~ .cc-inner-div .ca-head > p:not(.child-cad-text):before{
   opacity: 1;
}
.custom-accordion-div.active .ca-head > p:not(.child-cad-text):not(.child-ca-head-title):before,
.child-tps-content-div .custom-accordion-div.active .ca-head > p.child-ca-head-title:not(.child-cad-text):before {
   transform: rotate(180deg);
}
.custom-accordion-div.active .ca-head > p:not(.child-cad-text):not(.child-ca-head-title):after,
.child-tps-content-div .custom-accordion-div.active .ca-head > p.child-ca-head-title:not(.child-cad-text):after {
   opacity: 1;
}
.custom-accordion-div.active .ca-head > p:not(.child-cad-text):not(.child-ca-head-title),
.child-tps-content-div .custom-accordion-div.active .ca-head > p.child-ca-head-title:not(.child-cad-text),
.custom-accordion-div.ca-checkbox-div .ca-head > p {
   padding-top: 15px;
   padding-bottom: 14px;
}
.ca-head > p {
   line-height: 1.35;
   transition: all .3s ease-in-out;
   padding: 25px 35px 25px 20px;
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   opacity: 1;
   z-index: 1;
   font-weight: 600;
}
.custom-accordion-div.active > .cc-inner-div > .ca-head > .ca-head-default-title:not(.child-ca-head-title),
.custom-accordion-div.value-active > .cc-inner-div > .ca-head > .ca-head-default-title:not(.child-ca-head-title),
.custom-accordion-div:not(.active) > .cc-inner-div > .ca-head > .ca-head-main-title:not(.child-ca-head-title),
.custom-accordion-div:not(.value-active) > .cc-inner-div > .ca-head > .ca-head-value-title:not(.child-ca-head-title),
.custom-accordion-div.value-active.active > .cc-inner-div > .ca-head > .ca-head-value-title:not(.child-ca-head-title),

.child-tps-content-div .custom-accordion-div.active > .cc-inner-div > .ca-head > .ca-head-default-title.child-ca-head-title,
.child-tps-content-div .custom-accordion-div.value-active > .cc-inner-div > .ca-head > .ca-head-default-title.child-ca-head-title,
.child-tps-content-div .custom-accordion-div:not(.active) > .cc-inner-div > .ca-head > .ca-head-main-title.child-ca-head-title,
.child-tps-content-div .custom-accordion-div:not(.value-active) > .cc-inner-div > .ca-head > .ca-head-value-title.child-ca-head-title,
.child-tps-content-div .custom-accordion-div.value-active.active > .cc-inner-div > .ca-head > .ca-head-value-title.child-ca-head-title{
   position: absolute;
   z-index: -1;
   opacity: 0;
}
.ca-head .ca-head-default-title {
   display: flex;
   align-items: center;
}
.ca-head .ca-head-default-title span.plus-btn {
   margin-right: 5px;
   height: 7px;
   width: 7px;
   min-height: 7px;
   min-width: 7px;
   display: inline-block;
   position: relative;
}
.ca-head .ca-head-default-title span.plus-btn:before,
.ca-head .ca-head-default-title span.plus-btn:after {
   content: "";
   background-color: #2B2E66;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
   transition: all .3s ease-in-out;
}
.ca-head .ca-head-default-title span.plus-btn:before {
   width: 100%;
   height: 1px;
}
.ca-head .ca-head-default-title span.plus-btn:after {
   width: 1px;
   height: 100%;
}
.custom-accordion-div:not(.active) {
   background-color: white;
}
.custom-accordion-div:hover {
   background-color: #E3E3FA;
}
.custom-accordion-div {
   background-color: #E3E3FA;
   transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out;
   border-radius: 15px;
   /* overflow: hidden; */
   margin-right: 30px;
   position: relative;
}
.custom-accordion-div .cta-repeater-del-tujuan{
   position: absolute;
   right: -30px;
   top: 20px;
   display: block;
   width: 20px;
   height: 20px;
   cursor: pointer;
}
.custom-accordion-div.child-cad-parent:not(.active):hover,
.custom-accordion-div.child-cad:hover {
   box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}
.ca-body {
   display: none;
   padding: 13px 20px 23px;
}
.custom-accordion-div:not(.add-new-ca) {
   margin-bottom: 20px;
}
.new-tps-content-sec:not([data-id="alam-sekitar-social"]) .ctps-label[data-id="alam-sekitar-social"],
.new-tps-content-sec:not([data-id="social"]) .ctps-label[data-id="social"] {
   display: none!important;
}
.custom-accordion-div.add-new-ca {
   transition: all .3s ease-in-out;
}
.custom-accordion-div.add-new-ca.disabled,
body .tps-fancybox-next-btn.disabled,
.show-confirm-notice.disabled {
   background: #C4C5D1;
   border: 1px solid #C4C5D1;
   pointer-events: none;
   opacity: 0.5;
}
body .ca-text-input-repeat .ca-input-repeat-btn.disabled {
   pointer-events: none;
   opacity: 0.5;
}
body .new-tps-sec .tps-content-second-main-title {
   font-size: 13px;
   font-style: italic;
   line-height: 1.3;
   margin-bottom: 10px;
   color: #FF0000;
}
body .ca-text-input-repeat .ca-input-repeat-btn {
   cursor: pointer;
   display: inline-flex;
   /* margin-top: 9px; */
   font-weight: 600;
   font-size: 15px;
   color: #2B2E66;
   margin-left: 6px;
   line-height: 23px;
   transition: all .3s ease-in-out;
}
body .ca-text-input-repeat .ca-input-repeat-btn img {
   vertical-align: middle;
   margin-right: 7px;
}
.ca-text-input-repeat .field-error {
   min-height: 0;
}
.child-tps-content-div .custom-accordion-div {
   background-color: white;
}
.child-tps-content-div .ca-input-div .nice-select, 
.child-tps-content-div .ca-input-div input {
   background-color: #F2F2F2;
}
.custom-accordion-div.add-new-ca .ca-head > p {
   position: relative!important;
   z-index: 1!important;
   opacity: 1!important;
}
.child-tps-content-div .ca-head > p:not(.child-cad-text):after {
   background-color: #D9D9D9!important;
}
.cad-always-open .ca-body {
   display: block!important;
}
.custom-accordion-div.reverse-tps-color {
   background-color: white;
}
.custom-accordion-div.reverse-tps-color input {
   background-color: #F2F2F2;
}
.custom-accordion-div .cc-inner-div{
   border: 1px solid transparent;
   border-radius: 10px;
}
.custom-accordion-div .cc-inner-div.section-error{
   border-color: red;
}
.ks-pu-option-list {
   width: 100%;
}
.ks-pu-option-list.tps-ns-option {
   margin-bottom: 40px;
}
body .ca-input-row-style input,
body .ca-input-column-style input {
   height: 35px;
   padding-top: 8px;
   padding-bottom: 8px;
   max-width: 180px;
   background-color: white!important;
}
html body .ca-input-column-style input {
   max-width: 100%;
}
body .ca-input-column-style .c-count .counter {
   top: 5px;
}
.ca-input-div.ca-input-row-style {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.ca-input-div.ca-input-row-style label {
   width: auto;
   margin-right: 10px;
   margin-bottom: 4px;
   margin-top: 4px;
}
.ca-input-div.ca-input-row-style .field-error, .ca-input-div.ca-input-column-style .field-error{
   flex: 1 1 100%;
   min-height: unset;
}
.ca-input-div.ca-file-input-div .field-error{
   margin-left: 5px;
}
.custom-accordion-div.ca-checkbox-div {
   margin-left: 28px;
   position: relative;
   width: calc(100% - 28px);
}
.custom-accordion-div.ca-checkbox-div:not(:last-child) {
   margin-bottom: 10px;
}
.custom-accordion-div.ca-checkbox-div:last-child {
   margin-bottom: 0;
}
.ca-checkbox-div .ca-dummy-checkbox:before {
   content: "";
   position: absolute;
   width: 18px;
   height: 18px;
   top: 0;
   left: 0;
   background: url(../images/radio-checked.png) no-repeat;
   background-size: 100%;
   background-position: center;
   transition: all .3s ease-in-out;
   opacity: 0;
}
.ca-checkbox-div .ca-dummy-checkbox {
   width: 18px;
   height: 18px;
   border-radius: 100px;
   background-color: #F2F2F2;
   position: absolute;
   left: -28px;
   /* top: 26px; */
   top: 17px;
   transition: all .3s ease-in-out;
}
.ca-checkbox-div input.ca-checkbox-field {
   position: absolute;
   left: -28px;
   top: 13px;
   /* top: 21px; */
   width: 28px;
   height: 28px;
   z-index: 1;
   opacity: 0;
   cursor: pointer;
}
.ca-checkbox-div input.ca-checkbox-field:checked + .ca-dummy-checkbox:before {
   opacity: 1;
}
.custom-accordion-div.ca-checkbox-div:not(.active) {
   background-color: #F2F2F2;
}
.custom-accordion-div.ca-checkbox-div.active {
   background-color: #E3E3FA;
}
.custom-accordion-div.ca-checkbox-div .ca-head > p span {
   width: 9px;
   height: 9px;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 22px;
   margin: auto;
}
/* .custom-accordion-div.ca-checkbox-div .ca-head > p span:before, 
.custom-accordion-div.ca-checkbox-div .ca-head > p span:after {
   content: "";
   transition: all .3s ease-in-out;
   margin: auto;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #2B2E66;
   position: absolute;
}
.custom-accordion-div.ca-checkbox-div .ca-head > p span:before {
   height: 100%;
   width: 1.6px;
}
.custom-accordion-div.ca-checkbox-div .ca-head > p span:after {
   height: 1.6px;
   width: 100%;
}
.custom-accordion-div.ca-checkbox-div .ca-head > p:before,
.custom-accordion-div.ca-checkbox-div.active .ca-head > p span:before {
   opacity: 0;
} */
.ca-checkbox-div input.ca-checkbox-field:not(:checked) ~ .ca-checkbox-cover {
   /* position: absolute;
   z-index: 2;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   cursor: not-allowed; */
}
.custom-accordion-div.cs-force-white-bg, 
.custom-accordion-div.cs-force-white-bg:hover {
   background-color: white;
}
.custom-accordion-div.cs-force-white-bg:not(.active):hover {
   box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}
.ca-input-div.ca-file-input-div {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}
.ca-input-div.ca-file-input-div .ca-file-input {
   position: absolute;
   width: 0;
   top: 0;
   left: 0;
   pointer-events: none;
   padding: 0;
   margin: 0;
   opacity: 0;
}

.ca-input-div.ca-file-input-div .ca-file-input-div:hover {
   background-color: white;
}
.ca-input-div.ca-file-input-div .ca-file-input-div {
   padding: 7px 64px 7px 23px;
   width: auto;
   color: #2B2E66;
   border: 1px dashed #9999C5;
   border-radius: 50px;
   cursor: pointer;
   transition: all .3s ease-in-out;
   position: relative;
   background-color: #E3E3FA;
}
.ca-input-div.ca-file-input-div .ca-file-input-div .ca-fil-text span {
   font-weight: 400;
   color: #72729A;
}
.ca-input-div.ca-file-input-div .ca-file-input-div:before {
   content: "";
   background-image: url(../images/permohonan/input-file-icon.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 15px;
   height: 17px;
   position: absolute;
   right: 29px;
   top: 0;
   bottom: 0;
   margin: auto;
}
.ca-input-div.ca-file-input-div.sem-error .ca-file-input-div{
   border-color: red;
   border-width: 2px;
}
.ca-input-div .sem-error .nice-select, .ca-input-div .sem-error .ms-options-wrap > button{
   border-color: red;
}
.ca-input-div .ca-select{
   min-height: 45px;
}
body .ca-input-message {
   display: block;
   width: 100%;
   padding: 0 5px;
}
.multiselect-sdg .ms-options-wrap > button::after {
   content: '';
   background: url(../images/down.png) no-repeat;
   background-size: 100%;
   width: 13px;
   height: 7px;
   display: block;
   position: absolute;
   right: 22px;
   top: 18px;
   pointer-events: none;
}
.multiselect-sdg .ms-options-wrap > button {
   padding-right: 40px;
   padding-top: 7px;
   padding-bottom: 7px;
}
.multiselect-sdg .nice-select{
   display: none;
}
.multiselect-sdg .ms-options-wrap{
   width: 100%;
}
.multiselect-sdg .ms-options-wrap > button span {
   display: block;
   margin-top: -7px;
 }
.multiselect-sdg .ms-options-wrap > button span i {
   display: inline-block;
   background: #E6E6EF;
   border-radius: 100px;
   line-height: 19px;
   padding: 5px 11px;
   color: #2B2E66;
   font-size: 14px;
   margin-top: 7px;
   font-style: normal;
   margin-left: 5px;
}
.multiselect-sdg .ms-options-wrap > button span i sup{
   display: none;
}

/******** Tujuan Perusahaan Social Content end ********/
/******** Mobile Sidebar ********/
.tps-mobile-step {
   transition: all .3s ease-in-out;
   max-height: 500px;
}
.apply-step-mobile-body .apply-step-di[data-id="step-3"]:not(.actived) .tps-mobile-step {
   max-height: 0;
   opacity: 0;
   pointer-events: none;
}

.ass-mobile .apply-step-di .tps-mobile-step a {
   padding: 0;
}
.ass-mobile .apply-step-di:not(:first-child) .tps-mobile-step a:after {
   display: none;
}
.tps-mobile-step .new-tps-sidebar {
   padding: 22px 0 5px 35px;
}
.tps-mobile-step .tps-sidebar-list:not(:last-child) {
   padding-bottom: 20px;
}
.tps-mobile-step .tps-sidebar-list .tps-sb-wrap {
   font-size: 15px;
}
.tps-mobile-step .tps-sb-wrap .tps-sb-checkbox {
   width: 18px;
   height: 18px;
   min-width: 18px;
   min-height: 18px;
   border: 1px solid #D9D9D9;
}
.tps-mobile-step .tps-sb-wrap.prev-active .tps-sb-checkbox, 
.tps-mobile-step .tps-sb-wrap.active .tps-sb-checkbox {
   background-color: white;
   border-color: white;
   border: 0;
}
.tps-mobile-step .tps-sidebar-list:not(:last-child) .tps-sb-wrap + .line {
   left: 8.5px;
   width: 1px;
   height: calc(100% - 16px);
}
.tps-mobile-step .tps-sidebar-list:not(:last-child) .tps-sb-wrap + .line:before {
   background-color: #2E3182;
}
.tps-mobile-step .tps-sidebar-list .tps-sb-wrap.prev-active,
.tps-mobile-step .tps-sidebar-list .tps-sb-wrap.active {
   color: #2E3182;
}
.tps-mobile-step .tps-sidebar-list .tps-sb-wrap:not(.active):not(.prev-active),
.apply-step-mobile-body .apply-step-di[data-id="step-3"]:not(.actived) .tps-mobile-step .tps-sb-wrap {
   color: #B0AFAF;
}
.apply-step-mobile-body .apply-step-di[data-id="step-3"]:not(.actived) .tps-mobile-step .tps-sb-wrap .tps-sb-checkbox {
   border: 1px solid #D9D9D9;
}
.apply-step-mobile-body .apply-step-di[data-id="step-3"]:not(.actived) .tps-mobile-step .tps-sb-wrap .tps-sb-checkbox:before {
   opacity: 0;
}
/* .apply-step-mobile-body .apply-step-di.actived[data-id="step-3"] > a {
   text-decoration: underline;
} */
.tps-mobile-step .tps-sb-wrap.active .tps-sb-checkbox:before,
.tps-mobile-step .tps-sb-wrap.prev-active .tps-sb-checkbox:before {
   opacity: 1;
}
.tps-mobile-step .tps-sb-wrap .tps-sb-checkbox:before {
   content: "";
   background-image: url(../images/step-completed.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all .3s ease-in-out;
   z-index: 1;
   opacity: 0;
}
.ass-mobile .apply-step-di.apply-step3:before {
   content: "";
   position: absolute;
   background-color: #D9D9D9;
   transition: all .3s ease-in-out;
   height: calc(100% - 47px);
   width: 1px;
   top: 47px;
   left: 19px;
}
.ass-mobile .apply-step-di.apply-step3 {
   position: relative;
}
.ass-mobile .apply-step-di.apply-step3.step-3-line:before {
   background-color: #2E3182;
}

/******** Mobile Sidebar end ********/
/******** Jawatankuasa Ringkasan ********/
.kes_number {
   word-break: break-word;
}
.ringkasan-tujuan-menu.mobile-sec {
   display: none!important;
   width: auto;
   margin-left: auto;
   margin-right: auto;
   white-space: nowrap;
   max-width: 258px;
   width: 100%;
   margin-bottom: 22px!important;
}
.ringkasan-tujuan-menu.mobile-sec .tujuan-matlamat-btn {
   width: 100%;
   max-width: 100%;
   padding-right: 15px;
}
.ringkasan-tujuan-menu.mobile-sec .ringkasan-tujuan-matlamat {
   text-align: left;
}
.ringkasan-tujuan-menu.mobile-sec .ringkasan-tujuan-matlamat .tujuan-matlamat-btn {
   text-align: left;
   line-height: 34px;
   color: #2E3182;
   font-weight: 400;
   padding-right: 0;
   display: block;
}
.ringkasan-tujuan-menu.mobile-sec .ringkasan-tujuan-matlamat .rtm-child-option {
   padding-left: 12px;
   margin-left: 15px;
   position: relative;
}
.ringkasan-tujuan-menu.mobile-sec .ringkasan-tujuan-matlamat .rtm-child-option:before {
   content: "";
   position: absolute;
   background-color: #D9D9D9;
   width: 1px;
   height: 100%;
   left: 0;
   bottom: 0;
}
.ringkasan-tujuan-menu.mobile-sec .ringkasan-tujuan-matlamat .rtm-child-option:nth-child(2):before {
   bottom: -10px;
}
.ringkasan-tujuan-menu.mobile-sec .ringkasan-tujuan-matlamat .rtm-child-option:nth-last-child(2):before {
   bottom: 10px;
}
.ca-input-label .tooltip{
   vertical-align: text-bottom;
}
/******** Jawatankuasa Ringkasan end ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/********  ********/
/******** Max Media 991px ********/
@media (max-width: 991px) {
   .new-tps-sec.desktop-sec .new-tps-sidebar,
   .apply-steps.is-tps-apply-steps .apply-step-section.ass-desktop {
      display: none!important;
   }
   .apply-steps.is-tps-apply-steps .apply-step-section-mobile.ass-mobile {
      display: block!important;
   }
   .new-tps-sidebar {
      width: 100%;
   }
   .new-tps-sidebar:before {
      display: none;
   }
   .new-tps-content-sec {
      width: calc(100% + 30px);
      margin-left: -15px;
      margin-right: -15px;
      /* padding: 0 15px; */
   }
   .new-tps-content-div {
      padding: 45px 15px 40px;
      min-height: 380px;
   }
   .new-tps-sidebar {
      padding: 30px 0 10px;
   }
   .ca-head > p {
      padding: 15px 30px 15px 15px;
  }
  .custom-accordion-div:not(.add-new-ca) .ca-head > p:not(.child-cad-text):before {
      right: 15px;
   }
   .custom-accordion-div.active .ca-head > p:not(.child-cad-text):not(.child-ca-head-title), 
   .child-tps-content-div .custom-accordion-div.active .ca-head > p.child-ca-head-title:not(.child-cad-text), 
   .custom-accordion-div.ca-checkbox-div .ca-head > p {
      padding-top: 12px;
      padding-bottom: 12px;
   }
   .custom-accordion-div:not(.add-new-ca) .ca-head > p:not(.child-cad-text):after {
      width: calc(100% - 30px);
   }
   .ca-body {
      padding: 13px 15px 20px;
   }
   .tps-content-top {
      margin-bottom: 30px;
   }
   .custom-accordion-div:not(.add-new-ca) {
      margin-bottom: 12px;
   }
   .custom-accordion-div.ca-checkbox-div .ca-head > p span {
      right: 15px;
   }
   body .ca-input-row-style input {
      max-width: 150px;
   }
   body .c-count input.counter-field:focus, 
   body .ca-input-column-style .c-count input:focus {
      padding-right: 50px;
   }
   .custom-accordion-div .cta-repeater-del-tujuan{
      top: 10px;
   }
   .custom-accordion-div .cta-repeater-del-tujuan{
      width: 15px;
      height: 15px;
      right: -20px;
   }
   .custom-accordion-div{
      margin-right: 20px;
   }




  
}
/******** Max Media 991px end ********/
/******** Max Media 767px ********/
@media (max-width: 767px) {
   .list .nice-select-wrapping {
      max-height: 130px;
   }
   body .apply-step-section-mobile.actived .apply-step-mobile-body {
      max-height: 350px;
   }
   body .apply-step-mobile-body {
      overflow-y: auto;
   }

   .c-count .counter {
      top: 8px;
   }
   body .sem-form .new-tps-sec input {
      padding-left: 18px;
      padding-right: 18px;
   }
   .multiselect-sdg .ms-options-wrap > button::after {
      width: 8px;
      height: 4px;
      right: 11px;
      top: 20px;
   }
   body .ca-input-div .nice-select,
   .multiselect-sdg .ms-options-wrap > button {
      padding-right: 26px;
   }
   body .ca-input-row-style input,
   body .ca-input-row-style .input-with-search.ca-input {
      max-width: 100%;
      width: 100%;
   }
   body .ringkasan-upper-wrap {
      flex-direction: column-reverse;
      align-items: flex-start;
      margin-bottom: 20px;
   }
   body .ringkasan-upper-wrap .ringkasan-upper-box {
      padding-bottom: 0!important;
   }
   body .komuniti-tab-body-wrapper {
      overflow: visible;
   }
   body .apply-bg.komuniti-ringkasan-body {
      padding-top: 65px;
   }
   .ringkasan-upper-wrap .ringkasan-upper-box + div {
      margin-left: auto;
      margin-top: -60px;
      margin-bottom: 23px;
   }
   body .ringkasan-upper-wrap div a {
      border: 0;
      border-radius: 0;
      background-color: #ffffff00!important;
      min-width: 1px;
      padding-left: 0;
      padding-right: 0;
   }
   body .ringkasan-upper-wrap div a:hover:before, 
   body .ringkasan-upper-wrap div a:focus:before {
      filter: brightness(0) invert(0.5);
   }
   body .ringkasan-upper-wrap div a:hover, 
   body .ringkasan-upper-wrap div a:focus {
      color: #5B5B5B;
   }
   body .ringkasan-upper-wrap .ringkasan-upper-box, 
   body .ringkasan-upper-wrap .ringkasan-upper-box > *,
   .ringkasan-lower-wrap .ringkasan-upper-box > * {
      width: 100%;
   }
   .ringkasan-upper-wrap .ringkasan-upper-box + div[style*="opacity: 0;"] {
      display: none;
   }
   body .custom_komuniti_popup_button {
      width: 0;
   }
   .ringkasan-tujuan-menu.desktop-sec {
      display: none!important;
   }
   .ringkasan-tujuan-menu.mobile-sec {
      display: block!important;
   }

}
/******** Max Media 767px ********/
/******** Max Media 576px ********/
@media (max-width: 576px) {
   .c-count .counter {
      top: 8px;
   }
   .ca-input-div.ca-file-input-div .ca-file-input-div {
      padding: 7px 28px 7px 12px;
      font-size: 12px;
   }
   .ca-input-div.ca-file-input-div .ca-file-input-div:before {
      right: 10px;
      width: 11px;
      height: 13px;
   }




}
/******** Max Media 576px ********/






.page-template-template-permohonan.page-id-111.logged-in:before {
   /* content: "";
   background-image: url(../images/qc/lee/tps-qc4.jpg);
   background-position: 50% 3px;
   background-size: 1920px;
   background-repeat: no-repeat;
   width: 100%;
   height: 1700px;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 999;
   opacity: 0.3;
   opacity: 0;
   pointer-events: none; */
}