/* Minification failed. Returning unminified contents.
(1502,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(1502,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(1503,153): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(1507,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(1508,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(1512,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(1512,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(1513,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(1513,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(1517,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(1518,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(1518,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(1522,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(1523,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
 */
/*
 * Grape - Professional & Flexible Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Generic
 * 2) Validation
 * 3) Grid
 * 4) Inline Label
 * 5) Search-Form
 */

/* ==================================================
 * 1) Generic
 * ================================================== */

.form p.inline-label, .form p.inline-medium-label, .form p.inline-small-label {
    margin-left:10px;
    margin-right:10px;
}


.form fieldset {
	border: 1px solid #b7c4d1;
	border-radius: 3px 3px 3px 3px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.form fieldset p.inline-label, .form fieldset p.inline-medium-label, .form fieldset p.inline-small-label {
	padding-right: 0;
}

.form fieldset legend {
	background: url("../img/forms/legend-bg.png") repeat-x scroll top left #dcdcdc;
	padding: 5px 10px;
	line-height: 16px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	border-radius: 5px 5px 5px 5px;
}

.form label, .form .label {
	display: block;
}

.form .row > div {
	padding-top: 10px;
}


form .row > div:after, form .row > div:before {
    /* display: table; */
    content: '';
}

form .row > div:after, form .row > #trackingNumberDiv:before {
    display: inline; 
    content: '';
}


/* ==================================================
 * 2) Validation
 * ================================================== */

div.error {
	color: #740000;
	font-weight: 700;
}

div.jGrowl div.error {
	color: #fff;
	font-weight: 400;
}

input[type=text].error, input[type=password].error, textarea.error {
	border-color: #bf0000 !important;
}

p.inline-small-label label.error {
	margin-left: 0 !important;
}





/* ==================================================
 * 3) Grid
 * ================================================== */

._25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 20px;
} 

p.no-top-margin {
	margin-top: 0;
}

._100r {
    float: right;
    margin-left: 2%;
    margin-right: 1%;
}

 #shipper-tracking-wrapper > ._30{
     margin-left: 0px !important;
}


/* ==================================================
 * 4) Inline Label
 * ================================================== */

.inline-label label, .inline-label .label, .inline-medium-label label, .inline-medium-label .label, .inline-small-label label, .inline-small-label .label, .inline-mini-label label, .inline-mini-label .label {
	float: left;
	display: block;
	padding: 4px 0 0 4px;
}

p.inline-label { padding-left: 200px; }
.inline-label label, .inline-label .label { margin-left: -200px; }

p.inline-medium-label { padding-left: 150px; }
.inline-medium-label label, .inline-medium-label .label { margin-left: -150px; }

p.inline-small-label { padding-left: 100px; }
.inline-small-label label, .inline-small-label .label { margin-left: -100px; }

p.inline-mini-label { padding-left: 70px; }
.inline-mini-label label, .inline-mini-label .label { margin-left: -70px; }






/* ==================================================
 * 5) Search-Form
 * ================================================== */

#search-form input[type="text"] {
	background: url("../img/icons/misc/search.png") no-repeat scroll 8px 6px #fff;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 4px;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 4px;
	border: 1px solid #b3b3b3;
	border-radius: 20px 20px 20px 20px;
	width: 205px;
}


.form-row
{
    margin: 10px 0;
}
.editor-label
{
    float: left;
    padding-right: 15px;
    width: 125px;
}
.editor-field
{
}
.editor-field input
{
    width:92%;
}
.editor-field textarea
{
    width:92%;
}
.editor-field div
{
    margin-right:15px;
}

