:root {
    --green: #009474;
    --dark-green: #005946;
    font-size: 14px;
}

html, body {
    /* prevents content from moving when a scrollbar appears */
    scrollbar-gutter: stable both-edges;
    margin: 0;
    font-family: "Open Sans";
    color: #000000;
}

/* text settings */
.font-family-courier-new {font-family: "Courier New"}
.center {text-align: center;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.no-underline {text-decoration: none;}
.color-white {color: white;}
.color-red {color: #c6352e;}
.color-green {color: #37a938;}
.font-size-08em {font-size: 0.8em}
.error-text {font-weight: bold; color: #c6352e;}

h1 {
  margin-top: 50px;
}

/* background colors */
.bg-color-green {background-color: #9cff91;}
.bg-color-yellow {background-color: #fff991;}
.bg-color-red {background-color: #ff9991;}

/* cursor */
.cursor-pointer {cursor: pointer;}

/* hide content */
.display-none {display: none;}

/* positioning */
.float-left {float: left;}
.float-right {float: right;}
.clear {clear: both;}

/* dimensions */
.width-480 {width: 480px;}
.max-height-200 {max-height: 200px;}
.margin-auto {margin: auto;}
.margin-2 {margin: 2px;}
.margin-5 {margin: 5px;}
.margin-left-5 {margin-left: 5px;}
.margin-top-95 {margin-top: 95px;}
.margin-bottom-10 {margin-bottom: 10px;}
.padding-5 {padding: 10px;}
.padding-right-10 {padding-right: 10px;}
.padding-bottom-2 {padding-bottom: 2px;}

/* overflow */
.overflow-auto {overflow: auto;}

th,
#result-table td:not(:nth-child(4)) {
    white-space: nowrap;
}


/* Header -> menu colors are defined in navbar.css */
.header {
    width: 100%;
    height: 120px;
    background-color: #E9EDEB;
    border-bottom: 2px groove #666666;
}

.header_logo {
    margin: 10px 0 0 10px;
    float: left;
}

.header_fkie {
    margin: 10px 10px 0 10px;
    float: right;
}

textarea {
    resize: vertical;
}

#query-box-domains {
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
}

a {
  color: var(--green);
}
a:hover, a:active {
  color: var(--dark-green);
}

a:not([class]) {
  text-decoration: none;
}

a:not([class]):hover {
  text-decoration: underline;
}

/* style DataTable buttons START */
.paginate_button {
  border-radius: 6px !important;
}

.paginate_button:hover {
  color: white !important;
  background: var(--dark-green) !important;
}

.paginate_button.disabled {
  background: none !important;
}

a.paginate_button.current {
  color: white !important;
  background-color: var(--green) !important;
}
/* style data table buttons END */

.btn {
  color: white;
  background-color: var(--green);
  border-color: #000000;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  color: white;
  background-color: var(--dark-green);
  border-color: #000000;
}

.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  background-image: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: var(--green);
  border-color: #000000;
}

.btn .badge {
  color: var(--green);
  background-color: white;
}

/* Api Example */
/* For some reason the utility classes do not work correctly on the button */
.btn-api{
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* as taken from http://css.maxdesign.com.au/listutorial/horizontal_master.htm */
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
background-color: #E9EDEB;
margin-bottom: 20px;
border-bottom: 2px groove #333333;
}

#nav ul li { display: inline; }

#nav ul li a
{
text-decoration: none;
padding: .2em 1em;
  color: var(--green);
}

#nav ul li a:hover
{
  color: var(--dark-green);
}

.muted {
    opacity: .5;
}