.wizardedit-wrapper{
 height: 25px;
 width: 188px;
 //background-color:  green;
}

.wizardedit-btn{
    float: right;
    width: 24px;
    height: 24px;
    background-color: #5A5A5A;
}

.wizardedit-btn:hover{
    cursor: pointer;
    background-color: #000000;
}

.wizard-radio{
    display: inline-flex;
    align-items: center;
}

.wizard-radio-Input {
    margin: 0 0.2em 0;
}

.wizardedit{
        float: left;
        margin-top: 1px;
        width: 160px;
        height: 21px;
        font-family: inherit;
        font-weight: inherit;
        border: none;
    }

.wizardedit::placeholder {
    color: #B0BEC5;
}

.wizard_group {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    font-weight: bold;
}

.checkdisabled{
     color: #C3C3C3;
 }

  .wizard_wrapper{
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-weight: bold; 
    color: #454545;     
	border: 1px solid #000;
    border-color: #C5C5C5;;   
    float: left;  
    margin-top: 5px;
    height:auto;
    width: 188px;
  }  
      
  .wizard_headline{
    height: 23px;  
    left: 0px;    
    border-bottom: 1px solid #000;
    border-color: #C5C5C5; 
    /*background-color: #F6F6F6;*/
   // background-color: #12CC42;
    //  background-color: #007fff;
    background-color: #5A5A5A;
    color: white;
    font-weight:bold;
    font-size: 13px;  
    padding-top:8px;
    padding-left: 10px;
  }   
  
  .wizard_group{ 
	  /*border: 1px solid #000;
    border-color: blue; */
    margin-top: 2px;   
    float: left;
    height:auto;
  }    
  
  .wizard_group_header, .wizard_footer_header{  
	border-top: 1px solid #000;
    border-color: #C5C5C5;
    font-size: 12px;     
    float:left;           
    background-color: #F6F6F6;
    padding-left: 5px;
    padding-top: 3px;       
    height: 20px;  
    width: 183px;
  }

.wizard_group_container_header{
    border-top: 1px solid #000;
    border-color: #C5C5C5;
    font-size: 12px;
    float:left;
    background-color: white;
    padding-left: 5px;
    padding-top: 3px;
    height: 2px;
    width: 183px;
}

.wizard_footer_header{
    //background-color: #12CC42;
      //background-color: #007fff;
    background-color: #5A5A5A;

      padding-top: 5px;
    color: white;	
  }
  
  .wizard_footer{  
    font-size: 12px;      
    float:left;          
    //background-color: #12CC42;
    /*background-color: white;*/
    //  background-color: #007fff;
    background-color: #5A5A5A;
    padding-left: 5px;
    padding-top: 0px;       
    height: 30px;  
    width: 183px;
  }

  .wizard_col, .wizard_col100{
    font-weight: bold;
    font-size: 12px;
	  /*border: 1px solid #000;
    border-color: green; */  
    padding-left: 3px;
    float: left;
    height:20px;
  }

.wizbtn-wrapper{
    width: 190px;
    //border: 1px solid #000;
    //border-color: green;
}

.wccbtn:hover{
    cursor: pointer;
    background-color: #0a0a0a;
}

.wccbtn{
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    left: 0px;
    margin-top: 5px;
    width: 100%;
    height: 25px;

    background-color: #5A5A5A;
    color: white;

    border: 1px;
    border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -khtml-border-radius: 0px 0px 0px 0px;
}

/*
  .wccbtn{
   text-align: center; 
   margin-top: 2px;
   width: 176px;
  }
*/

  .wizard_col{
   width: 89px;
  }

  .wizard_col50{
   font-weight: bold;
   font-size: 12px;
   /*border: 1px solid #000;
   border-color: green;*/
   padding-left: 3px;
   float: left;
   height:20px;
   width: 50px;
  }

.wizard_col60{
    font-weight: bold;
    font-size: 12px;
    /*border: 1px solid #000;
    border-color: green;*/
    padding-left: 3px;
    float: left;
    height:20px;
    width: 60px;
}
    
  .wizard_col100{
   width: 170px;
  }
  
  .wrapper-class input[type="radio"],
                 input[type="checkbox"],
                 label {
   vertical-align: middle;         
   width: 10px;
  }  
  
  .wrapper-class input[type="checkbox"] { 
   vertical-align: middle;             
   width: 10px; 
  }

  .wrapper-class input[type="checkbox"]:hover {
      color: green;
      box-shadow:0px 0px 10px #3838E2;
  }

  .wrapper-class input[type="radio"]:hover {
      box-shadow:0px 0px 10px #3838E2;
  }

  .wrapper-class label { 
   padding-top: 2px;       
   line-height: 20px;
  }

     
  
  
    
    

    

    