/* Styling button 1 */

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/* Styling button 1 */

/* Styling button 2 */

.onoffswitch2 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch2-checkbox {
    display: none;
}

.onoffswitch2-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch2-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch2-inner:before, .onoffswitch2-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch2-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch2-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch2-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
    margin-left: 0;
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
    right: 0px; 
}

/* Styling button 2 */

/* Styling button 3 */

.onoffswitch3 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner:before, .onoffswitch3-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch3-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch3-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch3-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-switch {
    right: 0px; 
}

/* Styling button 3 */

/* Styling button 4 */

.onoffswitch4 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch4-checkbox {
    display: none;
}

.onoffswitch4-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch4-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch4-inner:before, .onoffswitch4-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch4-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch4-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch4-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-inner {
    margin-left: 0;
}

.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-switch {
    right: 0px; 
}

/* Styling button 4 */

/* Styling button 5 */

.onoffswitch5 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch5-checkbox {
    display: none;
}

.onoffswitch5-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch5-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch5-inner:before, .onoffswitch5-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch5-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch5-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch5-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch5-checkbox:checked + .onoffswitch5-label .onoffswitch5-inner {
    margin-left: 0;
}

.onoffswitch5-checkbox:checked + .onoffswitch5-label .onoffswitch5-switch {
    right: 0px; 
}

/* Styling button 5 */

/* Styling button 6 */

.onoffswitch6 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch6-checkbox {
    display: none;
}

.onoffswitch6-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch6-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch6-inner:before, .onoffswitch6-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch6-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch6-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch6-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch6-checkbox:checked + .onoffswitch6-label .onoffswitch6-inner {
    margin-left: 0;
}

.onoffswitch6-checkbox:checked + .onoffswitch6-label .onoffswitch6-switch {
    right: 0px; 
}

/* Styling button 6 */

/* Styling button 7 */

.onoffswitch7 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch7-checkbox {
    display: none;
}

.onoffswitch7-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch7-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch7-inner:before, .onoffswitch7-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch7-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch7-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch7-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch7-checkbox:checked + .onoffswitch7-label .onoffswitch7-inner {
    margin-left: 0;
}

.onoffswitch7-checkbox:checked + .onoffswitch7-label .onoffswitch7-switch {
    right: 0px; 
}

/* Styling button 7 */

/* Styling button 8 */

.onoffswitch8 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch8-checkbox {
    display: none;
}

.onoffswitch8-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch8-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch8-inner:before, .onoffswitch8-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch8-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch8-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch8-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch8-checkbox:checked + .onoffswitch8-label .onoffswitch8-inner {
    margin-left: 0;
}

.onoffswitch8-checkbox:checked + .onoffswitch8-label .onoffswitch8-switch {
    right: 0px; 
}

/* Styling button 8 */

/* Styling button 9 */

.onoffswitch9 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch9-checkbox {
    display: none;
}

.onoffswitch9-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch9-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch9-inner:before, .onoffswitch9-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch9-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch9-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch9-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch9-checkbox:checked + .onoffswitch9-label .onoffswitch9-inner {
    margin-left: 0;
}

.onoffswitch9-checkbox:checked + .onoffswitch9-label .onoffswitch9-switch {
    right: 0px; 
}

/* Styling button 9 */


/* Styling button 10 */

.onoffswitch10 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch10-checkbox {
    display: none;
}

.onoffswitch10-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch10-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch10-inner:before, .onoffswitch10-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch10-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch10-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch10-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch10-checkbox:checked + .onoffswitch10-label .onoffswitch10-inner {
    margin-left: 0;
}

.onoffswitch10-checkbox:checked + .onoffswitch10-label .onoffswitch10-switch {
    right: 0px; 
}

/* Styling button 10 */


/* Styling button 11 */

.onoffswitch11 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch11-checkbox {
    display: none;
}

.onoffswitch11-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch11-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch11-inner:before, .onoffswitch11-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch11-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch11-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch11-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch11-checkbox:checked + .onoffswitch11-label .onoffswitch11-inner {
    margin-left: 0;
}

.onoffswitch11-checkbox:checked + .onoffswitch11-label .onoffswitch11-switch {
    right: 0px; 
}

/* Styling button 11 */


/* Styling button 12 */

.onoffswitch12 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch12-checkbox {
    display: none;
}

.onoffswitch12-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch12-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch12-inner:before, .onoffswitch12-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch12-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch12-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch12-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch12-checkbox:checked + .onoffswitch12-label .onoffswitch12-inner {
    margin-left: 0;
}

.onoffswitch12-checkbox:checked + .onoffswitch12-label .onoffswitch12-switch {
    right: 0px; 
}

/* Styling button 12 */


/* Styling button 13 */

.onoffswitch13 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch13-checkbox {
    display: none;
}

.onoffswitch13-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch13-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch13-inner:before, .onoffswitch13-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch13-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch13-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch13-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch13-checkbox:checked + .onoffswitch13-label .onoffswitch13-inner {
    margin-left: 0;
}

.onoffswitch13-checkbox:checked + .onoffswitch13-label .onoffswitch13-switch {
    right: 0px; 
}

/* Styling button 13 */

/* Styling button 14 */

.onoffswitch14 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch14-checkbox {
    display: none;
}

.onoffswitch14-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch14-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch14-inner:before, .onoffswitch14-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch14-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch14-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch14-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch14-checkbox:checked + .onoffswitch14-label .onoffswitch14-inner {
    margin-left: 0;
}

.onoffswitch14-checkbox:checked + .onoffswitch14-label .onoffswitch14-switch {
    right: 0px; 
}

/* Styling button 14 */

/* Styling button 15 */

.onoffswitch15 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch15-checkbox {
    display: none;
}

.onoffswitch15-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch15-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch15-inner:before, .onoffswitch15-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch15-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch15-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch15-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch15-checkbox:checked + .onoffswitch15-label .onoffswitch15-inner {
    margin-left: 0;
}

.onoffswitch15-checkbox:checked + .onoffswitch15-label .onoffswitch15-switch {
    right: 0px; 
}

/* Styling button 15 */


/* Styling button 16 */

.onoffswitch16 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin: 0 auto;
     margin-top:10px; 
}

.onoffswitch16-checkbox {
    display: none;
}

.onoffswitch16-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #40516f; border-radius: 20px;
}

.onoffswitch16-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch16-inner:before, .onoffswitch16-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Hind', sans-serif!important; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch16-inner:before {
    font-family: 'Hind', sans-serif!important;
    content: "AAN";
    padding-left: 10px;
    background-color: #5BB75B; color: #FFFFFF;

}

.onoffswitch16-inner:after {
    font-family: 'Hind', sans-serif!important;
    content: "UIT";
    padding-right: 10px;
    background-color: #DA4F49; color: #FFFFFF;
    text-align: right;
}

.onoffswitch16-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #40516f; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch16-checkbox:checked + .onoffswitch16-label .onoffswitch16-inner {
    margin-left: 0;
}

.onoffswitch16-checkbox:checked + .onoffswitch16-label .onoffswitch16-switch {
    right: 0px; 
}

/* Styling button 16 */