/*
# **********************************************************************
#
#  (c) 2018 Tobias Fleckenstein <tfleckenstein@mp-group.net>, mp group GmbH
#
# **********************************************************************
# date/time    : 05/2018
# project      : Managmenttool KS
# developer    : Tobias Fleckenstein
#
#   .-------------'```'----....,,__                        _,
#   |                               `'`'`'`'-.,.__        .'(
#   |                                             `'--._.'   )
#   |                                                   `'-.<
#   \               .-'`'-.                            -.    `\
#    \               -.o_.     _                     _,-'`\    |
#     ``````''--.._.-=-._    .'  \            _,,--'`      `-._(
#       (^^^^^^^^`___    '-. |    \  __,,..--'                 `
#        `````````   `'--..___\    |`
#                              `-.,'
# **********************************************************************
*/

/*
Kinderschritte Farben 2017

Kinderschritte rot:
RGB = 219, 13, 58
HEX = #db0d3a

Kinderschritte blau:
RGB = 29, 147, 210
HEX = #1d93d2

Kinderschritte blau für leichte Schrift:
RGB = 25, 121, 175
HEX = #1979af

E-Mail Hintergrund Grau:
RGB = 222, 224, 226
HEX = #dee0e2
*/

/* links */
a{
	color: #1d93d2;
}
a:hover,
a:focus,
a:active{
	color: #db0d3a;
}

/* Headlines */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #db0d3a;
}
.page-header {
	border-bottom: 1px solid #db0d3a;
}

/* buttons*/
.btn-primary {
	color: #fff;
	background-color: #1d93d2;
	border-color: #1d93d2;
}
.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary.active:hover,
.btn-primary:active:hover{
	color: #fff;
	background-color: #1979af;
	border-color: #1979af;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #1979af;
	border-color: #1979af;
}
.btn-primary.redBtn {
	color: #fff;
	background-color: #a00929;
	border-color: #a00929	;
}
.btn-primary.redBtn:hover,
.btn-primary.redBtn.active.focus,
.btn-primary.redBtn.active:focus,
.btn-primary.redBtn:active.focus,
.btn-primary.redBtn:active:focus,
.btn-primary.redBtn.active:hover,
.btn-primary.redBtn:active:hover{
	color: #fff;
	background-color: #db0d3a;
	border-color: #db0d3a;
}
.btn-primary.redBtn.active,
.btn-primary.redBtn:active,
.open > .dropdown-toggle.btn-primary.redBtn {
	color: #fff;
	background-color: #db0d3a;
	border-color: #db0d3a;
}

.floatLeft {
	float: left;
}

.red{
	color:#ff0000;
}
.green{
	color:#5cb85c;
}
.yellow{
	color:#eae66d;
}
.orange{
	color:#ffc800;
}
.black{
	color:#000000;
}

.mpksmgmt-triggers-table .red {
	color: #bb0000;
}

.bgRed {
	background-color:#ff0000;
	background-color: rgba(200,0,0,0.15) !important;
}

/* Mailjet status colours */
.red {
	background-color:#ffffff;
}

.blocked {
	background-color:#ffffff;
	color:#000;
}

.read {
	background-color:#ffffff;
	color:#7ed320;
}

.opened {
	background-color:#ffffff;
	color:#7ed320;
}

.clicked {
	background-color:#ffffff;
	color:#54a002;
}

.sent {
	background-color:#ffffff;
	color:#b6b6b6;
}

.deferred {
	background-color:#ffffff;
	color:#7e86e8;
}

.unknown {
	background-color:#ffffff;
	color:#cd0b26;
}

.error {
	background-color:#ffffff;
	color:#cd0b26;
}

.notreadable {
	background-color:#ffffff;
	color:#cd0b26;
}

.processed {
	background-color:#ffffff;
	color:#eae66d;
}

.queued {
	background-color:#ffffff;
	color:#eae66d;
}

.bounce {
	background-color:#ffffff;
	color:#8d8d8d;
}

.spam {
	background-color:#ffffff;
	color:#cd0b26;
}

.unsub {
	background-color:#ffffff;
	color:#21b1f8;
}

.softbounced {
	background-color:#ffffff;
	color:#febd97;
}

.hardbounced {
	background-color:#ffffff;
	color:#ff8a6c;
}

#recipient-table tr td:nth-child(5) {
	background-color: #ffffff;
}

.italic {
	font-style:italic;
}


@TODO: Dropdown, Buttons, etc. auf btn-sm

.btn-group > .btn, .btn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

 .btn-group-xs > .btn, .btn-xs {
	padding: 1px 5px !important;
}