/* BODY */
body {
    background: #EEE;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Icon Buttons */
.albany-help-icon {
    vertical-align: middle;
    color: black;
    cursor: pointer;
    text-decoration: underline;
    font-size: 30px;
    font-weight: normal;
}

.albany-action-group > .albany-icon-btn,
.albany-action-group > .albany-help-icon {
    vertical-align: middle;
    color: black;
    cursor: pointer;
    font-size: 30px;
    font-weight: normal;
    margin-left: 10px;
}

    .albany-icon-btn > .fa-info-circle,
    .albany-help-icon > .fa-info-circle {
        padding-top: 7px;
    }

    .albany-icon-btn.fa-file-import {
        padding-top: 6px;
    }

    .albany-icon-btn.fa-file-export {
        padding-top: 6px;
    }
/* End icon buttons */

button.dialog-back-button, input[type=button].dialog-back-button, a.button.dialog-back-button, .dialog-back-button.ui-button.ui-state-default:not(.ui-spinner-button) {
    border: none;
    background: none;
    color: black;
    font-weight: normal;
}

button.dialog-save-button {
    right:15px;
    position:absolute;
}

.background-orange {
    background: linear-gradient(to bottom, #FFD86E 0,#FCBE15 100%) !important;
}
/* Topmost Toolbar */
#toolbar {
    background: #EEE;
    border-bottom: 0 none;
    padding: 5px 0px 0px 10px;
}

#GettingStartedWizardDiv {
    font-size: 14px;
}

#toolbar .right li.red > a:hover {
    cursor: pointer;
}

.dataTables_header .right {
    float: right
}

.logo-center {
    margin-top: 10px;
}

.required-tab, .required-tab a {
    color: #9F1818;
}

#btnEditBody {
    margin-bottom: 10px;
}

a.ecomdash-logo {
    float: left;
    margin-top: -7px;
}

#trialArea > a.signupnow {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: large;
    text-align: center;
}

.billingInfoBuyNow {
    margin: 25px;
    text-align: center;
    font-size: medium;
}

    .billingInfoBuyNow a.signupnow {
        color: green;
    }

#dynamic-breadcrumbs {
    display: inline-block;
    margin: 20px 15px 15px 20px;
}

/* LAYOUT */
.container_12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
}

@media screen and (min-width: 1281px) {
    .container_12 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 50px;
    }
}

@media screen and (min-height: 386px) {
    .special-page {
        width: 100%;
        margin-top: 50px;
    }
}

#main {
    box-shadow: none;
}

    #main .toolbar {
        box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.02);
        background: url(/Content/mango/img/layout/content/box/header-bg.png) repeat-x #e9ecf1;
    }

    #main .toolbar h2{
        color:#7ac042 !important;
    }

        #main .toolbar .shortcuts > li > a:hover {
            border: 1px solid #122800;
        }

            #main .toolbar .shortcuts > li > a:hover:active, #main .toolbar .shortcuts > li.active > a {
                border: 1px solid #122800;
                box-shadow: 0 -1px 8px 4px rgba(0, 0, 0, 0.45) inset;
                background: #437E16;
            }

        #main .toolbar .user:hover {
            border: solid 1px #122800;
        }

/* Content Boxes */
.albany-header {
    padding-bottom: 30px;
    font-size: large;
}

.albany-header--with-action {
    padding: 0;
    font-size: large;
    float: left;
}

.albany-header--bottom-border {
    border-bottom: 1px solid #c3c3c3;
    font-size: large
}

.albany-header--top-border {
    border-top: 1px solid #c3c3c3;
}

.box .header h2 {
    color: #7AC042;
}

.box .sub-header {
    padding: 6px 15px;
    background-color: #e9ebf0;
}

#container {
    background-color: white;
}

    #container.visitor {
        width: 400px;
    }


#main .header.toolbar .shortcuts > li > a {
    background: #ffb819;
    margin: 0;
    line-height: 34px;
}

    #main .header.toolbar .shortcuts > li > a:hover {
        background: #ffb000;
    }

div.header.mainContent {
    width: 100%;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid #c1c1c1;
    margin-left: -1px;
    margin-bottom: 20px;
    height: 50px;
}

