.container {
  max-width: 1600px !important;
  width: 98% !important; }

.inner-page-wrapper {
  padding-top: 25px; }

.bold {
  font-weight: bold; }

.logo {
  max-height: 60px; }

.nav-link {
  cursor: pointer; }

.btn-info {
  background-color: #8185ab !important;
  border-color: #8185ab !important; }

.btn-info:hover {
  background-color: #75799b !important;
  border-color: #75799b !important; }

.modal-dialog {
  max-width: 800px !important; }

.w-8 {
  width: 8%; }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-20 {
  width: 20%; }

.filter {
  width: 100%;
  margin: 20px 0; }

div.dt-buttons {
  float: right !important; }

table tr td.subtitle {
  font-weight: bold;
  position: relative;
  height: 50px; }

table tr td.subtitle:first-child div {
  position: absolute;
  width: 500px;
  top: 10px; }

table tr th {
  text-align: center; }

input[type="text"].form-control, input[type="password"].form-control, .dataTables_filter input, .dataTables_length select {
  border-bottom: 2px solid #8ea1dc;
  border-radius: .25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.custom-select {
  border-bottom: 2px solid #8ea1dc !important;
  border-radius: .25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.validationError {
  border-bottom: 2px solid #D3494E; }

.submitted .ng-invalid {
  border-bottom: 2px solid #D3494E !important; }

.message-box .mb-container {
  background: #484b6b !important; }

.message-box .mb-container .mb-middle .mb-footer {
  padding-top: 2em !important; }

.btn-group-lg > .btn, .btn-lg {
  padding: 0.2em 1.5em !important; }

/* LOGIN */
.login-container {
  float: left;
  width: 100%;
  min-height: 100%; }
  .login-container .login-box {
    width: 500px;
    margin: 0px auto;
    padding-top: 100px; }
    .login-container .login-box .login-logo {
      width: 100%;
      height: 50px;
      float: left;
      margin-bottom: 10px; }
    .login-container .login-box .login-body {
      width: 100%;
      float: left;
      padding: 20px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002a54+94,e13d33+98,eead39+100 */
      /*
                background: #002a54;
                background: -moz-linear-gradient(top, #002a54 94%, #e13d33 98%, #eead39 100%);
                background: -webkit-linear-gradient(top, #002a54 94%,#e13d33 98%,#eead39 100%);
                background: linear-gradient(to bottom, #002a54 94%,#e13d33 98%,#eead39 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a54', endColorstr='#eead39',GradientType=0 );
            */
      /*.form-control { border: 0px; background: #ffffff; padding: 10px 15px; color: #CCC; line-height: 20px; height: auto; }*/ }
      .login-container .login-box .login-body .login-title {
        color: #002a54;
        font-size: 19px;
        font-weight: 300;
        margin-bottom: 20px;
        text-align: center; }
      .login-container .login-box .login-body .btn-link {
        color: #FFF;
        border: 0px; }
      .login-container .login-box .login-body .login-or {
        width: 40px;
        height: 25px;
        background: rgba(0, 0, 0, 0.2);
        position: relative;
        margin: 25px auto;
        text-align: center;
        line-height: 25px;
        color: #FFF; }
      .login-container .login-box .login-body .login-or:before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        top: -10px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 10px solid rgba(0, 0, 0, 0.2); }
      .login-container .login-box .login-body .login-or:after {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        bottom: -10px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 10px solid rgba(0, 0, 0, 0.2); }
      .login-container .login-box .login-body .login-subtitle {
        line-height: 20px;
        padding: 5px 0px;
        font-size: 12px;
        color: #FFF; }
      .login-container .login-box .login-body .login-subtitle a {
        color: #1caf9a; }
    .login-container .login-box .login-footer {
      width: 100%;
      float: left;
      padding: 10px;
      color: #FFF; }
      .login-container .login-box .login-footer a {
        color: #FFF; }

.login-container.lightmode {
  background: url("../img/backgrounds/wall_1.jpg") left top no-repeat; }

.login-container.lightmode .login-box .login-body {
  background: rgba(255, 255, 255, 0.2); }

.login-container.lightmode .login-box .login-body .form-control {
  background: rgba(255, 255, 255, 0.4);
  color: #333; }

.login-container.lightmode .login-box .login-subtitle a {
  color: #1b1e24; }

/* END LOGIN */
/* TABLES */
.table {
  margin-top: 2em; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > tbody > tr > th {
  border-color: #E5E5E5;
  border-width: 1px;
  border-left: 0;
  border-right: 0; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #F8FAFC; }

.table > thead > tr {
  background: #f0f4ff; }

.table > thead > tr > th, .table > tbody > tr > th {
  color: #56688A;
  font-size: 12px;
  border-top: 0; }

.panel-body.panel-body-table {
  padding: 15px 0px; }

.panel-body.panel-body-table h1,
.panel-body.panel-body-table h2,
.panel-body.panel-body-table h3,
.panel-body.panel-body-table h4,
.panel-body.panel-body-table h5,
.panel-body.panel-body-table h6 {
  padding-left: 10px;
  margin-bottom: 10px; }

.panel-body.panel-body-table .table {
  margin-bottom: 0px;
  border: 0; }

.panel-body.panel-body-table .table tr > td:first-child,
.panel-body.panel-body-table .table tr > th:first-child {
  border-left: 0px; }

.panel-body.panel-body-table .table tr > td:last-child,
.panel-body.panel-body-table .table tr > th:last-child {
  border-right: 0px; }

.panel-body.panel-body-table .table > tbody > tr:last-child > td {
  border-bottom: 0px; }

.panel-body.panel-body-table td,
.panel-body.panel-body-table th {
  padding: 8px 10px; }

.table.table-actions td {
  line-height: 28px; }

.table .progress-small {
  margin: 7px 0px 8px; }

/* EOF TABLES */
/* message box */
.message-box {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999; }

.message-box.open {
  display: block; }

.message-box .mb-container {
  position: absolute;
  left: 0px;
  top: 35%;
  background: rgba(0, 0, 0, 0.9);
  padding: 20px;
  width: 100%; }

.message-box .mb-container .mb-middle {
  width: 50%;
  left: 25%;
  position: relative;
  color: #FFF; }

.message-box .mb-container .mb-middle .mb-title {
  width: 100%;
  float: left;
  padding: 10px 0px 0px;
  font-size: 31px;
  font-weight: 400;
  line-height: 36px; }

.message-box .mb-container .mb-middle .mb-title .fa,
.message-box .mb-container .mb-middle .mb-title .glyphicon {
  font-size: 38px;
  float: left;
  margin-right: 10px; }

.message-box .mb-container .mb-middle .mb-content {
  width: 100%;
  float: left;
  padding: 10px 0px 0px; }

.message-box .mb-container .mb-middle .mb-content p {
  margin-bottom: 0px; }

.message-box .mb-container .mb-middle .mb-footer {
  width: 100%;
  float: left;
  padding: 10px 0px; }

.message-box.message-box-warning .mb-container {
  background: rgba(254, 162, 35, 0.9); }

.message-box.message-box-danger .mb-container {
  background: rgba(182, 70, 69, 0.9); }

.message-box.message-box-info .mb-container {
  background: rgba(63, 186, 228, 0.9); }

.message-box.message-box-success .mb-container {
  background: rgba(149, 183, 93, 0.9); }

.message-box.message-box-print .mb-container {
  background: rgba(140, 150, 206, 0.9); }

/* end message box */