.security-enable {
  display: none;
}

.security-enable-label {
  padding: 5% 10% 5% 10%;
  border-radius: 5px;
  background-color: var(--white-color);
  box-shadow: 0px 0px 2px 3px var(--first-color);
  border: 1px solid var(--border-color);
  font-weight: 600;
  margin-top: 15%;
}

#security-enable-on:checked~#security-enable-label-on,
#security-enable-off:checked~#security-enable-label-off {
  background-color: var(--border-color);
  color: var(--white-color);
}

.security-enable-label:hover {
  background-color: var(--border-color);
  color: var(--white-color);
}

.single-digit-input {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  margin-top: 2%;
}

.single-digit-input:focus {
  outline: none;
  border: 2px solid var(--border-color);
}

.security {
  margin: 3%;
  border: 1px solid var(--thired-color);
  border-radius: 10px;
  background: var(--white-color);
}

.security .sec_head {
  font-weight: 600;
  padding: 1rem;
  background: var(--thired-color);
  border-radius: 10px 10px 0 0;
  color: var(--white-color);
}

.security .sec_body .sec_content {
  padding: 2rem;
  /* color: var; */
}

.sec_body{
  background: var(--bg-color) !important;
  border: 1px solid var(--text-color) !important;
}

.security .first-part {
  color: var(--first-color);
  font-size: 14px;
  margin-top: 1%;
}

.security .third-part {
  color: gray;
  font-size: 8px;
}

.security .fourth-part {
  color: rgb(50, 134, 252);
  cursor: pointer;
  font-size: 14px;
  padding-top: 1%;
}

.security .fifth-part .security-enable-label {
  margin: 5%;
  padding: 1% 2% 1% 2%;
}

.single-digit-input {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid var(--first-color);
  border-radius: 5px;
  margin-top: 2%;
}

.single-digit-input:focus {
  outline: none;
  border: 2px solid var(--client-color);
}

.partcenter_section {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}


.confirmation_section {
  width: 550px;
  margin: auto;
  background-color: var(--bg-color);
  padding: 10px 10px 10px 10px;
  border-radius: 25px 0px 0px 0px;
  border: 1px solid var(--border-box-color);
  color: var(--text-inverse-color);
}

.confirmation_section2 {
  width: 550px;
  margin: auto;
  background-color: #EAEAEA;
  padding: 5px 50px 5px 50px;
  border-radius: 0px 0px 0px 0px;
  /* border-left: 1px solid #8AD4DF;
  border-right: 1px solid #8AD4DF;
  border-bottom: 1px solid #8AD4DF; */
  border-top: none;
}

.new-button {
  padding: 1% 3% 1% 3%;
  border-radius: 5px;
  background-color: var(--white-color);
  box-shadow: inset 0px 0px 2px 3px var(--third-color);
  margin-top: 2%;
  border: 0px;
  font-weight: 600;
  border: 1px solid var(--border-color);
}

.login-button {
  padding: 1.5% 7%;
  cursor: pointer;
}

.new-button:hover {
  box-shadow: inset 0px 0px 20px 3px var(--thired-color);
  color: var(--border-color);
  border: 1px solid var(--border-color);
}
.new-button:disabled,.new-button:disabled:hover{
  pointer-events: none;
}


/*Transfer Tax Table Designs Start*/

.table_div {
  width: 100%;
  scrollbar-width: thin;
  overflow: auto;
  /* border-radius:0.5rem 0.5rem 0 0 !important; */
}
.lm_scroll {
  max-height: 25rem;
  /* border: 1px solid var(--first-color);  */
  scrollbar-width: thin; 
  /* scrollbar-width: none;  */
  /* -ms-overflow-style: none; */
  overflow-y: auto;
}

.tt-table {
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0;
}


.tt-table thead {
  /*position: relative;*/
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
  /* box-shadow: var(--bg-inverse-color) 0px 3px 8px !important; */
}

.tt-table thead td:first-child,
.tt-table thead th:first-child {
  border-radius:0.5rem 0 0 0;
  border: none;
}

.tt-table thead td:last-child,
.tt-table thead th:last-child {
  border-radius:0 0.5rem 0 0;
  border: none;
}

.tt-table thead td,
.tt-table thead th {
  background-color: var(--first-color);
  color: var(--white-color);
  padding: 1rem 1rem .5rem 1rem;
  text-align: center;  
  border-color: var(--white-color);
  border: 1.5px solid var(--white-color); 

}

