.iconMoving {
    font-size: 15px;
    line-height: 0;
    padding: 8px;
    width: 55px;
    height: 55px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    color: #ffffff;
    background:#A67C52;
}

.spanMoving{
        overflow: hidden;
    height: 35px;
     display: -webkit-inline-box !important;
    -webkit-line-clamp: 2;
}

 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:  28px !important;
}

.header-brand-img{
    max-height: 37px;
}



#steps .nav-item{
    text-align: center;
}

.stepjob{
    clear: both;
     display: block;
    -webkit-line-clamp: 1;
}


.stepjob, .stepjob{
    background-color: #eaedf7 !important;
    height: 96px;
    margin: 0px 3px;
    padding: 15px 15px;
    border-radius: 8px !important;
}

.stepjob:not(.active){
    background-color: #f6f7fb !important;
}

.stepjob img{
    display: block;
    margin: 0 auto;
}

.stepjob {
    color: #9197ab !important;
    font-size: 11px;
}

.stepjob.active{
    color: #9197ab !important;
    border: 1px solid #d2d5de;
    border-width: 3px;
    border-style: solid;
    border-color: #2AF700;
}

 .step-header, .step-content, .step-footer{
    border: 1px solid #eaedf7;   
    padding: 22px;
}
 .step-header{
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
 }

  .step-footer{
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
 }

.step-content{
    border-top: 0px;
}

.step-footer{
    border-top: 0px;
}

.semibold{
    font-weight: 500;
}

#steps .nav-item{
    width: 10.0%;
    margin-bottom: 15px;
}

.text-initial{
    text-transform: initial;
}


@media screen and (max-width: 1200px){
    #steps .nav-item{
        width: 20%;
    }
}

@media screen and (max-width: 991px){
    #steps .nav-item{
        width: 22%;
    }
}

@media screen and (max-width: 767px){
    #steps .nav-item{
        width: 50%;
    }
}

.select2-selection__arrow{
    display: none !important;
}

.margin-t-2{
    margin-top: 20px !important;
}

.border-green{
  border-width: 3px;
  border-style: solid;
  border-color: #2AF700;
}

.kv-file-upload{
    display: none !important;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    right: 15px !important;
  }

/* .datepicker{z-index:1151 !important;} */

#search-wrapper {position: relative;}#search-wrapper #results{height: auto;max-height: 200px;overflow-y: scroll;position: absolute;top: 38px;left: 0;background: #fff;width: 100%;border: 1px solid #eee;border-top: none;border-radius: 5px;margin: 0 11px;}#search-wrapper #results ul li{width: 100%;border-bottom: 1px solid #333;}#search-wrapper #results ul li:last-child {border-bottom: none;}#search-wrapper #results ul li a{display: block;padding: 10px 20px;color: #333;text-decoration: none;}

#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    background: rgba(255, 255, 255, 0.2); 
    backdrop-filter: blur(8px);

  }
  .spinner-border 
  {

    /* Add this */
    position: absolute;
    top: 50%;

    left: 50%;

  }

  @-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
    }

    .rotating {
        -webkit-animation: rotating 2s linear infinite;
    }

    #table-notes {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
      }
      #table-notes td, #table-notes th {
        border: 1px solid #ddd;
        padding: 8px;
      }
      
      #table-notes tr:nth-child(even){background-color: #f2f2f2;}
      
      #table-notes tr:hover {background-color: #ddd;}
      
      #table-notes th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #a67c52;
        color: white;
      }
      .letra{
          font-family: Arial, Helvetica, sans-serif;
      }
      .house{
          font-weight:bold;
          text-decoration: underline;
      }
      .center{
          text-align: center;
      }

      .w-20{
        width: 20px;
      }
      .hr-vertical {
        border: none;
        border-left:   0.5px solid rgb(196, 196, 196);
        height:         250px;
        width:          1px; "
    }