.colcenter {
  text-align: center;
}

.colright {
  text-align: right;
}

.colleft {
  text-align: left;
}

.error {
  color: red;
  font-weight : bold;
  text-align: center;
}

.colright {
  text-align: right;
}

.colleft {
  text-align: left;
}

.error {
  color: red;
  font-weight : bold;
}

.table .joberror{
	background: orange;
}

.table .backupLT3{
  color: black;
}

.table .backupGT3{
  color: red;
}

.table .backupUnknown{
	background: orange;
  color: black;
}

td.highlight { background-color: blue ; }

table.dataTable span.highlight {
  background-color: #FFFF88;
}

.buttonDivider {
  margin-left: 20px;
}


.digits .well {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 2em;
}

.result {
  text-align: right;
  font-weight: bold;
  font-size: 2em;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
}

.cursor-wait {
    cursor: wait !important;
}


/*
    Author     : artur
*/

[v-cloak]   {
    display: none;
}

.el-button  {
    padding: 5px 5px !important;
}

button[disabled], html input[disabled] {
    background-color: lightgray !important;
}

.el-message.el-message--info    {
    top: 150px !important;
    z-index: 10000 !important;
}
 
.user-modal-container * {
  box-sizing: border-box;
}

.user-modal-container .user-modal {
    max-width: 300px !important;
}

.user-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  overflow-y: auto;
  z-index: 10000;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  font-size: 14px;
  background-color: rgba(17, 17, 17, .4);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.user-modal-container {
    background-color: rgba(17, 17, 17, .1) !important;
}

.user-modal-container.active {
  opacity: 1;
  visibility: visible;
}

.user-modal-container .user-modal {
  position: relative;
  margin: 50px auto;
  width: 90%;
  max-width: 500px;
  background-color: #f6f6f6;
  cursor: initial;
}

.user-modal-container ul.form-switcher {
  margin: 0;
  padding: 0;
}

.user-modal-container ul.form-switcher li {
  list-style: none;
  display: inline-block;
  width: 50%;
  float: left;
  margin: 0;
}

.user-modal-container ul.form-switcher li a {
  width: 100%;
  display: block;
  height: 50px;
  line-height: 50px;
  color: #666666;
  background-color: #dddddd;
  text-align: center;
}

.user-modal-container ul.form-switcher li a.active {
  color: #000000;
  background-color: #f6f6f6;
}

.user-modal-container input, 
.user-modal-container select    {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #eeeeee;
}

.user-modal-container input[type="submit"] {
  color: #f6f6f6;
  border: 0;
  margin-bottom: 0;
  background-color: #3fb67b;
  cursor: pointer;
}

.user-modal-container input[type="submit"]:hover {
  background-color: #3aa771;
}

.user-modal-container input[type="submit"]:active {
  background-color: #379d6b;
}

.user-modal-container .links {
  text-align: center;
  padding-top: 25px;
}

.user-modal-container .links a {
  color: #3fb67b;
}

.user-modal-container input[type="submit"].disabled {
  background-color: #98d6b7;
}

.input-group,
.input-group-prepend,
.input-group-text {
  align-self: flex-start;
}