.block-spinner-bar .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.block-spinner-bar .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

.block-spinner-bar > div {
    margin: -3px;
    width: 25px;
    height: 25px;
}

.block-spinner-bar > div {
    margin: -3px;
    width: 25px;
    height: 25px;
}

.transitionButton {
    margin-top: -20px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-align: center;
}

    .transitionButton:hover {
        color: white;
        box-shadow: 0 4px 16px 0 rgba(37,131,253,.5);
    }

.backButton {
    margin-top: -20px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-align: center;
}

    .backButton:hover {
        color: white;
        box-shadow: 0 4px 16px 0 white;
    }

.submitButton {
    padding-top: 30px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-align: center;
}
    .submitButton:hover {
        border-color: #2583fd;
        box-shadow: 0 4px 16px 0 rgba(37,131,253,.5);
    }

.firstModal {
    padding: 0px 10px 0px 10px;
}

.inlineTop {
    display: inline-block;
    vertical-align: top;
}

.accountType {
    padding: 0px 10px 0px 14px;
}

label {
    font-weight: bold;
}

.centerPage {
    text-align: left;
    display: inline-block;
    width: 450px
}

.centerEmailForm {
    text-align: left;
    display: inline-block;
    margin-top: 20px;
}

#MktPicture {
    display: inline-block;
}


@media screen and (max-width: 1000px) {
    #MktPicture {
        display: none;
    }

    .fullWidth {
        width: calc(100% - 100px);
        left: 0;
        right: 0;
        position: center;
        margin: 0 auto;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1300px) {
    #MktPicture {
        display: none;
    }

    .fullWidth {
        width: calc(100% - 100px);
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 30px;
    }
}

@media screen and (min-width:1300px) {
    #registrationForm {
        margin-top: 30px;
    }

    #MktPicture {
        margin-top: 30px;
    }

    .moveLeft {
        margin-right: 40px;
    }

    .moveRight {
        margin-left: 40px;
    }

    .inline {
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-width: 1420px) {
    .nestedFields {
        width: 300px;
    }

    .moveLeft {
        margin-right: 40px;
    }

    .moveRight {
        margin-left: 40px;
    }

    .inline {
        display: inline-block;
        vertical-align: top;
    }
}

.gdfBlue {
    background-color: #003CFF;
    color: white;
}

.font-gdfBlue {
    color: #003CFF;
}

footer {
    margin-top: 40px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
}

md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple {
    color: rgba(61, 150, 253, 0.26);
}

.block-spinner-bar > div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.block-spinner-bar > div, .page-spinner-bar > div {
    background: #eee;
    border-radius: 100% !important;
}

.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.bg-blue-grey {
    background: linear-gradient(-20deg, #BBDEFB 0%, #E3F2FD 35%);
    padding: 15px 30px;
}

.card {
    /*margin: 40px auto;*/
    padding: 40px;
    border-radius: 8px;
    background-color: #fff !important;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

@media (max-width: 1200px) {
    .bg-blue-grey {
        padding: 15px 30px;
    }

    .card {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .bg-blue-grey {
        padding: 15px 30px;
    }

    .card {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .bg-blue-grey {
        padding: 15px 20px;
    }

    .card {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .bg-blue-grey {
        padding: 15px 15px;
    }

    .card {
        padding: 15px;
    }
}

md-content {
    background: #ffffff;
}

.logo {
    /*position: absolute;*/
}

    .logo img {
        height: 30px;
    }

img {
    vertical-align: middle;
}

.btn-start {
    background: #2fcf6f;
    border: none;
    border-radius: 6px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block !important;
    font: 100% Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 37px;
    letter-spacing: .5px;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 210px;
    -webkit-box-shadow: none;
}

.circle i {
    color: #000;
}

.close-button {
    color: #777;
}

    .close-button:hover {
        color: #555;
        text-decoration: none;
    }

.input-group-prepend label {
    width: 175px;
}

.main-menu {
    background: #FFF !important;
    color: #000 !important;
}

    .main-menu:hover {
        box-shadow: 0px 5px 15px rgba(0,0,0,0.4) !important;
    }

.side-menu {
    margin-top: 25px;
}

    .side-menu li {
        text-align: right;
    }

        .side-menu li a {
            color: #777;
        }

            .side-menu li a:hover {
                color: #333;
                text-decoration: none;
            }

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

.top30 {
    margin-top: 30px;
}

.row {
    margin-bottom: 15px;
}



.layout-margin, .layout-margin-gt-sm, .layout-margin-gt-sm > *, .layout-margin-md, .layout-margin-md > *, .layout-margin > *, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md {
    margin: 8px;
    background: #fff !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

a {
    text-shadow: none;
    color: #337ab7;
}

    a:hover {
        text-decoration: none;
        color: #26A7F2;
    }

/*
	Bootstrap overrides
*/

body {
    /* not being used anymore, background is now white
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f8fa),to(#fff));
    background-image: linear-gradient(180deg,#f5f8fa,#fff);
    color: #000 !important;
        */
}

body, h1, h2, h3, h4, h5, h6, .label, .table.table-light > thead > tr > th {
    font-family: 'Nunito Sans', 'Open Sans', sans-serif;
}

/*h1, h2, h3, h4, h5, h6 {
    color: #353b42;
}*/

.caption {
    color: #353b42 !important;
}

a {
    text-shadow: none;
    color: #3d96fd;
}

.font-grey-gallery {
    color: #353b42 !important;
}

.row {
    margin-bottom: 15px;
}

.form-horizontal .form-group {
    margin-right: 0px !important;
}

.form-control .preserve-space {
    white-space: pre;
}

.btn-dash-storename {
    text-align: left !important;
    max-width: 200px;
    min-width: 200px !important;
    text-overflow: ellipsis;
}

.badge {
    background-color: #4d5660;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 6px;
    font-size: 12px !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18);
}

.bg-success {
    background-color: #E8F5E9;
}

.bg-danger {
    background-color: #FFEBEE !important;
}

.badge-danger {
    /*background-color: #E25D5D !important;
    color: #fff !important;
    font-size: 12px !important;*/
    background-color: #f36565 !important;
    border: 1px solid #d24e4e !important;
    color: #fff !important;
}

.badge-primary {
    /*background-color: #dbe6ec !important;
    color: #000000 !important;
    font-size: 12px !important;*/
    background-color: #dbe6ec !important;
    border: 1px solid #becbd2 !important;
    color: #4d5660 !important;
}

.badge-warning {
    /*background-color: #f5da6d !important;
    color: #000000 !important;
    font-size: 12px !important;*/
    background-color: #fff1b9 !important;
    border: 1px solid #f5da6d !important;
    color: #353b42 !important;
}

.badge-default {
    background-color: #95a5a6 !important;
    color: #000000 !important;
    font-size: 12px !important;
}

/*.badge .badge-primary {
	font-size: 12px !important;
	height: 18px;
	color: #000000;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	text-shadow: none !important;
	text-align: center;
	vertical-align: middle;
}*/

.page-sidebar-closed .page-sidebar-menu .label {
    display: none;
}

.label-primary {
    background: #fcfcfc !important;
    border: 1px #bac3d0 solid;
    color: #4d5660 !important;
}

.label-default {
    background-color: #dbe6ec !important;
    border: 1px solid #becbd2 !important;
    color: #4d5660 !important;
}

.label-success {
    background-color: #dcf9de !important;
    border: 1px solid #51cc5b !important;
    color: #51cc5b !important;
}

.label-danger {
    background-color: #ffe5e5 !important;
    border: 1px solid #d24e4e !important;
    color: #e25d5d !important;
}

.label-warning {
    background-color: #fff8d9 !important;
    border: 1px solid #f5da6d !important;
    color: #bb9500 !important;
}

    .label-warning i {
        color: #f1bf00 !important;
    }

.label-manual-sync {
    background-color: #fcfcfc !important;
    border: 1px solid #51cc5b !important;
    color: #51cc5b !important;
}

.label-info {
    background-color: #3d96fd;
}

.label-dark {
    background-color: #4d5660;
}

.label-grey {
    background: #dbe6ec;
    color: #4d5660;
}

.label:not(.md-skip).label-sm {
    font-size: 13px;
    font-weight: 600;
    padding: 3px 6px;
}

.label:not(.md-skip) {
    padding: 3px 6px;
    border-radius: 60px;
    font-weight: 700;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18)
}

.user-initials {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 91px;
    padding: 9px;
    vertical-align: middle;
    text-align: center;
    height: 40px;
    width: 40px;
    background: #fcfcfc;
    border: 1px #bac3d0 solid;
    margin: 0 auto;
}

/*#tblOrders .label, #orderDetailsModal .label, #ordersStats .label, #returnsPortlet .label, #overviewOrdersTablePortlet .label, #storeOverviewStats .label {
    border-radius: 1em;
    opacity: 0.9;
}*/

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
    border-top: 1px solid #dbe6ec;
}

.mapping-left {
    border-right: dashed 2px #e7ecf1;
    /*-webkit-transition: padding .3s;
	transition: padding .3s;
	-webkit-transition: font-size .3s;
	transition: font-size .3s;*/
}

.mapping-left-title {
    border-bottom: 1px solid #dbe6ec;
}

.feed-field-descriptions {
    font-size: 85%;
    margin: 25px 0px 0px 3% !important;
    overflow-y: hidden;
    max-height: 500px;
    padding: 8px;
}

.slide-up {
    max-height: 0;
}


/*
	Metronic overrides
*/

html {
    background-color: #fcfcfc !important;
}

/* Add here you can put your own css to customize and override the theme */

.page-header.navbar .page-logo, .page-header-inner {
    background: #353B42 !important;
}

.wufoo input.text {
    border-radius: 4px;
}

.nav .divider {
    height: 2px;
    margin: 4px 15px;
    overflow: hidden;
    background-color: #dbe6ec;
}

.page-content-wrapper {
    background: #404040 !important;
    background-color: #fff !important;
}

.page-sidebar {
    background: #353B42 !important;
    transition: .2s ease width;
}

    /*.page-container, .page-content, .page-footer, .page-logo, .page-sidebar .page-sidebar-menu {
    transition: all .3s ease;
}*/

    .page-sidebar .page-sidebar:hover .page-sidebar-menu > li > a {
        background-color: #454E57;
        color: #ffffff;
    }

    .page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active:hover > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
        color: #FAFAFA;
    }

    .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
        color: #fff;
    }

    .page-sidebar .page-sidebar-menu > li.active > a {
        background-color: #454E57;
        color: #d3dbe2;
        /*transition: all .3s ease;*/
    }

.page-footer {
    /*background-color: #fcfcfc !important;*/
    height: 51px !important;
    padding: 15px 20px 5px !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
    font-weight: 400;
    font-size: 14px;
}

.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
    color: #E8F0F4;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #3d96fd;
}

body > div.page-container > div.page-sidebar-wrapper > div > div > ul > li > h5 {
    color: #c3cee0;
    padding-left: 14px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .page-container {
        background: #fcfcfc;
    }
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.page-sidebar .page-sidebar-menu > li.header > h5, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.header > h5 {
    color: #c3cee0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    border-bottom: #454e57 solid 2px;
}

.page-sidebar .page-sidebar-menu > li.header, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.header {
    padding: 15px;
    min-height: 50px;
}

/* Brought over some of the layout 1 media queries  */
@media (min-width: 992px) {

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.header > h5 {
        display: none;
    }
}

@media (max-width: 992px) {
    .page-quick-sidebar-open .page-quick-sidebar-wrapper {
        width: 102%;
    }
}

@media (min-width: 991px) {
    .page-quick-sidebar-open .page-quick-sidebar-wrapper {
        width: 102%;
    }
}

/*
	extruder
*/
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
    border-bottom: 6px solid #b196e3 !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
    background: transparent !important;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
        border-bottom: 6px solid #b196e3 !important;
    }

.page-quick-sidebar-wrapper {
    color: #555 !important;
    background: rgba(0, 0, 0, 0.70) !important;
    overflow-y: scroll;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
        color: #ffffff;
    }

/*
	side bar
*/


.page-actions {
    padding: 15px !important;
    margin: 0 !important;
    background-color: #E8F0F4;
}

table.dataTable tr.heading > th {
    background-color: #E8F0F4;
    border-bottom: 2px solid #dbe6ec !important;
}

.dataTables_scrollHead {
    border-bottom: 0px solid #E8F0F4 !important;
}

table.dataTable.no-footer {
    border-bottom-color: #E8F0F4;
}

.table-border-grey {
    border: 1px #dbe6ec solid;
    border-bottom: 2px solid #dbe6ec !important;
}

.resize-column {
    resize: horizontal;
    overflow: auto;
}

.page-header.navbar .page-top, .clearfix {
    box-shadow: 0 0px 0px 0 rgba(50,50,50,.2);
    /*box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);*/
    background: #4D5660;
}


.portlet.light > .portlet-title > .tools {
    margin-top: 2px;
    padding: 10px 0 0 0;
    font-size: 20px;
}

@media (max-width: 991px) {
    .page-header.navbar .page-top {
        box-shadow: none;
        background: #4D5660;
    }
}

.top-menu > .nav > li > a:focus {
    text-decoration: none;
    background-color: #404040;
}

.navbar-nav > li > a {
    line-height: 0;
    min-height: 68px;
    max-height: 68px !important;
}

.profile-usermenu ul li a:hover {
    background-color: #dbe6ec;
    color: #3d96fd;
    border-left: 0px solid #E8F0F4;
}

/*#dashboardPortlet .card-white {
    padding: 15px 10% 10% 10% !important;
}*/

.card-white {
    box-shadow: 0 15px 30px 0 rgba(89,98,115,.12);
    padding: 15px !important;
    /*border: 1px #dbe6ec solid !important;*/
    border-radius: 8px;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    min-height: 330px;
}

.h1, h1 {
    font-size: 2.5rem;
    font-size: 44px;
    line-height: 56px;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 24px;
    margin: 1.5em 0 0;
}

.feature-card-new, .feature-card-new.left:hover, .feature-card-new:hover {
    box-shadow: 0 15px 30px 0 rgba(89,98,115,.12);
}

.card-grey {
    /*box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);*/
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
    padding: 15px !important;
    background: #E8F0F4 !important;
    border-radius: 8px !important;
    border: 1px #dbe6ec solid !important;
}

.dropdown-menu > li > a > i {
    margin-right: 10px !important;
}

