﻿  .typeahead-style .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
  }

  .typeahead-style .custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
  }

  .typeahead-style .custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .highlight {
    border: 2px red solid;
}

.show-rtl{
    display: none;
}

.floating-label-wrapper {
  position: relative;
}

  .floating-label {
    color: #7E7E7E;
    font-size: 14px;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 7px;
    transition: 0.2s ease all;
    opacity: 0;
  }
  .form-control:focus ~ .floating-label,
  .form-control:not(.empty) ~ .floating-label {
    top: -15px;
    left: 0;
    font-size: 11px;
    opacity: 1;
  }

  .form-control.empty ~ .floating-label  {
    opacity: 1;
  }
  textarea { resize: none; }
  textarea ~ .form-control-highlight {
    margin-top: -11px;
  }

  .show-error
  {}

  form.ng-submitted input.ng-invalid {
    border: 2px red solid;
}

  form.ng-submitted input[type="text"].ng-invalid
  {
  border: 2px red solid;
}

  form.ng-submitted input[type="number"][disabled].ng-invalid
  {
  border: none;
}

  .div-size {
        width:70%;
    }

@media only screen and (max-width:568px) {
    .dropdown-menu-btn {
        font-size: 20px;
        color : antiquewhite !important;
    }

    .div-size {
        width: 40%;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation: portrait){
    .dropdown-menu-btn {
        font-size: 22px;
        color : antiquewhite !important;
    }

    .div-size {
        width:60%;
    }
}

@media only screen and (max-width:767px) and (orientation: landscape){
    .dropdown-menu-btn {
        font-size: 22px;
        color : antiquewhite !important;
    }

    .div-size {
        width: 40%
    }
}

/* calendar widget { */

.datepicker table.table-condensed {
	margin-left: 12px !important;
}

.datepicker table tr td.today {
	font-weight: 600 !important;
}

.datepicker table tr td.day {
	font-weight: 600 !important;
}



