/* general */
.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: 100%;
    height: 100%;
    margin: auto;
    vertical-align: middle;
}
.green {
	color: green;
}
.grid-stack-item-content {
	text-align: center;
}
.grid-stack.grid-stack-one-column-mode>.grid-stack-item {
    height: 100%;
}
.form-textarea {
    resize: both;
}
.no-left-right-margin {
    margin-left: 0;
    margin-right: 0;
}
.no-margin {
    margin: 0;
}
.accordion .card .card-header {
    padding: 1rem 1.25rem 1rem 1rem;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.accordion .card .card-header.messages{
    padding: .5rem .5rem .5rem .75rem;
}
.customize-dash-buttons {
    position: fixed;
    top: 2.25em;
    left: 12em;
    z-index: 3;
}
.message-subject {
    font-size: 1.5em;
}

/* @todo 2019-05-28 just in case John actually didn't want the purple

.sidebar-dark .navbar.default-layout-navbar .navbar-brand-wrapper {
    background: #585858;
}

.sidebar-dark .sidebar {
    background: #585858;
}

.sidebar-dark .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
	background: #585858;
	color: #ffffff;
}

.navbar .navbar-menu-wrapper .count-indicator i {
	font-size: .9375rem;
    margin-right: 0;
    vertical-align: middle;
	color: #585858;
}*/

/* affiliate index */
.col-md-12.grid-margin.stretch-card {
    height:100%;
}
.widget-settings-button {
    position: relative;
    z-index: 1;
}
.grid-stack.grid-stack-one-column-mode>.grid-stack-item {
    height: 90%;
}
.stretch-card {
    height: 100%;
}
.card {
    overflow: auto;
}
.card-locked {
    z-index: 2;
}
/* notifications */

/* link groups */
.link-group-header {
    width: 100%;
    text-align: left;
    margin-bottom: 1em;
    color: black;
    font-size: 1.1em;
}
.action-dropdown {
    height: 2.938rem;
}
.linkcode-action-button {
    width: 50%;
    height: 81%;
}
.linkcode-add-button {
    width: 50%;
    height: 90%;
}

/* offers */
.tag-buttons {
    margin-right: .2rem !important;
}
.form-group label {
    vertical-align: middle;
}
.accordion.accordion-solid-header .card .card-header a {
    padding: 1rem 1.25rem 1rem 1rem;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
    padding: 1rem 1.25rem 1rem 1rem;
    background: #8BC53E;
    color: #ffffff;
}

.accordion .card .card-header.offer-row {
    background-color: lightgray;
}

.accordion .card .card-header.requested {
    background-color: #F5A623;
}

.accordion .card .card-header.pending {
    background-color: #F5A623;
}

.accordion .card .card-header.inactive {
    background-color: red;
}

.accordion-filter-header {
    background-color: white;
    padding: 1rem;
}

/* creatives/adtools */
.portfolio-grid figure {
    background: #A6A6A6;
    width: 435%;
    max-height: 200px;
    min-height: 75px;
}
.banner-details {
    background: #efefef;
    margin-bottom: 2em;
}
.banner-grid {
    width: 23%;
    background: #efefef;
}

.details-row {
    /*background: lightgray;*/
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.grid-col {
    margin-right: 1.5%;
    width: 98%;
}

@media (min-width: 1200px) {
    .grid-col {
        width: 23.5%;
    }
}

/* Pixels */
.postback-card {
    margin-top: 1em;
}
.postback-header {
    width: 100%;
    text-align: left;
    margin-bottom: 1em;
    color: black;
    font-size: 1.1em;
}
.postback-row {
    margin-left: 0;
    margin-right: 0;
}

/* My Account */
.accordion-viewed .card .card-header {
    background-color: lightgray;
}
.collapse-message {
    padding-top: 1em;
}
.message-folder-button {
    margin-right: 1em;
    margin-bottom: 1em;
}
.tab-content label {
    text-align: left;
}

/* Stats */
.page-title-editable {
    width: 100%;
}
.page-title-input {
    width: 50%;
}
.tag-buttons {
    margin-right: .2rem !important;
}
.form-group label {
    vertical-align: middle;
}
.filter-date-section {
    float: left;
    width: 105px;
    padding-right: 20px;
}
.first-date{
    margin-left: 1vw;
}
.filter-date-section .title {
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding: 5px 0px;
    font-weight: bold;
    margin-left: 5px;
}
.filter-date-section .date-box {
    background: url("../product_images/calendar-bg.png");
    text-align: center;
    height: 80px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.filter-date-section .date-box .month {
    background: url("../product_images/side-nav-selected.png") repeat scroll 0 0 #{/literal}{$css_colors.calendar_header_background}{literal};
    padding: 5px 0px;
    color: #{/literal}{$css_colors.calendar_header_text}{literal};
    font-size: 11px;
    font-weight: bold;
}
.filter-date-section .date-box .day {
    font-size: 26px;
    padding-top: 4px;
    font-weight: bold;
    color: #{/literal}{$css_colors.calendar_day_text}{literal};
}
.filter-date-section .date-box .year {
    color: #{/literal}{$css_colors.calendar_year_text}{literal};
}
.filter-form .filter-date{
    width: 80px;
    text-align: center;
}
.filter-form .filter-date-short{
    width: 65px;
    text-align: center;
}
.filter-form .filter-text{
    width: 180px;
}
.filter-form .filter-text-long{
    width: 200px;
}
.filter-form .filter-text-medium{
    width: 92px;
}
.filter-form .filter-select{
    width: 220px;
    height: 25px;
}
.filter-form .filter-text-short{
    width: 40px;
    margin: 0 0 0 3px;
}
.filter-form .filter-select-short{
    width: 110px;
    height: 25px;
}
.filter-form .filter-select-veryshort{
    width: 78px;
    height: 25px;
}
.filter-form .filter-select-medium{
    width: 155px;
    height: 25px;
}
.filter-form .tools{
    padding: 5px 50px 25px 0px;
}
.filter-form .filter-ct-tog{
    width: 80px;
    padding-left: 1px;
    font-size: 10px;
}
.filter-form .filter-ct-sel{
    width: 137px;
}
.filter-form .filter-ct-text{
    width: 127px;
}
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 15em; padding: .2em .2em 0; background-color: whitesmoke}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { top: 2px; width: 40px; padding-bottom: 2px; margin-left: 1px; }
.ui-datepicker .ui-datepicker-next { top: 2px; width: 40px; right: 0px; padding-bottom: 2px; margin-right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:0px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next-hover { right:0px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 35%; margin-left: -8px; top: 50%; margin-top: -10px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.Legend { list-style: none;}
.Legend-Entry {
    width: 1rem;
    height: 1rem;
    float: left;
    margin: .2rem;
    display: inline-block;
    background-color: blue;
}

/* Dancho External Login */
.content-wrapper, .footer {
    background-color: var(--theme-primary);
}
.footer {
    border-top: none;
}
.auth .auth-form-light {
    padding: 2rem;
    border-radius: 1.25rem;
    box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.auth .brand-logo {
    margin: 0 auto .5rem;
}
.auth .brand-logo img {
width: 70%;
}
.auth .brand-logo a {
text-align: center;
}
.navbar-brand {
    padding: 0;
}
.alert {
    margin-bottom: 0;
}
.alert-danger {
    border: none;
    border-radius: 0.5rem;
}
.alert-danger p {
    margin-bottom: 0;
    line-height: 1.4;
}
.auth form .form-group .form-control {
    border-radius: .5rem;
}