/*.profile-content > ui-view > .portlet, .profile-content > ui-view > ui-view > .portlet, .profile-content > .portlet-fit, .import-ui-view-animation {
    animation: fadeInUp .5s;
}*/

.btn:not(.btn-icon-only):not(.btn-circle):not(.dropdown-toggle) {
    border-radius: 3px;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    overflow: hidden !important;
    min-height: 36px !important;
    line-height: 36px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
}

.btn.grey:not(.btn-outline) {
    color: #5b5b5b;
    background-color: #dbe6ec;
    border-color: #dbe6ec;
}

.btn-primary {
    color: #fff;
    background: linear-gradient(30deg, #3d96fd 0%, #03A9F4 100%) !important;
    border-color: #2e6da4;
}

.btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover {
    border-color: #3d96fd;
    color: #3d96fd;
    background-color: #d7f1ff;
}

/* LOADING CIRCLES */

/*.block-spinner-bar > div, .page-spinner-bar > div {
	background: #3d96fd;
}*/

.block-spinner-bar {
    width: 100px;
}

    .block-spinner-bar > div {
        margin: 2px;
        width: 16px;
        height: 16px;
    }

.bounce1 {
    background: #3d96fd !important;
}

.bounce2 {
    background: #3d96fd !important;
}

.bounce3 {
    background: #3d96fd !important;
}

/*.bounce1 {
    background: #3d96fd !important;
}

.bounce2 {
    background: #51cc5b !important;
}

.bounce3 {
    background: #f29b60 !important;
}*/

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.portlet-title .caption small {
    font-size: 13px;
}

.md-checkbox label > .box {
    border: 2px solid #9ba5a6 !important;
    border-radius: 2px !important;
}

.checkbox, .form-horizontal .checkbox {
    padding-top: 7px !important;
}

.md-checkbox label > span.inc {
    background: #3d96fd;
}

.md-checkbox label > .check {
    border: 2px solid #3d96fd;
    border-top: none;
    border-left: none;
}

.padding-t-0 {
    padding-top: 0px !important;
}

.page-title {
    font-family: 'Nunito Sans', 'Open Sans', sans-serif;
    margin: 0 !important;
    line-height: 68px;
    padding-left: 5px !important;
    color: #fff;
    font-size: 26px;
    letter-spacing: 0px;
}

    .page-title a {
        text-decoration: none !important;
        color: inherit !important;
    }

.profile-sidebar-portlet {
    padding: 0px 0px 0px 0px !important;
    height: 100%;
    overflow-y: auto;
}

.rulepreviewimage {
    border: #dbe6ec 1px solid;
    border-radius: 8px;
    max-width: 75%;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.bgpreviewimage {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

@media only screen and (max-width : 1515px) {
    .bgpreviewimage {
        display: none;
    }
}

.schedulepreviewimage {
    max-width: 75%;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.feedspreviewimage {
    border: #dbe6ec 1px solid;
    border-radius: 8px;
    max-width: 75%;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.bg-compile-alert {
    background: #3d96fd !important;
}

.bg-submit-alert {
    background: #51cc5b !important;
}

md-select-menu, md-select-menu md-content {
    max-height: 350px;
}

/*#feedFilterRuleEditorPorlet md-input-container label:not(.md-no-float):not(.md-container-ignore), #feedCategoryRuleEditorPorlet md-input-container label:not(.md-no-float):not(.md-container-ignore), #feedCustomRuleEditorPorlet md-input-container label:not(.md-no-float):not(.md-container-ignore), #txtImportFilterRuleName md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 15px;
}*/

input:not([disabled]) {
    background: rgba(255, 255, 255, 0) !important;
}

/* ROUND INPUTS AND SELECTS */
#feedStatusFilter, #feedSearch {
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    border: #dbe6ec 1px solid;
    height: 44px;
    vertical-align: top;
    font-size: 16px;
    display: inline-flex;
}

/* ROUND INPUTS AND SELECTS */
#accountFilter {
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    vertical-align: top;
    font-size: 16px;
    /*display: inline-flex;*/
}

#feedSearch, #feedStatusFilter {
    margin: 0px 5px 15px !important;
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    /*transition: right .3s;*/
    right: -2%;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler:hover, .page-quick-sidebar-toggler:hover, .quick-sidebar-toggler:hover {
    background: #e8f0f4 !important;
}

.page-quick-sidebar-toggler, .quick-sidebar-toggler {
    overflow: hidden;
    z-index: 99999;
    display: none;
    width: 40px;
    height: 40px !important;
    padding-top: 10px !important;
    position: fixed !important;
    top: 12px;
    right: 15px;
    text-align: center;
    border-radius: 45px;
    background: #fcfcfc !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
}

    .page-quick-sidebar-toggler > i {
        color: #4d5660 !important;
        font-size: 20px;
    }

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i {
    top: 0px;
    font-size: 16px;
}

#accountSearch {
    height: 38px;
    padding: 8px;
    background-color: #fff !important;
}

#feedfilter #select_value_label_0 {
    height: 39px !important;
    padding-left: 8px !important;
}

.feeds-search-btns {
    height: 44px;
    z-index: 1;
}

.feeds-page-actions {
    padding: 15px !important;
    margin: 0 !important;
    background-color: #E8F0F4;
}

/* ROUND INPUTS AND SELECTS */
#assignWalletName input, .login-content md-input-container input, .login-content md-input-container input {
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    border: #dbe6ec 1px solid;
}

.login-content md-input-container label, #cloneModal label, #sourcePortlet label {
    transform: translate3d(0,6px,0) scale(.75) !important;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
}

.login-content md-input-container.md-input-focused .md-input, .login-content md-input-container.md-input-resized .md-input, .login-content md-input-container .md-input.ng-invalid.ng-dirty {
    border-width: 2px !important;
}

/* ROUND INPUTS AND SELECTS */
.filter-input-left-padding {
    padding: 0px 8px !important;
}

/* ROUND INPUTS AND SELECTS */
md-select-value, .filter .form-group.form-md-line-input .form-control:not([disabled]), md-input-container.md-default-theme .md-input:not([disabled]), md-input-container .md-input:not([disabled]) {
    background: #ffffff !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    border: #dbe6ec 2px solid !important;
    min-height: 34px;
}

.login md-select-value, .login .filter .form-group.form-md-line-input .form-control:not([disabled]), .login md-input-container.md-default-theme .md-input:not([disabled]), .login md-input-container .md-input:not([disabled]) {
    border-radius: 30px !important;
}

md-autocomplete.md-default-theme[disabled]:not([md-floating-label]), md-autocomplete[disabled]:not([md-floating-label]) {
    background: transparent;
}

md-autocomplete md-autocomplete-wrap {
    height: 40px;
}

.md-whiteframe-z1 {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0);
}

.md-select-value {
    border-bottom-width: 2px !important;
    min-height: 30px;
}

/* FORCE LABELS TO FLOAT */
#orderDetailsModal label, #orderSourcePortlet label, #conversionsAddPortlet label {
    transform: translate3d(0,6px,0) scale(.75);
    color: #333;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
}

#feedSettings label, #products label, #feedFormat label {
    transform: translate3d(0,6px,0) scale(.75);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
}

#orderDetailsModal md-input-container .md-input[disabled] {
    color: #212121 !important;
}

.filter {
    background: #fcfcfc;
    border-bottom: #dbe6ec 2px solid !important;
}

.table > thead > tr .filter > td {
    vertical-align: middle;
}

/*md-input-container .md-resize-handle {
    bottom: 0px;
}*/

.btn.blue-stripe {
    border-left: 0px solid #3d96fd !important;
    border-right: 4px solid #3d96fd !important;
}

.conditiongroup-border-blue {
    border-right: 4px #3d96fd solid;
    border-left: 1px #dbe6ec solid;
    border-top: 1px #dbe6ec solid;
    border-bottom: 2px solid #dbe6ec !important;
    background-color: #fcfcfc !important;
}

md-option {
    height: 34px;
}

.md-autocomplete-suggestions li {
    line-height: 34px;
    height: 34px;
    padding: 0px;
}

.btn.green-soft:not(.btn-outline) .badge {
    background-color: #dbe6ec;
    color: #000000;
    font-size: 12px !important;
}

.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
    font-size: 11px;
    padding: 6px 10px;
    font-weight: 300;
}

.profile-usertitle-job {
    text-transform: none;
    color: #3d96fd;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

label {
    margin-bottom: 0px !important;
}

#feedTemplateValidaitonRulePortlet > .portlet-body, #feedCustomRuleEditorPorlet > .portlet-body, #feedCategoryRuleEditorPorlet > .portlet-body, #feedFilterRuleEditorPorlet > .portlet-body {
    padding: 15px 30px 15px 15px;
}

.portlet.light.portlet-fit > .portlet-body {
    padding: 15px !important;
}

    .portlet.light.portlet-fit > .portlet-body.no-padding {
        padding: 0px !important;
    }

.portlet.light.portlet-fit > .portlet-title {
    padding: 15px !important;
    margin-bottom: 0px;
    background-color: #fff;
    border-bottom: 1px solid #dbe6ec !important;
    /*box-shadow: 0 1px 3px rgb(219, 230, 236), 0 1px 2px rgb(232, 240, 244);*/
}

@media screen and (min-width: 992px) {
    .modal-lg {
        width: 1000px;
    }
}

@media screen and (min-width: 992px) {

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
        width: 54px !important;
        display: block;
        z-index: 1;
    }

    .page-sidebar {
        width: 150px !important;
        float: left;
        position: relative;
        margin-right: -100%;
    }

    .page-content-wrapper .page-content {
        margin-left: 150px !important;
    }

    .page-sidebar-fixed .page-footer {
        margin-left: 150px;
    }
}

.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto !important;
}

.page-header.navbar .page-logo {
    float: left;
    display: block;
    width: 150px;
    height: 68px;
    padding-left: 8px;
    padding-right: 6px;
    transition: .2s ease width;
}

.logo-square {
    max-height: 30px !important;
    margin: 5px;
}

.sidebar-toggler {
    vertical-align: middle;
    border: 1px #4d5660 solid;
    background: #4d5660;
    width: 25px !important;
    height: 25px !important;
    border-radius: 25px;
    margin: 0px !important;
    position: fixed;
    top: 57px;
    left: 138px;
    padding: 0px;
    z-index: 100000;
    opacity: 1 !important;
    transition: .2s ease all;
}

    .sidebar-toggler:hover, page-logo:hover .sidebar-toggler, .profile-sidebar-toggler:hover {
        /*opacity: 1 !important;*/
        box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
    }


.page-header.navbar .menu-toggler.responsive-toggler, .page-header.navbar .menu-toggler {
    background-image: none;
    margin: 24px 24px;
}

.page-header.navbar .menu-toggler {
    display: block;
    cursor: pointer;
    opacity: 1;
    filter: unset;
    width: 12px;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
    left: 42px;
}

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler .fa-angle-left {
        display: none;
    }

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler .fa-angle-right {
        display: block !important;
    }

.menu-toggler .fa-angle-left, .menu-toggler .fa-angle-right {
    position: relative;
    left: 8px !important;
    top: 1px !important;
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
    font-weight: 600 !important;
    color: #ACB5C3 !important;
}

.menu-toggler .fa-angle-right {
    left: 10px !important;
    top: 4px !important;
}

.page-header.navbar .page-logo .logo-default {
    margin: 21px 0 0;
    max-width: 100% !important;
}

.login-logo {
    top: 80px;
    left: 80px;
    max-width: 222px !important;
}

.page-sidebar-closed .first-menu-border {
    display: none !important;
}

/*
	Disable Class
*/
.disabled {
    color: #AAAAAA;
    cursor: none;
    pointer-events: none;
    text-decoration: none;
    opacity: .65;
}

.bg-selected {
    color: #3d96fd !important;
    background-color: #e8f0f47a !important;
    font-weight: 600 !important;
    border-left: 0px solid #3d96fd;
}


/* ADS OVERVIEW, CHARTS AND GRAPH STUFF */

.chart-container {
    position: relative;
    margin: auto;
    /*height: 20vh;
    width: 90vw;*/
}

.c-b-subtext {
    position: absolute;
    top: -10px;
    left: 118px;
    font-size: 8px;
    color: #a9adb1;
    text-transform: capitalize;
}

.card-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}


.o-c-title {
    font-size: 14px;
    font-weight: 600;
}

.o-c-metrics {
    font-size: 12px;
}

.filter-card {
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
    padding: 15px !important;
    background: #fff;
    border-radius: 8px !important;
}

    .filter-card:hover {
        background: #f5f5f5 !important
    }

.card-selected {
    color: #3d96fd !important;
    background-color: rgba(151, 217, 255,.2) !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #3d96fd;
    /*border: 2px solid #3d96fd;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18);*/
}

    .card-selected.card-white:focus {
        outline: none;
    }

.min-width-12k {
    min-width: 1200px;
}

.min-width-800 {
    min-width: 800px;
}