/*
.bgRed::before{
	background-color: #ff0000;
	width: 10px;
	height: 10px;
	display: inline-block;
	content: "";
	border-radius: 5px;
	margin-right: 6px;
}
*/
.bgGreen, tr.bgGreen td, tr.bgGreen td:last-child {
	background-color:#5cb85c;
	background-color:rgba(92, 184, 92,0.5) !important;
}
/*
.bgGreen::before{
	background-color: #5cb85c;
	width: 10px;
	height: 10px;
	display: inline-block;
	content: "";
	border-radius: 5px;
	margin-right: 6px;
}
*/
.bgYellow {
	background-color:#eae66d;
	background-color:rgba(234, 230, 109,0.3) !important;
}
/*
.bgYellow::before{
	background-color: #eae66d;
	width: 10px;
	height: 10px;
	display: inline-block;
	content: "";
	border-radius: 5px;
	margin-right: 6px;
}
.bgYellow::before{
	background-color: transparent;
	width: 10px;
	height: 10px;
	display: inline-block;
	content: "";
	border-radius: 5px;
	margin-right: 6px;
	border: 1px solid #e0e0e0;
}

*/
.bgLightGre {
	background-color:#eee !important;
}

.bgOrange {
	background-color: #c80033;
	background-color: rgba(230, 140, 0, 0.2) !important;
}

.hidden{
	display: none;
}

.nobr {
	white-space: nowrap;
}

