.label-toggle-0001-span{
    cursor: pointer;
}

.input-toggle-box-0001{
    position: relative;
    display: flex;
    align-items: center;
}

.toggle-0001{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0001 input[type="checkbox"] {
    appearance: none;
}

.label-toggle-0001 {
    position: relative;
    cursor: pointer;
}

.toggle-0001 .toggle-handle-0001 {
    position: absolute;
    transform: translateX(0px);
    z-index: 3;
}

.toggle-0001 .toggle-line-handle-0001 {
    position: absolute;
    z-index: 2;
}

.toggle-0001 input[type="checkbox"]:checked ~ .label-toggle-0001 .toggle-handle-0001 {
    transform: translateX(20px);
}

/* ************************************************************ */
.toggle-0002 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0002 input[type=checkbox] {
    appearance: none;
}

.label-toggle-0002 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.toggle-box-0002 {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.toggle-box-img-0002 {
    position: absolute;
    background-image: url("../images/btn-image/check-x.png");
    background-repeat: no-repeat;
}

.toggle-0002 input[type=checkbox]:checked ~ .toggle-box-0002 .toggle-box-img-0002 {
    background-image: url("../images/btn-image/green-tick.png");
}
/* ************************************************************ */
.toggle-0003 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0003 input[type=checkbox] {
    appearance: none;
}
 
.toggle-0003-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0003-box-img {
    position: absolute;
}

.label-toggle-0003 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
/* ************************************************************ */
.toggle-0004 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0004 input[type=checkbox] {
    appearance: none;
}
 
.toggle-0004-box {
    position: relative;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0004-box-img {
    position: absolute;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
}

.toggle-0004 input[type=checkbox]:checked ~ .toggle-0004-box .toggle-0004-box-img {
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
}
.toggle-0004 input[type=checkbox]:checked ~ .toggle-0004-box {
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
}

.label-toggle-0004 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
/* ************************************************************ */
.label-toggle-0005-span{
    cursor: pointer;
}

.input-toggle-box-0005{
    position: relative;
    display: flex;
    align-items: center;
}

.toggle-0005{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0005 input[type="checkbox"] {
    appearance: none;
}

.label-toggle-0005 {
    position: relative;
    cursor: pointer;
}

.toggle-0005 .toggle-handle-0005 {
    position: absolute;
    border: 2px solid rgba(15, 15, 15, 0.5);
    transform: translateX(0px);
    z-index: 3;
}

.toggle-0005 .toggle-line-handle-0005 {
    position: absolute;
    border: 2px solid rgba(15, 15, 15, 0.5);
    z-index: 2;
}

.toggle-0005 input[type="checkbox"]:checked ~ .label-toggle-0005 .toggle-handle-0005 {
    transform: translateX(20px);
}

/* ************************************************************ */
.toggle-0006 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0006 input[type="checkbox"] {
    appearance: none;
}

.toggle-0006-box {
    position: relative;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
                inset 0 0 1px rgba(0, 0, 0, 0.5),
                0 0 0 1px rgba(0, 0, 0, 0.1),
                0 -1px 1px 1px rgba(0, 0, 0, 0.25),
                0 1px 1px 1px rgba(255, 255, 255, 0.75);
    overflow: hidden;
    cursor: pointer;
}

.toggle-0006-box-img {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 1px 1px rgba(255, 255, 255, 1),
                inset 0 -1px 1px 1px rgba(0, 0, 0, 0.25),
                0 1px 1px 1px rgba(0, 0, 0, 0.5),
                0 0 2px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.toggle-0006-span-off{
    position: absolute;
    color: rgba(204, 238, 168, 1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.toggle-0006-span-on{
    position: absolute;
    color: rgba(204, 238, 168, 1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
   
.toggle-0006 input[type=checkbox]:checked ~ .toggle-0006-box .toggle-0006-box-img .toggle-0006-span-off {
    opacity: 0;
}

.toggle-0006 input[type=checkbox]:checked ~ .toggle-0006-box .toggle-0006-box-img .toggle-0006-span-on {
    opacity: 1;
}

.label-toggle-0006 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}         
/* ************************************************************ */
.toggle-0007 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0007 input[type="checkbox"] {
    appearance: none;
}

.toggle-0007-box {
    position: relative;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0007-box-img {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
}

.toggle-0007-span-off{
    position: absolute;
    color: rgba(204, 238, 168, 1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.toggle-0007-span-on{
    position: absolute;
    color: rgba(204, 238, 168, 1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
   
.toggle-0007 input[type=checkbox]:checked ~ .toggle-0007-box .toggle-0007-box-img .toggle-0007-span-off {
    opacity: 0;
}

.toggle-0007 input[type=checkbox]:checked ~ .toggle-0007-box .toggle-0007-box-img .toggle-0007-span-on {
    opacity: 1;
}

.label-toggle-0007 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}         
/* ************************************************************ */
.toggle-0008 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0008 input[type=checkbox] {
    appearance: none;
}
 
.toggle-0008-box {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0008-box-img {
    position: absolute;
    background-image: url("../images/btn-image/check-x.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.toggle-0008 input[type=checkbox]:checked ~ .toggle-0008-box .toggle-0008-box-img {
    background-image: url("../images/btn-image/green-tick.png");
}

.label-toggle-0008 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
/* ************************************************************ */
.toggle-0009 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0009 input[type="checkbox"] {
    appearance: none;
}

.toggle-0009-box {
    position: relative;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0009-box-img {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
}

.toggle-0009-box-off{
    position: absolute;
    color: rgba(204, 238, 168, 1);
    background-image: url("../images/btn-image/check-x.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.toggle-0009-box-on{
    position: absolute;
    color: rgba(204, 238, 168, 1);
    background-image: url("../images/btn-image/green-tick.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
   
.toggle-0009 input[type=checkbox]:checked ~ .toggle-0009-box .toggle-0009-box-img .toggle-0009-box-off {
    opacity: 0;
}

.toggle-0009 input[type=checkbox]:checked ~ .toggle-0009-box .toggle-0009-box-img .toggle-0009-box-on {
    opacity: 1;
}

.label-toggle-0009 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}  
/* ************************************************************ */
.toggle-0010-label {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 5px;
   cursor: pointer;
}

.toggle-0010-label input[type="checkbox"] {
    appearance: none;
}

.toggle-0010-label .toggle-0010-tick-box {
    position: relative;
    margin-right: 10px;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
}

.toggle-0010-label .toggle-0010-tick-box .toggle-0010-unchecked {
    position: absolute;
    opacity: 1;
}

.toggle-0010-label .toggle-0010-tick-box .toggle-0010-checked {
    position: absolute;
    opacity: 0;
}

.toggle-0010-label input[type="checkbox"]:checked ~ .toggle-0010-tick-box .toggle-0010-unchecked {
    position: absolute;
    opacity: 0;
}

.toggle-0010-label input[type="checkbox"]:checked ~ .toggle-0010-tick-box .toggle-0010-checked {
    position: absolute;
    opacity: 1;
}
/* ************************************************************ */
.toggle-0011 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0011 input[type=checkbox] {
    appearance: none;
}

.toggle-0011-box {
    position: relative;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0011-box-img {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    overflow: hidden;
    transform: translateX(0px);
}

.toggle-0011-box-off{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.toggle-0011-box-on{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.toggle-0011 input[type=checkbox]:checked ~ .toggle-0011-box .toggle-0011-box-img .toggle-0011-box-off {
    opacity: 0;
}

.toggle-0011 input[type=checkbox]:checked ~ .toggle-0011-box .toggle-0011-box-img .toggle-0011-box-on {
    opacity: 1;
}

.label-toggle-0011 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
/* ************************************************************ */
.toggle-0012 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}
.toggle-0012 input[type=checkbox] {
    appearance: none;
}

.toggle-0012 input[type=checkbox] ~.toggle-0012-box-img {
    position: relative;
    cursor: pointer;
    position: relative;
}

.label-toggle-0012{
    cursor: pointer;
}

.toggle-0012 input[type=checkbox] ~.toggle-0012-box-img .toggle-0012-box-handle {
    position: absolute;
}

.label-toggle-0012 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
/* ************************************************************ */
.toggle-0013-label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    cursor: pointer;
}

.toggle-0013-label input[type="checkbox"] {
    appearance: none;
}

.toggle-0013-label .toggle-0013-tick-box {
    position: relative;
    margin-right: 10px;
}

.toggle-0013-label .toggle-0013-tick-box .toggle-0013-tick-box-unchecked {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    opacity: 1;
}

.toggle-0013-label .toggle-0013-tick-box .toggle-0013-tick-box-checked {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    opacity: 0;
}

.toggle-0013-label input[type="checkbox"]:checked ~ .toggle-0013-tick-box .toggle-0013-tick-box-unchecked {
    opacity: 0;
}
.toggle-0013-label input[type="checkbox"]:checked ~ .toggle-0013-tick-box .toggle-0013-tick-box-checked {
    opacity: 1;
}

.toggle-0013-label .toggle-0013-tick-box .toggle-0013-unchecked {
    position: absolute;
    opacity: 1; 
    z-index: 5;
}

.toggle-0013-label .toggle-0013-tick-box .toggle-0013-checked {
    position: absolute;
    opacity: 0; 
    z-index: 5;
}

.toggle-0013-label input[type="checkbox"]:checked ~ .toggle-0013-tick-box .toggle-0013-unchecked {
    position: absolute;
    opacity: 0; 
}

.toggle-0013-label input[type="checkbox"]:checked ~ .toggle-0013-tick-box .toggle-0013-checked {
    position: absolute;
    opacity: 1; 
}
/* ************************************************************ */
.toggle-0014 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0014 input[type=checkbox] {
    appearance: none;
}

.label-toggle-0014 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}

.toggle-0014-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.toggle-0014-box-left {
    position: absolute;
}

.toggle-0014-box-right {
    position: absolute;
}

/* ************************************************************ */
.toggle-0015 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.toggle-0015 input[type=checkbox] {
    appearance: none;
}
 
.toggle-0015-box {
    position: relative;
    box-shadow: 0 3px rgb(136, 116, 0);
    cursor: pointer;
}

.toggle-0015-box-img {
    position: absolute;
    box-shadow: 0 3px rgba(188, 180, 180, 1);
}

.label-toggle-0015 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}

/* ************************************************************ */