.portlet-fullscreen .dataTables_scrollBody1, .portlet-fullscreen .dataTables_scrollBody {
    position: inherit !important;
    overflow: auto !important;
    height: auto !important;
    width: 100% !important;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

.ticket-badge {
    position: absolute;
    top: 15px;
    right: 5px;
    background: #f44336 !important;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -ms-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

.badge-new {
    background-color: #3d96fd !important;
    color: #ffffff !important;
    font-size: 9px !important;
    padding: 4px 6px;
}

.gdf-disabled-portlet {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.circle-icon {
    background: #fcfcfc !important;
    border: 1px solid #dbe6ec;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 30px 17px;
    margin: 0 auto;
    color: #ACB5C3 !important;
}

.circle-logo {
    background: #fcfcfc !important;
    border: 1px #bac3d0 solid;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 19px 17px;
    margin: 0 auto;
    color: #ACB5C3 !important;
}

    .circle-logo img {
        width: 35px;
    }

.merge-file-count {
    position: relative;
    top: -10px;
}

/*.shadow {
	box-shadow: 0 1px 10px 0 rgba(50,50,50,.2);
}*/

.form-actions button[type=submit], .form-actions button[type=button] {
    min-width: 100px;
}

    .form-actions button[type=submit] i, .form-actions button[type=button] i {
        margin-right: 10px;
    }

.width-55 {
    min-width: 55px;
}

.width-100 {
    min-width: 100px;
}

.width-120 {
    min-width: 120px;
}

.width-150 {
    min-width: 150px;
}

.width-200 {
    min-width: 200px;
}

.width-300 {
    min-width: 300px;
}

/*
	gdf icons font sizes
*/

.fs64 {
    font-size: 64px;
}

.fs48 {
    font-size: 48px;
}

.fs32 {
    font-size: 32px;
}

.fs24 {
    font-size: 24px;
}

.fs16 {
    font-size: 16px;
}

/*
	Import Page
*/
.primarysource-wrapper {
}

.primarysource-icon {
    margin: 0 auto;
    display: table;
}
/* Rule Editor*/

.re-condition-set {
    width: 100px;
    display: inline;
    margin-right: 7px;
    margin-bottom: 15px;
}

.draggable > tbody > tr > td:first-child {
    cursor: move;
}

.rulecondition-formgroup {
    margin: 0 0 0px !important;
    padding-top: 0px !important;
}

.ruleconditionset-border {
    border-right: #3d96fd medium solid;
}

/*.table > thead > tr > td {
	text-align: center;
}*/

.table-nobordertop > tbody > tr > td,
.table-nobordertop > tbody > tr > th,
.table-nobordertop > tfoot > tr > td,
.table-nobordertop > tfoot > tr > th,
.table-nobordertop > thead > tr > td,
.table-nobordertop > thead > tr > th {
    border-top: 0 !important;
}


.table-gos > tbody > tr > td {
    font-size: 12px;
    vertical-align: middle;
}

.table-gos div .form-group.form-md-line-input {
    padding-top: 0px !important;
}

.form-group.form-md-line-input .form-control.ng-invalid.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control.ng-invalid.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.ng-invalid:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control.ng-invalid:focus:not([readonly]) ~ label:after {
    visibility: visible;
    left: 0;
    width: 100%;
    background: #e73d4a;
}

/* UI Grid Overrides    */
.ui-grid-top-panel {
    font-size: 14px;
    font-weight: 600;
    background: none;
}

.ui-grid-footer-panel {
    /*background: #f3f3f3;*/
}

.ui-grid-cell {
}

.ui-grid-cell-contents {
    padding: 8px;
}

.cellPopover {
    overflow: visible;
    padding: 8px;
}

/*  Bundles */
.pricing-content-2 .pricing-table-container .price-column-container.featured-price {
    padding: 45px 0 !important;
}

.fix-margins {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/*
	ng-TabInput
*/
tags-input .tags .tag-item {
    margin: 2px;
    padding: 3px 10px 0px 10px;
    display: inline-block;
    float: left;
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 36px;
    line-height: 25px;
    border: 1px solid #dbe6ec;
    border-radius: 5px;
    background: #e8f0f4;
    color: #404040;
    border-bottom: 4px solid #dbe6ec;
}

    tags-input .tags .tag-item .remove-button {
        color: #e25d5d !important;
    }

    tags-input .tags .tag-item.selected {
        background: -webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%);
        background: #e25d5d;
    }

    tags-input .tags .tag-item:hover {
        cursor: move;
    }

tags-input .tags .input {
    border: 1px solid #dbe6ec;
    border-bottom: 3px solid #dbe6ec;
    background: #fff !important;
    border-radius: 4px;
    min-width: 222px;
    outline: 0;
    margin: 2px;
    padding: 0 10px 0 10px;
    float: left;
    height: 36px;
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

tags-input .tags.focused .input {
    border: 1px solid #dbe6ec;
    border-bottom: 3px solid #3d96fd;
    background: #e3f2fd !important;
    border-radius: 4px;
    min-width: 200px;
    outline: 0;
    margin: 2px;
    padding: 0 10px 0 10px;
    float: left;
    height: 36px;
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

tags-input .tags.focused {
    outline: 0;
    border: 1px solid #3d96fd;
    -webkit-box-shadow: 0 0 3px 1px rgba(38, 167, 242,.6);
    -moz-box-shadow: 0 0 3px 1px rgba(38, 167, 242,.6);
    box-shadow: 0 0 3px 1px rgba(38, 167, 242, 0.66);
}

tags-input .tags {
    border: 1px #dbe6ec solid;
    padding: 8px;
    background-color: #fcfcfc !important;
}

.new-item-orange-bg {
    border-bottom: 2px solid #3d96fd;
    background: #e3f2fd !important;
}


.badge-sm {
    height: 15px;
}

.ui-sortable-handle {
    cursor: move !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.table-selected {
    background: #E3F2FD !important;
}

.padding-t-20 {
    padding-top: 20px;
}


.padding-t-3 {
    padding-top: 3px;
}


.padding-t-10 {
    padding-top: 10px;
}

.padding-15 {
    padding: 15px !important;
}

.padding-10-24 {
    padding: 10px 24px !important;
}

.padding-10 {
    padding: 10px !important;
}

.menu-border-padding {
    padding: 8px 12px !important;
}

.filter-group-title {
    padding: 8px 12px !important;
    margin: 16px 0px 0px 0px;
}

.filter-group-title-text {
    color: #4d5660 !important;
    text-transform: uppercase !important;
    font-size: 12px;
    font-weight: 600;
}

.form-group .form-control.ng-invalid {
    border-bottom: 1px solid #e73d4a;
}

.form-group.form-md-line-input .form-control.edited:not(:active) ~ .form-control:after,
.form-group.form-md-line-input .form-control.edited:not(:active) ~ label:after,
.form-group.form-md-line-input .form-control.edited:not(:focus) ~ .form-control:after,
.form-group.form-md-line-input .form-control.edited:not(:focus) ~ label:after {
    background: #ccc;
}

/*  Material Design Form Overrides    */

@media (min-width: 960px) {
    md-tooltip .md-content {
        padding: 8px !important;
    }
}

md-tabs-canvas {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.08);
}

#currentBillingPortlet md-content {
    padding-bottom: 120px;
}

#currentBillingPortlet td {
    vertical-align: middle;
}

.portlet.light > .portlet-title > .caption > i {
    color: #95A5A6;
    font-size: 18px;
    font-weight: 400;
}

.popover > .popover-title {
    font-weight: 600;
    font-size: 16px;
    text-transform: none;
    padding: 15px;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: #3d96fd;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: #3d96fd;
}

@media (min-width: 960px) {
    md-tooltip .md-content {
        padding: 10px !important;
    }
}

md-tooltip.md-default-theme .md-content, md-tooltip .md-content {
    background-color: #fff !important;
    /*border: #353b42 1px solid;*/
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
}

md-tooltip {
    z-index: 100000;
    color: #4d5660;
    font-family: inherit;
    font-size: 14px;
    padding: 8px;
}

.md-content {
    height: auto !important;
    max-width: 300px !important;
    padding: 8px !important;
    white-space: normal !important;
    border-radius: 3px;
}

/*Tool tip width*/
@media (min-width: 991px) {
    .md-content {
        height: auto !important;
        max-width: 500px !important;
        padding: 8px !important;
        white-space: normal !important;
        border-radius: 3px;
    }
}

@media (max-width: 991px) {
    .md-content {
        height: auto !important;
        max-width: 300px !important;
        padding: 8px !important;
        white-space: normal !important;
        border-radius: 3px;
    }
}

md-toast {
    position: fixed;
    z-index: 100000;
}

    md-toast.md-center {
        top: 0px;
        left: 60%;
        margin-left: -150px;
        transform: translate3d(-50%, 0, 0);
    }

.md-toast-text {
    text-align: center;
    font-weight: 400 !important
}

.md-toast-animating {
    overflow: initial !important;
}

/*md-toast.md-success-toast-theme .md-toast-content {
    background-color: #51CC5B !important;
    color: #ffffff
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: #e25d5d;
    color: #fff;
}

md-toast.md-warning-toast-theme .md-toast-content {
    background-color: #f5da6d !important;
    color: #353b42
}*/

md-toast.md-success-toast-theme .md-toast-content {
    background-color: #353b42 !important;
    color: #fff;
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: #353b42;
    color: #ff6c61;
}

md-toast.md-warning-toast-theme .md-toast-content {
    background-color: #353b42 !important;
    color: #f5da6d;
}

md-toast.md-default-theme .md-toast-content .md-button, md-toast .md-toast-content .md-button, md-toast.md-default-theme .md-toast-content .md-button:hover, md-toast .md-toast-content .md-button:hover {
    color: #3d96fd;
    font-weight: 600;
    border-radius: 60px;
}

md-toast .md-toast-content {
    border-radius: 8px;
}

.form-group.form-md-line-input .form-control.edited:active:not([readonly]):not(.ng-invalid) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.edited:active:not([readonly]):not(.ng-invalid) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]):not(.ng-invalid) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]):not(.ng-invalid) ~ label:after {
    background: #5b9bd1;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block {
    color: #555555;
}

.form-group.form-md-line-input.form-md-floating-label:active .form-control ~ label {
    transition: .2s ease all;
    color: #999;
}

.form-group.form-md-line-input.form-md-floating-label:not(focus) .form-control ~ label {
    transition: none;
}

.form-group .help-block-error .has-error .ng-invalid {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    color: red;
}

.hide-validation-error .md-errors-spacer {
    display: none;
}

md-input-container.md-default-theme.md-input-invalid .md-input, md-input-container.md-input-invalid .md-input {
    border-color: rgb(221,44,0) !important;
}

md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value {
    color: rgb(221,44,0) !important;
    border-color: rgb(221,44,0) !important;
}

md-input-container.md-default-theme .md-input, md-input-container .md-input {
    /*transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
    color: #333;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #3d96fd !important;
    /*box-shadow: 0 0 6px #3d96fd;*/
    background-color: #ffffff !important;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border-color: #3d96fd !important;
    background-color: #ffffff !important;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon, md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected], md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus {
    color: #3d96fd;
}

md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: #3d96fd;
}

/*.md-select-menu-container.md-active md-select-menu {
	-webkit-transition: all 0s cubic-bezier(.25,.8,.25,1);
	transition: all 0s cubic-bezier(.25,.8,.25,1);
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}*/

/*.md-select-menu-container.md-active md-select-menu > * {
		opacity: 1;
		-webkit-transition: all 0s cubic-bezier(.55,0,.55,.2);
		transition: all 0s cubic-bezier(.55,0,.55,.2);
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}*/

/*button, input, select, textarea {
	font-size: 12px;
}*/

/*.form-group.form-md-line-input .form-control {
	font-size: 12px !important;
}*/

@media (min-width: 992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 13px 11px;
    }
}

@media (min-width: 992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-square {
        display: block !important;
    }
}

.editable-click, a.editable-click {
    vertical-align: middle;
}

.dropdown-menu {
    border-radius: 4px !important;
    left: 0;
    min-width: 150px;
    position: absolute;
    z-index: 10000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    /*font-family: 'Nunito Sans', 'Open Sans', 'Helvetica Neue', sans-serif !important;*/
    max-height: 275px;
    overflow: auto;
    transition: opacity 0s cubic-bezier(.23,1,.32,1) 0s !important;
}

md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #3d96fd !important;
}

.page-sidebar-fixed .page-sidebar-menu .sub-menu {
    margin: 0;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    height: auto;
}

.page-sidebar-fixed .page-sidebar-menu .open .sub-menu {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    height: auto;
    max-height: 600px;
}

/*.page-sidebar {
	z-index: 1;
}*/

.page-quick-sidebar {
    width: 90%;
    position: absolute;
    left: 5%;
}

.width-50px {
    width: 50px;
}

.width-70px {
    width: 70px;
}

.width-25px {
    width: 25px;
}

.width-35px {
    width: 35px;
}

.width-20px {
    width: 20px;
}

.width-270 {
    width: 270px !important;
}


.loading-img {
    width: 70px;
    filter: grayscale(1);
    margin-top: -15px;
}

.feed-logo-mapping {
    width: 16px;
    padding-bottom: 4px;
}

.feed-logo {
    width: 26px;
    margin: 0px 4px 0px 0px;
}

.feed-logo-16 {
    width: 16px;
    margin: 0px 4px 0px 0px !important;
}

.feed-logo-14 {
    width: 14px;
    margin: 0px 4px !important;
}

.feed-logo-schedule {
    width: 30px;
    margin: 0px 10px 0px 0px;
}

.feed-image-row {
    overflow: hidden !important;
    display: block !important;
    margin-bottom: 0px !important;
}

.feed-image {
    margin-left: 13px !important;
    width: 120px !important;
    height: 120px !important;
    /* display: block !important; */
    /* float: left !important; */
    /* padding-bottom: 34px !important; */
    /* padding-left: 0px !important; */
    margin-bottom: -16px !important;
    opacity: .3 !important;
}

/*.feed-details-logo {
	width: 70px;
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}*/

.submenu-title {
    text-transform: uppercase !important;
    font-size: 16px;
    color: #4d5660;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 0 8px;
    float: left;
    display: inline-block;
}

.import-details-title {
    text-transform: uppercase !important;
    font-size: 20px;
    color: #5b5b5b;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 2px;
}

.capitalize {
    text-transform: capitalize;
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    position: absolute !important;
    right: -18px !important;
    padding: 7px 21px 5px 5px !important;
}

#_hj-f5b2a1eb-9b07_hotjar_branding {
    display: none;
}

.portlet > .portlet-title > .caption {
    font-size: 20px;
    padding: 10px 0 0 0 !important;
}

.padding-l-r-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.blue-bg-border {
    background: #E3F2FD !important;
}

.profile-usermenu {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    /*margin-top: 30px;*/
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .username {
    display: inline-block;
    font-weight: 400;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-size: 12px !important;*/
    color: #E8F0F4;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background: #353B42 !important;
}

.navbar-padding {
    padding: 15px 20px 13px 20px !important;
}

.navbar-account-padding {
    padding: 17px 70px 13px 20px !important;
}


.account-active {
    background-color: #51CC5B !important;
}

.account-inactive {
    background: #E25D5D !important;
}

.account-active:hover {
    background-color: #4aba53 !important;
}

.account-inactive:hover {
    background-color: #D15555 !important;
}

.dropdown-menu > li > a {
    color: #4d5660;
    font-weight: 400;
}

.dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
    background-color: #e8f0f4;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #e8f0f4;
}

.dropdown-menu > li > a > i {
    color: #4d5660 !important;
}

.currentstore {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 300;
}

.username {
    display: inline !important;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 300;
}

