[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body {
  color: #26276a;
  background-color: #f1f1fa;
}

.container {
  background-color: white !important;
  border-left: 1px solid white;
  border-right: 1px solid white;
  padding: 0px;
  min-height: 100vh;
}
.container [ng-view] {
  padding: 10px;
}

@media (min-width: 1200px) {
  .container {
    width: 1350px;
  }
}
.colorblack {
  color: black !important;
}

.colorblue {
  color: #34358F !important;
}

.colorred {
  color: #ef6026 !important;
}

.colormaro, .mandatory-label2:after, .navbar ul.navbar-nav li a, h5 {
  color: #993300 !important;
}

.bglightblue {
  background-color: #f1f1fa;
}

.form-control-selected, .form-control-selected .btn {
  border-color: #ef6026 !important;
  border-width: 2px !important;
}

.navbar-brand {
  height: auto;
  padding: 0;
}

.navbar {
  margin-bottom: 0;
}
.navbar ul.navbar-nav li a {
  font-size: 118%;
  font-weight: bold;
}
.navbar ul.navbar-nav > li > span {
  padding-top: 15px;
  padding-bottom: 15px;
}

.link {
  border-bottom: 1px dashed #ff5500;
  color: #993300;
  display: inline-block;
  line-height: 100%;
  text-decoration: none;
  border-bottom-style: dotted;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.link:hover {
  border-bottom-style: none;
  border-bottom-color: #993300;
  color: #ff5500;
}

.anchor:target:before {
  content: "";
  display: block;
  height: 130px; /* fixed header height*/
  margin: -130px 0 0; /* negative fixed header height */
}

.list-sortable .list-group-item {
  border: none;
  padding: 0.15rem;
}

.flash {
  text-align: center;
  position: fixed;
  margin-left: 10%;
  width: 80%;
  top: 1%;
  left: 0;
  font-weight: bold;
  z-index: 9997;
}

.blockF {
  display: block !important;
}

.mandatory-label:after {
  color: #d00;
  content: "*";
  font-weight: bold;
  position: absolute;
  margin-left: 8px;
  top: 2px;
}

.mandatory-label2:after {
  content: "**";
}

.dropdown-multiselect .multiselect-parent {
  width: 100%;
}
.dropdown-multiselect .multiselect-parent > div {
  width: inherit;
}
.dropdown-multiselect .multiselect-parent > div > button {
  width: inherit;
  text-align: left;
}

.fa-alignmiddle {
  vertical-align: middle;
}

.hcenter {
  text-align: center;
}

.vcenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.smallplaceholder ::-webkit-input-placeholder {
  font-size: 90%;
}

.margin-form-group {
  margin-top: 2.5rem;
}

/* The Spinner */
.spinner {
  z-index: 998; /* Sit on top */
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #ef6026;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(245, 245, 245); /* Black fallback color */
  background-color: rgba(245, 245, 245, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}