.login-box .login-logo .error {
  background-color: #faf3f3;
  display: block;
  color: red;
  padding: 8px 7px;
  font-weight: bold; 
}
.error {
  display: block;
  color: red;
  padding: 8px 7px;
  font-weight: normal; 
}

.login-box .login-logo .success {
  background-color: #d4edda;
  display: block;
  color: green;
  padding: 8px 7px;
  font-weight: bold; 
}
.success {
  display: block;
  color: green;
  padding: 8px 7px;
  font-weight: normal; 
}

.login-box .login-logo {
  margin-bottom: 0px;
}
#loader { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; z-index: 99999; }
#loader .loader_sub_div { position: fixed; left: 0; top: 50%; text-align: center; width: 100%; transform: translateY(-50%); }
.dataTable input {
  margin: 0 auto;
  width: 50px;
  margin-right: 4px;
  display: inline-block;
}
.dataTables_wrapper {
  padding: 20px 0px;
}
.dataTables_wrapper .dataTables_paginate {
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate .pagination {
  margin: 0 auto;
}
.dataTables_wrapper .dataTables_filter {
  text-align: right;
}
.dataTable input[type="checkbox"] {
  display: inline-block;
  width: auto;
}
.dataTable td.sorting_1 {
  width: 50px;
}

.dataTable input[type="text"], .dataTable input[type="number"] {
    width: 75px !important;
    border: 1px solid #ddd !important;
    padding: 5px 6px !important;
    outline: none !important;
}

.dataTable.table-hover tbody tr:hover{
    background-color: #ece9e9;
}
tr.selectedRow{
    background-color: #ece9e9; 
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
input:checked + .slider {
  background-color: #2196F3;
}
.slider.round {
  border-radius: 34px;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round:before {
  border-radius: 50%;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.reset_pass_block .signin {
  line-height: 1;
  margin-bottom: 17px;
}
.reset_pass_block p{
  margin-bottom: 20px;
}

a.forgot_password_link{
  display: block;
  margin-top: 10px;
}

a.forgot_password_link:hover{
  color: #ff9800;
}

@media only screen and (min-width: 768px) {
  .product-container .container{
    width: 1350px;
    margin-left: -81px;
  }
}

::-webkit-input-placeholder { /* Edge */
  color: #777 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #777 !important;
}
::placeholder {
  color: #777 !important;
}
  .typeahead { border: 1px solid #CCCCCC;border-radius: 4px;padding: 8px 12px;width: 300px;font-size:1.5em;}
  .tt-menu { width:300px; }
  span.twitter-typeahead .tt-suggestion {padding: 10px 20px;  border-bottom:#CCC 1px solid;cursor:pointer;}
  span.twitter-typeahead .tt-suggestion:last-child { border-bottom:0px; }
  .bgColor {max-width: 440px;height: 200px;background-color: #c3e8cb;padding: 40px 70px;border-radius:4px;margin:20px auto;}
  .demo-label {font-size:1.5em;color: #686868;font-weight: 500;}

  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: .75rem;
}

.text-muted {
    color: #6c757d !important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}
.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0;
}
.h6, h6 {
    font-size: 1rem;
}

.w-100 {
  width: 100% !important;
}

.ml-0{
  margin-left:0px !important;
}

.typeahead{
  font-size:14px;
}


.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}


/* input group css below */
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.input-group-append {
  margin-left: -1px;
}
.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

.ui-widget-content {
  max-height: 270px;
  overflow-y: auto;
}

.ui-menu .ui-menu-item {
  padding: 5px 10px !important;
  border-bottom: 1px solid #2d344214;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  padding: 5px 0px !important;
}

.m-0 {
  margin: 0 !important;
}


.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}