.truncate-pageheader {
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1450px) {
    .hide-on-mobile-hc {
        display: none !important;
    }

    .currentstore {
        max-width: 190px;
    }

    .username {
        max-width: 190px;
    }

    .truncate-pageheader {
        max-width: 350px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #feedfilter {
        max-width: 110px;
    }
}

@media (max-width: 1300px) {

    .truncate-pageheader {
        max-width: 410px;
    }

    .hide-on-mobile-hc {
        display: none !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .username {
        max-width: 100px;
    }

    .currentstore {
        max-width: 150px;
    }

    .navbar-account-padding {
        padding-right: 65px !important;
        padding-left: 12px !important;
    }

    .navbar-nav > li > a {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (max-width: 601px) {
    .truncate-pageheader {
        max-width: 410px;
    }

    .currentstore {
        max-width: 140px;
    }

    .helpcenter {
        max-width: 140px;
    }

    .navbar-nav > li > a {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

@media (max-width: 375px) {
    .currentstore {
        max-width: 80px;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .truncate-pageheader {
        max-width: 320px;
    }

    .navbar-nav > li > a {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}



.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > i {
    font-size: 16px;
    text-align: left;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
    color: #0281cc;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > .title {
    display: none !important;
    margin: 0;
    padding: 9px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: 0 0;
}

.page-sidebar .page-sidebar-menu > li.active > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .title {
    font-weight: 800 !important;
    color: #ffffff !important
}

.page-sidebar .page-sidebar-menu .sub-menu li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li.active > a {
    font-weight: 800 !important;
    color: #ffffff !important;
    /*font-style: italic*/
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a {
    padding-left: 8px;
}

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a > i {
        font-size: 18px;
    }

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-closed > li > a {
        min-height: 50px;
        padding-right: 11px;
        padding-left: 18px;
    }
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before {
    color: #ffffff !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 27px 20px;
    max-height: 68px;
}

.page-header.navbar .top-menu .navbar-nav {
    padding: 0;
    margin-right: 0px;
    display: block;
}

    .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
        cursor: pointer;
        padding: 24px 6px;
    }


    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
        width: 15px;
        display: inline-block;
        margin-right: 15px;
    }

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 0px solid #2b3b55;
    color: #e9edef !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
    display: inline-block !important;
    text-align: left;
    margin-top: 0;
}

@media (min-width: 991px) {
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > span {
        display: none !important;
        text-align: left;
        margin-top: 0;
    }
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #e9edef !important;
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a {
    background: #4D5660;
    border-left-color: #3d96fd !important;
    border-left-style: solid;
    border-left-width: 0px;
}

.alert-info {
    background-color: #e8f0f4;
    color: #4d5660;
    border: 1px #dbe6ec solid;
}

/*.alert-running {
    background-color: #3d96fd;
    color: #ffffff;
}*/

/*.alert-running {
    background-color: #c5e8fd;
    border: 1px solid #3d96fd;
    color: #0ea0f5;
}*/

.alert-running {
    background: #f8f0f9 !important;
    border: 1px solid #f0d8fb;
    color: #8e44ad !important;
}

a:focus, a:hover {
    text-decoration: none;
    color: #3d96fd;
}

.alert {
    margin-bottom: 0px;
    font-size: 14px !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18);
    border-radius: 8px !important;
    text-align: center;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;
}

.alert-danger {
    /*background-color: #e25d5d;
    color: #fff;*/
    background-color: #f36565 !important;
    border: 1px solid #bb3737 !important;
    color: #ffffff;
    border-radius: 8px !important;
}

    .alert-danger .alert-link {
        color: #ffffff;
    }

    .alert-danger a:focus, .alert-danger a:hover {
        text-decoration: none;
        color: #ffcdd2 !important;
    }


.alert-warning {
    /*background-color: #f5da6d !important;
    color: #353b42;
    border-radius: 8px !important;*/
    background-color: #fff1b9 !important;
    border: 1px solid #f5da6d !important;
    color: #353b42;
    border-radius: 8px !important;
}

.alert-success {
    background-color: #dcf9de !important;
    border: 1px solid #51cc5b !important;
    color: #38b142 !important;
}

    .alert-success a {
        color: #38b142 !important;
    }

/* END PAGE INFO ALERTS */

.page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    float: right;
    position: absolute;
    right: -1px;
    top: 26px;
    background: 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 12px double #454545;
    border-bottom: 12px double transparent;
    border-left: 0;
    border-right: 8px solid #454545;
    display: none
}

.l-h-45 {
    line-height: 45px;
}

.l-h-20 {
    line-height: 20px;
}

.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 0px !important;
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    list-style: none;
    display: none;
    padding: 0;
    margin: 0px 0;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a {
    background-color: transparent !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background: transparent !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a {
    background-color: rgba(253, 253, 253, 0.14) !important;
    border-left-color: #5b5b5b !important;
    border-left-style: solid;
    border-left-width: 4px;
}

.page-sidebar-menu a:hover, .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a:hover {
    background-color: #4D5660 !important;
    /*padding: 15px 15px 15px 18px !important;*/
}

    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
        color: #fafafa;
    }

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a {
    text-align: left;
    min-height: 50px;
    max-height: 50px;
    padding: 15px;
    padding-left: 18px;
}

.no-line {
    text-decoration: none !important;
}

.tabbable-line > .nav-tabs > li.active {
    /*background-color: #f6f9fb;*/
    border-bottom: 4px solid #3d96fd;
    position: relative;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    background: 0 0;
    border-bottom: 4px solid #95a5a6
}

.nav-tabs > li {
    margin: 0;
    padding: 0;
    min-width: 150px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .popover-wrapper form {
        margin-left: -30px;
        padding: 0px;
    }

        .popover-wrapper form:before {
            left: 25px;
        }

        .popover-wrapper form:after {
            left: 26px;
        }
}

@media screen and (min-width: 750px) {
    .popover-wrapper form {
        margin-left: -30px;
        padding: 0px;
    }

        .popover-wrapper form:before {
            left: 50px;
        }

        .popover-wrapper form:after {
            left: 51px;
        }
}

.popover-wrapper {
    z-index: 90;
    position: absolute;
    padding: 0px;
}

    .popover-wrapper.multi-input {
        position: absolute;
        width: auto;
    }

    .popover-wrapper form {
        position: sticky;
        left: 65%;
        padding: 0px;
    }

.opacity-6 {
    opacity: .6 !important;
    filter: alpha(opacity=60);
}

.btn.dropdown-toggle {
    border-radius: 4px;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    overflow: hidden !important;
    min-height: 36px !important;
    min-width: 36px;
    line-height: 36px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 0px !important;
}

.btn-action {
    border-radius: 30px;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    overflow: hidden !important;
    min-height: 36px !important;
    width: 175px;
    line-height: 36px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
}


.fade-in-up.ng-hide {
    opacity: 0;
}

.fade-out-down.ng-leave {
    -webkit-animation: fade-out-down-animation ease 1s;
    -moz-animation: fade-out-down-animation ease 1s;
    -o-animation: fade-out-down-animation ease 1s;
    animation: fade-out-down-animation ease 1s;
}

@keyframes fade-out-down-animation {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

/*md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
	padding-bottom: 0 !important;
	border-width: 0 0 2px !important;
}*/

.pricing-content-2 .pricing-table-container .price-column-container {
    background-color: #fff;
    margin: 35px 0;
    padding: 15px 0 !important;
    text-align: center;
    border-bottom: 4px solid #ccc;
}

    .pricing-content-2 .pricing-table-container .price-column-container > .price-table-pricing > h3 {
        font-size: 45px !important;
        position: relative;
        font-weight: 600;
        color: #666666;
    }

    .pricing-content-2 .pricing-table-container .price-column-container > .price-table-footer {
        padding: 30px 0 15px 0 !important;
    }

.md-input-focused .hint {
    color: #3d96fd !important;
}

.md-input-focused label {
    color: #3d96fd !important;
}

.hint {
    font-size: 11px;
    /*float: left;*/
}

label {
    font-size: 16px;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #333;
}

.v-a-top {
    vertical-align: top !important;
}

.profile-usermenu > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #5b5b5b;
    /*text-transform: uppercase;*/
}

.profile-usertitle-name {
    color: #3f3f3f;
    font-size: 14px !important;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-20-60 {
    padding: 20px 60px !important;
}

.margin-l-r-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.margin-l-r-15 {
    margin-right: 15px;
    margin-left: 15px;
}

.margin-left-15 {
    margin-left: 15px;
}


/*Gap between rule list portlet and rule editors*/
.padding-left-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.padding-l-0 {
    padding-left: 0px;
}

.padding-r-0 {
    padding-right: 0px;
}

.bottom-border-grey {
    border-bottom: #e8f0f4 1px solid !important;
}

.bottom-border-grey-thin {
    border-bottom: #dbe6ec 1px solid !important;
}

.bottom-border-light {
    border-bottom: #4D5660 1px solid !important;
}

.border-top-0 {
    border-top: 3px solid #ffffff !important;
}

/*.table td, .table th {
	font-size: 12px;
}*/

/*no page spaces*/

.page-content-wrapper .page-content {
    padding: 0px 0px 25px;
}

@media (max-width: 991px) {
    .page-content-wrapper .page-content {
        margin: 0 !important;
        padding: 0px !important;
        min-height: 280px;
    }
}

.profile-content {
    transition: .2s ease margin-left;
}

.width-230 {
    width: 230px;
}

.width-250 {
    width: 250px !important;
}

.width-333 {
    width: 333px !important;
}

.weight-300 {
    font-weight: 300 !important;
}

.page-content {
    background-color: #fcfcfc;
    transition: all .2s ease;
}

.page-content-wrapper {
    background: #404040 !important;
    background-color: #fcfcfc !important;
}

.table {
    /*background-color: #fff;*/
    margin-bottom: 0px;
}

.conditions-table {
    background-color: transparent !important;
    margin-bottom: 0px;
}

.portlet.light {
    padding: 12px 15px 15px;
    background-color: #fcfcfc;
    margin: 0 0 15px 0;
}

.btn-md {
    height: 38px;
    width: 38px;
    text-align: center;
    padding: 0px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    /*-webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -ms-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;*/
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
}

    .btn-md i {
        margin: 0px !important;
        vertical-align: middle;
    }

.btn-footer-fab {
    height: 40px;
    width: 40px;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 2px !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    /*-webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;*/
}

.portlet.light .portlet-body {
    padding-top: 0px;
}

.portlet {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0;
    border-radius: 8px;
}

    .portlet > .portlet-body > .tools > a.fullscreen {
        display: inline-block;
        top: -3px;
        position: relative;
        font-size: 13px;
        font-family: FontAwesome;
        color: #ACACAC;
    }

.profile-usermenu ul li.active a, .profile-usermenu ul li.filterActive a {
    color: #3d96fd;
    background: inherit;
    border-left: 0px solid #3d96fd;
    margin-left: 0px;
    font-weight: 600;
}

.profile-usermenu ul li.filterActive a {
    border-radius: 0px;
}

.filterActive {
    background: #dbe6ec !important;
    border-radius: 42px;
}

#storesProfileSidebarPortlet .badge {
    position: absolute;
    right: 10px;
    top: 10px;
}

.bg-blue {
    background: #3d96fd !important;
}

.border-dark-transparent {
    border: 8px solid transparent !important;
}

.portlet.light.bordered > .portlet-title {
    border-bottom: 2px solid #E8F0F4;
}

.no-bottom-border {
    border-bottom: 0px solid #E8F0F4 !important;
}

.no-top-border {
    border-top: 0px solid #E8F0F4 !important;
}

.portlet.light.bordered {
    border: 1px solid #dbe6ec !important;
}

.portlet-shadow-none {
    box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.font-8 {
    font-size: 8px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-purple-nav {
    color: #CE93D8 !important;
}

.padding-dropdown {
    padding: 8px 16px;
}

md-progress-linear .md-container .md-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
}

md-progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

    md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar1 {
        background-color: #3d96fd;
    }

    md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar2 {
        background-color: #4b77be;
    }

    md-progress-linear .md-container {
        background-color: transparent !important;
    }

#tblFeedsList > tbody > tr > td {
    padding: 8px;
    line-height: 1.2;
    vertical-align: middle;
}

#tblFeedsList .header-txt {
    text-transform: uppercase;
    font-size: 16px;
}

#tblImportTimes > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #dbe6ec;
}

.table-responsive-space {
    overflow-x: auto;
    min-height: .01%;
    /*padding-bottom: 190px;*/
}

.strikethrough {
    text-decoration: line-through;
}

.product-count {
    background: #fcfcfc !important;
    border: 1px solid #dbe6ec;
    border-radius: 8px;
    padding: 5px;
    margin: 10px;
}

.progress {
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 5px !important;
    border-radius: 15px !important;
    background-color: #E8F0F4;
    overflow: hidden;
    margin: 8px 0px 0px 0px;
}

.progress-bar-success {
    background-color: #51cc5b;
}

.progress-bar-danger {
    background-color: #e25d5d;
}

.progress-bar {
    transition: width 0s ease;
}

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

.margin-top-25 {
    margin-top: 25px !important;
}

.padding-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-l-15 {
    padding-left: 15px;
}

.mt-element-list .list-todo.mt-list-container {
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 0px solid;
    border-color: #e7ecf1;
    position: relative;
}

    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover {
        text-decoration: none;
        color: #3d96fd;
    }

a:hover {
    text-decoration: none;
    color: #3d96fd;
}

.mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a {
    text-decoration: none;
    color: #2f353b;
}

body[ng-controller] .modal {
    z-index: 10050 !important;
}

/*.modal .modal-header {
	border-bottom: 0px solid #EFEFEF;
}*/

.modal-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .005em;
    line-height: 3.2rem;
}

.modal-full.modal-dialog {
    width: 90%;
}

md-optgroup label {
    padding: 8px 8px 0px 8px;
    border-bottom: #f1f3f6 2px solid;
    color: #262626;
    font-weight: 600;
    display: inline-block;
}

@media (max-width: 991px) {
    .page-sidebar, .page-sidebar.navbar-collapse.in {
        border-top: 0 !important;
        margin: 0px;
    }
}

@media (max-width: 480px) {
    .page-sidebar, .page-sidebar.in {
        margin: 0px !important;
    }
}



@media screen and (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > ul > li > a > .title {
        display: none !important;
    }
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > .sub-menu li a {
    padding-left: 0px !important;
}

/*.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > ul > li, .page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > ul > li {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}*/

/*.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a {
	padding-left: 15px;
}*/

/*.portlet > .portlet-title > .tools > a.fullscreen {
    top: -3px;
    position: relative;
    font-size: 14px;
    font-family: FontAwesome;
    color: #555555;
    min-width: 16px;
}

.portlet > .portlet-title > .tools > a {
    color: #555555;
}*/

.form-control {
    padding: 0px 1px 4px 1px;
    background: border-box rgba(0, 0, 0, 0) !important;
}

.md-checkbox label {
    cursor: pointer;
    padding-left: 30px;
    margin-bottom: 15px !important;
}

.md-background {
    border-radius: inherit !important;
}

.editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea {
    margin-bottom: 0;
    background-color: #ffffff !important;
    margin-right: 5px;
}


.md-select-menu-container {
    z-index: 10100;
}

/* FEED MAPPING INPUT */
.input-transparent {
    top: 0px;
    left: 0px;
    border-color: transparent;
    box-shadow: none;
    opacity: 1;
    background: none 0% 0% / auto repeat scroll padding-box border-box rgba(255, 255, 255, 0) !important;
    color: rgb(153, 153, 153);
}

.rulelist-ruletitle {
    display: inline-block;
    /*width: 329px;*/
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
    line-height: 14px;
    vertical-align: bottom;
}

/* Feed Mapping Description */
code {
    color: #262626;
    background-color: #E8F0F4;
    border-radius: 8px;
    padding: 3px 6px;
}

/* DASHBOARD */
md-content.md-default-theme, md-content {
    color: inherit;
    background-color: transparent;
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color: #4d5660;
    background: #ffffff;
}

md-tabs.md-default-theme .md-tab .md-ripple-container, md-tabs .md-tab .md-ripple-container {
    color: rgb(242, 120, 75);
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    color: #3d96fd;
    background: #3d96fd;
    margin: 0px 16px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}

md-ink-bar {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    height: 4px;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.nowrap {
    white-space: nowrap;
}

iframe.zEWidget-launcher {
    margin: 25px 19px !important;
    /*-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;*/
}



.profile-content > .portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 24px;
    line-height: 20px;
    padding: 10px 0;
}

/*ng-tags-input*/

tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em {
    color: #3d96fd;
    background-color: #f6f6f6;
}

tags-input .autocomplete .suggestion-item {
    padding: 5px 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #6f6f6f;
    background-color: #fff;
}


.hide-delete {
    display: none
}

tr:hover .hide-delete {
    display: inherit;
}

tr:hover .md-shadow-none {
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
}

.btn.clear:not(.btn-outline) {
    color: #666;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}

    tr:hover .btn.clear:not(.btn-outline), .btn.clear:not(.btn-outline):hover {
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
    }

/*ANIMATIONS*/

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounceIn {

    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {

    0% {
        opacity: 0;
        -moz-transform: scale(0.8);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {

    0% {
        opacity: 0;
        -o-transform: scale(0.8);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {

    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.delay {
    -webkit-animation-delay: 0.30s;
    -moz-animation-delay: 0.30s;
    -o-animation-delay: 0.30s;
    animation-delay: 0.30s;
}

.delay-three {
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
}

.delay-two {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s;
}

.delay-one {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-15 {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    animation-delay: 15s;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}


@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

div.ui-grid-cell input {
    /*border-radius: inherit;*/
    padding: 0;
    width: inherit;
    color: inherit;
    height: auto;
    font: inherit;
    outline: none;
    /*border-bottom: 1px solid #d4d4d4 !important;*/
}

    div.ui-grid-cell input.ng-valid {
        /* border: 1px solid #d4d4d4; */
        border: none;
        border-bottom: 1px solid #d4d4d4;
    }

    div.ui-grid-cell input.ng-invalid {
        /*border: 1px solid #fc8f8f;*/
        border: none;
        border-bottom: 1px solid #fc8f8f;
    }

md-input-container textarea.md-input {
    overflow-y: auto;
    max-height: 260px;
}

.hidden {
    display: none
}

.visible {
    display: inline
}

.button-disable {
    cursor: pointer;
    pointer-events: none;
}

/*
								Required.
	AutoComplete results appear behind Modal and this will correct it
*/
.md-autocomplete-suggestions-container {
    z-index: 100000 !important;
}

.padding-5 {
    padding: 5px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.templateNameValue input {
    padding-top: 8px !important;
    margin-bottom: -10px;
    font-size: 14px !important;
}

.templateNameValue span {
    color: #aaa !important;
    font-size: 20px !important;
}

.switchStoreInput button {
    display: none !important;
}

.switchStoreInput md-autocomplete-wrap {
    box-shadow: none !important;
}

.switchStoreWrapper {
    display: table;
}

.switchStoreOpen {
    display: block !important;
}

.switchStoreWrapper form {
    overflow: hidden !important;
    display: table-cell;
    vertical-align: middle;
}

.switchStoreInput input {
    color: #222 !important;
}

.switchStoreResult {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 220px;
    height: 100%;
    display: block;
    line-height: 2;
    vertical-align: middle;
    font-size: 13px;
}

.daterangepicker.dropdown-menu {
    max-height: initial !important;
    z-index: 9999 !important;
}


.filterPopover form:before, .filterPopover form:after {
    display: none;
}

.filterPopover form {
    padding: 5px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    height: 100%;
    min-height: 50px;
    max-height: 500px !important;
}

.v-a-middle {
    vertical-align: middle !important;
}


@media screen and (min-height: 992px) {
    .switchStoreSuggestionsContainer {
        max-height: 500px !important;
    }
}

@media screen and (max-height: 991px) {
    .switchStoreSuggestionsContainer {
        max-height: 445px !important;
    }
}

@media screen and (max-height: 900px) {
    .switchStoreSuggestionsContainer {
        max-height: 350px !important;
    }
}

@media screen and (max-height: 800px) {
    .switchStoreSuggestionsContainer {
        max-height: 300px !important;
    }
}

@media screen and (max-height: 700px) {
    .switchStoreSuggestionsContainer {
        max-height: 250px !important;
    }
}

@media screen and (max-width: 700px) {
    .switchStoreWrapper .dropdown-menu {
        left: 0 !important
    }

    .switchStoreInput {
        left: 0 !important
    }
}


#templateDescriptionTabs md-tabs-canvas {
    background-color: transparent;
    overflow: hidden;
}

#templateDescriptionTabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    height: 280px;
    min-height: 280px;
}

#templateDescriptionTabs md-content {
    overflow: hidden;
    overflow-y: hidden;
}

#templateDescriptionTabs md-tab-item {
    font-weight: 600;
}

.hideWizard {
    display: none;
}

.commonWizardTabsHeight {
    height: 400px !important;
}

    .commonWizardTabsHeight md-tab-content {
        overflow: hidden !important;
    }

.addTemplateModalFooter {
    padding-top: 0px;
    vertical-align: middle;
    line-height: 3;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*.animated-text-replace {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .2s;
	-moz-animation-duration: .2s;
	-ms-animation-duration: .2s;
	-o-animation-duration: .2s;
	animation-duration: .2s;
}*/

.reports-content .clearfix {
    background: #fefefe !important;
    box-shadow: 0 0px 0px 0 !important; /*rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);*/
}



/*#feedDetailSetupPortlet, #feedSettingsGeneralPortlet, #divStoreAPISettingsEdit {
    -webkit-animation: fadeInUp .8s;
    animation: fadeInUp .8s;
}

#feedDetailPreviewPortlet, #feedSettingsSubmissionPortlet, #divStoreAPIAuthorizationEdit {
    -webkit-animation: fadeInUp 1.2s;
    animation: fadeInUp 1.2s;
}

#feedDetailSubmitPortlet, #feedSettingsFeedPullPortlet, #divStoreAPIPermissionsEdit {
    -webkit-animation: fadeInUp 1.8s;
    animation: fadeInUp 1.8s;
}*/

.rmvOutline {
    color: black !important;
}

    .rmvOutline:focus {
        outline: none !important;
    }

.md-select-value .md-select-icon {
    width: 16px;
}

#feedsPreviewStats .table-condensed > tbody > tr > td,
#feedsPreviewStats .table-condensed > tbody > tr > th,
#feedsPreviewStats .table-condensed > tfoot > tr > td,
#feedsPreviewStats .table-condensed > tfoot > tr > th,
#feedsPreviewStats .table-condensed > thead > tr > td,
#feedsPreviewStats .table-condensed > thead > tr > th,
#feedsSubmitStats .table-condensed > tbody > tr > td,
#feedsSubmitStats .table-condensed > tbody > tr > th,
#feedsSubmitStats .table-condensed > tfoot > tr > td,
#feedsSubmitStats .table-condensed > tfoot > tr > th,
#feedsSubmitStats .table-condensed > thead > tr > td,
#feedsSubmitStats .table-condensed > thead > tr > th {
    padding: 0px 5px;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th {
    border: 1px solid #dbe6ec;
    border-top: 0px;
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 0px solid #E8F0F4;
    }

    #tblFeedsList .table-bordered:not(:last-child), .table-bordered > tbody > tr > td:not(:last-child), #tblFeedsList .table-bordered > tbody > tr > th:not(:last-child), #tblFeedsList .table-bordered > tfoot > tr > td:not(:last-child), #tblFeedsList .table-bordered > tfoot > tr > th:not(:last-child), #tblFeedsList .table-bordered > thead > tr > td:not(:last-child), #tblFeedsList .table-bordered > thead > tr > th:not(:last-child) {
        border-right: 2px dashed #dbe6ec;
    }


.new-features-list {
    list-style-type: none;
}

    .new-features-list > li {
        margin-bottom: 10px;
    }

        .new-features-list > li > i {
            font-size: 18px;
            margin-right: 10px;
        }

.bg-transparent {
    background-color: transparent !important;
}

#orderSummaryTable .table-responsive, #tblConfiguredOrderSources .table-responsive {
    padding-bottom: 40px
}

.Icon--zendesk {
    display: none;
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #3d96fd !important;
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: #3d96fd !important;
}

.padding-5 {
    padding: 5px;
}

md-select[disabled] .md-select-value {
    background-position: 0 bottom !important;
    background-size: 4px 1px !important;
    background-repeat: repeat-x !important;
    margin-bottom: -1px !important;
    border-color: transparent !important;
    background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.38) 33%, transparent 0%) !important;
    border-bottom-width: 0px;
    background-color: transparent;
}

.pagination button {
    color: #666;
    background-color: #fff !important;
    border-color: #fff !important;
}

.e-dbrd-banner, .e-dbrd-layout-wrapper {
    width: auto !important;
}

.md-input-has-value input:not([disabled]) {
    background-color: #E8F0F4 !important;
}

.md-input-has-value textarea:not([disabled]) {
    background-color: #E8F0F4 !important;
}

.md-input-has-value md-select-value:not([disabled]) {
    background-color: #E8F0F4 !important;
}

.filter .md-input-has-value input, .filter .md-input-has-value md-select-value, #feedTablePortlet md-select-value {
    background-color: #ffffff !important;
}

#storePortlet .table-responsive, #userPortlet .table-responsive {
    padding-bottom: 30px;
}

/*#feedFilterRuleListPorlet md-select-value:not([disabled]), #feedCategoryRuleListPorlet md-select-value:not([disabled]), #feedCustomRuleListPorlet md-select-value:not([disabled]), #importFilterRulesPortlet md-select-value:not([disabled]) {
    background-color: #fcfcfc !important;
}*/

/*#feedCategoryRuleEditorPorlet .md-input-has-value input:not([disabled]), #feedCustomRuleEditorPorlet .md-input-has-value input:not([disabled]), #feedFilterRuleEditorPorlet .md-input-has-value input:not([disabled]) {
    background-color: #ffffff !important;
}*/

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* border: 1px solid #e7ecf1; */
    }
}

