.btn02 {
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(229, 223, 169, 0.4) 0 2px 4px, rgba(244, 212, 152, 0.3) 0 7px 13px -3px, rgba(176, 136, 2, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Lato', sans-serif;  
height: auto;
width: fit-content;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 13px;
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 8px;
margin-left: 2px;
margin-right: 2px;
outline: none;
}
.btn02:focus {
  box-shadow:
    #f0c14b 0 0 0 1.5px inset,
    rgba(255, 215, 100, 0.4) 0 2px 4px,
    rgba(200, 160, 60, 0.3) 0 7px 13px -3px,
    #e8b045 0 -3px 0 inset;
  outline: none;
}

.btn02:hover {
  box-shadow:
    rgba(255, 215, 100, 0.4) 0 4px 8px,
    rgba(240, 190, 60, 0.3) 0 7px 13px -3px,
    #e6a700 0 -3px 0 inset;
  transform: translateY(-1px);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.btn02:active {
  box-shadow: #d18b00 0 3px 7px inset;
  transform: translateY(1px);
  transition: box-shadow 0.1s ease, transform 0.1s ease;
}


.btn02 i {
font-size: 14px;
padding-right: 6px;
}




.btn03 {
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(229, 223, 169, 0.4) 0 2px 4px, rgba(244, 212, 152, 0.3) 0 7px 13px -3px, rgba(176, 136, 2, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Lato', sans-serif;  
height: auto;
width: fit-content;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 8px;
outline: none;
}
.btn03:focus {
  box-shadow:
    #f0c14b 0 0 0 1.5px inset,
    rgba(255, 215, 100, 0.4) 0 2px 4px,
    rgba(200, 160, 60, 0.3) 0 7px 13px -3px,
    #e8b045 0 -3px 0 inset;
  outline: none;
}

.btn03:hover {
  box-shadow:
    rgba(255, 215, 100, 0.4) 0 4px 8px,
    rgba(240, 190, 60, 0.3) 0 7px 13px -3px,
    #e6a700 0 -3px 0 inset;
  transform: translateY(-1px);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.btn03:active {
  box-shadow: #d18b00 0 3px 7px inset;
  transform: translateY(1px);
  transition: box-shadow 0.1s ease, transform 0.1s ease;
}



.btn03 i {
font-size: 14px;
padding-right: 6px;
}



.btn04 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(202, 190, 227, 0.4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Poppins', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 0 16px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 15px;
padding: 8px;
padding-left: 13px;
padding-right: 13px;
}
.btn04:focus {
box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}
.btn04:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn04:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}

.btn04 i {
padding-right: 5px;
}






.btn05 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(193, 171, 8, 0.607) 0 2px 4px, rgba(244, 212, 152, 0.3) 0 7px 13px -3px, rgba(176, 136, 2, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Poppins', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 0 16px;
margin-top: 0px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 15px;
padding: 8px;
padding-left: 13px;
padding-right: 13px;
}
.btn05:focus {
box-shadow: #e0ac3c 0 0 0 1.5px inset, rgba(66, 64, 35, 0.4) 0 2px 4px, rgba(66, 60, 35, 0.3) 0 7px 13px -3px, #e09e3c 0 -3px 0 inset;
}
.btn05:hover {
box-shadow: rgba(207, 146, 2, 0.4) 0 4px 8px, rgba(183, 160, 12, 0.3) 0 7px 13px -3px, #b88701 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn05:active {
box-shadow: #d79925 0 3px 7px inset;
transform: translateY(2px);
}

    



.btn08 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(193, 171, 8, 0.607) 0 2px 4px, rgba(244, 212, 152, 0.3) 0 7px 13px -3px, rgba(176, 136, 2, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Mukta', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 0 16px;
margin-top: 0px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 15px;
padding: 4px;
padding-left: 11px;
padding-right: 11px;
}
.btn08:focus {
box-shadow: #e0ac3c 0 0 0 1.5px inset, rgba(66, 64, 35, 0.4) 0 2px 4px, rgba(66, 60, 35, 0.3) 0 7px 13px -3px, #e09e3c 0 -3px 0 inset;
}
.btn08:hover {
box-shadow: rgba(207, 146, 2, 0.4) 0 4px 8px, rgba(183, 160, 12, 0.3) 0 7px 13px -3px, #b88701 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn08:active {
box-shadow: #d79925 0 3px 7px inset;
transform: translateY(2px);
}



.btn08 i {
padding-right: 5px;
}





.btn07 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #ecc440 0, #e19a01 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(193, 171, 8, 0.607) 0 2px 4px, rgba(244, 212, 152, 0.3) 0 7px 13px -3px, rgba(176, 136, 2, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Poppins', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 0 16px;
margin-top: 0px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 15px;
padding:8px;
padding-left: 13px;
padding-right: 13px;
}
.btn07:focus {
box-shadow: #e0ac3c 0 0 0 1.5px inset, rgba(66, 64, 35, 0.4) 0 2px 4px, rgba(66, 60, 35, 0.3) 0 7px 13px -3px, #e09e3c 0 -3px 0 inset;
}
.btn07:hover {
box-shadow: rgba(207, 146, 2, 0.4) 0 4px 8px, rgba(183, 160, 12, 0.3) 0 7px 13px -3px, #b88701 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn07:active {
box-shadow: #d79925 0 3px 7px inset;
transform: translateY(2px);
}

.btn07 i {
margin-right: 10px;
}


.btn06 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #ff5a5a 0, #ff5454 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(233, 211, 211, 0.4) 0 2px 4px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, rgba(111, 58, 58, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Roboto', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 14px;
padding-top: 7px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
}
.btn06:focus {
box-shadow: #e14646 0 0 0 1.5px inset, rgba(66, 35, 35, 0.4) 0 2px 4px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, #e03c3c 0 -3px 0 inset;
}
.btn06:hover {
box-shadow: rgba(66, 35, 35, 0.4) 0 4px 8px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, #e03c3c 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn06:active {
box-shadow: #ed4848 0 3px 7px inset;
transform: translateY(2px);
}

.btn06 i {
margin-right: 5px;
}

.btn09 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #d1d0d0 0, #a2a1a1 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(232, 226, 226, 0.4) 0 2px 4px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, rgba(143, 108, 108, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Roboto', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 7px;
}
.btn09:focus {
box-shadow: #eee4e4 0 0 0 1.5px inset, rgba(66, 35, 35, 0.4) 0 2px 4px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, #a9a6a6 0 -3px 0 inset;
}
.btn09:hover {
box-shadow: rgba(150, 146, 146, 0.4) 0 4px 8px, rgba(109, 109, 109, 0.3) 0 7px 13px -3px, #a2a0a0 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn09:active {
box-shadow: #c5c4c4 0 3px 7px inset;
transform: translateY(-2px);
}

