/*
   Auf bootstrap aufbauende Theme-CSS
   (c) Mesos Ralf Dreibrodt 2016 - 2019
*/

/*
   Allgemeine Selektoren und Einstellungen
*/
@import url('/templates/default_v4/css/fonts.css?family=Dosis:wght@200;300;400;500;600;800&display=swap');
body {
  font-size: .875rem;
}
body {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: #646464;
  font-family: 'Dosis', sans-serif;
  background-color:#eee;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.ml-auto {
   left: auto !important;
   right: 0px;
}

/*
   eigene Klassen-Selektoren
*/

/*
   Sidebar
*/

.mesos-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.mesos-sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .mesos-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.mesos-sidebar .nav-link {
  font-weight: 500;
  color: #FFFFFF;
  padding: 0 0 0 20px;
  border: 0px solid;
}

.mesos-sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.mesos-sidebar .nav-link.active {
  color: #007bff;
}

.mesos-sidebar .nav-link:hover .feather,
.mesos-sidebar .nav-link.active .feather {
  color: inherit;
}

.mesos-sidebar-heading {
   font-size: .875rem;
   text-transform: uppercase;
   color: var(--set-dynamic-sidebar-menu-text-color)!important; 
   font-weight: bold;
   background-color: #ddd !important;
   padding: 5px 0 5px 0;
   cursor: pointer;
}

.mesos-sidebar-heading a {
   color: #FFFFFF;
}

/*
   Kopfzeile
*/
.mesos-bg-blue {
   background-color: var(--set-dynamic-backgorund-color) !important;
}

.mesos-navbar-brand {
   height: 50px;
   width: 310px;
   margin-left: 10px;
   background-image: url(../images/mesosadmin_logo.png);
   background-size: 300px 35px;
   background-repeat: no-repeat;
}

.mesos-top-nav-header a:focus, li.active:focus, .li.focus {
   background-color: var(--set-dynamic-backgorund-color) !important;
   border: 0 !important;
}

.mesos-top-nav-header {
   font-size: 12px;
   font-weight: bold;
}

.mesos-nav-item-top {
   margin-right: 30px !important;
}

.mesos-top-nav-header a {
   color: #FFFFFF;
   background-color: transparent !important;
}

.mesos-top-nav-header a:hover, a:visited, a:active, a:focus, .li.active, .li.active:focus, .li.active:hover, .li.focus {
   background-color: transparent !important;
   /* border: 0 !important; */
}

.mesos-top-nav-header a:focus, li.active:focus, .li.focus {
   background-color: var(--set-dynamic-backgorund-color) !important;
   border: 0 !important;
}

.mesos-top-navbar-row {
   position: fixed;
   top: 50px;
   height: 25px;
   max-width: 100%;
   width: 100%;
	z-index: 9002;
}

.mesos-row-copyright {
   /* position: absolute; */
   /* width: 225px; */
   /* left: 225px; */
   /* height: 25px; */
   /* margin-left: -225px; */
   font-size: 10px;
   color: #FFFFFF;
   text-align: center;
   background-color: var(--set-dynamic-backgorund-color);
}

.mesos-row-help {
  height: 60px;
  padding: 0px;
  border-bottom: 1px dotted #7A7A7A !important;
  width: 100%;
}

.mesos-navi-breadcrumb {
   font-size: 12px;
   font-weight: bold;
   width: 70%;
   color: #000000;
}

.mesos-navi-help {
   width: 50%;
   text-align: right;
   font-size: 12px;
   color: #000000;
   line-height: 20px;
}
.mesos-navi-help > a {
   color: inherit;
}

/*
   Content
*/

[role="main"] {
  padding-top: 133px; /* Space for fixed navbar */
}

[role="mesos-breadcrumb"] {
  padding-top: 233px; /* Space for fixed navbar */
  padding-left: 233px; /* Space for fixed navbar */
  height: 35px;
}

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 48px; /* Space for fixed navbar */
  }
}

/*
*/
.mesos-p-inline {
	display: inline;
	padding-top: 5px;
}

.mesos-td-danger {
	color: #a94442;
}

.mesos-td-success {
	color: green;
}

.mesos-td-info {
	color: #31708f;
}

.mesos-td-download {
	color: #31708f;
}

.mesos-td-refresh {
	color: #31708f;
}

.mesos-menu-box {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 25px;
	background-color: #DEDFD6;
	border-bottom: 1px solid #000000;
}

.mesos-menu-head {
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #337AB7;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.mesos-menu-head > a {
	color: inherit;
	background-color: transparent !important;
	text-decoration: none;
}

