:root {
    --theme-deafult: #DB8679;
    --theme-deafult-darker: #975f52;
    --theme-color-black: #000000;
    --theme-color-light-brown: #DB8679;
    --theme-color-dark-brown: #BA6F63;
    --theme-color-white: #ffffff;
    --theme-color-white-pink: #FDF8F7;
    --theme-color-dirty-white: #cecbcb;
    --theme-input-background: #eeeeee82;
    --theme-color-pink: #F73C65;
    --theme-color-green: #53CE8C;
    --theme-font-family: Rubik, sans-serif;
    font-size: 14px;
}


/* .admanager-main-title {
    font-size: 25px!important;
    color: #000;
    font-weight: bold;
    font-family: Rubik;
    padding: 3rem 0;
  	padding-bottom:0!important;
}
.admanager-content-title {
    font-size: 18px!important;
    font-weight: bold!important;
}
.admanager-main-menu-list {
    display: flex;
    gap: 15px;
    font-weight:bold;
    margin-bottom:40px!important;
}
.admanager-main-title-search {
    display: flex;
    gap: 15px;
    font-weight:bold;
    margin-bottom:40px!important;
}
.admanager-main-title-gap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.admanager-main-search-gap {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 30px;
}
.admanager-advertiser-menu-list {
    font-size:25px;
    font-weight: bold!important;
}
.admanager-subtitle-menu {
    color: #000;
}
.admanager-create-previous-btn {
    margin-right: 25px;
}
.admanager-table-empty {
    color:#ccc;
}
.admanager-search-input {
    text-indent: 10px;
}
.admanager-dropdown-default {
    background-color: #FFFFFF;
    border:0px;
    width: 150px;
    font-weight: bold;
    padding: 15px;
}
.admanager-image-profile {
    width:150px;
    height:150px;
}
.admanager-title {
    font-weight: 600;
    font-size:18px;
    text-transform:capitalize;
}
.admanager-btn-create {
    width: 40%!important;
    margin-top: 20px!important;
    margin-left: 10px!important;
}
.hiddenInputs {
    display: none!important;
}
.admanager-profile-text {
    padding-top: 30px;
    margin-left: 20px;
    font-size:18px;
}
.admanager-profile-position {
    color:#dcdcdc;
}
.admanager-profile-info {
    margin-top: 20px;
}
.admanager-reset-pw {
    opacity: 15%;
    font-weight: bold;
}
.admanager-admin-btn {
    width: auto;
}
.admanager-search-input-width {
    width: 320px!important;
}
.admanager-theader {
    width:20%!important;
}
.balance-title {
    padding:10px 0 0 5px;
    font-size:15px;
    margin-left:12px;
}
.payment-title{
    padding:10px 0 0 5px;
    font-size:15px;
}
.invoice-dropdown{
    border:none;
    outline:none;
    margin-left:1rem;
}
.invoice-card-style {
    padding: 24px!important;
}
.invoice-div-bg {
    background-color: #FCF7F6;
    padding: 2px 24px!important;
}
.invoice-div-bg-img {
    display: flex;
    gap: 20px;
    padding-top: 10px;
    /* background-image:url("{{ asset('assets/images/visa.svg') }}"); inline way of call
    background-image: url("../images/visa.svg");
    background-repeat: no-repeat;
    background-position: right 10px bottom;
    background-size: 60px 60px;
}
.invoice-cvc-indent {
    text-indent: 27px;
}
.global-color-positive {
    color:#53CE8C!important;
}
.global-color-negative {
    color:#F73C65!important;
}
.admanager-create-card {
    height: 100%!important;
    width: 100%!important;
}
.admanager-create-step-addon {
    display: flex;
    gap: 10px;
}
.admanager-create-addon-main {
    margin-right: 50%;
}
.admanager-create-btn-nxt-prev {
    margin-top: 30px;
}
.admanager-create-btn-prev {
    margin-right: 25px;
}
.admanager-btn-bg-addons {
    background-color: #F8E6E4!important;
    color: #BA6F63!important;
}
.admanager-div-size {
    width:50%;
}
.admanager-div-top {
    margin-top: -1rem;
}
.admanager-subscription-list-div {
    font-size:10px;
}
.admanager-subscription-list-img {
    width:100%;
}
.admanager-subscription-list-name {
    font-weight: 600;
    font-size:18px;
    text-transform:capitalize;
}
.admanager-edit-card-parent {
    height: 400px;
    width: 1045px;
}
.admanager-edit-card-div-space {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.admanager-edit-card-invoice {
    background-color: #FCF7F6;
    width: 50%;
    height: 250px;
    /* background-image:url({{ asset('assets/images/invoicebackground.svg') }});
    background-image: url("../images/invoicebackground.svg");
    background-repeat: no-repeat;
    background-position: right 15px bottom -18px;
    background-size: 45% 110%;
}
.admanager-edit-card-info {
    background-color: #FCF7F6;
    width: 50%;
    height: 250px;
}
.admanager-edit-text-style {
    margin-top: 50px;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
}
.admanager-edit-pin {
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
}
.admanager-edit-valid {
    margin-bottom: 10px!important;
    font-size: 14px;
    font-weight: bold;
}
.admanager-edit-cvc {
    font-size: 14px;
    font-weight: bold;
}
.admanager-edit-cvc-valid-div {
    display: flex;
    margin-left: 30px;
    gap: 40px;
}
.admanager-edit-btn {
    display: flex;
    gap: 20px;
    margin-left: 35%;
}
.admanager-notification-time {
    font-size: 11px;
}
.admanager-menu-text {
    font-size: 9px;
}
.admanager-nav-profile {
    width:35px;
    height:35px;
}
.admanager-div-bg-color {
    background-color: #FDF8F7
}
.admanager-logo-width {
    width: 79%;
}
.admanager-li-addons {
    margin-bottom:3rem;
}
.admanager-admin-dropdown-domain {
    width:auto;
    border: none!important;
    box-shadow: none!important;
    background-color: #fdf8f7!important;
    padding-bottom: 0.65rem;
    padding-top: 0.65rem;
}*/