.btn09 i {
padding-right: 5px;
}




.btn10 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(202, 190, 227, 0.4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Poppins', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 0 16px;
margin-top: 0px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 12px;
padding: 6px;
padding-left: 13px;
padding-right: 13px;
}
.btn10:focus {
box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}
.btn10:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn10:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}

.btn10 i {
padding-right: 5px;
}





.btn11 {
appearance: none;
background: radial-gradient(100% 100% at 100% 0, #ff5a5a 0, #ff5454 100%);
border: none;
border-radius: 6px;
box-shadow: rgba(233, 211, 211, 0.4) 0 2px 4px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, rgba(111, 58, 58, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Poppins', sans-serif;  
height: auto;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
padding: 0 16px;
margin-top: 0px;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 12px;
padding: 6px;
padding-left: 13px;
padding-right: 13px;
}
.btn11:focus {
box-shadow: #e14646 0 0 0 1.5px inset, rgba(66, 35, 35, 0.4) 0 2px 4px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, #e03c3c 0 -3px 0 inset;
}
.btn11:hover {
box-shadow: rgba(66, 35, 35, 0.4) 0 4px 8px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px, #e03c3c 0 -3px 0 inset;
transform: translateY(-2px);
}
.btn11:active {
box-shadow: #ed4848 0 3px 7px inset;
transform: translateY(2px);
}



.fr_ech_bx {
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
}

.fr_ech_hlfxcon {
width: 100%;
height: auto;
display: flex;
justify-content: start;
align-items: center;
}

.fr_ech_hlfx {
height: auto;
width: auto;
}

.fr_ech_hdCon {
display: flex;
width: 100%;
justify-content: start;
align-items: center;
height: 50px;
}

.fr_ech_hd {
color: rgb(3, 3, 3);
font-family: 'Inter', sans-serif;   
font-size: 17px;
font-weight: 500;
padding-left: 8px;
}  


.fr_ech_mhd {
color: rgb(90, 130, 222);
background-color: rgb(248, 250, 255);
border: 1px rgb(218, 228, 255) solid;
font-family: 'Roboto', sans-serif;   
font-size: 14px;
font-weight: 400;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 10px;
padding: 8px;
width: fit-content;
border-radius: 5px;
}

.fr_ech_gmhd {
color: rgb(21, 144, 43);
background-color: rgb(237, 255, 238);
border: 1px rgb(183, 250, 185) solid;
font-family: 'Roboto', sans-serif;   
font-size: 14px;
font-weight: 400;
text-align: center;
margin-left: 15px;
padding: 8px;
width: fit-content;
margin-bottom:15px;
border-radius: 5px;
}

.fr_ech_bmhd {
color: rgb(77, 77, 77);
background-color: rgb(246, 246, 246);
border: 1px rgb(221, 219, 219) solid;
font-family: 'Roboto', sans-serif;   
font-size: 14px;
font-weight: 400;
text-align: center;
margin-left: 15px;
padding: 8px;
margin-bottom:15px;
width: fit-content;
border-radius: 5px;
}

.fr_ech_edt {
color: rgb(1, 92, 220);
font-family: 'Roboto', sans-serif;   
font-size: 14px;
margin-left: 10px;
cursor: default;
user-select: none;
padding: 3px;
width: fit-content;
cursor: default;
transition-duration: 0.3s;
}
.fr_ech_edt:hover {
color: rgb(1, 10, 144);
}

.fr_ech_del {
color: rgb(248, 73, 24);
font-family: 'Roboto', sans-serif;   
font-size: 14px;
margin-left: 10px;
cursor: default;
user-select: none;
padding: 3px;
transition-duration: 0.3s;
}
.fr_ech_del {
color: rgb(207, 0, 0);
}

.fr_ech_bops_edt {
color: rgb(1, 92, 220);
border: 1px groove rgb(1, 92, 220);
font-family: 'Roboto', sans-serif;   
font-size: 16px;
margin-left: 10px;
cursor: default;
user-select: none;
font-weight: 400;
padding-top: 3px;
width: fit-content;
transition-duration: 0.2s;
cursor: default;
padding: 6px;
border-radius: 4px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 0.3s;
}
.fr_ech_bops_edt:hover {
background-color: rgb(234, 243, 255);
}

.fr_ech_bops_del {
color: rgb(248, 73, 24);
font-family: 'Roboto', sans-serif;   
font-size: 16px;
margin-left: 10px;
font-weight: 400;
border: 1px groove rgb(248, 73, 24);
cursor: default;
user-select: none;
padding-top: 3px;
padding: 6px;
border-radius: 4px;
padding-left: 10px;
padding-right: 10px;
width: fit-content;
transition-duration: 0.3s;
cursor: default;
}
.fr_ech_bops_del:hover {
background-color: rgb(255, 238, 238)
}

.fr_ech_tx_edt {
color: rgb(1, 92, 220);
font-family: 'Roboto', sans-serif;   
font-size: 14px;
margin-left: 10px;
cursor: default;
user-select: none;
font-weight: 400;
padding-top: 3px;
width: fit-content;
cursor: default;
}
.fr_ech_tx_edt:hover {
color: rgb(1, 10, 144);
}

.fr_ech_tx_del {
color: rgb(248, 73, 24);
font-family: 'Roboto', sans-serif;   
font-size: 14px;
margin-left: 10px;
cursor: default;
user-select: none;
font-weight: 400;
padding-top: 3px;
width: fit-content;
cursor: default;
}
.fr_ech_tx_del:hover {
color: rgb(201, 0, 0);
}










.fr_ech_fll_bx {
width: 100%;
height: auto;
display: flex;
justify-content: start;
align-items: center;
padding: 5px;
}

.fr_ech_inp {
position: relative;
cursor: text;
font-size: 15px;
line-height: 20px;
padding: 10px;
height: 45px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
outline: none;
font-family: 'Inter', sans-serif; 
margin-right: 10px;
margin-left: 5px;
padding-right: 10px;
appearance: none; /* Remove default arrow */
-webkit-appearance: none;
-moz-appearance: none;
}

.fr_ech_inp:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}


.fr_ech_txar {
position: relative;
cursor: text;
font-size: 15px;
line-height: 20px;
padding: 10px;
min-width: 50%;
height: 100px;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
color: rgb(35, 38, 59);
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
overflow: hidden;
transition: all 100ms ease-in-out;
outline: none;
font-family: 'Inter', sans-serif; 
margin-right: 10px;
margin-left: 5px;
resize: none;
}

.fr_ech_txar:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.setup_mydict {
margin-right: 10px;
}

.indef {
cursor: default;
}

.in_wd_3 {
width: 300px;
}

.in_wd_2 {
width: 200px;
}

.in_wd_1 {
width: 100px;
}

.in_wd_4 {
width: 400px;
}

.in_wd_5 {
width: 500px;
}

.in_wd_6 {
width: 600px;
}

.in_wd_90 {
width: 90%;
}

.disable_inp {
background-color: #f8f8f8;
border: 1px solid #e8e8f3;
opacity: 1; 
user-select: none;
cursor: not-allowed;
pointer-events: none;
}

.disable_inp:disabled {
opacity: 50%;
}

.disable_inp::placeholder {
color: #000;
opacity: 1;
}


.disable_div {
opacity: 0.5; 
user-select: none;
cursor: not-allowed;
pointer-events: none;
}


.ce31se {
width: 100%;
padding-left: 15px;
padding-bottom: 5px;
}


.ce31se button {
margin-top: 5px;
}
    

/* CHECKBOX  */
.checkbox-wrapper-26 * {
-webkit-tap-highlight-color: transparent;
outline: none;
}

.checkbox-wrapper-26 input[type="checkbox"] {
display: none;
}

.checkbox-wrapper-26 label {
--size: 22px;
--shadow: calc(var(--size) * .07) calc(var(--size) * .1);
transform: rotate(-5deg);
position: relative;
display: block;
width: var(--size);
height: var(--size);
margin: 0 auto;
background-color: #a09f9e;
border-radius: 50%;
box-shadow: 0 var(--shadow) #8d8d8d;
cursor: pointer;
transition: 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
overflow: hidden;
z-index: 1;
}

.checkbox-wrapper-26 label:before {
content: "";
position: absolute;
top: 50%;
right: 0;
left: 0;
width: calc(var(--size) * .7);
height: calc(var(--size) * .7);
margin: 0 auto;
background-color: #fff;
transform: translateY(-50%);
border-radius: 50%;
box-shadow: inset 0 var(--shadow) #a1a1a1;
transition: 0.2s ease width, 0.2s ease height;
}

.checkbox-wrapper-26 label:hover:before {
width: calc(var(--size) * .55);
height: calc(var(--size) * .55);
box-shadow: inset 0 var(--shadow) #a4a4a4;
}

.checkbox-wrapper-26 label:active {
transform: scale(0.9);
}

.checkbox-wrapper-26 .tick_mark {
position: absolute;
top: -0px;
right: 0;
left: calc(var(--size) * -.05);
width: calc(var(--size) * .62);
height: calc(var(--size) * .62);
margin: 0 auto;
margin-left: calc(var(--size) * .14);
transform: rotateZ(-40deg);
}

.checkbox-wrapper-26 .tick_mark:before,
.checkbox-wrapper-26 .tick_mark:after {
content: "";
position: absolute;
background-color: #fff;
border-radius: 2px;
opacity: 0;
transition: 0.2s ease transform, 0.2s ease opacity;
}

.checkbox-wrapper-26 .tick_mark:before {
left: 0;
bottom: 0;
width: calc(var(--size) * .1);
height: calc(var(--size) * .3);
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.23);
transform: translateY(calc(var(--size) * -.48));
}

