/*General*/
body {
  font: 18px/1.8 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Branding guide colors */
a {
  color: #00AFD7;
}

/* Main Menu */
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-brand {
  color: #a8a8a8;
}

/* Buttons */
button:disabled, button[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Primary */
.btn-primary {
  color: #fff;
  background-color: #006DB6;
  border-color: #006DB6;
}

.btn-primary:hover {
  opacity: 0.8;
  background-color: #006DB6;
  border-color: #006DB6;
}

/* Info */
.btn-info {
  color: #fff;
  background-color: #00AFD7;
  border-color: #00AFD7;
}

.btn-info:hover {
  opacity: 0.8;
  background-color: #00AFD7;
  border-color: #00AFD7;
}

/* Success */
.btn-success {
  color: #fff;
  background-color: #00BF71;
  border-color: #00BF71;
}

.btn-success:hover {
  opacity: 0.8;
  background-color: #00BF71;
  border-color: #00BF71;
}

/* Warning */
.btn-warning {
  color: #fff;
  background-color: #FF5000;
  border-color: #FF5000;
}

.btn-warning:hover {
  opacity: 0.8;
  color: #fff;
  background-color: #FF5000;
  border-color: #FF5000;
}

/* Danger */
.btn-danger {
  color: #fff;
  background-color: #E4002B;
  border-color: #E4002B;
}

.btn-danger:hover {
  opacity: 0.8;
  background-color: #E4002B;
  border-color: #E4002B;
}

/* Search All Checkbox */
#searchTypeAll {
  zoom: 1.95;
}

/*Index page*/
.jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
  background-color: #EEE;
}

/*Page top*/
.page-top {
  border-bottom: 1px solid #EEE;
}

/*Line numbers in Create New form*/
.linedwrap {
  width: 100%;
}

textarea.form-control {
  width: 95%;
}

.alert-edit {
  max-width: 96%;
  margin-left: 2%;
}

/*Datatable*/
td {
  word-wrap: break-word;
  min-width: 120px;
  max-width: 350px;
}

.page-link.active {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

/*Scrolling textarea*/
.scrollinglist {
  min-height:33px;
  max-height:200px;
  overflow:hidden;
  overflow-y:auto;
}

/* Modal Bootstrap 4 */
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.modal-text-display {
  word-wrap: break-word;
}

textarea.input-lg {
  min-height: 150px;
  max-height: 500px;
}