/* navbar */
.navbar-default{
	background-color: #f6f6f6;
	background-color: rgba(246, 246, 246,1);
}
.navbar-default .navbar-brand{
	color: #1d93d2;
	color: rgb(29, 147, 210);
}
.navbar-header .navbar-brand .pageLogo{
	padding-top:0;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active{
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
}

.navbar-default .navbar-nav > li > a{
	color: #999999;
}
.navbar-default .navbar-nav.navbarModules > .dropdown > a:hover,
.navbar-default .navbar-nav.navbarModules > .dropdown > a:focus {
	color: #555555;
}
.navbar-default .navbar-nav.navbarModules > .open > a,
.navbar-default .navbar-nav.navbarModules > .open > a:hover,
.navbar-default .navbar-nav.navbarModules > .open > a:focus {
	color: #ffffff;
	background: rgb(29, 147, 210);
}

/* BOF Sidebar Menu*/
.sidebar-wrapper{
	background-color: #1d93d2;
	background-color: rgba(29, 147, 210,0.3);
}
.menuitem{
	border-bottom: 1px solid rgba(29, 147, 210,.4)
}
.menuitem a,
.menuitem > span{
	color: #1d93d2;
}

.mpManagementMainMenuExtended li.menuitem.expandable.expanded > span {
	color: #1d93d2;
	background-color: transparent;
}

.mpManagementMainMenuExtended li.menuitem.expandable.expanded.active > span {
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
	background-color: rgba(255,255,255,1);
}

.mpManagementMainMenuExtended li.menuitem a.firstLevel:hover,
.mpManagementMainMenuExtended li.menuitem.expandable > span:hover,
.mpManagementMainMenuExtended li.menuitem.expandable.expanded:hover > span {
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
	background-color: rgba(255,255,255,1);
}
.mpManagementMainMenuExtended li.menuitem.active a.firstLevel,
.mpManagementMainMenuExtended li.menuitem.expandable.active a.firstLevel,
.mpManagementMainMenuExtended li.menuitem.expandable.active > span{
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
	background-color: rgba(255,255,255,1);
}

/* Status Pfeil */
.mpManagementMainMenuExtended .expandable .submenuToggler {
	color: #1d93d2;
	color: rgba(29, 147, 210,1);
}
.mpManagementMainMenuExtended li.menuitem.expandable span:hover .submenuToggler {
	color: rgba(219, 13, 58,1);
}
.mpManagementMainMenuExtended .expanded.active .submenuToggler {
	color: rgba(219, 13, 58,1);
}
.mpManagementMainMenuExtended.sidebar-nav li.extMenuDivider {
	background: #db0d3a;
	background: rgb(219, 13, 58);
}

/*
### zweite Ebene
*/
ul.submenu,
ul.submenuNP {
	background-color: transparent;
	list-style: none;
}
.mpManagementMainMenuExtended .submenuitem {
	background-color: #ffffff;
}
.mpManagementMainMenuExtended .submenu .submenuitem a,
.mpManagementMainMenuExtended .submenuNP .submenuitem a{
	background: rgba(29, 147, 210,.45);
	/*color: #1d93d2;
	color: rgba(29, 147, 210,1);*/
	/* Dunkler um einen besseren Kontrast zu erhalten */
	color: #167bb0;
	color: rgb(22, 123, 176);
	border-right: 1px solid rgba(29, 147, 210,.4);
}
.mpManagementMainMenuExtended .submenu .submenuitem a:last-child,
.mpManagementMainMenuExtended .submenuNP .submenuitem a:last-child{
	border-bottom: 1px solid rgba(29, 147, 210,.4);
}
.mpManagementMainMenuExtended .submenu .submenuitem a:hover,
.mpManagementMainMenuExtended .submenuNP .submenuitem a:hover{
	background-color: rgba(255,255,255,1);
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
}
.mpManagementMainMenuExtended .submenu .submenuitem.active a,
.mpManagementMainMenuExtended .submenuNP .submenuitem.active a{
	background-color: rgba(255,255,255,1);
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
}

.sidebarFolded .mpManagementMainMenuExtended .expanded ul.submenu {
	margin-top: -41px;
}
.mpManagementMainMenuExtended .submenuitem.title {
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(29, 147, 210,.4);
	border-left: none;

}
.mpManagementMainMenuExtended .expandable .submenuTitleToggler {
	color: #db0d3a;
	color: rgba(219, 13, 58,1);
}
.sidebarFolded .menuitem.expandable::before {
	background: rgba(22, 123, 176,1);
}
.sidebarFolded .menuitem.expandable:hover::before,
.sidebarFolded .menuitem.expandable.active::before {
	background: rgba(219, 13, 58,1);
}

.sidebarWrapperLeftToggled .sidebar-nav li.expanded > a,
.sidebarWrapperLeftToggled .sidebar-nav li.expanded > a:focus {
	background-color: transparent;
    color: #1d93d2;
}

/* EOF Sidebar Menu*/

/* sidebar
.sidebar-wrapper {
	background-color: #1d93d2;
	background-color: rgba(29, 147, 210,0.3);
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper {
		background-color: #bfdff4;
	}
	.sidebarWrapperLeft{
		border-right: 1px solid #bfdff4;
	}
	.sidebarWrapperRight{
		border-left: 1px solid #bfdff4;
	}
}

.sidebar-nav li.menuDivider,
.sidebar-nav li.menuDivider i{
	color: #db0d3a;
}
.sidebar-nav li.menuDivider span{
	font-family: "SourceSansProBold";
}
*/

/*
.sidebar-nav li a {
	color: #1d93d2;
}
.mpManagementMainMenuExtended li.menuitem{
	border-bottom: 1px solid #ffffff;
}
.mpManagementMainMenuExtended li.menuitem a.firstLevel:hover,
.mpManagementMainMenuExtended li.menuitem.expandable > span:hover {
	color: #db0d3a;
	background: rgba(255,255,255,0.8);
}
.mpManagementMainMenuExtended li.menuitem.expandable > span:hover .submenuToggler{
	color: #db0d3a;
}
.mpManagementMainMenuExtended li.menuitem.active a,
.mpManagementMainMenuExtended li.menuitem.active a:hover,
.mpManagementMainMenuExtended li.menuitem.active a:focus{
	color:#ffffff;
	background-color:rgba(51, 122, 183,1);
}



.expandable,
.sidebarWrapperLeftToggled .mpManagementMainMenuExtended .expandable .submenuToggler{
	color: #1d93d2;
}
.menuitem.expandable.expanded{
	color:#ffffff;
	background-color:rgba(51, 122, 183,1);
}
.menuitem.expandable.expanded .submenuToggler{
	color:#ffffff;
}
.mpManagementMainMenuExtended li.menuitem.expandable.expanded > span{
	color:#ffffff;
	background-color:rgba(51, 122, 183,1);
}
.mpManagementMainMenuExtended li.menuitem.expandable.expanded > span:hover .submenuToggler{
	color: #ffffff;
}


.mpManagementMainMenuExtended .submenuitem{
	background-color: #fff;
}
.mpManagementMainMenuExtended .submenu .submenuitem a {
	background-color: rgba(29, 147, 210,0.4);
	color: #1d93d2;
}
.mpManagementMainMenuExtended .submenu .submenuitem a:hover {
	color:#db0d3a;
	background:rgba(255,255,255,0.8);
}
*/
/* Tabs von KS übernehmen */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background: #1d93d2;
	border: 1px solid #1d93d2;
	border-top: 2px solid #1d93d2;
}
.nav-tabs > li > a {
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid transparent;
	color: #666666;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background: #e0e0e0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid #db0d3a;
	color: #db0d3a;
}

/*
# EventMarker
*/
.eventMarker {
	color:#000;
	font-weight:bolder;
	width:1.7em;
	border:1px solid #FFF;
}

/*
# Orders->ProductsTabelle
*/
.mpksmgmt-productsFromOrder-table tbody tr.tableSubHeader, .mpksmgmt-productsFromOrder-table tbody tr.tableSubHeader td:last-child {
	cursor: pointer;
	background: #ddd;
}

