body {
    line-height: 16px;
    /*font-size: 10px !important;*/
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
   
   
}
a {
    text-decoration: none !important;
}

html {
   background: #02325b none repeat scroll 0 0 !important;
     /*background: #ffffff none repeat scroll 0 0 !important;*/
}

.Main{
     width: 100% !important; 
     height: auto; 
     margin: 0px auto; 
     background-color:#02325b;

     /*padding: 16px;*/ 
     display: inline-block; 
     /*text-align: left;*/
     /*border: 2px solid #ffffff;*/
     border-radius: 0 0 10px;
}

.subclass{
    display:inline-block;
    vertical-align:top;
        width:100%;
}



#FieldsetInfo {   
    width: 95% !important;
    padding: 20px  !important;
    margin: auto;
    border: none;
    background: #ffffff !important;
    border: none !important;
}


#FieldsetMain {   
    width: 95% !important;
    /*padding: 5px !important;*/
     padding: 20px !important;
    margin: auto;
    border: none;
    background: #ffffff !important;
    border: none !important;

}

#FieldsetMainConfirm {   
    width: 90%;
    /*padding: 5px !important;*/
    margin: auto;
    border: none;
    background: #F5F5F5;
    border: none !important;
}

.col-xs-3 {
    width: 22% !important;
}


.InnerFieldset{ 
   border: none !important;
   padding: 10px !important;
   width: 100%;
}

.InnerText{
    width: 100%;
    padding-top: 5px;
    float: left;
}


select:not([size]):not([multiple]).form-control .ProgressBar {
    max-width: 100%;
    height: calc(2.25rem + 12px) !important;
}
/*select:not([size]):not([multiple]).form-control {
    height: calc(2.25rem + 16px) !important;
}*/

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 16px);
}

.header-App {
  background: #02325b url("images/bg-header-desktop.png") no-repeat scroll center center / 100% 100px;
   height: 100% !important;
      margin: 0px auto; 
    max-height: 65px;
    max-width:95% ;
    vertical-align: top;
    visibility: visible !important;
     /*display: inline-block;*/ 
     padding: 0 !important; 
     
     
}
     
.footer  {
    font-size: 9px;
    /*color: #ccc!important;*/
    color: #02325b !important;
    line-height: 9px;
    padding-left: 5px;
}

.Wrapper{
    width:100%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 256px)
and (max-width : 700px)
{
   
    .bs-wizard > .bs-wizard-step .bs-wizard-info {padding-left:5px !important;}
    
    
     .footer{
        padding-left: 0 !important;
    }
    	.wizard a {
  padding: 10px 12px 10px;
  margin-right: 0 !important;
  background: #efefef;
  position: relative;
  display: inline-block;
  width: 100% !important;
}
		.wizard a:before {
  width:0 ;
  height: 0;
    border-top:none !important;
  border-bottom: none !important;
  border-left:none !important;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.wizard a:after {
  width: 0;
  height: 0;
  border-left: none !important;
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}

.wizard a:first-child:before, .wizard a:last-child:after {
  border: none;
}

.wizard a:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  /*border-radius: 4px 0 0 4px;*/
  border-radius: 0px !important;

}

.wizard a:last-child {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0 4px 4px 0;
  /*border-radius: 0 4px 4px 0;*/
   border-radius: 0px !important;
}

.wizard .badge {
  margin:  0 5px 0 18px;
  position: relative;
  top: -1px;
}

.wizard a:first-child .badge {
  /*margin-left: 0;*/
   margin:  0 5px 0 18px !important;
  position: relative !important;
  top: -1px !important;
}

.wizard .current {
  background: #007ACC;
  color: #fff;
  width: 100% !important;
}

.wizard .current:after {
  border-left-color:none !important;
}

    .button1 {
        width:100% !important;
        
    }

    #FieldsetMain{
    width: 100% !important;
    padding-left: 0px !important;
    padding-Right: 0px !important;
                border-radius: 0px !important;
}


    .radio-inline, .checkbox-inline {
    
    padding-left:0 !important;
    
    } 

    .InnerFieldset {
        border-radius: 0px !important;
    }
.header-App{
    max-width: 100%;
}

 #FieldsetInfo{
    width: 100% !important;
    padding-left: 0 !important;
    padding-Right: 0 !important;
    border-radius: 0 !important;
}

 /*.subclass{
    width:100% !important;
}*/



}
@media only screen
and (min-width : 700px)
and (max-width : 860px)
{

    .wizard a {
  padding: 10px 12px 10px;
  margin-right: 0px;
  background: #efefef;
  position: relative;
  display: inline-block;
   width: 320px !important;
}
				.wizard a:before {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #fff;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.header-App{
    max-width: 100% !important;


}
.subclass{
    width:100% !important;
}
}





input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}





/*Test Wizard css*/ 

.bs-wizard {margin-top: 1px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding:  0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 12px !important; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 10px !important;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #8dccf7; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fff; border-radius: 50px; position: absolute; top: 8px; left: 8px; /*font-family:"Glyphicons Halflings";*/ } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #007ACC;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #dbe3ee;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
 .complete .bs-wizard-dot:after {background: #007ACC !important;}
/*END Form Wizard*/



#form1 .form-control-feedback{
    pointer-events: auto;
}

#form1 .form-control-feedback:hover{
    cursor: pointer;
}


#popover{
    cursor:pointer;
}