.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control{
  border-radius: 46px;
}
.kt-header-menu-wrapper{
    display: contents !important;
}

.selected-row{
  background: #f7f8fa;
}

.custom-search .remove-search{
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 21px;
}
.button-fixed{
  min-width: 75px !important;
}
.button-fixed-lg{
  min-width: 100px !important;
}
.text-grey{
  color: #aaabc3;
}
.text-dark-grey{
  color: #6c7293;
}
.calender-container{
  width: 265px;
  margin: auto;
}
.custom-icon{
  font-size: 24px;
  line-height: 0.6;
  float: left;
}
.fa.custom-icon{
  font-size: 19px;
  line-height: 0.9;
}
.software .fa.custom-icon{
  font-size: 23px;
}
.other .fa.custom-icon{
  font-size: 25px;
}
.machine .fa.custom-icon{
  font-size: 18px;
}

.custom-indent{
  padding-left: 29px;
  padding-right: 29px; 
}
.break-word{
  word-break: break-word;
}
.empty-height{
  min-height: 18px;
}
.status-min{
  width: 55px !important;
}

.login-field input, .login-field input:active, .login-field input:focus{
  padding-left: 2.8rem !important;
  -webkit-box-shadow: 0 8px 6px -6px #b3b3b3 !important; 
  box-shadow: 0 8px 6px -6px #b3b3b3 !important; 
}
/* .kt-input-icon.login-field > .kt-input-icon__icon{
  top: 2px;
} */
.login-form .error{
  display: block;
  margin-top: 10px;
  text-align: center;
}

.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text{
  color: #5e6383 !important;
  font-weight: bold !important;
}
.nav-user .fa{
  color: #0abb87;
}
.nav-config .fa{
  color: #ffb822;
}
.nav-logout .fa{
  color: #fd397a;
}
.kt-switch-cutom{
  display: block;
}


/**************** loading wheel ******************/
.loading-container{
    position: fixed;
    top: 0px;
    z-index: 999999;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(50, 50, 50, 0.5)
}
.loading-container .spinner {
  top: 45vh; 
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.loading-container .spinner div {
  width: 8%;
  height: 30%;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  -webkit-animation: fade 1s linear infinite;
}

@-webkit-keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}

.loading-container .spinner div.bar1 {
  -webkit-transform:rotate(0deg) translate(0, -130%);
  -webkit-animation-delay: 0s;
}    

.loading-container .spinner div.bar2 {
  -webkit-transform:rotate(30deg) translate(0, -130%); 
  -webkit-animation-delay: -0.9167s;
}

.loading-container .spinner div.bar3 {
  -webkit-transform:rotate(60deg) translate(0, -130%); 
  -webkit-animation-delay: -0.833s;
}
.loading-container .spinner div.bar4 {
  -webkit-transform:rotate(90deg) translate(0, -130%); 
  -webkit-animation-delay: -0.7497s;
}
.loading-container .spinner div.bar5 {
  -webkit-transform:rotate(120deg) translate(0, -130%); 
  -webkit-animation-delay: -0.667s;
}
.loading-container .spinner div.bar6 {
  -webkit-transform:rotate(150deg) translate(0, -130%); 
  -webkit-animation-delay: -0.5837s;
}
.loading-container .spinner div.bar7 {
  -webkit-transform:rotate(180deg) translate(0, -130%); 
  -webkit-animation-delay: -0.5s;
}
.loading-container .spinner div.bar8 {
  -webkit-transform:rotate(210deg) translate(0, -130%); 
  -webkit-animation-delay: -0.4167s;
}
.loading-container .spinner div.bar9 {
  -webkit-transform:rotate(240deg) translate(0, -130%); 
  -webkit-animation-delay: -0.333s;
}
.loading-container .spinner div.bar10 {
  -webkit-transform:rotate(270deg) translate(0, -130%); 
  -webkit-animation-delay: -0.2497s;
}
.loading-container .spinner div.bar11 {
  -webkit-transform:rotate(300deg) translate(0, -130%); 
  -webkit-animation-delay: -0.167s;
}
.loading-container .spinner div.bar12 {
  -webkit-transform:rotate(330deg) translate(0, -130%); 
  -webkit-animation-delay: -0.0833s;
}

@media (max-width: 1024px){
  .nav-user .fa{
    margin-right: 15px !important;
  }
  .nav-config .fa{
    margin-right: 19px !important;
  }
  .nav-logout .fa{
    margin-right: 16px !important;
  }
}

@media (max-width: 576px){
  .kt-switch-cutom{
    float: right;
  }
}