/* Alternate header for download listings and app store */
div.alt-header.mainContent {
    width: 100%;
    border-right: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    margin-left: -1px;
    height: 36px;
    margin-bottom: 0;
}

    /* Fix for if the header has actions below it the margin will create a white space in the actions bar */
    div.header.mainContent.with-actions {
        width: 100%;

        border-right: 1px solid white;
        border-left: 1px solid white;
        border-bottom: none;
        margin-left: -1px;
        margin-bottom: 0;
        height: 50px;
    }

    /* Action screen header */
    div.header.mainContent.action-header {
        color: black;
        border: none;
        font-size: 1.8em;
    }

    /* General/Alert settings headers */
    div.header.action-header {
        height: 45px;
        width: 100%;
        background: url('/Content/mango/img/layout/content/box/header-bg.png') repeat-x #e9ecf1;
    }

    div.header.mainContent h2 {
        background-color: white;
        border-bottom: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    div.header.mainContent li.current a {
        color: black;
    }
   

        div.header.mainContent li.current a:visited {
            background: #7ac042;
            color: black ;
            font-weight: bold;
        }

    div.header.mainContent li a {
        color: black !important;
    }
/* Table CSS */
.dataTable td.editCell:hover {
    background-color: #DCE1EA !important;
    cursor: pointer;
}

.alert.note.no-margin {
    background: linear-gradient(to bottom, #7cc245 0%,green 100%);
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

input[type=password]:focus {
    border: 1px solid #7cc245 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.22), 0 0 7px rgba(124,194,69,0.69) !important;
}

input[type=text]:focus {
    /* PRODUCT DETAIL CHANGES */
    /*border: 1px solid #7cc245 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.22), 0 0 7px rgba(124,194,69,0.69) !important;*/
}

input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.button {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    background: #4ec1e0 ;
}

.button:hover {
   background: #a4dfef;
}


.button:active {
    background:#4ea8e0;

}

    .button.green {
        /*border: 1px solid #7cc245;*/
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
        background: linear-gradient(to bottom, #7cc245 0%,green 100%);
    }

    .button.green:hover {
        /*border: 1px solid #7cc245;*/
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
        background: #7cc245;/*linear-gradient(to bottom, #9CE265 0%,#7cc245 100%) !important;*/
    }
    .disabled-button {
        background: #e9ecf1 !important;
        background-color: #e9ecf1;
        text-shadow: unset !important;
    }
    .disabled-button:hover {
        background: #e9ecf1 !important;
        background-color: #e9ecf1 !important;
        text-shadow: unset !important;
        cursor:default;
    }

    .disable-dropdown-item {
        pointer-events: none;
        cursor: default;
        color: #c7c7c7 !important;
    }

    #main .toolbar .shortcuts > li .content {
        text-align: center;
    }

/* Add new button style for purchase order/work order/ inventory management */
/*.add-new, .content-form-button {
    position: relative;
    margin: 20px 5px 0 5px;
}*/

.dash-header {

    margin-top: 25px;
}



.ecomdash-lister-logo {
    margin-bottom: 25px;
}

#content .box .header ul li a {
    color: white;
}


/* Modal Dialogs */
.ui-widget-overlay {
    z-index: 1000;
}

.ui-dialog {
    z-index: 1001;
    border: 0;
    /*overflow-y: scroll;*/
    min-width: 600px;
}

    .ui-dialog .ui-dialog-title {
        color: #7AC042;
    }

    .ui-dialog .box {
        overflow: auto;
        min-height: 450px;
        max-height: 450px;
    }

    .ui-dialog .ui-dialog-titlebar {
        background-color:white;
    }

    .ui-dialog button.ui-dialog-titlebar-close {
        padding: 0 !important;
    }

    .ui-dialog .ui-button span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
        left: 0;
        margin: auto;
    }

.ui-button-text:after {
    background: initial !important;
}

.ui-dialog-buttonset {
    float:none !important;
}

.tag-close-button {
    float: right;
}

.ui-dialog-buttonset  .saveButton {
    float:right;
}

.ui-dialog .ui-dialog-buttonset .cancelButton,  .CancelTextButton{
    margin: .5em 0 .5em .8em;
    float: left;
}


/* Misc */
.cursorPointer {
    cursor: pointer;
}

.action-list .list.stat li > *::before {
    background: none;
}

.action-list .list.stat li .value {
    padding-left: 0;
    width: 50px;
    text-align: left;
    margin-left:10px;
}

    .action-list .list.stat li .value.wide {
        width: 115px;
    }


.formSection {
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    margin-top: 10px;
}
/*ORDER DETAILS*/

.labels {
    display: inline-block;
    margin-right:2px;
}
.editables{
    display:inline-flex;
}
.status-text {
    color: #7cc142;
}
.orderDetails-col-1 {
    width: 16%;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 2%;
}

@media screen and (max-width: 1450px) {
    .orderDetails-col-1 {
        width: 26%;
    }
}

@media screen and (max-width: 1000px) {
    .orderDetails-col-1 {
        width: 36%;
    }
}

/* BUTTONS */
.ecomdash-button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acacac', endColorstr='#f3f3f3');
    background-color: #acacac;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-indent: 0;
    border: 1px solid #acacac;
    display: inline-block;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    height: 16px;
    line-height: 14px;
    width: auto;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    padding: 3px 10px 0 10px;
    background-image: -ms-linear-gradient(top, #acacac 0%, #FFFFFF 100%); /* IE10 Consumer Preview */
    background-image: -moz-linear-gradient(top, #acacac 0%, #FFFFFF 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #acacac 0%, #FFFFFF 100%); /* Opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #acacac), color-stop(1, #FFFFFF)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(top, #acacac 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #acacac 0%, #FFFFFF 100%);
}

    .ecomdash-button:hover {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d3d3d3');
        background-image: -ms-linear-gradient(top, #FFFFFF 25%, #D3D3D3 100%); /* IE10 Consumer Preview */
        background-image: -moz-linear-gradient(top, #FFFFFF 25%, #D3D3D3 100%); /* Mozilla Firefox */
        background-image: -o-linear-gradient(top, #FFFFFF 25%, #D3D3D3 100%); /* Opera */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #FFFFFF), color-stop(1, #D3D3D3)); /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #D3D3D3 100%); /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview */
        background-image: linear-gradient(to bottom, #FFFFFF 25%, #D3D3D3 100%);
        background-color: #f3f3f3;
        color: black;
    }

    .ecomdash-button:active .ecomdash-button:visited {
        position: relative;
        top: 1px;
        color: black !important;
    }

/*.dataTableFilter {
    padding: 3px 0 0 3px !important;
}*/

    .dataTableFilter label {
        width: auto;
        margin-right:25px;
        padding: 3px 0 0 3px;
        float: left;
    }

    /*.dataTableFilter div {
        float: left;
    }*/

.dataTableFilter .chosen-container{
    margin-right:1%;
}


.content.with-datatables > p:first-of-type {
    margin-top: 0;
}

#ManageAccountActionsDiv button {
    width: 165px;
}

.dtToolbar {
    padding: 5px;
    justify-content:space-between;
}

    .dtToolbar span {
        font-weight: bold;
    }

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

    .dtToolbar .left {
        float: left;
    }

span.field-validation-error {
    color: red;
}

div.field-validation-error {
    color: red;
}
/* NO FOOTER TABLES*/
.no-footer table {
    margin-bottom: 5px;
    border-bottom: solid 1px #c3c3c3
}
/*_HorizontalNavigation and Toolbar(right) styles*/
navhorizontal {
    margin: 0;
    overflow: hidden;
}

#toolbar div.right {
    margin-right: 20px;
}

navhorizontal ul, .dropdown-link-menu {
    margin: 0;
    padding: 0;
    background-color: #F5F5F5;
    font-size: 1.00em;
    font-weight: bold;
}

navhorizontal > ul {
    background-color: white;
}


#toolbar div.right > ul > li > a > img {
    margin-left:5px;
    margin-bottom:4px;
}

navhorizontal li > ul, #toolbar div.right li > ul, .dropdown-link-menu  {
    display: none;
    z-index: 999;
    /*font-size: 1.00em;*/
}
        
navhorizontal .primaryNavigation {
    font-size:1.25em;
}

navhorizontal ul li, #toolbar div.right ul li {
    list-style-type: none;
    font-size: 1.00em;
}

#toolbar div.right .toolbarDropdown {
    padding-bottom: 0;
}