/* Daterange picker adjustments */
div.date-picker-wrapper{
    z-index: 10;
}
.date-picker-input-group{
    z-index: 7;
}
.prev-days a{
    margin-left: 2px;
    margin-right: 2px;
}


input[name="matomodaterange"]{
  box-shadow:none!important;
  border:none!important;
  outline:none!important;
  font-size:14px;
  padding-left:0px;
  pointer-events:none;
  background:#fff!important;
  color:#fff!important;
}
.row.admanager-column-graph .col-sm-4 {
    border-right: 1px solid rgba(0, 0, 0, 10%);
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.row.admanager-column-graph .col-sm-4:last-child{
	border:none!important;
}
.admanager-column-graph img{
	width:45px!important;
  	height:40px!important;
  	margin-left:auto;
   margin-top: 5px!important;
}
.admanager-column-graph h4{
	margin-bottom: -6px!important;
}
.card.admanager-graph-card h4.admanager-content-title {
    padding-left: 1.5rem;
    margin-top: -18px;
}
.admanager-graph-card, div#admanager_overview .col-sm-3 .card {
    height: 190px;
}
.admanager-column-graph .col-sm-9 strong {
    font-size: 10px!important;
}
.product-article-title {
    font-size:18px;
    text-align: left;
    margin-right: auto;
    padding-left:18px!important;
}
span.smallText {
    font-size: 14px;
    color: rgba(0,0,0,100);
    padding: 0 5px;
}
p.activeAdsText {
    margin-top: -8px!important;
    margin-bottom: 5px;
}
.best-adv-row h3.admanager-content-title {
    padding-left: 2.1rem!important;
}
table#home-table thead th:first-child, table#home-table tbody td:first-child {
    padding-left: 2.1rem!important;
}
@media only screen and (max-width:1500px){
	div#admanager_overview .col-sm-3 .card {
        zoom: 75%;
    }
  .admanager-main-title{
  		zoom:80%;
  	}
}
/*
.extra-bold {
    /*text-shadow: 0px 0.3px, 0.3px 0px, 0.3px 0.3px!important;
}
*/
	/*input,select{
      	outline:none!important;
      	border:none!important;
		background: #f8f8f8!important;
    	color: #d3d3d3!important;
      	padding-top: 0.65rem!important;
    	padding-bottom: 0.65rem!important;
	}*/


