/*
 * bootstrapApp.css
 *
 * Copyright (C) 2017 Erik Kalkoken
 *
 * Rafflebot: CSS style sheet for edit.php
 *
 * HISTORY
 * 17-OCT-2017 v2.3 New: Added BS callouts
 * 23-SEP-2017 v2.2 New: Added variations to footer and customtab class for dark theme
 * 07-SEP-2017 v2.1 New: Added navbar divider
 * 23-AUG-2017 v2.0 Change: Extracted for all apps based on BootstrapApp.php
 * 13-MAR-2017 v1.1 Fix: Footer size and background
 * 10-MAR-2017 v1.0 Initial
 *
**/

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 80px;
	border-top: 1px solid #e7e7e7;
	padding-top: 15px;
	margin-top: 15px;
	background: #E8E8E8;
}

.footer_dark {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 80px;
	border-top: 1px solid #222222;
	padding-top: 15px;
	margin-top: 15px;
	background: #282828;
}

.navbar-brand-name > 
{
	display: inline-block;
	float: left;
}

.navbar-brand-name > img 
{
	display: inline-block;
	float: left;
	margin: -5px 10px;
	vertical-align: middle;						  
}

/* navbar divider */
.navbar .divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #e7e7e7; 
	border-left: 1px solid #f2f2f2;
}

.navbar .divider-vertical-dark {
	height: 50px;
	margin: 0 9px;
	border-left: 1px solid #282828;
}


.navbar-inverse .divider-vertical {
	border-right-color: #e7e7e7;
	border-left-color: #f2f2f2;
}

@media (max-width: 767px) {
	.navbar-collapse .nav > .divider-vertical {
		display: none;
	 }
}

label
{
	padding-top: 10px;
}
.panel-title
{
	font-size: 1.5em;
}

/* tooltop color */
.tooltip.top .tooltip-inner {
    background-color:#2a9fd6;
}
.tooltip.top .tooltip-arrow {
      border-top-color: #2a9fd6;
}

/* table links */
table a:not(.btn), .table a:not(.btn) {color: #2a9fd6;}

.customtab {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 10px;
}

.customtab_dark {
    border-left: 1px solid #282828;
    border-right: 1px solid #282828;
	border-bottom: 1px solid #282828;
    border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 10px;
}

.page-header {
	margin-top: 0px;
}


/* Bootstrap callouts */

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}