.exchange{
    background-color: #ebebeb;
    border: 0;
    padding: 0;
    margin: 0;
}

span{
    font-size: 14px;
}

.checked{
    background-color: #000;
    color: #fff;
}

.knok-control{
    border: 2px solid #000;
  }

  label{
      font-weight: bold;
      color: #000;
  }

  .fa-info-circle { 
    position: relative; 
    top: -0.5em; 
    font-size: 80%; 
    color: gray;
    margin-left: 5px;
}

button{
    width: 150px;
    //height: 30px;
    font-size: 13px;
}

form{
    background: #fff;
}

mat-selection-list{
    border:2px solid #000;
    // width: 50%;

}

.botton-continue{
    border: 2px solid;
    border-radius: 10px;
    // height: 50px;
    color: #000;
    background: #ebebeb;
}

.divider{
    position:relative;
    // left:50%;
    top:5%;
    bottom:5%;
    border-left:1px solid #777;
}

// .label{
//     text-align: left;
//     input, select, mat-selection-list{
//         margin-left: 6em;
//     }
// }

.price-start{
    width: 40px;
    white-space: nowrap;
    //letter-spacing: 2px;
    text-align: center;
}

.price-end{
    width: 240px;
    white-space: 
    nowrap;letter-spacing: 5px;
    text-align: center;
}

.arrow{
    margin-top: 1em;margin-left: -10px;
}

.price-control-container{
    padding-right: 20px;
}

.price-range{
    border: 1px solid #000;
    padding:10px;
    div.validation-status{
        position: relative;
        top: -120px;
        margin-right: -5px;
    }

    .validation-error {
        display: '';
    }

    &.weak{
        border-color:red;
        div.validation-status{
            color:red;
            .text:after{
                content: "WEAK";
            }
            i:before{
                content: 'info_outline';
            }
        }
        .validation-error {
            display: none !important;
        }
    }

    &.medium{
        border-color:orange;
        div.validation-status{
            color:orange;
            .text:after{
                content: "MEH...";
            }
            i:before{
                content: 'info_outline';
            }
        }
        .validation-error {
            display: none !important;
        }
    }

    &.strong{
        border-color:green;
        div.validation-status{
            color:green;
            i:before{
                content: 'check';
            }
        }
        .validation-error {
            display: none !important;
        }
    }

    // .validation-error{
    //     display: none !important;
    // }
}

// .invalid-price-range
// {
    
// }

.validation-error{
    mat-error{
        margin-top: -1em;
    }
}