@charset "utf-8";

/* CSS Document */

a,
button {
    transition: all ease .4s;
}

a:focus,
a:hover,
button:focus {
    /* outline: none !important; */
    text-decoration: none;
}

/* * {
    outline: none;
} */

html {
    height: 100%;
    font-size: 1em;
}

html,
body {
    height: 100%;
    margin: 0;
}
label{cursor: pointer;}
body {
    height: 100%;
    position: relative;
    margin: 0;
    padding: 71px 0 0 0;
    background: /*#f4f8fb*/#fff;
    font-family: 'Roboto', sans-serif;
    color: #3d3d39;
    font-size: .875rem;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3d3d39;
    margin: 0;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 16px;
}

h6,
.h6 {
    font-size: 14px;
}

p:empty {
    display: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#main {
    height: calc(100% - 83px);
    transition: top .5s ease 0s;
    width: 100%;
}


/*.table-responsive{overflow-x: visible;}*/
input[type="radio"]:focus{
    border: 1px solid red !important;
}

input[type="file"] {
    padding: 10px !important;
    display: block;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
}


label{
    font-size: 14px;
    color: #707070;
    font-weight: 700;
}
.table-order-list table td label {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.email-shipping-memo-table label,
.shipping-info-table label {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.order-detail-boxes a {
    color: #fff;
    margin: 0;
}
/*START: button styling*/

/*.btn {
    border-radius: 4px !important;
}*/

.green-color {
    background: #62ba42;
}

.gray-color {
    background: #333;
}

.dark-gray {
    background: #3c4655;
    color: rgba(255, 255, 255, .4);
}

.btn-yes,
.btn-no {
    background: #3c4655;
    font-size: 11px !important;
    padding: 11px 18px;
    text-transform: uppercase;
    color: white !important;
    border: 0;
    /*border-radius: 50px;*/
}

.btn-yes:hover {
    background-color: #62ba42;
    border-color: #62ba42 !important;
}

.btn-blue {
    background-color: #198cff;
    border-color: #198cff !important;
    border-radius: 20px;
    margin-right: 15px;
    padding: 1px 10px;
}

.btn-blue i {
    margin-right: 2px;
}

.btn-blue,
.btn-blue a {
    color: white;
}

.green-color,
.gray-color {
    color: white;
    text-transform: uppercase;
}

.submit-button {
    background: #475264;
    color: white;
    border: 0;
    /*height:45px;*/
}

.submit-button:hover {
    background: #333333 !important;
    color: white !important;
}

.small-text {
    font-size: 12px;
    color: #747773;
}

.email-shipping-memo-table label.checkbox-inline {
    line-height: 45px;
}

.email-shipping-memo-table label.checkbox-inline input[type=checkbox] {
    margin-top: 16px;
}

.popover-button {
    border: 0;
    background: none;
    padding: 0;
    margin: 0 5px;
}

.popover-button:hover,
.popover-button:focus {
    background: none;
}

.popover-button i {
    color: #dcdcdc;
    font-size: 28px;
    /*line-height:45px;*/
}

.popover-button:focus i {
    color: #1a8cff;
}

.btn--2,
.black-buttons {
    background: #000000;
    color: white !important;
    border-radius: 4px;
    /*box-shadow:0 2px 0 #77ad63; height:38px;*/
    line-height: 26px;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    margin: 5px;
    padding: 6px 20px;
}

.red-buttons {
    background: #FF0000;
    color: white !important;
    border-radius: 4px;
    /*box-shadow:0 2px 0 #77ad63; height:38px;*/
    line-height: 26px;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    margin: 5px;
    padding: 6px 20px;
}

.btn--1,
.green-buttons,
.green-buttons-group input,
input[value="Save"],
input[value="Continue"],
input[value="Go to Customer List"],
input[value="Export"],
input[value="Send Newsletter"] {
    background: #89c972;
    color: white !important;
    border-radius: 4px;
    /*box-shadow:0 2px 0 #77ad63; height:38px;*/
    line-height: 26px;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    margin: 5px;
    padding: 6px 20px;
}



input[value="Cancel"], .cancel{
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    line-height: 25px;
    color: #333;
    margin: 5px;
    text-transform: uppercase;
}

.delete, input[value="Delete"]{
    color: #a94442;
    border: 1px solid #dca09f;
    border-radius: 5px;
    line-height: 25px;
    text-transform: uppercase;
}

.green-buttons i {
    margin-right: 10px;
    font-size: 18px;
    line-height: 26px;
}

.green-buttons:hover,
.green-buttons:focus {
    background: #75ad61;
    color: white;
}

.btn-group input[value="Save"] {
    background: #89c972;
    border-radius: 0;
    margin: 0;
    padding: 6px 12px;
    line-height: 22px;
}


/*END: button styling*/

select:not([multiple]) {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

.form-group select.form-control {
    box-shadow: none;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    /*background:#f4f8fb;*/

}

/*
.input-group input,
input.form-control,
.input-group > .input-group-btn button {
    height: 40px;
}
*/

.input-group > .input-group-btn button {
    background: #475264;
    color: white;
    border: none;
    border-radius: 0 2px 2px 0;
    height: 45px;
}

.input-group-addon input[type="radio"] {
    height: auto !important;
}

.input-group input,
input.form-control,
textarea.form-control {
    background: #ffffff;
    box-shadow: none;
    /*width:86%; float:left;*/
}

input.form-control,
textarea.form-control,
.input-group-addon{
    border: 1px solid #bbbbbb /*#e4e8f0*/;
    border-radius: 2px !important;
    /*height: 40px !important;*/
}

/*.brows-button input[type="file"] {
    padding: 0 !important;
    height: 45px !important;
}*/

.form-control:focus {
    border-color: #91ccfa !important;
    box-shadow: none !important/*0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .75)*/;
    /* outline: 0 none; */
}
.form-control{
    -webkit-appearance: none;
    height: 45px;
}

.main-navigation {
    background: white;
    border-bottom: 1px solid #e5e7eb;
}

.navbar-brand {
    height: auto;
}

.navbar-brand > img {
    height: 50px;
    padding: 5px;
}

.navbar-nav > li {
    border-left: 1px solid #e5e7eb;
}
.navbar-nav > li.tooltip-custom{
    position: relative;
    right: auto;
    margin-top: 0;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background: #1a8cff !important;
    color: white;
}

.nav > li > a:focus i,
.nav > li > a:hover i,
.navbar-nav > li > a:hover span.profile-name {
    color: white !important;
}

.navbar-nav > li > a {
    line-height: 5rem;
    padding: 0 28px;
}

.navbar-nav > li > a > i {
    font-size: 24px;
    color: #1a8cff;
    line-height: 70px; 
}

.navbar-right .dropdown-menu {
    text-align: left;
    background: #f4f7fa;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, .35);
    max-height: 80vh;
    min-width: 13.75rem;
    padding: 0;
    /*max-height: 346px;*/
    top: 102%;
}

/*.navbar-right .notification .dropdown-menu,
.navbar-right .setting .dropdown-menu,
.navbar-right .help > .dropdown-menu,
.navbar-right .profile > .dropdown-menu {
    overflow-y: scroll;
}*/

.navbar-right .help .dropdown-menu {
    min-width: 15rem !important;
}


/*.navbar-right .help .dropdown-menu:hover{overflow-y:scroll;}*/

.wrapper input[type="text"] {
    position: relative;
}

.dropdown-header,
.dropdown-header a {
    text-align: center !important;
    font-size: 18px !important;
    color: #3d3d39 !important;
    font-weight: 700 !important;
    line-height: 3.125rem !important;
    padding: 0 !important;
    background: white;
    border-radius: 5px 5px 0 0;
}

.dropdown-menu .divider {
    margin: 0;
    height: 2px;
}

ul.dropdown-menu > li > a {
    font-size: 1rem;
    color: #676a6e;
}

ul.dropdown-menu > li > a > i {
    font-size: 20px;
    color: #b6bbc3;
    /*margin-right: 10px;*/
    min-width: 32px;
}


/* START:  menu*/

.menu {
    background: #1a8cff !important;
    float: left;
}

.menu i {
    color: white;
}

.menu:hover,
.menu:focus {
    background: #0977e5 !important;
}


/*.menu + ul.dropdown-menu:before { position: absolute; top: -10px; left: 47%; display: inline-block; border-right: 12px solid transparent; border-bottom: 10px solid #ccc; border-left: 12px solid transparent;  border-bottom-color: rgba(0, 0, 0, .2); content: '';}
.menu + ul.dropdown-menu:after { position: absolute; top: -9px; left: 47%; display: inline-block; border-right: 12px solid transparent; border-bottom: 10px solid #f4f7fa; border-left: 12px solid transparent; content: '';}*/

.menu + ul.dropdown-menu {
    min-width: 20.75rem;
    padding: 0;
}

.menu + ul.dropdown-menu > li.col-xs-4 {
    padding: 0;
    border-right: 1px solid #dfe2e7;
    border-bottom: 1px solid #dfe2e7;
}

.menu + ul.dropdown-menu > li.col-xs-4:last-child {
    border-bottom: none;
}

.menu + ul.dropdown-menu > li.col-xs-4 a i,
.menu + ul.dropdown-menu > li.col-xs-4 a img {
    display: block;
    text-align: center;
    font-size: 2.188rem;
    color: #b6bbc3;
    margin: 0 auto 10px auto;
}

.menu + ul.dropdown-menu > li a {
    padding: 18px 0;
    color: #676a6e;
}

.menu + ul.dropdown-menu > li a:hover {
    background: #edeff3;
}

.menu + ul.dropdown-menu > li:first-child a:hover {
    border-radius: 5px 0 0 0;
}

.menu + ul.dropdown-menu > li:last-child a:hover {
    border-radius: 0 0 0 5px;
}


/* START:  menu*/

.dropdown-menu > li {
    border-bottom: 1px solid #dcdee2;
}
.dropdown-menu > li.revert-back-oldlayout{
    background: rgba(0,0,0,0.1) !important;
    text-align: center;
    font-size: 14px;
    color: #475264;
}

.dropdown-menu > li > a {
    font-size: 16px;
    color: #676a6e;
    white-space: normal;
    padding:10px;
}


/* START:  notification*/

.notification > .dropdown-menu {
    min-width: 275px !important;
}

.notification > .dropdown-menu > li > a > span {
    display: table-cell;
    vertical-align: middle;
}

.notification > .dropdown-menu > li > a > span i {
    background: #475264;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 20px;
    color: #b6bbc3;
    margin-right: 8px;
}

.notification > .dropdown-menu > li > a > span:first-child {
    width: 40px;
    text-align: center;
    margin-right: 10px;
}

.notification-badge {
    line-height: 13px;
    padding: 3px 6px;
    position: absolute;
    right: 8px;
    top: 14px;
}

.notification-badge,
.dropdown-header > span.badge {
    background-color: #ff5200;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

.dropdown-header > span.badge {
    width: 23px;
    height: 23px;
    line-height: 17px;
    border-radius: 50%;

}


/* END:  notification*/


/* START:  search*/


/*.search{padding:0px 6px;}*/

.search .navbar-form {
    margin: 0;
    padding: 8px;
}

.search .input-group input[type="text"] {
    min-width: 300px;
    border-radius: 1px 0 0 1px;
    font-size: 15px;
}

.search .input-group button[type="button"] {
    background: #383839;
    border-radius: 0 1px 1px 0;
    color: white;
    font-size: 20px;
    padding: 0 15px;
}

.search .input-group input[type="text"],
.search .input-group input[type="submit"] {
    height: 48px !important;
}

.search .input-group input[type="submit"] {
    font-family: 'FontAwesome';
    background: gray;
    color: white;
    font-size: 15px;
}


/* This is for the placeholder */


/*.wrapper:before { font-family: 'FontAwesome'; color:red; position: relative; left: -5px; content: "\f007";}*/


/*.search > .dropdown-menu{min-width:390px !important; padding:7px !important;}
.search {border:0;}
.search > ul.dropdown-menu:before, .search > ul.dropdown-menu:after{left: 47%;}
*/


/* END:  search*/


/*START:help*/

.dropdown-menu > li > a.support,
.dropdown-menu > li > a.support > i {
    color: #62ba42;
    font-weight: bold;
}


/*END:help*/


/*START: profile*/

.profile > a > span.profile-name {
    font-size: 1rem;
    color: #3d3d39;
    font-weight: 500;
}

.profile > a > span.caret {
    color: #1a8cff;
    font-size: .875rem;
}

.profile > a:hover > span,
.profile > a:focus > span {
    color: #ffffff;
}

.user__avatar {
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #d2d5da;
    margin-left: 1em;
    min-height: 49px;
    max-height: 49px;
    min-width: 49px;
}


/*.profile > .dropdown-menu{transform:translate(-66%, 0px) !important; -moz-transform:translate(-66%, 0px) !important; -ms-transform:translate(-66%, 0px) !important; -webkit-transform:translate(-66%, 0px) !important;}
.profile > ul.dropdown-menu:before, .profile > ul.dropdown-menu:after{left: 57%;}*/

.logout {
    background: #e7e9ed;
    border-radius: 0 0 5px 5px;
}


/*START: profile*/

.main-heading,
.page__header {
    border-bottom: 2px solid #dfe2e7;
    background: rgba(255, 255, 255, .3);
    position: relative;
}

.main-heading h1,
.page__title {
    text-align: center;
    font-size: 1.375rem;
    color: #3d3d39;
    font-weight: normal;
    line-height: 3.875rem;
    text-transform: uppercase;
    margin: 0;
}

.section__title {
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -.03em;
    margin-bottom: .5em;
}

.section__title--small {
    font-size: 1.5em;
}

.section__field {
    margin-top: 1em;
}

.section__field label {
    cursor: initial;
    display: block;
    font-weight: 500;
    /* font-size: 1.07142em; */
}

a.show-only-mobile-button {
    display: none;
}

.show-only {
    background: #ebeff6;
    width: 100%;
    /*display: inline-block;
    */
}

.show-only .form-group {
    margin-bottom: 0;
}

.show-only .form-group .show-only-dropdown:first-child {
    text-align: right;
}

.show-only .form-group .show-only-dropdown:last-child {
    text-align: left;
}

.show-only-dropdown {
    /*margin:15px 0 !important;*/
}

.show-only-dropdown .dropdown-toggle {
    height: 45px;
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(223, 226, 231, 1);
    border: 1px solid #dfe2e7;
    background: #f5f7fb;
    text-align: left !important;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.show-only-dropdown .col-md-5 .col-sm-5 {
    margin: 0 5px;
}

.show-only-dropdown .dropdown-toggle i {
    margin-top: -7px;
    position: absolute;
    right: 15px;
    top: 50%;
}

.show-only-dropdown .dropdown-toggle,
.show-only-dropdown .open > .dropdown-toggle.btn-default.focus,
.show-only-dropdown .open > .dropdown-toggle.btn-default:focus,
.show-only-dropdown .open > .dropdown-toggle.btn-default:hover {
    color: #6a6e72 !important;
}

.show-only-dropdown .open > .dropdown-toggle.btn-default.focus,
.show-only-dropdown .open > .dropdown-toggle.btn-default:focus,
.show-only-dropdown .open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    background: white !important;
    border: 1px solid #c6cad0 !important;
    box-shadow: 0 2px 0 rgba(215, 219, 225, 1) !important;
}

.show-only-dropdown .dropdown-menu {
    border-radius: 0 0 5px 5px;
    left: 0;
    min-width: 100%;
    top: 93%;
}

.show-only-dropdown .dropdown-menu li a {
    padding: 8px 10px;
}

.show-only-dropdown label {
    color: #6a6e72;
    font-size:#6a6e72;
    font-weight: 400;
    margin-right: 20px;
}

.show-only-dropdown select.form-control {
    border-radius: 0;
    width: 26.25rem;
    border: 1px solid #dfe2e7;
    font-size: 14px;
    color: #6a6e72;
    padding: 10px;
    line-height: inherit !important;
}


/*.show-only-dropdown select.form-control:first-child{text-align: right;}*/

.show-only-dropdown .col-md-5 {
    margin-top: 50px;
}

.showonly-checkbox {
    padding: 10px 0;
}

.showonly-checkbox,
.cust-lookup-buttons {
    background: #f4f7fa;
    float: right;
    /*display: inline-block;*/
    width: 100%;
    border-top: 1px solid #dfe2e7;
    border-bottom: 1px solid #dfe2e7;
}

.showonly-checkbox .checkboxes-today-7days {
    margin: 10px 0;
}

.date-range-inputs-radio label {
    margin: 0 5px;
}

.showonly-checkbox .form-inline .form-group:first-child {
    margin-right: 0;
}

.showonly-checkbox .form-group {
    margin: 0 15px;
}

.showonly-checkbox .form-group label {
    color: #919599;
    font-size: 14px;
    font-weight: 400;
}

.showonly-checkbox .form-group label:last-child {
    padding-right: 5px 0 !important;
}

.showonly-checkbox .form-group input[type="text"] {
    border-radius: 0;
    border: 1px solid #dfe2e7;
    height: 38px;
}

.date-range-inputs > .form-group > label {
    color: #92969a;
    font-weight: 400;
}

.date-range-inputs > .form-group > input {
    border-radius: 0;
    border: 1px solid #dfe2e7;
    height: 38px;
    width: 164px;
}

.date-range-inputs > .form-group {
    margin: 0 5px;
}

.go-btn, .go-btn:focus {
    width: auto;
    background: #3c4655 !important;
    border: none !important;
    color: white !important;
    font-size: 14px;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    border: 0;
    padding: 0 15px;
    border-radius: 2px;
}

.purchase-order-filters strong {
    font-size: 16px;
    color: #6a6e72 !important;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.purchase-order-filters strong i {
    padding: 0 5px 0 0px;
    font-size: 18px;
}

.input-group-addon .go-btn {
    border-radius: 0 2px 2px 0 !important;
    height: 45px;
}

.go-btn:hover {
    background: #9fa4ac;
    color: white;
}

.middle-content {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    position: relative;
}
.middle-content, .container{
    margin: 25px auto;
}

.sidebar {
    background: #293541;
    bottom: 0;
    overflow-y: auto;
    position: absolute;
    top: 0;
    z-index: 8;
    padding: 0;
    min-height: 1200px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 295px;
}


/*.sidebar:hover{overflow-y: scroll; }*/

.sidebar-expand {
    display: none;
}

.order-search {
    background: #171d24;
    padding: 20px;
}

.order-search .input-group input[type=text] {
    height: 40px;
    width: 13rem;
    margin-right: 16px;
    border-radius: 0 22.5px 22.5px 0;
    border-left: none !important;
    border: 1px solid #0d1217;
    color: white;
}

.order-search .input-group input::placeholder {
    color: #45515e;
}

.order-search .input-group input::-moz-placeholder {
    color: #45515e;
}

.order-search .input-group input::-ms-placeholder {
    color: #45515e;
}

.order-search .input-group input::-webkit-placeholder {
    color: #45515e;
}

.order-search .input-group-addon {
    border-radius: 22.5px 0 0 22.5px;
    border: 1px solid #0d1217;
    border-right: none !important;
    padding-right: 0;
}

.order-search .input-group-addon i {
    color: #667381;
    font-size: 20px;
}

.order-search .input-group input[type=text],
.order-search .input-group-addon,
.sort-by .form-control {
    background: #242e39;
}

.order-search .popover-button {
    background: none;
    border: 0;
    display: inline-block;
    vertical-align: middle;
}

.order-search .popover-button i {
    font-size: 22px;
    color: #374351;
}

.order-numbers-panel li:first-child a {
    border-top: 1px solid #303d4b;
}


/*.order-numbers-panel li a{line-height:2.60rem; border-bottom:1px solid #303d4b; padding:0 15px; display:inline-block; width:100%; color:#80888f; font-size:15px; text-shadow:0 1px 0 rgba(0,0,0,0.5)}*/

.order-numbers-panel li a {
    /*line-height: 2.60rem;*/
    padding: 12px 10px;
    border-bottom: 1px solid #303d4b;
    /*padding:0 10px;*/
    display: inline-block;
    width: 100%;
    color: #80888f;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.order-numbers-panel li a:hover,
.order-active {
    background: #1a242f;
    position: relative;
}


/*.order-numbers-panel li a:hover:before { position: absolute; top: -10px; right: 0; display: inline-block; border-top: 12px solid transparent; border-bottom: 10px solid #ccc; border-left: 12px solid transparent;  border-bottom-color: rgba(0, 0, 0, .2); content: '';}
.order-numbers-panel li a:hover:after { position: absolute; top: -9px; right:0; display: inline-block; border-top: 12px solid transparent; border-bottom: 10px solid #f4f7fa; border-left: 12px solid transparent; content: '';}*/

.order-numbers-panel li button.status-tooltip {
    background: none;
    border: 0;
}
.tooltip{
    font-family: "Roboto",sans-serif;
    left: inherit !important;
    right: 0;
}
.tooltip-inner {
    max-width: 400px !important;
    text-align: left !important;
    /*white-space: pre-wrap;*/
}

/*.status{width:14px; height:14px; border-radius:50%; position:relative; vertical-align:middle; display:inline-block;}*/

/*.status:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 1px;
    background: none;
    border: 2px solid #293541;
}
*/
.order-status-tooltip {
    position: relative;
    vertical-align: middle;
    border-radius: 10px;
}

.order-numbers-panel a span.label {
    padding: .35em .8em .3em .8em;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: normal;
}

.status-label {
    border-radius: 12px;
    display: block;
    /*
    margin-top: 14px;
    line-height: .58;
    height: 13px;*/
    font-size: 11px;
    min-width: 130px;
}

.green {
    background: /*#549b3b*/
        #749e65;
    color: #d1f1c6;
}

.orange {
    background: /*#e87a27*/
        #e6a354;
    color: #f5e9db;
}
.blue{
    background:#1a8cff;
}
.yellow {
    background: /*#efb720*/
        #e0be63;
    color: #fdfbf4;
}

.gray {
    background: #69747f;
    color: #c7d3df;
}

.red {
    background: /*#db4948*/
        #d95958;
    color: #edd5d5;
}

.order-no a {
    color: #1083f5;
    font-size: 16px;
}

.templateDisplayFilterLink {
    font-size: 12px;
}

button[data-toggle^="tooltip"],
button[data-toggle^="tooltip"]:hover,
button[data-toggle^="tooltip"]:focus{
    background: none !important;
    border: none;
    padding: 0 10px;
}

button[data-toggle^="tooltip"] i {
    font-size: 18px;
    color: /*#d3d9e4*/ #b7bdc7;
}

.tooltip-relative{
    position: relative;
    display: inline-block;
    width: 40px;
}


button[data-toggle^="tooltip"] + .tooltip > .tooltip-inner {
    background-color: #3c4655;
    font-size: 14px;
    min-width: 400px;
}

button[data-toggle^="tooltip"] + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #3c4655;
    left: inherit !important;
    right: 15px;
}

.order-detail-main {
    min-height: 1200px;
    background: #e7edf3 /*#eff1f5*/;
    padding: 0 20px 20px 20px;
}
.order-detail-left-hide{
     margin-left: 0 !important;
     width: 100% !important;
     min-height: 1200px;
     background: #e7edf3 /*#eff1f5*/;
     padding: 0 20px 20px 20px;
}

.order-detail-main .panel-body{padding: 0 !important;}

.status-tooltip + .tooltip > .tooltip-inner {
    background-color: #5a6773;
    border-radius: 2px !important;
    color: #b0bcc7;
    text-shadow: 0 1px 0 #313941;
    padding: 2px 8px !important;
}

.status-tooltip + .tooltip > .tooltip-arrow {
    border-left-color: #5a6773 !important;
}

.panel-default > .panel-heading {
    background-color: #eff2f6;
    border-radius: 5px;
}

.accordion .panel-group .panel {
    box-shadow: none;
    border-radius: 0;
    border-color: /*#d5d8df*/ #c2ced7 !important;
    border-bottom-width: 2px !important;
    border: 1px solid;
}

.accordion .panel-group .panel .panel-heading {
    padding: 0px;
    text-transform: capitalize;
}

.order-detail-boxes{
    position: relative;
    display: inline-block;
    width: 100%
}
.order-detail-boxes:before, .order-detail-boxes:after{
    content: '';
    position: absolute;
    top: 57px;
    bottom: -6px;
    width: 1px;
    background: #dddddd;
}
.order-detail-boxes:after{
    right: 33.3333%;
}
.order-detail-boxes:before{
    left: 33.3333%;
}

.accordion .panel-group .panel .panel-heading .panel-title a{padding: 15px;}
.accordion .panel-group .panel .panel-heading .panel-title a, .order-detail h4 a {
    display: block;
    font-size: 20px;
    color: #5c6675;
}
.accordion .panel-group .panel .panel-heading .order-panel-title a, .order-detail h4 a {
    display: block;
    font-size: 20px;
    color: #000;
}
.order-detail .table > tbody > tr > th, .order-detail .table > tbody > tr > td {
    border-top: 0;
}
.order-detail .panel-heading{ border-bottom: 1px solid #dddddd;}
.order-detail h4 a {line-height: 1.8;}


.accordion .panel-group .panel .panel-heading .panel-title a i, .order-detail h4 a i {
    color: #1a8cff;
    margin-right: 12px;
}


/*.accordion .panel-group .panel .panel-collapse .panel-body {
    padding: 0;
}*/

.accordion .h5 {
    color: #52575c;
    font-size: 15px;
}

.accordion .h5 .checkbox {
    margin: 0;
    font-size: 12px;
}

.accordion .h5 .checkbox input[type="checkbox"] {
    margin-top: 1px;
}

.customer-information-edit {
    /*background: #f0f5ee;*/
    padding: 15px;
    border-bottom: 2px solid #e9edf0;
}

.customer-information h4.green-title {
    /*color: #348018;*/
    color: rgba(0,0,0,10);
    font-size: 16px;
    margin: 0;
    padding: 0 0 15px 0
}

.customer-information p {
    font-size: 14px;
    /*color: #7f8386;*/
    color: rgba(255,255,255,0.8);
}

.customer-information-edit .col-sm-7 {
    font-size: 1.425em;
}

.tab-2 {
    display: inline-block;
    width: 1em;
}

.customer-information p:last-child {
    margin-bottom: 0;
}

.col-sm-6.text-right.edit {
    line-height: 5.5;
}

.edit-button {
    background: #1a8cff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.edit-button i {
    color: white !important;
}

.approved-select-action-buttons {
    padding: 20px 15px 20px 0;
    margin: 0 -20px 15px -20px;
    background: #fff;
    border-bottom: 1px solid #c2ced7;
    border-top:1px solid #e7edf3
}

.affix-2.affix{
    background: white !important;
    width: 100%;
    max-width: 1300px;
    top: 71px;
    z-index: 10 !important;
    padding: 15px;
    border-bottom: 2px solid #dfe2e7;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .25);
}
.affix-2.affix .padding-top-bot-15{
    padding: 0 !important;
}

.personalizations-affix .affix-2.affix{
    max-width: 100%;
    position: relative;
    width: 100% !important;
    border-bottom: none;
    box-shadow: none;
    top: auto;
}

.personalizations-affix .affix-2.affix .affix-right{
    float: none !important;
    text-align: start !important;
    width: auto !important;
}

.personalizations-affix .affix-2.affix .affix-left hr{
    display: block!important;
}

.personalizations-affix  .affix-2.affix .affix-left .text-center{
    text-align: center !important;
}

.personalizations-affix .affix-2.affix .affix-left{
    float: none !important;
    text-align: center !important;
    width: auto !important;
}


.personalizations-affix-fix .affix-2.affix{
    right: 0;
    max-width:1524px;
}

.personalizations-affix-fix .affix-2.affix .affix-right, .personalizations-affix-fix .affix-2.affix .affix-left{
    width: 50%;
}
.personalizations-affix-fix .affix-2.affix .affix-right .padding-top-bot-15 .text-center{
    text-align: center !important;
}


.affix-2.affix .affix-left {
    float: left;
    width: 70%;
    text-align: left;
}
.affix-2.affix .affix-left .text-center{
    text-align: left !important;
}
.affix-2.affix .affix-left hr{
    display: none !important;
}
.affix-2.affix .affix-right {
    float: right;
    width: 30%;
    text-align: right;
}

/*
.affix-2.affix .leftctl.objectname {
    display: none;
}
*/

.affix-2.affix #controls {
    background: white;
}

.approved-select-action-buttons.affix {
    left: 0;
    margin-left: 90px;
    margin-right: 16px;
    position: fixed;
    right: 0;
    top: 71px;
    z-index: 8 !important;
}

select.form-control {
    height: 45px;
    background: #ffffff;
    border: 1px solid #e4e8f0;
    border-radius: 2px;
    box-shadow: none;
    /*float:left; width:87%;*/
}

select.form-control[multiple],
.available-tokens select.form-control {
    height: auto !important;
    -webkit-appearance: inherit !important;
    -moz-appearance: inherit !important;
    appearance: inherit !important;
}


.save-download-print-button {
    float: right;
}

.save-download-print-button i {
    color: #1a8cff;
    font-size: 20px;
}

.save-download-print-button button.btn-default {
    background: #f4f8fb;
    text-transform: uppercase;
    border-color: #e4e8f0;
    border-radius: 2px;
    padding: 0 10px;
    height: 35px;
}

.save-download-print-button button.btn-default,
.save-download-print-button button.btn-default:hover {
    color: #6c6f72 !important;
}

.save-download-print-button button.save-btn {
    background: #89c972;
    border-color: #53a237;
}

.save-download-print-button button.save-btn,
.save-download-print-button button.save-btn:hover,
.save-download-print-button button.save-btn i {
    color: white !important;
}

.bill-ship-payment {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.bill-ship-payment-main-hd {
    background: #f4f8fb;
    border-top: 1px solid #e4e8f0;
    border-bottom: 1px solid #e4e8f0;
    line-height: 3.375rem;
    font-size: 16px;
    color: #484c50;
}

.bill-ship-payment-main-hd,
.bill-ship-payment-content {
    padding: 0 20px;
}

.order-detail-main a i[class^="fa"] {
    color: #1a8cff;
}

.order-detail-main a i[class^="fa-pencil"] {
    padding: 10px;
}



/*.bill-ship-payment-main-hd a i, .shipping-instruction td p a i{padding:10px; color:#1a8cff;}*/

.bill-ship-payment-content {
    padding-top: 10px;
}

.bill-ship-payment-content p,
.bill-ship-payment-content a {
    color: #000;
    font-size: 14px;
    line-height: 1.8;
}


.bill-ship-payment-main-hd a i {
    padding: 0 10px;
}

.bill-ship-payment-name {
    font-size: 16px;
    color: #3a3e42;
}

.td-heading a,
.td-heading {
    color: #0b64bd !important;
    font-size: 16px !important;
}

.td-heading h2 {
    display: inline-block;
}

.td-heading h2 a {
    display: block;
}

.table-list table tr td
/*, .table-list table tr td a*/

{
    color: #707377;
}


/*.container .table-list table{border-top:1px solid #e4e8f0; border-bottom:1px solid #e4e8f0;}*/

.table-list table {
    border-top: 1px solid #e4e8f0;
    border-bottom: 1px solid #e4e8f0;
    margin-bottom: -1px;
}

.table-list table thead tr th:first-child,
.table-list table tbody tr td:first-child,
.table-order-list table thead tr th:first-child,
.table-order-list table tbody tr td:first-child {
    border-left: none;
}

.table-list table thead tr th:last-child,
.table-list table tbody tr td:last-child
.table-order-list table thead tr th:last-child,
.table-order-list table tbody tr td:last-child {
    border-right: none;
}

.table-order-list table tbody {
    height: 100%;
    position: relative;
    margin: 0;
    padding: 71px 0 0 0;
    background: /*#f4f8fb*/#fff;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: .875rem;
    height: 100%;
}
.table-list table th,
#adminPhotos .thead {
    background: #f4f8fb;
    border-bottom: 2px solid #e4e8f0 !important;
    font-size: 12px;
    text-transform: uppercase;
    color: #93979d;
    /*line-height:3.375rem !important;*/
    height: 54px;
    padding: 0 10px !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
}

.table-order-list table th {
    background: #f4f8fb;
    border-bottom: 2px solid #e4e8f0 !important;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    /*line-height:3.375rem !important;*/
    height: 54px;
    padding: 0 10px !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
}

/*
.table-list table th:first-child {
    height: auto;
}
*/

.table-list table th span {
    display: block;
    font-size: 10px;
}

.table-list table th a {
    color: #93979d;
    font-size: 12px;
}
.table-order-list table th a {
    color: #000;
    font-size: 12px;
}
.table-order-list table td a {
    color: #000;
    font-size: 15px;
}
.table-list table th,
.table-list table tr td,
.table-order-list table th,
.table-order-list table tr td {
    border: 1px solid #e4e8f0;
}


/*.table-list table tr td:first-child,*/

.table-list table tr td.td-heading {
    color: #484c50 !important;
    font-size: 16px !important;
}

.table-list table tr td {
    font-size: 14px;
    padding: 10px !important;
    position: relative;
    vertical-align: middle;
}

.table-list table tr td span {
    font-size: 12px;
}

/*.table-list tr td div.row {
    margin: 0;
}*/


/*.table-list table tr td, .table-list table tr td a{color:#818489;}*/

.shipped-returend .form-group .col-sm-12 {
    margin-top: 5px;
}

.shipped-returend .form-group label {
    font-weight: 400;
}

.shipped-returend .form-group select.form-control {
    height: 34px;
    margin-bottom: 10px;
}

.table-hover > tbody > tr:hover {
    background: #f5f7fa;
}

.shipping-instruction td p,
.shipping-instruction td p a {
    color: #6f767c;
    margin: 0 0 5px 0;
}

.shipping-instruction td p a {
    text-decoration: underline;
}

.grand-total {
    background: #f4f8fb;
}

.email-shipping-memo-table {
    padding: 15px;
}

.email-shipping-memo-table tr td,
.email-shipping-memo-table tr th {
    padding: 15px !important;
    font-size: 15px;
    color: #747773;
}

.planHead {
    font-size: 18px;
}


.planPrice {
    font-size: 21px;
    color: green;
    font-weight: bold;
}


/*.email-shipping-memo-table tr td .input-group span.input-group-btn button{height:45px; border-radius:0 2px 2px 0; background:#333333; color:white; border:0;}*/

.footer-1 {
    color: black;
    text-align: center;
}


/*#footerblock ul{display:table;}*/

.app-container .app-footer ul li {
    display: inline-block;
    text-align: center;
}

.app-container .app-footer ul li a {
    float: left;
    padding: 5px 15px;
    color: #333;
}

.app-container .app-footer .footer-2 {
    font-size: 12px;
    color: #41413f;
}

.sort-by {
    margin-top: 10px;
}

.sort-by .form-control {
    width: 100%;
    border: 1px solid #0d1217;
    color: white;
    border-radius: 0;
}

.fraud-info {
    display: table;
    width: 130px;
    height: 70px;
    color: rgba(0, 0, 0, .5);
    margin-top: 20px;
}

.fraud-score {
    /*display: table-cell;*/
    vertical-align: middle;
    /*border:2px solid rgba(0,0,0,0.25);*/
    text-align: center;
}

.fraud-score--green {
    background: #7EB23D;
    border-radius: 5px;
}
.fraud-score--green .fraud-score__score, .fraud-score--green .fraud-score__sub {
    color: #fff;
}

.fraud-score--yellow {
    background: #f5c02a;
    border-radius: 5px;
}

.fraud-score--red {
    background: #f64f44;
    border-radius: 5px;
}

.fraud-score_score,
.fraud-score_sub {
    text-align: center;
    width: 100%;
    display: block;
}

.fraud-score__score {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    width: 100%;
}

.fraud-score_sub {
    font-size: 10px;
}

#fraud_cancel_link a {
    margin-top: 5px;
    color: #8A8F9F;
}

.fraud-score-guarantee, #signify_guarantee, .fraud-score-guarantee-btn {
    clear: left;
    float: left;
    text-align: center;
    margin-top: 5px;
    width: 130px;
}

/*
.lookup-search input[type="text"] {
    width: 244px;
    height: 38px;
}
*/

.cust-lookup-search {
    text-align: left;
    padding: 15px;
    display: table;
}

.cust-lookup-search form.form-inline {
    display: table-cell;
    vertical-align: middle;
}

.cust-right-button {
    float: right;
    position: relative;
    margin-top: 0px;
}

.cust-right-button .tooltip-custom {
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 999 !important;
}

.cust-right-button .tooltip-custom span i{
    color: white;
}

.cust-right-button .tooltip-custom .tooltiptext{
    min-width: 120px !important;
    width: auto !important;
    font-size: 12px;
    line-height: normal;
    padding: 4px !important;
}

.cust-right-button .tooltip-custom .tooltip-bottom{
    margin-left: -60px;
    top: 77px;
}

.cust-right-button .btn-group button.dropdown-toggle,
.cust-right-button .btn-group button.dropdown-toggle:focus {
    padding: 0 6px !important;
    background: rgba(0, 0, 0, .1) !important;
    border: 0 !important;
}

.cust-right-button .btn-group a.dropdown-toggle:focus span.caret {
    color: #1a8cff;
}

.cust-right-button .btn-group .dropdown-menu {
    left: -117px;
    padding: 0;
}

.cust-right-button .btn-group .dropdown-menu li,
.cust-right-button .btn-group .dropdown-menu li a {
    float: left;
    width: 100%;
}

.cust-right-button .btn-group .dropdown-menu li a {
    border-left: none;
    border-radius: 0 !important;
    border-right: none !important;
    color: #676a6e;
    padding: 8px;
}

.cust-right-button a,
.cust-right-button button {
    float: left;
    padding: 0 26px;
    line-height: 4.625rem;
    font-size: 22px;
    color: #1a8cff;
    border-left: 1px solid #dbdee1;
    border-right: 1px solid #dbdee1;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
}

.cust-right-button a:hover,
.cust-right-button button {
    color: #3d3d39;
}

.cust-right-button button {
    float: none !important;
    border: 0;
}

.cust-right-button a:last-child {
    border-right: 1px solid #dbdee1;
}

.cust-right-button a.cust-pg-add-customer i {
    color: #1a8cff;
}

.cust-right-button a.cust-pg-delete, .cust-right-button a.btn__delete {
    background: #f8f2f2;
    color: #e44444 !important;
    border-right: 1px solid #dbdee1;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: #f7f9fb;
}

.action-button {
    text-align: center !important;
}

.action-button button {
    border: none;
    background: none;
}

.action-view,
.action-edit,
.action-delete,
.action-buttons .disabled
{
    font-size: 16px;
    padding: 0 8px;
}

.action-view,
.action-view:hover {
    color: #818489 !important;
}

.action-edit,
.action-edit:hover, ul.dropdown-menu > li > a.action-edit > i  {
    color: #1a8cff !important;
}

.action-delete,
.action-delete:hover, ul.dropdown-menu > li > a.action-delete > i   {
    color: #e44444 !important;
}

.action-buttons .disabled{
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed;
}


.table-list .checkbox {
    margin: 0;
}

.cust-display-pagination {
    padding-top: 30px;
}

.display-text strong {
    color: #484c50;
}

.pagination > li > a{
    border-width: 2px 1px !important;
    color: #475264;
}
.pagination a:first-child, .pagination b:first-child{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /*display: none;*/
}
.pagination a:last-child, .pagination b:last-child{
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    /*display: none;*/
}
.pagination > li.active > a{
    background-color: #475264 !important;
    color: white !important;
    border-bottom-color: #475264 !important;
    border-top-color: #475264 !important;
}

.pagination{
    border-radius:4px;
    display: inline-block;
}
.pagination a{
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid rgba(0,0,0,0.15);
    /*border-bottom-color: #475264 !important;
    border-top-color: #475264 !important;*/
    border-width: 1px 1px !important;
    color: #475264;
    padding:6px 12px;
    float: left;
    margin-left: -1px;

}
.pagination a:empty{display: none;}
.pagination b.active{
    background-color: #475264 !important;
    color: white !important;
    border:1px solid #475264 !important;
    padding:6px 12px;
    float: left;
}


/*.pagination > li:first-child > a{
    border-left-width: 2px !important;
}

.pagination > li:last-child > a{
    border-right-width: 2px !important;
}*/

/*.pagination {
    margin: 20px 0 10px 0;
}

.pagination a,
.pagination > li > a,
.pagination > li > span {
    border-top: 2px solid #cbcdd2;
    border-bottom: 2px solid #cbcdd2;
    border-left: none;
    border-right: none;
    padding: 6px 10px;
    font-size: 14px;
    color: #484c50;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-left: 2px solid #cbcdd2 !important;
    border-right: 2px solid #cbcdd2 !important;
    padding: 6px 18px;
    color: #fff;
}

.pagination > li:first-child > a {
    border-right: 2px solid #cbcdd2 !important;
    margin-right: 1px;
}

.pagination > li:last-child > a {
    border-left: 1px solid #cbcdd2;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #cbcdd2;
    border-color: #cbcdd2;
}*/

.add-customer {
    /*padding:15px;*/
    border-radius: 10px;
    background: white;
}

.add-customer .panel-group .panel .panel-collapse .panel-body {
    padding: 15px 0;
}


/*td.vert-align{vertical-align: middle;}*/

.view-history {
    position: relative;
}

.view-history .row {
    margin-left: 0;
    margin-right: 0;
}

.vw-hstry-customer-detail {
    background: #f8fafc;
}

.vw-hstry-cust-name-mem-since {
    border-bottom: 1px solid #cbcdd2;
    float: left;
    width: 100%;
    padding: 15px;
}

.vw-hstry-cust-name-mem-since .col-sm-6 {
    padding: 15px 0;
}

.vw-hstry-cust-name {
    font-size: 18px;
    font-weight: 700;
    color: #3d3d39;
}

.vw-hstry-cust-name span.user-profile {
    margin-right: 10px;
}

.mem-since {
    /*padding:15px 0;*/
    height: 49px;
    text-align: right;
}

.vw-hstry-add-contact {
    float: left;
    width: 100%;
    border-bottom: 1px solid #cbcdd2;
    position: relative;
}

.vw-hstry-add-contact::after {
    background: #cbcdd2;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
}


/*.vw-hstry-add-contact .col-sm-6:last-child{text-align:right; border-left:1px solid #cbcdd2;}*/

.vw-hstry-add-contact .col-sm-6,
.vw-hstry-buttons {
    padding: 15px;
}

.vw-hstry-buttons {
    float: left;
    width: 100%;
}

.vw-hstry-add-contact .col-sm-6 p,
.vw-hstry-add-contact .col-sm-6 p a {
    margin: 0;
    color: #6a6e72;
    line-height: 2;
}

.vw-hstry-add-contact .col-sm-6 p a i {
    color: #1a8cff;
    margin-left: 10px;
}

.vw-hstry-totle-table tr td:first-child {
    width: 80%;
    text-align: right
}

.vw-hstry-totle-table tr td:last-child {
    width: 20%;
}

.vw-hstry-totle-table tr td:last-child,
.phone-order-accordion .total-table tr td:last-child {
    font-weight: 700;
    color: #484c50;
    font-size: 16px;
}

.custom-fields > .show-only-main .col-sm-6 {
    float: right;
}

.show-only-main .green-buttons {
    margin: 15px 0;
}

.wrong i.fa-circle {
    color: #e44444 !important
}

.right i.fa-circle {
    color: #62ba42 !important
}

.steps {
    border: 2px solid #ebeef0;
    border-radius: 4px;
    margin-bottom: 15px;
}

.steps:empty {
    border: 2px solid #ffffff;
}

.step-heading {
    color: #31373d;
    background: #ebeef0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0;
}

.step-content h4 {
    color: #798c9c;
    margin: 15px 0;
}

.step-content p {
    font-size: 12px;
    color: #929498;
    margin-top: 5px;
}

.brows-button .form-group {
    margin: 0;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.seperator-main {
    position: relative;
}

.seperator {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: red;
}


/*.table-thumbnail{position:relative;}
.thumbnail-preview{display:none;}
.table-thumbnail:hover .thumbnail-preview{display:inherit; position:absolute; top:0; left:0; z-index:1000;}
.table-thumbnail:hover .thumbnail-preview img{height:250px;}*/

.responsive-t {
    width: 100%;
    overflow-x: auto;
}

.responsive-t table thead tr th {
    white-space: nowrap;
}

.responsive-t table {
    width: 100%;
}

.table-thumbnail,
.thumbnail-preview-table {
    position: relative;
}

.thumbnail-preview,
.thumbnail-preview-table-content {
    text-align: left;
    /*display:none;*/
    background: #475264;
    padding: 5px !important;
    border-radius: 10px;
    transition: transform 3s all;
    min-width: 500px;
}

.thumbnail-preview:after,
.thumbnail-preview-table-content:after {
    top: 95%;
    left: 3.8%;
    margin-left: -12px;
    top: -6px;
}

.thumbnail-preview-table-content li {
    border: none;
}

.thumbnail-preview:after,
.thumbnail-preview-table-content:after,
.tooltip-bottom:after {
    background-color: #475264;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -o-webkit-transform: rotate(44deg);
    -ms-webkit-transform: rotate(44deg);
    /*border-radius: 5px;*/
    z-index: -1;
}

.tooltip-bottom:after {
    margin-left: -5px;
    left: 50%;
    top: -4px;
}

.table-thumbnail:hover .thumbnail-preview {
    /*display:block; position:absolute; bottom:30px; left:-89px; z-index:1000;*/
    height: 250px;
    width: 250px;
    animation: transform .3s linear;
}

.table-thumbnail:hover .thumbnail-preview img {
    max-width: 240px;
    max-height: 240px;
    border-radius: 10px;
}

.viewcartitems-table {
    border-radius: 10px;
    float: left;
    overflow: hidden;
    width: 100%;
}

.viewcartitems-table .table-responsive {
    height: 200px;
    overflow-x: auto;
    background: #fff;
}


/*.viewcartitems-table:hover{overflow-Y: scroll;}*/

.viewcartitems-footer {
    margin: 15px 0;
}

.viewcartitems-footer .well {
    background-color: #5b677a;
    border: 0 none;
    border-radius: 5px;
    margin: 15px 0 0;
    padding: 8px;
}

.viewcartitems-footer .well label {
    color: white;
}

.viewcartitems-footer .well input.btn {
    background: #475264;
    color: white;
    border: none;
    height: 40px;
}

@keyframes transform {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

hr {
    border-color: #dfe2e7;
}
.double-hr {
    border-width: 3px 0 0;
    border-color: #d3d6da;
}

.thumbnail-preview-table:focus + .thumbnail-preview-table-content {
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -250px;
    z-index: 1000;
    min-width: 500px;
    animation: transform .3s linear;
}
.small-table-container, .big-container{
    display: table;
    margin: 25px auto;
    padding: 15px;
}
.small-table-container {
    width: 100%;
    max-width: 800px;
}
.card.middle-content.small-table-container {
    width: 100%;
    padding: 50px;
    max-width: 1300px;   

}

.card.middle-content.small-table-container.ticketCard {
    width: 45%;
    padding: 50px;
    float:left;
    margin-left: 50px;
}

.big-container{
    width: 100%;
    max-width: 1300px;
}

.viewcartitems-head {
    margin: 15px 0;
}

.viewcartitems-name {
    color: #afb8c6;
    font-size: 20px;
    font-weight: 500;
}

.viewcartitems-name span {
    color: #838fa1;
    font-size: 15px !important;
    margin: 0 8px;
}

.close-btn {
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    height: 18px;
    line-height: 16px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 0;
    width: 18px;
}

.close-btn i {
    color: white;
    font-size: 13px;
}

.delete-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 260px;
}

.delete-dropdown button {
    color: #e44444;
    background: #f8f2f2;
    border-left: 1px solid #dbdee1;
    border-right: 1px solid #dbdee1;
}

.delete-dropdown .dropdown-menu li a {
    float: none !important;
    padding: 5px;
    font-size: 14px !important;
}

.setting-button a {
    position: relative;
    z-index: 10;
}

.setting-button-hover,
.setting-button-hover li ul.setting-button-dropdown {
    display: none;
}

.setting-button:hover .setting-button-hover,
.setting-button-hover li:hover ul.setting-button-dropdown {
    display: inherit;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .35);
    position: absolute;
    top: 6px;
    padding: 8px;
    text-align: left
}

.setting-button:hover .setting-button-hover {
    left: -41px;
    background: #fff;
}

.setting-button-hover li:hover ul.setting-button-dropdown {
    left: -85px;
    background: #f4f7fa;
}

.material-switch > input[type="radio"],
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    /*box-shadow: inset 0 0px 10px rgba(0, 0, 0, .5);*/
    border-radius: 50px;
    content: '';
    height: 24px;
    margin-top: -12px;
    position: absolute;
    left: 0;
    opacity: .18;
    transition: all .4s ease-in-out;
    width: 40px;
}

.material-switch > label::after, .material-switch > input[type="checkbox"]:not(:checked), .material-switch > input[type="radio"]:not(:checked) {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, .3);*/
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all .3s ease-in-out;
    width: 24px;
    border: 1px solid rgba(0, 0, 0, .2);
}
.material-switch > input[type="radio"]:checked + label::before,
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: .5;
}

