/*Wizard de aceptacion*/
.wizard .steps {
    /*background: linear-gradient(rgb(247, 247, 247) 45%, #eee 45%, #eee 55%, rgb(247, 247, 247) 55%);*/
    background: linear-gradient(rgb(247, 247, 247) 32%, #eee 32%, #eee 38%, rgb(247, 247, 247) 38%);
    height:123px;
}  
    .wizard .steps a{
        /*margin: 5px 5px 5px  !important;*/
        text-decoration:none !important;
        width:auto  !important;
        border-radius: 50% !important;       
        /*height: 80px;*/
        max-width: 80px !important;
        font-size: 18px !important; 
        margin-bottom:7px !important;
    }

    .wizard .steps h3{        
        font-size: 18px !important; 
        color: #005ca9; 
        margin-top: 0px;
        text-align: center;
    }   

    .wizard .steps h3{        
        font-size: 18px !important; 
        color: #005ca9; 
        margin-top: 0px;
        text-align: center;
    }
     /*.wizard .steps h3{   
       font-size: 18px !important;      
    }*/
    /*.wizard .steps a .stepBtn :after{
        content:"PASO";
    }*/
        .wizard .steps a:hover{
            /*margin: 5px 5px 5px  !important;*/
              margin: 5px auto 17px;
        }

    .wizard .steps .current a,
    .wizard .steps .current a:hover{
        background: #ED9037;
    }
    .wizard .steps .done a {
      background: #B5D8B5 !important;
      color: #fff;
    }
     .wizard .steps .error a {
      background: #EA6149 !important;
      color: #fff;
    } 
    .wizard .steps .done a .number {
      /*visibility:hidden;*/
      display:none;
    }      
    .wizard .steps .error a .number {
      display:none;
    }  
    .wizard .steps .done a .glyphicon-ok{
      display:inline;
    } 
    .wizard .steps .error a .glyphicon-remove{
      display:inline;
    } 
    .wizard .steps a .glyphicon{
      display:none;
      font-size: xx-large;
    }   

    .wizard .steps{
	color:#fff;
    }
        
    .wizard > .content{
      	padding-top:5px;
        padding-bottom:5px;
        margin:0em;
        margin-top: 5px;
        min-height: 636px;
    } 
    .wizard > .content > .body {    
      width: 100%;
      height: 100%;  
      overflow-y:auto;
    }
    
    .wizard > .steps > ul > li {
      width: 25%;
      height: 80px;
    }

    .wizard .has-error input {
          border: 1px solid #a94442 !important;
    }

     /*.wizard .has-error ::-webkit-input-placeholder,
     .wizard .has-error ::-moz-placeholder,
     .wizard .has-error :-ms-input-placeholder,
     .wizard .has-error :-moz-placeholder{ 
         color:#a94442; 
     }*/
     .wizard .has-error ::-webkit-input-placeholder{ 
         color:#B00; 
     }
     .wizard .has-error ::-moz-placeholder{ 
         color:#B00; 
     }
     .wizard .has-error :-ms-input-placeholder{ 
         color:#B00; 
     }
 


.wizard > .actions a,
.wizard .btnApoderado {   
      line-height: 27px;
      -ms-box-sizing: border-box; 
        background: #E0DDDC;     
        text-decoration:none !important;
        /*width:50% !important;*/

        margin:5px 0px 5px !important;
         width:100% !important;
         border-radius: 2px;

}   

.wizard .btnApoderado 
{
    color:#1A5398 !important;  
    width: 33% !important;
}

.wizard > .actions a:hover {
     background: #E0DDDC;
     color:#786b62;
}

.wizard > .actions > ul {
  width:100% !important;
}
.wizard > .actions > ul li {
  width:33% !important;
  margin: 0 1px;
  width: 48%;
  /*padding:2px;*/
}

     .wizard > .actions a[href="#next"],
     .wizard > .actions a[href="#finish"]{ /*boton siguiente*/
       background: #ED9037;
         color: white;
    }
     .wizard > .actions a[href="#next"]:hover,
     .wizard > .actions a[href="#finish"]:hover{ /*boton siguiente*/
       background: #ED9037;
         color: #333;
    }
      .wizard > .actions a[href="#previous"]:hover
    { /*boton siguiente*/
       background: #1A5398;
       color:  #ED9037 ;
    }
     .wizard > .actions a[href="#previous"]
    { /*boton siguiente*/
       background: #1A5398;
         color:white;
    }
     .wizard > .actions .disabled a,
     .wizard > .actions .disabled a:hover
    { /*boton siguiente*/
       background: #eee;
       color:#786b62;
    }

/*.wizard > .actions > li a {
    margin:5px 5px 5px !important;
     width:50% !important;
}*/

.wizard .bootstrap-select{
    width:25% !important;
    margin-top: 9px;
}

/*.wizard .dropdown-menu .inner{
   max-height:100px;
}*/

.wizard ul.dropdown-menu.inner {
  overflow-x: hidden;
  max-height: 100px !important;
}

.wizard .postal{
    width:22% !important;
    display: inline !important;
    margin-left: 22px;
}

  #modalacepta .modal-dialog.modal-lg {
        /*width: 63%;*/
        width: 41%;
        max-width: 100%;
    }
  /*Para que muestre el scroll en IE para los dropdown*/
  .wizard .btn-group.bootstrap-select .inner.dropdown-menu{
      -ms-overflow-style:auto;
  }