.toolbarDropdown ul {
    height: auto !important;
}

/* Create a style for the first level items */
navhorizontal > ul > li > a, #toolbar div.right > ul > li > a, .dropdown-link {
    /*color: #aaa;*/
    /*background-color:#FF0;*/
    display: block;
    line-height: 2em;
    padding: 0.4em 0.4em;
    text-decoration: none;
    color: #444444 !important;
    /*font-size: 1.00em;*/
}

navhorizontal li > ul li, #toolbar div.right li > ul li {
}

    navhorizontal li > ul li a, #toolbar div.right li > ul li a, .dropdown-link-menu li > ul li a {
        color: darkgreen;
        background-color: #F5F5F5;
        display: block;
        padding: 0.5em 1em;
        text-decoration: none;
    }

    navhorizontal li > ul li:hover a, #toolbar div.right li > ul li:hover a{
        /*background-color: white;
        display: block;
        padding: 0.5em 1em;*/
    }
    

/* Change the background color when mouse over items */
navhorizontal li:hover:not(.different) {
    /*background-color: #666;*/
}

/* display the submenu on mouse over main menu item*/
navhorizontal > ul > li:not(.albany-navbar__list-container):hover > ul, #toolbar div.right li:hover > ul, navhorizontal li.hover > ul, #toolbar div.right li.hover > ul {
    position: absolute;
    display: block;
    height: auto;
    /*background-color: grey;*/
}