.checkbox-wrapper-26 .tick_mark:after {
left: 0;
bottom: 0;
width: 100%;
height: calc(var(--size) * .1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);
transform: translateX(calc(var(--size) * .78));
}

.checkbox-wrapper-26 input[type="checkbox"]:checked + label {
background-color: #07d410;
box-shadow: 0 var(--shadow) #92ff97;
}

.checkbox-wrapper-26 input[type="checkbox"]:checked + label:before {
width: 0;
height: 0;
}

.checkbox-wrapper-26 input[type="checkbox"]:checked + label .tick_mark:before,
.checkbox-wrapper-26 input[type="checkbox"]:checked + label .tick_mark:after {
transform: translate(0);
opacity: 1;
}

.ath_ech_chbxCon {
width: auto;
height: 50px;
display: flex;
justify-content: start;
align-items: center;
margin-left: 30px;
margin-right: 30px;
margin-top: 0px;
}

.hideit {
display: none;
}

.aut_ech_hd {
color: rgb(134, 133, 133);
font-family: 'Inter', sans-serif;   
font-size: 13px;
font-weight: 400;
padding-left: 5px;
}

.ath_ech_chbxCon label:nth-child(1) {
display: flex;
justify-content: center;
align-items: center;
}

.fr_ech_chbxCon {
width: auto;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 30px;
margin-right: 30px;
margin-top: 0px;
}

