body,
#page .site-content
{
    background-color: #f6f6f9;
}

#i99Container
{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ONLY FOR DEVELOPMENT */
body.page .site-main > .hentry > .entry-content > * {
  max-width: 100%;
}

.custom-logo-link {
  width: 48px;
}

ul#menu-customers li {margin-top:0px;}

div.dt-container div.dt-length select {
  height: 38px;
  margin-top:5px;
}

input[type="search"]
{
   border: 1px solid #ced4da;
  border-radius: .25rem;
}

#loginform input[type="submit"],
.magic-login-submit
{
    margin-bottom: 15px;
    width:100%;
    padding: 1.36666em 2.5em!important;
    background-color:#ff4240!important;
}

#magic-login-register .registration_result .error, #magic-login-register .registration_result .info, #magic-login-register .registration_result .success, #magic-login-shortcode #login_error, #magic-login-shortcode .message, #magic-login-shortcode .success {
  border-left: 4px solid #ff4240!important;
}

.nav-link,
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a
{
  color: #ff4240;
}

.nav-link:focus, .nav-link:hover {
  color: #e62b08;
}

/*ul.pagination li:first-child,
#loginTabs li:first-child {
  margin-top: 1em;
}*/

#magic-login-shortcode {width:100%!important;}

#magic-login-shortcode .magic-login-submit
{
  display: inline-block;
  font-size: .9375rem;
  padding: 1.36666em 2.5em !important;
  margin-top:25px!important;
}

#magic-login-shortcode .input {
  margin-top: 15px!important;
}

table#conversions {display: block;}
table#conversions th, #settings table th {width: 1%; font-size: 0.75rem !important;font-weight: normal; border-bottom: 1px solid #e5e7eb;border-left: none; border-right: none; color: #6b7280; text-transform: uppercase; letter-spacing: .05em;text-align: left; padding-left: 10px; background-color: #f8f9fa;}
table#conversions th.spalte_conversion_day {min-width: 135px;}
table#conversions th.spalte_conversion_message {min-width: 235px;}
table#conversions .spalte_x {text-align:center!important;padding-right: 10px!important;padding-left: 10px;}
table#conversions .spalte_x .dt-column-order {visibility:hidden!important; opacity:0;width:0px;max-width:0px!important;padding:0px;margin:0px;}
table#conversions > tbody > tr > td {font-size: 0.85rem!important;border-left: none;border-right: none;padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e7eb;}
td.spalte_actions .btn-danger.btn-sm {width: 20px!important; border-radius: 100%!important; background-color: white!important; color: #dc3545!important; padding: 0px!important; height: 20px!important;padding-bottom: 2px !important; padding-left: 1px !important;max-height: 20px; min-height: 20px;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after
{
    margin-top: 1px;
}

table#conversions > tbody > tr:last-of-type td {border-bottom: none;}

#stapelverarbeitung
{
    padding: 8px;
    font-size: 0.9rem;
}

#stapelverarbeitung .row form
{
    float:right;
}

.stapelstart
{
    min-height: 31px;
    max-height: 31px;
}

td.spalte_actions .btn-danger.btn-sm, td.spalte_actions .alert-danger > small {font-size: 0.7rem;}

td.spalte_conversion_email {min-width: 240px;}

table#conversions.dataTable thead > tr > th.dt-orderable-asc:hover, table#conversions.dataTable thead > tr > th.dt-orderable-desc:hover, table#conversions.dataTable thead > tr > td.dt-orderable-asc:hover, table#conversions.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: none!important;
}

#updateModal label
{
    font-size: 1rem;
    line-height: 48px;
}

#updateModal #conversion_value
{
    text-align:right;
}

.desktop-stats
{
  margin-left: 12px;
  margin-right: -2px;
}

.desktop-stats .card,
.mainFilters input,
.mainFilters select
{
    background-color: white!important;
}

.desktop-stats .col-12
{
    padding-left: 0px;
}

.desktop-stats .card h2,
#settings h2
{
    color: black;
    font-weight: 600;
    font-size: 1.2rem;
/*     margin-bottom: 43px; */
}