navhorizontal li > ul > li ul, #toolbar div.right li > ul > li ul {
    display: none;
    background-color: #F5F5F5;
}

/*navhorizontal li > ul > li:hover > ul, navhorizontal li > ul > li.hover > ul  {
    position: absolute;
    display: inline-block;
    margin-left: 100%;
    margin-top: -2.3em;
    background: white;
}*/

/*
--TO CREATE LINK WITH DROPDOWN-- 
<div class="dropdown-link-div">
    <a class="dropdown-link">Your Link </a>
    <ul class="dropdown-link-menu">
        <li>First menu item</li>
        <li>Second menu item</li>
    </ul>
</div>
*/
.dropdown-link-div {
    display: inline-block;
    position: absolute;
}
.dropdown-link-menu{
    left:18px;
}
.dropdown-link-menu li {
    list-style-type: none;
    font-size: 1.00em;
    margin: 0;
    line-height: 2em;
}

.dropdown-link:hover + .dropdown-link-menu, .dropdown-link-menu:hover {
    position: absolute;
    display: block;
    padding: 0.0em 1em;
    margin: 0;
    background: white;
}
.dropdown-link-menu:hover + .dropdown-link-menu > li{
    margin:0;
    padding:0;
    display:block;
}

#toolbar div.right li:hover ul li a {
    background-color: rgb(238, 238, 238);
}

#toolbar div.right li:hover ul, #toolbar div.right li.hover ul {
    left:auto;
    right:0;
    border-top:1px solid black;
    min-width:200px;
    margin-top:4px;
}

#toolbar div.right li #MainTutorialMenu:hover > ul {
    position: absolute;
    display: inline-block;
    margin-right: 100% !important;
    margin-top: -2.3em;
    border-top: none !important
}

#toolbar div.right #userMenu ul li a{
    border:none;
    color:#345478;
    text-shadow:none;
    border-radius:0;
    line-height:1em;
}

#toolbar div.right li a {
    color: #345478 !important;
    background:none;
    background-color:rgb(238, 238, 238);
    border:none;
    text-shadow:none;
    font-size:1.25em;
    padding:6px !important;

}

#toolbar div.right li a:hover{
    cursor:pointer;
    background:none;
}
#toolbar div.right #userMenu ul li a:hover:active {
    background-color:rgb(238,238,238);
    background:rgb(238,238,238);
    box-shadow:none;
}
#altNav {
    background: url(/Content/mango/img/layout/content/box/header-bg.png) repeat-x #e9ebec; 
    border: 1px solid #c3c3c3;
    color:#444444 !important;
}


.helpArea a{
    font-weight: bold;
    font-size: 1.25em !important;
    color:#0c62d7 !important;
    margin-bottom:5px;
}

.hoverHelp {
    width:16px !important;
}
#trialArea {
    width:100%;
    height:30px;
    background-color:#4ec1e0;
    text-align:center;
    padding-top:5px;
    top: 0;
    left:0;
    bottom:0;
    position:fixed;
    z-index:900;
    font-weight:bold;
}

#trialArea a{
    font-size:16px;
    margin-left:3px;
}

#webinarPromo621{
    display:none;
    float:right;
    padding-right:1%;
}

form .dataTable_length.row > div.chosen-container {
    width: auto !important;
    padding-left: 0 !important;
}

.dataTables_length .chosen-container.chosen-container-single {
    min-width: 56px;
}

.auto-width-small {
    min-width: 125px;
}

.auto-width-med {
    min-width: 175px;
}

.auto-width-large {
    min-width: 225px;
}

.auto-width-full {
    min-width: 225px;
    width: 95% !important;
    max-width: unset !important;
}

.introjs-img {
    max-width: none !important;
}

.introjs-wide {
    min-width: 300px !important;
}