.percent {
  position: relative;
}
.percent svg {
  position: relative;
  width: 210px;
  height: 210px;
  transform: rotate(-90deg);
}
.percent svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 10;
  stroke-linecap: round;
}
.percent svg circle:last-of-type {
  stroke-dasharray: 625px;
  stroke-dashoffset: calc(625px - (625px * var(--percent)) / 100);
  stroke: #3498db;
}

.chart_data_left .card-body .chart-main .media, .chart_data_right .card-body .chart-main .media{
	border-right: 1px solid rgba(0, 0, 0, 10%)!important;
}
.edit-icon::after{
    content:'✎';
}
.delete-icon::after{
    content:'🗑';
}
.dollar-icon::after{
    content:"$";
}
.caret-down::after{
    content:"⯆";
}
.arrow-left-icon{
position:relative;
}
.arrow-left-icon::after {
    content: '›';
    font-size: 19px;
    position: absolute;
    top: -25%;
    right: -12px;
}
.arrow-down{
  	color:#F73C65!important;
  	position: relative;
    margin-left: 15px;
}
.arrow-down::before {
    content: '↓';
    position: absolute;
    background-image: url(/images/arrow-down.svg);
    color: #0000;
    background-size: contain;
    width: 35px;
    height: 14px;
    left: 0;
    background-repeat: no-repeat;
    margin-left: -15px;
    bottom: 15%;
}
.arrow-up{
    color:#53CE8C!important;
  	position: relative;
    margin-left: 15px;
}
.arrow-up::before{
    content:'↑';
  	position: absolute;
    background-image: url(/images/arrow-up.svg);
    color: #0000;
    background-size: contain;
    width: 35px;
    height: 14px;
    left: 0;
    background-repeat: no-repeat;
    margin-left: -18px;
    bottom: 0;
}
.more-icon::after{
    content:'⋮';
}

.green{
    color: green!important;
}

.cursor{
    cursor: pointer!important;
}



/*table thead tr th {*/
/*    background: purple !important;*/
/*    position: relative;*/
/*}*/


/*table thead tr th::after{
    content:'↓';
    opacity:0.5;
    margin-left: 0.75rem;
} */

input::placeholder{
    font-weight: 400!important;
    color:#ccc!important;
}
label{
    font-weight: 400!important;
}

.modal-content
{
    padding: 15px!important;
    border-radius: 10px!important;
}

/* .modal-title-text {
    font-weight: bold;
    font-size: 25px
}

.modal-title-text-articleproduct {
    font-weight: bold;
    font-size: 25px;
    color: #53CE8C;
}

.modal-body-text {
    font-size: 14px;
}

.modal-body-text-notification {
    font-size: 14px;
    white-space: pre-line;
}

.modal-body-text-price {
    font-size: 14px;
    margin-bottom:0;
}

.modal-close-btn {
    width: 18px;
    height: 18px;
}

.modal-confirmation-buttons {
    display: flex;
    gap: 20px
}*/

img.circle {
    border-radius: 50%;
}

.c-dirty-white {
    color: var(--theme-color-dirty-white) !important;
}

.bg-dirty-white {
    background-color: var(--theme-color-dirty-white) !important;
}

.c-white-pink {
    color: var(--theme-color-white-pink) !important;
}

.bg-white-pink {
    background-color: var(--theme-color-white-pink) !important;
}

.c-dark-brown {
    color: var(--theme-color-dark-brown) !important;
}

.bg-dark-brown {
    background-color: var(--theme-color-dark-brown) !important;
}

.card{
    position: relative;
    overflow: hidden;
}

.card .card-option {
    position: absolute;
    right: 5%;
    top: 5%;
    display: block;
    text-align: right;
}

.card .card-option span {
    text-align: right;
    cursor: pointer;
    font-size: 30px;
    font-weight: 900;
}

.card-content-option {
    width: 190px;
    background: var(--theme-color-white);
    padding: 1rem 0;
    display: none;
    text-align: left;
}

/* Cleanup. JAB 10-01-2024 */
/*a.btn-white{
    background:var(--theme-color-white)!important;
    color: var(--theme-color-black)!important;
    font-weight: 600!important;
    font-size: 16px!important;
    letter-spacing: 0ch;
}*/

/* Makes inactive links black */

.dashboard-chart .col-sm-9 ul li:not(.active) a{
    color: var(--theme-color-black);
}


@media only screen and (min-width:1500px) {
    .card.parent,
    .page-title.parent {
        width: 70%;
        margin: auto;
    }
}