.material-switch > input[type="radio"]:checked + label::after,
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.middle-content .container {
    /*border:1px solid #cbcdd2; border-radius:8px; box-shadow:0 2px 1px rgba(0, 0, 0, .12); background:white; */
}

/*.btn-group-xs > .btn,
.btn-xs {
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 10px;
}*/

.small-btn-gry {
    background: #333;
    color: rgba(255, 255, 255, .5) !important;
    border-radius: 10px !important;
}


/*.small-btn-gry:hover, .btn.focus, .btn:focus, .btn:hover, .btn-danger {
        color: white;
}*/

.phone-order-accordion {
    margin-top: 25px;
}

.phone-order-accordion #accordion > .panel {
    border-left: none;
    border-right: none;
}


/*.bill-to-address {background: rgba(0, 0, 0, .016); border-right: 1px solid rgba(0, 0, 0, .09);}*/

.col-sm-6.bill-to-address {
    padding-bottom: 60px;
    position: relative;
}

.col-sm-6.bill-to-address:before {
    background: #d3d6da;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.continue-back-button {
    margin: 0 0 15px 0;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .09);
}

.well {
    border-radius: 0;
    box-shadow: none;
    border-right: 0;
    border-left: 0;
}

.well [class^="col-"] > br {
    margin-top: 0;
    text-align: left !important;
}

.phone-order-accordion .total-table tr td:first-child {
    width: 75%;
}

.phone-order-accordion .total-table tr td:last-child {
    width: 25%;
}

.padding-15 {
    padding: 15px;
}

.padding-top-bot-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    /*display:table; width:100%;*/
}

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

.margin-bot-15{ margin-bottom: 15px;}

.border-radius-none{ border-radius: 0 !important}
.small-links-with-text {
    color: #333;
}
iframe{ border: 0; padding: 0; margin: 0}
.ups-button {
    background: #ffb511;
    color: #2f1c11;
}

.fedex-button {
    background: #312182;
    color: #fff;
}

.bill-ship-address h5 {
    border-bottom: 1px solid #e4e8f0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bill-ship-address span,
.bill-ship-address a {
    display: block;
    margin-bottom: 5px;
    color: #818489;
}

.email-link {
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block !important;
    color: #333;
    text-decoration: underline;
}


.email-link i {
    margin-right: 5px;
}

.email-link:hover {
    border-bottom: 2px solid #91ccfa;
    color: #198cff;
}

.order-edit .panel-heading {
    padding: 0
}

.order-edit h4,
.order-edit .alert {
    margin-bottom: 0 !important;
}

.order-edit .alert {
    border-radius: 0 !important;
}


.alert {
    border-left: 5px solid rgba(0, 0, 0, .12);
    text-align: left !important;
/*    margin-bottom: 10px;
    border-radius: 4px;*/
}

.form-group {
    position: relative;
}

.tooltip-custom {
    position: absolute;
    right: -22px;
    top: 50%;
    z-index: 10000 !important;
    margin-top: -8px;
}

.tooltip-custom i {
    font-size: 19px;
    /*color: #b7bdc7;*/
    cursor: pointer;
    line-height: 75px;
}

.tooltip-custom .tooltiptext {
    background-color: #475264;
    border-radius: 5px;
    color: #fff;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: opacity 1s ease 0s;
    visibility: hidden;
    width: 190px;
    z-index: 1;
}

.tooltip-custom:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
}

.tooltip-bottom {
    left: 50%;
    margin-left: -100px;
    top: 135%;
    animation: tooltipAnimation .3s normal;
}

.table-tooltip-custom {
    position: absolute;
}

.table-tooltip-custom i {
    font-size: 16px;
    color: #dedede;
}

.table-tooltip-custom .tooltiptext {
    background-color: #475264;
    border-radius: 5px;
    color: #fff;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: opacity 1s ease 0s;
    visibility: hidden;
    width: 190px;
    z-index: 1;
}

.table-tooltip-custom:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
}

.nav.navbar-nav.navbar-right.expanded {
    background: white;
}

.para-big-text {
    color: #798ca5;
    font-size: 18px;
    font-weight: 400;
}

.tbl-no-border-no-padding tr td {
    border: none;
    padding: 0;
}

.icon {
    /*  margin: 0 .5em;*/
    width: 18px;
    height: 18px;
}

.span_left {
    float: left;
}

.order-number {
    color: #475264;
    line-height: 68px;
}