.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.blocks-item {
    border: 0px solid #03A9F4;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333333;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
    background: linear-gradient(210deg, #ffffff 0%, #fbfbfb 80%);
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
    /*transition: box-shadow .28s cubic-bezier(.4,0,.2,1);*/
}

    .blocks-item:hover, .blocks-item:focus, .blocks-item:active {
        box-shadow: 0 8px 18px rgba(0,0,0,.22), 0 6px 6px rgba(0,0,0,.26);
    }

@media (min-width: 768px) {
    .blocks-item {
        margin: 0 15px 30px;
    }
}

.blocks-item-link {
    color: #333333;
    padding: 20px 30px;
}

.cart-logo {
    border: 0px solid #03A9F4;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333333;
    display: inline-block;
    justify-content: center;
    background: linear-gradient(45deg, #FAFAFA 0%, #F5F5F5 100%);
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
    /*transition: box-shadow .28s cubic-bezier(.4,0,.2,1);*/
    padding: 10%;
    text-align: center;
    /*-webkit-animation-name: pulse;
    animation-name: pulse;*/
    /*-webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;*/
}

.homepage-logos {
    width: 90%;
}

.platform-logos {
    width: 20px;
    margin: 0 16px;
}

label:not(.md-skip) {
    transform: translate3d(0,6px,0) scale(.85) !important;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
}

/*.login {
    background: linear-gradient(180deg, #3d96fd 430px, #e8f0f4 0%);
    min-height: -webkit-fill-available;
}*/

.login {
    background: linear-gradient(180deg,#26a7f2 430px,#fcfcfc 0%);
    min-height: -webkit-fill-available
}

    .login .content .forget-form, .login .content .login-form {
        padding: 0;
        margin: 0;
        background: #fff;
        padding: 8px;
        background-color: #fff !important;
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
    }

    .login .logo {
        padding: 15px;
        text-align: center;
        -webkit-animation: fadeInUp 1s;
        animation: fadeInUp 1s
    }

    .login .content {
        width: 450px;
        margin: 40px auto;
        padding: 15px;
        border-radius: 8px;
        background-color: #fff !important;
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
    }

    .login img {
        height: 50px;
        margin: 100px auto 0
    }

.logo {
    margin-bottom: 5px;
    text-align: center;
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s
}

@media(max-width:480px) {
    .login .content {
        width: 90%;
        margin: 15px auto
    }

    .login img {
        height: 30px;
        margin: 0 auto 0
    }
}

.selectprimarysource {
    box-shadow: 0 0 7px #3d96fd;
    border-radius: 4px;
    min-height: 40px;
}

.modal-open {
    overflow-y: hidden !important;
}

/*.modal-lg {
    height: 100% !important;
}*/

.fa-question-circle-o {
    cursor: help;
}

.popularfeed {
    background: #fffde7;
}
/* PLAN BADGES IN STORE SWITCHER, STORES PAGE, ACCOUNT SUBSCRIPTIONS PAGE */
.plan-default {
    border: #51cc5b 1px solid;
    color: #51cc5b;
}

.plan-none {
    border: #acb5b3 1px solid !important;
    color: #acb5b3 !important;
}

.plan-lite {
    border: #f7bd4a 1px solid !important;
    color: #f7bd4a !important;
}

.plan-plus {
    border: #3d96fd 1px solid !important;
    color: #3d96fd !important;
}

.plan-pro {
    border: #f2608a 1px solid !important;
    color: #f2608a !important;
}

.plan-ultimate {
    border: #807ee0 1px solid !important;
    color: #807ee0 !important;
}

.store-plan {
    display: inline-block;
    margin-top: 6px;
    /*transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;*/
}

a:hover .store-plan {
    bottom: 10px;
}

.border-r-l {
    border-right: 1px solid #e7ecf1;
    border-left: 1px solid #e7ecf1;
}

.border-bottom {
    border-bottom: 1px solid #E8F0F4;
}

.alert-processing {
    background: #4D5660 !important;
}

.dashboard-stat2 {
    padding: 8px 8px 25px;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
    border: 1px #dbe6ec solid !important;
    border-radius: 8px;
    background: #fff;
}

    .dashboard-stat2 .display .number h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }

.cart-logo:hover, .cart-logo:focus, .cart-logo:active {
    box-shadow: 0 8px 18px rgba(0,0,0,.22), 0 6px 6px rgba(0,0,0,.26);
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background: #353B42;
}

.profile-usermenu ul li {
    border-bottom: 0px solid #E8F0F4;
    outline: none;
}

    .profile-usermenu ul li a {
        color: #4D5660;
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px;
        outline: none;
    }

.page-title .fa {
    margin: 0px 8px;
}

md-input-container .md-resize-handle {
    bottom: 0px;
}

.helpcenter {
    padding: 27px 20px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    transition: padding .2s ease;
    -webkit-transition: padding .2s ease;
    -moz-transition: padding .2s ease;
    -o-transition: padding .2s ease;
}

.feeddetailsproducts:hover {
    background: grey;
}

#feedsGoogleOAuthPortlet li {
    margin-bottom: 15px;
}

.orders-heading th {
    font-size: 12px !important;
}

.feedCloneInvalidName, .feedCloneInvalidName input, .feedCloneInvalidName label, .feedCloneInvalidName span {
    color: red !important;
}

#dashboard_errorShown a {
    pointer-events: none !important;
    color: black !important;
}

