﻿    .Maponoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .Maponoffswitch-checkbox {
        display: none;
    }
    .Maponoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .Maponoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .Maponoffswitch-inner:before, .Maponoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .Maponoffswitch-inner:before {
        content: "ON   ";
        padding-left: 10px;
        background-color: #2E4052; color: #FFFFFF;
    }
    .Maponoffswitch-inner:after {
        content: "   OFF";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .Maponoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .Maponoffswitch-checkbox:checked + .Maponoffswitch-label .Maponoffswitch-inner {
        margin-left: 0;
    }
    .Maponoffswitch-checkbox:checked + .Maponoffswitch-label .Maponoffswitch-switch {
        right: 0px; 
    }

    /*Email*/

    .Emailonoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .Emailonoffswitch-checkbox {
        display: none;
    }
    .Emailonoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .Emailonoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .Emailonoffswitch-inner:before, .Emailonoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .Emailonoffswitch-inner:before {
        content: "ON     ";
        padding-left: 10px;
        background-color: #2E4052; color: #FFFFFF;
    }
    .Emailonoffswitch-inner:after {
         content: "    OFF";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .Emailonoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .Emailonoffswitch-checkbox:checked + .Emailonoffswitch-label .Emailonoffswitch-inner {
        margin-left: 0;
    }
    .Emailonoffswitch-checkbox:checked + .Emailonoffswitch-label .Emailonoffswitch-switch {
        right: 0px; 
    }

     /*AOI*/

    .AOIonoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .AOIonoffswitch-checkbox {
        display: none;
    }
    .AOIonoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .AOIonoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .AOIonoffswitch-inner:before, .AOIonoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .AOIonoffswitch-inner:before {
        content: "ON     ";
        padding-left: 10px;
        background-color: #2E4052; color: #FFFFFF;
    }
    .AOIonoffswitch-inner:after {
         content: "    OFF";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .AOIonoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .AOIonoffswitch-checkbox:checked + .AOIonoffswitch-label .AOIonoffswitch-inner {
        margin-left: 0;
    }
    .AOIonoffswitch-checkbox:checked + .AOIonoffswitch-label .AOIonoffswitch-switch {
        right: 0px; 
    }

         /*AOI*/

    .Viewonoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .Viewonoffswitch-checkbox {
        display: none;
    }
    .Viewonoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .Viewonoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .Viewonoffswitch-inner:before, .Viewonoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .Viewonoffswitch-inner:before {
         content: "    Postcode";
        padding-left: 10px;
        background-color: #2E4052; color: #FFFFFF;
    }
    .Viewonoffswitch-inner:after {
        content: "Town   ";
        
        padding-right: 2px;
        background-color: #2E4052; color: #FFFFFF;
        text-align: right;
    }
    .Viewonoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .Viewonoffswitch-checkbox:checked + .Viewonoffswitch-label .Viewonoffswitch-inner {
        margin-left: 0;
    }
    .Viewonoffswitch-checkbox:checked + .Viewonoffswitch-label .Viewonoffswitch-switch {
        right: 0px; 
    }

          /*Industryonoffswitch*/

    .Industryonoffswitch {
        position: relative; width: 110px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .Industryonoffswitch-checkbox {
        display: none;
    }
    .Industryonoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .Industryonoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .Industryonoffswitch-inner:before, .Industryonoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .Industryonoffswitch-inner:after {
         content: "Thomson";
          padding-right: 2px;
        background-color: #ff6a00; color: #FFFFFF;
        text-align: right;
    }
    .Industryonoffswitch-inner:before {
        content: "SIC";
        
       
        padding-left: 10px;
        background-color: #2E4052; color: #FFFFFF;
    }
    .Industryonoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .Industryonoffswitch-checkbox:checked + .Industryonoffswitch-label .Industryonoffswitch-inner {
        margin-left: 0;
    }
    .Industryonoffswitch-checkbox:checked + .Industryonoffswitch-label .Industryonoffswitch-switch {
        right: 0px; 
    }

       /*Email*/

    .Cleanonoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .Cleanonoffswitch-checkbox {
        display: none;
    }
    .Cleanonoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .Cleanonoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .Cleanonoffswitch-inner:before, .Cleanonoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .Cleanonoffswitch-inner:before {
        content: "ON     ";
        padding-left: 10px;
        background-color: #2E4052; color: #FFFFFF;
    }
    .Cleanonoffswitch-inner:after {
         content: "    OFF";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .Cleanonoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s; 
    }
    .Cleanonoffswitch-checkbox:checked + .Cleanonoffswitch-label .Cleanonoffswitch-inner {
        margin-left: 0;
    }
    .Cleanonoffswitch-checkbox:checked + .Cleanonoffswitch-label .Cleanonoffswitch-switch {
        right: 0px; 
    }