.bill-to-address .heading {
    border-bottom: 1px solid #dfe2e7;
    position: relative;
    margin-bottom: 10px;
}

.bill-to-address .heading .tooltip-custom {
    right: 0;
    margin-top: -7px;
}

.bill-to-address .heading b {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 10px 10px 0px;
    line-height: 2.5;
}

.edit-btn {
    background: #1a8cff;
    border: 1px solid #006bd5;
    color: white;
    padding: 2px 8px;
    text-transform: uppercase;
}

.edit-btn i {
    margin-right: 5px;
}

.edit-btn:hover,
.edit-btn:focus {
    background: #0076eb;
    border: 1px solid #0070e0 !important;
}

.bill-to-address-content p {
    font-size: 16px;
    margin: 0 0 8px 0
}

.bill-to-address-content p.call {
    font-weight: bold;
}

.bill-to-address-content p.call i {
    margin-right: 5px;
}

.tabs {
    background: -moz-linear-gradient(white, #ebeff6);
    background: linear-gradient(white, #ebeff6);
    background: -webkit-linear-gradient(white, #ebeff6);
    border-bottom: 1px solid #dfe2e7;
    width: 100%;
    margin-top: 80px;
}

.product-import .tabs {
    margin-top: 0px;
}

.tabs ul {
    width: auto;
    display: table;
    margin: 0 auto;
}

.tabs ul li {
    display: inline-block;
}

.tabs ul li.active,
.tabs ul li:hover,
.tabs ul li.selected,
.tabs ul li:hover {
    border-bottom: 2px solid #198cff;
}

.tabs ul li.active a,
.tabs ul li:hover,
.tabs ul li.active a span,
.tabs ul li.selected a,
.tabs ul li:hover a {
    color: #3c4655;
}

.tabs ul li.active a,
.tabs ul li.selected a {
    text-transform: uppercase;
    color: #3c4655;
    font-weight: bold;
    background: none;
    /* outline: none; */
}

.tabs ul li a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    text-transform: uppercase;
    color: #93979d;
}

.tabs ul li a,
.tabs ul li a:hover {
    background: none;
    border: none;
}

.tabs ul li a span {
    font-size: 18px;
    margin-right: 5px;
    color: #b6bbc3;
}

.tabs + div h4.panel-title {
    border-bottom: 2px solid #dfe2e7;
    display: table;
    font-size: 18px;
    margin: 40px auto 0 auto;
    padding: 0 0 10px;
    text-transform: uppercase;
    width: auto;
}

.abandoned-holder .table tr td .action-button {
    text-align: center !important;
}

.abandoned-holder .table tr td .checkbox {
    text-align: center !important;
}

.abandoned-holder .table tr td .checkbox input[type="checkbox"] {
    position: relative;
    margin: 0;
}

.tooltip-box {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}

.tooltip-box .table-tooltip-custom {
    position: absolute;
    top: 0;
    right: 0;
}

.abandoned-search {
    padding-left: 20px;
    margin: 0;
}

.abandoned-search .table-tooltip-custom-main {
    left: 0;
    position: absolute;
    top: 10px;
}

.aband-topcutomer .aband-right {
    width: auto;
}

.aband-topcutomer .aband-left {
    width: auto;
}

.abandoned-holder .action-button .dropdown .dropdown-menu li {
    border-bottom: 0 !important;
}

.black_overlay {
    display: none;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: .8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    border-radius: 5px;
    position: fixed;
    top: 25%;
    left: 25%;
    width: 50%;
    padding: 16px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    word-wrap: break-word;
}

.overlay_close {
    padding: 6px;
    position: absolute;
    right: 0;
    top: -6px;
}

.customer-type-button-group label {
    margin-right: 10px;
}

.customer-type-button-group button {
    background: #dbdee1;
    color: #475264;
}

.customer-type-button-group button.current,
.customer-type-button-group button.current:focus {
    background: #3c4655 !important;
    border: 1px solid #3c4655 !important;
}

.customer-type-button-group button.current,
.customer-type-button-group button.current:hover,
.customer-type-button-group button.current:focus {
    color: white !important;
}

.customer-type-button-group label + button {
    border-radius: 2px 0 0 2px;
}

.customer-type-button-group .btn:hover {
    color: #475264 !important;
}

.customer-type-button-group button:last-child {
    border-radius: 0 2px 2px 0;
}

.shipping-instruction {
    width: 100%;
}

.shipping-instruction tr:first-child td:first-child {
    width: 80.8%;
}

.shipping-instruction tr td[width="10%"] {
    width: 10%;
}

.search-customer-well {
    background: #f5f7fb;
}

.search-customer-well h2 {
    color: #89c972;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.search-customer-well label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    color: #93979d;
}

.text-muted label {
    font-size: 12px;
}

.checkbox.pull-right.text-muted {
    margin: 0;
}

.text-muted label input {
    margin-top: 0;
}

.bill-ship-heading {
    padding: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}

.endicia-heading {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 15px;
    width: 100%;
}

.endicia-heading h3 {
    padding-bottom: 15px;
}

.endicia-heading p {
    color: gray;
    line-height: 1.8;
}

.endicia-heading p a.email-link {
    margin: 0;
    padding: 0;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
    color: #198cff !important;
    /* outline: none; */
}

.endicia-heading + .form-horizontal .form-group label span {
    font-size: 12px;
    font-weight: 300;
    color: gray;
    margin: 0 5px;
}




.cust-lookup-buttons .col-sm-5 {float:right;}

.endicia .panel-body,
.bulk-order-input {
    padding: 15px !important;
}

.bulk-order-input .input-group .input-group-addon {
    background: none;
    border: none;
    color: #198cff;
    /*padding:6px 6px 6px 0;*/
}

.bulk-order-input .input-group .go-btn {
    border-radius: 0 2px 2px 0 !important;
    width: auto;
}


/*.form-control.bulkStatus{width:auto;}
.select-action .form-control.bulkStatus{width:84% !important;}*/

.package-dimensions .input-group-addon {
    background: none;
    border: 0;
}

.package-dimensions .col-sm-4 + .col-sm-12 {
    margin-top: 10px;
}

.ui-datepicker {
    z-index: 10001 !important;
}

.ui-widget-content {
    padding: 5px;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .35);
    font-family: 'Roboto', sans-serif;
    width: auto !important;
}

.ui-widget-header {
    background: #fff !important;
    border-radius: 0;
    border: none !important;
}

.ui-icon-circle-triangle-w {
    background-position: -97px 0 !important;
}

.ui-icon-circle-triangle-e {
    background-position: -33px 0 !important;
}

.ui-datepicker-month {
    color: #3c4655;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: -5px;
    display: block;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 19%;
}

.ui-datepicker-year {
    color: #8c95a4;
    font-size: 16px;
    font-weight: 400;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker-next {
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 6px;
}

.ui-datepicker-next,
.ui-datepicker-next:hover {
    right: 2px !important;
    top: 2px !important;
    border: 2px solid rgba(0, 0, 0, .1);
}

.ui-datepicker .ui-datepicker-prev:hover {
    left: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background: none !important;
}

.ui-datepicker-calendar tr th span {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #919599;
}

.ui-widget-content .ui-state-default {
    background: white !important;
    border: 2px solid #e1e5eb;
    border-radius: 50%;
    color: #555555;
    font-weight: normal;
    height: 40px;
    line-height: 32px;
    width: 40px;
    text-align: center;
    transition: .2s ease all !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 2px solid #5cb839 !important;
}

.ui-widget-content .ui-state-active {
    background: #198cff !important;
    border: 2px solid rgba(0, 0, 0, .2) !important;
    color: white !important;
}

.ui-widget-content .ui-state-default:hover {
    border: 2px solid #198cff !important;
    color: #198cff;
}
.select-action .show-only .col-md-4 .checkbox{
    margin: 0 !important;
}
.select-action .show-only .col-md-4:nth-of-type(2) {
    text-align: right;
    float: right;
}

.list-group-item.active,
.list-group-item.active:hover {
    background-color: #475264;
    border-color: #475264;
    font-weight: 700;
    font-size: 16px;
    color: #ced5e1;
    display: inline-block;
    width: 100%;
}

.input-wth-tooltip .input-group-addon {
    padding: 0;
    background: none;
    border: none;
}

.input-wth-tooltip .input-group-addon .btn-default.focus {
    background: none !important;
    border: none !important;
    /* outline: none !important; */
    box-shadow: none !important;
}

/*.input-wth-tooltip .input-group-addon.currency {
    background: #e4e8f0;
    border-radius: 2px !important;
    color: black;
    padding: 5px 10px;
}*/

.input-wth-tooltip .input-group-addon.currency{
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
}

.input-wth-tooltip .input-group-addon.currency-right{
    border-radius: 0 4px 4px 0 !important;
    border-left: none !important;
}

.input-wth-tooltip .input-group-addon.currency, .input-wth-tooltip .input-group-addon.currency-right  {
    background: #fff;
    border: 1px solid #bbbbbb /*#e4e8f0*/;
    color: black;
    padding: 0 5px;
}

.input-wth-tooltip .input-group-addon.currency + input.form-control {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

.input-wth-tooltip .input-group-addon.currency + input.form-control{
    margin-bottom: 0 !important;
}

.input-wth-tooltip input[type="checkbox"] {
    height: auto;
}

.manage-tickets .showonly-checkbox .col-sm-6:first-child {
    text-align: right;
}

.manage-tickets .showonly-checkbox .col-sm-6:last-child {
    text-align: left;
}

.manage-tickets .showonly-checkbox .col-sm-6 .checkbox {
    margin: 0;
}

.total-table {
    display: table;
    width: 100%;
    background: #f4f8fb;
    border-top: 2px solid #e4e8f0;
    border-bottom: 2px solid #e4e8f0;
}

.totle-table-foot {
    display: table !important;
    width: 100%;
}

.totle-table-total {
    display: table-cell !important;
    width: 10%;
    background: #eef2f5;
    border-left: 1px solid #dbdee5;
}

.totle-table-sub-total,
.totle-table-total {
    text-align: right;
    padding: 10px;
    box-sizing: border-box;
}

.item-name {
    float: left;
    /*    width: 90%;*/
    margin-bottom: 10px;
}

.shipping-instruction-totle-table address {
    padding: 15px;
}

.shipping-instruction-totle-table .totle-table-sub-total,
.shipping-instruction-totle-table .totle-table-total {
    display: table-cell;
    vertical-align: middle;
}


/*.shipping-instruction-totle-table .totle-table-sub-total{width:23.5% ;}*/

.shipping-instruction-totle-table .totle-table-total {
    width: 26.6%;
}

.product-photos #photos .col-md-3 img,
.product-photos #photos .col-sm-6 img {
    height: 100%;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
}

.product-photos h1#price {
    color: #198cff;
    /*border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; padding-bottom: 10px; */
}

.product-photos h1#price i {
    color: #c5ccd7;
    font-size: 22px;
    margin-bottom: 4px;
    margin-right: 10px;
    vertical-align: middle;
}

.product-photos #extraDetails div.row {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
}

.product-photos #extraDetails {
    position: relative;
}

.product-photos #extraDetails:before {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
}

.product-photos #productDescription p,
.product-photos #productDescription span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    color: #707e89 !important;
}

.product-photos #extraDetails div.row div[class="col-xs-12"] strong {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.product-photos #extraDetails div.row div[class="col-xs-12"] div.form-inline input.form-control {
    margin-left: 5px;
    margin-right: 5px;
    display: table-cell;
    width: 50%;
}

.filter-by-category {
    width: 100%;
}

.checkbox-btn-tooltip .input-wth-tooltip .input-group-addon {
    border: 1px solid #e4e8f0;
}

.checkbox-btn-tooltip .input-wth-tooltip input[type="button"] {
    background: #3c4655;
    border: none !important;
    border-radius: 0 !important;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
}

.checkbox-btn-tooltip .input-wth-tooltip .input-group-addon input[type="checkbox"] {
    margin: 0 10px;
}

.checkbox-btn-tooltip .input-wth-tooltip .green-buttons {
    margin: 0;
}

#pricingRows .text {
    line-height: 2;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#pricingRows .text input[type="text"],
#pricingRows .text select {
    padding: 5px;
    margin: 0 3px;
    height: 40px;
}

#pricingRows .text input[type="text"],
#siteWideDiscountTable input[type="text"] {
    text-align: center;
    border-bottom: 2px solid #e4e8f0 !important;
    border: none;
}

#pricingRows .text select {
    border-radius: 2px;
    border: 1px solid #e4e8f0 !important;
}

#pricingRows .text input[type="text"]:hover,
#pricingRows .text input[type="text"]:focus,
#siteWideDiscountTable input[type="text"]:hover,
#siteWideDiscountTable input[type="text"]:focus {
    border-bottom: 2px solid #91ccfa !important;
    border: none;
    transition: .8s ease all;
}

#responses {
    position: relative;
}

#responses:after {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #dfe2e7;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
}

#responses .subj {
    font-size: 16px;
    color: #6a6e72 !important;
    line-height: 2.5;
    padding: 4px;
}

#responses legend,
#responses legend strong,
.customer-information legend {
    font-size: 18px;
    margin-bottom: 0
}

.userResponse small{
    font-size: 12px;

}

#responses legend {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .18) inset;
    border-bottom: 1px solid #dfe2e7;
    color: #475264;
}

#responses legend strong {
    color: #198cff;
}

#responses fieldset.userResponse {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .18) inset;
    margin-left: -1px;
    margin-bottom: 3px;
}

#responses fieldset.userResponse,
#responses legend {
    background: #f7f9fc;
}

#responses fieldset.userResponse p,
#responses legend {
    padding: 15px;
}

#responses fieldset.userResponse .time {
    margin: 15px;
    color: #777f8c;
}

#responses fieldset.userResponse .time i {
    font-size: 20px;
    color: #198cff;
    margin-right: 5px;
    vertical-align: middle;
}

body#internalNotesMain {
    padding: 0;
}

.customer-information legend,
#internalNotes .title {
    padding: 10px;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #475264;
}

#internalNotes .title {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.customer-information fieldset #accordion .panel {
    border-radius: 0;
}

.customer-information fieldset .accordion .panel-group .panel {
    border-left: none;
    border-right: none;
}

.customer-information fieldset .accordion .panel-group .panel .panel-heading .panel-title a {
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}

.customer-information fieldset .accordion .panel-group .panel .panel-heading .panel-title a i {
    font-size: 18px;
    margin-right: 5px;
}

.customer-information {
    position: relative;
}


/*.customer-information:before{position: absolute; background: red; width: 100%; height: 100%; top: 0; bottom: 0; content: '';}*/

.bulk-order-input .form-group {
    margin-bottom: 0;
}

#siteWideDiscountTable tr td {
    padding-bottom: 10px;
}

.myListThumb,
.myListPhoto {
    position: relative;
    cursor: pointer;
}

.myListThumb:hover .myListImgPreview,
.myListPhoto:hover .myListImgPreview {
    display: block;
    min-width: 280px;
}

.myListImgPreview {
    bottom: 24px;
    display: none;
    left: 50%;
    position: absolute;
    z-index: 1501;
    margin-left: -140px;
    transition: 1s ease all;
}

.myListImgPreview:after {
    background-color: #475264;
    content: "";
    bottom: -4px;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -o-webkit-transform: rotate(44deg);
    -ms-webkit-transform: rotate(44deg);
    border-radius: 5px;
    z-index: -1;
    margin-left: -10px;
    left: 50%;
}

.myListImg {
    background: #3c4655;
    color: white;
    padding: 10px;
    border-radius: 4px;
}

.myListImg img {
    height: auto;
    max-width: 100%;
}

.tab-dropdown ul.menu_dropdown {
    /*width:30px;*/
}

.tab-dropdown ul.menu_dropdown a {
    color: #1a8cff;
    display: block;
    padding: 8px 5px;
    cursor: pointer;
}

.tab-dropdown ul.menu_dropdown a:hover {
    color: #3d3d39;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, .2);
}

.tab-dropdown ul.menu_dropdown li {
    /*font-size: 20px;*/
    position: relative
}


.tab-dropdown ul.menu_dropdown li ul {
    display: none
}

/*
.tab-dropdown ul.menu_dropdown li:hover {
    box-shadow: 0 0 2px #ccc;
}
*/

.tab-dropdown ul.menu_dropdown li:hover ul {
    display: block;
}

.tab-dropdown ul.menu_dropdown li ul {
    width: 160px;
    position: absolute;
    top: 28px;
    right: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .12);
}

.tab-dropdown ul.menu_dropdown:first-child li a > i{
    font-size: 18px;
}

.tab-dropdown ul.menu_dropdown li ul li .tab-dropdown ul.menu_dropdown li ul li a.action-edit {
    font-size: 14px;
    text-align: left !important;
    display: block;
}

.tab-dropdown ul.menu_dropdown li ul li a {
    display: block;
    padding: 8px 6px !important;
    border-bottom: 1px solid #f2f2f2
}

.tab-dropdown ul.menu_dropdown li ul li a:hover {
    background-color:#eee;
}

.tab-dropdown ul.menu_dropdown li ul li a i {
    margin-right: 5px
}

.tab-dropdown ul.menu_dropdown li:hover ul li ul {
    display: none
}

.tab-dropdown ul.menu_dropdown li:hover ul li:hover ul {
    display: block
}

.tab-dropdown ul.menu_dropdown li ul li ul {
    position: absolute;
    left: -161px;
    top: 0;
    background: #fff;
}

.tab-dropdown ul.menu_dropdown li ul li ul a {
    color: #333
}

.tab-dropdown ul.menu_dropdown a.action-edit,
.tab-dropdown ul.menu_dropdown a.action-view {
    color: #1a8cff !important;
}

.footable-row-detail-name {
    vertical-align: top;
    padding-top: 6px
}

.alert-default {
    background-color: #eee;
    border-color: #e1e1e1;
}

.padding-top-15 {
    padding-top: 15px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-top-5 {
    padding-top: 5px;
}

.padding-top-7{
    padding-top: 5px;
}

h4 {
    margin-bottom: 15px;
}

.cke_top {
    background: #FAFAFA;
    border-bottom: 1px solid #E5E5E5
}

.cke_chrome {
    box-shadow: none;
    border: 1px solid #E5E5E5
}

.cke_chrome,
.CodeMirror-scroll {
    width: 100% !important;
}

.cke_toolgroup,
a.cke_combo_button {
    background: transparent
}

.CodeMirror-scroll {
    border: 1px solid #eee
}

.CodeMirror-fullscreen {
    top: 70px !important;
    left: 60px !important
}

.jsinput input {
    background: #ffffff;
    box-shadow: none;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e4e8f0;
    padding: 6px 12px;
    color: #555;
    width: 100%
}

.jsinput textarea {
    background: #ffffff;
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #e4e8f0;
    padding: 6px 12px;
    color: #555;
    width: 100%
}

.jsinput1 input,
.jsinput1 select {
    background: #ffffff;
    box-shadow: none;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e4e8f0;
    padding: 6px 12px;
    color: #555;
    display: inline-block;
    margin-bottom: 10px
}

.panel-body h4 {
    color: #475264;
    font-size: 22px;
    padding: 15px 0;
    /*text-transform: uppercase;*/
}

.max-100 {
    max-width: 100%;
}

/*.tooltip > .tooltip-inner {
    max-width: 300px;
}*/

.tri-arrow-right,
.tri-arrow-bottom {
    display: inline-block
}

.tri-arrow-right:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 12px;
    width: 20px
}

.tri-arrow-bottom:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 12px;
    width: 20px
}

.btn-group-sm input.btn-default:hover {
    color: #333;
}

.btn-group-sm input[type=button]:first-child {
    border-radius: 2px 0 0 2px;
}

.btn-group-sm input[type=button]:last-child {
    border-radius: 0 2px 2px 0;
}

.text-align-left {
    text-align: left !important
}

.margin-bot-0 {
    margin-bottom: 0
}

.margin-top-0 {
    margin-top: 0
}

.zoneInfo {
    border: 1px solid #dfe2e7;
    padding: 15px
}

.deleteX {
    color: #fe0000
}

.table1 {
    background: #fff;
    width: 100%;
}

.table1 td,
.table1 th {
    padding: 5px 10px
}

.save-btn-dropdown .btn-group a i {
    font-size: 16px;
    color: #b6bbc3
}

.save-btn-dropdown .btn-group a.btn-success i {
    color: white !important;
}

.btn-group > .btn + .dropdown-toggle i,  .btn-group > .btn.btn-danger i{
    color: white;
}

.btn-group > .btn.btn-default i{
    color: #b6bbc3;
}

.save-btn-dropdown .btn-group a:first-child {
    border-radius: 2px 0 0 2px !important;
    border-right: 0 !important;
}

.save-btn-dropdown .btn-group a:last-child {
    border-radius: 0 2px 2px 0 !important;
}

.save-btn-dropdown .open > .dropdown-toggle.btn-default {
    background: #51a651 !important;
    border: 1px solid #3c913c !important;
    box-shadow: 0 2px 0 rgba(215, 219, 225, 1) !important;
}

/*
.save-btn-dropdown a.btn-danger {
    background: #ffefef;
    color: #d9534f;
    border-radius: 2px !important;
    font-size: 15px;
    padding: 3px 10px 2px 10px;
}
*/

.save-btn-dropdown .btn-group ul.dropdown-menu {
    left: -88px;
    top: 27px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .176);
    border-radius: 0 0 4px 4px;
    padding: 0;
}

.save-btn-dropdown .btn-group ul.dropdown-menu li:last-child {
    border-bottom: none;
}

.save-btn-dropdown .btn-group ul.dropdown-menu li a {
    padding: 5px;
    font-size: 14px;
}

.save-btn-dropdown .btn-group a.btn-success {
    border-radius: 2px;
}

.save-btn-dropdown .btn-group a.btn-success + a.btn-success {
    border-radius: 0 2px 2px 0 !important;
    height: 41px;
}

.product_link {
    font-size: 22px;
    font-weight: normal;
    color: #3c4655;
    /*border-bottom: 2px solid rgba(0,0,0,0.15); margin-bottom: 15px; padding-bottom: 15px;*/
    display: block;
}

.product_link i {
    font-size: 22px;
}

.no-footable-td.footable-visible.footable-first-column {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-footable-td .footable-toggle {
    display: none !important
}

#wTimeline .breadcrumb {
    display: table;
    margin: 0 auto;
    width: 100% !important
}

#wTimeline .breadcrumb .step {
    color: #aaa
}

#wTimeline .breadcrumb .step.active-step,
#wTimeline .breadcrumb .step.past-step {
    color: #337ab7
}

/*.texwiz-buttons {
    width: auto;
    margin: 0 auto;
    display: table;
}

.texwiz-buttons div {
    display: table-cell
}*/

.disableDefault,
.default-disabled {
    position: relative
}

.disableDefault::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #a0d468;
    position: absolute;
    top: -10px
}

.default-disabled::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #fb6e52;
    position: absolute;
    top: -10px
}


/*********************
*   BUBBLE
*********************/

.bubble {
    overflow: auto;
}

.bubble li {
    float: left;
    list-style: none outside none;
}

.bubble a {
    color: white;
    background: #6eb4e1;
    border: 1px solid #549bc9;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 1px 10px;
    text-decoration: none;
    display: block;
    margin: 3px;
    text-transform: capitalize;
    font-weight: bold;
}

.bubble .remove, .bubble a:hover {
    background: #db5155;
    border: 1px solid #9e0b0f;
}

.bubble .selected {
    color: white;
    background: #6eb4e1;
    border: 1px solid #0080a3;
}

.hoverable a:hover {
    background: #5396BF;
    border: 1px solid #00647F;
}

.graybubble a {
    background: #E7E7E7;
    border: 1px solid #C1C1C1;
    color: #7c7c7c;
    font-weight: normal
}

.graybubble a:hover {
    color: white;
}

.dropscroll .dropdown-menu {
    max-height: 200px;
    overflow: auto
}

.productTabs {
    clear: left;
    float: left;
    width: 100%;
}

.productTab {
    border: 1px solid rgba(0,0,0,0.5);
    float: left;
    padding: 5px;
    /*box-shadow: 0 3px;*/
}


/*.productTab:hover, .productTab:focus{box-shadow: 0 1px; margin-top: 2px;}*/

.productTab:first-child {
    border-radius: 5px 0 0 5px;
    padding: 5px 5px 5px 15px;
}

.productTab:last-child {
    border-radius: 0 5px 5px 0;
    padding: 5px 15px 5px 5px;
}


.categoryTabs {
    clear: left;
    float: left;
    width: 100%;
}

.categoryTab {
    border: 1px solid rgba(0,0,0,0.5);
    float: left;
    padding: 5px;
    /*box-shadow: 0 3px;*/
}


/*.productTab:hover, .productTab:focus{box-shadow: 0 1px; margin-top: 2px;}*/

.categoryTab:first-child {
    border-radius: 5px 0 0 5px;
    padding: 5px 5px 5px 15px;
}

.categoryTab:last-child {
    border-radius: 0 5px 5px 0;
    padding: 5px 15px 5px 5px;
}
/*border: 1px dashed;*/
.sortablePlaceholder {
    float: left;
    height: 100px;
}

.sortableItem {
    cursor: move;
    float: left;
    width: 100%;
}

.photoSlider {
    display: none;
}

.photoSlider .photoSliderImage {
    text-align: center;
}


.photoSlider .photoType {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#uploadFile #configureCloudflare {
    width: 400px;
}

#uploadFile #configureCloudflare .row {
    clear: left;
    float: left;
    padding: 5px;
}

#uploadFile #configureCloudflare h3 {
    float: left;
    clear: left;
    font-size: 20px;
    margin: 5px 0;
}

#uploadFile #configureCloudflare label {
    float: left;
    width: 150px;
}

#uploadFile #configureCloudflare #terms {
    float: left;
    padding: 5px;
}

#uploadFile #configureCloudflare input[type="text"] {
    float: left;
    width: 220px;
    padding: 2px;
}

#uploadFile #configureCloudflare #loading {
    padding: 8px;
    margin: 0 10px;
}

#uploadFile #configureCloudflare .close {
    float: right;
    font-size: 12px;
    text-shadow: 1px 1px 1px white;
}

.uploadFile,
.uploadFileSingle {
    display: none;
}

/*
.save-btn-dropdown .btn-group a {
    display: block;
}
*/

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 !important;
    height: 30px;
}

.btn-group > .btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.uploadFile input[type="submit"],
.uploadFileSingle input[type="submit"] {
    float: right;
}

#linkonline,
.link_detail_photo,
.linkOnlineEdit,
.uploadFileContainer,
.linkOnlineBoxy {
    display: none;
    width: 400px;
}

#linkonline .linkInput,
.link_detail_photo .linkInput,
.uploadFile .linkInput,
.linkOnlineBoxy .linkInput {
    width: 98%;
}