.mesos-menu-head a:focus {
	background-color: #337AB7 !important;
	border: 0 !important;
}

.mesos-display-table {
	display: table;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.mesos-display-table-row {
	display: table-row;
	height: 100%;
}

.mesos-display-table-cell {
	display: table-cell;
	float: none;
	height: 100%;
}

.mesos-display-table-cell-menu {
	display: table-cell;
	float: none;
	height: 85%;
}

.mesos-table-td-key-10 {
	width: 10%;
}

.mesos-table-td-key-20 {
	width: 20%;
}

.mesos-table-td-key-30 {
	width: 30%;
}

.mesos-table-td-key-40 {
	width: 40%;
}

.mesos-table-td-key {
	width: 40%;
}

.mesos-table-td-value-10 {
	width: 10%;
}

.mesos-table-td-value-20 {
	width: 20%;
}

.mesos-table-td-value-30 {
	width: 30%;
}

.mesos-table-td-value-40 {
	width: 40%;
}

.mesos-table-td-value-50 {
	width: 50%;
}

.mesos-table-td-value-60 {
	width: 60%;
}

.mesos-table-td-value-70 {
	width: 70%;
}

.mesos-table-td-value-80 {
	width: 80%;
}

.mesos-table-td-value {
	width: 60%;
}

.mesos-table-td-align-center {
	text-align: center;
}

.mesos-table-fixed tbody {
	height: 300px;
	overflow-y: auto;
	width: 100%;
}

.mesos-table-fixed thead,
.mesos-table-fixed tbody,
.mesos-table-fixed tr,
.mesos-table-fixed td,
.mesos-table-fixed th {
	display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
	float: left;
	position: relative;

	*::after {
		content: '';
		clear: both;
		display: block;
	}
}

.mesos-valign-top {
	vertical-align: top;
}

.mesos-valign-center-text {
	vertical-align: middle;
	text-align: center;
	padding: 0px;
}

.mesos-align-msg {
	padding-top: 5px;
}

.mesos-titelbar {
	display: table;
	width: 100%;
	border-bottom: 1px solid #7A7A7A;
}

.mesos-titelbar-text {
	font-size: 17px !important;
	font-weight: bold !important;
	padding-left: 10px;
	/* border: 1px solid #7A7A7A; */
}

.mesos-pill-text {
	font-weight: bold !important;
	padding-top: 8px;
	padding-left: 10px;
}

.mesos-show-content {
	margin: 30px;
}

.mesos-content-margin {
	margin-top: 30px !important;
}

.mesos-modal-index {
	z-index: 9001;
}

.mesos-btn-web-sperren {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: red;
}

.mesos-btn-webmail-sperren {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: red;
}

.mesos-btn-sperren {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: red;
}

.mesos-btn-entsperren {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: green;
}

.mesos-btn-awstats {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: green;
}

.mesos-btn-webalizer {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: green;
}

.mesos-btn-delete {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: red;
}

.mesos-btn-delete-no-modal {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: red;
}

.mesos-btn-default {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: green;
}

.mesos-btn-refresh {
	padding-top: 0px;
	padding-right: 0px;
	font-size: 16px;
	color: green;
}

.mesos-btn-new a {
	font-size: 16px;
	color: green;
}

.mesos-ajax-loader {
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 20px;
}

.mesos-clearable {
  background: url(../images/reset.gif) no-repeat right -10px center;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  transition: background 0.4s;
}

.mesos-clearable.x {
	background-position: right 5px center;
}

.mesos-clearable.onX {
	cursor: pointer;
}
/*
*/
.mesos-form-control-feedback .form-control-feedback {
	top: 0;
	right: -15px;
}

.mesos-col-no-padding {
	padding: 0 !important;
	margin: 0 !important;
}

.table-responsive {
	margin-top: 10px !important;
}

.pagination ul li span{
	background-color: #E5E5E5 !important;
}

.custom-label {
	font-size: 14px !important;
	font-weight: normal !important;
}

.custom-label-bold {
	font-size: 14px !important;
	font-weight: bolder !important;
}

.mesos-form-control-bgcolor {
/*	background-color: #EDEDED !important; */
}
/*
.mesos-form-control-bgcolor-disabled {
	background-color: #EDEDED !important;
}
*/
.mesos-input-size-3 {
	width: 50px !important;
}
.mesos-input-size-4 {
	width: 60px !important;
}
.mesos-input-size-5 {
	width: 70px !important;
}
.mesos-input-size-10 {
	width: 100px !important;
}
.mesos-input-size-20 {
	width: 200px !important;
}
.mesos-table-striped-bgcolor {
	background-color: #EDEDED !important;
}

.mesos-helpbox-content-color {
	background-color: #DEDFD6;
	/* border-top: 1px #7A7A7A dotted; */
	/* border-bottom: 1px #7A7A7A dotted; */
	margin-top: 25px;
	z-index: 9001;
}

.mesos-helpbox-content-color {
	font-size: 12px !important;
}

.mesos-text-dark {
  color: #000000 !important;
}

.mesos-table-overflow {
	max-height: 250px;
	overflow-y: auto;
}

.mesos-table-overflow thead {
	background-color: #337AB7;
	color: #000000;
	font-weight: bold;
	border: 1px solid #7A7A7A;
}

.mesos-overflow-auto {
	height: 250px;
	overflow-y: auto;
}

.mesos-text-right {
	text-align: right !important;
}

a.mesos-text-dark:hover, a.mesos-text-dark:focus {
  color: #121416 !important;
}

/*
	ID-Selektoren
*/
#side-menu {
	background-color: #2f4050;
	padding: 0px;
	height: 100%;
}