.wizard .MarcaModeloVersion {
      font-size: 18px !important;
      color: #005ca9;
      margin-top: 0px;
  
}

@media all and (max-width: 1300px) {
    #modalacepta .modal-dialog.modal-lg {      
      width:60%; 
    }
}

@media all and (max-width: 1025px) {
    #modalacepta .postal {      
      margin-left:0px;
      margin-bottom:5px;
      width:50% !important;
    }

    .wizard > .actions > ul li{
        width: 31% !important;
    }

    .confirmXL {
      width: 80%;
      margin-top: -350px;
      margin-left: -41%;      
      /*margin-left:10px;*/
    }
}


@media all and (max-width: 850px) {
    #modalacepta .modal-dialog.modal-lg {      
      width:75%; 
    }

    #modalacepta .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
        width:100% !important;

    }
    .confirmaOpciones .confirmaOpcion label, .confirmaOpciones .confirmaOpcion span{
         margin-bottom:5px;
      }
    .confirmaOpciones .sweet-alert.confirmXL.showSweetAlert.visible {
        height:90%;
    }
}

@media all and (max-height: 890px)
{
    .wizard > .actions {
         position: fixed;
         width: 90%;
         margin-left: 27px;
         bottom: 1px;
         left: 1px; 
    }
}

@media all and (max-width: 600px) {
    .wizard .steps h3 {
        font-size: 15px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 32px;
    }

    .wizard > .actions > ul li {
        margin:0px;
 
    }

    .wizard > .actions {
         position: fixed;
         width: 86%;
         margin-left: 27px;
         bottom: 1px;
         left: 1px; 
    }
    #modalacepta #cancelarPropuesta {
      display: none;
    }
    .wizard > .steps {
      position: fixed;  
      top: 1px;
      left: 3px;
      margin-left: 15px;
      width: 90%;
      z-index: 1;
      height: 85px;
    }
    .wizard > .content {      
      margin-top: 60px;
    }
    #modalacepta .modal-dialog.modal-lg {      
      width:100%; 
      height:100%;
    }
    #modalacepta .modal-dialog .modal-content {      
      height:100%;  
    }
    #m
    /*#modalacepta .modal-dialog .modal-body {      
      padding-bottom: 0px !important;    
    }*/
    #modalacepta .modal-dialog .close {
          top: 5px;
    }
    #modalacepta .titulo {
          display:none;
    }
    .wizard .steps {
        background: linear-gradient(rgb(247, 247, 247) 45%, #eee 45%, #eee 55%, rgb(247, 247, 247) 55%);
    }      
    .wizard > .content {     
      min-height: 490px;
    }

    .wizard .btn-group.bootstrap-select{
        width: 70% !important;
    } 

    .confirmXL {    
      margin-top: -150px;
      margin-left: 5%;
      /*margin-left:10px;*/       
    }     
}

@media all and (max-width: 480px) {
     .confirmXL {    
        margin-top: -189px !important;
        width: 95%;
        margin-left: 0px;
    }   
     .confirmXL p {
      max-height: 321px;
      overflow-y: scroll;
    }
}

@media all and (max-width: 365px) {
   
    .confirmXL h4{    
        margin-top: -18px;
        margin-bottom: 11px;
    } 

    
    .confirmaOpciones {     
      padding: 0px;
    }
    .confirmaOpciones p {     
      padding: 0px;
      font-size: 19px;
      overflow: hidden;
    }
}