.introjs-img img {
    max-width: 700px !important;
}

.introjs-tooltip h2 {
    color: #7ac042 !important;
}

.paginate_button.current {
    font-weight:bold;
}
.dataTables_views .dataTables_paginate, .dataTables_header .dataTables_paginate {
    padding-bottom:10px;
    
}

.paginate_button {
    border: none !important;
    background: none !important;
}

.paginate_button:hover {
    background: url(/Content/mango/img/elements/table/pagination/hover.png) repeat-x #1c68c0 !important;
}

.big-dropdown {
    font-weight:bold;
    font-size: 14px;
}

.navLabel a, a.navLabel {
    color:#7ac042;
    text-decoration: underline;
}

.navLabel:hover {
    cursor:none;
}

#trialArea.HighAlert {
    background-color: #e63c2f;
}

#trialArea.WarningAlert {
    background-color: rgb(255,184,25);
}

#ShowHints, #HideHints {
    float: right;
    padding-top: 5px;
    cursor: pointer;
}

#jGrowl {
    z-index:901 !important;
}

#confirm-email-body {
    padding-top:50px;
    margin:auto 0;
}
#confirm-email-body section {
    width:50%;
}
#confirm-email-body center {
    border: none !important;
}
#resendEmail {
    width: 40%;
}
#signupnow {
    padding-bottom:0;
}
.wizardSteps {
    margin-top:1em;
    width:50%;
}
.setup-wizard-button {
    margin: 0;
    font-size: 17px;
    left: 0;
    position: relative;
    font-weight: 200;
    text-transform: none;
    letter-spacing: 0px;
    text-shadow: none !important;
    border: none !important;
    padding: 10px 25px;
    border-radius:3px;
}
.paletteblue-button {
    background: #4ec1e0 !important;
    color: white;
    cursor: pointer;
}
.paletteblue-text {
    color: #4ec1e0 !important;
}
#main .toolbar center h2.wizard-header {
    font-size: 28px;
    color: #444444 !important;
    padding-top: 9px;
    padding-bottom: 0;
    font-weight: 200;
}
.xl-banner-text {
    font-size: 2.5em;
    font-weight:400;
    color: #444444;
    padding: 1em;
}
.wizard-sc-header {
    height: 46px;
}

.palettegreen-button {
    background: #77cb1f !important;
    color: white;
    cursor: pointer;
}

#divMovementTab  #MovementList_length{

}

.inlineDisplay {
    color: #00259A;
}

.appPrice {
    color: #77cb1f;
    font-size:1.25em;
}

.header.mainContent > ul > li > a {
    font-weight: 800 !important;
    font-size: 1em !important;
}

.header.mainContent > ul > li > a:hover {
    /*background-color: #ffb819 !important;*/
    opacity: 1;
    font-weight: 800 !important;
    font-size: 1em !important;
}

.showChildProducts {
    margin-left:5px;
}

.filter-style .chosen-container-single .chosen-single {
    border: 1px solid #a8acb0;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
    outline: none;
    background: #eee;
    border: #fff;
    border: none;
    border: #fff;
    box-shadow: none;
    background: #fff;
    border-bottom: 2px solid grey;
    margin-top:10px;
    
    /*text-decoration:underline;*/
}

.filter-style  > b{
    position:relative;
    top:0px;
}

.filter-style .chosen-container-single .chosen-single:hover {
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
    outline: none;
    background: #eee;
    transition: .3s;
    box-shadow: none;
    background: #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
}

.filter-style-no-margin .chosen-container-single .chosen-single {
    border: 1px solid #a8acb0;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
    outline: none;
    background: #eee;
    border: #fff;
    border: none;
    border: #fff;
    box-shadow: none;
    background: #fff;
    border-bottom: 2px solid grey;
}