#settings .users i {color: #16a34a;}
#settings .account i {color: #2563eb;}

#settings .deleteCard .btn {min-height: auto!important;}

.desktop-stats p,
.desktop-stats .comp-cont {
  font-size: 0.9rem !important;
  font-weight: normal;
  color: #4b5563;
}

.desktop-stats .list-group-item
{
    font-size: 0.9rem;
}

.desktop-stats .desktopData
{
    font-weight: bold;
    color: black;
    font-size: 1.4rem!important;
}

.desktop-stats .btn-info
{
    background-color: #dbeafe;
    color:#2563eb;
    border-color:#dbeafe!important;
    padding: 10px 12px !important;
}

/*.desktop-stats .single_stat
{
    border-right: 15px solid white;
    border-left: 2px solid black;
    padding: 24px;
}*/

.desktop-stats .single_stat.stat_all {border-left-color: yellow;}
.desktop-stats .single_stat.stat_open {border-left-color: red;}
.desktop-stats .single_stat.stat_exported {border-left-color: green;}
.desktop-stats .single_stat.stat_exported_value {border-left-color: blue;}
.desktop-stats .single_stat.stat_not_qualified {border-left-color: purple;}

#convFilter
{
    width: auto;
  float: right;
  border-left: 1px solid #ced4da;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom: 0;
  width:33%;
  padding-left: 15px;
}

#convFilter input.btn
{
    min-height: initial!important;
    float:right;
}

/*#stapelverarbeitung
{
    margin-top: -93px;
    padding-left: 24px;
}*/

/*#projFilter
{
    float:right;
    max-width: calc(50% - 15px);
    min-width: 49%;
    margin-top:5px;
    margin-bottom:5px;
    padding-left: 5px;
}*/

#projFilter select
{
    margin-right: 10px;
    margin-bottom: 10px;
    float:right;
    max-width: 221px;
}

.mainFilterElement #projFilter select
{
   margin-left: 10px;
   margin-right: -8px;
}

.mainFilterElement:has(#projFilter)
{
    padding-right: 0px;
    float: right;
  margin-right: 9px !important;
}

.mainFilters .mainFilterElement
{
    float:left;
    max-width: calc(50% - 5px);
    min-width: 49%;
    margin-top:5px;
    margin-right: 0px !important;
    padding-left:5px;
}

.mainFilters .mainFilterElement.fullWidth
{
    max-width: 100%;
    min-width: 100%;
}

.mainFilters div.mainFilterElement:first-of-type
{
    margin-right: 10px;
    padding-right:5px;
    padding-left:0px;
    
}

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

.mainFilters .form-select-sm,
.mainFilters .form-control-sm
{
  max-height: 35px;
}

.mainFilters form:first-of-type
{
    margin-left: 2%;
    margin-right: 10px;
}

#custom_tf
{
    max-width: calc(100% - 45px);
  float: left;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
    max-height: 35px;
}

#subm_custom_tf
{
    max-width: 40px;
  max-height: 35px;
  min-height: 35px;
}

#convFilter .form-select-sm,
#convFilter .form-control-sm,
.dt-length .form-select-sm,
.dt-search .form-control-sm
{
  padding-top: .15rem;
  padding-bottom: .15rem;
  padding-left: .5rem;
  font-size: .75rem;
}

.dt-search .form-control-sm
{
/*     max-width: 255px!important; */
    height: 38px;
}

#stapelverarbeitung button, #stapelverarbeitung select,
#convFilter button, #convFilter select, #convFilter input
{
    margin-right: 15px;
    float:left;
    width: auto;
    height: 31px;
}

#stapelverarbeitung button
{
    margin-right: 0px;
}

#convFilter select, #convFilter input
{
 margin-top: 0px;
  height: 38px;
}

#conversions_wrapper div.row:first-of-type
{
  display: block;
  width: 67%;
  float: left;
  margin-top: -49px !important;
  margin-left: -4px;
}

#conversions_wrapper div.row:first-of-type:after
{
    content: ' ';
    display:block;
    clear:both;
}

#conversions_wrapper > div.row:first-of-type > div.d-md-flex
{
    display: inline-block !important;
    width: auto !important;
}

#conversions_wrapper > div.row:first-of-type > div.d-md-flex:first-of-type
{
    padding-left: 5px !important;
}

#conversions_wrapper > div.row:first-of-type > div.d-md-flex:nth-of-type(2)
{
    width: calc(100% - 152px) !important;
}

#conversions_wrapper > div.row:first-of-type > div.d-md-flex:nth-of-type(2) > .dt-search .form-control-sm {
  max-width: calc(100% - 52px)!important;
  width: -moz-available!important;
}