#linkonline .submit,
.link_detail_photo .submit,
.uploadFile .submit,
.uploadFileSingle .submit,
.linkOnlineBoxy .submit {
    float: right;
}

#linkonline img,
.link_detail_photo img,
.uploadFile img,
.uploadFileSingle img,
.linkOnlineBoxy img {
    float: right;
    display: none;
}

#linkonline p,
.link_detail_photo p,
.uploadFile p,
.uploadFileSingle p,
.linkOnlineBoxy p {
    margin: 5px 0;
    overflow: auto;
}

#linkonline label,
.link_detail_photo label,
.uploadFile label,
.uploadFileSingle label,
.linkOnlineBoxy label {
    font-size: 14px;
    display: block;
    padding: 3px;
}

#linkonline hr,
.link_detail_photo hr,
.uploadFile hr,
.uploadFileSingle hr,
.linkOnlineBoxy hr {
    margin: 20px 0;
    border: none;
    border-top: 1px dashed silver;
}

#linkonline .req,
.link_detail_photo .req,
.uploadFile .req,
.uploadFileSingle .req,
.linkOnlineBoxy .req {
    color: silver;
    font-size: 12px;
    float: right;
}


/*.detail_thumbnail a.uploadFile, .placeholder a.uploadFile, a.linkonline {
        float:left;
        left:20%;
        position:relative;
}*/

#selectSize {
    display: none;
}

#selectSize table td {
    vertical-align: top;
}

#selectSize div {
    background: #efefef;
    padding: 4px;
    text-align: center;
}

#selectSize div img {
    max-width: 100%;
    overflow: auto;
    margin-top: 5px;
}

#selectSize #sizeThumb {
    width: 80px;
}

#selectSize #sizeDetail {
    width: 120px;
}

#selectSize #sizeMain {
    width: 150px;
}

#selectSize #sizePopup {
    width: 200px;
}

#adminFormMain.designWizardThemeList .theme {
    width: 188px;
    min-height: 240px;
    float: left;
    margin: 0 auto;
    padding: 0 0 25px 0;
    text-align: center;
}

#adminFormMain.designWizardThemeList .theme p.title {
    float: left;
    margin: 0 0 5px 19px;
    padding: 0;
    font-size: 12px;
}

#adminFormMain.designWizardThemeList .theme .theme-select-button {
    float: left !important;
    clear: both !important;
    margin: -10px 0 0 20px;
    width: 145px !important;
    background-color: #63BC46;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
    border-color: #4FBEFF #006FAF #006FAF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 1, .3);
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a {
    display: block;
    margin: 0 !important;
    padding: 4px 0 3px 0 !important;
    background: -moz-linear-gradient(center top, #00A9EB 0%, #007BC4 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #00A9EB 0%, #007BC4 100%);
    text-align: center;
    color: #FFF;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: 'HelveticaCEBold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a:hover {
    background: -moz-linear-gradient(center top, #00A9EB 0%, #00A9EB 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #00A9EB 0%, #00A9EB 100%);
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a.off {
    display: block;
    margin: 0 !important;
    padding: 4px 0 3px 0 !important;
    background: -moz-linear-gradient(center top, #3F3F3F 0%, #222222 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    text-align: center;
    color: #FFF;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: 'HelveticaCEBold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a.off:hover {
    background: -moz-linear-gradient(center top, #3F3F3F 0%, #222222 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    cursor: default !important;
}

#adminFormMain.designWizardThemeList .theme .theme-image {
    display: block;
    width: 185px;
    overflow: hidden;
}

#adminFormMain.designWizardThemeList .theme .theme-image .themeThumbnail {
    position: relative;
    z-index: 1;
}

#adminFormMain.designWizardThemeList .theme .magnify {
    top: -34px;
    left: -25px;
    position: relative;
    z-index: 2;
}

#adminFormMain.designWizardThemeList .theme .magnify a {
    float: right;
    width: 28px;
    height: 28px;
    font-size: 0px;
    background: url(../admin/images/glass.png) top center;
}

#adminFormMain.designWizardThemeList .theme .magnify a:hover {
    background: url(../admin/images/glass.png) bottom center;
}

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

.popupLayer .title {
    float: left;
    margin: 0 0 10px 0;
}

.popupLayer img {
    clear: both;
    display: block;
    margin: 10px 0;
    text-align: center;
}

.popupLayer .backToThemeOptions {
    float: left;
    margin: 5px 0;
}

.popupLayer .on {
    float: right;
    margin: 5px 0;
}

.boxy-inner #adminFormMain {
    margin-top: 0px;
    height: 352px;
    overflow: auto;
}

.boxy-content .question {
    margin-bottom: 5px;
    background: none;
    border: none;
}


/*#adminFormMain fieldset.sampleFont,
#adminFormMain .exampleImage {
    height: 160px;
    float: right;
    width: 235px;
}*/

#adminFormMain.designFontsBordersColorsForm #colorsSection span.sampleFont {
    width: 365px;
}

#adminFormMain fieldset.sampleFont legend {
    font-weight: normal;
}

#adminFormMain fieldset.sampleFont span {
    display: block;
    text-align: center;
    margin-top: 40px;
}

#adminFormMain table.list,
#adminPredesignedPage table.list {
    clear: both;
    width: 100%;
    border-spacing: 0px;
    margin-top: 10px;
}

#adminFormMain table.list td,
#adminFormMain table.list thead th,
#adminPredesignedPage table.list td,
#adminPredesignedPage table.list thead th,
#fancybox-wrap table.list td,
#fancybox-wrap table.list thead th {
    padding: 5px;
}


/*
#adminFormMain table.list tr input, #adminPredesignedPage table.list tr input, #fancybox-wrap table.list tr input {
        margin: 4px 0;
}
*/

#adminFormMain table.list th,
#adminPredesignedPage table.list th,
#fancybox-wrap table.list th {
    padding: 0 4px;
    font-weight: normal;
}


/* #adminFormMain .list tbody tr:nth-child(odd), #adminFormMain .list tbody tr:odd {
        background: #EFF7FF;
} */

#adminFormMain table.list th a,
#adminPredesignedPage table.list th a,
#fancybox-wrap table.list th a {
    color: #444;
}

#adminFormMain table.list tbody tr:hover,
#adminPredesignedPage table.list tbody tr:hover,
#fancybox-wrap table.list tbody tr:hover {
    background: #deefff;
}

#adminFormMain table.list tbody tr.blue:hover,
#adminPredesignedPage table.list tbody tr.blue:hover,
#fancybox-wrap table.list tbody tr.blue:hover {
    background: #deefff;
}

#adminFormMain table.list tbody tr.hover:hover,
#adminPredesignedPage table.list tbody tr.hover:hover,
#fancybox-wrap table.list tbody tr.hover:hover {
    background: #FFF;
}

#adminFormMain table.list tbody tr.blue.hover:hover,
#adminPredesignedPage table.list tbody tr.blue.hover:hover,
#fancybox-wrap table.list tbody tr.blue.hover:hover {
    background: #EFF7FF;
}

#adminFormMain table.list thead th,
#adminPredesignedPage table.list thead th,
#fancybox-wrap table.list thead th {
    background: #efefef;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFefefef', endColorstr='#FFdddddd');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #efefef, #ddd);
    /* for firefox 3.6+ */
    border-bottom: 1px solid #c0c0c0;
    text-shadow: 1px 1px 1px white;
    color: #444;
    text-transform: uppercase;
    /*font-size: 13px;
        text-align: left;  has to stay here for th's to be alighed left in IE */
}

#adminFormMain .list .ibutton-container,
#fancybox-wrap .list .ibutton-container {
    float: left;
}

#adminFormMain .list thead th,
#fancybox-wrap .list thead th {
    background: none;
}

#adminFormMain table.list tbody tr.blue,
#adminPredesignedPage table.list tbody tr.blue,
#fancybox-wrap table.list tbody tr.blue {
    background: #EFF7FF;
}

#adminFormMain table.list tbody tr.red,
#adminPredesignedPage table.list tbody tr.red,
#fancybox-wrap table.list tbody tr.red {
    background: #FFA189;
}

#adminFormMain.adminCouponWizardStep100 .input,
#adminFormMain.adminCouponWizardStep101 .input {
    width: 98px;
}

#adminFormMain.adminCouponWizardStep100 .rowLabel,
#adminFormMain.adminCouponWizardStep101 .rowLabel {
    padding-left: 103px;
}

#adminFormMain.adminCouponWizardStep100 .rowLabel select {
    vertical-align: top;
}

#adminFormMain.adminCouponWizardStep101 input[type="text"] {
    width: 75px;
}

#adminFormMain.adminCouponWizardStep102 tr.even {
    background-color: #b9dcfc;
}

#adminFormMain.adminCouponWizardStep102 tr.odd {
    background-color: #ffffff;
}

#adminFormMain.adminCouponWizardStep10 .inputShort,
#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div .inputShort,
#adminFormMain.adminCouponFormTemplate #spend_amt_get_product_div .inputShort {
    width: 58px!important;
    /* 60px broke in Chrome */
}

#adminFormMain.adminCouponWizardStep60 select {
    padding: 4px;
    margin-left: 5px;
}

#adminFormMain.adminCouponWizardStep60 .inputShort,
#adminFormMain.adminCouponWizardStep30 .inputShort,
#adminFormMain.adminCouponFormTemplate #incremental_discount_div .inputShort {
    width: 60px !important;
}

#adminFormMain.adminCouponWizardStep30 select,
#adminFormMain.adminCouponFormTemplate #incremental_discount_div select {
    padding: 4px;
    margin-left: 5px;
    width: 49px;
}

#adminFormMain.adminCouponWizardStep30 .note_left {
    left: -548px;
}

#adminFormMain.adminCouponFormTemplate #incremental_discount_div .note_left,
#adminFormMain.adminCouponFormTemplate #spend_amt_get_product_div .note_left {
    left: -648px;
}

#adminFormMain.adminCouponWizardStep10 .pending,
#adminFormMain.adminCouponWizardStep20 .pending,
#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div .pending,
#adminFormMain.adminCouponFormTemplate #spend_amt_get_product_div .pending {
    color: gray;
}

#adminFormMain.adminCouponWizardStep10 .note_left {
    left: -550px;
}

#adminFormMain.adminCouponWizardStep10 #itemSearchInput {
    width: 300px;
}

#adminFormMain.adminCouponWizardStep20 input[type="text"].inputShort,
#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div input[type="text"].inputShort {
    width: 16px;
}

#adminFormMain.adminCouponWizardStep20 input[type="text"] {
    width: 203px;
}

#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div input[type="text"] {
    width: 216px;
}

#adminFormMain .input .title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}

#adminFormMain .box-tabs {
    float: left;
    margin: 0 0 12px 0;
}

#adminFormMain .box-tabs span {
    float: left;
    margin: 0 10px 0 0;
    padding: 7px 0;
}

#adminFormMain .box-tabs ul {
    float: left;
    background-color: #E7E7E7;
    border-left: 1px solid #B1B1B1;
    list-style: none outside none;
}

#adminFormMain .box-tabs ul li {
    border-right: 1px solid #B1B1B1;
    float: left;
}

#adminFormMain .box-tabs ul li a {
    background-color: #E7E7E7;
    border-bottom: 1px solid #B1B1B1;
    border-top: 1px solid #B1B1B1;
    color: #333333 !important;
    display: block;
    float: left;
    font-weight: bold;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none !important;
}

#adminFormMain .box-tabs ul li.current a {
    text-decoration: none !important;
    background-color: #004A80 !important;
    color: #FFF !important;
    border-top: solid 1px #004A80;
    border-bottom: solid 1px #004A80;
    cursor: default;
}

#adminFormMain .box-tabs ul li a:hover {
    text-decoration: none !important;
    background-color: #004A80;
    color: #FFF !important;
    border-top: solid 1px #004A80;
    border-bottom: solid 1px #004A80;
}


/****************************
*   ADMIN PHOTOS
****************************/

#adminPhotos .ui-sortable-helper {
    background: white;
    background: rgba(239, 239, 239, .8);
}

#photoRow_main label {
    display: block;
    padding: 5px 0;
}

#adminPhotos h1 {
    margin-bottom: 0;
}


/*
#adminPhotos .row {
        border-bottom: 1px solid silver;
        padding-bottom: 10px;
        position: relative;
        *float: left;
        width: 100%;
        margin: 0 !important;
        padding: 0 0 20px 0;
}
*/

#adminPhotos .simplifiedRow {
    /*overflow: auto;*/
    /* can't have overflow as auto because on the admin category photo form simplified row contains caption and alt language drop down and it makes the row have a scroll bar */
}

#adminPhotos .simplifiedRow .thumbnail img {
    max-width: 100%;
}

#adminPhotos #row_container {
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

#adminPhotos .thead {
    /*  line-height: 54px;
      border-top: 2px solid #e4e8f0 !important;*/
}

#adminPhotos .thead .cell,
#adminPhotos .cell {
    /*  float: left;
      width: 20%;*/
}
.input, .jsinput {
    position: relative;
}
#adminPhotos .thead .cell {
    /* padding: 0 2px;
     text-align: center;*/
}

#adminPhotos .cell {
    /*text-align: left;
        float: left;
        width: 184px;
    padding: 0 2px;
    display: table-cell;
    vertical-align: middle;*/
}

#adminPhotos .thumbnail {
    /* border: none;*/
}


/*#adminPhotos .thumbnail a img{
    max-height: 200px;
    max-width: 100%;
}*/

/*#row_container .row {
    border-bottom: 1px solid silver;
    margin: 0 !important;
    padding: 20px 0;
    position: relative;
    width: 100%;
}*/

/*
#adminPhotos .cell .input {
     Input class
    width: 200px !important;
}
*/

#adminPhotos .cell .input input {
    position: relative;
    z-index: 51;
}


/*
#adminPhotos .cell input {
        width: 90% !important;
        display: block;
        float: none !important;
}
*/

#adminPhotos .cell .ibutton-container {
    margin-right: 50px;
}

#adminPhotos .center {
    text-align: center !important;
}


/*#adminPhotos .removeImage, #adminPhotos .editImage {
        padding: 2px 6px;
        color: white;
        background: #f8444b;
        text-decoration: none;
        font-size: 12px;
}
#adminPhotos .removeImage:hover, #adminPhotos .editImage:hover {
        background: #e1282f;
}*/


/*
#adminPhotos .remove {
        color: #e1282f;
        font-size: 11px;
        text-decoration: none;
}
*/

#adminPhotos .remove:hover {
    background: #e1282f;
    color: white;
}

#adminPhotos .photos_advanced {
    display: none;
}

/*#adminPhotos #show_advanced {
    font-size: 12px;
    padding: 4px 0;
    margin: 10px 0;
    display: block;
}*/

#adminPhotos ol,
#adminPhotos ul {
    list-style: none outside none;
}

#adminPhotos h1 {
    width: 100%;
    margin: 0;
    padding: 0;
}

#adminPhotos #show_advanced {
    font-size: 12px;
}

#selectSize {
    display: none;
}

#selectSize table td {
    vertical-align: top;
}

#selectSize div {
    background: #efefef;
    padding: 4px;
    text-align: center;
}

#selectSize div img {
    max-width: 100%;
    overflow: auto;
    margin-top: 5px;
}

#selectSize #sizeThumb {
    width: 80px;
}

#selectSize #sizeDetail {
    width: 120px;
}

#selectSize #sizeMain {
    width: 150px;
}

#selectSize #sizePopup {
    width: 200px;
}

.detail_thumbnail a.uploadFile,
.placeholder a.uploadFile,
.configureBox {
    position: relative;
    /*     left: 20%;
        float: left; */
}

.detail_thumbnail a.uploadFile {
    position: relative;
    left: 20%;
    float: left;
}

#adminFormMain .buttons a {
    display: inline-block;
}

#adminPhotos ol,
#adminPhotos ul {
    list-style: outside none none;
}

/*#row_container .row {
    border-bottom: 1px solid silver;
    margin: 0 !important;
    padding: 20px 0;
    position: relative;
    width: 100%;
}*/

.detail_thumbnail a.uploadFile,
.placeholder a.uploadFile {
    /*
        float: left;
        left: 20%;
    */
    position: relative;
    margin-right: 10px;
}


/*.buttons li {
    float: left;
    height: 25px;
}
.uploadFile, .uploadFileSingle {
        display: none;
}*/

.uploadFile input[type="submit"],
.uploadFileSingle input[type="submit"] {
    float: right;
}

#linkonline,
.link_detail_photo,
.linkOnlineEdit,
.uploadFileContainer,
.linkOnlineBoxy {
    display: none;
    width: 400px;
}

#linkonline .linkInput,
.link_detail_photo .linkInput,
.uploadFile .linkInput,
.linkOnlineBoxy .linkInput {
    width: 98%;
}

#linkonline .submit,
.link_detail_photo .submit,
.uploadFile .submit,
.uploadFileSingle .submit,
.linkOnlineBoxy .submit {
    float: right;
}

#linkonline img,
.link_detail_photo img,
.uploadFile img,
.uploadFileSingle img,
.linkOnlineBoxy img {
    float: right;
    display: none;
}

#linkonline p,
.link_detail_photo p,
.uploadFile p,
.uploadFileSingle p,
.linkOnlineBoxy p {
    margin: 5px 0;
    overflow: auto;
}

#linkonline label,
.link_detail_photo label,
.uploadFile label,
.uploadFileSingle label,
.linkOnlineBoxy label {
    font-size: 14px;
    display: block;
    padding: 3px;
}

#linkonline hr,
.link_detail_photo hr,
.uploadFile hr,
.uploadFileSingle hr,
.linkOnlineBoxy hr {
    margin: 20px 0;
    border: none;
    border-top: 1px dashed silver;
}

#linkonline .req,
.link_detail_photo .req,
.uploadFile .req,
.uploadFileSingle .req,
.linkOnlineBoxy .req {
    color: silver;
    font-size: 12px;
    float: right;
}


/*.detail_thumbnail a.uploadFile, .placeholder a.uploadFile, a.linkonline {
        float:left;
        left:20%;
        position:relative;
}*/

#custom_product_detail_row_container a.linkonline,
#product_detail_image_widget_row_container a.linkonline {
    margin-left: -60px;
}

#custom_product_detail_row_container a.linkonline:hover,
#product_detail_image_widget_row_container a.linkonline:hover {
    background: none repeat scroll 0 0 #d7d7d7;
    color: #222222;
    text-shadow: none;
}

#swfOverlay {
    display: none;
}

#swfProgressBar {
    border: 5px solid white;
    width: 75%;
    margin: 10% auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /* text-align: center; */
    font-weight: bold;
    height: 20px;
}

#swfProgressBarBg {
    width: 1%;
}

#swfProgressBar #swfPercentage {
    position: relative;
    padding: 5px 10px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-left-radius: 5px;
    -webkit-border-right-radius: 5px;
    text-align: center;
    display: block;
    width: 24px;
    margin: 0 auto;
}

#adminPhotos #baserow {
    display: none;
}

#adminPhotos #base_simplified_row {
    display: none;
}

#adminPhotos #product_detail_image_widget_row_container {
    padding-bottom: 15px;
}

#adminPhotos .single_row_container {
    padding-bottom: 15px;
}


/*.photoSlider {
        display: none;
}*/

.photoSlider .photoSliderImage {
    text-align: center;
}



.photoSlider .photoType {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}


/* end admin product pages */


/**************************
                TAX WIZARD
**************************/


/*
#wizard input[type="text"], #wizard input[type="password"] {
        font-family: Arial, Helvetica, sans-serif;
        padding: 5px;
}
#wHeader {
        border-bottom: 1px solid #222;
}
#wHeader h1 {
        font-family: "Myriad Pro", "Arial", sans-serif;
        font-size: 32px;
        padding: 0;
        margin: 20px 0;
}
#wTimeline {
        margin: 10px auto;
}
#wTimeline ul {
        overflow: auto;
        width: 530px;
        margin: 0 auto;
}
#wTimeline .step {
        width: 100px;
        text-align: center;
        float: left;
        list-style: none;
}
#wTimeline .step.exitWizard {
        padding-left: 15px;
        padding-top: 18px;
}
#wTimeline .fill {
        background: url(../admin/images/wizard/wTimeline.jpg) left center repeat-x;
        position: relative;
        height: 29px;
}
#wTimeline > .fill {
        -moz-border-radius: 15px;
}
#wTimeline .past-step .fill, #wTimeline .active-step .fill {
        background-color: #f3f3f3;
}
#wTimeline .step > span {
        display: block;
        color: #666;
        margin-bottom: 3px;
}
#wTimeline .active-step > span {
        color: #222;
        font-weight: bold;
}
#wTimeline .step-bg {
        float: left;
        height: 29px;
        margin-left: 35px;
}
#wTimeline .first-step {
        width: 65px;
        text-align: left;
}
#wTimeline .last-step {
        width: 65px;
        text-align: right;
}
#wTimeline .first-step .step-bg {
        background-color: #f3f3f3;
        background-image: url(../admin/images/wizard/bg-step-arrow-end-left.jpg);
        background-position: left;
        background-repeat: no-repeat;
        margin-left: 0;
}
#wTimeline .active-step .last-active .step-fwd {
        background: url(../admin/images/wizard/bg-step-arrow-end-right.jpg) right no-repeat;
        width: 12px;
        height: 29px;
        float: left;
}
#wTimeline .active-step .last-active .step-bg {
        margin-left: 27px;
}
#wTimeline .active-step .step-fwd {
        background: url(../admin/images/wizard/bg-step-arrow-fwd.png) left no-repeat white;
        width: 39px;
        height: 29px;
        float: left;
}
#wTimeline .indicator-bg {
        background: url(../admin/images/wizard/bg-step-indicator.png) top no-repeat;
        width: 21px;
        height: 24px;
        margin-top: 3px;
        margin-left: 5px;
        position: relative;
}
#wTimeline .step-indicator {
        background: url(../admin/images/wizard/step-indicator.png) no-repeat;
        background-position: bottom;
        height: 14px;
        width: 14px;
        position: absolute;
        top: 3px;
        left: 4px;
}
#wTimeline .loading .step-indicator {
        background: url(../admin/images/ajax-loader.gif);
        width: 16px;
        height: 16px;
        left: 3px;
        top: 2px;
}
#wTimeline .past-step .step-indicator {
        background-position: 0px;
}
#wTimeline .active-step .step-indicator {
        background-position: top;
}
#wContent {
        background: url(../admin/images/wizard/w-box-shadow.jpg) bottom center no-repeat;
        padding-bottom: 14px;
        margin: 0 auto;
        width: 990px;
}
*/

.shipping-cart {
    width: 100%;
}

.shipping-cart .cart-table {
    width: 100%;
    border-collapse: collapse;
    display: table
}

.shipping-cart .cart-table .cart-row {
    display: table;
    width: 100%;
}

.shipping-cart .cart-table .cart-row > .cart-cell {
    display: table-cell;
    padding: 12px;
}

.shipping-cart .cart-table .cart-row.thead {
    background: #F5F5F5;
    border-bottom: #CDCDCD solid 1px;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.shipping-cart .cart-table .cart-row.tbody {
    border-bottom: #E2E2E2 solid 1px;
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell {
    vertical-align: middle
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.total,
.cart-row.thead > .cart-cell.total,
.shipping-cart .cart-table .cart-row.tbody > .cart-cell.quantity,
.cart-row.thead > .cart-cell.qty,
.shipping-cart .cart-table .cart-row.tbody > .cart-cell.unit_price,
.cart-row.thead > .cart-cell.price {
    width: 200px;
    text-align: right
}

.shipping-cart .cart-table .cart-row.tfoot > .cart-cell.total {
    width: 100px;
    text-align: right;
}

.shipping-cart .cart-table .cart-row.tfoot > .cart-cell.sub-total {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}

.shipping-cart .cart-table .cart-row.tfoot {
    background: #F4F4F4;
    border-bottom: #E2E2E2 solid 1px;
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.quantity .input-qty {
    width: 50px;
    text-align: center;
    border: #CCC solid 1px
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis > .item-img {
    float: left;
    margin-right: 15px;
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-digit,
.shipping-cart .cart-table .cart-row.thead > .cart-cell.item-digit {
    width: 50px;
    text-align: center
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis {
    color: #9D9D9D
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .delete-btn {
    color: red;
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis p {
    margin-bottom: 5px;
    position: relative;
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .delete-btn .material-icons {
    float: left;
}

.shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .delete-btn span {
    padding: 5px;
    display: inline-block;
}

.small-table-container .img-responsive, #adminSectionTemplateSections .section img {
    display: inline-block;
}

.edit-product .tabs {
    margin-top: 0;
}

#customMX {
    display: none;
}

.tabbable ul.nav {
    background: #293541;
}

.tabs-left .nav-tabs > li.active > a {
    background-color: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .8) !important;
}

.tabs-left .nav-tabs > li.active > a:hover {
    background-color: rgba(255, 255, 255, .1) !important;
}

.tabs-left .nav-tabs li a {
    color: rgba(255, 255, 255, .3) !important;
    padding: 13px 10px;
}

.tabs-left .nav-tabs li {
    background-color: #293541;
    margin-bottom: -3px;
    border-bottom: 1px solid red !important;
}


/*.tabs-left .nav-tabs .active { border-left: 3px solid #6b5!important;}*/

.tabs-left .active a {
    border: 0!important;
}

.edit-product .sidebar,
.edit-product .order-detail-main {
    min-height: 500px !important;
}

#adminFormMain input:focus {
    border: 1px solid #37598d;
}

.page__content,
#adminFormMain {
    font-size: 14px;
    line-height: 1.5;
}

#adminFormMain .section {
    /*display: none;/*block!important; we have to hide all the section by default until you show them by clicking on a section header */
    width: 100%;
    /*margin-left: 9px; /* changed from 10px because #informationSection was wrapping below the left nav on tools.php?m=edit_page_content&pcID=4 with CKEditor on */
    /*float: left;
        padding-bottom: 50px;/*give padding at the bottom to allow room to display helper text on the elements at the bottom w/o displaying the scroll bars and w/o middle content wrapping to the next line */
}


/*
#adminFormMain div.row {
        margin: 20px 0;
}
*/

#adminFormMain.designFontsBordersColorsForm .section {
    margin-left: 0px;
}


/*#adminFormMain.designFontsBordersColorsForm #fontsSection div.row,
#adminFormMain.designFontsBordersColorsForm #bordersSection div.row {
    width: 445px;
    float: left;
}*/

#wizard {
    font-family: arial !important;
}

#wizard .msg {
    margin-bottom: 20px !important;
}

#wizard .note_left {
    left: -394px;
}

#adminFormMain.designWizardThemeList .theme {
    width: 188px;
    min-height: 240px;
    float: left;
    margin: 0 auto;
    padding: 0 0 25px 0;
    text-align: center;
}

#adminFormMain.designWizardThemeList .theme p.title {
    float: left;
    margin: 0 0 5px 19px;
    padding: 0;
    font-size: 12px;
}

