.darkMainBgColor
{
    background-color: rgb(35, 35, 35);
    color:#9B9B9B;
}

.darkMainBgColor input[type=text]
{
    /*background-color:#cccccc !important;*/
    background-color:#eeeeee !important;
}

.darkSecBgColor
{
    background-color: #383B3F;
    /* color:#9B9B9B; */
    color:#dddddd !important;
    line-height: 1.6em;
}

.darkSecBorderColor
{
    border-color: #383B3F !important;
     
}

.requestWizTitle
{
    color:#f42323;
}

.requestWizTitle2
{
    color: #0092ca; 
}


/*dark form*/

.lessBright input[type=text]
{
    background-color:#bbbbbb !important;
    color:black;
}

.lessBright input[type=email]
{
    background-color:#bbbbbb !important;
    color:black;
}

.lessBright label
{
    
    color:#eeeeee;
}

.inputHelp
{
    min-height:1em;
}

.requestWizTitle2
{
    color: #0092ca; 
}

.requiredIndicator
{
    color:rgb(202, 17, 17);
}

.strikeThru
{
    text-decoration: line-through;
    opacity: 0.75;
}

.planNameClass
{
    font-size:1.2em;
}
/*dark form end*/


/*Star Rating  x//dev.to/madsstoumann/star-rating-using-a-single-input-i0l
--fillbg: rgba(100, 100, 100, 0.15);
*/
.rating {
    --dir: right;
    --fill: rgb(241, 222, 110);
    --fillbg: rgba(12, 12, 12, 0.5);
    --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
    --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
    --stars: 10;
    --starsize: 1.5rem;
    --symbol: var(--star);
    --value: 1;
    --w: calc(var(--stars) * var(--starsize));
    --x: calc(100% * (var(--value) / var(--stars)));
    block-size: var(--starsize);
    inline-size: var(--w);
    position: relative;
    touch-action: manipulation;
    -webkit-appearance: none;
  }
  [dir="rtl"] .rating {
    --dir: left;
  }
  .rating::-moz-range-track {
    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
  }
  .rating::-webkit-slider-runnable-track {
    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
    -webkit-mask: repeat left center/var(--starsize) var(--symbol);
  }
  .rating::-moz-range-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
  }
  .rating::-webkit-slider-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
    -webkit-appearance: none;
  }
  .rating, .rating-label {
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif;
  }
  .rating-label {
    margin-block-end: 1rem;
  }
  
  /* NO JS */
  .rating--nojs::-moz-range-track {
    background: var(--fillbg);
  }
  .rating--nojs::-moz-range-progress {
    background: var(--fill);
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--star);
  }
  .rating--nojs::-webkit-slider-runnable-track {
    background: var(--fillbg);
  }
  .rating--nojs::-webkit-slider-thumb {
    background-color: var(--fill);
    box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
    opacity: 1;
    width: 1px;
  }
  [dir="rtl"] .rating--nojs::-webkit-slider-thumb {
    box-shadow: var(--w) 0 0 var(--w) var(--fill);
  }

  /*Meter css-tricks.com/css3-progress-bars/*/
  .meter { 
    height: 20px;  
    position: relative;
    background: #555;
    border-radius: 25px;
    padding: 2px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.1);
  }
  .meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
    );
    /*box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4); */
    position: relative;
    overflow: hidden;
  }

  .orange > span {
    background-color: #f1a165 !important;
    background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
  }
  
  .red > span {
    background-color: #f0a3a3;
    background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
  }

  /*progressBar*/
  first-color { 
	background: #222831; 
}
	
.second-color { 
	background: #393e46; 
}

.third-color { 
	background: #0092ca; 
}

.fourth-color { 
	background: #eeeeee; 
}