#conversions_wrapper > div.row:first-of-type > div.d-md-flex:last-of-type
{
    padding-right: 0px !important;
}

/*.stapelIcon
{
    font-size: 40px;
  float: left;
  margin-bottom: 0;
  font-weight: bold;
  display: block;
  margin-right: 15px;
  margin-top: -20px;
  margin-left: -15px;
}*/

/*.paginationDeeper
{
    padding-top: 50px!important;
}*/


button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link
{
    padding: .25rem .5rem;
    background-color: #0d6efd;
    border-radius: .2rem;
}

.feedbackPane
{
    margin-left: 0px;
}

.feedbackPane .alert
{
padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: .5rem;
  font-size: .875rem;
  margin-bottom: 0px;
  margin-right: 10px;
}

/*#feedbackPane .form-select-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 58px;
}*/

select, textarea, input[type="url"], input[type="tel"], input[type="text"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="search"], input[type="password"], .site .ekit-wid-con .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .site .ekit-wid-con .ekit-form form textarea, .keydesign-widget select 
{
    border-radius: .25rem!important;    
}

table.dataTable thead .dt-orderable-asc, table.dataTable thead .dt-orderable-desc,
table.dataTable thead .dt-ordering-asc
{
    background-image:none!important;
}

.modal-backdrop
{
    z-index: -1!important;
}

.colorDot
{
    display:inline-block;
    height: 7px;
    width:7px;
    border-radius: 100%;
    margin-right: 10px;
    margin-bottom: 1px;
}