/*
# Slottabelle
*/
.eventsDaysTable thead th span{
	padding-left:27px;
}
.eventsDaysTable > tbody > tr:first-child{
	background: #ffffff;
}
.eventsDaysTable label .fa{
	color: #666666;
}
.eventsDaysTable .form-inline .bootstrap-select.form-control:not([class*="col-"]) {
	width: 80%;
}
.eventsDaysTable .inputAllowance {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 80%;
}
.eventsDaysTable .form-inline .form-group{
	display: block;
}
.eventsDaysTable .form-inline .form-group label{
	width: 25px;
	text-align: center;
}
.eventsDaysTable tbody .label{
	font-weight: 400;
	min-width: 45%;
	display: inline-block;
	margin-left: 30px;
}
/*
# Tabelle feste aufteilen
*/
.table-3-7 tbody tr td:first-child{
	width: 30%;
}
.table-3-7 tbody tr td:last-child{
	width: 70%;
}
/*
Datetimepicker in Breite angepaßt
*/
.datetimepickerNormalSize{
	width: 180px;
	max-width: 180px;
}

/*
# MJ Templates
*/
div.getTemplate {
	float:left;
	margin-left: 20px;
}

div.getTemplate input {
	width:150px !important;
}

div.getTemplate button {
	margin-left: 10px;
}

/*
# Rohdatenprüfung
*/
#txtLog {
	overflow-y:scroll;
	height:200px;
	font-size: 13px;
}

.marginTop10 {
	margin-top: 10px;
}

/* Label */
label {
	font-size: 14px;
}

.label-xl{
	font-size: 125%;
}

.templateInfo {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Photoratings */
.toolbarPhotoratings .datetimepickerNormalSize {
	width: 187px;
	max-width: 187px;
}
.toolbarPhotoratings > div{
	margin-right: 10px;
}
.toolbarPhotoratings > div:last-child{
	margin-right: 0;
}
.toolbarPhotoratings > div > div:last-child{
	margin-top: 10px;
}

/* MjMailings table text */
.table-text-align-top {
	vertical-align: top !important;
}

/* MjMailings buttons */
.removeRecipients {
	margin-top: 26px;
}

.tableOverflow .fixed-table-body {
	overflow-x: visible !important;
	overflow-y: visible !important;
}

/* Schrift im Main verkleinern */
/*
#page-wrapper,
#page-wrapper .fixed-table-toolbar{
	font-size: 1.4rem !important;
}
*/

/* Modal und alert z-indexs */

.modal-dialog {
  margin-top: 20px;
}

#modal-wrapper {
	z-index: 17040 !important;
	background: rgba(255,255,255,.9);
}

#modal-right-wrapper {
	background: rgba(255,255,255,.9);
}

/* toolbar bootstrap-select */
toolbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width:auto;
}

/** Slim down page headers **/
h1 {
	font-size: 24px;
	margin: 8px 0;
}
h3 {
	font-size: 20px;
	margin: 8px 0;
}

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

.page-header .btn {
	padding: 3px 12px;
}

/** Slim down tables **/

.bootstrap-table table tr > td,
.bootstrap-table table tr > th,
.bootstrap-table table > thead > tr > th,
.table tr > th,
.table tr > td {
	padding: 2px 5px;
	font-size: 14px;
}

.bootstrap-table .fixed-table-footer table > thead > tr > th {
	font-size: 14px;
	font-weight:normal;
}

.bootstrap-table th.bs-checkbox .th-inner,
.bootstrap-table th.bs-checkbox .th-inner label {
	padding: 0 !important;
}

.bootstrap-table .fixed-table-toolbar .bs-bars,
.bootstrap-table .fixed-table-toolbar .search,
.bootstrap-table .fixed-table-toolbar .columns {
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Slim down panels */
.panel {
	margin-bottom: 8px;
}

/** Slim down bootstrap select fields */
.dropdown.bootstrap-select,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: auto;
	min-width: 0px;
}

.bootstrap-table .dropdown-menu {
	min-width: 0px;
}

/** Fix bs-table loading screen overlapping menus **/
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
	z-index: auto;
}

/** Slim down tabs **/
.nav.nav-tabs > li > a {
	padding: 5px 10px;
	font-size: 14px;
}

/** Popovers **/
.popover, .popover * {
	font-size: 12px !important;
}

/** Slim down buttons on desktop **/
@media only screen and (min-width: 992px) {
	input[type=file] {
		font-size: 12px;
	}
/*
	.form-group .toggle.btn {
		min-height: 26px;
		margin-bottom: 8px;
	}
	.form-group .toggle-on.btn {
		padding: 2px 24px 2px 2px;
	}
	.form-group .toggle-off.btn {
		padding: 2px 2px 2px 24px;
	}
*/
	.daySelector {
		margin-bottom: 6px;
	}
}