/* 
    Created on : 10.02.2015, 15:40:22
    Author     : petri
*/
html {
    font-family: 'Questrial', sans-serif;  
    background: #242424;
    background-color: #242424;
}


body {
	width: 100%;
	/*min-height: 100vh;*/
	margin: 0;
	padding: 0;
	background-color: #242424;
    color: #E4661C;
    font-size: 15px;
    border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Questrial', sans-serif;  
}

h2 {
	color: #E4661C;
}

em {
	color: #E4661C;
}

table {
    border-collapse: collapse;
}

.uk-table th {
	font-family: 'Questrial';  
}

.uk-table-condensed td {
  padding: 4px 4px;
}

.dynhost-input {
	width: 335px;
}

.input-div {
	margin-bottom: 5px;
}

.dyncust-input {
	width: 250px;
}

.hostname-input {
	width: 150px;
}

.hostname-select {
	width: 180px;
}

.input-domain {
	padding-left: 0px;
}

.host-list-table {
	min-width: 500px;
	font-family: 'Source Code Pro';
	font-size: 0.9em;
}

.customer-list-table {
	min-width: 540px;
	font-family: 'Source Code Pro';
	font-size: 0.9em;
}

.host-list-customer-table {
	min-width: 680px;
	font-family: 'Source Code Pro';
}

.uk-block-default {
	background: #242424;
}

.uk-form input {
	background: #242424;
	background-color: #353535;
}

.dyn-form {
	background-color: #414141;
}

.uk-button-primary {
	background-color: #E4661C;
}

.uk-button-primary:focus,
.uk-button-primary:hover {
    background-color: #f4762c;
}
.uk-tooltip {
    background: #aaa;
    color: black;
}

.uk-tooltip-top-left::after, 
.uk-tooltip-top-right::after, 
.uk-tooltip-bottom::after, 
.uk-tooltip-top::after {
    border-color: #aaa transparent;
}


.uk-form input:not([type]), 
.uk-form input[type="text"], 
.uk-form input[type="password"], 
.uk-form input[type="email"], 
.uk-form input[type="url"], 
.uk-form input[type="search"], 
.uk-form input[type="tel"], 
.uk-form input[type="number"], 
.uk-form input[type="datetime"], 
.uk-form input[type="datetime-local"], 
.uk-form input[type="date"], 
.uk-form input[type="month"], 
.uk-form input[type="time"], 
.uk-form input[type="week"], 
.uk-form input[type="color"], 
.uk-form select, 
.uk-form textarea {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #444;
}

.inlineBlock {
    display:inline-block;
    vertical-align:top;
    word-spacing:normal;
    white-space:normal;
}

.dyn-label {
    vertical-align: bottom;
    padding-bottom: 7px;
    min-width: 90px;
    text-align: right;
    padding-right: 5px;
}

.dyn-label2 {
    vertical-align: bottom;
    padding-bottom: 7px;
    min-width: 150px;
    text-align: right;
    padding-right: 5px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #353535;
	background-image: none;
}

#wrapper { 
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    z-index: 1;
	line-height: 28px;
	padding-bottom: 10px;
}

#header {
    height: 80px;
    top: 0;
    z-index: 100;
	background-color: #242424;
	line-height: 18px;
}

#logo-caption {
	margin-top: 10px;
	font-size: 40px;
	color: white;
}

#dns-area {
	background-color: #414141;
	margin-top: 10px;
	padding: 5px;
	line-height: 32px;
}

#main, #tab-pane, #customer {
	background-color: #414141;
	margin-top: 10px;
	padding: 5px;
}



a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

.fa:hover {
    color: #E4661C;
    cursor: pointer;
}

#device-list, #customer {
	color: white;
}

.uk-table-striped tbody tr:nth-of-type(odd) {
	background: #505050;
}

.uk-table-striped tbody tr:nth-of-type(even) {
	background: #404040;
}

#logoutAdmin {
    color: white;
}



.missing-value {
    border: 1px solid red;
}

.missing-value-hint {
    color: red;
    font-weight:bold;
}

#messages {
    padding-top: 15px;
    font-weight:bold;
}

#customer-messages {
    padding-top: 15px;
    font-weight:bold;
    color: red;
}

.message-error {
    color: red;
}

.message-ok {
    color: green;
}

#hostID {
    padding-left: 95px;
    margin: 0px;
}

.label-white {
	color: white;
}

.uk-tab>li>a {
	color: white;
}

.uk-tab>li.uk-active>a {
	border-color: #666;
	border-bottom-color: transparent;
	background: #666;
	color: white;
}

.uk-tab {
	border-bottom: 1px solid #666
}

.not-appl {
    color: #888;
}

.not-appl:hover {
    color: #aaa;
}

.header-caption {
	color: white;
	text-align: right;
	min-width: 100px;
}

.header-label {
	font-weight:bold;
}