#adminFormMain.designWizardThemeList .theme .theme-select-button {
    float: left !important;
    clear: both !important;
    margin: -10px 0 0 20px;
    width: 145px !important;
    background-color: #63BC46;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
    border-color: #4FBEFF #006FAF #006FAF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 1, .3);
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a {
    display: block;
    margin: 0 !important;
    padding: 4px 0 3px 0 !important;
    background: -moz-linear-gradient(center top, #00A9EB 0%, #007BC4 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #00A9EB 0%, #007BC4 100%);
    text-align: center;
    color: #FFF;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: 'HelveticaCEBold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a:hover {
    background: -moz-linear-gradient(center top, #00A9EB 0%, #00A9EB 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #00A9EB 0%, #00A9EB 100%);
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a.off {
    display: block;
    margin: 0 !important;
    padding: 4px 0 3px 0 !important;
    background: -moz-linear-gradient(center top, #3F3F3F 0%, #222222 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    text-align: center;
    color: #FFF;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: 'HelveticaCEBold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

#adminFormMain.designWizardThemeList .theme .theme-select-button a.off:hover {
    background: -moz-linear-gradient(center top, #3F3F3F 0%, #222222 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    cursor: default !important;
}

#adminFormMain.designWizardThemeList .theme .theme-image {
    display: block;
    width: 185px;
    overflow: hidden;
}

#adminFormMain.designWizardThemeList .theme .theme-image .themeThumbnail {
    position: relative;
    z-index: 1;
}

#adminFormMain.designWizardThemeList .theme .magnify {
    top: -34px;
    left: -25px;
    position: relative;
    z-index: 2;
}

#adminFormMain.designWizardThemeList .theme .magnify a {
    float: right;
    width: 28px;
    height: 28px;
    font-size: 0px;
    background: url(../admin/images/glass.png) top center;
}

#adminFormMain.designWizardThemeList .theme .magnify a:hover {
    background: url(../admin/images/glass.png) bottom center;
}

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

.popupLayer .title {
    float: left;
    margin: 0 0 10px 0;
}

.popupLayer img {
    clear: both;
    display: block;
    margin: 10px 0;
    text-align: center;
}

.popupLayer .backToThemeOptions {
    float: left;
    margin: 5px 0;
}

.popupLayer .on {
    float: right;
    margin: 5px 0;
}

.boxy-inner #adminFormMain {
    margin-top: 0px;
    height: 352px;
    overflow: auto;
}

.boxy-content .question {
    margin-bottom: 5px;
    background: none;
    border: none;
}


/*#adminFormMain fieldset.sampleFont,
#adminFormMain .exampleImage {
    float: right;
    width: 235px;
    height: 160px;
}*/

#adminFormMain span.sampleFont {
    /*float: left;*/
    height: 25px;
    padding-left: 10px;
    padding-top: 4px;
    /*  width: 255px;*/
}

#adminFormMain fieldset.sampleFont legend {
    font-weight: normal;
}

#adminFormMain fieldset.sampleFont span {
    display: block;
    text-align: center;
    margin-top: 40px;
}



#adminFormMain div.row .h4-long {
    width: 100%;
}

#adminFormMain div.row h4 span {
    display: block;
    font-size: 12px;
    color: gray;
}


/*
#adminFormMain .input {
        position: relative;
        float: left;
        width: 210px;
}
*/


/*#adminFormMain div.row{margin: 0;}*/

#adminFormMain div.row input {
    font-size: 14px;
    /*float: left;*/
}

#adminFormMain div.row input[type="button"] {
    /*float: right;*/
}

#adminFormMain .input select {
    width: 100%;
}

#adminFormMain select {
    /* outline: 0; */
}

#adminFormMain div.row .help {
    /*float: left;*/
    font-size: 12px;
    font-weight: bold;
    margin: 3px 10px;
    position: relative;
    /*z-index: /* 24; this element doesn't get z-index because the ? that's inside this element doesn't need to show up above other elements.  Instead, assign the z-index to
        .tooltip which is the actual floating element that shows up on top of others.  Furthermore if we assign this a z-index, .tooltip will inherit it or something and won't
        show up above elements that it should.  I.e. if this z-index is 24 and .tooltip z-index is 60, .tooltip will not show up above an element with a z-index of 50 because its parent
        (this) z-index of 24 is messing things up. NM */
}

#adminFormMain div.row .help a {
    padding: 2px 4px;
    text-decoration: none;
    color: gray;
}

#adminFormMain div.row .help a:hover {
    background: #333;
    color: white;
}

#adminFormMain #bodyDiv textarea {
    /*width: 500px;*/
    height: 240px;
}


/*#adminFormMain input[type="text"].noHelp, #adminFormMain input[type="password"].noHelp, #adminFormMain textarea.noHelp, #adminFormMain div.noHelp {
        width: 498px;
}*/

#adminFormMain input[type="text"].readonly {
    cursor: text;
}


/* Better for UX. By setting this cursor, we show the user that the text is selectable -MG */

#adminFormMain textarea.withLabel {
    /*height: 300px; width: 498px; */
}


/*#adminFormMain textarea.wholeSection {
width: 698px;
        height: 300px;
}*/

#adminFormMain .inputShort input[type="text"] {
    width: 60px;
}

#adminFormMain textarea {
    /*  float: left;
        border: 1px solid #9c9c9c;
        padding: 4px;
        width: 200px;
        height: 100px;*/
}

/*
#adminFormMain #descriptionSection textarea {
    width: 495px;
}
*/

#adminFormMain input:focus {
    border: 1px solid #37598d;
}

#adminFormMain table.list,
#adminPredesignedPage table.list {
    clear: both;
    width: 100%;
    border-spacing: 0px;
    margin-top: 10px;
    text-align: left !important;
}

#adminFormMain table.list td,
#adminFormMain table.list thead th,
#adminPredesignedPage table.list td,
#adminPredesignedPage table.list thead th,
#fancybox-wrap table.list td,
#fancybox-wrap table.list thead th {
    padding: 5px;
}


/*
#adminFormMain table.list tr input, #adminPredesignedPage table.list tr input, #fancybox-wrap table.list tr input {
        margin: 4px 0;
}
*/

#adminFormMain table.list th,
#adminPredesignedPage table.list th,
#fancybox-wrap table.list th {
    padding: 0 4px;
    font-weight: normal;
}


/* #adminFormMain .list tbody tr:nth-child(odd), #adminFormMain .list tbody tr:odd {
        background: #EFF7FF;
} */

#adminFormMain table.list th a,
#adminPredesignedPage table.list th a,
#fancybox-wrap table.list th a {
    color: #444;
}

#adminFormMain table.list tbody tr:hover,
#adminPredesignedPage table.list tbody tr:hover,
#fancybox-wrap table.list tbody tr:hover {
    background: #deefff;
}

#adminFormMain table.list tbody tr.blue:hover,
#adminPredesignedPage table.list tbody tr.blue:hover,
#fancybox-wrap table.list tbody tr.blue:hover {
    background: #deefff;
}

#adminFormMain table.list tbody tr.hover:hover,
#adminPredesignedPage table.list tbody tr.hover:hover,
#fancybox-wrap table.list tbody tr.hover:hover {
    background: #FFF;
}

#adminFormMain table.list tbody tr.blue.hover:hover,
#adminPredesignedPage table.list tbody tr.blue.hover:hover,
#fancybox-wrap table.list tbody tr.blue.hover:hover {
    background: #EFF7FF;
}

#adminFormMain table.list thead th,
#adminPredesignedPage table.list thead th,
#fancybox-wrap table.list thead th {
    background: #efefef;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFefefef', endColorstr='#FFdddddd');
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #efefef, #ddd);
    /* for firefox 3.6+ */
    border-bottom: 1px solid #c0c0c0;
    text-shadow: 1px 1px 1px white;
    color: #444;
    text-transform: uppercase;
    /*font-size: 13px;
        text-align: left;  has to stay here for th's to be alighed left in IE */
}

#adminFormMain .list .ibutton-container,
#fancybox-wrap .list .ibutton-container {
    float: left;
}

#adminFormMain .list thead th,
#fancybox-wrap .list thead th {
    background: none;
}

#adminFormMain table.list tbody tr.blue,
#adminPredesignedPage table.list tbody tr.blue,
#fancybox-wrap table.list tbody tr.blue {
    background: #EFF7FF;
}

#adminFormMain table.list tbody tr.red,
#adminPredesignedPage table.list tbody tr.red,
#fancybox-wrap table.list tbody tr.red {
    background: #FFA189;
}

#adminFormMain.adminCouponWizardStep100 .input,
#adminFormMain.adminCouponWizardStep101 .input {
    width: 98px;
}

#adminFormMain.adminCouponWizardStep100 .rowLabel,
#adminFormMain.adminCouponWizardStep101 .rowLabel {
    padding-left: 103px;
}

#adminFormMain.adminCouponWizardStep100 .rowLabel select {
    vertical-align: top;
}

#adminFormMain.adminCouponWizardStep101 input[type="text"] {
    width: 75px;
}

#adminFormMain.adminCouponWizardStep102 tr.even {
    background-color: #b9dcfc;
}

#adminFormMain.adminCouponWizardStep102 tr.odd {
    background-color: #ffffff;
}

#adminFormMain.adminCouponWizardStep10 .inputShort,
#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div .inputShort,
#adminFormMain.adminCouponFormTemplate #spend_amt_get_product_div .inputShort {
    width: 58px!important;
    /* 60px broke in Chrome */
}

#adminFormMain.adminCouponWizardStep60 select {
    padding: 4px;
    margin-left: 5px;
}

#adminFormMain.adminCouponWizardStep60 .inputShort,
#adminFormMain.adminCouponFormTemplate #incremental_discount_div .inputShort {
    width: 60px !important;
}

#adminFormMain.adminCouponWizardStep30 .inputShort {
    min-width: 6.5em;
    width: auto;
}

#adminFormMain.adminCouponWizardStep30 select,
#adminFormMain.adminCouponFormTemplate #incremental_discount_div select {
    padding: 4px;
    margin-left: 5px;
    width: 49px;
}

#adminFormMain.adminCouponWizardStep30 .note_left {
    left: -548px;
}

#adminFormMain.adminCouponFormTemplate #incremental_discount_div .note_left,
#adminFormMain.adminCouponFormTemplate #spend_amt_get_product_div .note_left {
    left: -648px;
}

#adminFormMain.adminCouponWizardStep10 .pending,
#adminFormMain.adminCouponWizardStep20 .pending,
#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div .pending,
#adminFormMain.adminCouponFormTemplate #spend_amt_get_product_div .pending {
    color: gray;
}

#adminFormMain.adminCouponWizardStep10 .note_left {
    left: -550px;
}

#adminFormMain.adminCouponWizardStep10 #itemSearchInput {
    width: 300px;
}

#adminFormMain.adminCouponWizardStep20 input[type="text"].inputShort,
#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div input[type="text"].inputShort {
    width: 16px;
}

#adminFormMain.adminCouponWizardStep20 input[type="text"] {
    width: 203px;
}

#adminFormMain.adminCouponFormTemplate #buy_product_get_product_div input[type="text"] {
    width: 216px;
}

#adminFormMain .input .title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}

#adminFormMain .box-tabs {
    float: left;
    margin: 0 0 12px 0;
}

#adminFormMain .box-tabs span {
    float: left;
    margin: 0 10px 0 0;
    padding: 7px 0;
}

#adminFormMain .box-tabs ul {
    float: left;
    background-color: #E7E7E7;
    border-left: 1px solid #B1B1B1;
    list-style: none outside none;
}

#adminFormMain .box-tabs ul li {
    border-right: 1px solid #B1B1B1;
    float: left;
}

#adminFormMain .box-tabs ul li a {
    background-color: #E7E7E7;
    border-bottom: 1px solid #B1B1B1;
    border-top: 1px solid #B1B1B1;
    color: #333333 !important;
    display: block;
    float: left;
    font-weight: bold;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none !important;
}

#adminFormMain .box-tabs ul li.current a {
    text-decoration: none !important;
    background-color: #004A80 !important;
    color: #FFF !important;
    border-top: solid 1px #004A80;
    border-bottom: solid 1px #004A80;
    cursor: default;
}

#adminFormMain .box-tabs ul li a:hover {
    text-decoration: none !important;
    background-color: #004A80;
    color: #FFF !important;
    border-top: solid 1px #004A80;
    border-bottom: solid 1px #004A80;
}

#emailReminderDiv .ibutton-container {
    float: left;
}

.boxyCatBrowse label {
    padding: 5px;
    display: block;
}

.boxyCatBrowse td input {
    float: left;
    margin: 9px 10px 0 0 !important;
}

.boxyCatBrowse td {
    padding: inherit;
}

.td .form-group {
    margin: 0;
}

#answers {
    position: relative;
}

#answers .form-control {
    padding-right: 30px;
}

.removeAnswer {
    position: absolute;
    top: 50%;
    right: 0;
}

#adminFormMain input:focus {
    border: 1px solid #37598d;
}

.opt_select {
    display: none;
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    width: 100%;
    background: #eff2f6;
    border: 1px solid #91ccfa;
    z-index: 490;
}

.opt_select li:first-child a {
    border-top: none;
}

.opt_select a {
    color: #222;
    font-weight: bold;
    display: block;
    border-top: 1px dotted silver;
    padding: 5px;
    text-decoration: none;
    text-align: left;
}

.opt_select a span {
    font-weight: normal;
    color: #666;
    min-width: 50px;
    display: block;
    font-size: 12px;
}
.removeAnswer{
    padding-right: 10px;
}
.opt_select a:hover {
    background: #e7e7e7;
}

/*.settingdefault li {
    padding-top: 5px;
    padding-bottom: 5px
}*/

.spl100 .col-sm-6 {
    width: 100%;
}

.new-btn-v2 li {
    display: inline-block;
}

.services-n a i {
    /*  color: #b6bbc3;*/
    font-size: 24px;
}

.services-n a {
    /*color: #676a6e;*/
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    color: #3d3d39
}

.w25p {
    width: 25px;
}

.w18p {
    width: 18px;
}

.w100 {
    width: 100px;
}

.w3 {
    width: 3%;
}

.w5 {
    width: 5%;
}

.w7 {
    width: 7%;
}

.w8 {
    width: 8%;
}

.w10 {
    width: 10%;
}

.w12 {
    width: 12%;
}

.w15 {
    width: 15%;
}

.w16 {
    width: 16%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}
.w45{
    width: 45%;
}

.w48 {
    width: 48%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}
.w80 {
    width: 80%;
}
.w85 {
    width: 85%;
}

.w100per {
    width: 100%;
}

.v-top {
    vertical-align: top;
}

.btn-group-sm .form-inline .btn {
    border-radius: 0 !important;
}

.btn-group-sm .form-inline .btn:first-child {
    border-radius: 4px 0 0 4px !important;
}

.btn-group-sm .form-inline .btn:last-child {
    border-radius: 0 4px 4px 0 !important;
}

.btn-group-sm .form-inline input[value="Save"] {
    padding: 4px 12px;
    text-transform: capitalize;
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
    height: 75px;
}

.btn-group .btn:first-child .btn-group .btn:last-child {
    border-radius: 0 4px 4px 0 !important;
}

#ajaxMsg {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #31708f;
    display: none;
    font-weight: bold;
    padding: 15px;
    border-radius: 4px;
}

#adminForm .input-standard,
#adminForm .sub-input-standard {
    /*clear: left;
    float: left;*/
    margin-bottom: 15px;
    padding-top: 10px;
    width: 100%;
}

.colorPicker {
    background: url(../../admin/images/transparent-swatch.png) no-repeat;
    border: 1px solid #aaa;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 5px;
    margin-top: 3px;
}

.productLoading {
    padding-left: 5px;
    display: none;
}

.deleteX {
    background: red;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    height: 15px;
    text-align: center;
    width: 15px;
}

#backgroundImageDiv img,
#foregroundImageDiv img {
    max-width: 100%
}

.logoDetails .logo img {
    max-width: 250px
}

.btn-no.btn-danger {
    background-color: #d9534f;
}


/*---------------- WIDGETS -----------------*/

#main-col {
    float: left;
    width: 680px;
    padding: 0 15px
}

#preview-col {
    float: left;
    padding: 0 15px;
}

#addwidgets {
    background: url(../../admin/images/widgets-app.png) top center no-repeat;
    height: 786px;
    width: 100%;
}

#addwidgets ul {
    padding: 0;
}

#addwidgets li {
    list-style: none;
}

#addwidgets li a {
    /* outline: 0; */
    display: block;
    padding: 10px;
    margin: 3px 0;
    text-decoration: none;
    /*font-weight: bold;*/
    cursor: move;
    border-radius:3px;

}

#addwidgets li span {
    display: block;
    /*background: url(../../admin/images/removeWidget.png) no-repeat;*/
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    float: right;
    background:red;
    overflow: hidden;
    padding-left:5px;
}

#addwidgets li span::before{
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#fff;

}


#widgetsLeft,
#widgetsRight {
    padding: 0;
    width: 146px;
    height: 530px;
    overflow: auto;
    margin-top: 68px;
    background: #444;
    background: rgba(255, 255, 255, .3) !important;
    padding: 2px !important;
    border: 1px dashed #898989;
    border-radius:3px;
}

#widgetsFooter {
    background: none repeat scroll 0 0 rgba(255, 255, 255, .3) !important;
    border: 2px dashed silver;
    float: left;
    height: 74px;
    margin-left: 9px;
    margin-top: 27px;
    overflow: auto;
    padding: 2px !important;
    width: 633px;
    border: 1px dashed #898989;
    border-radius:3px;
}

#widgetsLeft {
    float: left;
    margin-left: 8px;
}

#widgetsRight {
    float: right;
    margin-right: 8px;
}

#widgetsLeft a {
    color: #FFF;
    border: 2px solid #007dcd;
    background: #198CFF;
}

#widgetsRight a {
    color: #FFF;
    border: 2px solid #007dcd;
    background: #198CFF;
}

#widgetsFooter a {
    color: #FFF;
    border: 2px solid #007dcd;
    background: #198CFF;
    text-align: center;
}

#widgetFilter a {
    border: 2px solid #B2B2B2;
    background: #D3D3D3;
    color: #333;
}

#widgetFilter {
    float: left;
    width: 200px;
    background: white;
    margin-top: 100px;
    margin-left: 60px;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #000;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000;
}

#widgetFilter select {
    width: 100%;
    float: none;
}

.unusedWidgets {
    display: none;
}

#myWidgets {
    padding-top: 10px;
    max-height: 450px;
    /*overflow: scroll;*/
}

#percentComplete .progressBar {
    border-radius: 50px !important;
    font-weight: bold !important;
    height: 20px !important;
    width: 100% !important;
}

#percentComplete .filled {
    background-color: #89c972 !important;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
    border-radius: 50px !important;
    color: black !important;
    height: 20px !important;
    text-align: center !important;
}



#percentCompleteImport .filled {            
    background-color: #89c972 !important;           
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;          
    border-radius: 50px !important;         
    color: black !important;            
    height: 20px !important;            
    text-align: center !important;  
}   


#percentStepComplete .filled {          
    background-color: #89c972 !important;           
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;          
    border-radius: 50px !important;         
    color: black !important;            
    height: 20px !important;            
    text-align: center !important;          
}           

#percentStepComplete .progressBar {         

     border-radius: 50px !important;            
    font-weight: bold !important;           
    height: 20px !important;            
    width: 100% !important;         
}   

#percentStepCompletes .filled {         
    background-color: #89c972 !important;           
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;          
    border-radius: 50px !important;         
    color: black !important;            
    height: 20px !important;            
    text-align: center !important;          
}           

 #percentStepCompletes .progressBar {           

     border-radius: 50px !important;            
    font-weight: bold !important;           
    height: 20px !important;            
    width: 100% !important;         
}  			
	
.add-widget-n {
    display: table;
    width: auto;
    margin: 0 auto 0 14%;
}


/*START: loader*/

.cssload-loader {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 62px;
    height: 62px;
    top: 50%;
    margin-top: -31px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.cssload-inner.cssload-one {
    left: 0;
    top: 0;
    animation: cssload-rotate-one 1.15s linear infinite;
    -o-animation: cssload-rotate-one 1.15s linear infinite;
    -ms-animation: cssload-rotate-one 1.15s linear infinite;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    -moz-animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 3px solid #87d769
}

.cssload-inner.cssload-two {
    right: 0;
    top: 0;
    animation: cssload-rotate-two 1.15s linear infinite;
    -o-animation: cssload-rotate-two 1.15s linear infinite;
    -ms-animation: cssload-rotate-two 1.15s linear infinite;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    -moz-animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 3px solid #87d769
}

.cssload-inner.cssload-three {
    right: 0;
    bottom: 0;
    animation: cssload-rotate-three 1.15s linear infinite;
    -o-animation: cssload-rotate-three 1.15s linear infinite;
    -ms-animation: cssload-rotate-three 1.15s linear infinite;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    -moz-animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 3px solid #87d769
}

.thim-loading-container {
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.thim-loading {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 50%;
    left: 50%;
    border-bottom: 2px solid #e4e4e4;
    border-left: 2px solid #e4e4e4;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin-left: -30px;
    margin-top: -30px;
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
    -ms-animation: spin .6s infinite linear;
    -o-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear
}



@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}
@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#LoadingImage {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
}


/*END: loader*/

.configure-top-btn .dropdown{
    display: inline-block;
}

.btnPreview {
    min-height: 200px;
}

.login-box{
    background: white;
    left: 50%;
    max-width: 350px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, .1);
}

.login-header{
    padding: 20px;
}
.login-header img{
    display: block;
    height: auto;
    max-width: 100%;
}
.login-header img + br{
    display: none;
}

.login-header + .col-sm-12 .row hr{
    margin: 0;
}

.admin-login-box-title h4{
    color: #1a8cff;
    margin:15px 0;
}

.login-user-pass-field{
    margin: 25px 0 5px 0;
}

.login-user-pass-field .admin-login-input .form-control:first-child{
    border-radius: 4px 4px 0 0 !important;
}
.login-user-pass-field .admin-login-input .form-control:last-child{
    border-radius:  0 0 4px 4px !important;
}

.login-button input[type="submit"]{
    background: #3c4655;
    border:0 !important;
    border-radius: 0 0 10px 10px !important;
    padding: 15px 0;
    color: #97a3b7;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.login-done-button .btn-sm{
    padding: 3px 8px
}

#adminPredesignedButtonPreviewDiv .more-btn-box-0,
#adminPredesignedButtonPreviewDiv .more-btn-box-1,
#adminPredesignedButtonPreviewDiv .more-btn-box-2 {
    float: left;
    width: 220px;
    padding: 3px;
}

.preview h4 span {
    color: #ccc;
}
.themeControls{ display:block !important; opacity: 1 !important}
#themeGrid .theme-thumb{ display: inline-block; height: 250px;}
#templatePreviewImage  img{ max-width: 100%;}
.themeControls .go-btn{ float: inherit;}
/*.themeControls .installTheme {
    background: url(../../admin/images/themes-install.png) top no-repeat;
    width: 25px;
    height: 25px;
    outline: 0;
}

.themeControls .removeTheme {
    background: url(../../admin/images/themes-remove.png) top no-repeat;
    width: 25px;
    height: 25px;
}

.themeControls .demo {

}*/

#templatePreviewImage img.popup-v2__thumb{ max-width: 200px}

.hideMe { display: none; }
/* TOP LEVEL ITEMS */

ul#top-menu {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    list-style-type: none;
    margin-top: 6px;
    padding: .5em .5em 0;
    position: relative;
}

ul#top-menu > li {
    display: inline-block;
    margin: 0 2px .5em 0;
    position: relative;
    vertical-align: top;
}

.mm-submenu > li a.element-link span.item-edit{
    color: #1a8cff !important;
}
/*
ul#top-menu > li.active-top-menu a span.item-edit{
    color: white !important;
}
*/


ul#top-menu a,
ul#top-menu .no-link {
    display: block;
    font-weight: bold;
    padding: .65em .8em;
    text-decoration: none;
}

ul#top-menu > li > a,
ul#top-menu .no-link {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 2px;
    color: #575757;
}

ul#top-menu > li > a:hover,
ul#top-menu .no-link:hover {
    background-color: #372;
    color: #FFF;
}

ul#top-menu > li > .new-item {
    background: none;
    color: #333;
    padding-right: 10px;
    text-transform: uppercase;
}
ul#top-menu > li > .new-item:hover {
    background: none;
    color: #6C5;
}

.dragging-top-level-item > a,
.dragging-top-level-item > .no-link {
    background-color: #191919 !important;
    border-color: #66B151 !important;
}

#top-menu > .active-top-menu > a,
#top-menu > .active-top-menu > .no-link {
    background-color: #493;
    color: #FFF;
    position: relative;
}
/*
.active-top-menu > a:before,
.active-top-menu > .no-link:before {
 border-color: #1F3819 transparent;
 border-style: solid;
 border-width: 9px 9px 0 9px;
 content: "";
 margin-left: -9px;
 position: absolute;
 left: 50%; bottom: -9px;
 z-index: 10;
}
*/
.active-top-menu > a:after,
.active-top-menu > .no-link:after {
    border-color: #333 transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    content: "";
    margin-left: -8px;
    position: absolute;
    left: 50%; bottom: -7px;
    z-index: 10;
}

/* SUB MENUS */
.dd-submenu,
.mm-submenu {
    background-color: #F5F5F5;
    border-radius: 0 0 4px 4px;
    box-shadow: inset 0 0 10px rgba(0,0,0,.05);
    display: none;
    margin-top: 8px;
    padding: 5px;
    position: absolute;
    left: 0; top: 100%;
    white-space: nowrap;
}

.mm-submenu { padding-left: 0; }

.dd-submenu *,
.mm-submenu * {
    vertical-align: top;
}

.dd-submenu li,
.mm-submenu li {
    display: block;
}

.dd-submenu li a {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 2px;
    margin-right: 3px;
    position: relative;
}

.dd-submenu { min-width: 417px; }

.dd-submenu ul li {
    margin-bottom: 2px;
    width: 185px;
}

.dd-submenu .new-item {
    border: 1px dashed #999;
}

.dd-submenu .new-item:hover {
    background-color: #EEE;
    border-color: #333;
    cursor: pointer !important;
}

.dd-submenu ul li a,
.dd-submenu .new-submenu {
    display: inline-block !important;
}
.dd-submenu ul li a {
    width: 180px;
}
.dd-submenu .new-submenu {
    cursor: pointer;
    padding: 5px;
}
.dd-submenu .new-submenu:hover {
    color: #338C22;
}
.dd-submenu .has-submenu {
    color: #111;
    cursor: default;
    padding: 5px;
}

.second-level-submenu {
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-radius: 2px;
    margin-bottom: -20px;
    padding: 10px;
    left: 112%; top: -38px;
    position: relative;
    width: 200px;
}

