/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* Argus specific */
.contrast_container {
    position:absolute;
    top:25px;
    right:100px;
    font-size:12px;
    color:black;
    z-index:1000; /*otherwise no cursor*/
}

.contrast_container label {
    display:inline-block;
}
#contrast_toggle {
    display:inline-block;
}
.formtoggle:focus {
    outline: #000 solid 3px;
}

    
    
/* formtoggle styling */
.formtoggle {
  cursor:pointer;
  width:40px;
}
.formtoggle input {
  appearance:none;
  -webkit-appearance: none;
}
.formtoggle .slider {
  height:12px;
  width:32px;
  display:inline-block;
  border:1px solid #555;
  background-color:#dedede;
  border-radius:7px;
  -webkit-transition: 0.1s;
    transition: 0.1s;
}
.formtoggle .thumb {
  background-color:#555;
  width:20px;
  height:20px;
  border-radius:10px;
  position:relative;
  bottom:5px;
  left:-2px;
  -webkit-transition: 0.1s;
    transition: 0.1s;
}
.formtoggle .thumb_pos {
  position:relative;
  padding-left:0px;
  -webkit-transition: 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.formtoggle.active .slider {
  background-color:#cff3ff;
  border:1px solid #019ed5;
  -webkit-transition: 0.1s;
    transition: 0.1s;
}
.formtoggle.active .thumb{
  left:auto;
  right:-2px;
  background-color:#019ed5;
  -webkit-transition: 0.1s;
    transition: 0.1s;
}
.formtoggle.active .thumb_pos {
  padding-left:12px;
  -webkit-transition: 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
}