.dropdown {
    position: relative;
    display: inline-block;
}

    .dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        display: none;
        margin: 0;
        list-style: none;
        width: 100%;
        padding: 0;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        z-index: 1000;
    }


    /** Button Styles **/
    .dropdown button:not(.albany-btn) {
        background: #4ec1e0;
        border: 1px solid #a2afbe;
        margin: 0;
        padding: 0.4em 0.8em;
        font-size: 1em;
    }
    /** List Item Styles **/
    .dropdown span {
        display: block;
        padding: 0.2em 0.8em;
        text-decoration: none;
        background: #FFF;
        color: #000000;
        border: 1px solid #000000;
        cursor: pointer;
    }

    .dropdown a {
        padding: 10px;
        display: block;
        text-decoration: none;
        background: #FFF;
        color: #000000;
        border: 1px solid #000000;
        cursor: pointer;
    }

    .albany-btn--blue-secondary a:hover {
        border: 2px solid #4c6faf;
        background: #4c6faf;
        color: white;
    }


    /** List Item Hover Styles **/
    .dropdown span:hover, .dropdown a:hover {
        display: block;
        color: #ffffff;
        background: #4ec1e0;
    } .dropdown a:hover {
            cursor: pointer;
        } .dropdown:hover .dropdown-menu > li:hover > ul {
        position: absolute;
        display: block !important;
        left:115px;
        margin-top:-22px;
    } .dropdown:hover .dropdown-menu > li > ul{
        display:none !important;
    } .dropdown:hover .dropdown-menu > li:hover > ul > li {
        width: 100px;
        background: white;
        text-align: center;
    } .dropdown:hover .dropdown-menu > li:hover > ul > li:hover {
            display: block;
            color: #ffffff;
            background: #4ec1e0;
            cursor:pointer;
        } 
      
.imgSort {
    /*max-height: 60px;*/
    max-width: 60px;
    transition: transform .2s;
} .imgSort:hover {
    transform: scale(2.5);
    z-index: 1000;
} .dataTableActions {
    text-align: left;
}
    /*FIX MULTI CHOSEN HEIGHT ISSUES*/
.chosen-drop {
    text-align: left;
}

    .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: auto; /*SUCH WOW*/
} .chosen-container-single .chosen-single {
    border: 1px solid #a8acb0;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
    outline: none;
    background: #eee;
    border: #fff;
    border: none;
    border: #fff;
    box-shadow: none;
    background: #fff;
    border-bottom: 2px solid grey;
    margin-top: 10px;
    position: relative;
    top: -7px;
    /*text-decoration:underline;*/
}
    /* Card layout styling */
    .card-view-options {
    float: right;
} #show-removed-wrap {
    /* Keeps div aligned with storefront filter */
    margin-top: 13px;
    float: right;
} .SCIconImage {
    height: 100px;
} .SCIconImage:hover {
    } 
  
  .TileSelection {
    width: 225px;
    height: 180px;
    box-shadow: 0 0 10px #8e8e8e;
    cursor: pointer;
    margin: 10px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: bottom;
} .TileSelection > h2 {
        width: 166px;
        text-align: left;
        float: left;
        clear: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } .TileSelection:hover {
        box-shadow: 1px 1px 25px #888888;
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    } .tile-header {
    margin-left: 15px;
    height: 15px;
} .delete-button {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
} .view-wrap {
    margin-top: 10px;
    height: 30px;
} .view-wrap a {
        float: right;
        margin-right: 15px;
    } .view-wrap span {
        float: left;
        margin-left: 15px;
        width: 170px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    } .sc-icon{
margin-left:2px;
}
/*
 * Grape - Professional & Flexible Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Notifications
 *   1.1) Generic
 *   1.2) Special IE6 Style Positioning
 *   1.3) Normal Style Positions
 *   1.4) Cross Browser Styling
 *   1.5) Themes
 *   1.6) Hide notifications when printing
 */

/* ==================================================
 * 1) Notifications
 * ================================================== */

/*
 * 1.1) Generic
 */

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff !important;
	font-size: 			12px;
}

/*
 * 1.2) Special IE6 Style Positioning
 */

div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/*
 * 1.3) Normal Style Positions
 */

div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/*
 * 1.4) Cross Browser Styling
 */

div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			700;
	font-size:				12px;
	padding-bottom:			5px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	background: none repeat scroll top left #000;
	border:					1px solid #000000;
	color:					#fff;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/*
 * 1.5) Themes
 */

div.jGrowl div.information, div.jGrowl div.success, div.jGrowl div.error, div.jGrowl div.warning, div.jGrowl div.saved {
	background: url("../img/icons/packs/fugue/16x16/information.png") no-repeat scroll 10px 50% #000;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-color: #000;
	padding-left: 35px;
	width: 210px;
}