#dashboard_DashboardMenuPopup li[id="22"] {
    display: none !important;
}

#logs_DashboardMenuPopup li[id="22"] {
    display: none !important;
}

.e-dbrd-MaximizedControl path[stroke-width='2'] {
    stroke-width: 4 !important;
}

.truncate {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productUrlImg {
    width: 100%;
    height: auto;
}

.border-left {
    border-left: 1px #dbe6ec solid;
}

md-input-container > .fa {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto;
}

.ui-grid-grid-footer {
    padding: 5px;
    border-top: 1px solid #dbe6ec;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    border-bottom: solid 0px #d4d4d4;
    background-color: #fcfcfc;
}

.ui-grid-header-cell {
    border-right: 0px solid #e8f0f4;
    background-color: #fcfcfc;
    border-bottom: 2px solid #dbe6ec !important;
    color: #4d5660;
    /*transition: all .2s ease;*/
}

.ui-grid-header-cell-row:hover .ui-grid-header-cell {
    border-right: 1px solid #dbe6ec;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border-right-color: #dbe6ec;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    /*background-color: #FFFDE7;*/
    background-color: #E3F2FD !important;
}

.ui-grid {
    border: 0px solid #dbe6ec;
}

.ui-grid-cell {
    border-color: #dbe6ec;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right-color: #dbe6ec;
    border-bottom: solid 0px #d4d4d4;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #ffffff;
}

.ui-grid-cell {
    border-right: 0px solid;
    border-bottom: 1px solid;
    border-color: #dbe6ec;
}

.ui-grid-pinned-container-left, .ui-grid-pinned-container-left .ui-grid-render-container-left .ui-grid-viewport {
    border-right: 1px solid #dbe6ec;
}

.e-dashboardviewer .e-dbrd-params-dialog.e-desktop .e-dbrd-apply-button {
    background: #3b99fc !important;
}

.profile-sidebar .nav > li > a:focus, .profile-sidebar .nav > li > a:hover {
    text-decoration: none;
    background: inherit !important;
}

.md-pane-open .md-datepicker-calendar {
    border: 1px solid #dbe6ec;
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
    background: #F1F3F5;
}

/* MD-CALENDAR PICKER ON ADS REPORTS */

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
    color: #3d96fd;
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background: #3d96fd;
    color: #fff;
    border-color: transparent;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border: 1px solid #3d96fd;
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
    background: #E8F0F4;
}

.md-default-theme .md-datepicker-input-container.md-datepicker-focused, .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #3d96fd;
}

.portlet:not(.portlet-shadow-none) {
    /*box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);*/
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
    border-radius: 8px;
    border: 1px #eaf0f3 solid !important;
    background: #fff;
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
    top: 2px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #394048 !important;
}

/* NEW COLOR OVERRIDES */
.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background: #f1f5f7 !important;
}

.bg-grey-gallery {
    background: #4d5660 !important;
}

.btn.white:not(.btn-outline) {
    color: #4d5660;
    background-color: #fff;
    border-color: #fff;
}

    .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline):hover, .open > .btn.white:not(.btn-outline).dropdown-toggle {
        color: #484f57;
        background-color: #f1f3f5;
        border-color: #f1f3f5;
    }

.btn.default:not(.btn-outline) {
    color: #4d5660;
    background-color: #e8f0f4;
    border-color: #e8f0f4;
}

    .btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open > .btn.default:not(.btn-outline).dropdown-toggle {
        color: #666;
        background-color: #dbe6ec;
        border-color: #dbe6ec;
    }

.font-dark {
    color: #4d5660 !important;
}

/* PINK */

.btn.red-flamingo:not(.btn-outline) {
    color: #fff;
    background-color: #F2608A;
    border-color: #F2608A;
}

    .btn.red-flamingo:not(.btn-outline).active.focus, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active:hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover, .btn.red-flamingo:not(.btn-outline).active, .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline):hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle, .btn.red-flamingo:not(.btn-outline).active, .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline):hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle, .btn.red-flamingo:not(.btn-outline).focus, .btn.red-flamingo:not(.btn-outline):focus {
        color: #fff;
        background-color: #e0597f;
        border-color: #e0597f;
    }

    .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline)[disabled].focus, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover {
        background-color: #e0597f;
        border-color: #e0597f;
    }

.font-red-flamingo {
    color: #F2608A !important;
}

    .font-red-flamingo:hover {
        color: #e0597f !important;
    }

/* ORANGE */

.btn.yellow-casablanca:not(.btn-outline) {
    color: #fff;
    background-color: #F29B60;
    border-color: #F29B60;
}

    .btn.yellow-casablanca:not(.btn-outline).active.focus, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active:hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover, .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline):hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle, .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline):hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle, .btn.yellow-casablanca:not(.btn-outline).focus, .btn.yellow-casablanca:not(.btn-outline):focus {
        color: #fff;
        background-color: #E08f59;
        border-color: #E08f59;
    }

    .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover {
        background-color: #E08f59;
        border-color: #E08f59;
    }

.font-yellow-casablanca {
    color: #F29B60 !important;
}

    .font-yellow-casablanca:hover {
        color: #E08f59 !important;
    }

/* GREEN */

.btn.green-jungle:not(.btn-outline) {
    color: #fff;
    background-color: #51CC5B;
    border-color: #51CC5B;
}

    .btn.green-jungle:not(.btn-outline).active.focus, .btn.green-jungle:not(.btn-outline).active:focus, .btn.green-jungle:not(.btn-outline).active:hover, .btn.green-jungle:not(.btn-outline):active.focus, .btn.green-jungle:not(.btn-outline):active:focus, .btn.green-jungle:not(.btn-outline):active:hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover, .btn.green-jungle:not(.btn-outline).active, .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline):hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle, .btn.green-jungle:not(.btn-outline).active, .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline):hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle, .btn.green-jungle:not(.btn-outline).focus, .btn.green-jungle:not(.btn-outline):focus {
        color: #fff;
        background-color: #4aba53;
        border-color: #4aba53;
    }

    .btn.green-jungle:not(.btn-outline).disabled.focus, .btn.green-jungle:not(.btn-outline).disabled:focus, .btn.green-jungle:not(.btn-outline).disabled:hover, .btn.green-jungle:not(.btn-outline)[disabled].focus, .btn.green-jungle:not(.btn-outline)[disabled]:focus, .btn.green-jungle:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover {
        background-color: #4aba53;
        border-color: #4aba53;
    }

.font-green-jungle {
    color: #51CC5B !important;
}

    .font-green-jungle:hover {
        color: #4aba53 !important;
    }

.btn.green:not(.btn-outline) {
    color: #fff;
    background-color: #51CC5B;
    border-color: #51CC5B;
}

    .btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open > .btn.green:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:hover, .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle, .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle, .btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus {
        color: #fff;
        background-color: #4aba53;
        border-color: #4aba53;
    }

    .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline)[disabled].focus, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green:not(.btn-outline).focus, fieldset[disabled] .btn.green:not(.btn-outline):focus, fieldset[disabled] .btn.green:not(.btn-outline):hover {
        background-color: #4aba53;
        border-color: #4aba53;
    }

.font-green {
    color: #51CC5B !important;
}

    .font-green:hover {
        color: #4aba53 !important;
    }

.bg-green {
    background: #51CC5B !important;
}

.bg-green-jungle {
    background: #51CC5B !important;
}

/* GREEN TO BLUE */

.btn.green-haze:not(.btn-outline) {
    color: #fff;
    background-color: #3d96fd;
    border-color: #3d96fd;
}

    .btn.green-haze:not(.btn-outline).active.focus, .btn.green-haze:not(.btn-outline).active:focus, .btn.green-haze:not(.btn-outline).active:hover, .btn.green-haze:not(.btn-outline):active.focus, .btn.green-haze:not(.btn-outline):active:focus, .btn.green-haze:not(.btn-outline):active:hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover, .btn.green-haze:not(.btn-outline).active, .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline):hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle, .btn.green-haze:not(.btn-outline).active, .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline):hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle, .btn.green-haze:not(.btn-outline).focus, .btn.green-haze:not(.btn-outline):focus {
        color: #fff;
        background-color: #2583fd;
        border-color: #2583fd;
    }

    .btn.green-haze:not(.btn-outline).disabled.focus, .btn.green-haze:not(.btn-outline).disabled:focus, .btn.green-haze:not(.btn-outline).disabled:hover, .btn.green-haze:not(.btn-outline)[disabled].focus, .btn.green-haze:not(.btn-outline)[disabled]:focus, .btn.green-haze:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-haze:not(.btn-outline).focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):hover {
        background-color: #2583fd;
        border-color: #2583fd;
    }

.font-green-haze {
    color: #3d96fd !important;
}

    .font-green-haze:hover {
        color: #2583fd !important;
    }

/* BLUE */

.btn.blue:not(.btn-outline) {
    color: #fff;
    background-color: #3d96fd;
    border-color: #3d96fd;
}

    .btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover, .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle, .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle, .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus {
        color: #fff;
        background-color: #2583fd;
        border-color: #2583fd;
        box-shadow: 0 4px 16px 0 rgba(37,131,253,.5);
    }

    .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline)[disabled].focus, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue:not(.btn-outline).focus, fieldset[disabled] .btn.blue:not(.btn-outline):focus, fieldset[disabled] .btn.blue:not(.btn-outline):hover {
        background-color: #2583fd;
        border-color: #2583fd;
    }

.font-blue {
    color: #3d96fd !important;
}

    .font-blue:hover {
        color: #2583fd !important;
    }

/* RED */

.btn.red:not(.btn-outline) {
    color: #fff;
    background-color: #E25D5D;
    border-color: #E25D5D;
}

    .btn.red:not(.btn-outline).active.focus, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active:hover, .open > .btn.red:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:hover, .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open > .btn.red:not(.btn-outline).dropdown-toggle, .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open > .btn.red:not(.btn-outline).dropdown-toggle, .btn.red:not(.btn-outline).focus, .btn.red:not(.btn-outline):focus {
        color: #fff;
        background-color: #D15555;
        border-color: #D15555;
    }

    .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline)[disabled].focus, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red:not(.btn-outline).focus, fieldset[disabled] .btn.red:not(.btn-outline):focus, fieldset[disabled] .btn.red:not(.btn-outline):hover {
        background-color: #D15555;
        border-color: #D15555;
    }

.font-red {
    color: #E25D5D !important;
}

    .font-red:hover {
        color: #D15555 !important;
    }

.bg-red {
    background: #E25D5D !important;
}

/* YELLOW */

.btn.yellow-saffron:not(.btn-outline) {
    color: #fff;
    background-color: #f5da6d;
    border-color: #f5da6d;
}

    .btn.yellow-saffron:not(.btn-outline).active.focus, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active:hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover, .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline):hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle, .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline):hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle, .btn.yellow-saffron:not(.btn-outline).focus, .btn.yellow-saffron:not(.btn-outline):focus {
        color: #fff;
        background-color: #E5af44;
        border-color: #E5af44;
    }

    .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline)[disabled].focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover {
        background-color: #E5af44;
        border-color: #E5af44;
    }

.font-yellow-saffron {
    color: #f5da6d !important;
}

    .font-yellow-saffron:hover {
        color: #E5af44 !important;
    }

/* GREY GALLERY */

.btn.grey-gallery:not(.btn-outline).active, .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline):hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
    color: #fff;
    background-color: #353B42;
    border-color: #353B42;
}