.fr_ech_chbxCon label:nth-child(1) {
display: flex;
justify-content: center;
align-items: center;
}

/* SAVE BUTTON CONTAINER ENTRY SPINNER  */
.fr_ech_svcn {
width: auto;
height: 35px;
padding-top: 5px;
}

.fr_ec_gif {
width: 27px;
height: 27px;
padding-top: 2px;
transform: rotate(5deg);
} 


.sder4432 {
height: 80px;
margin-top: 0px;
}

.sder4432 p:nth-child(1){
background-color: rgb(219, 255, 219);
color: rgb(1, 107, 1);
padding: 5px;
margin-top: 10px;
margin-left: 0px;
font-size: 12px;
width: fit-content;
border-radius: 5px;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}

.sder4432 p:nth-child(2){
font-family: "Arial", serif;
font-optical-sizing: auto;
font-style: normal;
padding: 5px;
font-size: 30px;
font-weight: 600;
color: rgb(30, 151, 0);
}

.frm_editor_bx {
width: 96%;
margin-left: 10px;
min-height: 600px;
margin-top: 10px;
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
background-color: #fff;
border: 1px solid #d6d6e7;
padding: 15px;
font-size: 15px;
position: relative;
cursor: text;
font-size: 15px;
line-height: 20px;
border-radius: 3px;
color: rgb(35, 38, 59);
overflow: hidden;
transition: all 100ms ease-in-out;
outline: none;
font-family: 'Inter', sans-serif; 
margin-right: 10px;
margin-left: 5px;
resize: none;
}