.link-title-navigation {
/*    background: red;*/
    float: left;
    overflow: hidden !important;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: normal;
    width: 160px !important;
    word-break: normal;
}

.add-new-column {
    border: 2px dashed #999;
    color: #555555;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    margin-left: 5px;
    min-height: 300px;
    padding: 100px 20px 20px;
    text-align: center;
    width: 183px;
}

.add-new-column:hover {
    border-color: #333;
    color: #333;
}

.new-column-placeholder {
    color: #8A8A8A;
    font-size: 12px !important;
    font-style: italic;
    margin-top: 60px;
    padding: 20px;
    text-align: center;
}

[class^="columns-"] {
    background-color: #FFF;
    border: 1px solid #DDD;
    display: inline-block;
    min-height: 300px;
    margin-left: 5px;
    position: relative;
    vertical-align: top;
    white-space: normal;
}

.columns-1  { width: 183px; }
.columns-2  { width: 371px; }
.columns-3  { width: 559px; }
.columns-4  { width: 747px; }
.columns-5  { width: 100%; }

[class^="columns-"] #item-placeholder,
.sortable-placeholder {
    background-color: #66B151;
    border: 1px dashed #888;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    padding: 6px;
    text-shadow: 1px 1px 0 #449131;
    width: 100%;
}

.remove-column {
    cursor: pointer;
    display: none;
    position: absolute;
    right: -8px; top: -8px;
    z-index: 100;
}

[class^="columns-"]:hover .remove-column {
    display: inline;
}

/* Elements Styling */
[class^="element-"] {
    border: 1px solid transparent;
    display: block;
    padding: 6px 8px;
    position: relative;
}

[class^="element-"]:hover,
.dd-submenu li:hover > a {
    border: 1px dashed #000;
    cursor: move;
}

ul#top-menu > li > a > [class^="item-"],
ul#top-menu .no-link > [class^="item-"],
ul#top-menu [class^="element-"]:hover [class^="item-"],
.dd-submenu ul li a:hover [class^="item-"] {
    display: inline-block !important;
}

ul#top-menu .no-link { cursor: pointer; }

.element-title { background-color: #DDE0E5; }
.element-html a { display: inline !important; margin: 0 !important; padding: 0 !important; }
.element-html img, .element-image img { height: auto; max-width: 100%; }
.element-line-h .line-splitter { display: inline-block; margin-top: 8px; width: 85%; }
.element-spacer-h { background-image: url('../../admin/images/disable-input-bg.png'); padding: 0 7px 0 0; }


.button-boxes a .panel, .button-boxes .panel{background: #3c4655; color:#9aa7bb;}
.button-boxes a .panel i, .button-boxes .panel i{font-size: 40px;}
.button-boxes a:hover .panel i, .button-boxes:hover .panel i{color: #7d8ca4; transition: ease all .2s;}
.button-boxes .fa-stack {
    margin-bottom: 10px;
}
.button-boxes .fa-stack .fa-map-marker{
    bottom: -4px;
    font-size: 28px;
    left: 2px;
    position: absolute;
}
.button-boxes .fa-stack .fa-truck{
    font-size: 20px;
    left: -1px;
}
.button-boxes .fa-stack .fa-sort, .button-boxes .fa-stack .fa-cog{
    bottom: -15px;
    font-size: 16px;
    left: 13px;
    z-index: 1;
}
.button-boxes .fa-stack .fa-sort:after, .button-boxes .fa-stack .fa-cog:after{
    background: #3c4655;
    border-radius: 50%;
    content: "";
    height: 25px;
    left: 7px;
    position: absolute;
    top: 8px;
    width: 25px;
    z-index: -3;
}
.button-boxes .fa-stack .fa-file-text-o
{ font-size: 30px;
  left: 0px;
  position: absolute;
  top: 6px;}

.pricing-discount .button-boxes .panel{
min-height: 292px !important;
}

.pricing-discount i.fa-stack-2x{
    position: relative;
    font-size: 33px;
}
.pricing-discount i.fa-stack-2x:after{
    content: '\f155';
    font-family: FontAwesome;
    position: absolute;
    width: 23px;
    height: 23px;
    line-height: 24px;
    right: -12px;
    bottom: -9px;
    background-color: #9aa7bb;
    color: #3c4655;
    border-radius: 50%;
    font-size: 15px;
}

.pricing-discount .button-boxes span.fa-stack{
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    height: 60px;
    line-height: 69px;
    margin: 5px 0;
    text-align: center;
    width: 60px;
}

.pricing-discount .button-boxes .checkbox label{
    font-size: 18px;
    color: white !important;
    margin: 5px 0;
}
.pricing-discount .button-boxes .checkbox label input[type="checkbox"]{
    margin-top: 8px;
}
.pricing-discount .button-boxes .btn-block{
    background-color: rgba(255, 255, 255, .1);
    color: white;
    text-transform: uppercase;
    height: 45px;
}
.pricing-discount .button-boxes:hover .btn-block{
    background-color: rgba(255, 255, 255, .3);
}

.pricing-discount .button-boxes p {
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.5;
}

.menu-type-active:before {
    content: url('../../admin/images/icons/complete.png');
    height: 0;
    position: absolute;
    display: block;
    right: 15px;
    top: 15px;
    z-index: 998;
    float: left;
}

.menu-type-active:before {
    content: url('../../admin/images/icons/complete.png');
    height: 0;
    position: absolute;
    display: block;
    right: 15px;
    top: 15px;
    z-index: 998;
    float: left;
}

.nav-dropdown-setting{ padding-top: 20px; padding-bottom:20px; position: relative; min-height: 500px;}
/*.item-remove, .item-edit{float: right; padding-top: 2px}*/

/* ** TOOLBAR ** */

#megamenu-toolbar {
    border-radius: 4px;
}

#megamenu-toolbar [id^="tools-col"] {
    display: inline-block;
    vertical-align: top;
}

/* all require !important otherwise the draggable 'clones' will lose their style */
.ui-draggable-helper {
    background-color: #FFF !important;
    background-image: -moz-linear-gradient(#FFF,#EEE) !important;
    background-image: -ms-linear-gradient(#FFF,#EEE) !important;
    background-image: -webkit-linear-gradient(#FFF,#EEE) !important;
    background-image: linear-gradient(#FFF,#EEE) !important;
    border: 1px dashed #888 !important;
    display: block !important;
    padding: 6px !important;
    text-align: center !important;
    width: 169px !important;
}

span[id^="toolbar-"] {
    background-color: #F5F5F5;
    border: 1px solid #AAA;
    border-radius: 3px;
    color: #222;
    cursor: move;
    display: inline-block;
    padding: 6px;
    text-align: center;
}

span[id^="toolbar-"] em {
    background: transparent url('../../admin/images/toolbarSprite.png') no-repeat;
    display: inline-block;
    height: 20px; width: 20px;
    vertical-align: -4px;
}

#toolbar-title em { background-position: -20px 0; }
#toolbar-html em { background-position: -40px 0; }
#toolbar-image em { background-position: -60px 0; }
#toolbar-textstr em { background-position: -80px 0; }
#toolbar-line-h em { background-position: -100px 0; }
#toolbar-spacer-h em { background-position: -120px 0; }

#megamenu-toolbar span:hover {
    background-color: #5cb85c;
    border: 1px dashed #449933;
    color: #111;
}

.go-btn.fix-btn{ width: 40px; display: inline-block}
/* end */

.shipping .sidebar{
    /*top: -52px;
    left: 0;*/
    min-height: auto !important;
}
.shipping .sidebar .sidebar-expand{
    top: 0;
}
.setup-wizard-steps .modal-lg{
    overflow: hidden !important;
}

.setup-wizard-steps a{
    background: #3c4655;
    padding: 5px !important;
    float: left;
}

.setup-wizard-steps a span.steps-num{
    background: #198cff;
    font-size: 18px;
    font-weight: 800;
    width: 23px;
    height: 23px;
    line-height: 22px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}
.setup-wizard-steps a.complete:before {
    border-bottom: 45px solid transparent;
    border-left: 45px solid transparent;
    border-right: 45px solid #89c972;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
}
.setup-wizard-steps a.complete:after {
    color: rgba(0, 0, 0, .5);
    content: "\f00c";
    display: block;
    float: left;
    font-family: "FontAwesome";
    height: 0;
    position: absolute;
    right: 4px;
    text-shadow: none !important;
    top: -18px;
    z-index: 10;
    font-size: 18px;
}

.setup-wizard-steps a.wizard-steps steptext, .setup-wizard-steps a span.steps-num{
    font-size: 18px;
    color: white;
     font-weight: 700;
}
.setup-wizard-steps a.wizard-steps steptext{
    text-transform: uppercase;
    font-weight: 900;
}

#popup_design_home h2.modal-title{
    font-weight: 600;
    color: #3c4655;
    font-size: 32px;
}
#popup_design_home h4{
     display: table;
}
#popup_design_home p{
    color: rgba(0, 0, 0, .5);
    font-size: 18px;
    line-height: 2;
    margin-bottom: 25px;
}

#popup_design_home .modal-footer p{
    margin-bottom: 0 !important;
}

/*.cloneMe{
    position: relative !important;
}*/

.cloneMe .method-info i.fa-close{
    color: #ff6565;
}

#popup_design_home {
}
#popup_design_home .modal-content .modal-header .close{
    position: absolute;
    font-size: 12px;
    right: 10px;
    font-weight: normal;
    opacity: .7;
}

#popup_design_home .modal-content .modal-header .close i{
    font-size: 14px;
    color: red;
}

#popup_design_home .modal-footer{
    text-align: center !important;
}

.tooltip-relative .tooltip-relative-div{
        position: relative;
        display: table-cell;
        width: 68px;
}

.create-account{
    font-size: 16px;
    font-weight: 600;

}
.create-account span{
    color: #707070 !important;
    position: relative;
    display: block;
    margin-top: 10px;
}
.create-account span div{
    /*display: table;*/
    margin: 0 auto;
    text-align: center;
}
.create-account span div:after{
    content: '';
    position: absolute;
    top: -35px;
    background-image: url(../../images/new-design/creat-account-arrow.png);
    width: 43px;
    height: 56px;
    margin-left: 5px;
}
#adminSectionTemplateSections .section .section-bottom h4 a{
    color: #1a8cff;
    font-size: 20px !important;
    text-transform: uppercase;
}
.shipping-rates-table{margin-bottom: 30px;}

.adminFormSectionHeader.active{
    background: rgba(0,0,0,0.5);
    color:#fff !important;
}

.product-sidebar {
    overflow-x: auto;
    max-height: 100%;
}
.product-sidebar ul.order-numbers-panel li a{
    font-size: 18px;
    color: #dadfe3;
}
.questionHeader a {
    font-size: 15px !important;
    color: #80888f !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    padding: 10px 0 10px 30px !important;
    position: relative;
}
.questionHeader a:before{
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.2);
}
.questionHeader a:after{
    content: '';
    background: rgba(255,255,255,0.5);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -4px;
    border-radius: 50%;
}

/*#payments_step_2 div[id^=sections_]{
    padding: 25px 0;
    margin: 25px -15px;
    border-bottom: 3px solid rgba(0,0,0,0.2) !important;

}
#payments_step_2 div[id^=sections_]:nth-child(even){
    background: rgba(0,0,0,0.08);
}*/

/*START: responsive media query */
@page {
     margin: .10cm;
}

@media print{
     body{
          padding:0 !important;
     }
    .sidebar, [class^="fa"], .save-download-print-button, i[class^="fa fa-"], .approved-select-action-buttons, footer.app-footer{
        display: none !important;
         }
         a[href]:after {
             content: none !important;
          }
     .approved-select-action-buttons, .card-wth-of-hidden{
          padding: 0 !important;
          margin: 0 !important;
     }
    .card-wth-of-hidden{
         border: none !important;
    }
     .order-detail-boxes{
          margin-top: 25px;
     }
    .bill-ship-payment .col-md-4, .order-detail-boxes .col-md-4  {
        width: 33.3333%;
        float: left;
    }


    .table-list table tr th, .table-list table tr td{
        padding: 8px !important;
        height: 30px;
    }
    .order-detail h4 a{
        font-size: 16px;
    }
    .order-detail .panel-heading {
    border-bottom: 1px solid #dddddd !important;
    }
    .order-detail-boxes {
     position: relative !important;
     display: inline-block !important;
     width: 100% !important;
     }
    .order-detail-boxes:before, .order-detail-boxes:after {
    content: '' !important;
    position: absolute !important;
    top: 57px !important;
    bottom: -6px !important;
    width: 1px !important;
    background: #dddddd !important;
}
.shipping-instruction-totle-table .totle-table-total{
     width: 18.1% !important;
}
.shipping-info .col-sm-3{
     padding: 0 !important;
     /*padding: 10px !important;*/
     margin-bottom: 10px;
     width: 80px !important;
     vertical-align: top !important;
     display: inline !important;
     box-sizing: border-box !important;
     /*float: left !important;*/
}
.order-detail-boxes:before, .order-detail-boxes:after {
    content: '';
    position: absolute;
    top: 57px;
    bottom: -6px;
    width: 1px;
    background: black;
}
.order-detail-boxes:before {
    left: 33.3333%;
}
.order-detail-boxes:after {
    right: 33.3333%;
}
}
@media(max-width:1454px) {
    .shipping-instruction-totle-table .totle-table-total {
        width: 41.8%;
    }

    .plugin-settings-box .card .logo{
        height: 150px;
        line-height: 130px;
    }
    .plugin-settings-box .card p {
        min-height: 145px !important;
    }
    button[data-toggle^="tooltip"] + .tooltip > .tooltip-inner{
        min-width: 310px !important;
    }



}
@media(min-width:992px) and (max-width:1454px){
    .plugin-settings-box .col-lg-2{
        width: 25% !important;
    }
}
@media(max-width:1399px) {
    /*.order-detail-main > .approved-select-action-buttons.affix{
        margin-left: 371px;
    }*/
    .approved-select-action-buttons.affix{
        margin-left: 97px;
    }
}
@media(max-width:1366px) {
    .shipping-instruction-totle-table .totle-table-total {
        width: 26.8%;
    }
    .status-label {
        margin-top: 12px;
        font-size: 10px;
        min-width: 120px;
    }
    .affix-2.affix{
    width: 100%;
    max-width: 1136px;}
    .personalizations-affix-fix .affix-2.affix {
        max-width: 1290px;
    }
    .product-bar .affix-right, .product-bar .affix-left{
        width: 100% !important;
    }


    .personalizations-affix-fix .affix-2.affix .affix-right{/*width: 55% !important;*/ text-align: left; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; padding-bottom: 10px;}
    .personalizations-affix-fix .affix-2.affix .affix-left{width: 45%  !important;}

    .customize-view{
        margin-right:40px;
    }

}
@media(max-width:1158px) {
    .shipping-instruction-totle-table .totle-table-total {
        width: 42%;
    }
    .show-only .form-group .show-only-dropdown:first-child,
    .show-only .form-group .show-only-dropdown:last-child {
        text-align: left;
    }
}
@media (max-width:1144px) {
    .thumbnail-preview-table:focus + .thumbnail-preview-table-content {
        left: 1%;
        margin-left: 0;
        min-width: 90% !important;
        top: 50%;
        width: 98%;
    }
    .viewcartitems-table {
        width: 100%;
    }
    .thumbnail-preview::after,
    .thumbnail-preview-table-content::after {
        left: 14.3%;
    }
    .thumbnail-preview,
    .thumbnail-preview-table-content {
        min-width: 100%;
    }
}
@media (max-width:1399px) {
    .thumbnail-preview,
    .thumbnail-preview-table-content {
        min-width: 400px;
    }
    .container {
        width: auto;
    }
    .showonly-checkbox .form-inline .form-group:first-child {
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }
    .table-list table thead tr th.footable-visible.footable-first-column {
        padding: 0 10px !important;
        position: relative;
    }

    /*.sidebar:hover {
        overflow: hidden !important;
    }*/
    .sidebar-expand a {
        background: #12181f;
        color: #3b4958;
        font-size: 15px;
        /*padding: 12px 10px;*/
        position: relative;
        width: 40px;
        height: 40px;
        line-height: 40px;
        float: left;
        text-align: center;


    }
    /*.sidebar-expand a:before { position: absolute; top: -10px; left: 43%; display: inline-block; border-right: 12px solid transparent; border-bottom: 10px solid #ccc; border-left: 12px solid transparent;  border-bottom-color: rgba(0, 0, 0, .2); content: '';}*/
/*    .sidebar-expand a:after {
        position: absolute;
        top: 0;
        right: -8px;
        display: inline-block;
        border-bottom: 21px solid transparent;
        border-top: 22px solid transparent;
        border-left: 8px solid #12181f;
        content: '';
    }*/
    .edit-product .sidebar{
         left:0;
         min-width: 295px;
    }
    .edit-product .order-detail-main{
         margin-left: 296px !important;
         width: calc(100% - 296px) !important;
    }
    .counties_taxes_box .sidebar{
        left: 0 !important;
    }
    .order-search {
        padding: 10px;
    }
    .order-search .input-group-addon {
        padding: 0 5px 0 10px;
    }
    .order-search .input-group-addon i {
        font-size: 15px;
    }
    .order-search .input-group input[type="text"] {
        height: 35px;
    }
    .order-numbers-panel li a {
        line-height: 2.25rem;
        font-size: 13px;
    }
    .order-numbers-panel {
        max-height: 100%;
        overflow-y: scroll;
    }
    .edit-product .order-numbers-panel {
        min-height: 100%;
        overflow-y: inherit !important;
    }
    /*.order-numbers-panel li a{line-height:2.25rem; font-size:14px;}*/
    .green-buttons {
        margin: 5px;
    }
    .shipping-instruction tr:first-child td:first-child {
        width: 71.1%;
    }
    .shipping-instruction tr td[width="10%"] {
        width: 10.1%;
    }
    /*.bulk-order-input .input-group .input-group-addon{float:left; text-align:left; width:100%;}
.select-action .form-control.bulkStatus{width:82% !important;}*/
    .bulk-order-input .input-group {
        width: 100% !important;
    }
    /*.bulk-status-change .input-group .form-control.bulkStatus{width:67%;}
.lookup-order .input-group .form-control.bulkStatus{width:82%;}*/
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 25.5%;}*/
}

/*.wizard-steps {
    margin: 20px 0;
}*/

.wizard-steps .media{
    padding: 15px 0;
    margin: 0 !important;
    position: relative;

}
.wizard-steps .media:hover .wizard-steps-icon{
    background: #198cff !important;
    color: white !important;
    border: 3px solid #177ee4 !important;
    transition: all ease .2s;
}
/*
.wizard-steps .media:hover .wizard-steps-icon i{

}
*/
.media::before {
    background: #d2d4d8;
    bottom: 0;
    content: "";
    left: 30px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 0;
}

.wizard-steps .media:first-child::before {
    top: 30px;
}
.wizard-steps .media:last-child::before {
    bottom: 90px;
}
.wizard-steps .media-body, .media-left, .media-right{
    vertical-align: top !important;
}
.media-body, .media-right {
    border-bottom: 2px dashed rgba(0, 0, 0, .1);
    padding-bottom: 30px;
}
.wizard-steps .media-left{
    padding-right: 15px !important;
}
.wizard-steps .wizard-steps-icon {
    background: white !important;
    border: 3px solid #d2d4d8;
    border-radius: 50%;
    display: inline-flex;
    padding: 15px;
    position: relative;
    height: 60px;
    width: 60px;
    /*line-height: 60px;*/
}
.wizard-steps .wizard-steps-icon i{
    font-size: 25px;
}
.wizard-steps .wizard-button {
    background: #89c972;
    border-radius: 20px !important;
    line-height: 33px;
    padding: 0 25px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    color: white;
}
.wizard-steps .media-body h4 a{
    background: none !important;
    font-size: 25px !important;
    font-weight: bold  !important;
    color: #198cff  !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    border-right: none !important;
}
.wizard-steps .media-body p{
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
    font-size: 16px !important;
}
.wizard-steps .wizard-button i {
    font-size: 18px !important;
    margin-left: 5px;
}
.mx150{ max-width: 150px !important;}
.mx100{ max-width: 100px !important;}
.w50{width: 50px !important;}

@media (max-width:1158px) {
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 29%;}    */

.navbar-right .notification .dropdown-menu,
.navbar-right .setting .dropdown-menu,
.navbar-right .help > .dropdown-menu,
.navbar-right .profile > .dropdown-menu {
    overflow-y: scroll !important;
}

.plugin-settings-box .card p {
    min-height: 120px !important;
}
.plugin-settings-box .card .logo{
    height: 160px !important;
    line-height: 120px !important;
}
}
@media (max-width:1120px) {
    .thumbnail-preview-table-content:after{
        display: none;
    }
    .totle-table-total {
        width: 33.2%;
    }
    .show-only .form-group .show-only-dropdown:first-child {
        margin-bottom: 15px;
    }
    .footable-visible.footable-last-column {
        padding-right: 28px !important;
    }
    .footable.breakpoint > tbody > tr > td > span.footable-toggle {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background: #e2e5e7;
        width: 22px;
        text-align: center;
        font-size: 12px !important;
        padding-right: 0 !important;
    }
    .footable.breakpoint > tbody > tr > td > span.footable-toggle::before {
        left: 19%;
        margin-top: -12px;
        position: absolute;
        top: 50%;
    }
/*    .cust-right-button {
        border-top:1px solid #dbdee1;
    }*/
    .cust-right-button a, .cust-right-button button{
        display: inline-block !important;
        font-size: 20px !important;
     /*
        float: none !important;
        line-height: 3.5rem !important;
        padding: 0 20px !important;*/
    }
    .edit-product .sidebar{
         left:-295px;
         min-width: 295px;
    }
    .edit-product .sidebar.open{
          left:0px;
    }
    .edit-product .order-detail-main{
         margin-left: 0 !important;
         width: 100% !important;
    }
}
@media (max-width:1066px) {
    .abandoned-holder .table tbody tr.footable-row-detail td.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row:last-child .footable-row-detail-name {
        width: 60px;
        height: 30px;
        overflow: hidden;
        display: inline-block;
    }
    .footable-row-detail-value {
    vertical-align: middle;

    }
    .shipping-instruction tr:first-child td:first-child {
        width: 49%;
    }
    .shipping-instruction tr td[width="10%"] {
        width: 10.1%;
    }
}
@media (max-width:1024px) {
    input[type=radio]:checked, input[type=checkbox]:checked{
    border: 1px solid black !important;
    background: black;
    }
    .save-download-print-button span {
        display: none;
    }
    .main-heading h1,
    .page__title {
        text-align: left;
        font-size: 1.25rem;
        /*line-height: 4.375rem;*/
        line-height: 2.5rem;
        margin: 0;
        display: inline-block;
        width: 100%;
        padding: 0 10px;
    }
    .show-only-mobile-button {
        display: inherit !important;
        float: right;
        background: #ebeff6;
        padding: 0 14px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .show-only-mobile-button i {
        color: #6f7074;
        font-size: 1.25rem;
        position: relative;
        padding-top: 48%;
    }
    .show-only-mobile-button-active{background: #1a8cff;}
    .show-only-mobile-button-active, .show-only-mobile-button:hover {
        background: #1a8cff;
    }
    .show-only-mobile-button-active i, .show-only-mobile-button:hover i {
        color: white;
    }
    .show-only-main {
        display: none;
    }
    .showonly-checkbox .form-group label {
        margin: 0 20px 15px 20px;
    }
    .shipping-instruction tr:first-child td:first-child {
        width: 49%;
    }
    .shipping-instruction tr td[width="10%"] {
        width: 10.1%;
    }
    .form-wth-tooltip > .form-horizontal .form-group .col-sm-5 .form-control,
    .form-wth-tooltip > .form-horizontal .col-sm-5 #drop_downDIV > input.form-control,
    .form-wth-tooltip > .form-horizontal .form-group .col-sm-5 .form-control,
    .form-wth-tooltip > .form-horizontal .form-group .col-sm-5 select.form-control {
        width: 95%;
    }
    .lookup-search [type='text'] {
        width: 205px;
    }
    .bulk-order-input .form-group .form-control {
        display: block !important;
        width: 100%;
    }
    /*.select-action .form-control.bulkStatus{width:86%;}*/
    /*.bulk-status-change .form-control.bulkStatus{width:80%;}
    .lookup-order .form-control.bulkStatus{width:85%;}*/
    .bulk-order-input .input-group {
        width: 100%;
    }
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 11%;}*/
    .approved-select-action-buttons.affix{
        margin-left: 74px;
    }
    .return_to_dashboard_button{
        margin-top: 0 !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    #stateslist li.list-group-item ul.inner li{
        display: inline-block !important;
        width: 24% !important;
    }
    .affix-2.affix{
    width: 100%;
    max-width: 916px;}

    .affix-2.affix .affix-left{
        width: 60%;
        }
    .affix-2.affix .affix-right{
        width: 40%;
    }
    .personalizations-affix-fix .affix-2.affix{
        max-width: 949px;
    }
    .sidebar-expand {
       display: inherit;
       position: absolute;
       right: -40px;
       top: 10px;
       z-index: 2000;
    }
    .order-detail-main, .shipping .tabs-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .sidebar {
        overflow: inherit;
        left: -250px;
        min-width: 250px;
    }
    .sidebar.open {
        left: 0
    }
}

.select--order-status {
    margin-left: 2em;
}

@media all and (min-width: 1024px) {
    #main {
        display: table;
    }
    .page__order_detail .sidebar-expand {
        border-radius: 0 4px 4px 0;
        display: inherit;
        position: absolute;
        top: 10px; left: 100%;
        z-index: 2000;
    }
    .sidebar--new.open ~ .order-detail-main,
    .sidebar--new.open ~ form .order-detail-main {
        margin-left: 296px;
        width: calc(100% - 296px);
        /*margin-left: 0 !important;
        width: 100% !important;*/
    }
    .sidebar--new {
        overflow: inherit;
        left: -295px;
        width: 295px;
    }
    .sidebar--new.open {
        left: 0
    }
}

@media all and (min-width: 1400px) {
    .sidebar--new.open ~ form .approved-select-action-buttons.affix{
        margin-left: 372px;
    }
    .sidebar--new .sidebar-expand a {
        background: #12181f;
        color: #3b4958;
        display: inline-block;
        padding: .75em .85em;
    }
}