.btn.grey-gallery:not(.btn-outline) {
    color: #fff;
    background-color: #4D5660;
    border-color: #4D5660;
}

/* STORE PICKER PROGRESS BAR */
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
    background-color: #3d96fd;
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
    background-color: #e8f0f4;
}

.v-a-b {
    vertical-align: bottom !important;
}

.progress-bar-warning {
    background-color: #f5da6d !important;
}

    .progress-bar-warning:hover {
        background-color: #e5af44;
    }


.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #4d5660;
    background-color: #dbe6ec;
    border-color: #adadad;
}

hr {
    border-top: 1px solid #dbe6ec;
}

.heading > th > a {
    color: #4d5660 !important;
}

e-dashboardviewer .e-grid .e-headercelldiv {
    color: #4d5660 !important;
}

.e-dashboardviewer .e-grid .e-gridheader {
    color: #4d5660 !important;
    border-bottom: #c8c8c8 2px solid !important;
    border-top-color: #ffffff;
    background-color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
}

.e-dashboardviewer .e-grid .e-headercelldiv .e-icon {
    color: #4d5660 !important;
}

.ordersyncupsell {
    top: 110px;
    z-index: 1;
    position: fixed;
    width: 60%;
    left: 20%;
    background: #fff !important;
    text-align: center;
    /*-webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;*/
}

@media only screen and (max-width : 1020px) {
    .ordersyncupsell {
        width: 97%;
        left: 1.5%;
    }
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #e3f2fd !important;
    border: 1px solid #3d96fd !important;
    color: #3d96fd;
}

#activityLogsPortlet .table td span {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0px solid #e7ecf1;
    margin: 0px !important;
}

.daterangepicker td.active {
    background-color: #3d96fd;
}

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #3d96fd;
    }

.calendar-table table td.in-range {
    background: #E3F2FD;
}

@keyframes cf4FadeInOut {
    0% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    92% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#cf4a div {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 8s;
    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 8s;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}

    #cf4a div:nth-of-type(1) {
        animation-delay: 6s;
    }

    #cf4a div:nth-of-type(2) {
        animation-delay: 4s;
    }

    #cf4a div:nth-of-type(3) {
        animation-delay: 2s;
    }

    #cf4a div:nth-of-type(4) {
        animation-delay: 0;
    }

#cf4a img {
    width: 85%;
}

#cf4a div {
    position: absolute;
    left: 0;
}

#cf4a .card-white {
    min-height: 380px;
}

md-tabs-wrapper md-next-button, md-tabs-wrapper md-prev-button {
    background: #fff;
}

    md-tabs-wrapper md-next-button.md-disabled, md-tabs-wrapper md-prev-button.md-disabled {
        cursor: default;
        background: #eef4f7;
        opacity: 1;
    }

#_hj-f5b2a1eb-9b07_toolset_action_select {
    display: none !important;
}

.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*DASHBOARD MATERIALIZE POP OUT*/

.collapsible {
    border-top: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
    margin: .5rem 0 1rem 0;
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-bottom: -1px;
    font-size: 20px;
}

.collapsible-body {
    display: none;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px 30px 30px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

.collapsible.popout > li.active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    margin: 16px 0;
}

.collapsible.popout > li {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 0 24px;
    -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#dashboardPortlet .collapsible img {
    width: 40%;
}

.centerHeaderNonFusebill {
    padding: 27px 20px !important;
    max-height: 68px;
}

.drop-down-labelNonFusebill {
    top: 21px !important
}

#dashboardPortlet .collapsible .active .fa-angle-down {
    display: none;
}

#dashboardPortlet .collapsible .active .fa-angle-up {
    display: inline;
}

#dashboardPortlet .collapsible-header:not(.active) .fa-angle-down {
    display: inline;
}

#dashboardPortlet .collapsible-header:not(.active) .fa-angle-up {
    display: none;
}

#dashboardPortlet .collapsible-header i {
    margin: 0 15px;
}

.apply-asin-badge {
    font-size: 11px !important;
    height: 22px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-align: center;
    border: #3d96fd solid 1px !important;
    color: #3d96fd !important;
    background: #fff !important;
    text-transform: uppercase;
    font-weight: 800;
    padding: 4px 6px 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
    line-height: 1;
    white-space: nowrap;
}

    .apply-asin-badge:hover {
        border: #3d96fd solid 1px !important;
        background: #3d96fd !important;
        color: #fff !important;
        box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26);
    }

.modal .modal-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 0;
    padding: 15px;
}

.feeddetailsproducts {
}

/*@media (max-width: 991px) {
    .profile-userpic {
        display: none;
    }
}*/

@media (min-width: 991px) {
    .collapse-feed-details {
        display: none;
    }
}

.collapse-feed-details {
    margin-bottom: 0px;
    min-height: 0px;
    border-bottom: #dbe6ec 3px solid !important;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0;
    min-height: 25px !important;
}

@media (max-width: 991px) {
    .collapse-feed-details {
        display: block;
    }
}

.history-table-message {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

tags-input .tags .tag-item {
    max-width: calc(100% - 5px);
    padding-right: 20px;
    position: relative;
}

    tags-input .tags .tag-item span {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    tags-input .tags .tag-item .remove-button {
        position: absolute;
        right: 4px;
        top: 4px;
    }

#returnsPortlet .dashboard-stat2 .display .number, #ordersStats .dashboard-stat2 .display .number, #storeOverviewStats .dashboard-stat2 .display .number {
    float: none;
}

#returnsPortlet .dashboard-stat2 .display, #ordersStats .dashboard-stat2 .display, #storeOverviewStats .dashboard-stat2 .display {
    text-align: center;
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    display: none
}

.fade-in-up {
    -webkit-animation: fadeInUp 0s;
    animation: fadeInUp 0s;
}

md-tab-content {
    top: 0;
    -webkit-transition: -webkit-transform 0s cubic-bezier(0,0,0,0);
    transition: -webkit-transform 0s cubic-bezier(0,0,0,0);
    transition: transform 0s cubic-bezier(0,0,0,0);
    transition: transform 0s cubic-bezier(0,0,0,0),-webkit-transform 0s cubic-bezier(0,0,0,0);
    overflow: auto;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    md-tab-content.md-right:not(.md-active) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-animation: 0s md-tab-content-hide;
        animation: 0s md-tab-content-hide;
        opacity: 0;
    }

.md-select-menu-container.md-active md-select-menu {
    -webkit-transition: all 0s cubic-bezier(0,0,0,0);
    transition: all 0s cubic-bezier(0,0,0,0);
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

    .md-select-menu-container.md-active md-select-menu > * {
        opacity: 1;
        -webkit-transition: all 0s cubic-bezier(0,0,0,0);
        transition: all 0s cubic-bezier(0,0,0,0);
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    transition: right 0s;
}

#storePlanBadge {
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.collapsing {
    /*
        helps prevent bootstrap animation 
        performance degredation for nested collapsible tables
    */
    -webkit-transition: height .01s ease;
    -o-transition: height .01s ease;
    transition: height .01s ease;
}

.md-select-menu-container.md-leave {
    opacity: 0;
    -webkit-transition: all .0s cubic-bezier(0,0,0,0);
    transition: all .0s cubic-bezier(0,0,0,0);
    -webkit-transition-duration: .0s;
    transition-duration: .0s;
}

.beta-label {
    background: #4d5660 !important;
}

.multiselectContainer {
    margin: 0;
    display: block;
    position: relative;
    padding: 2px;
    vertical-align: middle;
}

    .multiselectContainer .md-select-value > span {
        max-width: 150px;
    }

.md-select-menu-container .multiselect-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.md-select-menu-container .multiselect-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.md-select-menu-container md-content._md {
    max-height: 280px;
}

.md-select-menu-container .md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-select-menu-container .md-checkbox-enabled[selected] .md-icon {
    background-color: #3d96fd !important;
}

.multiselectHeader-activityLogs-stores {
    top: 240px !important;
}

.multiselectHeader-activityLogs-logTypes {
    top: 240px !important;
}

.multiselectHeader-feedsHistory-feedNames {
    top: 278px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #e8f0f4;
}

.drop-down-label {
    position: absolute;
    top: 11px;
    color: #cecece !important;
    font-size: 10px;
    font-weight: 200;
}

.account-drop-down-label {
    position: absolute;
    top: 11px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 200;
}

.page-quick-sidebar-toggler > i:hover {
    color: #4d5660 !important
}

.system-notification {
    background: #fcf8fd !important;
    border: 1px solid #f0d8fb;
    color: #8e44ad !important;
    padding: 8px 8px 8px 45px !important;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
}

    .system-notification:before {
        color: #8e44ad !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f27b";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        position: absolute;
        left: 35px;
        top: auto;
    }

#addTemplateModal .system-notification {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: -4px;
    box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 6px 6px rgba(0,0,0,.23);
}

.common-feeds {
    padding: 6px !important;
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
}

.common-feed-icons {
    margin-top: -16px;
}

.custom-feed-content {
    padding: 70px 15%;
    text-align: center;
}

.btn-circle:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):not(.btn-icon-only) {
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 991px) {
    .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
        margin-right: 58px;
    }
}

.input-icon > i {
    z-index: 1;
}

#overviewActivityTablePortlet .badge, #activityLogsPortlet .badge {
    text-transform: none;
}

/*#activityLogsPortlet td {
    font-size: 12px;
}*/

.fa-floppy-o, .fa-save {
    display: none !important;
}

#tblFeedsList .btn-group {
    width: 168px;
}

#newDashboardPortlet .portlet.light > .portlet-title {
    padding: 0;
    min-height: 40px;
    border-bottom: 1px solid #e8f0f4;
}

    #newDashboardPortlet .portlet.light > .portlet-title > .tools {
        font-size: 12px;
    }

#newDashboardPortlet .table > tbody > tr > td, #newDashboardPortlet .table > tbody > tr > th, #newDashboardPortlet .table > tfoot > tr > td, #newDashboardPortlet .table > tfoot > tr > th, #newDashboardPortlet.table > thead > tr > td, #newDashboardPortlet.table > thead > tr > th {
    border-top: 0px solid #f7f7f7;
}

.multiselectHeader-storeSwitch .md-text {
    width: 100%;
    height: 100%;
}

#storeSwitcherDiv {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important;
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important;
}

.store-md-select-menu {
    border-radius: 8px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    direction: ltr;
    display: block;
    flex-direction: column;
    font-family: "Nunito Sans", "Open Sans", sans-serif;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    max-height: 450px;
    min-height: 48px;
    overflow-y: hidden;
    text-align: left;
    text-size-adjust: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 0px 0px;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0, 0, 0, 0);
    width: 370px;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.store-md-content {
    border-radius: 8px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    direction: ltr;
    display: block;
    font-family: "Nunito Sans", "Open Sans", sans-serif;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    max-height: 450px;
    min-height: 48px;
    min-width: 136px;
    opacity: 1;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 8px;
    padding-top: 0px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0, 0, 0, 0);
    width: 370px;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.store-md-select-header {
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: "Nunito Sans", "Open Sans", sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 10.667px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    width: 253px;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.store-md-optgroup {
    box-sizing: border-box;
    color: rgba(117, 117, 117, 0.87);
    cursor: pointer;
    direction: ltr;
    display: block;
    font-family: "Nunito Sans", "Open Sans", sans-serif;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    text-size-adjust: 100%;
    width: 353px;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.store-md-option {
    align-items: center;
    box-sizing: border-box;
    color: rgba(33, 33, 33, 0.87);
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: "Nunito Sans", "Open Sans", sans-serif;
    font-size: 14px;
    height: 34px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: background;
    transition-timing-function: linear;
    width: 253px;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.compressStoreSwitch .store-md-select-menu {
    height: auto !important;
}

.compressStoreSwitch .store-md-optgroup {
    height: auto !important;
}

.compressStoreSwitch .store-md-content {
    height: auto !important;
}

.bg-gdf-grey {
    background-color: #E8F0F4 !important;
}

.store-section-title, .stores-table-title-mobile {
    /* text-align: center; */
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.portlet-title-section {
    /*border-left: 2px dashed #dbe6ec;
    min-height: 40px;*/
}

.stores-table-title {
    /*text-align: center;*/
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #eeeeee;
    text-transform: uppercase;
}

.profile-usermenu ul li a img {
    margin-right: 8px;
    font-size: 16px;
}

.submenu-truncate {
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.storesProfileSidebarPortlet {
    font-size: 14px;
    font-weight: 700;
}

.deactivated-store {
    background-color: #E8F0F4 !important;
    color: #ACB5C3 !important;
}

.storename {
    color: #3d96fd !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.store-feeds {
    max-height: 200px;
    overflow: auto;
}

.portlet.light.portlet-fullscreen .store-feeds {
    max-height: unset !important;
}

/*#storesFeeds td {
    font-size: 12px;
}*/

/*.stores-dash-process-status {
    padding: 8px;
    margin-bottom: 10px !important;
    border-bottom: #e8f0f4 1px solid !important;
}*/

@media (max-width: 1200px) {
    .stores-table-titles {
        display: none;
    }
}

@media (max-width: 1200px) {
    .stores-dash-process-status {
        /* text-align: center; */
    }
}

@media (min-width: 1200px) {
    .stores-table-title-mobile {
        display: none;
    }
}

@media (max-width: 1200px) {
    .portlet-fullscreen .stores-table-title-mobile-hide {
        display: none;
    }
}

#storesDashboardOrdersSummary td {
    padding: 0px 5px;
}


/* FIXED SIDEBAR */

.page-view-title {
    min-height: 67px !important;
}

body {
    top: 0px !important;
    position: relative !important;
}

@media (min-width: 991px) {
    /* SIDEBAR FULL HEIGHT */
    .profile-sidebar {
        height: 100%;
        position: fixed;
        padding: 0px 0px 68px;
        overflow-x: hidden;
    }

    .profile-content {
        margin-left: 250px;
    }

    .page-view-title {
        position: fixed;
        width: 100%;
        z-index: 1001;
    }

    .page-view-body {
        padding-top: 82px !important;
    }

    .page-view-title > .tools, .page-alerts .alert a {
        float: none !important;
        position: fixed;
        right: 16px;
        padding: 0px !important;
    }

    /* IMPORT AND FEED ALERTS */
    .page-alert-top-padding {
        padding-top: 37px
    }

    .page-alerts .alert {
        position: fixed;
        border-radius: 0px !important;
        width: 100%;
        z-index: 1001;
        height: 37px;
        transition: height 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
}


.alert-danger a {
    font-weight: 700 !important;
    color: #fff;
}

.alert-warning a {
    font-weight: 700 !important;
    color: #353b42;
}

.layout-divider-title {
    color: #878b90 !important;
    text-transform: uppercase !important;
    font-size: 10px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .layout-divider-title {
        display: none !important;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .layout-divider-title {
        display: none !important;
    }
}

/*#productCatalog tbody > tr > td, #productCatalog tbody > tr > th, #productCatalog tfoot > tr > td, #productCatalog tfoot > tr > th, #productCatalog thead > tr > td, #productCatalog thead > tr > th {
    border-top: 0px solid #dbe6ec;
}*/

.dropdown-menu li.divider {
    background: #f1f3f6;
    margin: 8px 16px;
}

.feed-setup-offer {
    font-size: 16px !important;
    background: #f8f0f9 !important;
    border: 1px solid #f0d8fb;
    color: #8e44ad !important;
    padding: 16px 16px 32px !important;
    border-radius: 8px;
    text-align: center;
    margin-bottom: -16px;
    box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 6px 6px rgba(0,0,0,.23);
}

md-radio-button .md-container {
    left: auto;
}

.feed-template-picker {
    height: 100px !important;
    border-radius: 8px !important;
}

#billingNavBar .truncate {
    max-width: 80%;
}

.menu-card {
    margin: 15px 10px;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
    border: 1px #dbe6ec solid !important;
    padding: 1px;
    background: #fff !important;
    border-radius: 8px !important;
}

/* Test */
.test {
    margin: 0px;
}
/*.btn-group .dropdown-toggle:not(.btn-icon-only):not(.btn-circle-right) .fa-ellipsis-v {
    right: 10px;
    top: 10px;
    position: absolute;
}*/

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.dashboard-date {
    color: #8d949e !important;
    font-size: 12px !important;
}

.mapping-helper-text {
    position: absolute;
    margin-top: -27px;
    right: 30px;
    float: right;
    color: #ACB5C3 !important;
    font-size: 12px !important;
}

#orderSummaryTable .label {
    position: relative;
    top: -3px;
}

#orderSummaryTable .table-condensed > tbody > tr > td, #orderSummaryTable .table-condensed > tbody > tr > th, #orderSummaryTable .table-condensed > tfoot > tr > td, #orderSummaryTable .table-condensed > tfoot > tr > th, #orderSummaryTable .table-condensed > thead > tr > td, #orderSummaryTable .table-condensed > thead > tr > th {
    padding: 3px;
    border-top: 0px solid #dbe6ec;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.skeleton {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #e6eef3;
}


.skeleton-animate {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #edf3f7;
    animation: skeleton-animation 3s ease-in-out infinite;
}

@keyframes skeleton-animation {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(100%, 0, 0);
    }
}

code, kbd, pre, samp {
    font-family: 'Nunito Sans', 'Open Sans', sans-serif;
}

.btn.btn-outline.blue {
    border-color: #ffffff;
    color: #3598dc;
    background: 0 0;
}

#storesFiltersList .nav > li > a {
    padding: 8px 15px;
}

#storesFiltersList .nav {
    margin-bottom: 100px !important;
}

