.btn.btn-launch-form{
  border: 1px solid #ced4da;
}
.card, .navbar{
  background-color: #fff !important
}
.content-container {
  min-height: 100vh;
  background: #dae0e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  width: 100%;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.content-right {
  padding: 20px;
  color: #000;
  width:100%;
  overflow: auto;
}
.error-text {
  display: block;
  color: red;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
.sidenav-wrapper {
  background: #222d32;
  position: sticky;
}

.sidebar .nav-link {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  padding: 0.8rem 1.188rem;
  color: #a3a3a3 !important;
  -webkit-transition-duration: 0.45s;
  -moz-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  transition-duration: 0.45s;
  transition-property: color;
  -webkit-transition-property: color;
  height: 46px;
  /* padding-left:30px */
}
/* .sidebar .nav-link:hover, .nav-link.active, .menu-icon:hover{
  color: #fff !important;
  background: #000 !important;
} */
.sign-container {
  margin-top: 1em;
  border: 1px solid #e0e0e0;
}
.laser {
  position: absolute;
  top: 20% !important;
}
.list-group {
  background: #f7f6f6 !important;
}
.list-group a {
  text-decoration: none !important;
}
.list-group a:hover {
  background: #e8e8e8 !important;
}
.login-screen {
  background: #dae0e8 !important;

}
.login-form-container {
  background-color: #222d32 !important;
}
.login-overlay {
  background-color:#dae0e8;
}
.menu-icon{
  margin-right: 1.25rem;
  font-size: 0.8125rem;
  line-height: 1;
  background: #020202;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.menu-icon.active, .menu-icon:hover{
  border: 1px solid #9e9e9e !important;
}

.overflow-scroll{
  overflow: scroll;
}
.badge{
   white-space: normal !important;
}
.tile-enter-active, .tile-leave-active {
  transition-duration: 1600ms;
}
.tile-enter-active::before, .tile-leave-active::before, .tile-enter-active::after, .tile-leave-active::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: block;
  width: 100%;
  height: 50%;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
}
.border-left-primary {
  border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
  border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
  border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
  border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
  border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
  border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
  border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
  border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
  border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
  border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
  border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
  border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
  border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
  border-bottom: 0.25rem solid #5a5c69 !important;
}
.tile-enter-active::before, .tile-leave-active::before {
  background-color: #222d32;
}
.tile-enter-active::after, .tile-leave-active::after {
  top: 50%;
  background-color: #222d32;
}
.tile-leave::before, .tile-leave::after {
  transform: scaleX(0);
}
.tile-leave-active::before {
  transition-duration: 800ms;
}
.tile-leave-active::after {
  transition-duration: 500ms;
  transition-delay: 300ms;
}
.tile-leave-to::before, .tile-leave-to::after {
  transform: scale(1);
  transform-origin: left;
}
.tile-enter::before, .tile-enter::after {
  transform: scaleX(1);
}
.tile-enter-active::before {
  transition-duration: 800ms;
}
.tile-enter-active::after {
  transition-duration: 500ms;
  transition-delay: 300ms;
}
.tile-enter-to::before, .tile-enter-to::after {
  transform: scaleX(0);
  transform-origin: right;
}
.toasted-container, .b-toaster {
  z-index: 1000000000000 !important;
}

.validation-error {
  border: 1px solid #f44336;
  color: red;
}
.validation-error::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

.validation-error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}

/* This is for Custom Form Wizard*/
.v-error .brynka-form-input,
.v-error .brynka-autocomplete,
.v-error .brynka-dndFile
{
   border: 1px solid red !important;

}
.radio-btn label{
   margin:0px 7px !important;
   background-color: #FFF !important;
   border-top-left-radius: 5px !important;
   border-top-right-radius: 5px !important;
   border-bottom-left-radius: 5px !important;
   border-bottom-right-radius: 5px !important;
    border: 2px solid #E7E7E7;
    box-shadow: none;
    transition: all .3s ease-out;
    display: flex;
}
.radio-btn.error label{
   border:2px solid red !important
}
/* .radio-btn .btn-secondary:hover{
   background:none !important;
   border: 2px solid #E7E7E7 !important;
   transform: scale(1.03);
   -webkit-box-shadow: 0px 0px 5px -3px rgba(148,146,148,1);
   -moz-box-shadow: 0px 0px 5px -3px rgba(148,146,148,1);
   box-shadow: 0px 0px 5px -3px rgba(148,146,148,1);
} */
.radio-btn .btn-secondary:not(:disabled):not(.disabled).active{
   border-color: #0070C9 !important;
   background-color: #F5F9FD !important;
}
.radio-btn .btn-secondary span{
   align-self: flex-end;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: red;
}
@media (max-width: 1492px) {
  .content-right {
    padding:10px;
  }
}

@media (max-width: 768px) {
   .content-right {
      margin-bottom:60px;
    }
  #form-wrapper{
    padding: 8px !important;
  }
  .form-content{
    padding:10px;
    border-radius:0;
  }
   .radio-btn.larger-sizes{
      flex-wrap: wrap;
   }

}
@media (min-width:768px) {
  #not-show-on-large-screens .card-header{
    display: none !important;
  }
}