body {
  font-family: "segoe ui";
  height: 100%;
}
.btn {
  cursor: pointer !important;
}
.modal.fade.in {
  opacity: 1;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-backdrop.in {
  opacity: 0.5;
  /* opacity: $modal-backdrop-opacity; (SCSS) */

}
.ln-yellow {
  border: 1px solid #f1c40f;
}
#mydrag > .fc-event {
  background-color: red !important;
  color: white;
}
/* ngHide animation */

.ngHideSample.ng-hide-add {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  opacity: 1;
}
.ngHideSample.ng-hide-add-active {
  opacity: 0;
}
.ngHideSample.ng-hide-remove {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  opacity: 0;
}
.ngHideSample.ng-hide-remove-active {
  opacity: 1;
}
.ln-dark {
  border: 1px solid #2c3e50;
}
.bck-red {
  background-color: white;
}
/*Buttons*/

.btn {
  border-radius: 0 !important;
  cursor: default;
}
.btn-warning {
  color: white !important;
}
.cart-container {
  border-bottom: 1px solid #bbbbbb;
}
.nav-item {
  cursor: default;
}
.form-control {
  border-radius: 0 !important;
}
.required:after {
  content: "*";
  font-weight: bold;
  color: red;
}
.card {
  border-radius: 0 !important;
  border-right: 0 solid white;
  border-left: 0 solid white;
}
.ln {
  border: 1px solid #2c3e50;
  background-color: #2c3e50;
}
/*
 * Component: Form
 * ---------------
 */

.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}
.form-control:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbbbbb;
  opacity: 1;
}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group.has-success label {
  color: #00a65a;
}
.form-group.has-success .form-control,
.form-group.has-success .input-group-addon {
  border-color: #00a65a;
  box-shadow: none;
}
.form-group.has-success .help-block {
  color: #00a65a;
}
.form-group.has-warning label {
  color: #f39c12;
}
.form-group.has-warning .form-control,
.form-group.has-warning .input-group-addon {
  border-color: #f39c12;
  box-shadow: none;
}
.form-group.has-warning .help-block {
  color: #f39c12;
}
.form-group.has-error label {
  color: #dd4b39;
}
.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
  border-color: #dd4b39;
  box-shadow: none;
}
.form-group.has-error .help-block {
  color: #dd4b39;
}
/* Input group */

.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: white;
}
/* button groups */

.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
.icheck > label {
  padding-left: 0;
}
/* support Font Awesome icons in form-control */

.form-control-feedback.fa {
  line-height: 34px;
}
.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: 46px;
}
.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: 30px;
}
.border {
  border: 1px solid #00a65a;
}
.tablex th,
.tablex td {
  border-top: none !important;
  border-left: none !important;
}
.fixed-table-container {
  border: 0px;
}
.tablex th {
  border-bottom: none !important;
}
.tablex:last-child {
  border: none !important;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* The side navigation menu */

.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
  position: fixed;
  height: 100%;
  overflow: auto;
}
/* Sidebar links */

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
/* Active/current link */

.sidebar a.active {
  background-color: #343a40;
  color: white;
}
/* Links on mouse-over */

.sidebar a:hover:not(.active) {
  background-color: #555555;
  color: white;
}
/* Page content. The value of the margin-left property should match the value of the sidebar's width property */

div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}
/* The right side navigation menu */

.sidebarRight {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: white;
  position: fixed;
  height: 100%;
  overflow: auto;
  right: 0;
}
/* Sidebar links */

.sidebarRight a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
/* Active/current link */

.sidebarRight a.active {
  background-color: #343a40;
  color: white;
}
/* Links on mouse-over */

.sidebarRight a:hover:not(.active) {
  background-color: #555555;
  color: white;
}
/* Page content. The value of the margin-left property should match the value of the sidebar's width property */

div.content {
  margin-right: 200px;
  padding: 1px 16px;
  height: 1000px;
}
/* On screens that are less than 700px wide, make the sidebar into a topbar */

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {
    float: left;
  }
  div.content {
    margin-left: 0;
  }
  .sidebarRight {
    width: 0%;
  }
}
/* On screens that are less than 400px, display the bar vertically, instead of horizontally */

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}