#side-menu h6 {
	color: #2f4050;
	font-size: 14px;
}

#mesos-main-content {
	/* background-color: #E5E5E5; */
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	height: auto;
	padding-top: 1px;
	margin-top: 1px;
	width: 100%;
display: flex;
}

#mesos-side-nav-header {
	background-color: var(--set-dynamic-backgorund-color) !important;
}

#top-nav-logo {
	height: 61px;
	font-size: 35px;
	vertical-align: middle;
	/*
	background-image: url("../images/mesoslogo.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	*/
}

#helpbox-header-color {
	background-color: #C0C0C0;
}
#helpbox-header {
	font-size: 12px;
	color: #2f4050;
}

#helpbox-header a {
	color: #2f4050;
}

#mesos-helpbox-content {
	height: 150px;
	overflow-y: auto;
	padding: 0px;
}

#helpbox {
	padding: 5px;
}

#panel-heading-custom {
	color: #BDBDBD;
	background-color: #3c3c3c;
	border-color: #282828;
}
/*
	bootstrap-Selektoren mit eigenen Werten ueberschreiben
*/
.progress {
	padding: 0px;
	margin: 0px;
}
.progress-bar {
	transition-duration: 1s;
	padding: 0px;
	margin: 0px;
}
.tooltip.left .tooltip-inner {
	background-color: var(--set-dynamic-backgorund-color) !important;
	color: #FFFFFF !important;
}
.tooltip.left .tooltip-arrow {
	border-left-color: var(--set-dynamic-border-color) !important;
}

.tooltip.right .tooltip-inner {
	background-color: var(--set-dynamic-backgorund-color) !important;
	color: #FFFFFF !important;
}
.tooltip.right .tooltip-arrow {
	border-right-color: var(--set-dynamic-border-color) !important;
}