.storeFilterRemovePadding {
    padding: 0px !important;
}

#storeStatusFilters button {
    padding: 0 6px !important;
}

.portlet > .portlet-title > .tools > a.collapse {
    background-image: url(https://static.godatafeed.com/site%20assets/portlet-collapse-icon.png);
    width: 14px;
    visibility: visible;
}

.portlet > .portlet-title > .tools > a.expand {
    background-image: url(https://static.godatafeed.com/site%20assets/portlet-expand-icon.png);
    width: 14px;
    visibility: visible;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 80px auto;
    }
}

.disabled-feed {
    opacity: .5;
}

.logoBadge {
    margin: 0 auto;
    position: absolute;
    top: 0px;
    display: block;
    height: auto;
    padding: 2px 10px 2px 12px;
    margin-top: 0px;
    text-align: left;
    left: 0px;
    font-weight: 700;
    font-size: 11px !important;
    text-transform: none;
    border-radius: 0px !important;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 300;
    padding: 12px 16px;
}

.dashboard-header {
    font-weight: 200;
    font-size: 24px !important;
    margin-right: 10px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #353b42;
}

.collapse-profile-sidebar .profile-sidebar {
    width: 50px;
    padding: 15px 0px;
}

    .collapse-profile-sidebar .profile-sidebar .menu-card, .collapse-profile-sidebar .profile-sidebar .profile-sidebar-portlet, .collapse-profile-sidebar .profile-sidebar .profile-usermenu .badge, .collapse-profile-sidebar .profile-sidebar .profile-usermenu .profile-usermenu-hide-on-collapse {
        display: none;
    }

    .collapse-profile-sidebar .profile-sidebar .profile-usermenu a {
        padding: 15px !important;
    }

.collapse-profile-sidebar .profile-content {
    margin-left: 50px;
}

.collapsed-sidebar-logo {
    display: none !important;
    margin: 20px 0px 10px 0px;
    text-align: center;
}

.collapse-profile-sidebar .collapsed-sidebar-logo {
    display: block !important;
}

/*.profile-sidebar-toggler {
    cursor: pointer;
    border: 1px #c1ced4 solid;
    background: #fcfcfc;
    color: #3d96fd;
    width: 25px !important;
    height: 25px !important;
    border-radius: 25px;
    transition: .2s ease all;
    position: absolute;
    right: -14px;
    top: 10%;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
    opacity:.2;
}*/

/*.profile-sidebar-toggler {
    cursor: pointer;
    border: 1px #dbe6ec solid;
    border-left: 0px #dbe6ec solid;
    background: #e8f0f4;
    color: #3d96fd;
    width: 25px !important;
    height: 50px !important;
    transition: .2s ease all;
    position: absolute;
    right: -25px;
    top: 45%;
    opacity: .1;
    border-radius: 4px;
}*/

.profile-sidebar {
    width: 250px;
    margin-right: 0px;
    background-color: #E8F0F4;
    /*padding: 15px 0px;*/
    border-right: 1px solid #dbe6ec;
    border-bottom: 1px solid #dbe6ec !important;
    border-bottom-right-radius: 4px;
    transition: .2s ease width;
    z-index: 1002;
}

.profile-sidebar-toggler {
    cursor: pointer;
    border: 1px #dbe6ec solid;
    border-left: 0 #dbe6ec solid;
    background: #fff;
    color: #3d96fd;
    width: 25px !important;
    height: 25px !important;
    border-radius: 25px;
    transition: .4s ease all;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1002;
    /* opacity: .1; */
}

    .profile-sidebar-toggler:hover {
        border: 1px #3d96fd solid;
        background: #3d96fd;
        color: #fff;
    }

    .profile-sidebar-toggler .fa-angle-left, .profile-sidebar-toggler .fa-angle-right {
        position: relative;
        left: 8px !important;
        top: 1px !important;
        font-size: 1.33333333em;
        line-height: .75em;
        vertical-align: -15%;
        font-weight: 600 !important;
    }

    .profile-sidebar-toggler .fa-angle-right {
        left: 10px !important;
        top: 4px !important;
    }

.collapse-profile-sidebar .profile-sidebar .profile-sidebar-toggler .fa-angle-left {
    display: none !important;
}

.collapse-profile-sidebar .profile-sidebar .profile-sidebar-toggler .fa-angle-right {
    display: block !important;
}

.portlet.light.portlet-fullscreen > .portlet-body {
    display: block !important;
}

.profile-sidebar-toggler:focus {
    outline: none;
}

.profile-sidebar:hover .profile-sidebar-toggler {
    opacity: 1;
}

.feed-label {
    position: relative;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    min-height: 25px;
}

.dash-feeds-summary-section {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0px 0px 5px 0px;
}

.feed-label-logo {
    height: 14px;
    margin: 1px 0px 0px 0px !important;
}

.feed-label-error {
    position: absolute;
    left: 18px;
    top: -6px;
}

.store-dash-portlet {
    padding: 10px;
    margin-bottom: 10px;
}

.dash-portlet-title-img {
    top: -3px;
    position: relative;
    width: 20px;
    margin-right: 3px;
}

.dash-store-summary {
    display: inline-flex;
    float: left;
    width: calc(100% - 420px);
    margin-top: 5px !important;
}

.dash-loader {
    display: inline;
    margin-left: 15px;
    position: relative;
    top: 3px;
    text-transform: uppercase !important;
}

.collapse-profile-sidebar .profile-sidebar ul li.active a, .collapse-profile-sidebar .profile-sidebar ul li a:hover, .collapse-profile-sidebar .profile-sidebar ul li.filterActive a {
    background-color: #dbe6ec !important;
    border-radius: 0px;
}

/*.page-number {
    border-radius: 50px;
    text-align: center;
    height: 35px;
    width: 35px;
    font-size: 22px;
    line-height: 30px;
    color: #2583fd;
    background-color: #fff;
    border: 3px solid #3d96fd;
    display: inline-block;
    margin: 0px 8px;
    box-shadow: 0 4px 14px 0 rgba(37,131,253,.5);
    position: absolute;
    top: -30px;
}*/

.page-number {
    border-radius: 50px;
    text-align: center;
    height: 35px;
    width: 35px;
    font-size: 22px;
    line-height: 30px;
    color: #2583fd;
    background-color: #fff;
    border: 3px solid #3d96fd;
    /* display: inline-block; */
    margin: -60px auto 16px;
    box-shadow: 0 4px 10px 0 rgba(37,131,253,.5);
    /* position: absolute; */
    /* top: -30px; */
    display: block;
}

.page-number-incomplete {
    color: #3d96fd;
    border: 3px solid #9baec6;
    box-shadow: 0 4px 14px 0 #bfc2c5;
}

#accountType {
    margin: 0px 0px 30px;
    display: block;
}

.section-header {
    font-size: 1.3rem;
    margin: 1.6rem 0px 1.4rem;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2;
}

    .section-header .fa {
        margin-right: 10px;
        font-weight: 800;
    }

md-radio-button {
    font-weight: 400;
    font-size: 14px;
}

md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder, md-input-container.md-default-theme label, md-input-container label {
    color: #353b42;
}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 960px) {
    md-toast.md-bottom {
        bottom: auto !important;
    }
}

.mySlides {
    display: none;
}

img {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
    padding: 16px 16px 40px;
}

.protip {
    position: absolute;
    top: 150px;
}

.mySlides-text a {
    float: right;
    margin-top: 15px;
}

/* Caption text */
.mySlides-text {
    font-size: 18px;
    padding: 8px 12px 8px 90px;
    display: block;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active {
    background-color: #717171;
}

/* Fading animation */
.fadeimg {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {
        font-size: 11px
    }
}

/* ==================== BODY & LAYOUT ==================== */
.ai-optimize-body {
    background: #F5F7FD;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Inter', sans-serif;
}

.main-container {
    flex: 1 0 auto;
    background: #fff;
    margin: 0px 10% 2px 10%;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ==================== NAVIGATION ==================== */
.navbar {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
}

.navbar-logo {
    height: 25px;
}

.contact-btn {
    background: #1EBD53;
    color: #fff;
    border-radius: 999px;
    padding: 10px 28px;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    border: 2px solid #1EBD53;
    transition: all 0.3s ease;
}

    .contact-btn:hover {
        background: transparent !important;
        color: #1EBD53 !important;
    }

/* ==================== TITLE SECTION ==================== */
.title-section {
    text-align: center;
    margin: 15px 0 15px 0;
}

.main-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.main-description {
    font-size: 1rem;
    color: #222;
    max-width: 700px;
    margin: 0 auto;
}

/* ==================== PRODUCT DETAILS CARD ==================== */
.product-details-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    max-width: 700px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 19px 19px;
    border: 1px solid #e5e7eb;
}

.product-details-title {
    font-weight: bold;
    margin-bottom: 8px;
}

.product-details-description {
    color: #444;
    margin-bottom: 16px;
}

.product-textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 150px;
    background: #F5F7FD;
}

.form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.character-count {
    color: #666;
    font-size: 12px;
}

.button-group {
    display: flex;
    gap: 10px;
}

.next-product-btn {
    color: blue;
    border: none;
    background-color: unset;
    font-weight: 600;
    font-size: 14px;
}

.optimize-btn-ai {
    padding: 10px 24px;
    border-radius: 50px;
    text-transform: capitalize !important;
}

/* ==================== RESULTS SECTION ==================== */
.results-section {
    margin-top: 30px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 19px 0px;
}

.results-title {
    margin-bottom: 20px;
    font-weight: bold;
}

.email-section {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.email-input-wrapper {
    flex: 1;
}

.email-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 40px;
}

.send-results-btn-ai {
    padding: 10px 24px;
    border-radius: 50px;
    height: 40px;
    white-space: nowrap;
    text-transform: capitalize !important;
}

/* ==================== CARDS GRID ==================== */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
}

/* ==================== RESULT CARD ==================== */
.result-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,.04);
}

.card-header-ai {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.card-icon-wrapper {
    display: flex;
    align-items: center;
}

.card-icon {
    height: 28px;
    width: 28px;
    margin-right: 10px;
}

.success-icon {
    color: #1EBD53;
    font-size: 20px;
}

.card-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
}

.card-description {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #444;
}

.category-section {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.category-text {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: blue;
}

/* ==================== GENERATING CARD ==================== */
.generating-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.generating-card-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}

.generating-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    color: #666;
}

.generating-spinner {
    font-size: 24px;
    margin-bottom: 12px;
    color: #1a73e8;
}

.generating-text {
    font-size: 16px;
    font-weight: 500;
}


/* ==================== NO RESULTS ==================== */
.no-results-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    color: #666;
    grid-column: 1 / -1;
}

.no-results-icon {
    font-size: 24px;
    margin-bottom: 12px;
    color: #ccc;
}

.no-results-text {
    margin: 0;
    font-size: 16px;
}

/* ==================== FOOTER ==================== */
.footer {
    flex-shrink: 0;
    width: 100%;
    background: transparent;
    text-align: center;
    padding: 24px 0 12px 0;
    margin-top: auto;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.footer-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.footer-logo {
    height: 15px;
}

.footer-copyright {
    color: #888;
    font-size: 14px;
}