.fr_ech_txar:focus {
border-color: #2260ff;
box-shadow: 0 0 0 4px #dfe6f8;
}

.msgBlink {
  display: inline-block;
  font-weight: 500;
  animation: blinkGlow 1.5s infinite;
}

@keyframes blinkGlow {
  0% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.02); }
  100% { opacity: 1; transform: scale(1); }
}



.btn10 {
  appearance: none;
  background: radial-gradient(100% 100% at 100% 0, #ff5a5a 0, #ff4343 100%);
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow:
    rgba(233, 211, 211, 0.4) 0 2px 4px,
    rgba(66, 35, 35, 0.3) 0 7px 13px -3px,
    rgba(111, 58, 58, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: 'Lato', sans-serif;  
height: auto;
width: fit-content;
text-decoration: none;
transition: box-shadow .15s, transform .15s;
user-select: none;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 8px;
outline: none;
}

.btn10:focus {
  box-shadow:
    #e14646 0 0 0 1.5px inset,
    rgba(66, 35, 35, 0.4) 0 2px 4px,
    rgba(66, 35, 35, 0.3) 0 7px 13px -3px,
    #e03c3c 0 -3px 0 inset;
  outline: none;
}

.btn10:hover {
  box-shadow:
    rgba(66, 35, 35, 0.4) 0 4px 8px,
    rgba(66, 35, 35, 0.3) 0 7px 13px -3px,
    #e03c3c 0 -3px 0 inset;
  transform: translateY(-1px);
}

.btn10:active {
  box-shadow: #ed4848 0 3px 7px inset;
  transform: translateY(1px);
}


.des34 {
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
}



.frmrdt {
font-family: "Lato", serif;
font-optical-sizing: auto;
font-style: normal;
padding-top: 10px;
padding-left: 10px;
font-size: 15px;
font-weight: 400;
color: rgb(227, 0, 0);
display: none;
}