html {
   font-size: 14px;
}

body {
   overflow-x: hidden;
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

html {
   position: relative;
   min-height: 100%;
}

table {
   border-collapse: collapse;
}

.table td {
   border: 1px solid black;
   border-collapse: collapse;
}

.table th {
   background-color: #E0F5F6;
   border: 1px solid #3C82A4 !important;
}

table.edit-data {
   white-space: nowrap;
   text-align: left;
   margin: 0; /* Stops Bootstrap centering table in the viewport (left-aligns it instead) */
}

table.edit-data th,
table.edit-data td {
   padding: 10px;
   max-width: 400px;
   overflow: hidden;
}

.row-info {
   color: blue;
}

/*.dropdown:hover .dropdown-menu {
   display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
   margin-top: 0;
} */

.val-status-none {
   background: none;
}

.val-status-changed {
   background: #ffffcc !important;
}

.val-status-warning {
   background: #ff6633 !important;
}

.val-status-ok {
   background: #ccffcc !important;
}

.val-status-pending {
   /*background: #cccccc !important;*/
}

.val-status-inserted, .val-status-deleted {
   background: darkgreen !important;
   color: white;
}

.val-status-insertfailed, .val-status-deletefailed {
   background: darkred !important;
   color: white;
}

.val-status-insert {
   background: #2093ad !important;
   color: white;
   /*background: #ccffcc !important;*/
}

.val-status-update {
   background: #f58a07 !important;
   color: white;
   /*background: #ff6633 !important;*/
}

.td-hover {
   cursor: pointer;
   background: #bde0fe !important;
}

.map-caption {
   font-weight: bold;
}

.map-header {
   border-bottom: 1px solid black;
}

form {
   display: inline;
}

.table {
   width: auto;
   margin: 0 auto;
   border: 1px solid #cccccc;
}

.table .row:first-of-type {
   font-weight: bold;
}

.table .row {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.table .row div {
   border: 1px solid #cccccc;
}

.config-caption {
   font-weight: normal;
}

.warning-colour {
   background: #fff3cd;
}

.danger-colour {
   background: #f8d7da;
}

.ok-colour {
   background: #d4edda;
}

.primary-colour {
   background: #cce5ff;
}

.field-select {
   position: relative;
   top: -4px;
}

.val-field-link {
   cursor: pointer;
}

html {
   overflow-y: scroll;
}

.div-trim {
   display: inline-block;
}

input[type='checkbox'] {
   cursor: pointer;
}

label.checkbox-inline {
   cursor: pointer;
   display: block;
   padding-left: 4px;
   position: relative;
   top: -1px;
}

.monitor {
   border: 1px solid #EEEEEE;
   padding: 2px;
   margin: 2px;
}

.monitor .mon-label {
   width: 10%;
   display: inline-block;
}

.monitor .mon-inner {
   width: 89%;
   display: inline-block;
}

.monitor .bar {
   display: inline-block;
   margin: 0;
   margin: 0 -4px 0 0;
   height: 24px;
}

.monitor .succeeded {
   padding: 0;
   background-color: lightgreen;
}

.monitor .cancelled {
   padding: 0;
   background-color: darkgray;
}

.monitor .faulted {
   padding: 0;
   background-color: lightcoral;
}

.remove-link {
   color: white;
}

.table-overflow {
   width: 100vw;
   overflow: auto;
   height: calc(100vh - 368px);
   border: 2px solid #dbdbdb;
   border-radius: 32px;
}

   .table-overflow > table {
      margin: 0 auto;
   }

.message-hanging {
   position: fixed;
   top: 49px;
   right: 27px;
}

.text-right {
   text-align: right;
}

.title {
   font-size: 25px;
}

.progress-steps {
   display: inline-block;
}

   .progress-steps > span {
      background: #d8e4eb;
      border: 1px solid #586365;
      color: #586365;
      padding: 6px 30px;
      display: inline-block;
      margin-left: -5px;
      border-right: 0;
      font-size: 15px;
   }

      .progress-steps > span:first-of-type {
         border-top-left-radius: 4px;
         border-bottom-left-radius: 4px;
      }

      .progress-steps > span:last-of-type {
         border-top-right-radius: 4px;
         border-bottom-right-radius: 4px;
         border-right: 1px solid #586365;
      }

      .progress-steps > span.active {
         position: relative;
         background-color: #eef4f7;
         color: #d57236;
         font-weight: 700;
         border-right: 1px solid #586365;
      }

         .progress-steps > span.active:after {
            content: '';
            position: absolute;
            bottom: -7px;
            left: calc(50% - 3px);
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #d57236;
         }

.text-center {
   text-align: center;
}

.text-left {
   text-align: left;
}

.table-centered > table {
   margin: 0 auto;
}

.btn-default {
   color: #333;
   background-color: #fff;
   border-color: #ccc;
}

.header-bdr {
   border-bottom: 4px solid black;
}

.logo {
   font-size: 40px;
   font-weight: 500;
   color: #0e3c5a;
   position: relative;
   top: 10px;
}

.logo-nav {
   font-size: 28px;
   font-weight: 500;
   color: white;
   text-decoration: none;
   margin-right: 20px;
   opacity: 0.8;
   margin-left: 5px;
}

.logo-nav:hover {
   color: white;
   opacity: 1;
}

a.no-underline {
   text-decoration: none;
}

.logo-nav-img {
   position: relative;
   top: -7px;
   width: 37px;
}

.form-wrapper {
   border: 8px solid #f7f7f9;
   padding: 15px;
   border-radius: 20px;
}

.highlight-bg {
   background-color: #b6effb !important;
}

.v-login-container {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   background-color: #0E3C5A;
   padding-top: 67px;
   height: 100vh;
   overflow: auto;
}

.v-login-wrapper {
   border-radius: 20px;
   background: white;
   padding: 40px 64px 40px 64px;
}

a.edit {
   cursor: pointer;
}

.bg-blue {
   background-color: #0E3C5A !important;
}

td.wrap {
   white-space: pre-line;
}

.completed-bg {
   background: #e4f5f1;
   border-radius: 10px;
   padding: 2px 10px;
   text-align: center;
}
.importfailed-bg, .importstopped-bg {
   background: lightcoral;
   border-radius: 10px;
   padding: 2px 10px;
   text-align: center;
}
.inprogress-bg, .started-bg {
   background: #f9deac;
   border-radius: 10px;
   padding: 2px 10px;
   text-align: center;
}
@media (max-width: 1240px) {
   .only-desktop {
      display: none;
   }
}

.float-right {
float: right;
}