.tingle-modal-box {
  background: linear-gradient(135deg, #1a1a2e 0%, #16162a 50%, #0f0f1a 100%) !important;
}
body .gpnf-modal.tingle-modal--overflow .tingle-modal-box__footer--sticky {
  background: #24243b;
}

.tingle-modal__close:focus, .tingle-modal__close:hover {
  background-color: transparent !important;
}
body .gform_wrapper.gravity-theme .cs-gfstyle-nested input, 
body .gform_wrapper.gravity-theme .cs-gfstyle-nested select, 
body .gform_wrapper.gravity-theme .cs-gfstyle-nested textarea {
  border: 2px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, .05) !important;
  color: #fff !important;
  padding: 23px 16px;
}

body .gform_wrapper.gravity-theme .cs-gfstyle-nested table select {
  color: #000 !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0px !important;
}
.gpnf-modal .tingle-modal-box .gpnf-modal-header {
    font-weight: bold;
    color: #fff;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.gravity-theme--foundation .cs-gfstyle-nested .gform_fields {
  row-gap: 26px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested input:focus, 
.gform_wrapper.gravity-theme .cs-gfstyle-nested select:focus, 
.gform_wrapper.gravity-theme .cs-gfstyle-nested textarea:focus{
  outline: none;
  box-shadow: none;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested .gfield_required,
.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_required {
    padding-left: 3px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_required{
  color:#ff4152;
}
.gform_wrapper.gravity-theme .cs-gfstyle .delete .delete-button{
  background-color: #c02b0a !important;
  color: #fff !important;
  margin-left: 4px !important;
}
.gravity-theme .cs-gfstyle-nested .gform-datepicker-calendar {
    inset-block-start: 52px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested .gfield_label.gform-field-label{
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.tingle-modal__close {
    padding: 0px !important;
    background-color: transparent !important;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested  .gpnf-no-entries td[colspan="3"] {
  color: #fff;
}

.cs-gfstyle-nested .ginput_container_date input{
  width: 100% !important;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested .ginput_container_date button {
  position: absolute;
  right: 20px;
}
.tingle-modal-box__footer button.gpnf-btn-submit,
.gpnf-modal .tingle-modal-box .gpnf-modal-header,
.gpnf-nested-entries-container.ginput_container thead {
  background: linear-gradient(135deg, #ff9a00, #e88a00);
}
.tingle-modal-box__footer button.gpnf-btn-submit{
  border-radius: 12px !important;
  font-weight: bold;
  color: #fff;
}
.tingle-modal-box__footer button.gpnf-btn-cancel,
.tingle-modal-box__footer button.gpnf-btn-cancel:hover,
.tingle-modal-box__footer button.gpnf-btn-cancel-mobile{
  background-color: #d1d1d1;
  color: #000;
  border-radius: 12px !important  ;
  font-weight: bold;
}
.gpnf-nested-entries-container.ginput_container thead th{
  color: #fff;
}
.cs-gfstyle-style_wrapper .gform_required_legend {
    display: none;
}
/* .cs-gfstyle-style_wrapper .gform_heading{
  display: none;
} */
body .gravity-theme--no-framework .cs-gfstyle-style .gfield_list_icons {
  margin-top: 0px;
}
body .gravity-theme.cs-gfstyle-style_wrapper  h2.gform_title {
  color: #fff;
  font-size: 24px;
  display: block;
  font-weight: bold;
  margin-top: 0px;
  text-align: center;
  margin-bottom: 22px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .cs-heading {
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .cs-heading h2 {
  font-size: 24px;
  color: #252525;
  margin-bottom: 0px !important;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .search-wrapper button svg {
  width: 22px;
  fill: #fff;
}
.gravity-view-search .search-wrapper .form-row:nth-child(2) {
  flex: 0 0 48%;
}
.search-wrapper {
  max-width: 850px;
  margin: 0 auto;
}
.cs-space .gv-widgets-footer {
  margin-top: 30px;
}
/* Responsive adjustments */


.gform_wrapper.gravity-theme.cs-gfstyle-style_wrapper .gform_footer {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
}



.gform_wrapper.gravity-theme.cs-gfstyle-style_wrapper .gform_required_legend,
.gform_wrapper.gravity-theme.cs-gfstyle-style_wrapper .gform_validation_errors,
.gform_wrapper.gravity-theme.cs-gfstyle-nested_wrapper .gform_validation_errors {
  display: none;
}
.gform_wrapper.gravity-theme.cs-gfstyle-style_wrapper .gform_fields {
  row-gap: 16px;
	grid-column-gap: 8px;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gform_next_button {
  order: 1;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gform-page-footer .button,
.gform_wrapper.gravity-theme .cs-gfstyle-style .gform-footer .button{
  background: linear-gradient(135deg, #ff9a00, #e88a00);
  border-radius: 12px !important;
  padding: 24px 24px !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #ffffff;
  border: none;
  width: 100% !important;
  max-width: 100% !important;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gform-footer .button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(255, 154, 0, .4) !important;
}
body .gform_wrapper.gravity-theme .cs-gfstyle-style .gform-footer .button{
	width: auto;
    max-width: max-content;
    margin-left: auto;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style #gform_page_9_1 .gform-page-footer {
  justify-content: end;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_error input,
.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_error select {
  border-color: #c02b0a;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style input:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style select:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-add-entry:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style .delete .delete-button:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style .edit .edit-button:focus{
  outline: none !important;
  box-shadow: none;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-add-entry:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style .delete .delete-button:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style .edit .edit-button:focus,
.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-add-entry:focus,
body .gform_wrapper.gravity-theme .cs-gfstyle-style .gform-footer .button:focus{
  border: none !important;
}
.cs-gfstyle-style #gform_page_9_1 .gform-page-footer .cs_btn_wrap:first-child {
  margin-right: initial;
}
.cs-gfstyle-style .gform-page-footer .cs_btn_wrap:first-child {
  margin-right: auto;
}
.cs-gfstyle-style_wrapper .gsection_title {
  color: #fff;
  margin: 0px;
}


.gform_wrapper.gravity-theme .cs-gfstyle-style .gform-page-footer .button {
  width: auto;
  max-width: max-content;
}
.gform_wrapper.gravity-theme
  .cs-gfstyle-style
  .gform-page-footer
  .gform_previous_button {
  margin-right: auto;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style #gform_page_14_1 .gform-page-footer {
  justify-content: end;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gform-page-footer .button:before {
  color: #ffffff;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style input,
.gform_wrapper.gravity-theme .cs-gfstyle-style select {
  height: 50px;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .slider-wrapper input {
  height: 10px;
	padding:0px;
	min-height:10px !important;
}
.cs-gfstyle-style_wrapper{
  width: 100%;
  max-width: 100%;
  border: 1px solid #e5e7eb;
  padding: 16px 30px;
  border-radius: 24px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 100px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16162a 50%, #0f0f1a 100%);
  max-width: 730px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.cs-gfstyle-style .gpnf-nested-entries tbody tr td {
  background-color: rgba(255,255,255,.05);
}
.gform_wrapper.gravity-theme .cs-gfstyle-style table, 
.gform_wrapper.gravity-theme .cs-gfstyle-style td, 
.gform_wrapper.gravity-theme .cs-gfstyle-style th {
    border: 1px solid rgb(255 255 255 / 5%);
}
.cs-gfstyle-style .gpnf-nested-entries td, 
.cs-gfstyle-style .gpnf-nested-entries th {
  border-bottom: 1px solid rgb(255 255 255 / 5%);
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-add-entry{
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  background-color: rgba(255,255,255,.05) !important;
  border: 2px solid rgba(255, 255, 255, .1) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  color: #fff !important;
  gap: 10px;
      margin-bottom: 4px !important;
 }
.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-add-entry::before {
  content: "" !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
  vertical-align: middle;
}
body .gform_wrapper.gravity-theme .cs-gfstyle-style input,
body .gform_wrapper.gravity-theme .cs-gfstyle-style select,
body .gform_wrapper.gravity-theme .cs-gfstyle-style textarea {
  border: 2px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  background-color: rgba(255,255,255,.05) !important;
  color:#fff !important;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-nested-entries-container{
  color: #fff;
  border:2px solid rgba(255,255,255,.1);
  padding-bottom: 10px;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .gform-loader {
  border-block-end-color: #e88a00;
  border-inline-start-color: #e88a00;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_label {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  margin-bottom:8px;
  line-height: 20px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_description {
  padding-top: 0px !important;
	font-size:12px;
  border: 0;
  background-color: transparent;
  padding: 0px;
  margin-top:2px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gform_fields {
  grid-row-gap: 20px;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .edit-button::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")
      no-repeat center;
  background-size: contain;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-row-actions button {
    font-size: 0px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested .gfield_validation_message {
    color: #ff4152 !important;
    font-size: 14px !important;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-row-actions button:hover{
	background-color:transparent !important;
}
.gform_wrapper.gravity-theme .cs-gfstyle-nested .gfield_description {
    padding-top: 0px !important;
    font-size: 12px;
    border: 0;
    background-color: transparent;
    padding: 0px;
    margin-top: 6px;
    line-height: 18px;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .delete-button::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.gform_wrapper.gravity-theme .cs-gfstyle-style .gfield_validation_message{
  color: #ff4152 !important;
  font-size:14px !important;
  line-height:20px;
}

.gform_wrapper.gravity-theme .cs-gfstyle-style .ginput_container_date input {
  width: 100%;
}
.cs-gfstyle-style .gpnf-nested-entries tbody tr td[colspan="3"] {
    text-align: center;
}
.cs-gfstyle-nested .ginput_container_radio .gchoice {
  position: relative;
  display: block;
  flex: 1;
}
.cs-gfstyle-nested .gfield_radio {
  display: flex;
  gap: 2%;
}

.cs-gfstyle-nested .ginput_container_radio input[type=radio] {
  position: absolute;
  opacity: 0;
}

.gform_wrapper.cs-gfstyle-nested_wrapper .cs-gfstyle-nested .ginput_container_radio input[type=radio]:checked+label {
    border-color: #ff9a00;
    background: linear-gradient(135deg, #ff9a00, #ff6a00);
    color: #fff;
    font-weight: 600;
}
.gform_wrapper.cs-gfstyle-nested_wrapper .cs-gfstyle-nested .ginput_container_radio .gform-field-label:hover {
    border-color: #ff9a00;
    background: rgba(255, 255, 255, .05);
}
.gform_wrapper.cs-gfstyle-nested_wrapper .cs-gfstyle-nested .ginput_container_radio .gform-field-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,.1);
    background: rgba(255, 255, 255, .05);
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 0;
    color: #fff;
    max-width: 100%;
}

.gform_wrapper.cs-gfstyle-nested_wrapper .cs-gfstyle-nested .ginput_container_radio input[type=radio]:checked+label::after {
    content: "✓";
    background: #fff;
    color: #ff6a00;
    font-weight: 700;
    border-color: rgba(255, 255, 255, .05);
}

.gform_wrapper.cs-gfstyle-nested_wrapper .cs-gfstyle-nested .ginput_container_radio .gform-field-label::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid rgb(140 140 140 / 73%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

th.gpnf-row-actions::after {
    content: "Actions (Thao tác)";
    font-weight: bold;
}
.cs-gf-thankyou {
   width: 100%; 
   padding: 30px 20px; 
   text-align: center; 
   box-sizing: border-box;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    max-width: 600px;
    margin: auto;
    margin-bottom: 50px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16162a 50%, #0f0f1a 100%);
    margin-top: 50px;
    border-radius: 24px;
   }
 .cs-gf-thankyou-icon { width: 50px; height: 50px; margin: 0 auto 15px; border-radius: 50%; background: #ff9a00; color: #fff; font-size: 26px; font-weight: 700; line-height: 50px; } .cs-gf-thankyou h2 { margin: 0 0 12px; color: #ff9a00; font-size: 26px; line-height: 1.4; } .cs-gf-thankyou p { margin: 0 0 8px; color: #a2a0a0; font-size: 15px; line-height: 1.6; } .cs-gf-thankyou .cs-gf-thankyou-vn { color: #fff; font-size: 14px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16162a 50%, #0f0f1a 100%);
    border-radius: 16px;
   }

   .gpnf-modal-header{
    text-align: center;
    display: block;
    padding-top: 14px;
    font-size: 20px;
}
@media only screen and (max-width: 760px), (min-device-width: 760px) and (max-device-width: 1024px) {
    body form:not(.gpnf-disable-responsive-table) .gpnf-nested-entries:not(.gpnf-nested-entries-simple) td:last-child {
      background-color: rgba(255, 255, 255, .05);
    }

    
}



@media (min-width: 641px) {
  .gravity-theme--foundation .cs-gfstyle-style .cs-width-third {
    grid-column: span 4;
  }
  .cs-gfstyle-style .ginput_container_email span.ginput_left{
    padding-right: 4px !important;
  }
  .cs-gfstyle-style .ginput_container_email span.ginput_right{
    padding-left:4px !important;
  }
}
@media screen and (max-width: 1024px) {
 .cs-gfstyle-style .gpnf-nested-entries tbody tr td {
    text-align: right;
  }
  form:not(.gpnf-disable-responsive-table) .gpnf-nested-entries td:before {
    text-align: left;
  }
  .gpnf-nested-entries tbody tr td.gpnf-row-actions:before {
    content: "Actions (Thao tác)" !important;
    font-weight: bold !important;
  }
}
@media screen and (max-width: 767px) {

	.gform_wrapper.gravity-theme .cs-gfstyle-style .gform_page_footer,
	.gform_wrapper.gravity-theme .cs-gfstyle-style .gform_footer{
		flex-direction: column;
	  }
	.gform_wrapper.gravity-theme .cs-gfstyle-style .gform_page_footer .button,
	body .gform_wrapper.gravity-theme .cs-gfstyle-style .gform_footer .button{
		flex:1;
        width: 100%;
        max-width: 100%;
		padding-left: 0px;
        margin-left: 0px;
	}
  	.gform_wrapper.gravity-theme .cs-gfstyle-style .gpnf-add-entry {
			font-size: 13px;
	}
  .cs-gfstyle-nested .gfield_radio {
    flex-direction: column;
  }
  .cs-gfstyle-nested .gfield_radio {
    row-gap: 12px;
}

.tingle-modal-box__content {
    padding-bottom: 200px !important;
}

 
}