@media (max-width:991px) {
    .navbar-nav > li > a {
        padding: 0 15px;
    }
    .navbar-nav > li > a > i {
        font-size: 18px;
    }
    .notification-badge {
        font-size: 10px;
        padding: 1px 4px;
        right: 9px;
        top: 27px;
    }
    .navbar-right .dropdown-menu {
        background: #f4f7fa !important;
        box-shadow: 0 0 4px rgba(0, 0, 0, .35) !important;
        width: 100% !important;
        padding: 0;
    }
    .profile > .dropdown-menu {
        /*transform:translate(-72%, 0px) !important; -moz-transform:translate(-72%, 0px) !important; -ms-transform:translate(-72%, 0px) !important; -webkit-transform:translate(-72%, 0px) !important;*/
    }
    .showonly-checkbox .form-group label {
        margin: 0 10px;
    }
    .showonly-checkbox .form-group {
        text-align: left;
        margin: 0;
    }
    /*.show-only-dropdown label, .filter-by label{display:none;}*/
    .email-shipping-memo-table tr td,
    .email-shipping-memo-table tr th {
        display: block;
        width: 100%;
        padding: 10px !important;
        margin-bottom: -1px;
    }
    .order-search .popover-button i {
        line-height: 35px;
    }
    .order-search .form-group {
        float: left;
        width: 90%;
    }
    .order-search .input-group input[type="text"] {
        height: 35px;
        width: 10.5rem;
    }
    .vw-hstry-totle-table tr td:first-child,
    .vw-hstry-totle-table tr td:last-child {
        width: 50%;
    }
    .search .input-group input[type="text"] {
        min-width: 200px !important;
    }
    .aband-topcutomer .aband-right {
        width: 100%;
        text-align: left;
    }
    .aband-topcutomer .aband-left {
        width: 100%;
        box-sizing: border-box;
    }
    .aband-topcutomer .abandoned-search {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }
    .lookup-search input[type="text"] {
        width: 100%;
    }
    .abandoned-search .go-btn {
        position: absolute;
        right: 0;
        top: 0;
    }
    .abandoned-search .form-inline {
        display: inherit !important;
        width: 100%;
    }
    .bill-ship-heading {
        background: rgba(0, 0, 0, .03);
        border-top: 2px solid rgba(0, 0, 0, .05);
        border-bottom: 2px solid rgba(0, 0, 0, .05);
        padding: 10px 15px;
        margin: 0 -30px 20px -30px;
        font-size: 18px;
    }
    .bulk-order-input .form-inline,
    .bulk-order-input .form-inline label,
    .bulk-order-input .form-inline .form-control,
    .admin_pagination {
        display: block;
        width: 100%;
    }
    .bulk-order-input .admin_pagination .form-inline {}
    .form-control.bulkStatus {
        width: 74%;
    }
    .select-action .show-only .col-md-4 {
        text-align: center;
    }
    .select-action .show-only .col-md-4:nth-of-type(2) {
        margin-bottom: 15px;
        float: none;
        text-align: center;
    }
    .cust-lookup-search {
        display: inherit
    }
    .cust-right-button {
       /* float: inherit*/
    }
    .lookup-search label {
        display: block
    }
    .lookup-search input[type="text"] {
        width: 86%
    }
    .go-btn, .go-btn:focus{
      /*  margin-bottom: 15px;    */
    }
    .input-group-addon .tooltip-inner, button[data-toggle^="tooltip"] + .tooltip > .tooltip-inner {
        min-width: 260px !important;
        text-align: left !important;

        /*white-space: pre-wrap;*/
    }
    .affix-2.affix {
    max-width: 808px;
    width: 100%;
}
    .affix-2.affix .affix-right, .affix-2.affix .affix-left{
        width: 50%;
    }

    .affix-2.affix .affix-left .delete, input[value="Delete"], .product_link .delete {
        width: auto !important;
    }

    .order-detail-boxes:before, .order-detail-boxes:after{
        display: none;
    }
}
@media (max-width:768px) {
    body {
        padding: 71px 0 0 0;
    }
    .filter-by {
        margin-top: 15px !important;
    }
    /*.order-detail-main{padding:10px;}*/
    .order-detail-main {
        padding: 10px;
    }
    .order-detail {
        margin-left: 15px;
    }
    .sidebar {
        left: -250px;
        width: 250px;
    }

    .cust-right-button a, .cust-right-button button{
        padding:0 20px ;
        line-height: 3.8rem;
    }

    .cust-lookup-search{
        padding: 7px;
    }

    .counties_taxes_box .sidebar{
        left: -180px !important;
        width: 180px !important;
        overflow: visible !important;
    }
    .counties_taxes_box .sidebar.open{
        left: 0 !important;
    }
    div.statesrates{
        margin-left: 0 !important;
    }
    .footable-row-detail-row,
    .footable-row-detail-value {
        /*display:block !important;width:100%; */
        padding-top: 6px;
    }
    .footable-row-detail-inner {
        display: inline-block !important;
        width: 100% !important;
    }
    /*.shipping-instruction tr td:first-child{width:80%;}*/
    .search .input-group input[type="text"] {
        min-width: auto;
    }
    .main-heading h1,
    .page__title {
        font-size: 1rem;
        box-sizing: border-box;
        line-height: inherit;
        padding: 10px;
        line-height: 1.5rem
    }
    .abandoned-holder .action-button .dropdown {
        position: inherit;
    }
    .abandoned-holder .action-button .dropdown .thumbnail-preview-table-content {
        margin-top: -90px;
        min-width: 100%;
        position: absolute;
    }
    .input-group {
        width: 100%;
    }
    .package-dimensions .col-sm-4 .row {
        margin: 10px 0 !important;
    }
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 9.5%;}*/
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 24.4%;}*/
    .approved-select-action-buttons.affix{
        margin-left: 0;
        margin-right: 0;
    }
    .return_to_dashboard_button {
    height: 32px !important;
    line-height: 32px !important;
    margin-left: 6px !important;
    margin-top: 6px !important;
    padding: 0 10px !important;
    /*width: 32px !important;*/
    }
    section#dashboard{
        box-shadow: none;
        margin: 50px 0;
    }
    div.dashboard-button{
        display: block !important;
    }
    div#design{
        border-radius: 10px 10px 0 0 !important;
    }
    div#products{
        border-radius: 0 !important;
    }
    .wizard-steps{
        margin: 0;
        text-align: left;
    }
    .wizard-steps .media-body, .wizard-steps .media-left, .wizard-steps  .media-right{
        text-align: center !important;
        width: 100% !important;
        display: table !important;
    }
    .media::before{
        display: none;
    }
    .wizard-steps .media-body{
        border-bottom: 0 !important;
        padding: 15px 0;
    }
    .input-group-addon .tooltip{
        left: inherit !important;
        right: 0;
        }
    .shipping-rates-table table thead {
        display: none;
        visibility: hidden;
    }
    .shipping-rates-table table tbody tr{
        border-bottom: 3px solid rgba(0,0,0,0.3);
    }
    .shipping-rates-table table tbody tr td.list{
        display: block;
        width: 100%;
        text-align: left;
    }
    .productTabs{
        display: block !important;
        width: 100%;
    }
    .productTab{
        width: 33.333% !important;

    }
    .productTab:first-child, .productTab:last-child {
        border-radius: 0;
    }
    .affix-2.affix{
        width: 100%;
        max-width: 741px;
    }

    .product-bar .affix-right, .product-bar .affix-left{
        width: 100% !important;
    }
    .product-bar .affix-right{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .product-bar .affix-right .text-center{
        text-align: center !important;
    }
    /*.personalizations-affix-fix .affix-2.affix .affix-left hr{
        display: block !important;
    }*/
}


@media (max-width:767px) {
    /*body{padding:62px 0 0 0;}*/
    .navbar-header {
        float: left;
    }
    .navbar-brand {
        padding: 9px 15px 0 15px;
    }
    /*.navbar-nav{float:right; margin:0;}*/
    .navbar-nav > li {
        display: inline-block;
    }
    .navbar-nav > li > a {
        line-height: 3.813rem !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: absolute;
    }

    /* .navbar-right .dropdown-menu{
        max-height: 346px !important;
    } */

    .menu + ul.dropdown-menu > li a {
        padding: 18px 0 !important;
    }
    .dropdown-menu > li {
        border-bottom: 1px solid #dcdee2;
    }
    .dropdown-menu > li > a {
        font-size: 14px;
        color: #676a6e;
        white-space: normal;
        padding: 10px !important;
    }
    .notification > .dropdown-menu > li > a > span i {
        font-size: 18px;
        height: 35px;
        line-height: 35px;
        width: 35px;
    }
    .show-only-dropdown select.form-control {
        width: 100%;
    }
    .filter-by {
        margin-top: 20px !important;
        display: inline-block;
        width: 100%;
    }
    .filter-by input[type="text"] {
        width: 79%;
        float: left;
    }
    .showonly-checkbox .form-group label {
        margin: 10px 0 !important;
        width: 49% !important;
        text-align: left;
    }
    .sidebar {
        left: -250px;
    }
    .order-numbers-panel {
        max-height: 100%;
        overflow-y: scroll;
    }
    .approved-select-action-buttons {
        text-align: center !important;
    }
    .save-download-print-button {
        float: none !important;
    }
    .approved-select-action-buttons select {
        margin-bottom: 15px;
        height: 40px;
    }
    .approved-select-action-buttons .col-sm-5 {
        padding-left: 0;
        padding-right: 0;
    }
    .save-download-print-button button.btn-default {
        /*padding:5px 0;*/
        font-size: 13px;
    }
    .save-download-print-button i {
        font-size: 15px;
    }
    .bill-ship-payment-main-hd {
        font-size: 14px;
        line-height: 2.125rem;
    }
    .shipping-instruction tr:first-child td:first-child {
        width: 100%;
    }
    .shipping-instruction tr td[width="10%"] {
        width: 49%;
    }
/*    .accordion select.form-control {
        margin-bottom: 15px;
    }*/
    .cust-lookup-search {
        display: inline-block;
        width: 100%;
    }
    .cust-right-button {
        /* display: inline-flex;
        margin: 0 auto;
        */
        float: none;
        text-align: center;
    }
    .cust-lookup-search + div.col-sm-6 {
        border-top: 1px solid #dfe2e7;
    }
    ul.menu_dropdown a.action-view,
    ul.menu_dropdown a.action-edit,
    ul.menu_dropdown a.action-delete {
        font-size: 16px !important;
        padding: 0 4px !important;
    }
    .action-view,
    .action-edit,
    .action-delete {
        font-size: 19px !important;
        padding: 0 4px !important;
    }

    .vw-hstry-cust-name,
    .mem-since {
        text-align: center;
    }
    .vw-hstry-cust-name span.user-profile {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .mem-since {
        padding: 5px 0;
        height: auto;
    }
    .vw-hstry-add-contact .col-sm-6:first-child {
        border-right: none;
        padding-bottom: 0;
    }
    .vw-hstry-add-contact .col-sm-6:last-child {
        padding-top: 0;
        text-align: center;
    }
    .vw-hstry-add-contact .col-sm-6 p a i {
        display: none;
    }
    .vw-hstry-add-contact .col-sm-6,
    .vw-hstry-buttons {
        padding: 10px;
        text-align: center;
    }
    /*.green-buttons{padding:6px; height:30px; margin:3px;}*/
    .green-buttons, .green-buttons, .green-buttons-group input, input[value="Save"], input[value="Cancel"], .cancel, input[value="Continue"], input[value="Go to Customer List"], input[value="Export"], input[value="Send Newsletter"], .delete, input[value="Delete"] {
        padding: 2px 10px !important;
        margin: 3px !important;
        width: 100% !important;
    }

    .green-buttons i {
        font-size: 16px;
        margin-right: 5px;
    }
    .custom-fields > .show-only-main .col-sm-6 {
        float: none;
    }
    .show-only-row label:first-child {
        display: block;
        font-size: 15px;
        font-weight: bold;
        text-align: left;
        width: 100%;
    }
    .show-only-dropdown label {
        display: block;
        width: 100%;
        text-align: left;
    }
    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        margin-left: 0;
    }
    .showonly-checkbox,
    .cust-lookup-buttons {
        text-align: left;
    }
    .checkboxes-today-7days,
    .date-range-inputs {
        padding: 0 10px;
    }
    .checkboxes-today-7days > label.radio-button {
        width: 49%;
    }
    .date-range-inputs > label {
        margin: 5px;
    }
    .date-range-inputs > label.radio-button {
        width: 100%;
    }
    .viewcartitems-name span {
        display: block;
        margin: 0;
    }
    .action-button {
        text-align: left;
    }
    .tooltip-custom {
        right: 7px;
    }
    .cust-right-button .tooltip-bottom::after{
        left: 50%;
        margin-left: -5px;
        top: 12%;
    }
    .tooltip-bottom:after {
        left: 182px;
        margin-top: -11px;
        top: 50%;
    }
    .tooltip-bottom {
        bottom: auto;
        right: 128%;
        top: -18px;
        margin-left: -210px;
    }
    .small-table-container {
        width: 100%;
    }
    .filter-by > .go-btn {
        border-radius: 50px;
        margin-top: 10px;
        width: 100%;
    }
    .tabs {margin-top: 30px}
    .tabs ul li:not(.active) {
        display: none;
    }
    .bill-ship-heading {
        font-size: 15px;
    }
    .delete-all-dropdown {
        float: right !important;
    }
    .bulk-order-input .input-group .go-btn {
        float: none;
        border-radius: 2px !important;
        /*margin-top:5px;*/
    }
    .bulk-order-input .col-sm-6 {
        margin-bottom: 15px;
    }
    .bulk-order-input .col-sm-6 span.input-group-addon {
        padding-left: 0;
    }
    .form-control.bulkStatus,
    .bulk-order-input .input-group,
    .select-action .form-control.bulkStatus {
        width: 100% !important;
    }
    .white_content {
        left: 10%;
        width: 80%;
    }
    .show-only-dropdown .dropdown-toggle {
        height: 40px;
        margin-bottom: 15px;
    }
    .show-only-dropdown .dropdown-menu {
        width: 95%;
    }
    .ui-widget-content {
        width: 90%;
    }
    .ui-widget-content .ui-state-default {
        height: 35px;
        line-height: 26px;
        width: 35px;
    }
    .cust-lookup-search + .col-sm-6 {
        text-align: center;
    }
    .vw-hstry-add-contact::after {
        height: 1px;
        width: 100%;
        top: 50%;
        left: 0;
    }
    .select-action .show-only .col-md-4 > .form-inline .form-group:first-child {
        margin-bottom: 10px;
        text-align: left;
        float: none;
        margin-top: 24px;
    }
    .select-action .show-only .col-md-4 > .form-inline .form-group:nth-of-type(2) {
        float: left;
        width: 81%;
    }
    .manage-tickets .go-btn {
        float: none;
        width: 100%;
    }
    .manage-tickets .showonly-checkbox .col-sm-6 select {
        margin-bottom: 10px;
    }
    /*.manage-tickets .showonly-checkbox .col-sm-6 .checkbox .go-btn{float:right; width:auto;}*/
    .manage-tickets .showonly-checkbox .col-sm-6 .checkbox label:first-child {
        padding-left: 0;
        padding-bottom: 10px;
        display: block;
        width: 100%;
    }
    .manage-tickets .showonly-checkbox .col-sm-6 .checkbox label {
        float: left;
        width: 32.333%;
    }
    .totle-table-total {
        width: 33.7%;
    }
    .shipping-instruction-totle-table address {
        border-top: 1px solid #dbdee5;
    }
    .shipping-instruction-totle-table .totle-table-total {
        width: 17%;
    }
    .product-photos #extraDetails::before {
        width: 100%;
        height: 2px;
    }
    .save-download-print-button button.btn-default {
        margin: 10px 0;
    }
    .shipping-cart .cart-table .cart-row.thead {
        display: none;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis:before,
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.unit_price:before,
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.quantity:before,
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.total:before,
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-digit:before {
        position: relative;
        font-size: 15px;
        font-weight: bold;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.quantity:before {
        content: 'Quantity : ';
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.unit_price:before {
        content: 'Unit Price : ';
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis:before {
        content: 'Discription : ';
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-digit:before {
        content: 'No. : ';
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.total {
        text-align: right !important;
        font-size: 15px;
        font-weight: bold;
        width: auto!important;
        float: right;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.quantity {
        width: auto !important;
        text-align: right;
        float: left;
    }
    .shipping-cart .cart-table .cart-row > .cart-cell {
        display: block;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis > .item-img {
        width: 100%;
        margin-right: 0;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis > .item-img img {
        width: 100%;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .item-discription {
        padding-right: 50px;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .delete-btn {
        position: absolute;
        right: 0;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .delete-btn i {
        font-size: 32px;
        position: relative;
        z-index: 2
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.item-dis .delete-btn span {
        display: none;
    }
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.total,
    .cart-row.thead > .cart-cell.total,
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.quantity,
    .cart-row.thead > .cart-cell.qty,
    .shipping-cart .cart-table .cart-row.tbody > .cart-cell.unit_price,
    .cart-row.thead > .cart-cell.price {
        width: auto;
        text-align: left;
    }
    #controls .align-right {
        text-align: right;
    }

    .report-actions .pull-right{ float:inherit !important;}
    .report-actions .col-md-4.col-sm-6.padding-top-bot-15.text-center{ text-align:left;}
    .add-btns a{
        padding: 18px 10px !important;
    }

    .login-box {left: 20px; max-width: inherit; right: 20px; top: 30px;  transform: inherit;   width: inherit; }
    .ui-sortable-handle{ padding-left: 0; padding-right: 0;}
    .dashboard-main-buttons{ line-height: 3}
    /*
    .free-shipping-addons .input-wth-tooltip .input-group-addon:not(.currancy){display: table; width: 100%;}
    .free-shipping-addons .input-wth-tooltip .input-group-addon:first-child{
        margin-bottom: 15px;
    }
    .free-shipping-addons .input-wth-tooltip .input-group-addon:last-child{
        margin-top: 15px;
        display: inline-block;
    }*/
    .delete-dropdown .dropdown-menu li a{
        width: 100%;
    }
}
@media (max-width:667px) {
    .shipping-instruction-totle-table .totle-table-total {
        width: 22.5%;
    }
    #controls a.btn-link span {
        display: none !important;
    }
    .save-btn-dropdown .btn-group a.dropdown-toggle {
        padding: 5px 4px;
    }
    #adminPhotos .thead .cell,
    #adminPhotos .cell {
        width: 100%;
    }
    .alert {
        word-wrap: break-word;
    }
    .cust-lookup-search {
        text-align: center
    }
    .lookup-search input[type="text"] {
        width: 100%;
    }
    .lookup-search .go-btn {
        float: inherit
    }
    footer.app-footer div.wrapper{
        padding: 10px !important;
    }
    footer.app-footer div.wrapper span.pull-right{
        display: block;
        float: none !important;
        text-align: left;
        width: 100% !important;
        margin-bottom: 15px;
        line-height: 2.5;
    }
    footer.app-footer div.wrapper > a{
        width: 50%;
        padding: 15px;
        float: left;
    }

    .go-btn, .go-btn:focus{
        font-size: 12px;
        /*width: 100%;*/
        margin-bottom: 0 !important;
    }

    .col-xs-padding-bottom-15{
        padding-bottom: 15px;
    }

    .cust-right-button{
        float: inherit !important;
        display: inline-flex;
    }
    .productTab{
        width: 100% !important;
        padding: 5px 10px !important;
        margin-bottom: 1px;
    }
/*    #stateslist li.list-group-item ul.inner li{
        display: inline-block !important;
        width: 49% !important;
    }*/

    .affix-2.affix{
        width: 100%;
        max-width: 640px;
    }



.affix-2.affix .affix-right, .affix-2.affix .affix-left{
        width: 100%;
    }
.affix-2.affix .affix-right .text-center {
    text-align: left !important;
    margin-bottom: 10px;
}


}

@media (max-width:320px) and (max-width:480px) {
    .thumbnail-preview::after, .thumbnail-preview-table-content::after {left: 25%;}
}
@media (max-width:480px) {
    .app-container .content-container .side-menu{
        top: 60px !important;
    }
    .totle-table-total {
        width: 48%;
    }
    .table-responsive1 {
        width: 95%;
        overflow: auto
    }
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 17%;}*/
    .product_link {
        font-size: 16px;
        text-align: left;
    }
    .approved-select-action-buttons.affix{
        top:60px;
    }
    .bill-ship-heading{
        height: 55px;
    }
    .bill-ship-heading .checkbox{
        width: 100% !important;
        margin-top: 3px !important;
    }
    /* .login-box{
         max-width:300px;
     }*/
    #search_results h3 {
        line-height: 1.5;
        padding: 15px;
    }
    .search_results_details i {
        font-size: 40px !important;
        display: block;
        margin-bottom: 15px;
    }
    .switch--legacy label.radio {
    width: 100%;
    }
    .switch--legacy label.radio:first-child{
       border-radius: 4px 4px 0 0;
    }
    .switch--legacy label.radio:last-child{
       border-radius: 0 0 4px 4px;
    }
    #stateslist li.list-group-item ul.inner li {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        border-collapse: collapse;
        border-right: medium none;
        width: 100% !important;
    }
    .dialog-box{
        width: 310px;
        left: 52%;
    }
    .counties_taxes_box .sidebar, aside .sidebar{
        overflow: visible !important;
    }
    .shipping .sidebar{
        left: -250px !important;
    }
    div.statesrates, .shipping .tabs-content{
        margin-left: 0 !important;
        width: 100% !important;
    }
    #addnewzip {
    margin-bottom: 10px !important;
        }
    .free-shipping-addons{
        white-space: normal;
        width: 100%;
        float: left;
    }
    .free-shipping-addons{
        margin: 10px 0;
    }
    .thumbnail-preview::after, .thumbnail-preview-table-content::after {left: 35%;}
    #uploadButtonBoth a{
        min-width: 130px !important;
    }
    .mx150{
        max-width:100% !important;

    }
    .affix-2.affix{
        top: 61px !important;
    }
}

@media (max-width:479px) {
    body {
        padding: 61px 0 0 0;
    }
    .cust-right-button .tooltip-custom .tooltip-bottom {
    margin-left: -63px;
    top: 52px;
    }
    .cust-right-button .tooltip-bottom::after{
        left: 50%;
        margin-left: -5px;
        top: 24% !important;
    }
    .profile img {
        width: 30px;
        height: 30px;
        border: 1px solid #d2d5da;
    }
    #head_tag > nav > div.container-fluid {
        padding: 0 5px !important;
    }
    .navbar-nav > li > a {
        padding: 0 8px;
    }
    .navbar-header {
        margin-right: 0 !important;
    }
    .navbar-nav .open .dropdown-menu {
        width: 19.38rem !important;
        min-width: 19.38rem !important;
    }
    .search .input-group input[type="text"] {
        min-width: auto !important;
    }
    .search .navbar-form {
        width: 96%;
        margin-left: 6px;
    }
    .navbar > .container .navbar-right-expand-toggle,
    .navbar > .container-fluid .navbar-right-expand-toggle {
        z-index: 1;
    }
    .navbar-nav {
        float: none;
        margin: 0;
    }
    .save-download-print-button button.btn-default {
        margin: 5px 0;
    }
    .navbar .navbar-nav > li > a {
        padding: 0 15px;
    }
    .notification > .dropdown-menu {
        margin-left: 5px;
    }
    .search > .dropdown-menu {
        margin-left: -47px;
    }
    .setting > .dropdown-menu {
        margin-left: -100px;
    }
    .help > .dropdown-menu {
        margin-left: -150px;
    }
    .profile > .dropdown-menu {
        margin-left: -210px;
    }
    .col-xs-2.text-right.edit {
        line-height: 7;
    }
    .edit-button {
        width: 26px;
        line-height: 26px;
        height: 26px;
    }
    .footer-1 ul li a {
        padding: 5px 14px;
    }
    /*.lookup-search input[type="text"]{width: 84%;}*/
    .cust-right-button a {
        font-size: 20px;
        line-height: 0;
        padding: 15px;
    }
    /*    .pagination > li:first-child > a,
        .pagination > li:last-child > a {
            padding: 6px 10px;
        }
        .pagination > li > a,
        .pagination > li > span {
            padding: 6px 7px;
        }*/
    .add-customer {
        padding: 15px 0;
    }
    .vw-hstry-cust-name-mem-since {
        padding: 10px;
    }
    .vw-hstry-totle-table tr td:first-child {
        width: 49%;
    }
    .vw-hstry-totle-table tr td:last-child {
        width: 47.2%;
    }
    .vw-hstry-buttons button.green-buttons {
        margin: 5px 0;
    }
    /*END: responsive media query */
    .shipping-instruction tr:first-child td:first-child {
        display: block;
        width: 100% !important;
    }
    .shipping-instruction td {
        display: inline-block;
        width: 49% !important;
    }
    .navbar > .container .navbar-expand-toggle,
    .navbar > .container-fluid .navbar-expand-toggle {
        height: 60px;
    }
    .dropdown-header,
    .dropdown-header a {
        line-height: 2rem !important;
    }
    .navbar .navbar-nav > li > a {
        height: 60px;
    }
    .customer-type-button-group label {
        display: block;
    }
    .navbar-brand > img {
        height: 40px;
    }
    .input-group.input-group-responsive {
        display: block!important;
    }
    .input-group.input-group-responsive .form-control {
        margin-bottom: 5px;
    }
    .input-group.input-group-responsive > .input-group-btn button {
        border-radius: 2px;
        height: 30px;
    }
    .accordion .panel-group .panel .panel-heading .panel-title a {
        font-size: 18px;
    }
    .order-number {
        color: #475264;
        font-size: 18px;
        line-height: inherit;
        margin-top: 10px;
    }
    /*    .save-download-print-button button.btn-default {
            width: 100%;
            border-radius: 50px !important;
        }*/
    .select-action-right > .form-inline .form-group:nth-of-type(2) {
        float: left;
        width: 81%;
    }
    .manage-tickets .showonly-checkbox .col-sm-6 .checkbox label {
        float: left;
        width: 100%;
    }
    .aband-topcutomer .aband-left .btn-group .form-group .label {
        width: 100% !important;
        display: block !important;
    }
    /*.shipping-instruction-totle-table .totle-table-sub-total {width: 20%;}*/
    .shipping-instruction-totle-table .totle-table-total {
        width: 41%;
    }
    .cust-right-button .dropdown-toggle {
        line-height: 50px;
    }
    /*.input-group-addon,
    .input-group-btn {
        white-space: inherit;
    }*/

    #tl-status-links > .btn-group li {
        border-radius: 4px !important;
        margin: 2px 3px;
        width: 47%;
    }

    #tl-status-links > .btn-group li:first-child {
        width: 96%;
    }

    .tooltip-relative .tooltip-relative-div{
        position: relative;
        display: table-cell;
        width: 44px;
    }


    .method-info{
        width: 284px !important;
    }
    em.dollar{
        right: -9px !important;
    }
    .method-info input.price{
        padding-left: 15px !important;
    }
    input.price{margin: 2px 3px 2px -10px !important; width: 55px !important;}
    .method-info input.weight{margin: 2px 3px 2px 0 !important; width: 60px !important;}
    .method-info em.weight{
        left: 60px !important;
    }
}

@media (max-height:665px) {
    .navbar-right .dropdown-menu {
        /* max-height: 80vh; */
        overflow-y: auto;
    }
}

@media (max-height:640px) {
    .sidebar,
    .order-numbers-panel {
        max-height: 100%;
    }
}

@media (max-height:509px) {
    .totle-table-total {
        width: 48.5%;
    }
}

/* @media (max-height:480px) {
    .navbar-right .dropdown-menu {
        max-height: 240px;
    }
} */

/* End */

.hidden--always {
    display: none !important;
}

.checkbox--all-none {
    margin: 0 10px;
}

.img-div-v2{ display: table; width: 100%; height: 320px;}
.img-div-v2 div{ display: table-cell; text-align: center; vertical-align: middle; background: #fafafa; }
.img-div-v2 img{max-width: 100%; max-height: 320px;}
.img-divin-v2 img{max-width: 100%;}
.mega-menu-modal-popup .modal-header { margin-left: -15px; margin-top: -15px; margin-right: -15px; margin-bottom: 15px;}

.realtime-state{
    background: #3c4655;
    padding: 25px 0;
}

.statistics-report h3, .statistics-report .card h4
{
    color: #8a919a;
}
.statistics-report .card h4{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
    font-weight:400;
}
.statistics-report .card h2
{
    color:#3c4655;
    font-weight:700;

}

.statistics-report .card{
    box-shadow: none;

}

/*
.realtime-state h3{
    color: rgba(255,255,255,0.5);
    margin-bottom: 5px;
}
*/
.stat-box{
    border-radius: 4px;
}
.email-stats-box{
    background-color:rgba(0,0,0,.15);
    border-radius: 4px;
    /*linear-gradient(#58657a, #3c4655) linear-gradient (#3c4655, #475264)*/;
}
.email-stats-box hr{border-color:rgba(255,255,255,.2)}
.status h2{ color:#FFF; text-transform: uppercase; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .5);}
.pageState .published, .pageState .draft{color: #fff; font-size: 60%; line-height: 1; padding: 2px 5px; border-radius: 4px; text-transform: uppercase;}
.pageState .published {background: #5cb85c;}
.pageState .draft {background: #777;}
.stats-box-icon i{
    color: rgba(255, 255, 255, .1);
    font-size: 70px;
    line-height: 1.2;
}



.btn-group .dropdown-menu{
    top: 97%;
    max-height: 310px;
    overflow: auto;
    min-width: 200px;
}
.btn-group .dropdown-menu li a{
    font-size: 14px !important;
    padding: 6px 10px;
}


.status--poor {
    background-color: #cc3e4a;
    /*    background-color: #cd5c5c;*/
}
.status--good {
    background-color: #e76d3b;
    /*    background-color: #2e8b57;*/
}
.status--excellent {
    background-color: #86B34D;
    /*    background-color: #319d42;*/
}
.status--unknown {
    background-color: #515a67;
    /*    background-color: #888;*/
}
.status {
    border-radius: 5px ;
    /*
        border-radius: 100%;
        display: inline-block;
        height: .675em;
        width: .675em;
    */
}

.reputation .fa-stack{
    position: relative;
}
.reputation .fa-circle-thin{
    font-size: 80px;
}
.reputation .fa-star{
    font-size: 38px;
    left: 50%;
    margin-left: -2px;
    margin-top: 6px;
    position: absolute;
    top: 50%;
}

.status h4{
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 15px;
    color: rgba(255,255,255,0.4);
    font-weight: 400;
}

.photos-edit-thumbnail .simplifiedRow{
    border: 1px solid transparent;
    border-top-color: #ddd;
    border-bottom-color: #ddd;
}

#uploadButtonBoth a {
    background: #3c4655;
    min-width: 150px;
    border-radius: 5px;
    padding: 10px;
    border: none;
    color: white;
    text-transform: uppercase;
}
#uploadButtonBoth a i{
    border: 2px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.5);
    border-radius: 50%;
    display: block;
    font-size: 30px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto 5px;
    width: 55px;}

/*.photos-edit-thumbnail .cell{
    display: table;
    width: 100% !important;
}*/

.single_row_container .removeImage{
    margin-top: 20px;
}

.photos-edit-thumbnail .cell.thumbnail{
    height: 320px !important;
    background: #fafafa !important;
}
.photos-edit-thumbnail .cell.thumbnail img{
    max-height: 320px !important;
    max-width: 100% !important;
}
.photos-edit-thumbnail .cell.imginfo{
    padding: 15px !important;
}

.myLanguage {
    position: relative;
}

#adminForm .answer_dilogue .input-overhead {
    /*
        clear: left;
        float: left;
        padding: 0 0 3px;
        width: auto;
    */
}

#adminForm .answer_dilogue .input-overhead-noclear {
    /*
        clear: none;
        float: left;
        padding: 0 0 3px;
        width: 20%;
    */
}

.answer_dilogue{
    background-color: rgb(236, 236, 236);
    padding: 15px;
}
.btnCtrl .btn.active{
    background-color: #89c972;
}



/*index page css*/

.dashboard-main-buttons{
    border-bottom: 2px solid #dfe2e7;
    background: white;
    line-height: 3.5;
    margin-bottom: 25px;
}

.dashboard-main-buttons .add-btns +.add-btns{
    text-align: right;

}
.dashboard-main-buttons .add-btns + .add-btns a{
    border-left: 1px solid rgba(0,0,0,0.1);
}

/*.dashboard-main-buttons .add-btns a.tooltip-custom {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
}
.dashboard-main-buttons .add-btns a.tooltip-custom .tooltiptext{

}
.dashboard-main-buttons .add-btns a.tooltip-custom .tooltip-bottom:after{
    right: 12px;
}*/
.add-btns a, .add-btns a.action-edit{
    /*border-right: 1px solid rgba(0, 0, 0, .1);*/
    color: #1a8cff;
    font-size: 14px !important;
    padding: 18px;
}

.add-btns a.tooltip-custom {
    position: relative !important;
}

.add-btns a i{
    /*color: rgba(0,0,0,0.3);*/
    font-size: 14px;
}

.add-btns a[data-toggle="tooltip"] i{
    font-size: 18px;
    /*    color: #6b778c;*/
}

.tooltip > .tooltip-inner{
    background: #475264 !important;
}
.tooltip > .tooltip-arrow{
    border-bottom-color: #475264 !important;
}

.dashboard-main-buttons .small-table-container{
    margin: 0;
    padding: 0;
}

.dashboard-main-buttons .col-sm-6{

}

#dashboard-container .card-wth-of-hidden {
    margin-bottom: 25px;
}

