@import '~@angular/material/theming';
@import "../../scss/variables";
@import "../../scss/mixins";
@import "../../scss/palettes";

.loader-overlay {
    position: absolute;
    width:100%;
    top:25%;
    left: 50%;
    opacity: 1;
    z-index: 500000;
}

#loading-bar {
    pointer-events: all;
    z-index: 99999;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: wait;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .phone-prefix-input{
    width: 150px;
}
.registration-error{
    text-align: left;
}
.example-container {
    display: flex;
    flex-direction: column;
  }
  
  .example-container > * {
    width: 25%;
  }

  .wide-radio {
    margin-top: 20px;

    .wide-radio-items {
      margin-right: 10px;

      &[role="radiogroup"] {
        margin-left: 10px;

        mat-radio-button {
          margin-right: 10px;
        }
      }
    }
  }
  .columnList {
    column-count: 1;
  }
  
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
.search { 
  position: relative; 
  margin-top:26px;
}

.search input { 
  text-indent: 24px;
  border: 2px solid #000;
  min-height: 24px;
}
.search .fa-search { 
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 14px;
}

.knok-button-top {
  font-size:12px;
  //vertical-align: bottom; 
  //margin-left:-7px;
}

.knok-button-bottom {
  font-size:12px;
  //margin-top:-22px;
  //margin-left:0px;
  //vertical-align: top; 
}

// .sub-item{
//   list-style-type: none;
//   //cursor: pointer;
//   font-size: 14px;
//   color: #000;
//   font-weight: normal;
// }

// .sub-item-left{
//   margin-left: 20px;
// }

// .sub-item-right{
//   margin-left: 0px;
// }

.left-menu {
  text-align: left;
  padding-left: 0px;
  color: #000;
  font-weight: bold;
}

.right-menu{
  text-align: center;
  padding-left: 0px;
}

li{
  list-style-type: none;
  color: #000;
  margin: 5px 0;
}

.knok-common {
  color: #000;
}

// .step, .last-step {
//     background-color: #d6d6d6;
//     border-left: 2px solid #000;
//     border-top: 2px solid #000;
//     border-bottom: 2px solid #000;
//     font-weight: bold;
//     //display: block;
//     position: relative;
//   //background: #FFFFFF;
//   //padding: 15px;
//   //border: 1px solid #DDDDDD;
//   //margin-top: 20px;
// }

// .last-step {
//     border-right: 2px solid #000;
// }
// .step:first-child:before {
//     border-left:0;
// }

// .active {
//     background-color: #3be8b0;
// }

// .step:before {
//     content: '';
//     display: block;
//     position: absolute;
//     bottom: 100%;
//     width: 0;
//     height: 0;
// }

// .step:before {
//     top:21px; //50px / 2 - 4px
//     border: 4px solid transparent;
//     border-left-color: #000;
// }

// button.next-button{
//     background-color: #3be8b0;
//     border: 2px solid;
//     border-radius: 10px;
//     height: 50px;
// }

mat-toolbar{
    background: #fff;
    margin: 0;
    padding: 0;
    font-weight: bold;
}