.colorDot.green {background-color: #4ade80; }
.colorDot.yellow {background-color: #facc15;}
.colorDot.blue {background-color: #60a5fa;}
.colorDot.purple {background-color: #c084fc;}

.stat-neutral i.fa-arrow-down {transform: rotate(270deg);}
.stat-pos i.fa-arrow-down {transform: rotate(-180deg);}

.stat-pos i.fa-arrow-down, .stat-pos .diffvalue {color: #16a34a;}
.stat-neg i.fa-arrow-down, .stat-neg .diffvalue {color: #dc2626;}

.desktop-stats .stat-pos .btn-info {
  background-color: #dcfce7;
  color: #16a34a;
  border-color: #dcfce7 !important;
}

.desktop-stats .stat-neg .btn-info {
  background-color: #fee2e2;
  color: #dc2626;
  border-color: #fee2e2!important;
}

.badge-status-0
{
    font-weight: normal;
    background-color: #fee2e2;
    color: #991b1b;
    font-size: 0.8rem;
}

.badge-status-1
{
    font-weight: normal;
    background-color: #dcfce7;
    color: #166534;
    font-size: 0.8rem;
}

.badge-type,
.badge-sub-account
{
    font-weight: normal;
    background-color: #dbeafe;
    color: #1e40af;
    font-size: 0.8rem;
}

.badge-main-account
{
    font-weight: normal;
    background-color: #f3e8ff;
    color: #6b21a8;
    font-size: 0.8rem;
}

form.convValueForm {display:none; width: 125px; min-width: 125px;}

span.convValue
{
    cursor: pointer;
}

.convValueForm input[type="number"]
{
   padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  height: 30px;
  float: left;
  width: 80px;
  font-size: 0.875rem;
}

.convValueForm button,
.convValueForm a.btn-danger
{
    color: #16a34a;
  background-color: white;
  padding: 0px;
  height: 15px;
  width: 15px;
  min-height: 15px;
  margin-top: 8px;
  margin-left: 5px;
  font-size: 0.5rem;
}

.convValueForm button:hover
{
        color: #16a34a;
  background-color: white;
}

.convValueForm a.btn-danger
{
    color: #dc2626;
    border: 0px;
  font-size: 0.7rem;
  margin-top: -2px;
  margin-left: 0px;
}

#conversions_wrapper, ul.pagination *,
#conversions_wrapper .dt-info,
#settings table tr th,
#settings table tr td
{
    font-size: 0.85rem!important;
}

.cspm
{
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -10px;
}

.hidden
{
    visibility: hidden;    
}

.modal-title {
  font-size: 1.3rem;
}

.multi-select-container {
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    font-size: 0.9rem;
	}
	
	.multi-select-menu label
	{
        font-size: 0.8rem;
    }
	
	.multi-select-menu {
	  position: absolute;
	  left: 0;
	  top: 0.8em;
	  float: left;
	  min-width: 100%;
	  background: #fff;
	  margin: 1em 0;
	  padding: 0.4em 0;
	  border: 1px solid #ced4da;
	  display: none;
      z-index: 100;
	}
	
	.multi-select-menu input {
	  vertical-align: 0.1em;
      height: auto!important;
      margin-left:7px;
      margin-top: 3px!important;
      margin-right: 7px!important;
	}
	
	.multi-select-button {
	  display: inline-block;
	  font-size: 0.875em;
	  padding: 0.2em 0.6em;
	  max-width: 20em;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  vertical-align: -0.5em;
	  background-color: #fff;
	  border: 1px solid #ced4da;
	  border-radius: 4px;
	  cursor: default;
      height: 38px;
      padding-top: 8px;
      min-width: 136px;
      max-width: 136px;
	}
	.multi-select-button:after {
	  content: "⌄";
	  display: inline-block;
	  width: 0;
	  height: 0;
	  margin-left: 0.4em;
	  float: right;
      margin-top: -21px;
  margin-right: 19px;
  font-size: 1.6rem;
  position: absolute;
  right: 7px;
	}
	.multi-select-container--open .multi-select-menu { display: block; }

	.multi-select-container--open .multi-select-button:after {
	  border-width: 0 0.4em 0.4em 0.4em;
	  border-color: transparent transparent #999 transparent;
	}

	.dt-paging-button.page-item.disabled .page-link.ellipsis
	{
        margin-top: 8px;
        border: none;
    }

    .card.last_conversions {min-height: 327px;}
    
    .card.last_conversions div.card-body:first-of-type {max-height: 43px;}

    .userIcon,
    .accountIcon
    {
        float: left;
        padding-top: 5px;
        background-color: #d1d5db;
        height: 36px;
        width: 36px;
        text-align: center;
        border-radius: 50%;
        margin-right: 10px;
        color: #4b5563;
        margin-top: 4px;
        margin-left: 5px;
    }
    
    .accountIcon
    {
        background-color: transparent;
        color: #1e40af;
    }
    
    #settings table tr
    {
        vertical-align: middle!important;
    }
    
    #settings table tr td.spalte_actions .btn-danger
    {
        padding-left:0px!important;
    }

    #settings h3 {font-size: 1rem!important;}

    #accountTable tr td {background-color: #f9fafb;}
    
    #accountTable tr td button 
    {
min-height: 0px;
  background-color: transparent !important;
  border: none;
  padding: 0px !important;
  margin-top: 17px;
  width: auto !important;
  font-size: 0.8rem;
  border-radius:0px;
}
    
    #accountTable tr td.spalte_actions
    {
        max-width: 70px;
        width: 70px;
    }
    
    #mailSettings .list-group-item + .list-group-item {
  border-top-width: 1px;
}

 #mailSettings button
 {
     min-height:0px;
}

#accountTable tr td button.btn-success
{
    color: #166534;
    margin-top: 0px;
}

.small, small {
  font-size: .75em;
}

.desktop-stats #chartContainer
{
    max-height: 270px;
  min-height: 270px;
}

.desktop-stats .card.chart
{
    max-height: 327px;
}