/* onpaceplus.css */

ul.errorlist
{list-style-type: none;
 color: red;
 font-weight: bold;
 font-size: large;
 font-style: italic;
} /* ul.errorlist */

.errors
{color: red;
 font-weight: bold;
 font-size: large;
 font-style: italic;
} /* .errors */

button.transparent_background
{border-style: none !important;
 background-color: white !important;
} /* button.transparent-background */

.box
{border-style: solid;
 border-width: thin;
 padding: 10px !important;
 margin: 10px !important;
} /* .box */

.status
{font-weight: bold;
 font-style: italic;
} /* status */

.footnote
{vertical-align: sub;
 font-size: small;
} /* footnote */

form
{margin: 0px;
 padding: 0px;;
 display: block;
} /* form */

ul
{list-style-type: square;
} /* ul */

li
{padding-bottom: 20px;
} /* li */

.italic
{font-style: italic;
} /* .italic */

.no-wrap
{white-space: nowrap !important;
} /* .no-wrap */

.ui.layout.table tr td
{border-top: 0px !important;
 padding-top: 2px !important;
 padding-bottom: 2px !important;
 margin-top: 0px !important;
} /* .ui.layout.table tr td */

.ui.layout.table
{margin-top: 0px !important;
} /* .ui.layout.table */

@font-face
{font-family: 'Top_Secret';
/*
   presumption: this css is in a "css" folder,
   fonts are in a compantion "fonts" folder at the same level
   (a "relative reference"...)
*/
 font-family: top_secret;
 src: url('../fonts/Top_Secret.woff2') format('woff2');
} /* Top Secret Font */

.rubberstamp
{font-family: top_secret !important;
} /* .rubberstamp */

.switch  /* the container... */
{position: relative;
 display: inline-block;
 width: 60px;
 height: 34px;
} /* switch */

.switch input /* hide the default HTML checkbox... */
{opacity: 0;
 width: 0;
 height: 0;
} /* .switch input */

.switch-pin
{position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: DarkGray;
 -webkit-transition: .4s;
 transition: .4s;
} /* .switch-pin */

.switch-pin:before
{position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
} /* .switch-pin:before */

input:checked+.switch-pin
{background-color: #2196F3;
} /* input:checked+.switch-pin */

input:focus+.switch-pin
{box-shadow: 0 0 1px #2196F3;
} /* input:focus+.switch-pin */

input:checked+.switch-pin:before
{-webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(26px);
} /* input:checked+.switch-pin:before */

.switch-pin.round
{border-radius: 34px;
} /* .switch-pin.round */

.switch-pin.round:before
{border-radius: 50%;
} /* .switch-pin.round:before */