.tooltip.top .tooltip-inner {
	background-color: var(--set-dynamic-backgorund-color) !important;
	color: #FFFFFF !important;
}
.tooltip.top .tooltip-arrow {
	border-top-color: var(--set-dynamic-border-color) !important;
}
/*****************************Modified Table Css**************************************/
.table thead {border: 0 !important;}
.table thead th {border: 0 !important;background: var(--set-dynamic-backgorund-color) !important;color: #fff !important;padding: 10px !important;height: 42px !important;font-size: 16px !important;line-height: 21px !important;}
.table thead th:first-child {border-radius: 5px 0 0 5px !important;}
.table thead th:last-child {border-radius: 0px 5px 5px 0px !important;}
table.table tr td {padding: 10px !important;border-bottom: 1px dashed #646464 !important;color: #707070 !important;font-size: 16px !important;}
table.table tr td:last-child {min-width: 28px !important;/* text-align: center; */}
table.table tr td:last-child img {display: inline-block !important;opacity: .6 !important;transition: .3s ease all !important;width: 20px !important;}
table.table tr td:last-child img:hover {opacity: 1 !important;}
.tablebox {margin-bottom: 30px !important;}
p.tablebottomtext {text-align: right !important;font-size: 12px !important;}
ul.tablelist li {display: flex !important;justify-content: space-between !important;padding: 10px !important;border-bottom: 1px dashed #646464 !important;}
ul.tablelist li:first-child {border-top: 1px dashed #646464 !important;}
.table tbody, .table tbody tr{background-color: #fff !important;}
div.col-sm-3:nth-child(1) > p:nth-child(1) > b:nth-child(1) {
  font-size: 25px;
  font-weight: 400;
  color: var(--set-dynamic-text-color);
}
.nav-fill {
  padding-left: 0px;
  color: #646464;
  font-weight: 700;
  font-size: 15px;
}
.siteContainer {
  display: flex;
  max-width: 1761px;
  margin: 0 auto;
  background: #fff;
}

.menuSidebar {
  width: 274px !important;
  flex-shrink: 0;
  height: calc(100%);
  padding: 30px 20px;
  background: #F8F8F8;
}

.sidemenuContainer {
  height: calc(100%);
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.mesos-sidebar-sticky a{display: block;color: #323232;line-height: 2;padding: 5px 15px;}
.mesos-sidebar-sticky a:hover {background: #ddd !important;}
.mainContainer {width: calc(100%);background: #fff;margin-left: auto;padding-left: 30px;}
.mesos-row-help li{color: var(--set-dynamic-text-color);font-size: 18px;font-weight: 400;line-height: 1.3;}
.d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center.pt-3.pb-2.mb-3.border-bottom p,.d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center.pt-3.pb-2.mb-3.border-bottom p b{
font-size: 34px;
font-weight: 200;
font-family: 'Dosis', sans-serif;
line-height: 1.35;
  color: var(--set-dynamic-text-color);
}
.d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center.pt-3.pb-2.mb-3.border-bottom .row, .d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center.pt-3.pb-2.mb-3.border-bottom .col-sm-3 {
  width: 100% !important;
  display: inline-block;
  max-width: 90% !important;
  flex: max-content;
}
.topheaderseee{margin-top: -50px;margin-bottom: 15px;margin-left: -30px;margin-right: -5px;}
h6.mesos-sidebar-heading a {color: #000 !important;padding: 0;}
.mesos-show-content {padding-left: 0px;margin-left: 0px !important;}
/* .mesos-bg-blue {background-color: #ddd !important;color: #5B5B5B !important;} */
.mesos-row-copyright {color: #fff;background-color: var(--set-dynamic-backgorund-color);}
.mainContainer .nav-item.mesos-nav-item-top a, .mainContainer .nav-item.mesos-nav-item-top  {color:#fff !important;}

/*web49 added for table link color black to white as other colums has*/
.table thead th a.mesos-text-link-white{border: 0 !important;background: var(--set-dynamic-backgorund-color) !important;color: #fff !important;padding: 10px !important;height: 42px !important;font-size: 16px !important;line-height: 21px !important;}
/*d6 added css */
.navbar-collapse .nav .nav-item .nav-link {font-size: 14px !important;color: #323232!important;}
a {color: var(--set-dynamic-text-color) !important;}
.page-item.active .page-link, .page-item.active .page-link:visited {background-color: var(--set-dynamic-backgorund-color)!important;color: #fff !important;border-color: var(--set-dynamic-border-color) !important;}
.dropdown-menu li a {color: #212529 !important;}
.dropdown-menu>.active>a {
	color: #fff !important;
}
.page-link, .page-link:visited {
	color: #212121 !important;
	border-color: #dee2e6 !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background: var(--set-dynamic-backgorund-color)!important;
}
.btn-primary {
	background: var(--set-dynamic-backgorund-color)!important;	
	color: #fff !important;
	border-color: var(--set-dynamic-border-color) !important;
}
.alert-primary {
    color: #721c24;
    background-color: #fee0e1;
    border-color: #fee0e1;
}
.pagination-sm li:not(.page-item) a:not(.page-link) {
    position: relative;
    display: block;
    padding: 0.45rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--set-dynamic-text-color);
    background-color: #fff;
    border: 1px solid #dee2e6;
    background-color: transparent!important;
    color: #212121 !important;
    border-color: #dee2e6 !important;
	text-decoration: none !important;
}
.pagination-sm li.disabled > span {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.5;
    color: var(--set-dynamic-text-color);
    background-color: #fff;
    border: 1px solid #dee2e6;
    background-color: transparent!important;
    color: #212121 !important;
    border-color: #dee2e6 !important;
}
.page-item.active span.page-link {
	background-color: transparent !important;
	color: #212121 !important;
	border-color: #dee2e6 !important;
}
li.page-item.active .page-link {
    background-color: var(--set-dynamic-backgorund-color) !important;
    color: #ffffff !important;
	border-color: var(--set-dynamic-border-color) !important;
}
.pagination-sm .page-link:focus {
    box-shadow: none !important;
	border: 1px solid #DEDFD6 !important;
}
.pagination-sm li:not(.page-item) a:not(.page-link):focus {
	box-shadow: none !important;
	border: 1px solid #DEDFD6 !important;
	text-decoration: none;
}
.mesos-show-content .nav {
	gap: 5px !important;
}
.modal .modal-header{
	display: block !important;
}