#select-panel-open{  font-size:1rem; }  /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }  input[type="button"]{ -moz-appearance: none; -webkit-appearance: none;  }   /* Firefox */ input[type=number] { -moz-appearance:textfield; }     input[type=radio].with-font, input[type=checkbox].with-font { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }  input[type=radio].with-font ~ label::before, input[type=checkbox].with-font ~ label::before { font-family: FontAwesome; display: inline-block; /*thin empty circle*/ content: "\f1db"; font-size: 1.8em; color: #535353; margin:0; padding:0; cursor: pointer;   vertical-align: bottom; position: relative; }   input[type=radio].with-font ~ label::before{ letter-spacing: 1px; font-size: 1.2em;   } input[type=checkbox].with-font ~ label::before { letter-spacing: 0.63em; width: 1.4em; }    input[type=checkbox].with-font ~ label::before { /*empty square square*/ content: "\f096"; }     input[type=radio].with-font:checked ~ label::before, input[type=checkbox].with-font:checked ~ label::before  {  /*circle with dot*/ content: "\f192";  color: darkgreen; letter-spacing: 0.32em; }   input[type=radio].with-font:checked ~ label::before { font-size: 1.2em; }   input[type=checkbox].with-font:checked ~ label::before { font-size: 1.8em; /*checked square*/ content: "\f046"; color: darkgreen; }   .checkdivbot{ margin-bottom:0.3em;  }   .no_but{  padding: 0; border: none; background: none; outline:none; }   .btn { background-color: #dddddd; outline:none; border: none; color: #222; padding: 0.38em 0.5em; box-shadow: 2px 2px 2px  grey; font-size: 0.8em; cursor: pointer; border-radius: 0.3em; }  .btn:hover{ background-color: #aaa; }  .btn:active{ background-color: #aaa; box-shadow: 0 0 grey; transform: translate(2px, 2px); }    .btn_G { background-color: #71e075; outline:none; border: none; color: #222; padding: 0.38em 0.5em; box-shadow: 2px 2px 2px  grey; font-size: 0.8em; cursor: pointer; border-radius: 0.3em; }  .btn_G:hover{ background-color: #60d064; }  .btn_G:active{ background-color: #60d064; box-shadow: 0 0 grey; transform: translate(2px, 2px); }    .ani_btn{ padding: 0.5em 1em; }   .btn_dis{ background-color: #eeeeee; outline:none; border:  1px solid #dddddd; color: #777; padding: 0.38em 0.5em; font-size: 0.8em; border-radius: 0.3em;  }   .MainLargeButton{  margin-top:0.4em; margin-bottom:0.63em; width:7.5em;  }      .xButtonDisabled{ background-color: #aaa; outline:none; border: none; color: #888; padding: 0.38em 0.5em; font-size: 0.8em; border-radius: 0.3em;  }    .questioncss{ color:#879bf5;  }  .questioncss:hover, .questioncss:focus{ color:#5775f5;  }  .questionDiv{ position: absolute; bottom: 0; right: 0; margin-right:0.1em; cursor:pointer; }  .Xdiv{ position: absolute; top: 1em; right: 1em; margin-right:0.1em; cursor:pointer; z-index:15; }