.sticky_td {
  position: sticky;
  left: 0;
  z-index: 2;
  /* background-color: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); */
}
.sticky-active {
  background-color: var(--hover-color);
  color: var(--text-color);
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

/* .tt-table tbody:before {
  content: "-";
  display: block;
  line-height: .5em;
  background-color: var(--white-color);
  color: transparent;
} */

.tt-table tbody {
  box-shadow: var(--white-color) 0px 3px 3px !important;
  border: 1px solid var(--bg-color);
  border-top: none;
}
.tt-table tbody tr:first-child {
  margin-top: .5rem;
}
.tt-table tbody tr:hover {
  background-color: var(--hover-color);
}

.tt-table tbody tr,.card {
  /* cursor: pointer; */
  background: var(--bg-color);
  color: var(--text-color);
}

.tt-table tbody td {
  text-align: center;
  border: none;
  padding: 1rem 1rem .5rem 1rem;
  /* border-bottom: 1px solid var(--white-color); */
}


.action-icons{
  width: 20px;
  height: 20px;
}
.action-btn{
  cursor: pointer;
  outline: none;
  border: none;
  padding: 0 0.5rem;
  color: transparent;
}
.icon_btn,.icon_btn:active,.icon_btn:focus {
  border: none !important;
  outline: none !important;
}

/* .tt-table tbody tr:hover {
  background-color: var(--hover-color)!important;
} */



.tt-table caption {
  background-color: var(--second-color);
  margin-top: .5rem;
  text-align: center;
  padding: .5rem;
  color: var(--text-color);
}

/*Table Designs End*/

.county_dropdown {
  max-width:74%;
  max-height: 15rem;
  overflow: auto;
  background: linear-gradient(var(--first-color),var(--dark-color));
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.county_div {
  display: flex; 
  align-items: justify; 
  flex-wrap: wrap;
  gap: 0.35rem;
  flex-grow: 1;
}

.county_dropdown::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

.county_btn{
  width: 10rem;
  font-size: 14px;
  outline: none;
  border: none;
  border-radius: .25rem;
}

.custom-btn{
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  background-color: transparent;

}

.tt-div {
  /* display: flex; 
  align-items: center; 
  flex-wrap: wrap;
  gap: 0.35rem; */
}
.tt-div button {
  /* flex-grow: 1;
  flex-shrink: 1; 
  max-width: 10rem;
  min-width: 9.5rem; */
  width: 100%;
  font-size: 14px !important;
}
.tt-btn{
  width: 100%;
  /* font-size: 14px !important; */
}

.width_xs{
  width: 5rem;
}
.width_sm{
  width: 10rem;
}
.width_md{
  width: 15rem;
}
.width_lg{
  width: 20rem;
}
.width_xl{
  width: 25rem;
}

.btn-copy,
.btn-copy:disabled,
.btn-copy:active,
.btn-copy:focus {
    border-color:var(--text-color) !important;
    background: var(--bg-color) !important;
    color: var(--text-color) !important;
}

.btn-copy.flex-btn,
.btn-copy.copy-flex-btn,
.btn-copy.flex-btn:disabled,
.btn-copy.copy-flex-btn:disabled,
.btn-copy.flex-btn:active,
.btn-copy.copy-flex-btn:active,
.btn-copy.flex-btn:focus,
.btn-copy.copy-flex-btn:focus {
    border-color: var(--dark-color) !important;
    background-color: var(--dark-color) !important;
    color: var(--bg-color) !important;
}

.flex-btn
{
  color: var(--bg-color) !important;
  border-color: var(--dark-color) !important;
  background-color: var(--dark-color) !important;
}

/* .flex-btn:hover {
  background-color: var(--thired-color) !important;
  border-color: var(--first-color) !important;
  color: var(--bg-color) !important;
} */


.accordion-item,.accordion-button {
  background-color: var(--bg-color) !important;
  color: var(--bg-inverse-color) !important;
}

.multi_field
{
  width: 100%;
  border: 0px;
  resize: none;
  padding: 0.2% 1% 0.2% 1%;
  border-radius: 10px;
}
.multi_field:focus
{
  outline: none;
}
.stateheader{
  border-radius: 1rem 1rem 0 0;
  background-color: var(--logo-bg1); 
  color: var(--white-color);
  text-align: center;
}
.introjs-skipbutton{
  display: none;
  /*color: var(--white-color);*/
}
.introjs-button{
  background-color: var(--second-color) !important;
  text-shadow: none;
  /* color: var(--text-color); */
  font-weight: 600;

}
.introjs-tooltip{
  background: linear-gradient(var(--logo-bg1),var(--logo-bg2)) !important;
  color:var(--white-color);
}
.introjs-tooltipReferenceLayer * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
}
.introjs-tooltipbuttons {
  border: none;
}

.tourbasebox{
  display: none; 
  position: fixed; 
  top: 0; left: 0; 
  width: 100%; height: 100%; 
  z-index: 999;
}
.tourbaseboxcontent{
  color:var(--white-color);
  position: absolute; 
  top: 50%; left: 50%; 
  transform: translate(-50%, -50%);
  background: linear-gradient(var(--logo-bg1),var(--logo-bg2)) !important;
  padding: 20px;
  border-radius: 10px;
  z-index: 1000; 
  text-align: center;
}
.tourbaseboxbutton{
  font-weight: 600;
  background: var(--second-color); 
  /* color: var(--text-color); */
  border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; z-index: 1001;
  
}

.pl_button,
.pl_button:disabled,
.pl_button:active,
.pl_button:focus {
  padding: 1% 3% 1% 3%;
  border-radius: 5px;
  background-color: #073850;
  /* box-shadow: inset 0px 0px 2px 3px #03253B; */
  margin-top: 2%;
  border: 0px;
  font-weight: 600;
  color: var(--white-color);
  border: 1px solid #073850;
}

.pl_button:hover {
  /* box-shadow: inset 0px 0px 20px 3px #03253B; */
  color: #073850;
  background: var(--white-color);
  border: 1px solid #073850;
}

.tt-table tbody tr:hover .form-group-itz input+label, 
.tt-table tbody tr:hover .form-group-itz textarea+label, 
.tt-table tbody tr:hover .form-group-itz select+label {
  background: var(--hover-color);
}

/* Scrollable table start */

/* .scrollable-tbody {
    display: block;
    max-height: 25rem;
    scrollbar-width: none;
    overflow-y: auto;
    width: 100%;
}

.scrollable-tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table thead,
table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
} */

/* Scrollable table start */


    @keyframes drawTick {
        to {
            stroke-dashoffset: 0;
        }
    }

    .fade-in-up {
        animation: fadeInUp 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    }

    .fade-out-down {
        animation: fadeOutDown 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    }

    .tick-animate {
        stroke-dasharray: 20;
        stroke-dashoffset: 20;
        animation: drawTick 0.5s ease forwards 0.2s;
    }
/* End */