.dashboard-box-heading{
    padding: 20px 15px;
    background: rgba(0, 0, 0, .01);
    border-bottom: 2px solid  rgba(0, 0, 0, .1);
}

.dashboard-box-heading h4{
    margin-bottom: 0;
    color: #3c4655;
}

.dashboard-box-heading .pull-right a{
    font-size: 14px;
    color: #afafaf;
    margin: 0 5px;
}

.dashboard-box-heading .pull-right a.close-button{
    color: #e87676;
}

.dashboard-box-middle{
    padding: 15px 0;
}

.displayLine{
    padding: 0 15px 15px 15px;
}

.noOrders h4{
    color: rgba(0,0,0,0.33);
    font-size:18px;
}

.noOrders i{
    color:rgba(0,0,0,0.10);
    font-size: 60px;
    margin-bottom:12px;
}

#xlist .list-group .list-group-item:first-child{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
#xlist .list-group .list-group-item{
    border-left: 0 !important;
    border-right: 0 !important;
}
.statistics .text-center{
    border: 1px solid rgba(0,0,0,0.08);
    padding: 20px 0;
}

.statistics .text-center:nth-of-type(1), .statistics .text-center:nth-of-type(4){
    border-left: 0 !important;
}

.statistics .text-center:nth-of-type(3), .statistics .text-center:nth-of-type(6){
    border-right: 0 !important;
}


.statistics .text-center h5{
    color: #bbbec3;
    margin-bottom: 5px;
}

.statistics .text-center h3{
    color: #3c4655;
}
.more-btn{
    color: #1a8cff;
    font-size: 15px;
    font-weight: 500;
}

.more-btn i{
    font-size: 12px;
    margin:0 5px;
}

#announcements .accordion .panel-group .panel .panel-heading .panel-title a {
    font-size: 15px;
    padding: 12px;
}

#announcements #accordion .panel{
    border-radius: 0 !important;
    border-left: 0;
    border-right: 0;
}

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

a.add-green-btn, a.add-green-btn:hover{
    background: #62ba42 !important;
    color:white;
    border-left: 1px solid rgba(0, 0, 0, .25) !important;
    border-right: 1px solid rgba(0, 0, 0, .25) !important;
}
a.add-green-btn i{
    color:white !important;
    line-height: 75px;
}
.search_results_details {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 20px 0 !important;
}
.search_results_details h3{
    color: #78818f;
}

.search_results_details h3 .search_query{
    text-transform: uppercase;
    color: #3c4655;
}

.search_results_details i {
    font-size: 28px;
}

#search_results table td.header{
    padding: 20px !important;
}

#search_results h3{
    padding:20px;
}
#search_results h3 i{
    color: #1a8cff;
}
.padding-top-0{
    padding-top:0 !important
}
.full-blue{
    background:#475264 !important;
    border:1px solid rgba(0, 0, 0, .5);
}
.full-blue a{
    color:#fff;
}
.photoClass {
    display: block;
    height: auto;
    max-width: 100%;
}
.btn-group > label.btn-default:first-child{
    border-radius:  50px 0 0 50px !important;
}
.btn-group > label.btn-default:last-child{
    border-radius:  0 50px 50px 0 !important;
}

.btn-group > label.btn-default.selected{
    background: #89c972;
    color: white;
    border:  1px solid rgba(0,0,0,0.2) !important;
}

.submitBtn{
    font-weight: bold;
}

.padding-10 {
    padding: 10px;
}
footer.app-footer div.wrapper span.pull-right a {
    background: #475264 none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: -20px;
    width: 30px;
}

.visible-print{
    display: none !important;
}

#adminFormMain table tbody tr.blue, #adminFormMain table tbody tr.blue + tr.blue td {
    background: #EFF7FF !important;
}

#adminFormMain  table tbody tr.red {
    background: #f5ddd6;
}
#adminFormMain  table tbody tr.green {
    background: green;
}
#adminFormMain  table tbody tr.red td, #adminFormMain  table tbody tr.blue td{
    color: rgba(0,0,0,0.6);
}
.tag{background:#333; border-radius:10px; color:#fff; display:inline-block; font-size:.8em; padding:1px 8px; text-transform:uppercase;}
.tag--open{background: hsl(141, 52%, 48%);}
.tag--pending{background: hsl(216, 57%, 55%);}



.notification-list li.list-group-item.active{
    font-size: 20px;

}
.notification-list li.list-group-item.active i{
    margin-right: 5px;
}

.notification-list li.list-group-item:not(.active){
    font-size: 16px;
    color: #676a6e;
}
.notification-list li.list-group-item span{
    display: table-cell;
    vertical-align: middle;
}
.notification-list li.list-group-item span i{
    background: #475264;
    border-radius: 50%;
    color: #b6bbc3;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
    width: 40px;
    text-align: center;
}
.open .dropdown-menu.opt_select {
    display: block !important;
}

.ticket__msg {
    margin: 5px 0 15px 0;
    padding: 8px;
    /*max-width: 650px;*/
    display: inline-block;
    width: 100%;
    font-size: 18px;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.ticket__msg a {
    font-size: .8em;
}

.ticket__msg a .fa {
    font-size: .8em;
    margin-left: .5em;
}

.ticket__msg--in a {
    color: hsl(216, 57%, 85%);
}

.ticket__author{
    font-size: 14px !important;
    margin-bottom: 5px;
}

.ticket__date {
    float: right;
    font-size: .85em;
    font-style: italic;
}

.ticket__msg--in{
    background: #475264;
    /*float: right;
    direction: rtl;*/
    color: white;
    /*border-bottom-right-radius: 0 !important;*/
    border-left: 5px solid rgba(0,0,0,0.2);
}

.ticket__msg--in:not(.ticket__msg--note) .ticket__author{
    color: rgba(255,255,255,0.6) !important;
}

.ticket__msg--out{
    background: rgba(0,0,0,0.08);
    border-left: 5px solid rgba(0,0,0,0.2);
}

.ticket__msg--out .ticket__author{
    color: rgba(0,0,0,0.6) !important;
}

.ticket__msg--note {
    background: hsl(48, 100%, 81%);
    color: hsl(244, 20%, 40%);
}

.ticket__msg__new-reply{
    background: rgba(0,0,0,0.08);
    border-top:2px solid rgba(0,0,0,0.15);
    margin-top: 25px;
}

.supportResponse {
    background: #eff4ff none repeat scroll 0 0;
    border-bottom: 1px solid #c6cbd4;
    border-top: 1px solid #c6cbd4;
    margin: 25px -15px;
}

.inactive-box-number-box {
    background-color: #475264;
    border-radius: 50%;
    color: white;
    height: 100px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.inactive-box-number-box-countdown{
    color: #ff4444;
    display: block;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
}

#inactive-box-message{ font-size: 16px;
    line-height: 1.5;
    margin: 10px;
    padding-top: 18px;
    text-align: center;
}


.plugin-settings-box .card a.btn{
    margin: 15px 0 !important;
}
.plugin-settings-box .card .logo{
    height: 150px;
    text-align: center;
    vertical-align: middle;
    line-height: 110px;
    padding: 15px;
}
.plugin-settings-box .card .logo img{
    text-align: center;
    vertical-align: middle;
    max-width: 95%;
    max-height: 120px;
    border-radius: 5px;
}
.plugin-settings-box .card p {
    font-size: 16px;
    min-height: 120px;
    padding: 0 10px;
}

.CodeMirror-wrap pre {
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
}
.btn-success{
    background-color: #89c972 !important;
    border-color:#7bb466 !important;
    padding: 9px;
    font-size: 14px;
}

/* Matt G BEM */
.link--external .fa {
    font-size: .8em;
    margin-left: .5em;
}

    .link--external:hover .fa {
        color: #5cb85c;
    }
.status__display .col-sm-4 i{
     border-radius: 50%;
     width: 50px;
     height: 50px;
     line-height: 45px;
     font-size: 25px;
}
.status__display .col-sm-4 i.fa-close{
     background-color: #f2dede;
     border: 3px solid #ebccd1;
     color: #a94442;
}
.status__display .col-sm-4 i.fa-check{
     background-color: #dff0d8;
     border: 3px solid #d6e9c6;
     color: #3c763d;
}
.status__display .col-sm-4 h3{
     margin: 15px 0;
     font-size: 22px;
}
/*upgrade notice CSS*/
#upgrade-notice{
     border-radius: 5px;
     text-align: center;
     margin: 15px 0;
}

#upgrade-notice .close, #mandrillPopup .close{
     background: #a94442 !important;
     border-color: #ebccd1;
     color: #fff;
     border-radius: 50%;
     display: inline-block;
     font-size: 19px;
     height: 22px;
     opacity: 1;
     position: relative;

     text-shadow: none;

     width: 22px;
}
#upgrade-notice .close{
    right: 10px;
    top: -6px;
}
#mandrillPopup .close{
    right: -10px;
    top: -6px;
}

#upgrade-notice .upgrade-notice-number{
     font-size: 60px;
     font-weight:bold;
     color: #1a8cff;
     background: #e1f0ff;
     border-radius: 5px;
     display: inline-block;
     margin-bottom: 10px;
     padding:0 10px;
     text-shadow: 0 2px 0 rgb(18, 99, 180);
}
#upgrade-notice .upgrade-notice-days{
     border-bottom: 1px solid rgba(0,0,0,0.1);
     padding-bottom: 15px;

}

/*** CCA-353 ***/

[v-cloak] {
    display: none;
}

.menu-builder {
    display: block;
    /*margin: 2em 0;*/
    /*max-width: 700px;*/
}

    .menu-builder .menu {
        background: #fff !important;
        border-radius: 8px;
        float: none;
        padding: .5em 1em 1em;
    }

    .menu__item {
        background: #eff2f6;
        border: 1px solid #cfd2d6;
        border-radius: 2px;
        color: #425bc1;
        cursor: move;
        display: block;
        margin-top: .5em;
        padding: .75em 1em;
    }

        .menu__item--dragging {
            outline: 1px dashed #4183C4;
            /*border: 1px dashed #888;*/
            height: 2.5em;
            /*margin-left: 1%;*/
            margin-top: .5em;
            /*max-width: 98%;*/
        }

        .menu ul:not(.menu--submenu) .menu__item--dragging {
            margin-left: 2.5em;
        }

    .menu--submenu {
        margin-left: 2em;
    }

.panel-heading #collapseIcon {
    color: #666;
    position: absolute;
    right: 1.5em; top: .85em;
}
.switch-tab {
     border-bottom: 1px solid rgba(0, 0, 0, .3);
}
.switch-tab label{
     margin: 0 -4px 0 0 ;
}
.switch-tab label.radio{
     padding: 10px 18px !important;
     margin-bottom: -1px;
}
.switch-tab label.round-corners-left{
     border-radius: 5px 0 0 0;
}
.switch-tab label.round-corners-right{
     border-radius: 0 5px 0 0;
}
.switch-tab label.selected{
     margin-top: 0 !important;
     /*border-bottom:*/
}
[class^="orderStatus"]{
    padding: 2px 5px;
    border-radius: 5px;
}
.orderStatusGood{background: #749e65; color:#d1f1c6;}
.orderStatusNormal{background:#e6a354 ; color:#f5e9db;}

#top-menu .action-edit {
    cursor: pointer;
    padding: 3px 5px 2px 2px;
}
#top-menu .action-delete {
    cursor: pointer;
    padding: 2px 4px 0 2px;
}
.dd-submenu a {
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.no-orders-found{
    color: rgba(255, 255, 255, .35);
    margin-top: 50px;
    font-size: 16px;
}
.no-orders-found i{
    display: block;
    font-size:35px;
    color: rgba(255, 255, 255, .45);
    margin-bottom: 10px;
}

.dropdown-menu-form li.checkbox, .dropdown-menu-form li.radio{
    margin: 0;
    padding: 5px 10px;
    border-bottom: none;
}

.chk-drpewn .dropdown{
    display: inline-block;
}
.chk-drpewn .dropdown .dropdown-menu {
    min-width: 200px;
}
.chk-drpewn .chk-drpewn-big .dropdown-menu{
    min-width: 300px;
}
.chk-drpewn .dropdown .dropdown-menu li.checkbox, .chk-drpewn .dropdown .dropdown-menu li.radio {
    margin: 0;
    padding: 5px 10px;
}
.chk-drpewn .dropdown .dropdown-menu li{
    border-bottom: none !important;
}
.chk-drpewn .dropdown .dropdown-menu li label{
    display: block;
}
.no-found-alrt{
    font-size: 20px;
    color: rgba(0,0,0,0.25);
}
.no-found-alrt > i{
    font-size: 60px;
    display: block;
    margin-bottom: 15px;
}

.menu__item { position:relative; }
    .menu__item .fa { color: #222; cursor: pointer; }
    .menu__item .fa:hover { color: #1a8cff; }

.link__options { position: absolute; right: 1em; top: 50%; transform: translateY(-50%); z-index: 5; }
.link__options .fa { padding: .25em; }

.menu__edit {
    display: none;
    padding: 1em .5em;
}

    .menu__edit .form-control {
        border-radius: 4px !important;
        height: auto !important;
        margin-left: .35em;
        margin-right: .65em;
    }

/*** MATT G - BEM ***/
.list__name h2,
.product__row--name h2 {
    display: inline-block;
    font-size: 1em;
}

.side-body-margin-none{
    margin-left:15px !important;
}
.affix-2-iFrame
{
    top: 0 !important;
}
.clearfix{ clear:both}
.margin-top-10 {
    margin-top: 10px;
}
.shipping-section > h4, .world-map h4 {
    margin: 15px;
}

.tt--u {
    text-transform: uppercase;
}

.cartWarning {
    background-color: #FFFF80;
}

.cartError{
    background-color: #FF4040;
}

.exportStatus {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 57.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dns-data {
    margin-bottom: 1.5em;
}

.dns-line-row {
    display: -ms-flexbox;
    display: flex;
    padding: .25em 0;
}

.dns-line-data {
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.sidebar .order__number {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar__expand {
    background: #f3f6fb;
    text-align: center;
    position: absolute;
    top: 0; bottom: 0;
    left: 100%;
}

    .sidebar__expand a {
        display: inline-block;
        padding: .5em;
        position: relative;
        height: 100%;
    }

    .sidebar__expand .fa {
        font-size: .75em;
        padding: .5em 0;
        position: fixed;
        top: 52%;
        transform: translateX(-50%) translateY(50%);
    }

.store--closed {
    background: #fff3cb;
    display: inline-block;
    padding: 1em;
    text-align: center;
}

    .store--closed h3 {
        font-size: 1em;
        margin-bottom: .5em;
    }

    .store--closed h3 a {
        margin-left: 1em;
    }

    .store--closed span {
        display: inline-block;
        font-size: .9em;
    }

    .store--closed span ~ span {
        margin-left: 1em;
    }

.btn-save-link .fa {
    display: block;
}

.input__group {
    position: relative;
}

.input__prefix {
    position: absolute;
    top: 50%; left: .75em;
    transform: translateY(-50%);
}

.input__group .input__field {
    padding-left: 1.5em;
}

.str-select-filters {
    margin-top: 0 !important;
    margin-left: 0 !important;
    width:18% !important;
}
.mb_0{ margin-bottom: 0px}
.mb_5{ margin-bottom: 5px}
.mb_15{ margin-bottom: 15px}
.mx_180{max-width: 180px}
.fl{float: left;}
.div-bg{background:#ebeff6;}

.ui_tpicker_hour .ui-widget-content .ui-state-default {
    height: 20px !important;
    width: 20px !important;
}
.ui_tpicker_minute .ui-widget-content .ui-state-default {
    height: 20px !important;
    width: 20px !important;
}
.input__container {
    margin: 1em 1em 0;
}

.input__label,
.input__field--search {
    display: initial;
    width: auto;
}

.input__label {
    margin-right: 1em;
}

.boxy-wrapper {
    min-width: 50vw;
    top: 50% !important;
    transform: translateY(-50%);
}

.boxy-content .cust-lookup-buttons {
    display: flex;
}

.boxy-content .pagination {
    flex-grow: 1;
}

/* remove the !important later, when the specificity has been reduced */
.input__field--search {
    background: #fff url('../../admin/images/search.svg') 95% 50% no-repeat !important;
    background-size: 1em !important;
    max-width: 100%;
    width: 250px;
}


.page-title .float-right {
    margin: .75em;
}


/* CC-8520 - account title above the name of the account in the admin section */
.account-text{
    position: absolute;
    top: -20px;
    left: 15px;
    color: red;
}

.scrollClass {
    overflow: scroll;
}

#quantityPricingSection .form-control {
    min-width: 60px;
}

.switch {
    background: hsl(0, 0%, 82%);
    border: 0;
    border-radius: 50px;
    height: 1.4rem;
    /* margin-bottom: 2em; */
    /* max-height: 22px; */
    padding: 0;
    position: relative;
    transition: background .1s ease-in-out;
    vertical-align: middle;
    width: 2.55rem;
    line-height: 1;
}

.switch--on {
    background: hsl(118, 42%, 77%);
}

.switch__toggle {
    background: #fff;
    border: 1px solid #999;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: -.025em;
    left: 0;
    height: 1.45rem;
    width: 1.45rem;
    transition: all .5s ease;
}

.switch--on .switch__toggle {
    background-color: hsl(119, 41%, 53%);
    border-color: hsl(119, 40%, 41%);
    transform: translate(1.325em);
}

.switch__checkbox,
.switch__label {
    opacity: 0;
    position: absolute;
}

.table--a11y {
    border-collapse: collapse;
    width: 100%;
}

    .table--a11y thead tr {
        background-color: #333;
        color: #fff;
    }

    .table--a11y tr {
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

    .table--a11y th {
        font-size: .9em;
        font-weight: 400;
        /* min-width: 120px; */
        text-transform: uppercase;
    }

    .table--a11y th,
    .table--a11y td {
        padding: .825em 1em;
    }

    .table--a11y th a {
        color: inherit;
    }

    .table--a11y td a {
        font-weight: bold;
    }

.nav__sub {
    background: #343d4a;
}

    .side-menu .nav__sub li a {
        background-color: #343d4a;
        color: #fff !important;
        height: auto !important;
        padding: .825em 1em !important;
        line-height: 1 !important;
    }

/* .product__row--name {
    width: 60%;
} */

.mar-t {
    margin-top: 2em;
}

.w--auto {
    width: auto
}
.pad_left_0px {padding-left: 0px !important;}
/*qbo notice CSS*/
#qbo-notice{
     border-radius: 5px;
     text-align: center;
     margin: 15px 0;
}

#qbo-notice .close{
     background: #a94442 !important;
     border-color: #ebccd1;
     color: #fff;
     border-radius: 50%;
     display: inline-block;
     font-size: 19px;
     height: 22px;
     opacity: 1;
     position: relative;
     text-shadow: none;
     width: 22px;
}

#qbo-notice .close{
    right: 10px;
    top: -6px;
}

#qbo-notice .qbo-notice-number{
     font-size: 60px;
     font-weight:bold;
     color: #1a8cff;
     background: #e1f0ff;
     border-radius: 5px;
     display: inline-block;
     margin-bottom: 10px;
     padding:0 10px;
     text-shadow: 0 2px 0 rgb(18, 99, 180);
}

#qbo-notice .qbo-notice-days{
     border-bottom: 1px solid rgba(0,0,0,0.1);
     padding-bottom: 15px;
}
.expiry-modal-sm{
    width: 400px !important;
}
.questionSection {
    cursor: ns-resize;
}
.shipping__options h5 {
    margin-bottom: .75em;
}
.shipping__options label {
    display: block;
    margin-top: .5em;
}
.shipping__options [type=radio] {
    margin-right: .25em;
}

.form-control.inline-input {
    display: inline-block;
}

.error {
    background-color: hsl(0, 57%, 49%);
    border-radius: .25em;
    color: #fff;
    margin-top: 1em;
    padding: .5em .75em;
}

.adminloader {
  position: relative;
  width: 5px;
  height: 5px;
  float: right;
    margin-right: 23px;
    margin-top: 8px;
}
.adminloader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 4px;
  border: 4px solid #3498db;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3498db transparent transparent transparent;
}
.adminloader div:nth-child(1) {
  animation-delay: -0.45s;
}
.adminloader div:nth-child(2) {
  animation-delay: -0.3s;
}
.adminloader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.th--sku{min-width:100px;}

div#vendSection img {
    max-height: 150px;
}