div.jGrowl div.success { background-image: url("../img/icons/packs/fugue/16x16/tick-circle.png"); }
div.jGrowl div.error { background-image: url("../img/icons/packs/fugue/16x16/cross-circle.png"); }
div.jGrowl div.information { background-image: url("../img/icons/packs/fugue/16x16/information.png"); }
div.jGrowl div.warning { background-image: url("../img/icons/packs/fugue/16x16/exclamation.png"); }
div.jGrowl div.saved { background-image: url("../img/icons/packs/fugue/16x16/disk-black.png"); }

/*
 * 1.6) Hide notifications when printing
 */

@media print {
	div.jGrowl {
		display: 			none;
	}
}
.full, .always{
    font-family: 'PT Sans', sans-serif;
    position: static;
    font-size: 120%;
}

h1::after {
    height: 0px;
}

.partial-section {
    font-size: 1.1em;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    height: 542px;
    width: 100%;
}

.partial-section-cards {
    font-size: 1.1em;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    height: 200px;
    width: 50%;
    margin: 15px;
    margin-top: 40px;
    margin-left: 0;
    height: 150px;
    text-align: left;
}


.instructional-video {
    width: 100%;
}

.noDataContent .description {
    margin-top: 25px;
}
.noDataContent{
    margin-top:50px;
}

    .noDataContent.orders {
        margin-top: 0;
    }

.noDataContent .inner-partial-section {
    background: url('/Content/mango/img/layout/content/box/actions-bg.png') #f0f1f4 repeat-x;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin: 0px;
    padding: 0px;
}

.noDataContent > .partial-section {
    display: inline-table;
}

.noDataContent h3 {
    color: #7ac042;
}

.noDataContent ol {
    text-align: left;
    list-style: initial;
    padding-left: 0px;
    height: 20px;
}

.noDataContent .ul {
    text-align: left;
    list-style: initial;
    padding-left: 0px;
}

.noDataContent .resources li, .noDataContent .support li {
    margin-left: 25px;
}

.noDataContent p {
    text-align: left;
}

.noDataContent .partial-section li {
    padding-left: 5px;
    vertical-align: central;
    height: 50px;
}

.noDataContent .partial-section ul > li a {
    position: relative;
    top: 16px;
}

.noDataContent ul {
    text-align: left;
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
}

.noDataContent, .partialContentResponsive {
    overflow: hidden;
}

.noDataContent .resources {
    height: 300px;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 5px;
}
.noDataContent .settings.resources {
    margin-top: 0px;

}
.noDataContent .support {
    height: 300px;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 0;
    margin-bottom: 20px;
}

.noDataContent header {
    visibility: hidden;
}

.noDataContent .partial-title {
        text-align: left;
        margin-top: 4px;
        margin-left: 0px;
        margin-bottom: 9px;
}

.noDataContent .partial-title span {
    margin-left: 0;
    padding-left: 0;
}

.noDataContent .partial-section-cards h2 {
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    padding: 7px;
}

.noDataContent.partial-section-cards {
        box-sizing: border-box;
        padding: 5px;
}

.noDataContent .grid_12, .minimized {
    margin-bottom: 50px;
}

.noDataContent .partial-section-cards hr, .resources hr {
    margin-top: 5px;
}

.noDataContent .partial-section-cards img {
    padding: 5px;
    padding-left: 0;
    padding-top: 0
}

.partial-section-cards p {
    margin-left: 5px;
}

.partial-description {
    width: 80%;
}

.minimized {
    display: none;
}
.minimized .resources{
    margin-top:0;
}

.minimized .partial-section-cards {
    width: 100%;
}

.minimized .partial-section-cards hr {
    margin-top: 8px;
}

.noDataContent .video-grid {
    margin-bottom: 15px;
}

.partial-section-cards:first-of-type {
    margin-top: 0;
}

@media (min-height: 500px) and (max-width: 1046px) {
    #title {
        width: 450px;
    }
}

@media screen and (max-width: 1200px) {
    .noDataContent.full {
        display: none;
    }

    .noDataContent.minimized {
        display: initial;
    }
}
#noData{
    margin-top:50px;
}
.always{
    width:75%;
    margin:0 auto;
}
.noDataContent.always .partial-description, .noDataContent.always h1 {
    text-align: center;
    width: 100%;
}