@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
/*body::-webkit-scrollbar {
         width: 10px;
    }
     body::-webkit-scrollbar-track {
         box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
         outline: 1px solid #ccc;
    }
     body::-webkit-scrollbar-thumb {
         background-color: #3a3c3d;
         border-radius: 10px;
    }
    */

/*:root {
    --bs-primary: #01b1c2;
    --bs-secondary: #6c757d;
    --bs-primary-rgb: 0,113,220;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.08);
    --bs-success-rgb: #7fba00;
}*/
/*.btn-outline-primary {
    --bs-btn-color: #01b1c2;
    --bs-btn-border-color: #01b1c2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #01b1c2;
    --bs-btn-hover-border-color: #01b1c2;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #01b1c2;
    --bs-btn-active-border-color: #01b1c2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #01b1c2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #01b1c2;
    --bs-gradient: none;
}*/
:root {
    --bs-primary: #000;
    --bs-secondary: #6c757d;
    --bs-primary-rgb: 1,111,90;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.08);
    --bs-success-rgb: #7fba00;
    .accordion{
     --bs-accordion-active-bg: #e1f1ed;
     color:#000;
    }
}
.btn-outline-primary {
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #01b1c2;
    --bs-gradient: none;
}
.text-primary {
    color: #000 !important;
}
.right-0 { right: 0 !important; }
.plr { padding-left: 10px; padding-right: 10px; }
.align-ct {text-align: center }
.align-c { align-items: center; }
a { color: #009fa5; text-decoration: none; }
a:hover { color: #01b1c2;text-decoration: none; }
i.btrash { font-size: 17px; }
td {font-weight: 400; }
img { max-width: 100%; }
.pr { position: relative; }
.font6 { font-weight: 600; }
.br { border-right: #ccc solid 1px; }
.far { font: normal normal normal 14px/1 FontAwesome }
.mt-15 {margin-top:15px !important;}
.left-menu-slide .sidebar { left: -300px; }
.pt-15 {padding-top: 15px;}
.textblack {color: rgba(0, 0, 0, .5);}
.textblack:hover {color: rgba(0, 0, 0, .99); }
.box-sizing {box-sizing: border-box;}
.b-r-1 {border-right: #9b9b9b solid 1px;}
.m-r-7 {margin-right: 7px;}
.m-l-8 {margin-left: 8px;}
.pt-10 {
    padding-top: 10px;
}
.fs-11 { font-size: 11px !important;}
.lh-18 { line-height: 18px !important; }
.lh-16 { line-height: 16px !important; }
.red-text-h:hover { color: #ff0000; }
.order-status { color: #008000 !important;}
.pt-15 { padding-top: 15px; }
.m-r3 { margin-right: 3px !important; }
input.disabled-checkbox {
    appearance: none !important;
    border: 0px solid #ccc !important;
    border-radius: 0px !important;
    background-color: #e5e5e5 !important;
    pointer-events: none;
    width: 14px !important;
    height: 14px !important;
    opacity: 1;
    left: 2px;
    padding-left: 0px !important;
}

.tablecreditmemoaccount span.k-numeric-wrap span.k-select { display: none; }
.tablecreditmemoaccount span.k-numeric-wrap.k-state-default { padding: 0; }
.tablecreditmemoaccount tbody.visible td span.k-combobox * { border-width: 0px; }
.runpayroll { display: flex; }
.runpayroll h2 { margin: 0 !important; display: flex; align-items: center; }
.payrollmain { background: #efefef; width: 100%; padding: 20px 20px 30px 30px; border-radius: 10px; }
div#reportMenuItemDropDownList-list .k-list-scroller .k-list li { display: flex; align-items: center; }
div#reportMenuItemDropDownList-list .k-list-scroller .k-list li p { margin: 0; }
.product-list-main .k-grid td { vertical-align: top; }
.productsnm { overflow: hidden; text-overflow: ellipsis; height: 40px; white-space: nowrap; }
.print-chk.rma-section-pad input { height: auto; border-radius: 4px; }
.createReturnpopup .modal-header { position: absolute !important; right: 8px; left: auto; width: 20px !important; padding: 0px !important; top: 0px !important; }
.bluebglgt { background: #24AEFF; color: #fff; }
.bluebglgt:hover, .bluebglgt:focus { background: #24AEFF; }
a.ulrcustom { word-break: break-all; display: block; }
.cal-flex .input-group-addon { z-index: 11 !important; }
.copybtn { height: auto; margin-left: 10px; color: #fff; background: rgb(11,181,175); background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); border-radius: 4px; padding: 2px; border: transparent; }
.copybtn:hover { background: rgb(61,197,114); background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); color: #fff; }
div#shippedModal .provider-main { max-height: 600px; overflow-y: auto; overflow-x: hidden; }
/*.modify-connection .modal { padding-top: 15px; }*/
.navbar-default.sidebar .sidebar-nav ul li a i { display: none; }
body.content-wrapper .navbar-default.sidebar .sidebar-nav ul li a i { display: block; }
div.pmleft { margin-left: 0px; }
.payeelist { display: flex; }
.payeelist span.k-state-default p { margin: 0; line-height: 18px; }
.autosync { width: 100%; padding: 0 20px 0 10px; border-radius: 5px; border: #ccc solid 1px; }
.right-sitebar .shipp-main h2.panel-title { width: 100%; margin: 0px; }
.right-sitebar .panel-group .panel-heading { padding: 0px 0; }
.right-sitebar .OtherStore .form-control { font-size: 13px; }
.right-sitebar .shipp-main h2.panel-title button.accordion-button { background: transparent; border: transparent; box-shadow: none; color: #000; font-size: 14px; }
.right-sitebar .shipp-main .summary-box .form-control.form-text-order { width: 83%; }
.payeelist span.k-state-default.hidden { display: none; }
.payeelist span { margin: 0 7px; }
.billingaddress input[type=checkbox] { background: #fff; }
i.restoreicon { background: url(../images/restore.png); width: 16px; height: 16px; display: inline-block; background-size: 100%; }
.btn.show { color: #fff; }
.customize-part .groupInput i.fa.fa-plus-circle { font-size: 18px; }
.customize-part .table, .customize-part .table td { border: #ddd solid 1px; }
.customize-part .table th { border: #87bfb0 solid 1px; }

a.wvbtn { white-space: nowrap; height: 41px; float: right; display: flex !important; align-items: center; margin-left: 4px !important; }
.store-main tr td { vertical-align: middle }
.store-main tr td i {  font-size: 20px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e1f1ed !important;
    color: #000 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e1f1ed !important;
    color: #000 !important;
}

div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(2), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(3),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(4), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(8),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(9), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(10),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(14), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(15),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(16), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(20),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(21), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(22),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(26), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(27),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(28), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(32),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(33), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(34),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(38), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(39),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(40), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(44),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(45), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(46),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(50), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(51),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(52), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(56),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(57), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(58),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(62), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(63),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(64), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(68),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(69), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(70) {
    background-color: whitesmoke !important;
}

div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(5), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(6),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(7), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(11),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(12), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(13),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(17), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(18),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(19), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(23),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(24), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(25),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(29), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(30),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(31), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(35),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(36), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(37),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(41), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(42),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(43), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(47),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(48), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(49),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(53), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(54),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(55), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(59),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(60), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(61),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(65), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(66),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(67), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(71),
div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(72), div#Inventorygrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(73) {
    background-color: #fff !important;
}

div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(3), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(4),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(5), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(9),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(10), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(11),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(15), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(16),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(17), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(21),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(22), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(23),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(27), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(28),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(29), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(33),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(34), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(35),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(39), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(40),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(41), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(45),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(46), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(47),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(48), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(52),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(53), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(54),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(58), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(59),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(60), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(64),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(65), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(66),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(70), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(71),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(72) {
    background-color: whitesmoke !important;
}

div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(6), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(7),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(8), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(12),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(13), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(14),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(18), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(19),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(20), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(24),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(25), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(26),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(30), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(31),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(32), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(36),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(37), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(38),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(42), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(43),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(44), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(45),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(49), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(50),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(51), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(55),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(56), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(57),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(61), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(62),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(63), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(67),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(68), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(69),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(73), div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(74),
div#Pricegrid.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable table td:nth-child(75) {
    background-color: #fff !important;
}

div#grid .k-grid-header .k-grid-header-wrap table tr th span,
div#Pricegrid .k-grid-header .k-grid-header-wrap table tr th span,
div#Inventorygrid .k-grid-header .k-grid-header-wrap table tr th span {
    white-space: nowrap;
}

div#UpdateDate .modal-content.modal-lg.popup-small {
    position: relative;
}

input#LastSyncDatetimepicker {
    margin-top: 0px;
}

div#divcustomlogo .k-header .k-icon {
    width: 20px;
    height: 20px;
}

div#divcustomlogo .k-header .k-i-close::before {
    content: "\f014";
    font: normal normal normal 22px/1 FontAwesome;
}

div#divcustomlogo .k-header .k-icon::before {
    text-indent: 0em !important;
}

.customlogo .k-dropzone .k-upload-status .k-icon::before {
    color: #7fba00;
}

.customlogo .k-upload-status .k-icon::before {
    color: #ff0000;
}

div#divcustomlogo .k-upload .k-upload-files .k-file {
    width: 164px;
    float: left;
}

div#divcustomlogo .k-upload-files .k-upload-status {
    top: 2em;
}

div#divcustomlogo strong.k-upload-status.k-upload-status-total {
    top: 10px;
}

div#divcustomlogo ul.k-upload-files.k-reset {
    float: left;
}

.k-link::selection {
    color: none;
    background: none;
}

.k-link::-moz-selection {
    color: none;
    background: none;
}

.deleteicon img {
    width: 16px;
    filter: invert(0%) sepia(95%) saturate(0%) hue-rotate(147deg) brightness(99%) contrast(107%);
}
    .deleteicon img:hover {       
        filter: brightness(0) saturate(100%) invert(13%) sepia(91%) saturate(3427%) hue-rotate(352deg) brightness(128%) contrast(129%);
    }

.preferred-supplier .form-control {
    width: 100%;
}

.target-plus img {
    height: 120px;
}

div#dvProppurchase {
    background: rgba(0,0,0,0.5);
    z-index: 99999999;
    overflow: inherit !important;
}
    div#dvProppurchase .width800 {
        max-width: 700px;
        max-height: initial;
    }

    div#dvProppurchase .modal-content {
        overflow-y: auto;
        max-height: calc(100vh - 55px);
    }

    div#dvProppurchase .proPopupInner {
        margin-bottom: 0;
    }

.closebtn-rgt {
    float: right;
    margin-left: auto;
}

.btnsp {
    all: unset
}

.addwarehouse-popup-table td .input-group .form-control {
    min-width: 90px;
    /*border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;*/
}

    .addwarehouse-popup-table td .input-group .form-control.LocationFormula_td {
        min-width: 200px;
    }

    .addwarehouse-popup-table td .input-group .form-control.ManualLocations_td {
        min-width: 200px;
    }

    .addwarehouse-popup-table td .input-group .form-control.Width_td, .addwarehouse-popup-table td .input-group .form-control.Depth_td, .addwarehouse-popup-table td .input-group .form-control.Height_td {
        min-width: 50px;
    }

    .addwarehouse-popup-table td .input-group .form-control.X_td, .addwarehouse-popup-table td .input-group .form-control.Y_td, .addwarehouse-popup-table td .input-group .form-control.Z_td {
        min-width: 60px;
    }

    .addwarehouse-popup-table td .input-group .form-control.AISLESIDE_td, .addwarehouse-popup-table td .input-group .form-control.AISLE_td {
        min-width: 60px;
    }

.addwarehouse-popup-table td .input-group .k-widget.k-combobox {
    min-width: 220px;
}

    .addwarehouse-popup-table td .input-group .k-widget.k-combobox .k-dropdown-wrap:before {
        padding: 0;
        display: none;
    }

.checkbox-new {
    position: relative;
    text-align: center;
    width: 23px;
    height: 23px;
    margin: 0 auto;
}

.checkbox-news {
    position: relative;
    text-align: center;
    width: 23px;
    height: 23px;
    margin-bottom: 20px;
}

.checkbox-new input.checkbox.checkboxid_ {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
}

.btn-list-block {
    display: flex;
    flex-wrap: wrap;
    min-width: 180px;
}

.custompagination {
    padding: 0;
}

    .custompagination .k-pager-wrap > .k-link > .k-icon {
        color: #afafaf;
    }

.btn.add-line-btn {
    padding: 10px;
    border-radius: 5px !important;
    font-size: 15px !important;
    line-height: 1em !important;
    margin-top: 15px;
}

.selectbox select {
    border: solid 1px #ccc;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px;
    margin: 0 5px 0 20px;
    width: 62px;
}

.selectbox span {
    font-size: 14px;
}

.paginationnumber {
    font-size: 14px;
    float: right;
    margin: 22px 0 0 0;
}

.inventoryreport th span {
    border-top: #ccc solid 1px;
    padding-top: 5px;
    margin-top: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productwarehouselist {
    width: 100%;
    border-radius: 5px;
    background: #fff;
}

.wvrightblock {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 10px;
}

.productwarehouselist .k-dropdown-wrap {
    border-radius: 4px !important;
}

.warehousemain .tab-content, .warehousemain .tab-pane {
    position: static !important;
}

span.settingcolumns {
    float: right;
    margin: 11px 0 0 20px;
}

    span.settingcolumns i {
        font-size: 22px;
        line-height: 20px;
    }

    span.settingcolumns button {
        border: none;
        padding: 0px;
    }

.startreceving-table th {
    font-weight: 600;
    font-size: 16px;
}

.startreceving-table td {
    font-size: 16px;
}

.startreceving-table td, .startreceving-table th {
    height: auto;
    line-height: normal;
    white-space: nowrap;
    border-bottom: 1px solid #f0f4f7;
    border-left: 1px solid #f0f4f7;
    padding: 12px 7px 21px;
    word-break: break-all;
}

.warehouselarge .modal-dialog.modal-xl {
    max-width: 100%;
    margin-right: 1%;
    margin-left: 1%;
}

.warehouselarge .modal-header h4, .modal-header .modal-title {
    color: #fff;
    margin: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
}

.warehbtn {
    display: inline-flex;
    align-items: center;
    padding: 10px !important;
    line-height: 16px;
    white-space: nowrap;
}

    .warehbtn i {
        margin-right: 5px;
    }

.dlt i {
    font-size: 14px;
    line-height: 21px;
}

.btnnew {
    border: 0;
    color: #fff;
    background: #24AEFF;
    padding: 8px 20px;
    margin: 0 3px 0 0;
    display: inline-block;
    line-height: 20px;
    border-radius: 5px;
}

    .btnnew:hover {
        background: #0071DC;
    }

.topsearch .search-box, .topsearch .reorder {
    margin-bottom: 15px !important;
}

.tagsblock {
    overflow-y: auto;
}

    .tagsblock input {
        min-width: 100px !important;
    }

input:focus {
    border: #000 solid 1px;
    border-radius: 5px !important;
}

.calculateprice-btn {
    color: #fff !important;
    margin-left: 10px;
    padding: 10px;
    line-height: 18px;
    display: inline;
    align-items: center;
    background: #24AEFF;
    border-radius: 4px;
    border: none;
}

    .calculateprice-btn:hover {
        background: #0071DC;
    }

.brndblock .stores {
    margin: 0 15px;
}

.brndblock figure {
    max-width: 100px;
}

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

.brndblock .counts {
    background: #0096FF;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    line-height: 30px;
}

.disablebtn {
    opacity: 0.5;
}

    .disablebtn .counts {
        background: #adadad;
    }

.calculateprice div.modal-footer {
    background: #fff;
    padding: 10px 20px;
}

.calculateprice .modal-title {
    font-size: 20px;
}

.calculateprice div.modal-content {
    border-radius: 5px;
    max-height: 600px;
}

.calculateprice .modal-content .modal-body {
    padding: 0px !important;
    background: #efefefef;
}

.calculate-lft-bock {
    border-right: #ccc solid 1px;
    height: 100%;
    padding: 0 15px;
    overflow-y: auto;
    background: #e7e7e7;
}

.brndblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px;
    border: #ccc solid 1px;
    width: 100%;
}

    .brndblock.active {
        border: #723b5a solid 1px;
    }

.calculate-egt-bock {
    padding: 15px 15px 15px 0px;
    overflow-y: auto;
    max-height: 750px;
}

    .calculate-egt-bock strong {
        font-weight: 700 !important;
    }

.rightwhiteblock {
    border: #ccc solid 1px;
    padding: 10px;
    border-radius: 4px;
    margin-top: 15px;
    background: #fff;
    display: block;
    width: 100%;
}

    .rightwhiteblock.active {
        border: #723b5a solid 1px;
    }

    .rightwhiteblock p {
        margin: 0px;
    }

    .rightwhiteblock .row {
        align-items: center;
    }

    .rightwhiteblock .price {
        color: #8cc857;
        text-align: right;
        display: block;
    }

    .rightwhiteblock .lfblock {
        text-align: left
    }

.calculate-egt-bock .estimated {
    text-align: right;
    display: block;
}

.calculateprice div.modal-header {
    width: 100%;
}

.calculateprice .modal-body > .row {
    height: 100%;
}

.modal.calculateprice {
    background: rgba(0, 0, 0, 0.7) !important;
}

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

.whtabs {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

    .whtabs .nav.nav-tabs {
        background: #fff;
        margin: 12px 3px 3px !important;
        display: inline-flex;
        flex-wrap: nowrap;
        min-height: 41px;
        border: transparent !important;
    }

        .whtabs .nav.nav-tabs .nav-link {
            border: 0px;
            font-weight: 500;
            border-bottom: 0px solid #0071DC;
            color: #000;
            border-radius: 50px;
            font-size: 14px;
            letter-spacing: 0px;
            line-height: 20px;
            padding: 10px 15px;
            background: #fff;
            white-space: nowrap;
        }

            .whtabs .nav.nav-tabs .nav-link:focus, .whtabs .nav.nav-tabs .nav-link.active {
                background: rgb(11,181,175);
                background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
                color: #fff;
            }            
            .whtabs .nav-tabs .nav-item {
                margin-bottom: 0;
            }

.warehousemain .topsearch {
    position: absolute;
    max-width: 610px;
    right: 15px;
    width: 100%;
    top: 12px;
}

    .warehousemain .topsearch .search-box {
        margin-right: 15px;
        margin-left: auto;
        width: 100%;
        max-width: 350px;
    }

tr.whtotal {
    background: #f5faff;
}

.wrsearch {
    display: flex;
    justify-content: flex-end
}

    .wrsearch .reorder button {
        margin-top: 0;
        line-height: normal;
    }

.warehouselist .form-control {
    width: 100%;
}

.warehouselist label {
    width: 100%;
}

.warehouselist span {
    border-radius: 4px !important;
}

.topsecwh .group-input {
    padding-top: 26px;
    padding-bottom: 20px;
}

.topsecwh .borderTextBox {
    margin: 0px;
}

.mlbtn {
    margin-left: 5px;
}

.totaltext {
    text-align: center;
    display: block;
}

input.editble {
    width: 96%;
    border: #ccc solid 1px;
    border-radius: 4px;
    height: 35px;
}

    input.editble:focus {
        border: #ccc solid 1px;
    }

.picklocation {
    display: flex;
    align-items: center
}

    .picklocation .scan {
        display: grid;
        text-align: center;
        margin-left: 5px;
        line-height: 18px;
    }

        .picklocation .scan i {
            font-size: 20px;
            line-height: 18px;
        }

.warehousetable .k-grid-content table tr td:first-child, .warehousetable .k-grid-content table tr td:last-child {
    text-align: center;
}

.totalmain .k-grid-content table tr:last-child {
    background: #f5faff;
}

.warehousetable .k-grid table {
    min-width: 1613px;
}

.warehousetable .add-line-btn {
    margin-bottom: 15px;
    margin-top: 0px;
}

.pagecontent.warehousev {
    padding: 15px 15px 15px 15px;
    max-height: 770px;
    overflow-y: auto;
}

.detail-view {
    display: block;
    text-align: left;
}

    .detail-view button.acbtn {
        width: 100px;
        height: 30px;
    }

.visualizationscl {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.visualization h2 {
    margin: 0px;
}

.visualization .topsearch {
    margin-top: 12px;
}

.visualizationlist .k-listview-item {
    width: calc(calc(100% / 4) - 15px);
}

.visualizationlist #listView {
    padding: 0;
}

/*.productwdt #listView {   
    min-height: calc(100vh - 284px);    
}*/
.ProductCardView {
    min-height: calc(100vh - 285px);    
}

.warehouse-details::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.warehouse-details::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.warehouse-details::-webkit-scrollbar-thumb {
    border-radius: 10px;   
    background-color: #636363;
}

.warehouse-details {
    margin-top: 1px;
    border-radius: 5px;
    padding: 5px 8px;
    /*overflow-y: auto;*/
    /*max-height: 420px;*/
    margin-bottom: 15px;
    box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important;
}

.warehousein ul {
    margin: 0 0 10px 0;
    padding: 0;
}

    .warehousein ul li {
        display: flex;
        align-items: flex-start;
        font-size: 14px;
        margin: 2px 0;
        text-align: left;
    }

        .warehousein ul li label {
            margin: 0;
            width: 70px;
            font-weight: bold;
            flex: none;
            font-size: 13px;
        }

span.wseparator {
    margin: 0 10px;
}

span.wvaluergt {
    word-break: break-word;
}

.warehousein {
    background: #f7f7f7;
    border-radius: 5px;
    padding: 13px;
    min-height: 354px;
}

.warehouse-detailsnew .warehousein {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}

    .warehouse-detailsnew .warehousein span.wvaluergt {
        font-size: 14px;
    }

.warehouse-detailsnew .warehousevzicons {
    margin-bottom: 5px;
    margin-top: 5px;
}

.warehousevzicons button.btnwv,
.warehousevzicons button.filterbtn {
    height: auto;
    margin-right: 25px !important;
    background: #fff !important;
    padding: 3px !important;
    width: 34px !important;
    height: 34px !important;
    border: #fff solid 1px !important;
    border-radius: 4px;
    -webkit-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
    -moz-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
    box-shadow: 2px 3px 6px 0px rgb(212 212 212);
}

    .warehousevzicons button.btnwv:hover,
    .warehousevzicons button.filterbtn:hover {
        border: #0bb5af solid 1px !important;
    }

.warehouse-detailsnew .warehousevzicons {
    margin-bottom: 10px;
}

.warehouse-detailsnew .warehousein ul li.columnhalf {
    width: 50%;
    float: left;
}

.warehouse-details .warehousein ul li.quantitybylocation label,
.warehouse-detailsnew .warehousein ul li.quantitybylocation label {
    width: 120px !important;
}

.columnfull {
    width: 100%;
}

.warehousein ul.columntwo {
    display: flex;
}

    .warehousein ul.columntwo li {
        width: 50%;
    }

.pro-images {
    max-width: 64px;
    width: 100%;
    border: #ccc solid 1px;
    margin: 2px;
}

    .pro-images img {
        max-width: 100%;
    }

.wproduct-scroll {
    max-height: 64px;
    min-height: 64px;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.wproduct-img {
    background: #fff;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    margin: 10px 0;
}

.wproduct-imgnew {
    background: #fff;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    width: 100%;
    margin: 10px 0;
}

.wproductname {
    display: -webkit-box;
    max-width: 100%;
    max-height: 37px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.change-color-btn {
    background: #723b5a;
    line-height: 18px;
    color: #fff;
    padding: 7px 10px;
    font-weight: 500;
    border-radius: 4px;
    border: none;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
}

    .change-color-btn input, .change-color-btn .sp-replacer {
        margin-left: 10px;
    }

.warehousev .col-xxl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
    padding: 10px 7.5px;
}

/*ware house map css end*/

/*.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}*/

.btn-success.focus, .btn-success:focus {
    box-shadow: none;
}

.createBtnPopup .btn-group.ship-btn-group {
    margin-left: 8px;
}

/*catalog page css*/

ul.catalog-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

    ul.catalog-breadcrumbs li {
        list-style: none;
        margin-right: 15px;
    }

.special-offer {
    border: #ffd294 solid 2px;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    background: #fff0d4;
}

    .special-offer h3 {
        font-size: 24px;
        font-weight: 600;
        color: #ff0000;
        margin: 10px 0;
    }

.freecatalog-btn {
    width: 100%;
    height: 60px;
    margin: 0 0 10px 0;
    color: #fff;
    border: #2f3337 solid 2px;
    background-color: #2f3337;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    transition: all .25s;
}

    .freecatalog-btn:hover {
        background: #fff;
        color: #000;
        transition: all .25s;
    }

.whitebg-btn {
    background: #fff;
    color: #000;
    transition: all .25s;
}

    .whitebg-btn:hover {
        background-color: #000;
        color: #fff;
        transition: all .25s;
    }

.catalog-title {
    margin: 30px 0;
}

.catalog-top-left {
    margin: 0 auto;
    display: table;
    text-align: center;
}

    .catalog-top-left img {
        border: #ccc solid 1px;
        max-width: 100%;
    }

.socialmediablock {
    margin-top: 20px;
    text-align: center
}

.social-links {
    padding: 10px 0;
}

    .social-links i {
        border: #ccc solid 1px;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin: 0 2px;
        color: #4e0930;
    }

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

.dep-products {
    margin: 10px -10px;
    display: flex;
    flex-wrap: wrap;
}

    .dep-products li {
        max-width: 173px;
        width: 100%;
        padding: 10px;
        background: #efefef;
        margin: 10px;
        border-radius: 20px;
    }

.catalog-product-name {
    margin: 10px 0 0 0;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.catalog-news-sec {
    margin: 20px 0;
}

    .catalog-news-sec h2 {
        margin-bottom: 20px;
    }

.catalog-news-block {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 50%) 1px 1px 4px -1px;
    border-radius: 5px;
    min-height: 153px;
    overflow: hidden;
    cursor: pointer;
    padding: 15px;
    margin-bottom: 20px;
}

.news-content-rgt h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.news-content-rgt span.newsauthor {
    margin-bottom: 10px;
    display: block;
}

.catalog-news-block figure.newpic img {
    border-radius: 5px;
}

.fa-facebook-f:before, .fa-instagram:before, .fa-pinterest:before, .fa-twitter:before {
    font-family: "Font Awesome 5 Brands";
}

.viewcatalog .modal-dialog {
    max-width: 98%;
    margin: 15px auto;
    height: 98%;
}

button.closebtn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 7px;
    border-radius: 50px;
    display: inline-block;
    font-size: 30px;
    border: #723b5a solid 1px;
    padding: 0px;
    z-index: 111;
    line-height: 18px;
    top: 5px;
}

.viewcatalog .modal-content {
    max-width: 100%;
    height: 100%;
}

/*catalog page css*/

#some_other_div {
    position: absolute;
    top: -16px;
    right: -6px;
}

div#dvimglistinner {
    overflow-y: auto;
    height: 192px !important;
    width: 100% !important;
}

.rightall-img {
    overflow-y: auto;
    overflow-x: hidden;
    height: 198px !important;
    padding: 10px;
    width: calc(100% - 150px) !important;
}

.marketplacetabs .marketplace-reorder-div,
.marketplace-price, .marketplace-buybox {
    position: absolute;
    top: -1px;
    right: 0;
}

.reorder.marketplace-reorder-div button {
    padding: 0 5px !important;
}

.toast-top-center {
    margin-top: 20px;
    color: #fff;
}

td.pricepublish i, td.InventoryPublish i {
    display: table !important;
    margin: 0 auto;
    height: 20px;
    width: 20px;
    background: #fff;
    border-radius: 50px;
}

td.pricepublish .fa-check-circle:before, td.InventoryPublish .fa-check-circle:before {
    font-size: 20px;
}

td.priceflag input, td.Inventoryflag input {
    border-radius: 3px !important;
}

.addlfile, .start {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
}

    .addlfile:hover, .start:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        border: #0bb5af solid 1px;
        color: #fff;
    }

.page-title {
    margin: 10px 0 0 0;
    font-weight: 600;
}

.pagecontent {
    background: #FFF;
    font-size: 14px;
    margin: 10px 0;
    font-weight: 400;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 15px 15px;
}

.warehousetable .k-grid-header th.k-header, .order-returns-pr-h .k-grid-header th.k-header {
    padding-left: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    color: #000;
}

.warehousetable .k-grid tr td {
    overflow: inherit;
    text-overflow: inherit;
}

.page-title-alignc {
    align-items: center
}

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

.boxsing {
    box-sizing:border-box;
}

.acbtn {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-left: 5px;
    padding: 5px;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    position: relative;
}

    .acbtn:hover, .acbtn:focus {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

a.k-grid-Update, a.k-grid-Save {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    border: none;
    border-radius: 4px !important;
    margin-left: 5px !important;
    padding: 5px;
    font-size: 14px;
    text-transform: inherit;
    transition: all 0.3s ease-in-out;
}

    a.k-grid-Update:hover, a.k-grid-Update:focus, a.k-grid-Save:focus, a.k-grid-Save:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

.pdn5 {
    padding: 10px;
}

.store-one, .store-two, .store-three {
    position: relative;
}

    .store-one:before, .store-two:before, .store-three:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        box-shadow: inset 4px 0px 2px -1px #ccc;
    }

td.productsname {
    white-space: normal !important;
}

.bill-part1 {
    width: 100%;
}

.allstorebtn .btn {
    background: #723b5a;
    color: #fff;
    border-radius: 4px;
    border: none;
    transition: all 0.3s ease-in-out;
}

    .allstorebtn .btn:hover, .allstorebtn .btn:focus {
        background: #4e0930;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

.dropdown-menu.allstore {
    padding: 0;
    border: #ccc solid 1px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    .dropdown-menu.allstore a {
        color: black;
        padding: 10px 14px;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #eae7e7;
        cursor: pointer;
        font-size: 16px;
        transition: all 0.3s ease-in-out;
    }

        .dropdown-menu.allstore a:hover {
            background: #dddddd;
            transition: all 0.3s ease-in-out;
        }

.InventoryPublish input {
    border-radius: 3px !important;
    border: 1px solid #a5a5a5;
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    margin: 0 auto;
    opacity: 1;
    display: -webkit-box;
}

.modal-header-top {
    padding: 5px 15px;
    display: inline-flex;
    justify-content: space-between;
    background: #0071DC;
    align-items: center;
    flex-wrap: wrap;
}

    .modal-header-top h2 {
        color: #fff;
        margin: 0;
    }

.allproTable {
    max-height: 600px;
    overflow: auto;
    padding-bottom: 15px;
}

    .allproTable th img {
        height: 15px;
    }

.updatealltop {
    display: flex;
    align-items: center;
    width: 96%;
    justify-content: space-between;
}

.update-all {
    background: #24AEFF;
    padding: 5px 10px;
    margin-right: 20px;
    border: none;
    color: #fff;
    border-radius: 4px;
}

button.popupclose {
    color: #fff;
    font-size: 28px;
    opacity: 1;
    line-height: 28px;
    border: none;
    background: transparent;
}

    button.popupclose:hover {
        opacity: 0.5;
    }

.modal-header-top i {
    margin: 0 10px;
}

.allstorepopup .modal-dialog {
    max-width: 1500px;
    width: 100%;
}

.allstorepopup th, .allstorepopup td {
    padding: 5px 10px !important;
}

.modal.marketplacepopup .modal-dialog {
    max-width: 1100px;
    width: 100%;
}

.updatequantity {
    margin-left: 5px;
}

table#SalesOrdertbl th {
    border: #87bfb0 solid 1px;
    background: rgb(157, 209, 195);
    background: linear-gradient(90deg, rgba(157, 209, 195, 1) 0%, rgba(157, 210, 196, 1) 100%);
    text-transform: uppercase;
}

div#Ordernopopup .modal-dialog {
    margin-top: 15px;
    margin-bottom: 15px;
}

.multiselect-shipping .ms-options-wrap > .ms-options > ul label {
    padding: 4px 5px 5px 40px !important;
}

.ms-options-wrap > .ms-options > ul label {
    padding: 5px 4px 5px 28px !important;
    margin: 0px !important;
    border: transparent !important;
}

.ms-options-wrap.ms-active {
    position: relative;
}

.multiselect-store .ms-options-wrap > .ms-options > ul label {
    min-height:31px;
}
    button.btn-sml {
    border: none;
    font-size: 13px;
    border-radius: 50px;
    min-width: 66px;
    height: 30px;
    margin: 5px 0;
    cursor:pointer;
}

    button.btn-sml:hover {
        background: #fff;
    }

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

    .responsive .k-grid {
        overflow-x: scroll;
    }

a#menu1 {
    background: transparent;
}

.variationchk {
    margin-top: 20px;
}

    .variationchk label {
        font-weight: 600 !important;
    }

.variationcheck {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

    .variationcheck label {
        font-weight: 600 !important;
        font-size: 16px !important;
        margin-left: 5px !important;
    }

    /*.variationcheck input[type=checkbox], .remindme input[type=checkbox] {
        border: 1px solid #000;
    }*/

.remindme {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

    .remindme label {
        font-weight: 600 !important;
        font-size: 16px !important;
        margin-left: 5px !important;
    }

.timezonemt {
    margin-top: 20px;
}

.my-main-part > ul.nav.nav-tabs {
    margin: 10px 10px 0;
    display: inline-flex;
}

.uplod-main {
    padding: 0 15px;
}

.savebtnmt {
    margin-top: 20px;
}

.savebtn {
    background: #24AEFF;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    font-weight: 300;
    padding: 8px 10px;
    border: none;
    border-radius: 4px;
    min-width: 100px;
    margin-left: 28px;
}

    .savebtn:hover {
        background: #0071DC;
    }

div#chartContainer, div#chartContainer1, div#chartContainer2, div#chartContainer3, div#chartContainer4, div#chartContainer5, div#chartContainer6, div#chartContainer7 {
    -webkit-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
}

/*.ms-options-wrap > button:focus, .ms-options-wrap > button {
    border-radius: 5px !important;
    color: #000 !important;
    padding: 5px 30px 5px 13px !important;
}*/

.ms-options-wrap > button:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right !important;
    background-size: 16px 12px;
    width: 16px !important;
    height: 20px !important;
    display: block;
    content: '';
    top: 10px !important;
    right: 12px !important;
    border: transparent !important;
    margin-top: 0px !important;
}


.col-md-12.form-group.autometic-radio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.autometic-radio input[type="radio"] {
    margin: 0px 14px 0px 6px !important;
    width: 16px;
    height: 16px;
}

.autometic-radio label {
    margin-left: 5px;
}

div#tabstripExpenses ul.k-reset.k-tabstrip-items {
    background: #fff;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 1px;
    margin-bottom: 10px;
    margin-top: 0px;
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

div#tabstripExpenses ul.k-tabstrip-items .k-link {
    padding: 10px 18px 10px 10px !important;
}

div#tabstripBank ul.k-reset.k-tabstrip-items {
    background: #ffffff;
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
}

ul#myTab {
    margin: 10px 0;
    display: inline-flex;
    flex-wrap: nowrap;
}

div#tabstripBank-2 {
    width: 100%;
    float: left;
}

div#tabstripBank {
    padding-top: 5px;
}

.save-button.employ-edit-footer {
    display: flex;
    justify-content: flex-end;
}

    .save-button.employ-edit-footer button.btn.btn-default {
        margin-right: 5px;
    }

form#EditSmtpConfigurationForm .save-button, form#PayScheduleForm .modal-footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

form#EditSmtpConfigurationForm button.btn.btn-default {
    margin-right: 5px;
}

div#PayScheduleModal .expense-modal input {
    border: 1px solid #ccc !important;
}

input#DaysBeforeFirstValue, input#DaysBeforeSecondValue {
    height: 36px;
    border-radius: 5px;
}

.OtherDataOFSettings.row {
    display: block;
}

form#PayScheduleForm label {
    margin-bottom: 6px;
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.borderTextBox.vendor-dropdown span.k-select {
    height: 37px !important;
    top: 1px;
    right: 1px;
    border-radius: 5px !important;
}


div#tabstripBank-1 {
    float: left;
    width: 100%;
}

span.k-icon.k-clear-value.k-i-close {
    background: #fff !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    opacity: 1;
    right: 35px;
    margin: 0;
}

.col-md-2.col-sm-2.brandname span.k-icon.k-i-arrow-60-down {
    top: 10px;
    transform: inherit;
    right: -3px;
}

span.k-icon.k-i-arrow-60-down {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    left: 50%;
}

.white-box .demo-section.k-content .k-upload-files .k-upload-status {
    top: auto;
    bottom: 10px;
}

.form-group.dropfile .k-upload .k-dropzone .k-upload-status {
    top: 16px;
}

div#LabelPreferencesGrid i.fa.fa-trash-alt {
    margin: 0 1px;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none;
}

i.fa.fa-edit {
    color: #000 !important;
    cursor: pointer;
    font-size: 14px;
}

    i.fa.fa-edit:hover {
        color: #01b1c2 !important;
        cursor: pointer;
    }

i.fa.fa-trash-alt {
    color: #FF0000 !important;
    cursor: pointer;
}

    i.fa.fa-trash-alt:hover {
        color: #FF0000 !important;
        cursor: pointer;
    }

i.fa.fa-trash {
    color: #FF0000;
    cursor: pointer;
}

    i.fa.fa-trash:hover {
        color: #db0b0b;
    }

.k-window > div.k-popup-edit-form .k-filebrowser .k-tile {
    width: 32%;
    border: #ccc solid 1px;
}

.k-button.k-primary {
    border-color: #24AEFF !important;
    background-color: #24AEFF !important;
}

/*div#RequestDemoUserGrid table, div#RequestDemoUserGrid thead {
    border-right: #ccc solid 1px !important;
}*/

/*div#ContactUsgrid table {
    border-left: #ccc solid 1px !important;
}

    div#ContactUsgrid table td:last-child, div#ContactUsgrid table th:last-child {
        border-right: #ccc solid 1px !important;
    }*/

.dashboard-top .white-box {
     box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
 
}

/*div#Compnaygrid .product-button.top-header.btn.btn-info {
    width: auto;
    min-width: 75px;
    background: #24AEFF !important;
    border: #24AEFF solid 1px !important;
    height: auto;
    white-space: nowrap;
    box-sizing: border-box;
}

    div#Compnaygrid .product-button.top-header.btn.btn-info:hover {
        background: #0071DC !important;
        border: #0071DC solid 1px !important;
    }*/

.select-cat-drop ul.select2-selection__rendered {
    display: flex;
}

.select-cat-drop .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000000;
    z-index: 11;
    position: relative;
}

.select-cat-drop .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-right: 12px;
    font-size: 16px;
    margin-top: 6px;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#TodaysDealgrid > table {
    border-right: #ccc solid 1px;
}

form#EditServiceForm input.select2-search__field {
    padding: 1px 10px;
}

form#EditServiceForm span.select2-selection.select2-selection--multiple {
    border: #ccc solid 1px;
}

    form#EditServiceForm span.select2-selection.select2-selection--multiple:hover {
        border: #000 solid 1px;
    }

.sttabs.tabs-style-line .btn-info {
    border-radius: 4px;
    margin-left: 0px;
}

#payrollEmployeeList .white-box.products-table .page-title h2 {
    margin-top: 0px;
}

div#ExpenseChart {
    margin-bottom: 12px;
}

.expense-chart-main .col {
    width: calc(100% / 5);
    padding: 0 3px;
    flex: none;
}

.ledgeraccounts .col-md-3, .ledgeraccounts .col-md-2 {
    max-width: 20%;
    width: 100%;
    flex: 100%;
    float: left;
}

.ledgeraccounts {
    width: 100%;
    padding: 0px;
}

.bg-title.ledgeraccount {
    margin-bottom: 10px;
}

.batch-actions-link .btn.btn-info {
    border-radius: 4px;
    height: 41px;
}

a.number-sereyal {
    color: #000;
}

span.column-setting-shipping-manage-orders a {
    background: #fff;
}


a.btn.btn-void, button.btn.btn-primary.dropdown-toggle {
    background: #24AEFF;
}

    a.btn.btn-void:focus, button.btn.btn-primary.dropdown-toggle:focus {
        box-shadow: none;
        background: #0071DC;
        color: #fff;
        border: #0071DC solid 1px;
    }

.shippingmanagement div.tab-view-btn.lap-view-btn.desk-view-btn {
    margin-top: 0px;
}

div#SalesTransactingrid thead {
    background: #f5faff;
}

div#tabstrip ul.k-reset.k-tabstrip-items {
    width: auto;
    background: #fff;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 1px;
    margin-left: 0px !important;
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
}

    div#tabstrip ul.k-reset.k-tabstrip-items a {
        margin: 0px;
    }

div#SalesChart { margin-bottom: 5px; }
div#PurchaseChart { margin-bottom: 12px; }
div#Bankinggrid table, div#ExcludedBankinggrid table {  border-right: #ccc solid 1px; }

.costomers-main .top-fiter-container { padding: 0 6.5px; }

.dropdown.bc, .search-box { margin-left: 0; margin-right: 5px !important; }

section.tab-main .top-fiter-container .btn-group.batch-actions-link { margin-right: 5px; }

/*.top-fiter-container.bank-layout-reorder-div.banking-tabs-section-btns .btn-group.batch-actions-link {
        margin-left: 5px;
    }*/

.page-title h2 { font-weight: 600 !important; }
.reorder button#test_btn { margin-top: 0px; font-size: 14px; }
.row.inventory-list { padding-bottom: 12px; }
.row.inventory-list .col-md-6 { max-width: 20%; width: 100%; flex: 100%; }

/*.white-box.temp-products-section #temporaryProductGrid .k-grid-header {
    border-left: 0px;
}

.white-box.temp-products-section .k-grid-content.k-auto-scrollable {
    border-left: 0px;
}
    .white-box.temp-products-section .k-grid-content.k-auto-scrollable td:nth-child(2) {
        padding-left: 0.3em !important;
    }*/

.btn-info { background: rgb(11,181,175); background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); border: 1px solid #0bb5af !important; border-radius: 4px; font-size: 14px !important; color: #fff; }
.btn-info:hover { color: #fff; background: rgb(61,197,114); background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); border-color: #0bb5af !important; }

div#quantityReportGrid table { border-right: #ccc solid 1px; width: 100% !important; }

.btn-info.focus, .btn-info:focus { box-shadow: none; }

span.k-icon.k-i-arrow-60-down:before { content: inherit; }

td.SalePrice { background: #fff !important; }

thead.k-grid-header { border-top: #ccc solid 1px; box-shadow: 0px -1px 0px #ccc; background: #f5faff; }

.k-pager-wrap { padding-bottom: 0px; }
.k-pager-wrap .k-pager-sizes { font-size: 13px; padding-top: 0px; }
.k-pager-wrap .k-pager-sizes span.k-select { line-height: 36px; }

/*.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap { margin-top: 10px; }*/

.k-grid-header-wrap.k-auto-scrollable { border-width: 0 0px 0 0; }
.top-fiter-container .col-sm-3 { margin-left: auto !important; }
.top-fiter-container .col-sm-3 .search-box.shipmentSearch { left: 0px !important; }

.preloader { width: 100%; height: 100%; top: 0; position: fixed; z-index: 99999; background: #fff }
.preloader .cssload-speeding-wheel { position: absolute;  top: calc(50% - 3.5px); left: calc(50% - 3.5px) }

* { outline: 0 !important }

body {  background: #efefef !important; font-family: Roboto, sans-serif !important; margin: 0; overflow-x: hidden; color: #000; font-weight: 300; font-size: 14px; }

html { position: relative; min-height: 100%; background: #efefef; }

h1, h2, h3, h4, h5, h6 { color: #000; font-family: Roboto, sans-serif; margin: 10px 0; font-weight: 300 }

h1 { line-height: 48px; font-size: 36px }

h2 { line-height: 24px; font-size: 20px; font-weight: 400; }

h3 { line-height: 18px; font-size: 18px }
h4 { line-height: 22px; font-size: 18px }
h5 { font-size: 14px }

.dn { display: none }

.db { display: block }

.light_op_text { color: rgba(255, 255, 255, .5) }

blockquote { border-left: 5px solid #ff6849 !important; border: 1px solid rgba(120, 130, 140, .13) }

p { line-height: 1.6 }
b { font-weight: 600 }

a:active, a:focus, a:hover { outline: 0; text-decoration: none }

.clear { clear: both }

.font-12 { font-size: 12px }

hr { border-color: rgba(120, 130, 140, .9) }

.b-t { border-top: 1px solid rgba(120, 130, 140, .13) }
.b-b { border-bottom: 1px solid rgba(120, 130, 140, .13) }
.b-l { border-left: 1px solid rgba(120, 130, 140, .13) }
.b-r { border-right: 1px solid rgba(120, 130, 140, .13) }

.b-all { border: 1px solid rgba(120, 130, 140, .13) }
.b-none { border: 0 !important }

.max-height { height: 310px; overflow: auto }

.p-0 { padding: 0 !important }
.p-10 { padding: 10px !important }
.p-20 { padding: 20px !important }
.p-30 { padding: 30px !important }

.p-l-0 { padding-left: 0 !important }
.p-l-10 { padding-left: 10px !important }
.p-l-20 { padding-left: 20px !important }
.p-l-30 { padding-left: 30px !important }
.m-l-5 { margin-left: 5px !important }
.m-l-10 { margin-left: 10px !important }
.m-l-15 { margin-left: 15px !important }
.m-l-20 { margin-left: 20px !important }
.m-l-30 { margin-left: 30px !important }
.m-l-40 { margin-left: 40px !important }

.p-r-0 { padding-right: 0 !important }
.p-r-10 { padding-right: 10px !important }
.p-r-20 { padding-right: 20px !important }
.p-r-30 { padding-right: 30px !important }
.p-r-40 { padding-right: 40px !important }
.m-r-5 { margin-right: 5px !important }
.m-r-10 { margin-right: 10px !important }
.m-r-15 { margin-right: 15px !important }
.m-r-20 { margin-right: 20px !important }
.m-r-30 { margin-right: 30px !important }
.m-r-40 { margin-right: 40px !important }

.p-t-0 { padding-top: 0 !important }
.p-t-10 { padding-top: 10px !important }
.p-t-20 { padding-top: 20px !important }
.p-t-30 { padding-top: 30px !important }
.m-t-5 { margin-top: 5px !important }
.m-t-0 { margin-top: 0 !important }
.m-t-10 { margin-top: 10px !important }
.m-t-15 { margin-top: 15px !important }
.m-t-20 { margin-top: 20px !important }
.m-t-30 { margin-top: 30px !important }
.m-t-40 { margin-top: 40px !important }

.p-b-0 { padding-bottom: 0 !important }
.p-b-10 { padding-bottom: 10px !important }
.p-b-20 { padding-bottom: 20px !important }
.p-b-30 { padding-bottom: 30px !important }
.p-b-40 { padding-bottom: 40px !important }
.m-b-0 { margin-bottom: 0 !important }
.m-b-5 { margin-bottom: 5px !important }
.m-b-10 { margin-bottom: 10px !important }
.m-b-15 { margin-bottom: 15px !important }
.m-b-20 { margin-bottom: 20px !important }
.m-b-30 { margin-bottom: 30px !important }
.m-b-40 { margin-bottom: 40px !important }

.vt { vertical-align: top }
.vb { vertical-align: bottom }

.font-bold { font-weight: 700 }
.font-normal { font-weight: 400 }
.font-light { font-weight: 300 }
.pull-in { margin-left: -15px; margin-right: -15px }
.b-0 { border: none !important }
.vertical-middle { vertical-align: middle }

.bx-shadow {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.mx-box { max-height: 380px; min-height: 380px }
.thumb-sm { height: 32px; width: 32px }
.thumb-md { height: 48px; width: 48px }
.thumb-lg { height: 88px; width: 88px }

.txt-oflo { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }

.get-code {
    color: #2b2b2b;
    cursor: pointer;
    border-radius: 100%;
    background: #fff;
    padding: 4px 5px;
    font-size: 10px;
    margin: 0 5px;
    vertical-align: middle
}

.badge {
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 5px;
    font-size: 12px;
    margin-top: 1px;
    background-color: #fec107
}

.badge-xs {
    font-size: 9px
}

.badge-sm, .badge-xs {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.badge-success {
    background-color: #00c292
}

.badge-info {
    background-color: #03a9f3
}

.badge-warning {
    background-color: #fec107
}

.badge-danger {
    background-color: #fb9678
}

.badge-purple {
    background-color: #9675ce
}

.badge-red {
    background-color: #fb3a3a
}

.badge-inverse {
    background-color: #4c5667
}

.notify {
    position: relative;
    margin-top: -30px
}

    .notify .heartbit {
        position: absolute;
        top: -20px;
        right: -16px;
        height: 25px;
        width: 25px;
        z-index: 10;
        border: 5px solid #fb9678;
        border-radius: 70px;
        -moz-animation: heartbit 1s ease-out;
        -moz-animation-iteration-count: infinite;
        -o-animation: heartbit 1s ease-out;
        -o-animation-iteration-count: infinite;
        -webkit-animation: heartbit 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .notify .point {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #fb9678;
        position: absolute;
        right: -6px;
        top: -10px
    }

@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

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

    50% {
        -moz-transform: scale(.5);
        opacity: .3
    }

    75% {
        -moz-transform: scale(.8);
        opacity: .5
    }

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

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

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

    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }

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

.text-white {
    color: #fff !important
}

.text-danger {
    color: #fb9678 !important
}

.text-muted {
    color: #8d9ea7 !important
}

.text-warning {
    color: #ffa100 !important;
}

.text-success {
    color: #00c292 !important
}

.text-info {
    color: #03a9f3 !important
}

.text-inverse {
    color: #4c5667 !important
}

.text-blue {
    color: #02bec9 !important
}

.text-purple {
    color: #9675ce !important
}

.text-megna {
    color: #01c0c8 !important
}

.text-dark {
    color: #686868 !important
}

.fw-500 {
    font-weight: 500
}

.bg-primary {
    background-color: #ab8ce4 !important
}

.bg-success {
    background-color: #00c292 !important
}

.bg-info {
    background-color: #03a9f3 !important
}

.bg-warning {
    background-color: #fec107 !important
}

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

.bg-theme {
    background-color: #ff6849 !important
}

.bg-theme-dark {
    background-color: #723b5a !important
}

.bg-inverse {
    background-color: #4c5667 !important
}

.bg-purple {
    background-color: #9675ce !important
}

.bg-white {
    background-color: #fff !important
}

.bg-light {
    background-color: #e4e7ea !important
}

.label {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 12px 3px;
    font-weight: 500
}

.label-rouded, .label-rounded {
    border-radius: 60px;
    padding: 4px 12px 3px;
    font-weight: 500
}

.label-custom {
    background-color: #01c0c8
}

.label-success {
    background-color: #00c292
}

.label-info {
    background-color: #03a9f3
}

.label-warning {
    background-color: #fec107
}

.label-danger {
    background-color: #fb9678
}

.label-megna {
    background-color: #01c0c8
}

.label-primary {
    background-color: #ab8ce4
}

.label-purple {
    background-color: #9675ce
}

.label-red {
    background-color: #fb3a3a
}

.label-inverse {
    background-color: #4c5667
}

.label-white {
    background-color: #fff
}

.label-default {
    background-color: #e4e7ea
}

.navbar-top-links .progress {
    margin-bottom: 6px
}

label {
    font-weight: 400
}

.export-table > .export-table-cell-20 > .btn {
    margin-bottom: 5px;
}

.form-group.save-export-button {
    padding: 0px 15px;
    margin-bottom: 0;
    border: none;
    display: inline-block;
}

.save-export-button button {
    background: #723b5a;
    border: none;
    color: #fff;
    border: none;
}

    .save-export-button button:hover {
        background: #4e0930;
        border: none
    }

.form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #000;
    height: 41px;
    max-width: 100%;
    padding: 7px 12px;
    transition: all 300ms linear 0s;
    font-size: 14px;
}

select.form-control {
    padding: 0 5px !important;
    cursor: pointer;
    appearance: auto;
}

.close {
    opacity: 0.6;
}

span.k-numerictextbox, .dropdowncustomer1 {
    width: 100%;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 32px;
    line-height: 32px !important;
}

.dropdowncustomer1 .k-state-default {
    width: calc(100% - 30px);
}

.form-control:focus {
    box-shadow: none;
    border-color: #333
}

.input-sm {
    height: 40px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5
}

.input-lg {
    height: 44px;
    padding: 5px 10px;
    font-size: 18px
}

.bootstrap-tagsinput {
    border: 1px solid #e4e7ea;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 7px 12px
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding: 9px 10px
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}

.input-group-btn .btn {
    padding: 8px 12px
}

.form-horizontal .form-group {
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-bottom: 15px
}

.form-group {
    margin-bottom: 5px
}

.list-group-item, .list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
    border-color: rgba(120, 130, 140, .13)
}

    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        background: #03a9f3;
        border-color: #03a9f3
    }

.list-task .list-group-item, .list-task .list-group-item:first-child {
    border-radius: 0;
    border: 0
}

    .list-task .list-group-item:last-child {
        border-radius: 0;
        border: 0
    }

.media {
    border: 1px solid rgba(120, 130, 140, .13);
    margin-bottom: 10px;
    padding: 15px
}

    .media .media-heading {
        font-weight: 500
    }

.well, pre {
    background: #fff;
    border-radius: 0
}

.nav-tabs > li > a {
    border-radius: 0;
    color: #2b2b2b;
    font-weight: 500;
    letter-spacing: 0px;
}

    .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        background: #fff
    }

div#editBatchEditDialogBox .modal-content {
    border: none;
    border-radius: 5px;
}

/*.modal-content {
    border-radius: 9px;
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
    border: none;
}*/

.alert {
    border-radius: 0
}

.carousel-control {
    width: 8%
}

    .carousel-control span {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        font-size: 30px
    }

.popover {
    border-radius: 0
}

.popover-title {
    padding: 5px 14px
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-auto{
    padding-left: 7.5px;
    padding-right: 7.5px
}

.row {
    margin-right: -7.5px;
    margin-left: -7.5px
}

.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-radius: 0
}

.table-responsive {
    overflow-y: hidden
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination > li > a, .pagination > li > span {
    color: #2b2b2b
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        background-color: #e4e7ea
    }

.pagination-split li {
    margin-left: 5px;
    display: inline-block;
    float: left
}

    .pagination-split li:first-child {
        margin-left: 0
    }

    .pagination-split li a {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

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

.pager li > a, .pager li > span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #2b2b2b
}

.table-box {
    display: table;
    width: 100%
}

.cell {
    display: table-cell;
    vertical-align: middle
}

.jqstooltip {
    width: auto !important;
    height: auto !important
}

#wrapper {
    width: 100%
}

#page-wrapper {
    padding: 0;
    min-height: 568px;
    background: #efefef;
}

.footer {
    bottom: 0;
    color: #58666e;
    left: 0;
    padding: 5px 30px;
    position: relative;
    right: 0;
    background: #fff;
    font-size: 14px;
    top: auto;
    width: 100%;
}

.bg-title {
    background: #fff;
    overflow: hidden;
    padding: 15px 15px 10px;
    margin-bottom: 25px;
    margin-left: 0px;
    margin-right: 0px
}

    .bg-title h4 {
        color: #000;
        font-weight: 600;
        margin-top: 6px
    }

    .bg-title .breadcrumb {
        background: 0 0;
        margin-bottom: 0;
        float: right;
        padding: 0;
        margin-top: 7px
    }

        .bg-title .breadcrumb a {
            color: rgba(0, 0, 0, .5)
        }

            .bg-title .breadcrumb a:hover {
                color: #000
            }

        .bg-title .breadcrumb .active {
            color: #ff6849
        }

.logo b {
    height: 60px;
    display: inline-block;
    width: 60px;
    line-height: 60px;
    text-align: center
}

.logo i {
    color: #fff
}

.top-left-part {
    padding: 6px 10px;
    width: 205px;
    float: left;
    background: transparent;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .top-left-part a {
        color: #fff;
        font-size: 18px;
        padding-left: 0;
        text-transform: uppercase
    }

    .top-left-part img {
        max-width: 100%;
        height: 35px;
    }

    .top-left-part .light-logo {
        display: none
    }

.navbar-header {
    height: 50px;
    background: #212c36;
    width: 100%;
    border-top: #6f6f6f solid 1px;
}

.navbar-default {
    border: 0
}

.navbar-top-links {
    margin-right: 0
}

    .navbar-top-links .badge {
        position: absolute;
        right: 6px;
        top: 15px
    }

    .navbar-top-links > li {
        float: left;
    }

        .navbar-top-links > li > a:hover {
            /* background: #efefef;*/
            /*background: #6F6F6F;*/
            /*color: #000;*/
        }



    /*.navbar-top-links > li > a:focus {
            background: #6F6F6F;
            color: #fff;
        }*/

    .navbar-top-links.navbar-right > li > a:hover {
        background: #016f5a;
        color: #000;
    }

    .navbar-top-links.navbar-right > li > a:focus {
        background: #016f5a;
        color: #fff;
    }

ul.navbar-right li a.show {
    background: #016f5a;
    color: #fff;
}

.navbar-header .navbar-top-links > li {
    height: 50px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: rgba(255, 255, 255, .2)
}

.navbar-top-links .dropdown-menu li {
    display: block;
    color: #132234;
}

    .navbar-top-links .dropdown-menu li:last-child {
        margin-right: 0
    }

    .navbar-top-links .dropdown-menu li a div {
        white-space: normal
    }

.navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
    width: 310px;
    min-width: 0
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto
}

.navbar-header .navbar-toggle {
    float: none;
    padding: 0 15px;
    line-height: 60px;
    border: 0;
    color: rgba(255, 255, 255, .5);
    margin: 0;
    display: none;
    border-radius: 0
}

    .navbar-header .navbar-toggle:focus, .navbar-header .navbar-toggle:hover {
        background: rgba(0, 0, 0, .3);
        color: #fff
    }

.app-search {
    position: relative;
    margin: 0
}

    .app-search a {
        position: absolute;
        top: 20px;
        right: 10px;
        color: #4c5667
    }

    .app-search .form-control, .app-search .form-control:focus {
        border: none;
        font-size: 13px;
        color: #4c5667;
        padding-left: 20px;
        padding-right: 40px;
        background: rgba(255, 255, 255, .9);
        box-shadow: none;
        height: 30px;
        font-weight: 600;
        width: 180px;
        display: inline-block;
        line-height: 30px;
        margin-top: 15px;
        border-radius: 40px;
        transition: .5s ease-out;
        border: 1px solid #4c5667;
    }

        .app-search .form-control::-moz-placeholder {
            color: #4c5667;
            opacity: .5
        }

        .app-search .form-control::-webkit-input-placeholder {
            color: #4c5667;
            opacity: .5
        }

        .app-search .form-control::-ms-placeholder {
            color: #4c5667;
            opacity: .5
        }

.nav-small-cap {
    color: #a6afbb;
    cursor: default;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .035em;
    padding: 12px 15px !important;
    pointer-events: none;
    margin: 20px 0 0 -15px
}

.drop-title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 20px 15px
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s
}

.btn-rounded {
    border-radius: 4px
}

.btn-custom, .btn-custom.disabled {
    background: #ff6849;
    border: 1px solid #ff6849;
    color: #fff
}

    .btn-custom.disabled.focus, .btn-custom.disabled:focus, .btn-custom.disabled:hover, .btn-custom.focus, .btn-custom:focus, .btn-custom:hover {
        background: #ff6849;
        opacity: .8;
        color: #fff;
        border: 1px solid #ff6849
    }

.btn-primary, .btn-primary.disabled {
    background: #757575;
    border: 1px solid #eee
}

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
        background: #2ca01c;
        opacity: .8;
        border: 1px solid #2ca01c
    }

.btn-success, .btn-success.disabled {
    background: #2ca01c;
    border: 1px solid #2ca01c;
    border-radius: 5px;
}

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success.focus, .btn-success:focus, .btn-success:hover {
        background: rgba(44, 160, 28, 0.8);
        border: 1px solid rgba(44, 160, 28, 0.8);
    }

.btn-info, .btn-info.disabled {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border: 1px solid #0bb5af
}

   /* .btn-info:not(.product-button).disabled.focus, .btn-info:not(.product-button).disabled:focus, .btn-info:not(.product-button).disabled:hover, .btn-info:not(.product-button).focus, .btn-info:not(.product-button):focus, .btn-info:not(.product-button):hover {
        background: #2ca01c;
        border: 1px solid #2ca01c
    }*/

.btn-warning, .btn-warning.disabled {
    background: #fec107;
    border: 1px solid #fec107
}

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
        background: #fec107;
        border: 1px solid #fec107
    }

.btn-danger, .btn-danger.disabled {
    background: #fb9678;
    border: 1px solid #fb9678
}

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
        background: #fb9678;
        border: 1px solid #fb9678
    }

.btn-default, .btn-default.disabled {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #ffffff;
    border-radius: 4px;
}

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus, .btn-default:focus, .btn-default:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        color: #fff;
        border: #0bb5af solid 1px;
    }

    .btn-default.btn-outline {
        background-color: #fff
    }

        .btn-default.btn-outline.focus, .btn-default.btn-outline:focus, .btn-default.btn-outline:hover {
            background: #e4e7ea
        }

.btn-primary.btn-outline {
    color: #ab8ce4;
    background-color: #fff
}

    .btn-primary.btn-outline.focus, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:hover {
        background: #ab8ce4;
        color: #fff
    }

.btn-success.btn-outline {
    color: #00c292;
    background-color: transparent
}

    .btn-success.btn-outline.focus, .btn-success.btn-outline:focus, .btn-success.btn-outline:hover {
        background: #00c292;
        color: #fff
    }

.btn-info.btn-outline {
    color: #03a9f3;
    background-color: transparent
}

    .btn-info.btn-outline.focus, .btn-info.btn-outline:focus, .btn-info.btn-outline:hover {
        background: #03a9f3;
        color: #fff
    }

.btn-warning.btn-outline {
    color: #fec107;
    background-color: transparent
}

    .btn-warning.btn-outline.focus, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:hover {
        background: #fec107;
        color: #fff
    }

.btn-danger.btn-outline {
    color: #fb9678;
    background-color: transparent
}

    .btn-danger.btn-outline.focus, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:hover {
        background: #fb9678;
        color: #fff
    }

.button-box .btn {
    margin: 0 8px 8px 0
}

.btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover {
    color: #fff
}

.btn-label {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    margin: -6px 12px -6px -14px;
    padding: 7px 15px
}

.btn-facebook {
    color: #fff !important;
    background-color: #3b5998 !important
}

.btn-twitter {
    color: #fff !important;
    background-color: #55acee !important
}

.btn-linkedin {
    color: #fff !important;
    background-color: #007bb6 !important
}

.btn-dribbble {
    color: #fff !important;
    background-color: #ea4c89 !important
}

.btn-googleplus {
    color: #fff !important;
    background-color: #dd4b39 !important
}

.btn-instagram {
    color: #fff !important;
    background-color: #3f729b !important
}

.btn-pinterest {
    color: #fff !important;
    background-color: #cb2027 !important
}

.btn-dropbox {
    color: #fff !important;
    background-color: #007ee5 !important
}

.btn-flickr {
    color: #fff !important;
    background-color: #ff0084 !important
}

.btn-tumblr {
    color: #fff !important;
    background-color: #32506d !important
}

.btn-skype {
    color: #fff !important;
    background-color: #00aff0 !important
}

.btn-youtube {
    color: #fff !important;
    background-color: #b00 !important
}

.btn-github {
    color: #fff !important;
    background-color: #171515 !important
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #0071DC;
    border: 1px solid #0071DC
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background: #3dc572;
    border: 1px solid #3dc572
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    background-color: #03a9f3;
    border: 1px solid #03a9f3
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    background-color: #fec107;
    border: 1px solid #fec107
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    background-color: #fb9678;
    border: 1px solid #fb9678
}

.btn-inverse, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    background-color: #4c5667;
    border: 1px solid #4c5667;
    color: #fff
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none
}

    .chat li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted rgba(120, 130, 140, .13)
    }

        .chat li.left .chat-body {
            margin-left: 60px
        }

        .chat li.right .chat-body {
            margin-right: 60px
        }

        .chat li .chat-body p {
            margin: 0
        }

    .chat .glyphicon, .panel .slidedown .glyphicon {
        margin-right: 5px
    }

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll
}

.login-panel {
    margin-top: 25%
}

.flot-chart {
    display: block;
    height: 400px
}

.flot-chart-content {
    width: 100%;
    height: 100%
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    background: 0 0
}

    table.dataTable thead .sorting_asc:after {
        content: "\f0de";
        float: right;
        font-family: fontawesome
    }

    table.dataTable thead .sorting_desc:after {
        content: "\f0dd";
        float: right;
        font-family: fontawesome
    }

    table.dataTable thead .sorting:after {
        content: "\f0dc";
        float: right;
        font-family: fontawesome;
        color: rgba(50, 50, 50, .5)
    }

.btn-circle {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        border-radius: 25px;
        font-size: 18px;
        line-height: 1.33
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        border-radius: 35px;
        font-size: 24px;
        line-height: 1.33
    }

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgba(120, 130, 140, .13);
    background-color: #f7fafc
}

.show-grid {
    margin: 15px 0
}

.huge {
    font-size: 40px
}

.white-box {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 0.375rem;
}

    .white-box .box-title {
        margin: 0 0 12px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px
    }

.panel {
    border-radius: 0;
    margin-bottom: 15px;
    border: 0
}

    .panel .panel-heading {
        border-radius: 0;
        font-weight: 600;
        text-transform: capitalize;
        padding: 20px 25px
    }

        .panel .panel-heading .panel-title {
            color: #2b2b2b
        }

        .panel .panel-heading a i {
            font-size: 12px;
            margin-left: 8px
        }

    .panel .panel-action {
        float: right
    }

        .panel .panel-action a {
            opacity: .5
        }

            .panel .panel-action a:hover {
                opacity: 1
            }

    .panel .panel-body {
        padding: 25px 0
    }

        .panel .panel-body:first-child h3 {
            margin-top: 0;
            font-weight: 600;
            font-family: Roboto, sans-serif;
            font-size: 16px;
            text-transform: uppercase
        }

    .panel .panel-footer {
        background: #fff;
        border-radius: 0;
        padding: 20px 25px
    }

.panel-green, .panel-success {
    border-color: #00c292
}

    .panel-green .panel-heading, .panel-success .panel-heading {
        border-color: #00c292;
        color: #fff;
        background-color: #00c292
    }

        .panel-green .panel-heading a, .panel-success .panel-heading a {
            color: #fff
        }

            .panel-green .panel-heading a:hover, .panel-success .panel-heading a:hover {
                color: rgba(255, 255, 255, .5)
            }

    .panel-green a, .panel-success a {
        color: #00c292
    }

        .panel-green a:hover, .panel-success a:hover {
            color: #007658
        }

.panel-black, .panel-inverse {
    border-color: #4c5667
}

    .panel-black .panel-heading, .panel-inverse .panel-heading {
        border-color: #4c5667;
        color: #fff;
        background-color: #4c5667
    }

        .panel-black .panel-heading a, .panel-inverse .panel-heading a {
            color: #fff
        }

            .panel-black .panel-heading a:hover, .panel-inverse .panel-heading a:hover {
                color: rgba(255, 255, 255, .5)
            }

    .panel-black a, .panel-inverse a {
        color: #4c5667
    }

        .panel-black a:hover, .panel-inverse a:hover {
            color: #2c313b
        }

.panel-darkblue, .panel-primary {
    border-color: #ab8ce4
}

    .panel-darkblue .panel-heading, .panel-primary .panel-heading {
        border-color: #ab8ce4;
        color: #fff;
        background-color: #ab8ce4
    }

        .panel-darkblue .panel-heading a, .panel-primary .panel-heading a {
            color: #fff
        }

            .panel-darkblue .panel-heading a:hover, .panel-primary .panel-heading a:hover {
                color: rgba(255, 255, 255, .5)
            }

    .panel-darkblue a, .panel-primary a {
        color: #ab8ce4
    }

        .panel-darkblue a:hover, .panel-primary a:hover {
            color: #7e4ed5
        }

.panel-blue, .panel-info {
    border-color: #03a9f3
}

    .panel-blue .panel-heading, .panel-info .panel-heading {
        border-color: #03a9f3;
        color: #fff;
        background-color: #03a9f3
    }

        .panel-blue .panel-heading a, .panel-info .panel-heading a {
            color: #fff
        }

            .panel-blue .panel-heading a:hover, .panel-info .panel-heading a:hover {
                color: rgba(255, 255, 255, .5)
            }

    .panel-blue a, .panel-info a {
        color: #03a9f3
    }

        .panel-blue a:hover, .panel-info a:hover {
            color: #0274a7
        }

.panel-danger, .panel-red {
    border-color: #fb9678
}

    .panel-danger .panel-heading, .panel-red .panel-heading {
        border-color: #fb9678;
        color: #fff;
        background-color: #fb9678
    }

        .panel-danger .panel-heading a, .panel-red .panel-heading a {
            color: #fff
        }

            .panel-danger .panel-heading a:hover, .panel-red .panel-heading a:hover {
                color: rgba(255, 255, 255, .5)
            }

    .panel-danger a, .panel-red a {
        color: #fb9678
    }

        .panel-danger a:hover, .panel-red a:hover {
            color: #f95c2e
        }

.panel-warning, .panel-yellow {
    border-color: #fec107
}

    .panel-warning .panel-heading, .panel-yellow .panel-heading {
        border-color: #fec107;
        color: #fff;
        background-color: #fec107
    }

        .panel-warning .panel-heading a, .panel-yellow .panel-heading a {
            color: #fff
        }

            .panel-warning .panel-heading a:hover, .panel-yellow .panel-heading a:hover {
                color: rgba(255, 255, 255, .5)
            }

    .panel-warning a, .panel-yellow a {
        color: #fec107
    }

        .panel-warning a:hover, .panel-yellow a:hover {
            color: #b88b01
        }

.panel-default, .panel-white {
    border-color: rgba(120, 130, 140, .13)
}

    .panel-default .panel-heading, .panel-white .panel-heading {
        color: #2b2b2b;
        background-color: #fff;
        border-bottom: 1px solid #d0d0d0;
    }

    .panel-default .panel-body, .panel-white .panel-body {
        color: #2b2b2b
    }

    .panel-default .panel-action a, .panel-white .panel-action a {
        color: #2b2b2b;
        opacity: .5
    }

        .panel-default .panel-action a:hover, .panel-white .panel-action a:hover {
            opacity: 1;
            color: #2b2b2b
        }

    .panel-default .panel-footer, .panel-white .panel-footer {
        background: #fff;
        color: #2b2b2b;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

.full-panel-info {
    border-color: #03a9f3
}

    .full-panel-info .panel-heading {
        border-color: #03a9f3;
        color: #fff;
        background-color: #03a9f3;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-info .panel-body {
        background: #03a9f3;
        color: #fff
    }

    .full-panel-info .panel-footer {
        background: #03a9f3;
        color: #fff;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-info a {
        color: #03a9f3
    }

        .full-panel-info a:hover {
            color: #0274a7
        }

.full-panel-warning {
    border-color: #fec107
}

    .full-panel-warning .panel-heading {
        border-color: #fec107;
        color: #fff;
        background-color: #fec107;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-warning .panel-body {
        background: #fec107;
        color: #fff
    }

    .full-panel-warning .panel-footer {
        background: #fec107;
        color: #fff;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-warning a {
        color: #fec107
    }

        .full-panel-warning a:hover {
            color: #b88b01
        }

.full-panel-success {
    border-color: #00c292
}

    .full-panel-success .panel-heading {
        border-color: #00c292;
        color: #fff;
        background-color: #00c292;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-success .panel-body {
        background: #00c292;
        color: #fff
    }

    .full-panel-success .panel-footer {
        background: #00c292;
        color: #fff;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-success a {
        color: #00c292
    }

        .full-panel-success a:hover {
            color: #007658
        }

.full-panel-purple {
    border-color: #9675ce;
}

    .full-panel-purple .panel-heading {
        color: #fff;
        background-color: #9675ce;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-purple .panel-body {
        background: #9675ce;
        color: #fff
    }

    .full-panel-purple .panel-footer {
        background: #9675ce;
        color: #fff;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-purple a {
        color: #9675ce
    }

        .full-panel-purple a:hover {
            color: #6c41b6
        }

.full-panel-danger {
    border-color: #fb9678
}

    .full-panel-danger .panel-heading {
        border-color: #fb9678;
        color: #fff;
        background-color: #fb9678;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-danger .panel-body {
        background: #fb9678;
        color: #fff
    }

    .full-panel-danger .panel-footer {
        background: #fb9678;
        color: #fff;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-danger a {
        color: #fb9678
    }

        .full-panel-danger a:hover {
            color: #f95c2e
        }

.full-panel-inverse {
    border-color: #4c5667
}

    .full-panel-inverse .panel-heading {
        border-color: #4c5667;
        color: #fff;
        background-color: #4c5667;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-inverse .panel-body {
        background: #4c5667;
        color: #fff
    }

    .full-panel-inverse .panel-footer {
        background: #4c5667;
        color: #fff;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-inverse a {
        color: #4c5667
    }

        .full-panel-inverse a:hover {
            color: #2c313b
        }

.full-panel-default {
    border-color: rgba(120, 130, 140, .13)
}

    .full-panel-default .panel-heading {
        color: #2b2b2b;
        background-color: #fff;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-default .panel-body {
        color: #2b2b2b
    }

    .full-panel-default .panel-footer {
        background: #fff;
        color: #2b2b2b;
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

    .full-panel-default a {
        color: #2b2b2b
    }

        .full-panel-default a:hover {
            color: #2c313b
        }

.panel-opcl {
    float: right
}

    .panel-opcl i {
        margin-left: 8px;
        font-size: 10px;
        cursor: pointer
    }

.fa-fw {
    width: 20px !important;
    display: inline-block !important;
    text-align: left !important
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, .08);
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255, 255, 255, .4);
        background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
        background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0, 0, 0, .2)
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255, 255, 255, .4)
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button, .waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

    .waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited {
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        outline: 0;
        color: inherit;
        background-color: rgba(0, 0, 0, 0);
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        text-decoration: none;
        z-index: 1
    }

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

    .waves-input-wrapper.waves-button {
        padding: 0
    }

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

    .waves-float:active {
        -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
        box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
    }

.waves-block {
    display: block
}

.checkbox {
    padding-left: 20px
}

    .checkbox label {
        display: inline-block;
        padding-left: 5px;
        position: relative
    }

        .checkbox label::before {
            -o-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            background-color: #fff;
            border-radius: 1px;
            border: 1px solid rgba(120, 130, 140, .13);
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            position: absolute;
            transition: .3s ease-in-out;
            width: 17px;
            outline: 0 !important
        }

        .checkbox label::after {
            color: #2b2b2b;
            display: inline-block;
            font-size: 11px;
            height: 16px;
            left: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            position: absolute;
            top: 0;
            width: 16px
        }

    .checkbox input[type=checkbox] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: 0 !important
    }

        .checkbox input[type=checkbox]:disabled + label {
            opacity: .65
        }

        .checkbox input[type=checkbox]:focus + label::before {
            outline-offset: -2px;
            outline: 0;
            outline: dotted thin
        }

        .checkbox input[type=checkbox]:checked + label::after {
            content: "\f00c";
            font-family: FontAwesome
        }

        .checkbox input[type=checkbox]:disabled + label::before {
            background-color: #e4e7ea;
            cursor: not-allowed
        }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%
    }

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

    .checkbox.checkbox-single label {
        height: 17px
    }

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #ab8ce4;
    border-color: #ab8ce4
}

.checkbox-primary input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked + label::before {
    background-color: #fb9678;
    border-color: #fb9678
}

.checkbox-danger input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked + label::before {
    background-color: #03a9f3;
    border-color: #03a9f3
}

.checkbox-info input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked + label::before {
    background-color: #fec107;
    border-color: #fec107
}

.checkbox-warning input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked + label::before {
    background-color: #00c292;
    border-color: #00c292
}

.checkbox-success input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-purple input[type=checkbox]:checked + label::before {
    background-color: #9675ce;
    border-color: #9675ce
}

.checkbox-purple input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-red input[type=checkbox]:checked + label::before {
    background-color: #fb9678;
    border-color: #fb9678
}

.checkbox-red input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-inverse input[type=checkbox]:checked + label::before {
    background-color: #4c5667;
    border-color: #4c5667
}

.checkbox-inverse input[type=checkbox]:checked + label::after {
    color: #fff
}

.radio {
    padding-left: 20px
}

    .radio label {
        display: inline-block;
        padding-left: 5px;
        position: relative
    }

        .radio label::before {
            -o-transition: border .5s ease-in-out;
            -webkit-transition: border .5s ease-in-out;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid rgba(120, 130, 140, .13);
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            position: absolute;
            transition: border .5s ease-in-out;
            width: 17px;
            outline: 0 !important
        }

        .radio label::after {
            -moz-transition: -moz-transform .3s cubic-bezier(.8, -.33, .2, 1.33);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            -o-transition: -o-transform .3s cubic-bezier(.8, -.33, .2, 1.33);
            -webkit-transform: scale(0, 0);
            -webkit-transition: -webkit-transform .3s cubic-bezier(.8, -.33, .2, 1.33);
            background-color: #2b2b2b;
            border-radius: 50%;
            content: " ";
            display: inline-block;
            height: 7px;
            left: 5px;
            margin-left: -20px;
            position: absolute;
            top: 5px;
            transform: scale(0, 0);
            transition: transform .3s cubic-bezier(.8, -.33, .2, 1.33);
            width: 7px
        }

    .radio input[type=radio] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: 0 !important
    }

        .radio input[type=radio]:disabled + label {
            opacity: .65
        }

        .radio input[type=radio]:focus + label::before {
            outline-offset: -2px;
            outline: -webkit-focus-ring-color auto 5px;
            outline: dotted thin
        }

        .radio input[type=radio]:checked + label::after {
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        .radio input[type=radio]:disabled + label::before {
            cursor: not-allowed
        }

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

    .radio.radio-single label {
        height: 17px
    }

.radio-primary input[type=radio] + label::after {
    background-color: #ab8ce4
}

.radio-primary input[type=radio]:checked + label::before {
    border-color: #ab8ce4
}

.radio-primary input[type=radio]:checked + label::after {
    background-color: #ab8ce4
}

.radio-danger input[type=radio] + label::after {
    background-color: #fb9678
}

.radio-danger input[type=radio]:checked + label::before {
    border-color: #fb9678
}

.radio-danger input[type=radio]:checked + label::after {
    background-color: #fb9678
}

.radio-info input[type=radio] + label::after {
    background-color: #03a9f3
}

.radio-info input[type=radio]:checked + label::before {
    border-color: #03a9f3
}

.radio-info input[type=radio]:checked + label::after {
    background-color: #03a9f3
}

.radio-warning input[type=radio] + label::after {
    background-color: #fec107
}

.radio-warning input[type=radio]:checked + label::before {
    border-color: #fec107
}

.radio-warning input[type=radio]:checked + label::after {
    background-color: #fec107
}

.radio-success input[type=radio] + label::after {
    background-color: #00c292
}

.radio-success input[type=radio]:checked + label::before {
    border-color: #00c292
}

.radio-success input[type=radio]:checked + label::after {
    background-color: #00c292
}

.radio-purple input[type=radio] + label::after {
    background-color: #9675ce
}

.radio-purple input[type=radio]:checked + label::before {
    border-color: #9675ce
}

.radio-purple input[type=radio]:checked + label::after {
    background-color: #9675ce
}

.radio-red input[type=radio] + label::after {
    background-color: #fb9678
}

.radio-red input[type=radio]:checked + label::before {
    border-color: #fb9678
}

.radio-red input[type=radio]:checked + label::after {
    background-color: #fb9678
}

.fileupload {
    overflow: hidden;
    position: relative
}

    .fileupload input.upload {
        cursor: pointer;
        filter: alpha(opacity=0);
        font-size: 20px;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.model_img {
    cursor: pointer
}

.myadmin-dd .dd-list .dd-item .dd-handle {
    background: #fff;
    border: 1px solid rgba(120, 130, 140, .13);
    padding: 8px 16px;
    height: auto;
    font-weight: 600;
    border-radius: 0
}

    .myadmin-dd .dd-list .dd-item .dd-handle:hover {
        color: #03a9f3
    }

.myadmin-dd .dd-list .dd-item button {
    height: auto;
    font-size: 17px;
    margin: 8px auto;
    color: #2b2b2b;
    width: 30px
}

.myadmin-dd-empty .dd-list .dd3-handle {
    border: 1px solid rgba(120, 130, 140, .13);
    border-bottom: 0;
    background: #fff;
    height: 36px;
    width: 36px
}

    .myadmin-dd-empty .dd-list .dd3-handle:before {
        color: inherit;
        top: 7px
    }

    .myadmin-dd-empty .dd-list .dd3-handle:hover {
        color: #03a9f3
    }

.myadmin-dd-empty .dd-list .dd3-content {
    height: auto;
    border: 1px solid rgba(120, 130, 140, .13);
    padding: 8px 16px 8px 46px;
    background: #fff;
    font-weight: 600
}

    .myadmin-dd-empty .dd-list .dd3-content:hover {
        color: #03a9f3
    }

.myadmin-dd-empty .dd-list button {
    width: 26px;
    height: 26px;
    font-size: 16px;
    font-weight: 600
}

.settings_box {
    position: absolute;
    top: 75px;
    right: 0;
    z-index: 100
}

    .settings_box a {
        background: #fff;
        padding: 15px;
        display: inline-block;
        vertical-align: top
    }

        .settings_box a i {
            display: block;
            -webkit-animation-name: rotate;
            -webkit-animation-duration: 2s;
            -moz-animation-name: rotate;
            -moz-animation-duration: 2s;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            animation-name: rotate;
            font-size: 16px;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-timing-function: linear
        }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.theme_color {
    margin: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    width: 0;
    transition: .5s ease-out;
    background: #fff
}

    .theme_color li {
        list-style: none;
        width: 30%;
        float: left;
        margin: 0 1.5%
    }

        .theme_color li a {
            padding: 5px;
            height: 50px;
            display: block
        }

            .theme_color li a.theme-green {
                background: #00c292
            }

            .theme_color li a.theme-red {
                background: #fb9678
            }

            .theme_color li a.theme-dark {
                background: #4c5667
            }

.theme_block {
    width: 200px;
    padding: 30px
}

ul.common li {
    display: inline-block;
    line-height: 40px;
    list-style: none none;
    width: 48%
}

    ul.common li a {
        color: #686868
    }

        ul.common li a:hover {
            color: #03a9f3
        }

.card-primary {
    background-color: #ab8ce4;
    border-color: #ab8ce4
}

.card-success {
    background-color: #00c292;
    border-color: #00c292
}

.card-info {
    background-color: #03a9f3;
    border-color: #03a9f3
}

.card-warning {
    background-color: #fec107;
    border-color: #fec107
}

.card-danger {
    background-color: #fb9678;
    border-color: #fb9678
}

.card-secondary {
    background-color: #4c5667;
    border-color: #4c5667
}

.card-red {
    background-color: #fb3a3a;
    border-color: #fb3a3a
}

.card-blue {
    background-color: #02bec9;
    border-color: #02bec9
}

.card-purple {
    background-color: #9675ce;
    border-color: #9675ce
}

.card-megna {
    background-color: #01c0c8;
    border-color: #01c0c8
}

.card-outline-primary {
    border-color: #ab8ce4
}

.card-outline-success {
    border-color: #00c292
}

.card-outline-info {
    border-color: #03a9f3
}

.card-outline-warning {
    border-color: #fec107
}

.card-outline-danger {
    border-color: #fb9678
}

.card-outline-secondary {
    border-color: #4c5667
}

.card-outline-red {
    border-color: #fb3a3a
}

.card-outline-blue {
    border-color: #02bec9
}

.card-outline-purple {
    border-color: #9675ce
}

.card-outline-megna {
    border-color: #01c0c8
}

.row-in i {
    font-size: 24px
}

.navbar-header .navbar-right .mailbox {    
    height: auto !important;
    padding: 0px !important;
}
.navbar-header .navbar-right .mailbox li:last-child {
    border-bottom: transparent;
}
/*.navbar-header .navbar-right .mailbox a {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    padding-right: 5px !important;
}*/



.mailbox {
    width: 280px;
    overflow: auto;
    padding-bottom: 0;
    padding-top: 0;
    height: 275px !important;
}

.message-center a {
    border-bottom: 1px solid rgba(120, 130, 140, .13);
    display: block;
    padding: 5px 10px !important;
}

    .message-center a:hover {
        background: #e1f1ed
    }

.message-center .user-img {
    width: 40px;
    float: left;
    position: relative;
    margin: 0 10px 15px 0
}

    .message-center .user-img img {
        width: 100%
    }

    .message-center .user-img .profile-status {
        border: 2px solid #fff;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        left: 30px;
        position: absolute;
        top: 1px;
        width: 10px
    }

    .message-center .user-img .online {
        background: #00c292
    }

    .message-center .user-img .busy {
        background: #fb9678
    }

    .message-center .user-img .away, .message-center .user-img .offline {
        background: #fec107
    }

.message-center .mail-contnet h5 {
    margin: 0;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.message-center .mail-contnet .mail-desc {
    font-size: 12px;
    display: block;
    margin: 2px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #2b2b2b
}

.message-center .mail-contnet .time {
    display: block;
    font-size: 11px;
    color: #2b2b2b;
    font-weight: 400;
}
.message-center .mail-contnet .fa-refresh {
    padding:3px 0;
}

.mail-contnet a.action {
    margin-left: 10px;
    font-size: 12px;
    visibility: hidden
}

.mail-contnet:hover a.action {
    visibility: visible
}

.inbox-center .unread td {
    font-weight: 600
}

.inbox-center a {
    color: #686868;
    padding: 2px 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.comment-center {
    margin: 0 -25px
}

    .comment-center .comment-body {
        border-bottom: 1px solid rgba(120, 130, 140, .13);
        display: table;
        padding: 20px 25px
    }

        .comment-center .comment-body:hover {
            background: #f7fafc
        }

    .comment-center .user-img {
        width: 40px;
        display: table-cell;
        position: relative;
        margin: 0 10px 0 0
    }

        .comment-center .user-img img {
            width: 100%
        }

    .comment-center .mail-contnet {
        display: table-cell;
        padding-left: 15px;
        vertical-align: top
    }

        .comment-center .mail-contnet h5 {
            margin: 0;
            font-weight: 400;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .comment-center .mail-contnet .mail-desc {
            font-size: 18px;
            display: block;
            margin: 8px 0;
            line-height: 25px;
            color: #848a96;
            height: 50px;
            overflow: hidden
        }

        .comment-center .mail-contnet .time {
            display: block;
            font-size: 10px;
            color: #2b2b2b
        }

.sales-report {
    background: #f7fafc;
    margin: 12px -25px;
    padding: 15px
}

.dropdown-alerts, .dropdown-tasks {
    padding: 0
}

    .dropdown-alerts li a, .dropdown-tasks li a, .mailbox li > a {
        padding: 15px 20px
    }

    .dropdown-alerts li.divider, .dropdown-tasks li.divider {
        margin: 0
    }

.row-in-br {
    border-right: 1px solid rgba(120, 130, 140, .13)
}

.col-in {
    padding: 20px
}

    .col-in h3 {
        font-size: 48px;
        font-weight: 100
    }

.basic-list {
    padding: 0
}

    .basic-list li {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid rgba(120, 130, 140, .13);
        line-height: 27px;
    }

        .basic-list li:last-child {
            border-bottom: 0
        }

.steamline {
    position: relative;
    border-left: 1px solid rgba(120, 130, 140, .13);
    margin-left: 20px
}

    .steamline .sl-left {
        float: left;
        margin-left: -20px;
        z-index: 1;
        margin-right: 15px
    }

        .steamline .sl-left img {
            max-width: 40px
        }

    .steamline .sl-right {
        padding-left: 35px
    }

    .steamline .sl-item {
        margin-top: 8px;
        margin-bottom: 30px
    }

.sl-date {
    font-size: 10px;
    color: #98a6ad
}

.time-item {
    border-color: rgba(120, 130, 140, .13);
    padding-bottom: 1px;
    position: relative
}

    .time-item:before {
        content: " ";
        display: table
    }

    .time-item:after {
        background-color: #fff;
        border-color: rgba(120, 130, 140, .13);
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        bottom: 0;
        content: '';
        height: 14px;
        left: 0;
        margin-left: -8px;
        position: absolute;
        top: 5px;
        width: 14px
    }

.time-item-item:after {
    content: " ";
    display: table
}

.item-info {
    margin-bottom: 15px;
    margin-left: 15px
}

    .item-info p {
        margin-bottom: 10px !important
    }

.user-bg {
    margin: -25px;
    height: 230px;
    overflow: hidden;
    position: relative
}

    .user-bg .overlay-box {
        background: #9675ce;
        opacity: .9;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        text-align: center
    }

        .user-bg .overlay-box .user-content {
            padding: 15px;
            margin-top: 30px
        }

.user-btm-box {
    padding: 40px 0 10px;
    clear: both;
    overflow: hidden
}

.vertical .carousel-inner {
    height: 100%;
    position: relative
}

.carousel.vertical .item {
    -webkit-transition: .6s ease-in-out top;
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top
}

.carousel.vertical .active {
    top: 0
}

.carousel.vertical .next {
    top: 400px
}

.carousel.vertical .prev {
    top: -400px
}

    .carousel.vertical .next.left, .carousel.vertical .prev.right {
        top: 0
    }

.carousel.vertical .active.left {
    top: -400px
}

.carousel.vertical .active.right {
    top: 400px
}

.carousel.vertical .item {
    left: 0
}

.twi-user img {
    margin-right: 20px;
    width: 50px
}

.twi-user {
    margin: 18px 0
}

.carousel-inner h3 {
    height: 112px;
    overflow: hidden
}

.chart-box {
    margin: 25px -15px -17px -17px
}

.list-task .task-done span {
    text-decoration: line-through
}

.chat-list {
    list-style: none;
    max-height: 332px;
    padding: 0 20px
}

    .chat-list li {
        margin-bottom: 24px;
        overflow: auto
    }

    .chat-list .chat-image {
        display: inline-block;
        float: left;
        text-align: center;
        width: 50px
    }

        .chat-list .chat-image img {
            border-radius: 100%;
            width: 100%
        }

    .chat-list .chat-text {
        background: #f7fafc;
        border-radius: 0;
        display: inline-block;
        padding: 15px;
        position: relative
    }

        .chat-list .chat-text h4 {
            color: #1a2942;
            display: block;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            margin: 0;
            line-height: 15px;
            position: relative
        }

        .chat-list .chat-text p {
            margin: 0;
            padding-top: 3px
        }

        .chat-list .chat-text b {
            font-size: 10px;
            opacity: .8
        }

    .chat-list .chat-body {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin-left: 12px;
        width: 65%
    }

    .chat-list .odd .chat-image {
        float: right !important
    }

    .chat-list .odd .chat-body {
        float: right !important;
        margin-right: 12px;
        text-align: right;
        color: #fff
    }

    .chat-list .odd .chat-text {
        background: #ff6849
    }

        .chat-list .odd .chat-text h4 {
            color: #fff
        }

.chat-send {
    padding-left: 0;
    padding-right: 30px
}

    .chat-send button {
        width: 100%
    }

.weather-box .weather-top {
    overflow: hidden;
    padding: 10px 25px;
    margin: 0 -25px;
    background: #f7fafc
}

    .weather-box .weather-top h2 {
        line-height: 24px
    }

        .weather-box .weather-top h2 small {
            font-size: 13px
        }

    .weather-box .weather-top .today_crnt {
        font-size: 45px;
        font-weight: 100
    }

        .weather-box .weather-top .today_crnt canvas {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle
        }

.weather-box .weather-info {
    padding: 10px 0
}

.weather-box .weather-time {
    overflow: hidden;
    text-align: center;
    padding-top: 15px
}

    .weather-box .weather-time li span {
        display: block
    }

    .weather-box .weather-time li canvas {
        font-size: 20px;
        margin: 10px 0
    }

.demo-container {
    width: 100%;
    height: 350px
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 1.2em
}

.myadmin-alert {
    border-radius: 0;
    color: #fff;
    padding: 12px 30px 12px 12px;
    position: relative;
    text-align: left
}

    .myadmin-alert a {
        color: inherit;
        font-weight: 600;
        text-decoration: underline
    }

    .myadmin-alert h4 {
        color: inherit;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        margin: 0
    }

    .myadmin-alert .img {
        border-radius: 3px;
        height: 40px;
        left: 12px;
        position: absolute;
        top: 12px;
        width: 40px
    }

.myadmin-alert-img {
    min-height: 64px;
    padding-left: 65px
}

.myadmin-alert-icon {
    padding-left: 20px
}

    .myadmin-alert-icon i {
        padding-right: 10px
    }

.myadmin-alert .closed {
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
    font-weight: 500;
    padding: 4px;
    position: absolute;
    right: 3px;
    text-decoration: none;
    top: 0
}

    .myadmin-alert .closed:hover {
        color: #fff
    }

.myadmin-alert-click {
    cursor: pointer;
    padding-right: 12px
}

.myadmin-alert .primary {
    background: rgba(0, 0, 0, .4);
    border: none;
    border-radius: 3px;
    color: inherit;
    outline: 0;
    padding: 4px 10px
}

.myadmin-alert .cancel {
    background: rgba(255, 255, 255, .4);
    border: none;
    border-radius: 3px;
    color: rgba(0, 0, 0, .8);
    outline: 0;
    padding: 4px 10px
}

    .myadmin-alert .cancel:hover, .myadmin-alert .primary:hover {
        opacity: .9
    }

.myadmin-alert-bottom, .myadmin-alert-bottom-left, .myadmin-alert-bottom-right, .myadmin-alert-fullscreen, .myadmin-alert-top, .myadmin-alert-top-left, .myadmin-alert-top-right {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    display: none;
    position: fixed;
    z-index: 1000
}

.myadmin-alert-top {
    left: 0;
    right: 0;
    top: 0
}

.myadmin-alert-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.myadmin-alert-top-left {
    left: 20px;
    top: 80px
}

.myadmin-alert-top-right {
    right: 20px;
    top: 80px
}

.myadmin-alert-bottom-left {
    bottom: 20px;
    left: 20px
}

.myadmin-alert-bottom-right {
    bottom: 20px;
    right: 20px
}

.myadmin-alert-fullsize {
    left: 50%;
    margin: -20px;
    top: 50%
}

.alert-custom {
    background: #ff6849;
    color: #fff;
    border-color: #ff6849
}

.alert-inverse {
    background: #4c5667;
    color: #fff;
    border-color: #4c5667
}

.alert-success {
    background: #00c292;
    color: #fff;
    border-color: #00c292
}

.alert-dark {
    background: #686868;
    color: #fff;
    border-color: #686868
}

.alert-warning {
    background: #fec107;
    color: #fff;
    border-color: #fec107
}

.alert-danger {
    background: #fb9678;
    color: #fff;
    border-color: #fb9678
}

.alert-primary {
    background: #9675ce;
    color: #fff;
    border-color: #9675ce
}

.alert-info {
    background: #03a9f3;
    color: #fff;
    border-color: #03a9f3
}

    .alert-info .closed, .alert-info a.closed:hover {
        color: inherit
    }

.tab-content {
    margin-top: 10px
}

.customtab {
    border-bottom: 2px solid #f7fafc
}

    .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover {
        background: #fff;
        border: 0;
        border-bottom: 2px solid #ff6849;
        margin-bottom: -1px;
        color: #ff6849
    }

    .customtab li a, .customtab li a:focus, .customtab li a:hover {
        border: 0
    }

.customtab2 {
    border-bottom: 1px solid #f7fafc;
    border-top: 1px solid #f7fafc;
    padding: 10px 0
}

    .customtab2 li.active a, .customtab2 li.active a:focus, .customtab2 li.active a:hover {
        background: #ff6849;
        border: 1px solid #ff6849;
        color: #fff
    }

    .customtab2 li a, .customtab2 li a:focus, .customtab2 li a:hover {
        border: 0
    }

.vtabs {
    display: flex;
    flex-wrap: wrap;
}

    .vtabs .tabs-vertical {
        width: 100%;
    }

        .vtabs .tabs-vertical li a {
            color: #2b2b2b;
            margin-bottom: 0px;
            margin-right: 0px;
            height: 100%;
            line-height: 18px;
            display: flex;
            align-items: center;
            margin-right: 0px;
            font-weight: 400;
            border-radius: 50px;
            transition: all 0.3s ease-in-out;
        }

.nav.nav-tabs.tabs-vertical span.hidden-xs-down {
    width: 100%;
}

.vtabs .tab-content {
    width: 100% !important;
    padding: 20px 0px 15px;
    vertical-align: top;
    margin: 0;
}

.k-icon, .k-tool-icon {
    font-size: 13px !important;
    line-height: 13px !important;
}

.tabs-vertical li.active a, .tabs-vertical li.active a:focus, .tabs-vertical li.active a:hover {
    background: #ff6849;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #fff
}

.customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:focus, .customvtab .tabs-vertical li.active a:hover {
    background: #fff;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #2b2b2b
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: #ff6849;
    color: #fff
}

.nav-pills > li > a {
    color: #2b2b2b;
    border-radius: 0
}

.panel-group .panel .panel-heading .accordion-toggle.collapsed:before, .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '\e64b'
}

.panel-group .panel .panel-heading a[data-toggle=collapse] {
    display: block
}

    .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
        content: '\e648';
        display: block;
        float: right;
        font-family: themify;
        font-size: 18px;
        text-align: right;
        width: 25px
    }

.panel-group .panel .panel-heading .accordion-toggle {
    display: block
}

    .panel-group .panel .panel-heading .accordion-toggle:before {
        content: '\e648';
        display: block;
        float: right;
        font-family: themify;
        font-size: 18px;
        text-align: right;
        width: 25px
    }

.panel-group .panel .panel-heading + .panel-collapse .panel-body {
    border-top: none
}

.panel-group .panel-heading {
    padding: 7px 0
}

.progress {
    -webkit-box-shadow: none !important;
    background-color: rgba(120, 130, 140, .13);
    box-shadow: none !important;
    height: 4px;
    border-radius: 0;
    margin-bottom: 18px;
    overflow: hidden
}

.progress-bar {
    box-shadow: none;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px
}

.k-dropzone {
    padding: 0 !important;
}

.progress.progress-sm {
    height: 8px !important
}

    .progress.progress-sm .progress-bar {
        font-size: 8px;
        line-height: 5px
    }

.progress.progress-md {
    height: 15px !important
}

    .progress.progress-md .progress-bar {
        font-size: 10.8px;
        line-height: 14.4px
    }

.progress.progress-lg {
    height: 20px !important
}

    .progress.progress-lg .progress-bar {
        font-size: 12px;
        line-height: 20px
    }

.progress-bar-primary {
    background-color: #ab8ce4
}

.progress-bar-success {
    background-color: #00c292
}

.progress-bar-info {
    background-color: #03a9f3
}

.progress-bar-megna {
    background-color: #01c0c8
}

.progress-bar-warning {
    background-color: #fec107
}

.progress-bar-danger {
    background-color: #fb9678
}

.progress-bar-inverse {
    background-color: #4c5667
}

.progress-bar-purple {
    background-color: #9675ce
}

.progress-bar-custom {
    background-color: #03a9f3
}

.progress-animated {
    -webkit-animation-duration: 5s;
    -webkit-animation-name: myanimation;
    -webkit-transition: 5s all;
    animation-duration: 5s;
    animation-name: myanimation;
    transition: 5s all
}

@-webkit-keyframes myanimation {
    from {
        width: 0
    }
}

@keyframes myanimation {
    from {
        width: 0
    }
}

.progress-vertical {
    min-height: 250px;
    height: 250px;
    width: 4px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px
}

    .progress-vertical .progress-bar {
        width: 100%
    }

.progress-vertical-bottom {
    min-height: 250px;
    height: 250px;
    position: relative;
    width: 4px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px
}

    .progress-vertical-bottom .progress-bar {
        width: 100%;
        position: absolute;
        bottom: 0
    }

    .progress-vertical-bottom.progress-sm, .progress-vertical.progress-sm {
        width: 8px !important
    }

        .progress-vertical-bottom.progress-sm .progress-bar, .progress-vertical.progress-sm .progress-bar {
            font-size: 8px;
            line-height: 5px
        }

    .progress-vertical-bottom.progress-md, .progress-vertical.progress-md {
        width: 15px !important
    }

        .progress-vertical-bottom.progress-md .progress-bar, .progress-vertical.progress-md .progress-bar {
            font-size: 10.8px;
            line-height: 14.4px
        }

    .progress-vertical-bottom.progress-lg, .progress-vertical.progress-lg {
        width: 20px !important
    }

        .progress-vertical-bottom.progress-lg .progress-bar, .progress-vertical.progress-lg .progress-bar {
            font-size: 12px;
            line-height: 20px
        }

.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto
}

    .timeline:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        margin-left: -1.5px;
        background-color: #eee
    }

    .timeline > li {
        position: relative;
        margin-bottom: 20px
    }

        .timeline > li:after, .timeline > li:before {
            content: " ";
            display: table
        }

        .timeline > li:after {
            clear: both
        }

        .timeline > li > .timeline-panel {
            float: left;
            position: relative;
            width: 46%;
            padding: 20px;
            border: 1px solid rgba(120, 130, 140, .13);
            border-radius: 0;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .05)
        }

            .timeline > li > .timeline-panel:before {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -8px;
                border-top: 8px solid transparent;
                border-right: 0 solid rgba(120, 130, 140, .13);
                border-bottom: 8px solid transparent;
                border-left: 8px solid rgba(120, 130, 140, .13)
            }

            .timeline > li > .timeline-panel:after {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -7px;
                border-top: 7px solid transparent;
                border-right: 0 solid #fff;
                border-bottom: 7px solid transparent;
                border-left: 7px solid #fff
            }

        .timeline > li > .timeline-badge {
            z-index: 100;
            position: absolute;
            top: 16px;
            left: 50%;
            width: 50px;
            height: 50px;
            margin-left: -25px;
            border-radius: 50%;
            text-align: center;
            font-size: 1.4em;
            line-height: 50px;
            color: #fff;
            overflow: hidden;
            background-color: #4c5667
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                right: auto;
                left: -8px;
                border-right-width: 8px;
                border-left-width: 0
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                right: auto;
                left: -7px;
                border-right-width: 7px;
                border-left-width: 0
            }

.timeline-badge.primary {
    background-color: #ab8ce4 !important
}

.timeline-badge.success {
    background-color: #00c292 !important
}

.timeline-badge.warning {
    background-color: #fec107 !important
}

.timeline-badge.danger {
    background-color: #fb9678 !important
}

.timeline-badge.info {
    background-color: #03a9f3 !important
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0
}

    .timeline-body > p + p {
        margin-top: 5px
    }

.chart {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0
    }

    .chart.chart-widget-pie {
        margin-top: 5px;
        margin-bottom: 5px
    }

.pie-chart > span {
    left: 0;
    margin-top: -2px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.chart > span > img {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 60%;
    height: 60%;
    transform: translateY(-50%);
    margin: 0 auto
}

.percent {
    display: inline-block;
    line-height: 100px;
    z-index: 2;
    font-weight: 600;
    font-size: 18px;
    color: #2b2b2b
}

    .percent:after {
        content: '%';
        margin-left: .1em;
        font-size: .8em
    }

.table {
    margin-bottom: 10px
}

    .table-hover > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd), .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
        background-color: #f5f5f5 !important;
    }

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

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 10px 8px
    }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e4e7ea
}
.table-bordered > thead > tr > th {
    border: 1px solid #87bfb0;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #87bfb0
}

/*tbody {
        color: #000;
        text-shadow: 0px 0px 0px;
    }*/

th {
    color: #000;
    font-size: 13px;
}

.table-bordered {
    border: 1px solid #e4e7ea
}

table.focus-on tbody tr.focused td, table.focus-on tbody tr.focused th {
    background-color: #ff6849;
    color: #fff
}

.table-rep-plugin .table-responsive {
    border: none !important
}

.table-rep-plugin tbody th {
    font-size: 18px;
    font-weight: 400
}

.jsgrid .jsgrid-table {
    margin-bottom: 0
}

.jsgrid-selected-row > td {
    background: #f7fafc;
    border-color: #f7fafc
}

.jsgrid-header-row > th {
    background: #fff
}

.footable-odd {
    background-color: #f7fafc
}

.form-control-line {
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 0 none;
    box-shadow: none;
    padding-left: 0
}

.has-success .form-control {
    border-color: #00c292;
    box-shadow: none !important
}

.has-warning .form-control {
    border-color: #fec107;
    box-shadow: none !important
}

.has-error .form-control {
    border-color: #fb9678;
    box-shadow: none !important
}

.input-group-addon {
    border-radius: 2px;
    border-left: 1px solid #ccc;
    padding: 8px 12px;
    font-size: 14px
}

.input-daterange input:first-child, .input-daterange input:last-child {
    border-radius: 0
}

.form-material .form-group {
    overflow: hidden
}

.form-material .form-control {
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s
}

    .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
        background-image: linear-gradient(#9675ce, #9675ce), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
        border: 0;
        border-radius: 0;
        box-shadow: none;
        float: none
    }

        .form-material .form-control.focus, .form-material .form-control:focus {
            background-size: 100% 2px, 100% 1px;
            outline: 0;
            transition-duration: .3s
        }

.form-bordered .form-group {
    border-bottom: 1px solid rgba(120, 130, 140, .13);
    padding-bottom: 20px
}

.select2-container .select2-choice {
    background-image: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
    line-height: 22px !important;
    background-color: transparent !important;
    box-shadow: none !important
}

    .select2-container .select2-choice .select2-arrow {
        background-image: none !important;
        background: 0 0;
        border: none;
        width: 14px;
        top: -2px
    }

.select2-container .select2-container-multi.form-control {
    height: auto
}

.select2-results .select2-highlighted {
    color: #fff;
    background-color: #03a9f3
}

.select2-drop-active {
    border: 1px solid #e3e3e3 !important;
    padding-top: 5px
}

.select2-search input {
    border: 1px solid rgba(120, 130, 140, .13)
}

.select2-container-multi {
    width: 100%
}

    .select2-container-multi .select2-choices {
        border: 1px solid #border !important;
        box-shadow: none !important;
        background-image: none !important;
        border-radius: 0 !important;
        min-height: 38px
    }

        .select2-container-multi .select2-choices .select2-search-choice {
            padding: 4px 7px 4px 18px;
            margin: 5px 0 3px 5px;
            color: #555;
            background: #f5f5f5;
            border-color: rgba(120, 130, 140, .13);
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .select2-container-multi .select2-choices .select2-search-field input {
            padding: 7px 7px 7px 10px;
            font-family: inherit;
            height: 39px !important;
        }

.icon-list-demo div {
    cursor: pointer;
    line-height: 60px;
    white-space: nowrap;
    color: #686868
}

    .icon-list-demo div:hover {
        color: #2b2b2b
    }

    .icon-list-demo div p {
        margin: 10px 0;
        padding: 5px 0
    }

.icon-list-demo i {
    -webkit-transition: all .2s;
    -webkit-transition: font-size .2s;
    display: inline-block;
    font-size: 18px;
    margin: 0 15px 0 10px;
    text-align: left;
    vertical-align: middle;
    width: auto;
    transition: all .3s ease 0s
}

.icon-list-demo .col-md-4 {
    border-radius: 0
}

    .icon-list-demo .col-md-4:hover {
        background-color: #f7fafc
    }

        .icon-list-demo .col-md-4:hover i {
            font-size: 2em
        }

.gmaps, .gmaps-panaroma {
    height: 300px;
    background: #e4e7ea;
    border-radius: 3px
}

.gmaps-overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #ab8ce4;
    border-radius: 4px;
    padding: 10px 20px
}

.gmaps-overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute
}

    .gmaps-overlay_arrow.above {
        bottom: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 16px solid #ab8ce4
    }

    .gmaps-overlay_arrow.below {
        top: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #ab8ce4
    }

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
    line-height: 10px
}

.jvectormap-zoomout {
    top: 40px
}

.error-box {
    height: 100%;
    position: fixed;
    background: url(../../plugins/images/error-bg.jpg) center center no-repeat #fff !important;
    width: 100%
}

    .error-box .footer {
        width: 100%;
        left: 0;
        right: 0
    }

.error-body {
    padding-top: 5%
}

    .error-body h1 {
        font-size: 210px;
        font-weight: 900;
        line-height: 210px
    }

.login-register {
    background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat !important;
    height: 100%;
    position: fixed
}

.login-box {
    background: #fff;
    width: 400px;
    margin: 10% auto 0
}

    .login-box .footer {
        width: 100%;
        left: 0;
        right: 0
    }

    .login-box .social {
        display: block;
        margin-bottom: 30px
    }

#recoverform {
    display: none
}

.pricing-box {
    position: relative;
    text-align: center;
    margin-top: 30px
}

.featured-plan {
    margin-top: 0
}

    .featured-plan .pricing-body {
        padding: 60px 0;
        background: #f7fafc;
        border: 1px solid #ddd
    }

    .featured-plan .price-table-content .price-row {
        border-top: 1px solid rgba(120, 130, 140, .13)
    }

.pricing-body {
    border-radius: 0;
    border-top: 1px solid rgba(120, 130, 140, .13);
    border-bottom: 5px solid rgba(120, 130, 140, .13);
    vertical-align: middle;
    padding: 30px 0;
    position: relative
}

    .pricing-body h2 {
        position: relative;
        font-size: 56px;
        margin: 20px 0 10px;
        font-weight: 500
    }

        .pricing-body h2 span {
            position: absolute;
            font-size: 15px;
            top: -10px;
            margin-left: -10px
        }

.price-table-content .price-row {
    padding: 20px 0;
    border-top: 1px solid rgba(120, 130, 140, .13)
}

.pricing-plan {
    padding: 0 15px
}

    .pricing-plan .no-padding {
        padding: 0
    }

.price-lable {
    position: absolute;
    top: -10px;
    padding: 5px 10px;
    margin: 0 auto;
    display: inline-block;
    width: 100px;
    left: 0;
    right: 0
}

.mails a {
    color: #2b2b2b
}

.mails td {
    vertical-align: middle !important;
    position: relative
}

    .mails td:last-of-type {
        width: 100px;
        padding-right: 20px
    }

.mails tr:hover .text-white {
    display: none
}

.mails .mail-select {
    padding: 12px 20px;
    min-width: 134px
}

.mails .checkbox {
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
    display: inline-block;
    height: 17px
}

    .mails .checkbox label {
        min-height: 16px
    }

.mail-list .list-group-item {
    background-color: transparent;
    border: 0;
    border-left: 3px solid #fff;
    border-radius: 0
}

    .mail-list .list-group-item:hover {
        background: #f7fafc;
        border-left: 3px solid #f7fafc
    }

    .mail-list .list-group-item:focus {
        border-left: 3px solid #f7fafc
    }

    .mail-list .list-group-item.active:focus {
        background: #f7fafc;
        border-left: 3px solid #fb9678
    }

    .mail-list .list-group-item.active {
        border-left: 3px solid #fb9678;
        border-radius: 0;
        color: #2b2b2b !important
    }

.mail_listing {
    min-height: 500px
}

.inbox_listing .inbox-item:hover {
    background: #f7fafc
}

.inbox_listing .inbox-item {
    padding-left: 20px
}

.inbox-widget.inbox_listing .inbox-item .inbox-item-text {
    height: 19px;
    overflow: hidden
}

.message-center .unread .mail-contnet .mail-desc, .message-center .unread .mail-contnet h5 {
    font-weight: 600;
    color: #2b2b2b !important
}

.calendar {
    float: left;
    margin-bottom: 0
}

.fc-view {
    margin-top: 30px
}

.none-border .modal-footer {
    border-top: none
}

.fc-toolbar {
    margin-bottom: 5px;
    margin-top: 15px
}

    .fc-toolbar h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase
    }

.fc-day {
    background: #fff
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover {
    z-index: 0
}

.fc-widget-header {
    border: 0 !important
}

.fc-widget-content {
    border-color: rgba(120, 130, 140, .13) !important
}

.fc th.fc-widget-header {
    background: #9675ce;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 7px 0;
    text-transform: uppercase
}

.fc-button {
    background: #fff;
    border: 1px solid rgba(120, 130, 140, .13);
    color: #555;
    text-transform: capitalize
}

.fc-text-arrow {
    font-family: inherit;
    font-size: 16px
}

.fc-state-hover {
    background: #F5F5F5
}

.fc-unthemed .fc-today {
    border: 1px solid #fb9678;
    background: #fcf8e3 !important
}

.fc-cell-overlay, .fc-state-highlight {
    background: #f0f0f0
}

.fc-event {
    border-radius: 0;
    border: none;
    cursor: move;
    font-size: 13px;
    margin: 1px -1px 0;
    padding: 5px;
    text-align: center;
    background: #03a9f3
}

.calendar-event {
    cursor: move;
    margin: 10px 5px 0 0;
    padding: 6px 10px;
    display: inline-block;
    color: #fff;
    min-width: 140px;
    text-align: center;
    background: #03a9f3
}

    .calendar-event a {
        float: right;
        opacity: .6;
        font-size: 10px;
        margin: 4px 0 0 10px;
        color: #fff
    }

.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    padding-right: 5px
}

.weather h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 100
}

.weather i {
    color: #fff;
    font-size: 40px
}

.weather .w-title-sub {
    color: rgba(255, 255, 255, .6)
}

.navbar-top-links > li.right-side-toggle a:focus {
    background: #723b5a
}

.right-sidebar {
    position: fixed;
    right: -240px;
    width: 240px;
    display: none;
    z-index: 1000;
    background: #fff;
    top: 0;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
    transition: all .3s ease
}

    .right-sidebar .rpanel-title {
        display: block;
        padding: 21px;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        background: #ff6849
    }

        .right-sidebar .rpanel-title span {
            float: right;
            cursor: pointer;
            font-size: 11px
        }

            .right-sidebar .rpanel-title span:hover {
                color: #2b2b2b
            }

    .right-sidebar .r-panel-body {
        padding: 20px
    }

        .right-sidebar .r-panel-body ul {
            margin: 0;
            padding: 0
        }

            .right-sidebar .r-panel-body ul li {
                list-style: none;
                padding: 5px 0
            }

.shw-rside {
    right: 0;
    width: 240px;
    display: block
}

.chatonline img {
    margin-right: 10px;
    float: left;
    width: 30px
}

.chatonline li a {
    padding: 15px 0;
    float: left;
    width: 100%
}

    .chatonline li a span {
        color: #686868
    }

        .chatonline li a span small {
            display: block;
            font-size: 10px
        }

ul#themecolors {
    display: block
}

    ul#themecolors li {
        display: inline-block
    }

        ul#themecolors li:first-child {
            display: block
        }

#themecolors li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 5px;
    color: transparent;
    position: relative
}

    #themecolors li a.working:before {
        content: "\f00c";
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        text-align: center
    }

.default-theme {
    background: #fb9678
}

.green-theme {
    background: #00c292
}

.yellow-theme {
    background: #a0aec4
}

.blue-theme {
    background: #03a9f3
}

.purple-theme {
    background: #9675ce
}

.megna-theme {
    background: #01c0c8
}

.default-dark-theme {
    background: #723b5a;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #fb9678 23%, #fb9678 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #fb9678 23%, #fb9678 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #fb9678 23%, #fb9678 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='#fb9678', GradientType=1)
}

.green-dark-theme {
    background: #723b5a;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #00c292 23%, #00c292 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #00c292 23%, #00c292 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #00c292 23%, #00c292 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='#00c292', GradientType=1)
}

.yellow-dark-theme {
    background: #723b5a;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #a0aec4 23%, #a0aec4 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #a0aec4 23%, #a0aec4 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #a0aec4 23%, #a0aec4 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='#a0aec4', GradientType=1)
}

.blue-dark-theme {
    background: #723b5a;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #03a9f3 23%, #03a9f3 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #03a9f3 23%, #03a9f3 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #03a9f3 23%, #03a9f3 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='@info', GradientType=1)
}

.purple-dark-theme {
    background: #723b5a;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #9675ce 23%, #9675ce 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #9675ce 23%, #9675ce 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #9675ce 23%, #9675ce 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='@purple', GradientType=1)
}

.megna-dark-theme {
    background: #723b5a;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #01c0c8 23%, #01c0c8 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #01c0c8 23%, #01c0c8 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #01c0c8 23%, #01c0c8 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='@megna', GradientType=1)
}

.red-dark-theme {
    background: #e20b0b;
    background: -moz-linear-gradient(left, #723b5a 0, #723b5a 23%, #e20b0b 23%, #e20b0b 99%);
    background: -webkit-linear-gradient(left, #723b5a 0, #723b5a 23%, #e20b0b 23%, #e20b0b 99%);
    background: linear-gradient(to right, #723b5a 0, #723b5a 23%, #e20b0b 23%, #e20b0b 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#723b5a ', endColorstr='#e20b0b', GradientType=1)
}

.visited li a {
    color: #686868
}

.visited li.active a {
    color: #ff6849
}

.stats-row {
    margin-bottom: 20px
}

.stat-item {
    display: inline-block;
    padding-right: 15px
}

    .stat-item + .stat-item {
        padding-left: 15px;
        border-left: 1px solid #eee
    }

.country-state {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px
}

    .country-state h2 {
        margin: 0
    }

    .country-state .progress {
        margin-top: 8px
    }

.two-part li {
    width: 48.8%
}

    .two-part li i {
        font-size: 50px
    }

    .two-part li span {
        font-size: 50px;
        font-weight: 100;
        font-family: Roboto, sans-serif
    }

.news-slide {
    position: relative
}

    .news-slide .overlaybg {
        height: 360px;
        overflow: hidden
    }

        .news-slide .overlaybg img {
            width: 100%;
            height: 100%
        }

    .news-slide .news-content {
        position: absolute;
        height: 360px;
        background: rgba(0, 0, 0, .5);
        z-index: 10;
        width: 100%;
        top: 0;
        padding: 30px
    }

        .news-slide .news-content h2 {
            height: 240px;
            overflow: hidden;
            color: #fff
        }

        .news-slide .news-content a {
            color: #fff;
            opacity: .6;
            text-transform: uppercase
        }

            .news-slide .news-content a:hover {
                opacity: 1
            }

.nav-pills-rounded li {
    display: inline-block;
    float: none
}

    .nav-pills-rounded li a {
        border-radius: 60px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        color: #686868;
        padding: 10px 25px
    }

    .nav-pills-rounded li.active a, .nav-pills-rounded li.active a:focus, .nav-pills-rounded li.active a:hover {
        background: #ff6849;
        color: #fff
    }

.analytics-info .list-inline {
    margin-bottom: 0
}

    .analytics-info .list-inline li {
        vertical-align: middle
    }

        .analytics-info .list-inline li span {
            font-size: 24px
        }

        .analytics-info .list-inline li i {
            font-size: 20px
        }

.feeds {
    margin: 0;
    padding: 0
}

    .feeds li {
        list-style: none;
        padding: 10px;
        display: block
    }

        .feeds li:hover {
            background: #f7fafc
        }

        .feeds li > div {
            width: 40px;
            height: 40px;
            margin-right: 5px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            border-radius: 100%
        }

            .feeds li > div i {
                line-height: 40px
            }

        .feeds li span {
            float: right;
            width: auto;
            font-size: 12px
        }

.jq-icon-info {
    background-color: #01c0c8;
    color: #fff
}

.jq-icon-success {
    background-color: #00c292;
    color: #fff
}

.jq-icon-error {
    background-color: #fb9678;
    color: #fff
}

.jq-icon-warning {
    background-color: #fec107;
    color: #fff
}

.dropzone {
    border-style: dashed;
    border-width: 1px
}

.weather h1 sup {
    font-size: 20px;
    top: -1.2em
}

.fcbtn {
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 8px 20px
}

    .fcbtn:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

.btn-1b:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0
}

.btn-1b:active, .btn-1b:hover {
    color: #fff
}

    .btn-1b:active:after, .btn-1b:hover:after {
        height: 100%
    }

.btn-1b.btn-info:after, .btn-1c.btn-info:after, .btn-1d.btn-info:after, .btn-1e.btn-info:after, .btn-1f.btn-info:after {
    background: #03a9f3
}

.btn-1b.btn-warning:after, .btn-1c.btn-warning:after, .btn-1d.btn-warning:after, .btn-1e.btn-warning:after, .btn-1f.btn-warning:after {
    background: #fec107
}

.btn-1b.btn-danger:after, .btn-1c.btn-danger:after, .btn-1d.btn-danger:after, .btn-1e.btn-danger:after, .btn-1f.btn-danger:after {
    background: #fb9678
}

.btn-1b.btn-primary:after, .btn-1c.btn-primary:after, .btn-1d.btn-primary:after, .btn-1e.btn-primary:after, .btn-1f.btn-primary:after {
    background: #9675ce
}

.btn-1b.btn-success:after, .btn-1c.btn-success:after, .btn-1d.btn-success:after, .btn-1e.btn-success:after, .btn-1f.btn-success:after {
    background: #00c292
}

.btn-1b.btn-inverse:after, .btn-1c.btn-inverse:after, .btn-1d.btn-inverse:after, .btn-1e.btn-inverse:after, .btn-1f.btn-inverse:after {
    background: #4c5667
}

.btn-1c:after {
    width: 0;
    height: 100%;
    top: 0;
    left: 0
}

.btn-1c:active, .btn-1c:hover {
    color: #000
}

    .btn-1c:active:after, .btn-1c:hover:after {
        width: 100%
    }

.btn-1d {
    overflow: hidden
}

    .btn-1d:after {
        width: 0;
        height: 103%;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .btn-1d:hover:after {
        width: 100%;
        opacity: 1
    }

.btn-1e {
    overflow: hidden
}

    .btn-1e:after {
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg)
    }

    .btn-1e:hover:after {
        height: 260%;
        opacity: 1
    }

    .btn-1e:active:after {
        height: 400%;
        opacity: 1
    }

.btn-1f {
    overflow: hidden
}

    .btn-1f:after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .btn-1f:hover:after {
        height: 100%;
        opacity: 1
    }

    .btn-1f:active:after {
        height: 130%;
        opacity: 1
    }

.sweet-alert {
    padding: 25px
}

    .sweet-alert h2 {
        margin-top: 0
    }

    .sweet-alert p {
        line-height: 30px
    }

ul.list-icons {
    margin: 0;
    padding: 0
}

    ul.list-icons li {
        list-style: none;
        line-height: 40px
    }

        ul.list-icons li i {
            font-size: 12px;
            margin-right: 5px
        }

.demo-popover .popover, .demo-tooltip .tooltip {
    position: relative;
    margin-right: 25px;
    opacity: 1;
    display: inline-block
}

.tooltip-inner {
    max-width: 600px !important;
    border-radius: 3px;
    padding: 5px 10px
}

.tooltip.in {
    opacity: 1
}

.tooltip-primary + .tooltip .tooltip-inner, .tooltip-primary.tooltip .tooltip-inner {
    color: #fff;
    background-color: #ab8ce4
}

.tooltip-primary + .tooltip.top .tooltip-arrow, .tooltip-primary.tooltip.top .tooltip-arrow {
    border-top-color: #ab8ce4
}

.tooltip-primary + .tooltip.right .tooltip-arrow, .tooltip-primary.tooltip.right .tooltip-arrow {
    border-right-color: #ab8ce4
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow, .tooltip-primary.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ab8ce4
}

.tooltip-primary + .tooltip.left .tooltip-arrow, .tooltip-primary.tooltip.left .tooltip-arrow {
    border-left-color: #ab8ce4
}

.tooltip-success + .tooltip .tooltip-inner, .tooltip-success.tooltip .tooltip-inner {
    color: #fff;
    background-color: #00c292
}

.tooltip-success + .tooltip.top .tooltip-arrow, .tooltip-success.tooltip.top .tooltip-arrow {
    border-top-color: #00c292
}

.tooltip-success + .tooltip.right .tooltip-arrow, .tooltip-success.tooltip.right .tooltip-arrow {
    border-right-color: #00c292
}

.tooltip-success + .tooltip.bottom .tooltip-arrow, .tooltip-success.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #00c292
}

.tooltip-success + .tooltip.left .tooltip-arrow, .tooltip-success.tooltip.left .tooltip-arrow {
    border-left-color: #00c292
}

.tooltip-warning + .tooltip .tooltip-inner, .tooltip-warning.tooltip .tooltip-inner {
    color: #fff;
    background-color: #fec107
}

.tooltip-warning + .tooltip.top .tooltip-arrow, .tooltip-warning.tooltip.top .tooltip-arrow {
    border-top-color: #fec107
}

.tooltip-warning + .tooltip.right .tooltip-arrow, .tooltip-warning.tooltip.right .tooltip-arrow {
    border-right-color: #fec107
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow, .tooltip-warning.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fec107
}

.tooltip-warning + .tooltip.left .tooltip-arrow, .tooltip-warning.tooltip.left .tooltip-arrow {
    border-left-color: #fec107
}

.tooltip-info + .tooltip .tooltip-inner, .tooltip-info.tooltip .tooltip-inner {
    color: #fff;
    background-color: #03a9f3
}

.tooltip-info + .tooltip.top .tooltip-arrow, .tooltip-info.tooltip.top .tooltip-arrow {
    border-top-color: #03a9f3
}

.tooltip-info + .tooltip.right .tooltip-arrow, .tooltip-info.tooltip.right .tooltip-arrow {
    border-right-color: #03a9f3
}

.tooltip-info + tooltip.bottom .tooltip-arrow, .tooltip-info.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #03a9f3
}

.tooltip-info + .tooltip.left .tooltip-arrow, .tooltip-info.tooltip.left .tooltip-arrow {
    border-left-color: #03a9f3
}

.tooltip-danger + .tooltip .tooltip-inner, .tooltip-danger.tooltip .tooltip-inner {
    color: #fff;
    background-color: #fb9678
}

.tooltip-danger + .tooltip.top .tooltip-arrow, .tooltip-danger.tooltip.top .tooltip-arrow {
    border-top-color: #fb9678
}

.tooltip-danger + .tooltip.right .tooltip-arrow, .tooltip-danger.tooltip.right .tooltip-arrow {
    border-right-color: #fb9678
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow, .tooltip-danger.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fb9678
}

.tooltip-danger + .tooltip.left .tooltip-arrow, .tooltip-danger.tooltip.left .tooltip-arrow {
    border-left-color: #fb9678
}

.flotTip {
    padding: 8px 12px;
    background-color: #2b2b2b;
    z-index: 100;
    color: #fff;
    opacity: .9;
    font-size: 13px
}

.popover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05)
}

    .popover .popover-title {
        border-radius: 0
    }

.popover-primary + .popover .popover-title {
    color: #fff;
    background-color: #ab8ce4;
    border-color: #ab8ce4
}

.popover-primary + .popover.bottom .arrow, .popover-primary + .popover.bottom .arrow:after {
    border-bottom-color: #ab8ce4
}

.popover-success + .popover .popover-title {
    color: #fff;
    background-color: #00c292;
    border-color: #00c292
}

.popover-success + .popover.bottom .arrow, .popover-success + .popover.bottom .arrow:after {
    border-bottom-color: #00c292
}

.popover-info + .popover .popover-title {
    color: #fff;
    background-color: #03a9f3;
    border-color: #03a9f3
}

.popover-info + .popover.bottom .arrow, .popover-info + .popover.bottom .arrow:after {
    border-bottom-color: #03a9f3
}

.popover-warning + .popover .popover-title {
    color: #fff;
    background-color: #fec107;
    border-color: #fec107
}

.popover-warning + .popover.bottom .arrow, .popover-warning + .popover.bottom .arrow:after {
    border-bottom-color: #fec107
}

.popover-danger + .popover .popover-title {
    color: #fff;
    background-color: #fb9678;
    border-color: #fb9678
}

.popover-danger + .popover.bottom .arrow, .popover-danger + .popover.bottom .arrow:after {
    border-bottom-color: #fb9678
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 23px;
        height: 100%;
        width: 100%;
        direction: ltr;
        cursor: pointer;
        border-radius: 0
    }

.fileinput {
    margin-bottom: 9px;
    display: inline-block
}

    .fileinput .form-control {
        padding-top: 7px;
        padding-bottom: 5px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        cursor: text
    }

    .fileinput .thumbnail {
        overflow: hidden;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: middle;
        text-align: center
    }

        .fileinput .thumbnail > img {
            max-height: 100%
        }

    .fileinput .btn {
        vertical-align: middle
    }

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none
}

.fileinput-inline .fileinput-controls {
    display: inline
}

.fileinput-filename {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden
}

.form-control .fileinput-filename {
    vertical-align: bottom
}

.fileinput.input-group {
    display: table
}

    .fileinput.input-group > * {
        position: relative;
        z-index: 2
    }

    .fileinput.input-group > .btn-file {
        z-index: 1
    }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.ms-container .ms-list {
    border-radius: 0;
    box-shadow: none
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    padding: 6px 10px
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background: #03a9f3
}

.dropzone .dz-message {
    text-align: center;
    margin: 10% 0
}

.editable-input .form-control {
    height: 30px
}

.asColorPicker-trigger {
    position: absolute;
    top: 0;
    right: -35px;
    height: 38px;
    width: 37px;
    border: 0
}

.asColorPicker-dropdown {
    max-width: 260px
}

.asColorPicker-clear {
    top: 7px;
    right: 16px
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #ff6849;
    color: #fff
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background: #0bb5af;
    color: #fff
}

.editable-table + input.error {
    border: 1px solid #ff0e0e;
    outline: 0;
    outline-offset: 0
}

#editable-datatable_wrapper + input:focus, .editable-table + input, .editable-table + input:focus {
    border: 1px solid #03a9f3 !important;
    outline: 0 !important;
    outline-offset: 0 !important
}

.editable-table td:focus {
    outline: 0
}

.user-profile {
    padding: 15px 12px 15px 12px;
    position: relative;
    text-align: center;
    background: #2d2f31;
    font-weight: 400;
}

    .user-profile .user-pro-body {
        display: block
    }

        .user-profile .user-pro-body img {
            width: 50px;
            display: block;
            margin: 0 auto 10px
        }

        .user-profile .user-pro-body .u-dropdown {
            color: #c3cdd5;
        }

        .user-profile .user-pro-body .dropdown-menu {
            right: 0;
            width: 180px;
            left: 0;
            margin: 0 auto;
            top: 30px !important;
        }

.wizard-steps {
    display: table;
    width: 100%
}

    .wizard-steps > li {
        display: table-cell;
        padding: 10px 20px;
        background: #f7fafc
    }

        .wizard-steps > li span {
            border-radius: 100%;
            border: 1px solid rgba(120, 130, 140, .13);
            width: 40px;
            height: 40px;
            display: inline-block;
            vertical-align: middle;
            padding-top: 9px;
            margin-right: 8px;
            text-align: center
        }

.wizard-content {
    padding: 25px;
    border-color: rgba(120, 130, 140, .13);
    margin-bottom: 30px
}

.wizard-steps > li.current, .wizard-steps > li.done {
    background: #03a9f3;
    color: #fff
}

    .wizard-steps > li.current span, .wizard-steps > li.done span {
        border-color: #fff;
        color: #fff
    }

    .wizard-steps > li.current h4, .wizard-steps > li.done h4 {
        color: #fff
    }

.wizard-steps > li.done {
    background: #00c292
}

.wizard-steps > li.error {
    background: #fb9678
}

.wiz-aco .pager {
    margin: 0
}

.r-icon-stats i {
    width: 66px;
    height: 66px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: top
}

.r-icon-stats .bodystate {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle
}

    .r-icon-stats .bodystate h4 {
        margin-bottom: 0
    }

.ecomm-donute svg text {
    font-family: Roboto, sans-serif !important;
    font-weight: 200 !important;
    color: #686868 !important
}

.minus-mar {
    margin: 40px -25px -27px
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    overflow: visible !important;
    /* background: #3a3c3d;*/
}

.sidebar .fa-fw {
    width: 20px;
    text-align: left !important;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

.sidebar .label {
    font-size: 10px;
    border-radius: 60px;
    padding: 6px 8px;
    min-width: 30px;
    height: 20px
}

.sidebar #side-menu .user-pro a {
    padding-left: 20px
}

.sidebar #side-menu .user-pro .nav-second-level a:hover {
    color: #ff6849
}

.sidebar #side-menu .user-pro .arrow {
    top: 23px;
    right: 20px
}

.sidebar #side-menu .user-pro > a {
    padding: 17px 30px 16px 15px !important
}

.sidebar #side-menu .user-pro .img-circle {
    width: 30px;
    margin-right: 10px
}

.sidebar #side-menu .user-pro .nav-second-level li i {
    margin-right: 5px
}

.sidebar .sidebar-search {
    padding: 15px;
    display: none;
}

#side-menu li.active > a {
    background: rgba(0, 0, 0, 0)
}

#side-menu > li > a {
    padding: 6px 15px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

    #side-menu > li > a:hover {
        color: #67b5ff;
    }

    #side-menu > li > a:focus, #side-menu > li > a:hover {
        background: rgba(0, 0, 0, .1)
    }

#side-menu ul > li > a:hover {
    color: #67b5ff;
    background: 0 0;
    text-decoration: none;
}

.sidebar .arrow {
    position: absolute;
    right: 15px;
    top: 18px
}

.sidebar .nav-second-level .arrow {
    right: 15px;
    top: 12px
}

.sidebar .fa.arrow:before {
    content: "\f105"
}

.sidebar .active > a > span > .fa.arrow:before {
    content: "\f107"
}

.sidebar .nav-second-level li, .sidebar .nav-third-level li {
    border-bottom: none !important
}

    .sidebar .nav-second-level li a {
        padding-left: 43px
    }

    .sidebar .nav-third-level li a {
        padding-left: 52px
    }

.content-wrapper .nicescroll-rails {
    display: none !important
}

@font-face {
    font-family: themify; src: url(../fonts/themify.eot?-fvbane);
    src: url(../fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(../fonts/themify.woff?-fvbane) format('woff'), url(../fonts/themify.ttf?-fvbane) format('truetype'), url(../fonts/themify.svg?-fvbane#themify) format('svg');
    font-weight: 400; font-style: normal
}

[class*=" ti-"], [class^=ti-] { font-family: themify; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}

.ti-wand:before { content: "\e600" }
.ti-volume:before { content: "\e601" }
.ti-user:before { content: "\e602" }
.ti-unlock:before { content: "\e603" }
.ti-unlink:before { content: "\e604" }
.ti-trash:before { content: "\e605" }
.ti-thought:before { content: "\e606" }
.ti-target:before { content: "\e607" }
.ti-tag:before { content: "\e608" }
.ti-tablet:before { content: "\e609" }
.ti-star:before { content: "\e60a" }
.ti-spray:before { content: "\e60b" }
.ti-signal:before { content: "\e60c" }
.ti-shopping-cart:before { content: "\e60d" }
.ti-shopping-cart-full:before { content: "\e60e" }
.ti-settings:before { content: "\e60f" }
.ti-search:before { content: "\e610" }
.ti-zoom-in:before { content: "\e611" }
.ti-zoom-out:before { content: "\e612" }
.ti-cut:before { content: "\e613" }
.ti-ruler:before { content: "\e614" }
.ti-ruler-pencil:before { content: "\e615" }
.ti-ruler-alt:before { content: "\e616" }
.ti-bookmark:before { content: "\e617" }
.ti-bookmark-alt:before { content: "\e618" }
.ti-reload:before { content: "\e619" }
.ti-plus:before { content: "\e61a" }
.ti-pin:before { content: "\e61b" }
.ti-pencil:before { content: "\e61c" }
.ti-pencil-alt:before { content: "\e61d" }
.ti-paint-roller:before { content: "\e61e" }
.ti-paint-bucket:before { content: "\e61f" }
.ti-na:before { content: "\e620" }
.ti-mobile:before { content: "\e621" }
.ti-minus:before { content: "\e622" }
.ti-medall:before { content: "\e623" }
.ti-medall-alt:before { content: "\e624" }
.ti-marker:before { content: "\e625" }
.ti-marker-alt:before { content: "\e626" }
.ti-arrow-up:before { content: "\e627" }
.ti-arrow-right:before { content: "\e628" }
.ti-arrow-left:before { content: "\e629" }
.ti-arrow-down:before { content: "\e62a" }
.ti-lock:before { content: "\e62b" }
.ti-location-arrow:before { content: "\e62c" }
.ti-link:before { content: "\e62d" }
.ti-layout:before { content: "\e62e" }
.ti-layers:before { content: "\e62f" }
.ti-layers-alt:before { content: "\e630" }
.ti-key:before { content: "\e631" }
.ti-import:before { content: "\e632" }
.ti-image:before { content: "\e633" }
.ti-heart:before { content: "\e634" }
.ti-heart-broken:before { content: "\e635" }
.ti-hand-stop:before { content: "\e636" }
.ti-hand-open:before { content: "\e637" }
.ti-hand-drag:before { content: "\e638" }
.ti-folder:before { content: "\e639" }
.ti-flag:before { content: "\e63a" }
.ti-flag-alt:before { content: "\e63b" }
.ti-flag-alt-2:before { content: "\e63c" }
.ti-eye:before { content: "\e63d" }
.ti-export:before { content: "\e63e" }
.ti-exchange-vertical:before { content: "\e63f" }
.ti-desktop:before { content: "\e640" }
.ti-cup:before { content: "\e641" }
.ti-crown:before { content: "\e642" }
.ti-comments:before { content: "\e643" }
.ti-comment:before { content: "\e644" }
.ti-comment-alt:before { content: "\e645" }
.ti-close:before { content: "\e646" }
.ti-clip:before { content: "\e647" }
.ti-angle-up:before { content: "\e648" }
.ti-angle-right:before { content: "\e649" }
.ti-angle-left:before { content: "\e64a" }
.ti-angle-down:before { content: "\e64b" }
.ti-check:before { content: "\e64c" }
.ti-check-box:before { content: "\e64d" }
.ti-camera:before { content: "\e64e" }
.ti-announcement:before { content: "\e64f" }
.ti-brush:before { content: "\e650" }
.ti-briefcase:before { content: "\e651" }
.ti-bolt:before { content: "\e652" }
.ti-bolt-alt:before { content: "\e653" }
.ti-blackboard:before { content: "\e654" }
.ti-bag:before { content: "\e655" }
.ti-move:before { content: "\e656" }
.ti-arrows-vertical:before { content: "\e657" }
.ti-arrows-horizontal:before { content: "\e658" }
.ti-fullscreen:before { content: "\e659" }
.ti-arrow-top-right:before { content: "\e65a" }
.ti-arrow-top-left:before { content: "\e65b" }
.ti-arrow-circle-up:before { content: "\e65c" }
.ti-arrow-circle-right:before { content: "\e65d" }
.ti-arrow-circle-left:before { content: "\e65e" }
.ti-arrow-circle-down:before { content: "\e65f" }
.ti-angle-double-up:before { content: "\e660" }
.ti-angle-double-right:before { content: "\e661" }
.ti-angle-double-left:before { content: "\e662" }
.ti-angle-double-down:before { content: "\e663" }
.ti-zip:before { content: "\e664" }
.ti-world:before { content: "\e665" }
.ti-wheelchair:before { content: "\e666" }
.ti-view-list:before { content: "\e667" }
.ti-view-list-alt:before { content: "\e668" }
.ti-view-grid:before { content: "\e669" }
.ti-uppercase:before { content: "\e66a" }
.ti-upload:before { content: "\e66b" }
.ti-underline:before { content: "\e66c" }
.ti-truck:before { content: "\e66d" }
.ti-timer:before { content: "\e66e" }
.ti-ticket:before { content: "\e66f" }
.ti-thumb-up:before { content: "\e670" }
.ti-thumb-down:before { content: "\e671" }
.ti-text:before { content: "\e672" }
.ti-stats-up:before { content: "\e673" }
.ti-stats-down:before { content: "\e674" }
.ti-split-v:before { content: "\e675" }
.ti-split-h:before { content: "\e676" }
.ti-smallcap:before { content: "\e677" }
.ti-shine:before { content: "\e678" }
.ti-shift-right:before { content: "\e679" }
.ti-shift-left:before { content: "\e67a" }
.ti-shield:before { content: "\e67b" }
.ti-notepad:before { content: "\e67c" }
.ti-server:before { content: "\e67d" }
.ti-quote-right:before { content: "\e67e" }
.ti-quote-left:before { content: "\e67f" }
.ti-pulse:before { content: "\e680" }
.ti-printer:before { content: "\e681" }
.ti-power-off:before { content: "\e682" }
.ti-plug:before { content: "\e683" }
.ti-pie-chart:before { content: "\e684" }
.ti-paragraph:before { content: "\e685" }
.ti-panel:before { content: "\e686" }
.ti-package:before { content: "\e687" }
.ti-music:before { content: "\e688" }
.ti-music-alt:before { content: "\e689" }
.ti-mouse:before { content: "\e68a" }
.ti-mouse-alt:before { content: "\e68b" }
.ti-money:before { content: "\e68c" }
.ti-microphone:before { content: "\e68d" }
.ti-menu:before { content: "\e68e" }
.ti-menu-alt:before { content: "\e68f" }
.ti-map:before { content: "\e690" }
.ti-map-alt:before { content: "\e691" }
.ti-loop:before { content: "\e692" }
.ti-location-pin:before { content: "\e693" }
.ti-list:before { content: "\e694" }
.ti-light-bulb:before { content: "\e695" }
.ti-Italic:before { content: "\e696" }
.ti-info:before { content: "\e697" }
.ti-infinite:before { content: "\e698" }
.ti-id-badge:before { content: "\e699" }
.ti-hummer:before { content: "\e69a" }
.ti-home:before { content: "\e69b" }
.ti-help:before { content: "\e69c" }
.ti-headphone:before { content: "\e69d" }
.ti-harddrives:before { content: "\e69e" }
.ti-harddrive:before { content: "\e69f" }
.ti-gift:before { content: "\e6a0" }
.ti-game:before { content: "\e6a1" }
.ti-filter:before { content: "\e6a2" }
.ti-files:before { content: "\e6a3" }
.ti-file:before { content: "\e6a4" }
.ti-eraser:before { content: "\e6a5" }
.ti-envelope:before { content: "\e6a6" }
.ti-download:before { content: "\e6a7" }
.ti-direction:before { content: "\e6a8" }
.ti-direction-alt:before { content: "\e6a9" }
.ti-dashboard:before { content: "\e6aa" }
.ti-control-stop:before { content: "\e6ab" }
.ti-control-shuffle:before { content: "\e6ac" }
.ti-control-play:before { content: "\e6ad" }
.ti-control-pause:before { content: "\e6ae" }
.ti-control-forward:before { content: "\e6af" }
.ti-control-backward:before { content: "\e6b0" }
.ti-cloud:before { content: "\e6b1" }
.ti-cloud-up:before { content: "\e6b2" }
.ti-cloud-down:before { content: "\e6b3" }
.ti-clipboard:before { content: "\e6b4" }
.ti-car:before { content: "\e6b5" }
.ti-calendar:before { content: "\e6b6" }
.ti-book:before { content: "\e6b7" }
.ti-bell:before { content: "\e6b8" }
.ti-basketball:before { content: "\e6b9" }
.ti-bar-chart:before { content: "\e6ba" }
.ti-bar-chart-alt:before { content: "\e6bb" }
.ti-back-right:before { content: "\e6bc" }
.ti-back-left:before { content: "\e6bd" }
.ti-arrows-corner:before { content: "\e6be" }
.ti-archive:before { content: "\e6bf" }
.ti-anchor:before { content: "\e6c0" }
.ti-align-right:before { content: "\e6c1" }
.ti-align-left:before { content: "\e6c2" }
.ti-align-justify:before { content: "\e6c3" }
.ti-align-center:before { content: "\e6c4" }
.ti-alert:before { content: "\e6c5" }
.ti-alarm-clock:before { content: "\e6c6" }
.ti-agenda:before { content: "\e6c7" }
.ti-write:before { content: "\e6c8" }
.ti-window:before { content: "\e6c9" }
.ti-widgetized:before { content: "\e6ca" }
.ti-widget:before { content: "\e6cb" }
.ti-widget-alt:before { content: "\e6cc" }
.ti-wallet:before { content: "\e6cd" }
.ti-video-clapper:before { content: "\e6ce" }
.ti-video-camera:before { content: "\e6cf" }
.ti-vector:before { content: "\e6d0" }
.ti-themify-logo:before { content: "\e6d1" }
.ti-themify-favicon:before { content: "\e6d2" }
.ti-themify-favicon-alt:before { content: "\e6d3" }
.ti-support:before { content: "\e6d4" }
.ti-stamp:before { content: "\e6d5" }
.ti-split-v-alt:before { content: "\e6d6" }
.ti-slice:before { content: "\e6d7" }
.ti-shortcode:before { content: "\e6d8" }
.ti-shift-right-alt:before { content: "\e6d9" }
.ti-shift-left-alt:before { content: "\e6da" }
.ti-ruler-alt-2:before { content: "\e6db" }
.ti-receipt:before { content: "\e6dc" }
.ti-pin2:before { content: "\e6dd" }
.ti-pin-alt:before { content: "\e6de" }
.ti-pencil-alt2:before { content: "\e6df" }
.ti-palette:before { content: "\e6e0" }
.ti-more:before { content: "\e6e1" }
.ti-more-alt:before { content: "\e6e2" }
.ti-microphone-alt:before { content: "\e6e3" }
.ti-magnet:before { content: "\e6e4" }
.ti-line-double:before { content: "\e6e5" }
.ti-line-dotted:before { content: "\e6e6" }
.ti-line-dashed:before { content: "\e6e7" }
.ti-layout-width-full:before { content: "\e6e8" }
.ti-layout-width-default:before { content: "\e6e9" }
.ti-layout-width-default-alt:before { content: "\e6ea" }
.ti-layout-tab:before { content: "\e6eb" }
.ti-layout-tab-window:before { content: "\e6ec" }
.ti-layout-tab-v:before { content: "\e6ed" }
.ti-layout-tab-min:before { content: "\e6ee" }
.ti-layout-slider:before { content: "\e6ef" }
.ti-layout-slider-alt:before { content: "\e6f0" }
.ti-layout-sidebar-right:before { content: "\e6f1" }
.ti-layout-sidebar-none:before { content: "\e6f2" }
.ti-layout-sidebar-left:before { content: "\e6f3" }
.ti-layout-placeholder:before { content: "\e6f4" }
.ti-layout-menu:before { content: "\e6f5" }
.ti-layout-menu-v:before { content: "\e6f6" }
.ti-layout-menu-separated:before { content: "\e6f7" }
.ti-layout-menu-full:before { content: "\e6f8" }
.ti-layout-media-right-alt:before { content: "\e6f9" }
.ti-layout-media-right:before { content: "\e6fa" }
.ti-layout-media-overlay:before { content: "\e6fb" }
.ti-layout-media-overlay-alt:before { content: "\e6fc" }
.ti-layout-media-overlay-alt-2:before { content: "\e6fd" }
.ti-layout-media-left-alt:before { content: "\e6fe" }
.ti-layout-media-left:before { content: "\e6ff" }
.ti-layout-media-center-alt:before { content: "\e700" }
.ti-layout-media-center:before { content: "\e701" }
.ti-layout-list-thumb:before { content: "\e702" }
.ti-layout-list-thumb-alt:before { content: "\e703" }
.ti-layout-list-post:before { content: "\e704" }
.ti-layout-list-large-image:before { content: "\e705" }
.ti-layout-line-solid:before { content: "\e706" }
.ti-layout-grid4:before { content: "\e707" }
.ti-layout-grid3:before { content: "\e708" }
.ti-layout-grid2:before { content: "\e709" }
.ti-layout-grid2-thumb:before { content: "\e70a" }
.ti-layout-cta-right:before { content: "\e70b" }
.ti-layout-cta-left:before { content: "\e70c" }
.ti-layout-cta-center:before { content: "\e70d" }
.ti-layout-cta-btn-right:before { content: "\e70e" }
.ti-layout-cta-btn-left:before { content: "\e70f" }
.ti-layout-column4:before { content: "\e710" }
.ti-layout-column3:before { content: "\e711" }
.ti-layout-column2:before { content: "\e712" }
.ti-layout-accordion-separated:before { content: "\e713" }
.ti-layout-accordion-merged:before { content: "\e714" }
.ti-layout-accordion-list:before { content: "\e715" }
.ti-ink-pen:before { content: "\e716" }
.ti-info-alt:before { content: "\e717" }
.ti-help-alt:before { content: "\e718" }
.ti-headphone-alt:before { content: "\e719" }
.ti-hand-point-up:before { content: "\e71a" }
.ti-hand-point-right:before { content: "\e71b" }
.ti-hand-point-left:before { content: "\e71c" }
.ti-hand-point-down:before { content: "\e71d" }
.ti-gallery:before { content: "\e71e" }
.ti-face-smile:before { content: "\e71f" }
.ti-face-sad:before { content: "\e720" }
.ti-credit-card:before { content: "\e721" }
.ti-control-skip-forward:before { content: "\e722" }
.ti-control-skip-backward:before { content: "\e723" }
.ti-control-record:before { content: "\e724" }
.ti-control-eject:before { content: "\e725" }
.ti-comments-smiley:before { content: "\e726" }
.ti-brush-alt:before { content: "\e727" }
.ti-youtube:before { content: "\e728" }
.ti-vimeo:before { content: "\e729" }
.ti-twitter:before { content: "\e72a" }
.ti-time:before { content: "\e72b" }
.ti-tumblr:before { content: "\e72c" }
.ti-skype:before { content: "\e72d" }
.ti-share:before { content: "\e72e" }
.ti-share-alt:before { content: "\e72f" }
.ti-rocket:before { content: "\e730" }
.ti-pinterest:before { content: "\e731" }
.ti-new-window:before { content: "\e732" }
.ti-microsoft:before { content: "\e733" }
.ti-list-ol:before { content: "\e734" }
.ti-linkedin:before { content: "\e735" }
.ti-layout-sidebar-2:before { content: "\e736" }
.ti-layout-grid4-alt:before { content: "\e737" }
.ti-layout-grid3-alt:before { content: "\e738" }
.ti-layout-grid2-alt:before { content: "\e739" }
.ti-layout-column4-alt:before { content: "\e73a" }
.ti-layout-column3-alt:before { content: "\e73b" }
.ti-layout-column2-alt:before { content: "\e73c" }
.ti-instagram:before { content: "\e73d" }
.ti-google:before { content: "\e73e" }
.ti-github:before { content: "\e73f" }
.ti-flickr:before { content: "\e740" }
.ti-facebook:before { content: "\e741" }
.ti-dropbox:before { content: "\e742" }
.ti-dribbble:before { content: "\e743" }
.ti-apple:before { content: "\e744" }
.ti-android:before { content: "\e745" }
.ti-save:before { content: "\e746" }
.ti-save-alt:before { content: "\e747" }
.ti-yahoo:before { content: "\e748" }
.ti-wordpress:before { content: "\e749" }
.ti-vimeo-alt:before { content: "\e74a" }
.ti-twitter-alt:before { content: "\e74b" }
.ti-tumblr-alt:before { content: "\e74c" }
.ti-trello:before { content: "\e74d" }
.ti-stack-overflow:before { content: "\e74e" }
.ti-soundcloud:before { content: "\e74f" }
.ti-sharethis:before { content: "\e750" }
.ti-sharethis-alt:before { content: "\e751" }
.ti-reddit:before { content: "\e752" }
.ti-pinterest-alt:before { content: "\e753" }
.ti-microsoft-alt:before { content: "\e754" }
.ti-linux:before { content: "\e755" }
.ti-jsfiddle:before { content: "\e756" }
.ti-joomla:before { content: "\e757" }
.ti-html5:before { content: "\e758" }
.ti-flickr-alt:before { content: "\e759" }
.ti-email:before { content: "\e75a" }
.ti-drupal:before { content: "\e75b" }
.ti-dropbox-alt:before { content: "\e75c" }
.ti-css3:before { content: "\e75d" }
.ti-rss:before { content: "\e75e" }
.ti-rss-alt:before { content: "\e75f" }

@font-face {
    font-family: simple-line-icons;  src: url(../fonts/Simple-Line-Icons.eot?-i3a2kk);
    src: url(../fonts/Simple-Line-Icons.eot?#iefix-i3a2kk) format('embedded-opentype'), url(../fonts/Simple-Line-Icons.ttf?-i3a2kk) format('truetype'), url(../fonts/Simple-Line-Icons.woff2?-i3a2kk) format('woff2'), url(../fonts/Simple-Line-Icons.woff?-i3a2kk) format('woff'), url(../fonts/Simple-Line-Icons.svg?-i3a2kk#simple-line-icons) format('svg');
    font-weight: 400; font-style: normal
}
.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calender, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawar, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelopepen, .icon-equalizer, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-gplus, .icon-social-instagram, .icon-social-linkedin, .icon-social-pintarest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symble-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
    font-family: simple-line-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}
.icon-user:before { content: "\e005" }
.icon-people:before { content: "\e001" }
.icon-user-female:before { content: "\e000" }
.icon-user-follow:before { content: "\e002" }
.icon-user-following:before { content: "\e003" }
.icon-user-unfollow:before { content: "\e004" }
.icon-login:before { content: "\e066" }
.icon-logout:before { content: "\e065" }
.icon-emotsmile:before { content: "\e021" }
.icon-phone:before { content: "\e600" }
.icon-call-end:before { content: "\e048" }
.icon-call-in:before { content: "\e047" }
.icon-call-out:before { content: "\e046" }
.icon-map:before { content: "\e033" }
.icon-location-pin:before { content: "\e096" }
.icon-direction:before { content: "\e042" }
.icon-directions:before { content: "\e041" }
.icon-compass:before { content: "\e045" }
.icon-layers:before { content: "\e034" }
.icon-menu:before { content: "\e601" }
.icon-list:before { content: "\e067" }
.icon-options-vertical:before { content: "\e602" }
.icon-options:before { content: "\e603" }
.icon-arrow-down:before { content: "\e604" }
.icon-arrow-left:before { content: "\e605" }
.icon-arrow-right:before { content: "\e606" }
.icon-arrow-up:before { content: "\e607" }
.icon-arrow-up-circle:before { content: "\e078" }
.icon-arrow-left-circle:before { content: "\e07a" }
.icon-arrow-right-circle:before { content: "\e079" }
.icon-arrow-down-circle:before { content: "\e07b" }
.icon-check:before { content: "\e080" }
.icon-clock:before { content: "\e081" }
.icon-plus:before { content: "\e095" }
.icon-close:before { content: "\e082" }
.icon-trophy:before { content: "\e006" }
.icon-screen-smartphone:before { content: "\e010" }
.icon-screen-desktop:before { content: "\e011" }
.icon-plane:before { content: "\e012" }
.icon-notebook:before { content: "\e013" }
.icon-mustache:before { content: "\e014" }
.icon-mouse:before { content: "\e015" }
.icon-magnet:before { content: "\e016" }
.icon-energy:before { content: "\e020" }
.icon-disc:before { content: "\e022" }
.icon-cursor:before { content: "\e06e" }
.icon-cursor-move:before { content: "\e023" }
.icon-crop:before { content: "\e024" }
.icon-chemistry:before { content: "\e026" }
.icon-speedometer:before { content: "\e007" }
.icon-shield:before { content: "\e00e" }
.icon-screen-tablet:before { content: "\e00f" }
.icon-magic-wand:before { content: "\e017" }
.icon-hourglass:before { content: "\e018" }
.icon-graduation:before { content: "\e019" }
.icon-ghost:before { content: "\e01a" }
.icon-game-controller:before { content: "\e01b" }
.icon-fire:before { content: "\e01c" }
.icon-eyeglass:before { content: "\e01d" }
.icon-envelopepen:before { content: "\e01e" }
.icon-envelope-letter:before { content: "\e01f" }
.icon-bell:before { content: "\e027" }
.icon-badge:before { content: "\e028" }
.icon-anchor:before { content: "\e029" }
.icon-wallet:before { content: "\e02a" }
.icon-vector:before { content: "\e02b" }
.icon-speech:before { content: "\e02c" }
.icon-puzzle:before { content: "\e02d" }
.icon-printer:before { content: "\e02e" }
.icon-present:before { content: "\e02f" }
.icon-playlist:before { content: "\e030" }
.icon-pin:before { content: "\e031" }
.icon-picture:before { content: "\e032" }
.icon-handbag:before { content: "\e035" }
.icon-globe-alt:before { content: "\e036" }
.icon-globe:before { content: "\e037" }
.icon-folder-alt:before { content: "\e039" }
.icon-folder:before { content: "\e089" }
.icon-film:before { content: "\e03a" }
.icon-feed:before { content: "\e03b" }
.icon-drop:before { content: "\e03e" }
.icon-drawar:before { content: "\e03f" }
.icon-docs:before { content: "\e040" }
.icon-doc:before { content: "\e085" }
.icon-diamond:before { content: "\e043" }
.icon-cup:before { content: "\e044" }
.icon-calculator:before { content: "\e049" }
.icon-bubbles:before { content: "\e04a" }
.icon-briefcase:before { content: "\e04b" }
.icon-book-open:before { content: "\e04c" }
.icon-basket-loaded:before { content: "\e04d" }
.icon-basket:before { content: "\e04e" }
.icon-bag:before { content: "\e04f" }
.icon-action-undo:before { content: "\e050" }
.icon-action-redo:before { content: "\e051" }
.icon-wrench:before { content: "\e052" }
.icon-umbrella:before { content: "\e053" }
.icon-trash:before { content: "\e054" }
.icon-tag:before { content: "\e055" }
.icon-support:before { content: "\e056" }
.icon-frame:before { content: "\e038" }
.icon-size-fullscreen:before { content: "\e057" }
.icon-size-actual:before { content: "\e058" }
.icon-shuffle:before { content: "\e059" }
.icon-share-alt:before { content: "\e05a" }
.icon-share:before { content: "\e05b" }
.icon-rocket:before { content: "\e05c" }
.icon-question:before { content: "\e05d" }
.icon-pie-chart:before { content: "\e05e" }
.icon-pencil:before { content: "\e05f" }
.icon-note:before { content: "\e060" }
.icon-loop:before { content: "\e064" }
.icon-home:before { content: "\e069" }
.icon-grid:before { content: "\e06a" }
.icon-graph:before { content: "\e06b" }
.icon-microphone:before { content: "\e063" }
.icon-music-tone-alt:before { content: "\e061" }
.icon-music-tone:before { content: "\e062" }
.icon-earphones-alt:before { content: "\e03c" }
.icon-earphones:before { content: "\e03d" }
.icon-equalizer:before { content: "\e06c" }
.icon-like:before { content: "\e068" }
.icon-dislike:before { content: "\e06d" }
.icon-control-start:before { content: "\e06f" }
.icon-control-rewind:before { content: "\e070" }
.icon-control-play:before { content: "\e071" }
.icon-control-pause:before { content: "\e072" }
.icon-control-forward:before { content: "\e073" }
.icon-control-end:before { content: "\e074" }
.icon-volume-1:before { content: "\e09f" }
.icon-volume-2:before { content: "\e0a0" }
.icon-volume-off:before { content: "\e0a1" }
.icon-calender:before { content: "\e075" }
.icon-bulb:before { content: "\e076" }
.icon-chart:before { content: "\e077" }
.icon-ban:before { content: "\e07c" }
.icon-bubble:before { content: "\e07d" }
.icon-camrecorder:before { content: "\e07e" }
.icon-camera:before { content: "\e07f" }
.icon-cloud-download:before { content: "\e083" }
.icon-cloud-upload:before { content: "\e084" }
.icon-envelope:before { content: "\e086" }
.icon-eye:before { content: "\e087" }
.icon-flag:before { content: "\e088" }
.icon-heart:before { content: "\e08a" }
.icon-info:before { content: "\e08b" }
.icon-key:before { content: "\e08c" }
.icon-link:before { content: "\e08d" }
.icon-lock:before { content: "\e08e" }
.icon-lock-open:before { content: "\e08f" }
.icon-magnifier:before { content: "\e090" }
.icon-magnifier-add:before { content: "\e091" }
.icon-magnifier-remove:before { content: "\e092" }
.icon-paper-clip:before { content: "\e093" }
.icon-paper-plane:before { content: "\e094" }
.icon-power:before { content: "\e097" }
.icon-refresh:before { content: "\e098" }
.icon-reload:before { content: "\e099" }
.icon-settings:before { content: "\e09a" }
.icon-star:before { content: "\e09b" }
.icon-symble-female:before { content: "\e09c" }
.icon-symbol-male:before { content: "\e09d" }
.icon-target:before { content: "\e09e" }
.icon-credit-card:before { content: "\e025" }
.icon-paypal:before { content: "\e608" }
.icon-social-tumblr:before { content: "\e00a" }
.icon-social-twitter:before { content: "\e009" }
.icon-social-facebook:before { content: "\e00b" }
.icon-social-instagram:before { content: "\e609" }
.icon-social-linkedin:before { content: "\e60a" }
.icon-social-pintarest:before { content: "\e60b" }
.icon-social-github:before { content: "\e60c" }
.icon-social-gplus:before { content: "\e60d" }
.icon-social-reddit:before { content: "\e60e" }
.icon-social-skype:before { content: "\e60f" }
.icon-social-dribbble:before { content: "\e00d" }
.icon-social-behance:before { content: "\e610" }
.icon-social-foursqare:before { content: "\e611" }
.icon-social-soundcloud:before { content: "\e612" }
.icon-social-spotify:before { content: "\e613" }
.icon-social-stumbleupon:before { content: "\e614" }
.icon-social-youtube:before { content: "\e008" }
.icon-social-dropbox:before { content: "\e00c" }

@font-face {
    font-family: weathericons; src: url(../less/icons/weather-icons/font/weathericons-regular-webfont.eot);
    src: url(../less/icons/weather-icons/font/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../less/icons/weather-icons/font/weathericons-regular-webfont.woff2) format('woff2'), url(../less/icons/weather-icons/font/weathericons-regular-webfont.woff) format('woff'), url(../less/icons/weather-icons/font/weathericons-regular-webfont.ttf) format('truetype'), url(../less/icons/weather-icons/font/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
    font-weight: 400; font-style: normal
}
.wi { display: inline-block; font-family: weathericons; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.wi-fw { text-align: center; width: 1.4em }
.wi-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);  transform: rotate(90deg) }
.wi-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.wi-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) }
.wi-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) }
.wi-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) }
.wi-day-sunny:before { content: "\f00d" }
.wi-day-cloudy:before { content: "\f002" }
.wi-day-cloudy-gusts:before { content: "\f000" }
.wi-day-cloudy-windy:before { content: "\f001" }
.wi-day-fog:before { content: "\f003" }
.wi-day-hail:before { content: "\f004" }
.wi-day-haze:before { content: "\f0b6" }
.wi-day-lightning:before { content: "\f005" }
.wi-day-rain:before { content: "\f008" }
.wi-day-rain-mix:before { content: "\f006" }
.wi-day-rain-wind:before { content: "\f007" }
.wi-day-showers:before { content: "\f009" }
.wi-day-sleet:before { content: "\f0b2" }
.wi-day-sleet-storm:before { content: "\f068" }
.wi-day-snow:before { content: "\f00a" }
.wi-day-snow-thunderstorm:before { content: "\f06b" }
.wi-day-snow-wind:before { content: "\f065" }
.wi-day-sprinkle:before { content: "\f00b" }
.wi-day-storm-showers:before { content: "\f00e" }
.wi-day-sunny-overcast:before { content: "\f00c" }
.wi-day-thunderstorm:before { content: "\f010" }
.wi-day-windy:before { content: "\f085" }
.wi-solar-eclipse:before { content: "\f06e" }
.wi-hot:before { content: "\f072" }
.wi-day-cloudy-high:before { content: "\f07d" }
.wi-day-light-wind:before { content: "\f0c4" }
.wi-night-clear:before { content: "\f02e" }
.wi-night-alt-cloudy:before { content: "\f086" }
.wi-night-alt-cloudy-gusts:before { content: "\f022" }
.wi-night-alt-cloudy-windy:before { content: "\f023" }
.wi-night-alt-hail:before { content: "\f024" }
.wi-night-alt-lightning:before { content: "\f025" }
.wi-night-alt-rain:before { content: "\f028" }
.wi-night-alt-rain-mix:before { content: "\f026" }
.wi-night-alt-rain-wind:before { content: "\f027" }
.wi-night-alt-showers:before { content: "\f029" }
.wi-night-alt-sleet:before { content: "\f0b4" }
.wi-night-alt-sleet-storm:before { content: "\f06a" }
.wi-night-alt-snow:before { content: "\f02a" }
.wi-night-alt-snow-thunderstorm:before { content: "\f06d" }
.wi-night-alt-snow-wind:before { content: "\f067" }
.wi-night-alt-sprinkle:before { content: "\f02b" }
.wi-night-alt-storm-showers:before { content: "\f02c" }
.wi-night-alt-thunderstorm:before { content: "\f02d" }
.wi-night-cloudy:before { content: "\f031" }
.wi-night-cloudy-gusts:before { content: "\f02f" }
.wi-night-cloudy-windy:before { content: "\f030" }
.wi-night-fog:before { content: "\f04a" }
.wi-night-hail:before { content: "\f032" }
.wi-night-lightning:before { content: "\f033" }
.wi-night-partly-cloudy:before { content: "\f083" }
.wi-night-rain:before { content: "\f036" }
.wi-night-rain-mix:before { content: "\f034" }
.wi-night-rain-wind:before { content: "\f035" }
.wi-night-showers:before { content: "\f037" }
.wi-night-sleet:before { content: "\f0b3" }
.wi-night-sleet-storm:before { content: "\f069" }
.wi-night-snow:before { content: "\f038" }
.wi-night-snow-thunderstorm:before { content: "\f06c" }
.wi-night-snow-wind:before { content: "\f066" }
.wi-night-sprinkle:before { content: "\f039" }
.wi-night-storm-showers:before { content: "\f03a" }
.wi-night-thunderstorm:before { content: "\f03b" }
.wi-lunar-eclipse:before { content: "\f070" }
.wi-stars:before { content: "\f077" }
.wi-night-alt-cloudy-high:before { content: "\f07e" }
.wi-night-cloudy-high:before { content: "\f080" }
.wi-night-alt-partly-cloudy:before { content: "\f081" }
.wi-cloud:before { content: "\f041" }
.wi-cloudy:before { content: "\f013" }
.wi-cloudy-gusts:before { content: "\f011" }
.wi-cloudy-windy:before { content: "\f012" }
.wi-fog:before { content: "\f014" }
.wi-hail:before { content: "\f015" }
.wi-rain:before { content: "\f019" }
.wi-rain-mix:before { content: "\f017" }
.wi-rain-wind:before { content: "\f018" }
.wi-showers:before { content: "\f01a" }
.wi-sleet:before { content: "\f0b5" }
.wi-sprinkle:before { content: "\f01c" }
.wi-storm-showers:before { content: "\f01d" }
.wi-thunderstorm:before { content: "\f01e" }
.wi-snow-wind:before { content: "\f064" }
.wi-snow:before { content: "\f01b" }
.wi-smog:before { content: "\f074" }
.wi-smoke:before { content: "\f062" }
.wi-lightning:before { content: "\f016" }
.wi-raindrops:before { content: "\f04e" }
.wi-raindrop:before { content: "\f078" }
.wi-dust:before { content: "\f063" }
.wi-snowflake-cold:before { content: "\f076" }
.wi-windy:before { content: "\f021" }
.wi-strong-wind:before { content: "\f050" }
.wi-sandstorm:before { content: "\f082" }
.wi-earthquake:before { content: "\f0c6" }
.wi-fire:before { content: "\f0c7" }
.wi-flood:before { content: "\f07c" }
.wi-meteor:before { content: "\f071" }
.wi-tsunami:before { content: "\f0c5" }
.wi-volcano:before { content: "\f0c8" }
.wi-hurricane:before { content: "\f073" }
.wi-tornado:before { content: "\f056" }
.wi-small-craft-advisory:before { content: "\f0cc" }
.wi-gale-warning:before { content: "\f0cd" }
.wi-storm-warning:before { content: "\f0ce" }
.wi-hurricane-warning:before { content: "\f0cf" }
.wi-wind-direction:before { content: "\f0b1" }
.wi-alien:before { content: "\f075" }
.wi-celsius:before { content: "\f03c" }
.wi-fahrenheit:before { content: "\f045" }
.wi-degrees:before { content: "\f042" }
.wi-thermometer:before { content: "\f055" }
.wi-thermometer-exterior:before { content: "\f053" }
.wi-thermometer-internal:before { content: "\f054" }
.wi-cloud-down:before { content: "\f03d" }
.wi-cloud-up:before { content: "\f040" }
.wi-cloud-refresh:before { content: "\f03e" }
.wi-horizon:before { content: "\f047" }
.wi-horizon-alt:before { content: "\f046" }
.wi-sunrise:before { content: "\f051" }
.wi-sunset:before { content: "\f052" }
.wi-moonrise:before { content: "\f0c9" }
.wi-moonset:before { content: "\f0ca" }
.wi-refresh:before { content: "\f04c" }
.wi-refresh-alt:before { content: "\f04b" }
.wi-umbrella:before { content: "\f084" }
.wi-barometer:before { content: "\f079" }
.wi-humidity:before { content: "\f07a" }
.wi-na:before { content: "\f07b" }
.wi-train:before { content: "\f0cb" }
.wi-moon-new:before { content: "\f095" }
.wi-moon-waxing-cresent-1:before { content: "\f096" }
.wi-moon-waxing-cresent-2:before { content: "\f097" }
.wi-moon-waxing-cresent-3:before { content: "\f098" }
.wi-moon-waxing-cresent-4:before { content: "\f099" }
.wi-moon-waxing-cresent-5:before { content: "\f09a" }
.wi-moon-waxing-cresent-6:before { content: "\f09b" }
.wi-moon-first-quarter:before { content: "\f09c" }
.wi-moon-waxing-gibbous-1:before { content: "\f09d" }
.wi-moon-waxing-gibbous-2:before { content: "\f09e" }
.wi-moon-waxing-gibbous-3:before { content: "\f09f" }
.wi-moon-waxing-gibbous-4:before { content: "\f0a0" }
.wi-moon-waxing-gibbous-5:before { content: "\f0a1" }
.wi-moon-waxing-gibbous-6:before { content: "\f0a2" }
.wi-moon-full:before { content: "\f0a3" }
.wi-moon-waning-gibbous-1:before { content: "\f0a4" }
.wi-moon-waning-gibbous-2:before { content: "\f0a5" }
.wi-moon-waning-gibbous-3:before { content: "\f0a6" }
.wi-moon-waning-gibbous-4:before { content: "\f0a7" }
.wi-moon-waning-gibbous-5:before { content: "\f0a8" }
.wi-moon-waning-gibbous-6:before { content: "\f0a9" }
.wi-moon-third-quarter:before { content: "\f0aa" }
.wi-moon-waning-crescent-1:before { content: "\f0ab" }
.wi-moon-waning-crescent-2:before { content: "\f0ac" }
.wi-moon-waning-crescent-3:before { content: "\f0ad" }
.wi-moon-waning-crescent-4:before { content: "\f0ae" }
.wi-moon-waning-crescent-5:before { content: "\f0af" }
.wi-moon-waning-crescent-6:before { content: "\f0b0" }
.wi-moon-alt-new:before { content: "\f0eb" }
.wi-moon-alt-waxing-cresent-1:before { content: "\f0d0" }
.wi-moon-alt-waxing-cresent-2:before { content: "\f0d1" }
.wi-moon-alt-waxing-cresent-3:before { content: "\f0d2" }
.wi-moon-alt-waxing-cresent-4:before { content: "\f0d3" }
.wi-moon-alt-waxing-cresent-5:before { content: "\f0d4" }
.wi-moon-alt-waxing-cresent-6:before { content: "\f0d5" }
.wi-moon-alt-first-quarter:before { content: "\f0d6" }
.wi-moon-alt-waxing-gibbous-1:before { content: "\f0d7" }
.wi-moon-alt-waxing-gibbous-2:before { content: "\f0d8" }
.wi-moon-alt-waxing-gibbous-3:before { content: "\f0d9" }
.wi-moon-alt-waxing-gibbous-4:before { content: "\f0da" }
.wi-moon-alt-waxing-gibbous-5:before { content: "\f0db" }
.wi-moon-alt-waxing-gibbous-6:before { content: "\f0dc" }
.wi-moon-alt-full:before { content: "\f0dd" }
.wi-moon-alt-waning-gibbous-1:before { content: "\f0de" }
.wi-moon-alt-waning-gibbous-2:before { content: "\f0df" }
.wi-moon-alt-waning-gibbous-3:before { content: "\f0e0" }
.wi-moon-alt-waning-gibbous-4:before { content: "\f0e1" }
.wi-moon-alt-waning-gibbous-5:before { content: "\f0e2" }
.wi-moon-alt-waning-gibbous-6:before { content: "\f0e3" }
.wi-moon-alt-third-quarter:before { content: "\f0e4" }
.wi-moon-alt-waning-crescent-1:before { content: "\f0e5" }
.wi-moon-alt-waning-crescent-2:before { content: "\f0e6" }
.wi-moon-alt-waning-crescent-3:before { content: "\f0e7" }
.wi-moon-alt-waning-crescent-4:before { content: "\f0e8" }
.wi-moon-alt-waning-crescent-5:before { content: "\f0e9" }
.wi-moon-alt-waning-crescent-6:before { content: "\f0ea" }
.wi-moon-0:before { content: "\f095" }
.wi-moon-1:before { content: "\f096" }
.wi-moon-2:before { content: "\f097" }
.wi-moon-3:before { content: "\f098" }
.wi-moon-4:before { content: "\f099" }
.wi-moon-5:before { content: "\f09a" }
.wi-moon-6:before { content: "\f09b" }
.wi-moon-7:before { content: "\f09c" }
.wi-moon-8:before { content: "\f09d" }
.wi-moon-9:before { content: "\f09e" }
.wi-moon-10:before { content: "\f09f" }
.wi-moon-11:before { content: "\f0a0" }
.wi-moon-12:before { content: "\f0a1" } 
.wi-moon-13:before { content: "\f0a2" }
.wi-moon-14:before { content: "\f0a3" }
.wi-moon-15:before { content: "\f0a4" }
.wi-moon-16:before { content: "\f0a5" }
.wi-moon-17:before { content: "\f0a6" }
.wi-moon-18:before { content: "\f0a7" }
.wi-moon-19:before { content: "\f0a8" }
.wi-moon-20:before { content: "\f0a9" }
.wi-moon-21:before { content: "\f0aa" }
.wi-moon-22:before { content: "\f0ab" }
.wi-moon-23:before { content: "\f0ac" }
.wi-moon-24:before { content: "\f0ad" }
.wi-moon-25:before { content: "\f0ae" }
.wi-moon-26:before { content: "\f0af" }
.wi-moon-27:before { content: "\f0b0" }
.wi-time-1:before { content: "\f08a" }
.wi-time-2:before { content: "\f08b" }
.wi-time-3:before { content: "\f08c" }
.wi-time-4:before { content: "\f08d" }
.wi-time-5:before { content: "\f08e" }
.wi-time-6:before { content: "\f08f" }
.wi-time-7:before { content: "\f090" }
.wi-time-8:before { content: "\f091" }
.wi-time-9:before { content: "\f092" }
.wi-time-10:before { content: "\f093" }
.wi-time-11:before { content: "\f094" }
.wi-time-12:before { content: "\f089" }
.wi-direction-up:before { content: "\f058" }
.wi-direction-up-right:before { content: "\f057" }
.wi-direction-right:before { content: "\f04d" }
.wi-direction-down-right:before { content: "\f088" }
.wi-direction-down:before { content: "\f044" }
.wi-direction-down-left:before { content: "\f043" }
.wi-direction-left:before { content: "\f048" }
.wi-direction-up-left:before { content: "\f087" }
.wi-wind-beaufort-0:before { content: "\f0b7" }
.wi-wind-beaufort-1:before { content: "\f0b8" }
.wi-wind-beaufort-2:before { content: "\f0b9" }
.wi-wind-beaufort-3:before { content: "\f0ba" }
.wi-wind-beaufort-4:before { content: "\f0bb" }
.wi-wind-beaufort-5:before { content: "\f0bc" }
.wi-wind-beaufort-6:before { content: "\f0bd" }
.wi-wind-beaufort-7:before { content: "\f0be" }
.wi-wind-beaufort-8:before { content: "\f0bf" }
.wi-wind-beaufort-9:before { content: "\f0c0" }
.wi-wind-beaufort-10:before { content: "\f0c1" }
.wi-wind-beaufort-11:before { content: "\f0c2" }
.wi-wind-beaufort-12:before { content: "\f0c3" }
.wi-yahoo-0:before { content: "\f056" }
.wi-yahoo-1:before { content: "\f00e" }
.wi-yahoo-2:before { content: "\f073" }
.wi-yahoo-3:before, .wi-yahoo-4:before { content: "\f01e" }
.wi-yahoo-5:before, .wi-yahoo-6:before, .wi-yahoo-7:before { content: "\f017" }
.wi-yahoo-8:before { content: "\f015" }
.wi-yahoo-9:before { content: "\f01a" }
.wi-yahoo-10:before { content: "\f015" }
.wi-yahoo-11:before, .wi-yahoo-12:before { content: "\f01a" }
.wi-yahoo-13:before { content: "\f01b" }
.wi-yahoo-14:before { content: "\f00a" }
.wi-yahoo-15:before { content: "\f064" }
.wi-yahoo-16:before { content: "\f01b" }
.wi-yahoo-17:before { content: "\f015" }
.wi-yahoo-18:before { content: "\f017" }
.wi-yahoo-19:before { content: "\f063" }
.wi-yahoo-20:before { content: "\f014" }
.wi-yahoo-21:before { content: "\f021" }
.wi-yahoo-22:before { content: "\f062" }
.wi-yahoo-23:before, .wi-yahoo-24:before { content: "\f050" }
.wi-yahoo-25:before { content: "\f076" }
.wi-yahoo-26:before { content: "\f013" }
.wi-yahoo-27:before { content: "\f031" }
.wi-yahoo-28:before { content: "\f002" }
.wi-yahoo-29:before { content: "\f031" }
.wi-yahoo-30:before { content: "\f002" }
.wi-yahoo-31:before { content: "\f02e" }
.wi-yahoo-32:before { content: "\f00d" }
.wi-yahoo-33:before { content: "\f083" }
.wi-yahoo-34:before { content: "\f00c" }
.wi-yahoo-35:before { content: "\f017" }
.wi-yahoo-36:before { content: "\f072" }
.wi-yahoo-37:before, .wi-yahoo-38:before, .wi-yahoo-39:before { content: "\f00e" }
.wi-yahoo-40:before { content: "\f01a" }
.wi-yahoo-41:before { content: "\f064" }
.wi-yahoo-42:before { content: "\f01b" }
.wi-yahoo-43:before { content: "\f064" }
.wi-yahoo-44:before { content: "\f00c" }
.wi-yahoo-45:before { content: "\f00e" }
.wi-yahoo-46:before { content: "\f01b" }
.wi-yahoo-47:before { content: "\f00e" }
.wi-yahoo-3200:before { content: "\f077" }
.wi-forecast-io-clear-day:before { content: "\f00d" }
.wi-forecast-io-clear-night:before { content: "\f02e" }
.wi-forecast-io-rain:before { content: "\f019" }
.wi-forecast-io-snow:before { content: "\f01b" }
.wi-forecast-io-sleet:before { content: "\f0b5" }
.wi-forecast-io-wind:before { content: "\f050" }
.wi-forecast-io-fog:before { content: "\f014" }
.wi-forecast-io-cloudy:before { content: "\f013" }
.wi-forecast-io-partly-cloudy-day:before { content: "\f002" }
.wi-forecast-io-partly-cloudy-night:before { content: "\f031" }
.wi-forecast-io-hail:before { content: "\f015" }
.wi-forecast-io-thunderstorm:before { content: "\f01e" }
.wi-forecast-io-tornado:before { content: "\f056" }
.wi-wmo4680-00:before, .wi-wmo4680-0:before { content: "\f055" }
.wi-wmo4680-01:before, .wi-wmo4680-1:before { content: "\f013" }
.wi-wmo4680-02:before, .wi-wmo4680-2:before { content: "\f055" }
.wi-wmo4680-03:before, .wi-wmo4680-3:before { content: "\f013" }
.wi-wmo4680-04:before, .wi-wmo4680-05:before, .wi-wmo4680-10:before, .wi-wmo4680-11:before, .wi-wmo4680-4:before, .wi-wmo4680-5:before { content: "\f014" }
.wi-wmo4680-12:before { content: "\f016" }
.wi-wmo4680-18:before { content: "\f050" }
.wi-wmo4680-20:before { content: "\f014" }
.wi-wmo4680-21:before, .wi-wmo4680-22:before { content: "\f017" }
.wi-wmo4680-23:before { content: "\f019" }
.wi-wmo4680-24:before { content: "\f01b" }
.wi-wmo4680-25:before { content: "\f015" }
.wi-wmo4680-26:before { content: "\f01e" }
.wi-wmo4680-27:before, .wi-wmo4680-28:before, .wi-wmo4680-29:before { content: "\f063" }
.wi-wmo4680-30:before, .wi-wmo4680-31:before, .wi-wmo4680-32:before, .wi-wmo4680-33:before, .wi-wmo4680-34:before, .wi-wmo4680-35:before { content: "\f014" }
.wi-wmo4680-40:before { content: "\f017" }
.wi-wmo4680-41:before { content: "\f01c" }
.wi-wmo4680-42:before { content: "\f019" }
.wi-wmo4680-43:before { content: "\f01c" }
.wi-wmo4680-44:before { content: "\f019" }
.wi-wmo4680-45:before, .wi-wmo4680-46:before { content: "\f015" }
.wi-wmo4680-47:before, .wi-wmo4680-48:before { content: "\f01b" }
.wi-wmo4680-50:before, .wi-wmo4680-51:before { content: "\f01c" }
.wi-wmo4680-52:before, .wi-wmo4680-53:before { content: "\f019" }
.wi-wmo4680-54:before, .wi-wmo4680-55:before, .wi-wmo4680-56:before { content: "\f076" }
.wi-wmo4680-57:before { content: "\f01c" }
.wi-wmo4680-58:before { content: "\f019" }
.wi-wmo4680-60:before, .wi-wmo4680-61:before { content: "\f01c" }
.wi-wmo4680-62:before, .wi-wmo4680-63:before { content: "\f019" }
.wi-wmo4680-64:before, .wi-wmo4680-65:before, .wi-wmo4680-66:before { content: "\f015" }
.wi-wmo4680-67:before, .wi-wmo4680-68:before { content: "\f017" }
.wi-wmo4680-70:before, .wi-wmo4680-71:before, .wi-wmo4680-72:before, .wi-wmo4680-73:before { content: "\f01b" }
.wi-wmo4680-74:before, .wi-wmo4680-75:before, .wi-wmo4680-76:before { content: "\f076" }
.wi-wmo4680-77:before { content: "\f01b" }
.wi-wmo4680-78:before { content: "\f076" }
.wi-wmo4680-80:before { content: "\f019" }
.wi-wmo4680-81:before { content: "\f01c" }
.wi-wmo4680-82:before, .wi-wmo4680-83:before { content: "\f019" }
.wi-wmo4680-84:before { content: "\f01d" }
.wi-wmo4680-85:before, .wi-wmo4680-86:before, .wi-wmo4680-87:before { content: "\f017" }
.wi-wmo4680-89:before { content: "\f015" }
.wi-wmo4680-90:before { content: "\f016" }
.wi-wmo4680-91:before { content: "\f01d" }
.wi-wmo4680-92:before, .wi-wmo4680-93:before { content: "\f01e" }
.wi-wmo4680-94:before { content: "\f016" }
.wi-wmo4680-95:before, .wi-wmo4680-96:before { content: "\f01e" }
.wi-wmo4680-99:before { content: "\f056" }
.wi-owm-200:before, .wi-owm-201:before, .wi-owm-202:before { content: "\f01e" }
.wi-owm-210:before, .wi-owm-211:before, .wi-owm-212:before, .wi-owm-221:before { content: "\f016" }
.wi-owm-230:before, .wi-owm-231:before, .wi-owm-232:before { content: "\f01e" }
.wi-owm-300:before, .wi-owm-301:before { content: "\f01c" }
.wi-owm-302:before { content: "\f019" }
.wi-owm-310:before { content: "\f017" }
.wi-owm-311:before, .wi-owm-312:before { content: "\f019" }
.wi-owm-313:before { content: "\f01a" }
.wi-owm-314:before { content: "\f019" }
.wi-owm-321:before, .wi-owm-500:before { content: "\f01c" }
.wi-owm-501:before, .wi-owm-502:before, .wi-owm-503:before, .wi-owm-504:before { content: "\f019" }
.wi-owm-511:before { content: "\f017" }
.wi-owm-520:before, .wi-owm-521:before, .wi-owm-522:before { content: "\f01a" }
.wi-owm-531:before { content: "\f01d" }
.wi-owm-600:before, .wi-owm-601:before { content: "\f01b" }
.wi-owm-602:before { content: "\f0b5" }
.wi-owm-611:before, .wi-owm-612:before, .wi-owm-615:before, .wi-owm-616:before, .wi-owm-620:before { content: "\f017" }
.wi-owm-621:before, .wi-owm-622:before { content: "\f01b" }
.wi-owm-701:before { content: "\f01a" }
.wi-owm-711:before { content: "\f062" }
.wi-owm-721:before { content: "\f0b6" }
.wi-owm-731:before { content: "\f063" }
.wi-owm-741:before { content: "\f014" }
.wi-owm-761:before, .wi-owm-762:before { content: "\f063" }
.wi-owm-771:before { content: "\f011" }
.wi-owm-781:before { content: "\f056" }
.wi-owm-800:before { content: "\f00d" }
.wi-owm-801:before, .wi-owm-802:before, .wi-owm-803:before { content: "\f011" }
.wi-owm-803:before { content: "\f012" }
.wi-owm-804:before { content: "\f013" }
.wi-owm-900:before { content: "\f056" }
.wi-owm-901:before { content: "\f01d" }
.wi-owm-902:before { content: "\f073" }
.wi-owm-903:before { content: "\f076" }
.wi-owm-904:before { content: "\f072" }
.wi-owm-905:before { content: "\f021" }
.wi-owm-906:before { content: "\f015" }
.wi-owm-957:before { content: "\f050" }
.wi-owm-day-200:before, .wi-owm-day-201:before, .wi-owm-day-202:before { content: "\f010" }
.wi-owm-day-210:before, .wi-owm-day-211:before, .wi-owm-day-212:before, .wi-owm-day-221:before { content: "\f005" }
.wi-owm-day-230:before, .wi-owm-day-231:before, .wi-owm-day-232:before { content: "\f010" }
.wi-owm-day-300:before, .wi-owm-day-301:before { content: "\f00b" }
.wi-owm-day-302:before, .wi-owm-day-310:before, .wi-owm-day-311:before, .wi-owm-day-312:before, .wi-owm-day-313:before, .wi-owm-day-314:before { content: "\f008" }
.wi-owm-day-321:before, .wi-owm-day-500:before { content: "\f00b" }
.wi-owm-day-501:before, .wi-owm-day-502:before, .wi-owm-day-503:before, .wi-owm-day-504:before { content: "\f008" }
.wi-owm-day-511:before { content: "\f006" }
.wi-owm-day-520:before, .wi-owm-day-521:before, .wi-owm-day-522:before { content: "\f009" }
.wi-owm-day-531:before { content: "\f00e" }
.wi-owm-day-600:before { content: "\f00a" }
.wi-owm-day-601:before { content: "\f0b2" }
.wi-owm-day-602:before { content: "\f00a" }
.wi-owm-day-611:before, .wi-owm-day-612:before, .wi-owm-day-615:before, .wi-owm-day-616:before, .wi-owm-day-620:before { content: "\f006" }
.wi-owm-day-621:before, .wi-owm-day-622:before { content: "\f00a" }
.wi-owm-day-701:before { content: "\f009" }
.wi-owm-day-711:before { content: "\f062" }
.wi-owm-day-721:before { content: "\f0b6" }
.wi-owm-day-731:before { content: "\f063" }
.wi-owm-day-741:before { content: "\f003" }
.wi-owm-day-761:before, .wi-owm-day-762:before { content: "\f063" }
.wi-owm-day-781:before { content: "\f056" }
.wi-owm-day-800:before { content: "\f00d" }
.wi-owm-day-801:before, .wi-owm-day-802:before, .wi-owm-day-803:before { content: "\f000" }
.wi-owm-day-804:before { content: "\f00c" }
.wi-owm-day-900:before { content: "\f056" }
.wi-owm-day-902:before { content: "\f073" }
.wi-owm-day-903:before { content: "\f076" }
.wi-owm-day-904:before { content: "\f072" }
.wi-owm-day-906:before { content: "\f004" }
.wi-owm-day-957:before { content: "\f050" }
.wi-owm-night-200:before, .wi-owm-night-201:before, .wi-owm-night-202:before { content: "\f02d" }
.wi-owm-night-210:before, .wi-owm-night-211:before, .wi-owm-night-212:before, .wi-owm-night-221:before { content: "\f025" }
.wi-owm-night-230:before, .wi-owm-night-231:before, .wi-owm-night-232:before { content: "\f02d" }
.wi-owm-night-300:before, .wi-owm-night-301:before { content: "\f02b" }
.wi-owm-night-302:before, .wi-owm-night-310:before, .wi-owm-night-311:before, .wi-owm-night-312:before, .wi-owm-night-313:before, .wi-owm-night-314:before { content: "\f028" }
.wi-owm-night-321:before, .wi-owm-night-500:before { content: "\f02b" }
.wi-owm-night-501:before, .wi-owm-night-502:before, .wi-owm-night-503:before, .wi-owm-night-504:before { content: "\f028" }
.wi-owm-night-511:before { content: "\f026" }
.wi-owm-night-520:before, .wi-owm-night-521:before, .wi-owm-night-522:before { content: "\f029" }
.wi-owm-night-531:before { content: "\f02c" }
.wi-owm-night-600:before { content: "\f02a" }
.wi-owm-night-601:before { content: "\f0b4" }
.wi-owm-night-602:before { content: "\f02a" }
.wi-owm-night-611:before, .wi-owm-night-612:before, .wi-owm-night-615:before, .wi-owm-night-616:before, .wi-owm-night-620:before { content: "\f026" }
.wi-owm-night-621:before, .wi-owm-night-622:before { content: "\f02a" }
.wi-owm-night-701:before { content: "\f029" }
.wi-owm-night-711:before { content: "\f062" }
.wi-owm-night-721:before { content: "\f0b6" }
.wi-owm-night-731:before { content: "\f063" }
.wi-owm-night-741:before { content: "\f04a" }
.wi-owm-night-761:before, .wi-owm-night-762:before { content: "\f063" }
.wi-owm-night-781:before { content: "\f056" }
.wi-owm-night-800:before { content: "\f02e" }
.wi-owm-night-801:before, .wi-owm-night-802:before, .wi-owm-night-803:before { content: "\f022" }
.wi-owm-night-804:before { content: "\f086" }
.wi-owm-night-900:before { content: "\f056" }
.wi-owm-night-902:before { content: "\f073" }
.wi-owm-night-903:before { content: "\f076" }
.wi-owm-night-904:before { content: "\f072" }
.wi-owm-night-906:before { content: "\f024" }
.wi-owm-night-957:before { content: "\f050" }

.glyphs.character-mapping {
    margin: 0 0 20px;
    padding: 20px 0 20px 30px;
    color: rgba(0, 0, 0, .5);
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

    .glyphs.character-mapping li {
        margin: 0 30px 20px 0;
        display: inline-block;
        width: 90px;
        text-align: center;
        font-size: 24px;
        color: #2b2b2b
    }

.linea-icon { position: relative }
.linea-icon svg { fill: #000 }

.glyphs.character-mapping input {
    margin: 0;
    padding: 5px 0;
    line-height: 12px;
    font-size: 12px;
    display: block;
    width: 100%;
    border: 1px solid #d8e0e5;
    text-align: center;
    outline: 0
}

    .glyphs.character-mapping input:focus {
        border: 1px solid #fbde4a;
        -webkit-box-shadow: inset 0 0 3px #fbde4a;
        box-shadow: inset 0 0 3px #fbde4a
    }

    .glyphs.character-mapping input:hover {
        -webkit-box-shadow: inset 0 0 3px #fbde4a;
        box-shadow: inset 0 0 3px #fbde4a
    }

@font-face {
    font-family: linea-arrows-10;
    src: url(../fonts/linea-arrows-10.eot);
    src: url(../fonts/linea-arrows-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-arrows-10.woff) format("woff"), url(../fonts/linea-arrows-10.ttf) format("truetype"), url(../fonts/linea-arrows-10.svg#linea-arrows-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-aerrow[data-icon]:before {
    font-family: linea-arrows-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-arrows-anticlockwise:before { content: "\e000"; } .icon-arrows-anticlockwise-dashed:before { content: "\e001"; } .icon-arrows-button-down:before { content: "\e002"; } .icon-arrows-button-off:before { content: "\e003"; } .icon-arrows-button-on:before { content: "\e004"; } .icon-arrows-button-up:before { content: "\e005"; } .icon-arrows-check:before { content: "\e006"; } .icon-arrows-circle-check:before { content: "\e007"; } .icon-arrows-circle-down:before { content: "\e008"; } .icon-arrows-circle-downleft:before { content: "\e009"; } .icon-arrows-circle-downright:before { content: "\e00a"; } .icon-arrows-circle-left:before { content: "\e00b"; } .icon-arrows-circle-minus:before { content: "\e00c"; } .icon-arrows-circle-plus:before { content: "\e00d"; } .icon-arrows-circle-remove:before { content: "\e00e"; } .icon-arrows-circle-right:before { content: "\e00f"; } .icon-arrows-circle-up:before { content: "\e010"; } .icon-arrows-circle-upleft:before { content: "\e011"; } .icon-arrows-circle-upright:before { content: "\e012"; } .icon-arrows-clockwise:before { content: "\e013"; } .icon-arrows-clockwise-dashed:before { content: "\e014"; } .icon-arrows-compress:before { content: "\e015"; } .icon-arrows-deny:before { content: "\e016"; } .icon-arrows-diagonal:before { content: "\e017"; } .icon-arrows-diagonal2:before { content: "\e018"; } .icon-arrows-down:before { content: "\e019"; } .icon-arrows-down-double:before { content: "\e01a"; } .icon-arrows-downleft:before { content: "\e01b"; } .icon-arrows-downright:before { content: "\e01c"; } .icon-arrows-drag-down:before { content: "\e01d"; } .icon-arrows-drag-down-dashed:before { content: "\e01e"; } .icon-arrows-drag-horiz:before { content: "\e01f"; } .icon-arrows-drag-left:before { content: "\e020"; } .icon-arrows-drag-left-dashed:before { content: "\e021"; } .icon-arrows-drag-right:before { content: "\e022"; } .icon-arrows-drag-right-dashed:before { content: "\e023"; } .icon-arrows-drag-up:before { content: "\e024"; } .icon-arrows-drag-up-dashed:before { content: "\e025"; } .icon-arrows-drag-vert:before { content: "\e026"; } .icon-arrows-exclamation:before { content: "\e027"; } .icon-arrows-expand:before { content: "\e028"; } .icon-arrows-expand-diagonal1:before { content: "\e029"; } .icon-arrows-expand-horizontal1:before { content: "\e02a"; } .icon-arrows-expand-vertical1:before { content: "\e02b"; } .icon-arrows-fit-horizontal:before { content: "\e02c"; } .icon-arrows-fit-vertical:before { content: "\e02d"; } .icon-arrows-glide:before { content: "\e02e"; } .icon-arrows-glide-horizontal:before { content: "\e02f"; } .icon-arrows-glide-vertical:before { content: "\e030"; } .icon-arrows-hamburger1:before { content: "\e031"; } .icon-arrows-hamburger-2:before { content: "\e032"; } .icon-arrows-horizontal:before { content: "\e033"; } .icon-arrows-info:before { content: "\e034"; } .icon-arrows-keyboard-alt:before { content: "\e035"; } .icon-arrows-keyboard-cmd:before { content: "\e036"; } .icon-arrows-keyboard-delete:before { content: "\e037"; } .icon-arrows-keyboard-down:before { content: "\e038"; } .icon-arrows-keyboard-left:before { content: "\e039"; } .icon-arrows-keyboard-return:before { content: "\e03a"; } .icon-arrows-keyboard-right:before { content: "\e03b"; } .icon-arrows-keyboard-shift:before { content: "\e03c"; } .icon-arrows-keyboard-tab:before { content: "\e03d"; } .icon-arrows-keyboard-up:before { content: "\e03e"; } .icon-arrows-left:before { content: "\e03f"; } .icon-arrows-left-double-32:before { content: "\e040"; } .icon-arrows-minus:before { content: "\e041"; } .icon-arrows-move:before { content: "\e042"; } .icon-arrows-move2:before { content: "\e043"; } .icon-arrows-move-bottom:before { content: "\e044"; } .icon-arrows-move-left:before { content: "\e045"; } .icon-arrows-move-right:before { content: "\e046"; } .icon-arrows-move-top:before { content: "\e047"; } .icon-arrows-plus:before { content: "\e048"; } .icon-arrows-question:before { content: "\e049"; } .icon-arrows-remove:before { content: "\e04a"; } .icon-arrows-right:before { content: "\e04b"; } .icon-arrows-right-double:before { content: "\e04c"; } .icon-arrows-rotate:before { content: "\e04d"; } .icon-arrows-rotate-anti:before { content: "\e04e"; } .icon-arrows-rotate-anti-dashed:before { content: "\e04f"; } .icon-arrows-rotate-dashed:before { content: "\e050"; } .icon-arrows-shrink:before { content: "\e051"; } .icon-arrows-shrink-diagonal1:before { content: "\e052"; } .icon-arrows-shrink-diagonal2:before { content: "\e053"; } .icon-arrows-shrink-horizonal2:before { content: "\e054"; } .icon-arrows-shrink-horizontal1:before { content: "\e055"; } .icon-arrows-shrink-vertical1:before { content: "\e056"; } .icon-arrows-shrink-vertical2:before { content: "\e057"; } .icon-arrows-sign-down:before { content: "\e058"; } .icon-arrows-sign-left:before { content: "\e059"; } .icon-arrows-sign-right:before { content: "\e05a"; } .icon-arrows-sign-up:before { content: "\e05b"; } .icon-arrows-slide-down1:before { content: "\e05c"; } .icon-arrows-slide-down2:before { content: "\e05d"; } .icon-arrows-slide-left1:before { content: "\e05e"; } .icon-arrows-slide-left2:before { content: "\e05f"; } .icon-arrows-slide-right1:before { content: "\e060"; } .icon-arrows-slide-right2:before { content: "\e061"; } .icon-arrows-slide-up1:before { content: "\e062"; } .icon-arrows-slide-up2:before { content: "\e063"; } .icon-arrows-slim-down:before { content: "\e064"; } .icon-arrows-slim-down-dashed:before { content: "\e065"; } .icon-arrows-slim-left:before { content: "\e066"; } .icon-arrows-slim-left-dashed:before { content: "\e067"; } .icon-arrows-slim-right:before { content: "\e068"; } .icon-arrows-slim-right-dashed:before { content: "\e069"; } .icon-arrows-slim-up:before { content: "\e06a"; } .icon-arrows-slim-up-dashed:before { content: "\e06b"; } .icon-arrows-square-check:before { content: "\e06c"; } .icon-arrows-square-down:before { content: "\e06d"; } .icon-arrows-square-downleft:before { content: "\e06e"; } .icon-arrows-square-downright:before { content: "\e06f"; } .icon-arrows-square-left:before { content: "\e070"; } .icon-arrows-square-minus:before { content: "\e071"; } .icon-arrows-square-plus:before { content: "\e072"; } .icon-arrows-square-remove:before { content: "\e073"; } .icon-arrows-square-right:before { content: "\e074"; } .icon-arrows-square-up:before { content: "\e075"; } .icon-arrows-square-upleft:before { content: "\e076"; } .icon-arrows-square-upright:before { content: "\e077"; } .icon-arrows-squares:before { content: "\e078"; } .icon-arrows-stretch-diagonal1:before { content: "\e079"; } .icon-arrows-stretch-diagonal2:before { content: "\e07a"; } .icon-arrows-stretch-diagonal3:before { content: "\e07b"; } .icon-arrows-stretch-diagonal4:before { content: "\e07c"; } .icon-arrows-stretch-horizontal1:before { content: "\e07d"; } .icon-arrows-stretch-horizontal2:before { content: "\e07e"; } .icon-arrows-stretch-vertical1:before { content: "\e07f"; } .icon-arrows-stretch-vertical2:before { content: "\e080"; } .icon-arrows-switch-horizontal:before { content: "\e081"; } .icon-arrows-switch-vertical:before { content: "\e082"; } .icon-arrows-up:before { content: "\e083"; } .icon-arrows-up-double-33:before { content: "\e084"; } .icon-arrows-upleft:before { content: "\e085"; } .icon-arrows-upright:before { content: "\e086"; } .icon-arrows-vertical:before { content: "\e087"; }

@font-face {
    font-family: linea-basic-10;
    src: url(../fonts/linea-basic-10.eot);
    src: url(../fonts/linea-basic-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-basic-10.woff) format("woff"), url(../fonts/linea-basic-10.ttf) format("truetype"), url(../fonts/linea-basic-10.svg#linea-basic-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-basic[data-icon]:before {
    font-family: linea-basic-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-basic-accelerator:before { content: "a"; } .icon-basic-alarm:before { content: "b"; } .icon-basic-anchor:before { content: "c"; } .icon-basic-anticlockwise:before { content: "d"; } .icon-basic-archive:before { content: "e"; } .icon-basic-archive-full:before { content: "f"; } .icon-basic-ban:before { content: "g"; } .icon-basic-battery-charge:before { content: "h"; } .icon-basic-battery-empty:before { content: "i"; } .icon-basic-battery-full:before { content: "j"; } .icon-basic-battery-half:before { content: "k"; } .icon-basic-bolt:before { content: "l"; } .icon-basic-book:before { content: "m"; } .icon-basic-book-pen:before { content: "n"; } .icon-basic-book-pencil:before { content: "o"; } .icon-basic-bookmark:before { content: "p"; } .icon-basic-calculator:before { content: "q"; } .icon-basic-calendar:before { content: "r"; } .icon-basic-cards-diamonds:before { content: "s"; } .icon-basic-cards-hearts:before { content: "t"; } .icon-basic-case:before { content: "u"; } .icon-basic-chronometer:before { content: "v"; } .icon-basic-clessidre:before { content: "w"; } .icon-basic-clock:before { content: "x"; } .icon-basic-clockwise:before { content: "y"; } .icon-basic-cloud:before { content: "z"; } .icon-basic-clubs:before { content: "A"; } .icon-basic-compass:before { content: "B"; } .icon-basic-cup:before { content: "C"; } .icon-basic-diamonds:before { content: "D"; } .icon-basic-display:before { content: "E"; } .icon-basic-download:before { content: "F"; } .icon-basic-exclamation:before { content: "G"; } .icon-basic-eye:before { content: "H"; } .icon-basic-eye-closed:before { content: "I"; } .icon-basic-female:before { content: "J"; } .icon-basic-flag1:before { content: "K"; } .icon-basic-flag2:before { content: "L"; } .icon-basic-floppydisk:before { content: "M"; } .icon-basic-folder:before { content: "N"; } .icon-basic-folder-multiple:before { content: "O"; } .icon-basic-gear:before { content: "P"; } .icon-basic-geolocalize-01:before { content: "Q"; } .icon-basic-geolocalize-05:before { content: "R"; } .icon-basic-globe:before { content: "S"; } .icon-basic-gunsight:before { content: "T"; } .icon-basic-hammer:before { content: "U"; } .icon-basic-headset:before { content: "V"; } .icon-basic-heart:before { content: "W"; } .icon-basic-heart-broken:before { content: "X"; } .icon-basic-helm:before { content: "Y"; } .icon-basic-home:before { content: "Z"; } .icon-basic-info:before { content: "0"; } .icon-basic-ipod:before { content: "1"; } .icon-basic-joypad:before { content: "2"; } .icon-basic-key:before { content: "3"; } .icon-basic-keyboard:before { content: "4"; } .icon-basic-laptop:before { content: "5"; } .icon-basic-life-buoy:before { content: "6"; } .icon-basic-lightbulb:before { content: "7"; } .icon-basic-link:before { content: "8"; } .icon-basic-lock:before { content: "9"; } .icon-basic-lock-open:before { content: "!"; } .icon-basic-magic-mouse:before { content: "\""; } .icon-basic-magnifier:before { content: "#"; } .icon-basic-magnifier-minus:before { content: "$"; } .icon-basic-magnifier-plus:before { content: "%"; } .icon-basic-mail:before { content: "&"; } .icon-basic-mail-multiple:before { content: "'"; } .icon-basic-mail-open:before { content: "("; } .icon-basic-mail-open-text:before { content: ")"; } .icon-basic-male:before { content: "*"; } .icon-basic-map:before { content: "+"; } .icon-basic-message:before { content: ","; } .icon-basic-message-multiple:before { content: "-"; } .icon-basic-message-txt:before { content: "."; } .icon-basic-mixer2:before { content: "/"; } .icon-basic-mouse:before { content: ":"; } .icon-basic-notebook:before { content: "; "; } .icon-basic-notebook-pen:before { content: "<"; } .icon-basic-notebook-pencil:before { content: "="; } .icon-basic-paperplane:before { content: ">"; } .icon-basic-pencil-ruler:before { content: "?"; } .icon-basic-pencil-ruler-pen:before { content: "@"; } .icon-basic-photo:before { content: "["; } .icon-basic-picture:before { content: "]"; } .icon-basic-picture-multiple:before { content: "^"; } .icon-basic-pin1:before { content: "_"; } .icon-basic-pin2:before { content: "`"; } .icon-basic-postcard:before { content: "{ "; } .icon-basic-postcard-multiple:before { content: "|"; } .icon-basic-printer:before { content: ""; } .icon-basic-question:before { content: "~"; } .icon-basic-rss:before { content: "\\"; } .icon-basic-server:before { content: "\e000"; } .icon-basic-server2:before { content: "\e001"; } .icon-basic-server-cloud:before { content: "\e002"; } .icon-basic-server-download:before { content: "\e003"; } .icon-basic-server-upload:before { content: "\e004"; } .icon-basic-settings:before { content: "\e005"; } .icon-basic-share:before { content: "\e006"; } .icon-basic-sheet:before { content: "\e007"; } .icon-basic-sheet-multiple:before { content: "\e008"; } .icon-basic-sheet-pen:before { content: "\e009"; } .icon-basic-sheet-pencil:before { content: "\e00a"; } .icon-basic-sheet-txt:before { content: "\e00b"; } .icon-basic-signs:before { content: "\e00c"; } .icon-basic-smartphone:before { content: "\e00d"; } .icon-basic-spades:before { content: "\e00e"; } .icon-basic-spread:before { content: "\e00f"; } .icon-basic-spread-bookmark:before { content: "\e010"; } .icon-basic-spread-text:before { content: "\e011"; } .icon-basic-spread-text-bookmark:before { content: "\e012"; } .icon-basic-star:before { content: "\e013"; } .icon-basic-tablet:before { content: "\e014"; } .icon-basic-target:before { content: "\e015"; } .icon-basic-todo:before { content: "\e016"; } .icon-basic-todo-pen:before { content: "\e017"; } .icon-basic-todo-pencil:before { content: "\e018"; } .icon-basic-todo-txt:before { content: "\e019"; } .icon-basic-todolist-pen:before { content: "\e01a"; } .icon-basic-todolist-pencil:before { content: "\e01b"; } .icon-basic-trashcan:before { content: "\e01c"; } .icon-basic-trashcan-full:before { content: "\e01d"; } .icon-basic-trashcan-refresh:before { content: "\e01e"; } .icon-basic-trashcan-remove:before { content: "\e01f"; } .icon-basic-upload:before { content: "\e020"; } .icon-basic-usb:before { content: "\e021"; } .icon-basic-video:before { content: "\e022"; } .icon-basic-watch:before { content: "\e023"; } .icon-basic-webpage:before { content: "\e024"; } .icon-basic-webpage-img-txt:before { content: "\e025"; } .icon-basic-webpage-multiple:before { content: "\e026"; } .icon-basic-webpage-txt:before { content: "\e027"; } .icon-basic-world:before { content: "\e028"; }


@font-face {
    font-family: linea-basic-elaboration-10;
    src: url(../fonts/linea-basic-elaboration-10.eot);
    src: url(../fonts/linea-basic-elaboration-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-basic-elaboration-10.woff) format("woff"), url(../fonts/linea-basic-elaboration-10.ttf) format("truetype"), url(../fonts/linea-basic-elaboration-10.svg#linea-basic-elaboration-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-elaborate[data-icon]:before {
    font-family: linea-basic-elaboration-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-basic-elaboration-bookmark-checck:before { content: "a" } .icon-basic-elaboration-bookmark-minus:before { content: "b" } .icon-basic-elaboration-bookmark-plus:before { content: "c" } .icon-basic-elaboration-bookmark-remove:before { content: "d" } .icon-basic-elaboration-briefcase-check:before { content: "e" } .icon-basic-elaboration-briefcase-download:before { content: "f" } .icon-basic-elaboration-briefcase-flagged:before { content: "g" } .icon-basic-elaboration-briefcase-minus:before { content: "h" } .icon-basic-elaboration-briefcase-plus:before { content: "i" } .icon-basic-elaboration-briefcase-refresh:before { content: "j" } .icon-basic-elaboration-briefcase-remove:before { content: "k" } .icon-basic-elaboration-briefcase-search:before { content: "l" } .icon-basic-elaboration-briefcase-star:before { content: "m" } .icon-basic-elaboration-briefcase-upload:before { content: "n" } .icon-basic-elaboration-browser-check:before { content: "o" } .icon-basic-elaboration-browser-download:before { content: "p" } .icon-basic-elaboration-browser-minus:before { content: "q" } .icon-basic-elaboration-browser-plus:before { content: "r" } .icon-basic-elaboration-browser-refresh:before { content: "s" } .icon-basic-elaboration-browser-remove:before { content: "t" } .icon-basic-elaboration-browser-search:before { content: "u" } .icon-basic-elaboration-browser-star:before { content: "v" } .icon-basic-elaboration-browser-upload:before { content: "w" } .icon-basic-elaboration-calendar-check:before { content: "x" } .icon-basic-elaboration-calendar-cloud:before { content: "y" } .icon-basic-elaboration-calendar-download:before { content: "z" } .icon-basic-elaboration-calendar-empty:before { content: "A" } .icon-basic-elaboration-calendar-flagged:before { content: "B" } .icon-basic-elaboration-calendar-heart:before { content: "C" } .icon-basic-elaboration-calendar-minus:before { content: "D" } .icon-basic-elaboration-calendar-next:before { content: "E" } .icon-basic-elaboration-calendar-noaccess:before { content: "F" } .icon-basic-elaboration-calendar-pencil:before { content: "G" } .icon-basic-elaboration-calendar-plus:before { content: "H" } .icon-basic-elaboration-calendar-previous:before { content: "I" } .icon-basic-elaboration-calendar-refresh:before { content: "J" } .icon-basic-elaboration-calendar-remove:before { content: "K" } .icon-basic-elaboration-calendar-search:before { content: "L" } .icon-basic-elaboration-calendar-star:before { content: "M" } .icon-basic-elaboration-calendar-upload:before { content: "N" } .icon-basic-elaboration-cloud-check:before { content: "O" } .icon-basic-elaboration-cloud-download:before { content: "P" } .icon-basic-elaboration-cloud-minus:before { content: "Q" } .icon-basic-elaboration-cloud-noaccess:before { content: "R" } .icon-basic-elaboration-cloud-plus:before { content: "S" } .icon-basic-elaboration-cloud-refresh:before { content: "T" } .icon-basic-elaboration-cloud-remove:before { content: "U" } .icon-basic-elaboration-cloud-search:before { content: "V" } .icon-basic-elaboration-cloud-upload:before { content: "W" } .icon-basic-elaboration-document-check:before { content: "X" } .icon-basic-elaboration-document-cloud:before { content: "Y" } .icon-basic-elaboration-document-download:before { content: "Z" } .icon-basic-elaboration-document-flagged:before { content: "0" } .icon-basic-elaboration-document-graph:before { content: "1" } .icon-basic-elaboration-document-heart:before { content: "2" } .icon-basic-elaboration-document-minus:before { content: "3" } .icon-basic-elaboration-document-next:before { content: "4" } .icon-basic-elaboration-document-noaccess:before { content: "5" } .icon-basic-elaboration-document-note:before { content: "6" } .icon-basic-elaboration-document-pencil:before { content: "7" } .icon-basic-elaboration-document-picture:before { content: "8" } .icon-basic-elaboration-document-plus:before { content: "9" } .icon-basic-elaboration-document-previous:before { content: "!" } .icon-basic-elaboration-document-refresh:before { content: "\"" } .icon-basic-elaboration-document-remove:before { content: "#" } .icon-basic-elaboration-document-search:before { content: "$" } .icon-basic-elaboration-document-star:before { content: "%" } .icon-basic-elaboration-document-upload:before { content: "&" } .icon-basic-elaboration-folder-check:before { content: "'" } .icon-basic-elaboration-folder-cloud:before { content: "(" } .icon-basic-elaboration-folder-document:before { content: ")" } .icon-basic-elaboration-folder-download:before { content: "*" } .icon-basic-elaboration-folder-flagged:before { content: "+" } .icon-basic-elaboration-folder-graph:before { content: "," } .icon-basic-elaboration-folder-heart:before { content: "-" } .icon-basic-elaboration-folder-minus:before { content: "." } .icon-basic-elaboration-folder-next:before { content: "/" } .icon-basic-elaboration-folder-noaccess:before { content: ":" } .icon-basic-elaboration-folder-note:before { content: "; " } .icon-basic-elaboration-folder-pencil:before { content: "<" } .icon-basic-elaboration-folder-picture:before { content: "=" } .icon-basic-elaboration-folder-plus:before { content: ">" } .icon-basic-elaboration-folder-previous:before { content: "?" } .icon-basic-elaboration-folder-refresh:before { content: "@" } .icon-basic-elaboration-folder-remove:before { content: "[" } .icon-basic-elaboration-folder-search:before { content: "]" } .icon-basic-elaboration-folder-star:before { content: "^" } .icon-basic-elaboration-folder-upload:before { content: "_" } .icon-basic-elaboration-mail-check:before { content: "`" } .icon-basic-elaboration-mail-cloud:before { content: "{ " } .icon-basic-elaboration-mail-document:before { content: "|" } .icon-basic-elaboration-mail-download:before { content: "}" } .icon-basic-elaboration-mail-flagged:before { content: "~" } .icon-basic-elaboration-mail-heart:before { content: "\\" } .icon-basic-elaboration-mail-next:before { content: "\e000" } .icon-basic-elaboration-mail-noaccess:before { content: "\e001" } .icon-basic-elaboration-mail-note:before { content: "\e002" } .icon-basic-elaboration-mail-pencil:before { content: "\e003" } .icon-basic-elaboration-mail-picture:before { content: "\e004" } .icon-basic-elaboration-mail-previous:before { content: "\e005" } .icon-basic-elaboration-mail-refresh:before { content: "\e006" } .icon-basic-elaboration-mail-remove:before { content: "\e007" } .icon-basic-elaboration-mail-search:before { content: "\e008" } .icon-basic-elaboration-mail-star:before { content: "\e009" } .icon-basic-elaboration-mail-upload:before { content: "\e00a" } .icon-basic-elaboration-message-check:before { content: "\e00b" } .icon-basic-elaboration-message-dots:before { content: "\e00c" } .icon-basic-elaboration-message-happy:before { content: "\e00d" } .icon-basic-elaboration-message-heart:before { content: "\e00e" } .icon-basic-elaboration-message-minus:before { content: "\e00f" } .icon-basic-elaboration-message-note:before { content: "\e010" } .icon-basic-elaboration-message-plus:before { content: "\e011" } .icon-basic-elaboration-message-refresh:before { content: "\e012" } .icon-basic-elaboration-message-remove:before { content: "\e013" } .icon-basic-elaboration-message-sad:before { content: "\e014" } .icon-basic-elaboration-smartphone-cloud:before { content: "\e015" } .icon-basic-elaboration-smartphone-heart:before { content: "\e016" } .icon-basic-elaboration-smartphone-noaccess:before { content: "\e017" } .icon-basic-elaboration-smartphone-note:before { content: "\e018" } .icon-basic-elaboration-smartphone-pencil:before { content: "\e019" } .icon-basic-elaboration-smartphone-picture:before { content: "\e01a" } .icon-basic-elaboration-smartphone-refresh:before { content: "\e01b" } .icon-basic-elaboration-smartphone-search:before { content: "\e01c" } .icon-basic-elaboration-tablet-cloud:before { content: "\e01d" } .icon-basic-elaboration-tablet-heart:before { content: "\e01e" } .icon-basic-elaboration-tablet-noaccess:before { content: "\e01f" } .icon-basic-elaboration-tablet-note:before { content: "\e020" } .icon-basic-elaboration-tablet-pencil:before { content: "\e021" } .icon-basic-elaboration-tablet-picture:before { content: "\e022" } .icon-basic-elaboration-tablet-refresh:before { content: "\e023" } .icon-basic-elaboration-tablet-search:before { content: "\e024" } .icon-basic-elaboration-todolist-2:before { content: "\e025" } .icon-basic-elaboration-todolist-check:before { content: "\e026" } .icon-basic-elaboration-todolist-cloud:before { content: "\e027" } .icon-basic-elaboration-todolist-download:before { content: "\e028" } .icon-basic-elaboration-todolist-flagged:before { content: "\e029" } .icon-basic-elaboration-todolist-minus:before { content: "\e02a" } .icon-basic-elaboration-todolist-noaccess:before { content: "\e02b" } .icon-basic-elaboration-todolist-pencil:before { content: "\e02c" } .icon-basic-elaboration-todolist-plus:before { content: "\e02d" } .icon-basic-elaboration-todolist-refresh:before { content: "\e02e" } .icon-basic-elaboration-todolist-remove:before { content: "\e02f" } .icon-basic-elaboration-todolist-search:before { content: "\e030" } .icon-basic-elaboration-todolist-star:before { content: "\e031" } .icon-basic-elaboration-todolist-upload:before { content: "\e032" }


@font-face {
    font-family: linea-ecommerce-10;
    src: url(../fonts/linea-ecommerce-10.eot);
    src: url(../fonts/linea-ecommerce-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-ecommerce-10.woff) format("woff"), url(../fonts/linea-ecommerce-10.ttf) format("truetype"), url(../fonts/linea-ecommerce-10.svg#linea-ecommerce-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-ecommerce[data-icon]:before {
    font-family: linea-ecommerce-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-ecommerce-bag:before { content: "a" } .icon-ecommerce-bag-check:before { content: "b" } .icon-ecommerce-bag-cloud:before { content: "c" } .icon-ecommerce-bag-download:before { content: "d" } .icon-ecommerce-bag-minus:before { content: "e" } .icon-ecommerce-bag-plus:before { content: "f" } .icon-ecommerce-bag-refresh:before { content: "g" } .icon-ecommerce-bag-remove:before { content: "h" } .icon-ecommerce-bag-search:before { content: "i" } .icon-ecommerce-bag-upload:before { content: "j" } .icon-ecommerce-banknote:before { content: "k" } .icon-ecommerce-banknotes:before { content: "l" } .icon-ecommerce-basket:before { content: "m" } .icon-ecommerce-basket-check:before { content: "n" } .icon-ecommerce-basket-cloud:before { content: "o" } .icon-ecommerce-basket-download:before { content: "p" } .icon-ecommerce-basket-minus:before { content: "q" } .icon-ecommerce-basket-plus:before { content: "r" } .icon-ecommerce-basket-refresh:before { content: "s" } .icon-ecommerce-basket-remove:before { content: "t" } .icon-ecommerce-basket-search:before { content: "u" } .icon-ecommerce-basket-upload:before { content: "v" } .icon-ecommerce-bath:before { content: "w" } .icon-ecommerce-cart:before { content: "x" } .icon-ecommerce-cart-check:before { content: "y" } .icon-ecommerce-cart-cloud:before { content: "z" } .icon-ecommerce-cart-content:before { content: "A" } .icon-ecommerce-cart-download:before { content: "B" } .icon-ecommerce-cart-minus:before { content: "C" } .icon-ecommerce-cart-plus:before { content: "D" } .icon-ecommerce-cart-refresh:before { content: "E" } .icon-ecommerce-cart-remove:before { content: "F" } .icon-ecommerce-cart-search:before { content: "G" } .icon-ecommerce-cart-upload:before { content: "H" } .icon-ecommerce-cent:before { content: "I" } .icon-ecommerce-colon:before { content: "J" } .icon-ecommerce-creditcard:before { content: "K" } .icon-ecommerce-diamond:before { content: "L" } .icon-ecommerce-dollar:before { content: "M" } .icon-ecommerce-euro:before { content: "N" } .icon-ecommerce-franc:before { content: "O" } .icon-ecommerce-gift:before { content: "P" } .icon-ecommerce-graph1:before { content: "Q" } .icon-ecommerce-graph2:before { content: "R" } .icon-ecommerce-graph3:before { content: "S" } .icon-ecommerce-graph-decrease:before { content: "T" } .icon-ecommerce-graph-increase:before { content: "U" } .icon-ecommerce-guarani:before { content: "V" } .icon-ecommerce-kips:before { content: "W" } .icon-ecommerce-lira:before { content: "X" } .icon-ecommerce-megaphone:before { content: "Y" } .icon-ecommerce-money:before { content: "Z" } .icon-ecommerce-naira:before { content: "0" } .icon-ecommerce-pesos:before { content: "1" } .icon-ecommerce-pound:before { content: "2" } .icon-ecommerce-receipt:before { content: "3" } .icon-ecommerce-receipt-bath:before { content: "4" } .icon-ecommerce-receipt-cent:before { content: "5" } .icon-ecommerce-receipt-dollar:before { content: "6" } .icon-ecommerce-receipt-euro:before { content: "7" } .icon-ecommerce-receipt-franc:before { content: "8" } .icon-ecommerce-receipt-guarani:before { content: "9" } .icon-ecommerce-receipt-kips:before { content: "!" } .icon-ecommerce-receipt-lira:before { content: "\"" } .icon-ecommerce-receipt-naira:before { content: "#" } .icon-ecommerce-receipt-pesos:before { content: "$" } .icon-ecommerce-receipt-pound:before { content: "%" } .icon-ecommerce-receipt-rublo:before { content: "&" } .icon-ecommerce-receipt-rupee:before { content: "'" } .icon-ecommerce-receipt-tugrik:before { content: "(" } .icon-ecommerce-receipt-won:before { content: ")" } .icon-ecommerce-receipt-yen:before { content: "*" } .icon-ecommerce-receipt-yen2:before { content: "+" } .icon-ecommerce-recept-colon:before { content: "," } .icon-ecommerce-rublo:before { content: "-" } .icon-ecommerce-rupee:before { content: "." } .icon-ecommerce-safe:before { content: "/" } .icon-ecommerce-sale:before { content: ":" } .icon-ecommerce-sales:before { content: "; " } .icon-ecommerce-ticket:before { content: "<" } .icon-ecommerce-tugriks:before { content: "=" } .icon-ecommerce-wallet:before { content: ">" } .icon-ecommerce-won:before { content: "?" } .icon-ecommerce-yen:before { content: "@" } .icon-ecommerce-yen2:before { content: "[" }


@font-face { font-family: linea-music-10; src: url(../fonts/linea-music-10.eot);
    src: url(../fonts/linea-music-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-music-10.woff) format("woff"), url(../fonts/linea-music-10.ttf) format("truetype"), url(../fonts/linea-music-10.svg#linea-music-10) format("svg");
    font-weight: 400; font-style: normal
}
.linea-music[data-icon]:before { font-family: linea-music-10 !important; content: attr(data-icon); font-style: normal !important; font-weight: 400 !important;
    font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}
.icon-music-beginning-button:before { content: "a" } .icon-music-bell:before { content: "b" } .icon-music-cd:before { content: "c" } .icon-music-diapason:before { content: "d" } .icon-music-eject-button:before { content: "e" } .icon-music-end-button:before { content: "f" } .icon-music-fastforward-button:before { content: "g" } .icon-music-headphones:before { content: "h" } .icon-music-ipod:before { content: "i" } .icon-music-loudspeaker:before { content: "j" } .icon-music-microphone:before { content: "k" } .icon-music-microphone-old:before { content: "l" } .icon-music-mixer:before { content: "m" } .icon-music-mute:before { content: "n" } .icon-music-note-multiple:before { content: "o" } .icon-music-note-single:before { content: "p" } .icon-music-pause-button:before { content: "q" } .icon-music-play-button:before { content: "r" } .icon-music-playlist:before { content: "s" } .icon-music-radio-ghettoblaster:before { content: "t" } .icon-music-radio-portable:before { content: "u" } .icon-music-record:before { content: "v" } .icon-music-recordplayer:before { content: "w" } .icon-music-repeat-button:before { content: "x" } .icon-music-rewind-button:before { content: "y" } .icon-music-shuffle-button:before { content: "z" } .icon-music-stop-button:before { content: "A" } .icon-music-tape:before { content: "B" } .icon-music-volume-down:before { content: "C" } .icon-music-volume-up:before { content: "D" }


@font-face {
    font-family: linea-software-10;
    src: url(../fonts/linea-software-10.eot);
    src: url(../fonts/linea-software-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-software-10.woff) format("woff"), url(../fonts/linea-software-10.ttf) format("truetype"), url(../fonts/linea-software-10.svg#linea-software-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-software[data-icon]:before {
    font-family: linea-software-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-software-add-vectorpoint:before { content: "a" } .icon-software-box-oval:before { content: "b" } .icon-software-box-polygon:before { content: "c" } .icon-software-box-rectangle:before { content: "d" } .icon-software-box-roundedrectangle:before { content: "e" } .icon-software-character:before { content: "f" } .icon-software-crop:before { content: "g" } .icon-software-eyedropper:before { content: "h" } .icon-software-font-allcaps:before { content: "i" } .icon-software-font-baseline-shift:before { content: "j" } .icon-software-font-horizontal-scale:before { content: "k" } .icon-software-font-kerning:before { content: "l" } .icon-software-font-leading:before { content: "m" } .icon-software-font-size:before { content: "n" } .icon-software-font-smallcapital:before { content: "o" } .icon-software-font-smallcaps:before { content: "p" } .icon-software-font-strikethrough:before { content: "q" } .icon-software-font-tracking:before { content: "r" } .icon-software-font-underline:before { content: "s" } .icon-software-font-vertical-scale:before { content: "t" } .icon-software-horizontal-align-center:before { content: "u" } .icon-software-horizontal-align-left:before { content: "v" } .icon-software-horizontal-align-right:before { content: "w" } .icon-software-horizontal-distribute-center:before { content: "x" } .icon-software-horizontal-distribute-left:before { content: "y" } .icon-software-horizontal-distribute-right:before { content: "z" } .icon-software-indent-firstline:before { content: "A" } .icon-software-indent-left:before { content: "B" } .icon-software-indent-right:before { content: "C" } .icon-software-lasso:before { content: "D" } .icon-software-layers1:before { content: "E" } .icon-software-layers2:before { content: "F" } .icon-software-layout:before { content: "G" } .icon-software-layout-2columns:before { content: "H" } .icon-software-layout-3columns:before { content: "I" } .icon-software-layout-4boxes:before { content: "J" } .icon-software-layout-4columns:before { content: "K" } .icon-software-layout-4lines:before { content: "L" } .icon-software-layout-8boxes:before { content: "M" } .icon-software-layout-header:before { content: "N" } .icon-software-layout-header-2columns:before { content: "O" } .icon-software-layout-header-3columns:before { content: "P" } .icon-software-layout-header-4boxes:before { content: "Q" } .icon-software-layout-header-4columns:before { content: "R" } .icon-software-layout-header-complex:before { content: "S" } .icon-software-layout-header-complex2:before { content: "T" } .icon-software-layout-header-complex3:before { content: "U" } .icon-software-layout-header-complex4:before { content: "V" } .icon-software-layout-header-sideleft:before { content: "W" } .icon-software-layout-header-sideright:before { content: "X" } .icon-software-layout-sidebar-left:before { content: "Y" } .icon-software-layout-sidebar-right:before { content: "Z" } .icon-software-magnete:before { content: "0" } .icon-software-pages:before { content: "1" } .icon-software-paintbrush:before { content: "2" } .icon-software-paintbucket:before { content: "3" } .icon-software-paintroller:before { content: "4" } .icon-software-paragraph:before { content: "5" } .icon-software-paragraph-align-left:before { content: "6" } .icon-software-paragraph-align-right:before { content: "7" } .icon-software-paragraph-center:before { content: "8" } .icon-software-paragraph-justify-all:before { content: "9" } .icon-software-paragraph-justify-center:before { content: "!" } .icon-software-paragraph-justify-left:before { content: "\"" } .icon-software-paragraph-justify-right:before { content: "#" } .icon-software-paragraph-space-after:before { content: "$" } .icon-software-paragraph-space-before:before { content: "%" } .icon-software-pathfinder-exclude:before { content: "&" } .icon-software-pathfinder-intersect:before { content: "'" } .icon-software-pathfinder-subtract:before { content: "(" } .icon-software-pathfinder-unite:before { content: ")" } .icon-software-pen:before { content: "*" } .icon-software-pen-add:before { content: "+" } .icon-software-pen-remove:before { content: "," } .icon-software-pencil:before { content: "-" } .icon-software-polygonallasso:before { content: "." } .icon-software-reflect-horizontal:before { content: "/" } .icon-software-reflect-vertical:before { content: ":" } .icon-software-remove-vectorpoint:before { content: "; " } .icon-software-scale-expand:before { content: "<" } .icon-software-scale-reduce:before { content: "=" } .icon-software-selection-oval:before { content: ">" } .icon-software-selection-polygon:before { content: "?" } .icon-software-selection-rectangle:before { content: "@" } .icon-software-selection-roundedrectangle:before { content: "[" } .icon-software-shape-oval:before { content: "]" } .icon-software-shape-polygon:before { content: "^" } .icon-software-shape-rectangle:before { content: "_" } .icon-software-shape-roundedrectangle:before { content: "`" } .icon-software-slice:before { content: "{ " } .icon-software-transform-bezier:before { content: "|" } .icon-software-vector-box:before { content: "" } .icon-software-vector-composite:before { content: "~" } .icon-software-vector-line:before { content: "\\" } .icon-software-vertical-align-bottom:before { content: "\e000" } .icon-software-vertical-align-center:before { content: "\e001" } .icon-software-vertical-align-top:before { content: "\e002" } .icon-software-vertical-distribute-bottom:before { content: "\e003" } .icon-software-vertical-distribute-center:before { content: "\e004" } .icon-software-vertical-distribute-top:before { content: "\e005" }


@font-face {
    font-family: linea-weather-10;
    src: url(../fonts/linea-weather-10.eot);
    src: url(../fonts/linea-weather-10.eot?#iefix) format("embedded-opentype"), url(../fonts/linea-weather-10.woff) format("woff"), url(../fonts/linea-weather-10.ttf) format("truetype"), url(../fonts/linea-weather-10.svg#linea-weather-10) format("svg");
    font-weight: 400;
    font-style: normal
}

.linea-weather[data-icon]:before {
    font-family: linea-weather-10 !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*="linea- icon-"]:before, [class^=linea-icon-]:before {
    font-family: linea-weather-10 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-weather-aquarius:before {
    content: "\e000"
}

.icon-weather-aries:before {
    content: "\e001"
}

.icon-weather-cancer:before {
    content: "\e002"
}

.icon-weather-capricorn:before {
    content: "\e003"
}

.icon-weather-cloud:before {
    content: "\e004"
}

.icon-weather-cloud-drop:before {
    content: "\e005"
}

.icon-weather-cloud-lightning:before {
    content: "\e006"
}

.icon-weather-cloud-snowflake:before {
    content: "\e007"
}

.icon-weather-downpour-fullmoon:before {
    content: "\e008"
}

.icon-weather-downpour-halfmoon:before {
    content: "\e009"
}

.icon-weather-downpour-sun:before {
    content: "\e00a"
}

.icon-weather-drop:before {
    content: "\e00b"
}

.icon-weather-first-quarter:before {
    content: "\e00c"
}

.icon-weather-fog:before {
    content: "\e00d"
}

.icon-weather-fog-fullmoon:before {
    content: "\e00e"
}

.icon-weather-fog-halfmoon:before {
    content: "\e00f"
}

.icon-weather-fog-sun:before {
    content: "\e010"
}

.icon-weather-fullmoon:before {
    content: "\e011"
}

.icon-weather-gemini:before {
    content: "\e012"
}

.icon-weather-hail:before {
    content: "\e013"
}

.icon-weather-hail-fullmoon:before {
    content: "\e014"
}

.icon-weather-hail-halfmoon:before {
    content: "\e015"
}

.icon-weather-hail-sun:before {
    content: "\e016"
}

.icon-weather-last-quarter:before {
    content: "\e017"
}

.icon-weather-leo:before {
    content: "\e018"
}

.icon-weather-libra:before {
    content: "\e019"
}

.icon-weather-lightning:before {
    content: "\e01a"
}

.icon-weather-mistyrain:before {
    content: "\e01b"
}

.icon-weather-mistyrain-fullmoon:before {
    content: "\e01c"
}

.icon-weather-mistyrain-halfmoon:before {
    content: "\e01d"
}

.icon-weather-mistyrain-sun:before {
    content: "\e01e"
}

.icon-weather-moon:before {
    content: "\e01f"
}

.icon-weather-moondown-full:before {
    content: "\e020"
}

.icon-weather-moondown-half:before {
    content: "\e021"
}

.icon-weather-moonset-full:before {
    content: "\e022"
}

.icon-weather-moonset-half:before {
    content: "\e023"
}

.icon-weather-move2:before {
    content: "\e024"
}

.icon-weather-newmoon:before {
    content: "\e025"
}

.icon-weather-pisces:before {
    content: "\e026"
}

.icon-weather-rain:before {
    content: "\e027"
}

.icon-weather-rain-fullmoon:before {
    content: "\e028"
}

.icon-weather-rain-halfmoon:before {
    content: "\e029"
}

.icon-weather-rain-sun:before {
    content: "\e02a"
}

.icon-weather-sagittarius:before {
    content: "\e02b"
}

.icon-weather-scorpio:before {
    content: "\e02c"
}

.icon-weather-snow:before {
    content: "\e02d"
}

.icon-weather-snow-fullmoon:before {
    content: "\e02e"
}

.icon-weather-snow-halfmoon:before {
    content: "\e02f"
}

.icon-weather-snow-sun:before {
    content: "\e030"
}

.icon-weather-snowflake:before {
    content: "\e031"
}

.icon-weather-star:before {
    content: "\e032"
}

.icon-weather-storm-11:before {
    content: "\e033"
}

.icon-weather-storm-32:before {
    content: "\e034"
}

.icon-weather-storm-fullmoon:before {
    content: "\e035"
}

.icon-weather-storm-halfmoon:before {
    content: "\e036"
}

.icon-weather-storm-sun:before {
    content: "\e037"
}

.icon-weather-sun:before {
    content: "\e038"
}

.icon-weather-sundown:before {
    content: "\e039"
}

.icon-weather-sunset:before {
    content: "\e03a"
}

.icon-weather-taurus:before {
    content: "\e03b"
}

.icon-weather-tempest:before {
    content: "\e03c"
}

.icon-weather-tempest-fullmoon:before {
    content: "\e03d"
}

.icon-weather-tempest-halfmoon:before {
    content: "\e03e"
}

.icon-weather-tempest-sun:before {
    content: "\e03f"
}

.icon-weather-variable-fullmoon:before {
    content: "\e040"
}

.icon-weather-variable-halfmoon:before {
    content: "\e041"
}

.icon-weather-variable-sun:before {
    content: "\e042"
}

.icon-weather-virgo:before {
    content: "\e043"
}

.icon-weather-waning-cresent:before {
    content: "\e044"
}

.icon-weather-waning-gibbous:before {
    content: "\e045"
}

.icon-weather-waxing-cresent:before {
    content: "\e046"
}

.icon-weather-waxing-gibbous:before {
    content: "\e047"
}

.icon-weather-wind:before {
    content: "\e048"
}

.icon-weather-wind-e:before {
    content: "\e049"
}

.icon-weather-wind-fullmoon:before {
    content: "\e04a"
}

.icon-weather-wind-halfmoon:before {
    content: "\e04b"
}

.icon-weather-wind-n:before {
    content: "\e04c"
}

.icon-weather-wind-ne:before {
    content: "\e04d"
}

.icon-weather-wind-nw:before {
    content: "\e04e"
}

.icon-weather-wind-s:before {
    content: "\e04f"
}

.icon-weather-wind-se:before {
    content: "\e050"
}

.icon-weather-wind-sun:before {
    content: "\e051"
}

.icon-weather-wind-sw:before {
    content: "\e052"
}

.icon-weather-wind-w:before {
    content: "\e053"
}

.icon-weather-windgust:before {
    content: "\e054"
}

.sttabs {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.sticon::before {
    display: inline-block;
    margin: 0 .4em 0 0;
    vertical-align: middle;
    font-size: 20px;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sttabs nav {
    text-align: center;
    margin-bottom: 10px;
}

    .sttabs nav ul {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        margin: 0 auto;
        padding: 0;
        font-family: Roboto, sans-serif;
        list-style: none;
        -ms-box-orient: horizontal;
        -ms-box-pack: center;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }

        .sttabs nav ul li {
            position: relative;
            z-index: 1;
            display: block;
            margin: 0;
            text-align: center;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

    .sttabs nav a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5
    }

        .sttabs nav a span {
            vertical-align: middle;
            font-wight: 500;
            font-size: 18px;
            font-family: Roboto, sans-serif
        }

        .sttabs nav a:focus {
            outline: 0
        }

    .sttabs nav li.tab-current a {
        color: #fb9678
    }

.tabs-style-bar nav ul li a {
    margin: 0 2px;
    background-color: #f7fafc;
    color: #686868;
    padding: 5px 0;
    transition: background-color .2s, color .2s
}

    .tabs-style-bar nav ul li a:focus, .tabs-style-bar nav ul li a:hover {
        color: #fb9678
    }

    .tabs-style-bar nav ul li a span {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 18px;
        font-family: Roboto, sans-serif
    }

.tabs-style-bar nav ul li.tab-current a {
    background: #fb9678;
    color: #fff
}

.tabs-style-iconbox nav {
    background: #f7fafc
}

    .tabs-style-iconbox nav ul li a {
        overflow: visible;
        padding: 35px 0;
        line-height: 1;
        -webkit-transition: color .2s;
        transition: color .2s;
        color: #2b2b2b
    }

    .tabs-style-iconbox nav ul li.tab-current {
        z-index: 1
    }

        .tabs-style-iconbox nav ul li.tab-current a {
            background: #fb9678;
            color: #fff;
            box-shadow: -1px 0 0 #fff
        }

            .tabs-style-iconbox nav ul li.tab-current a::after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -10px;
                width: 0;
                height: 0;
                border: solid transparent;
                border-width: 10px;
                border-top-color: #fb9678;
                content: '';
                pointer-events: none
            }

    .tabs-style-iconbox nav ul li::after, .tabs-style-iconbox nav ul li:first-child::before {
        position: absolute;
        top: 20%;
        right: 0;
        z-index: -1;
        width: 1px;
        height: 60%;
        content: ''
    }

    .tabs-style-iconbox nav ul li:first-child::before {
        right: auto;
        left: 0
    }

.tabs-style-iconbox .sticon::before {
    display: block;
    margin: 0 0 .25em
}

.tabs-style-underline nav {
    border: 1px solid rgba(120, 130, 140, .13)
}

    .tabs-style-underline nav a {
        padding: 20px 0;
        border-left: 1px solid rgba(120, 130, 140, .13);
        -webkit-transition: color .2s;
        transition: color .2s;
        color: #2b2b2b
    }

    .tabs-style-underline nav li:last-child a {
        border-right: 1px solid rgba(120, 130, 140, .13)
    }

    .tabs-style-underline nav li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background: #fb9678;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0)
    }

    .tabs-style-underline nav li.tab-current a::after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

.tabs-style-linetriangle nav a {
    overflow: visible;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    -webkit-transition: color .2s;
    transition: color .2s
}

    .tabs-style-linetriangle nav a span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px;
        padding: 5px 0;
        color: #2b2b2b;
        font-weight: 400;
    }

.tabs-style-linetriangle nav li.tab-current a:after, .tabs-style-linetriangle nav li.tab-current a:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none
}

.tabs-style-linetriangle nav li.tab-current a:after {
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #fff
}

.tabs-style-linetriangle nav li.tab-current a span {
    color: #7fba00;
}

.tabs-style-linetriangle nav li.tab-current a:before {
    margin-left: -11px;
    border-width: 11px;
    border-top-color: rgba(0, 0, 0, .2)
}

.tabs-style-iconfall {
    overflow: visible
}

    .tabs-style-iconfall nav {
        max-width: 1200px;
        margin: 0 auto
    }

        .tabs-style-iconfall nav a {
            display: inline-block;
            overflow: visible;
            padding: 1em 0 2em;
            color: #2b2b2b;
            line-height: 1;
            -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1);
            transition: color .3s cubic-bezier(.7, 0, .3, 1)
        }

            .tabs-style-iconfall nav a:focus, .tabs-style-iconfall nav a:hover, .tabs-style-iconfall nav li.tab-current a {
                color: #fb9678
            }

        .tabs-style-iconfall nav li::before {
            position: absolute;
            bottom: 1em;
            left: 50%;
            margin-left: -20px;
            width: 40px;
            height: 4px;
            background: #fb9678;
            content: '';
            opacity: 0;
            -webkit-transition: -webkit-transform .2s ease-in;
            transition: transform .2s ease-in;
            -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1)
        }

        .tabs-style-iconfall nav li.tab-current::before {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        .tabs-style-iconfall nav li.tab-current .sticon::before {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

    .tabs-style-iconfall .sticon::before {
        display: block;
        margin: 0 0 .35em;
        opacity: 0;
        font-size: 24px;
        -webkit-transition: -webkit-transform .2s, opacity .2s;
        transition: transform .2s, opacity .2s;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
        pointer-events: none
    }

.tabs-style-linemove nav {
    background: #f7fafc
}

    .tabs-style-linemove nav li:last-child::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #fb9678;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-400%, 0, 0);
        transform: translate3d(-400%, 0, 0)
    }

    .tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-300%, 0, 0);
        transform: translate3d(-300%, 0, 0)
    }

    .tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0)
    }

    .tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .tabs-style-linemove nav a {
        padding: 30px 0;
        color: #2b2b2b;
        line-height: 1;
        -webkit-transition: color .3s, -webkit-transform .3s;
        transition: color .3s, transform .3s
    }

    .tabs-style-linemove nav li.tab-current a {
        color: #fb9678
    }

.tabs-style-line nav a {
    padding: 20px 10px;
    color: #686868;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    -webkit-transition: color .3s, box-shadow .3s;
    transition: color .3s, box-shadow .3s
}

    .tabs-style-line nav a:focus, .tabs-style-line nav a:hover {
        box-shadow: inset 0 -2px #74777b
    }

.tabs-style-line nav li.tab-current a {
    box-shadow: inset 0 -3px #7fba00;
    color: #7fba00
}

#listViewEditBtn .dropdown:last-child {
    margin-right: 5px;
}

#listViewEditBtn.footer-images-product .dropdown {
    margin-right: 0;
    float: left;
}

    #listViewEditBtn.footer-images-product .dropdown:nth-child(2n+2) {
        margin-right: 3px;
    }

.tabs-style-circle {
    overflow: visible
}

    .tabs-style-circle nav li {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

        .tabs-style-circle nav li::before {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -60px 0 0 -60px;
            width: 120px;
            height: 120px;
            border: 1px solid #fb9678;
            border-radius: 50%;
            content: '';
            opacity: 0;
            -webkit-transition: -webkit-transform .2s, opacity .2s;
            transition: transform .2s, opacity .2s;
            -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
            transition-timing-function: cubic-bezier(.7, 0, .3, 1)
        }

    .tabs-style-circle nav a {
        overflow: visible;
        color: #2b2b2b;
        font-weight: 500;
        font-size: 14;
        line-height: 1.1;
        -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1);
        transition: color .3s cubic-bezier(.7, 0, .3, 1)
    }

        .tabs-style-circle nav a span {
            display: inline-block
        }

        .tabs-style-circle nav a:focus, .tabs-style-circle nav a:hover, .tabs-style-circle nav li.tab-current a {
            color: #fb9678
        }

            .tabs-style-circle nav li.tab-current a span {
                -webkit-transform: translate3d(0, 4px, 0);
                transform: translate3d(0, 4px, 0)
            }

    .tabs-style-circle nav li.tab-current::before {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    .tabs-style-circle .icon::before, .tabs-style-circle nav a span {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);
        transition: transform .3s cubic-bezier(.7, 0, .3, 1)
    }

    .tabs-style-circle .sticon::before {
        display: block;
        margin: 0;
        pointer-events: none
    }

    .tabs-style-circle nav li.tab-current .sticon::before {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }

.tabs-style-shape {
    max-width: 1200px;
    margin: 0 auto
}

    .tabs-style-shape nav ul li {
        margin: 0 3em
    }

        .tabs-style-shape nav ul li:first-child {
            margin-left: 0
        }

        .tabs-style-shape nav ul li.tab-current {
            z-index: 1
        }

    .tabs-style-shape nav li a {
        overflow: visible;
        margin: 0 -3em 0 0;
        padding: 0;
        color: #fff;
        font-weight: 500
    }

        .tabs-style-shape nav li a svg {
            position: absolute;
            left: 100%;
            margin: 0;
            width: 3em;
            height: 100%;
            fill: #bdc2c9
        }

    .tabs-style-shape nav li:first-child a span {
        padding-left: 2em;
        border-radius: 30px 0 0
    }

    .tabs-style-shape nav li:last-child a span {
        padding-right: 2em;
        border-radius: 0 30px 0 0
    }

    .tabs-style-shape nav li a svg:nth-child(2), .tabs-style-shape nav li:last-child a svg {
        right: 100%;
        left: auto;
        -webkit-transform: scale3d(-1, 1, 1);
        transform: scale3d(-1, 1, 1)
    }

    .tabs-style-shape nav li a span {
        display: block;
        overflow: hidden;
        padding: .65em 0;
        background-color: #bdc2c9;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tabs-style-shape nav li a:hover span {
        background-color: #fb9678
    }

    .tabs-style-shape nav li a:hover svg {
        fill: #fb9678
    }

    .tabs-style-shape nav li a svg {
        pointer-events: none
    }

        .tabs-style-shape nav li a svg use {
            pointer-events: auto
        }

    .tabs-style-shape nav li.tab-current a span, .tabs-style-shape nav li.tab-current a svg {
        -webkit-transition: none;
        transition: none
    }

    .tabs-style-shape nav li.tab-current a span {
        background: #f7fafc
    }

    .tabs-style-shape nav li.tab-current a svg {
        fill: #f7fafc
    }

    .tabs-style-shape .content-wrap {
        background: #f7fafc
    }

.tabs-style-linebox nav ul li {
    margin: 0 .5em;
    -webkit-flex: none;
    flex: none
}

.tabs-style-linebox nav a {
    padding: 0 1.5em;
    color: #2b2b2b;
    font-weight: 500;
    -webkit-transition: color .3s;
    transition: color .3s
}

    .tabs-style-linebox nav a:focus, .tabs-style-linebox nav a:hover {
        color: #fb9678
    }

.tabs-style-linebox nav li.tab-current a {
    color: #fff
}

.tabs-style-linebox nav a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #d2d8d6;
    content: '';
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
    -webkit-transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1);
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0)
}

.tabs-style-linebox nav li.tab-current a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tabs-style-linebox nav a:focus::after, .tabs-style-linebox nav a:hover::after, .tabs-style-linebox nav li.tab-current a::after {
    background: #fb9678
}

.tabs-style-flip {
    max-width: 1200px;
    margin: 0 auto
}

    .tabs-style-flip nav a {
        padding: .5em 0;
        color: #2b2b2b;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .tabs-style-flip nav a:focus, .tabs-style-flip nav a:hover {
            color: #fb9678
        }

        .tabs-style-flip nav a span {
            text-transform: uppercase;
            letter-spacing: 1px
        }

        .tabs-style-flip nav a::after {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
            content: '';
            -webkit-transition: -webkit-transform .3s, background-color .3s;
            transition: transform .3s, background-color .3s;
            -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-perspective-origin: 50% 100%;
            perspective-origin: 50% 100%
        }

    .tabs-style-flip nav li.tab-current a {
        color: #fb9678
    }

        .tabs-style-flip nav li.tab-current a::after {
            background-color: #f7fafc;
            -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
            transform: perspective(900px) rotate3d(1, 0, 0, 0deg)
        }

    .tabs-style-flip .content-wrap {
        background: #f7fafc
    }

.tabs-style-circlefill {
    max-width: 800px;
    border: 1px solid #fb9678;
    margin: 0 auto
}

    .tabs-style-circlefill nav ul li {
        overflow: hidden;
        border-right: 1px solid #fb9678
    }

    .tabs-style-circlefill nav li a {
        padding: 1.5em 0;
        color: #fff;
        font-size: 1.25em
    }

    .tabs-style-circlefill nav li:first-child {
        border-left: none
    }

    .tabs-style-circlefill nav li:last-child {
        border: none
    }

    .tabs-style-circlefill nav li::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px;
        border: 1px solid #fb9678;
        border-radius: 50%;
        background: #fb9678;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .tabs-style-circlefill nav li.tab-current::before {
        -webkit-transform: scale3d(2.5, 2.5, 1);
        transform: scale3d(2.5, 2.5, 1)
    }

    .tabs-style-circlefill nav a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .tabs-style-circlefill nav a span {
            display: none
        }

    .tabs-style-circlefill nav li.tab-current a {
        color: #fff
    }

    .tabs-style-circlefill .icon::before {
        display: block;
        margin: 0;
        pointer-events: none
    }

    .tabs-style-circlefill .content-wrap {
        border-top: 1px solid #fb9678
    }

.content-wrap {
    position: relative
}

    .content-wrap section {
        display: none;
        margin: 0 auto;
        padding: 15px 0 15px 0;
        min-height: 150px
    }

        .content-wrap section p {
            margin: 0;
            padding: .75em 0
        }

        .content-wrap section.content-current {
            display: block
        }

.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, .6)
}

.no-flexbox nav ul {
    display: block
}

    .no-flexbox nav ul li {
        min-width: 15%;
        display: inline-block
    }

.mytooltip {
    display: inline;
    position: relative;
    z-index: 9999
}

.tooltip-item {
    background: rgba(0, 0, 0, .1);
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding: 0 10px
}

    .tooltip-item::after {
        content: '';
        position: absolute;
        width: 360px;
        height: 20px;
        bottom: 100%;
        left: 50%;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.mytooltip:hover .tooltip-item::after {
    pointer-events: auto
}

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 360px;
    left: 50%;
    margin: 0 0 20px -180px;
    bottom: 100%;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    box-shadow: -5px -5px 15px rgba(48, 54, 61, .2);
    background: #2b2b2b;
    opacity: 0;
    cursor: default;
    pointer-events: none
}

.tooltip-effect-1 .tooltip-content {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    color: #fff
}

.tooltip-effect-2 .tooltip-content {
    -webkit-transform-origin: 50% calc(110%);
    transform-origin: 50% calc(110%);
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s
}

.tooltip-effect-3 .tooltip-content {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.tooltip-effect-4 .tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(.7, .3, 1);
    transform: scale3d(.7, .3, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s
}

.tooltip-effect-5 .tooltip-content {
    width: 180px;
    margin-left: -90px;
    -webkit-transform-origin: 50% calc(106%);
    transform-origin: 50% calc(106%);
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39);
    transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39)
}

.mytooltip:hover .tooltip-content, .mytooltip.active .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #2a3035 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.tooltip-content img {
    position: relative;
    height: 140px;
    display: block;
    float: left;
    margin-right: 1em
}

.tooltip-text {
    font-size: 18px;
    line-height: 24px;
    display: block;
    padding: 1.31em 1.21em 1.21em 0;
    color: #fff
}

.tooltip-effect-5 .tooltip-text {
    padding: 1.4em
}

a.mytooltip {
    font-weight: 500;
    color: #fb9678
}

.tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: 80px;
    height: 80px;
    padding-top: 25px;
    left: 50%;
    margin-left: -40px;
    bottom: 100%;
    border-radius: 50%;
    text-align: center;
    background: #fb9678;
    color: #fff;
    opacity: 0;
    margin-bottom: 20px;
    cursor: default;
    pointer-events: none
}

    .tooltip-content2 i {
        opacity: 0
    }

.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i {
    opacity: 1;
    font-size: 18px
}

.tooltip-effect-6 .tooltip-content2 {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-6 .tooltip-content2 i {
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-7 .tooltip-content2 {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-7 .tooltip-content2 i {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-8 .tooltip-content2 {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
    transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-8 .tooltip-content2 i {
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-9 .tooltip-content2 {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-9 .tooltip-content2 i {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s
    }

.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i {
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

.tooltip-effect-6:hover .tooltip-content2 i {
    -webkit-transform: rotate3d(1, 1, 1, 0);
    transform: rotate3d(1, 1, 1, 0)
}

.tooltip-content2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin: -7px 0 0 -15px;
    width: 30px;
    height: 20px;
    background: url(../../plugins/images/tooltip/tooltip1.svg) center center no-repeat;
    background-size: 100%
}

.tooltip-content3 {
    position: absolute;
    background: url(../../plugins/images/tooltip/shape1.svg) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    font-size: 14;
    line-height: 27px;
    pointer-events: none;
    -webkit-transform: scale3d(.1, .2, 1);
    transform: scale3d(.1, .2, 1);
    -webkit-transform-origin: 50% 120%;
    transform-origin: 50% 120%;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    -webkit-transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1);
    transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1)
}

.mytooltip:hover .tooltip-content3 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.tooltip-content3::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    margin-left: -8px;
    top: 100%;
    background: #00AEEF;
    -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg)
}

.tooltip-item2 {
    color: #03a9f3;
    cursor: pointer;
    z-index: 100;
    position: relative;
    display: inline-block;
    font-weight: 500;
    -webkit-transition: background-color .3s, color .3s, -webkit-transform .3s;
    transition: background-color .3s, color .3s, transform .3s
}

.mytooltip:hover .tooltip-item2 {
    color: #fff;
    -webkit-transform: translate3d(0, -.5em, 0);
    transform: translate3d(0, -.5em, 0)
}

.tooltip-content4 {
    position: absolute;
    z-index: 99;
    width: 360px;
    left: 50%;
    margin-left: -180px;
    bottom: -5px;
    text-align: left;
    background: #03a9f3;
    opacity: 0;
    font-size: 18px;
    line-height: 27px;
    padding: 1.5em;
    color: #fff;
    border-bottom: 55px solid #2b2b2b;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    -webkit-transform: translate3d(0, -.5em, 0);
    transform: translate3d(0, -.5em, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

    .tooltip-content4 a {
        color: #2b2b2b
    }

.tooltip-text2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5em, 0);
    transform: translate3d(0, 1.5em, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tooltip-content5 {
    position: absolute;
    z-index: 9999;
    width: 300px;
    left: 50%;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 0 0;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s
}

.mytooltip:hover .tooltip-content5 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.tooltip-content5 span {
    display: block
}

.tooltip-text3 {
    border-bottom: 10px solid #fb9678;
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s
}

.mytooltip:hover .tooltip-text3 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.tooltip-inner2 {
    background: #2b2b2b;
    padding: 40px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.mytooltip:hover .tooltip-inner2 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tooltip-content5::after {
    content: '';
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fb9678 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.search-listing {
    padding: 0;
    margin: 0
}

    .search-listing li {
        list-style: none;
        padding: 15px 0;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

        .search-listing li h3 {
            margin: 0;
            font-size: 18px
        }

            .search-listing li h3 a {
                color: #03a9f3
            }

                .search-listing li h3 a:hover {
                    text-decoration: underline
                }

        .search-listing li a {
            color: #00c292
        }

.megamenu {
    left: 0;
    right: 0;
    width: 100%
}

.mega-dropdown {
    position: static !important
}

.head-megamenu li {
    border: transparent !important;
}


.navbar-right li.mega-dropdown.show > .active, .navbar-right li.mega-dropdown.show > .waves-light {
    background: #efefef;
}

.mega-dropdown-menu {
    padding: 20px;
    width: calc(100% - 240px);
    -webkit-box-shadow: none;
    border: 0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2) !important
}

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                padding: 4px 0;
                clear: both;
                line-height: 1.428571429;
                color: #000;
                white-space: normal;
                font-size: 14px;
                font-weight: 400;
                word-break: break-word;
            }

                .mega-dropdown-menu > li > ul > li > a:focus, .mega-dropdown-menu > li > ul > li > a:hover {
                    text-decoration: none;
                    color: #01b1c2;
                }

    .mega-dropdown-menu .dropdown-header {
        font-size: 15px;
        font-weight: 600;
        padding: 8px 0;
    }

    .mega-dropdown-menu li.demo-box a {
        color: #fff;
        display: block
    }

        .mega-dropdown-menu li.demo-box a:hover {
            opacity: .8
        }

a.dt-button, button.dt-button, div.dt-button {
    background: #4aaaee;
    color: #fff;
    border-color: #4aaaee
}

    a.dt-button:hover, button.dt-button:hover, div.dt-button:hover {
        background: #03a9f3
    }

        a.dt-button:hover:not(.disabled), button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled) {
            background: #7fba00;
            color: #fff;
            border-color: rgb(127, 186, 0)
        }

.dataTables_filter input {
    border: 1px solid rgba(120, 130, 140, .13)
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background: 0 0
}

.note-editor .panel-heading {
    padding: 6px 10px 10px
}

.page-aside {
    position: relative
}

.left-aside {
    position: absolute;
    background: #fff;
    border-right: 1px solid rgba(120, 130, 140, .13);
    padding: 20px;
    width: 250px;
    height: 100%
}

.right-aside {
    padding: 20px;
    margin-left: 250px
}

    .right-aside .contact-list td {
        vertical-align: middle;
        padding: 25px 10px
    }

        .right-aside .contact-list td img {
            width: 30px
        }

.list-style-none {
    margin: 0;
    padding: 0
}

    .list-style-none li {
        list-style: none;
        margin: 0
    }

        .list-style-none li.box-label a {
            font-weight: 500
        }

        .list-style-none li.divider {
            margin: 10px 0;
            height: 1px;
            background: rgba(120, 130, 140, .13)
        }

        .list-style-none li a {
            padding: 15px 10px;
            display: block;
            color: #686868
        }

            .list-style-none li a:hover {
                color: #ff6849
            }

            .list-style-none li a span {
                float: right
            }

.chat-main-box {
    position: relative;
    background: #fff;
    overflow: hidden
}

    .chat-main-box .chat-left-aside {
        position: absolute;
        width: 250px;
        z-index: 9;
        top: 0;
        border-right: 1px solid rgba(120, 130, 140, .13)
    }

        .chat-main-box .chat-left-aside .open-panel {
            display: none;
            cursor: pointer;
            position: absolute;
            left: -webkit-calc(99%);
            top: 50%;
            z-index: 100;
            background-color: #fff;
            -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
            box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
            border-radius: 0 100px 100px 0;
            line-height: 1;
            padding: 15px 8px 15px 4px
        }

        .chat-main-box .chat-left-aside .chat-left-inner .form-control {
            height: 60px
        }

        .chat-main-box .chat-left-aside .chat-left-inner .style-none {
            padding: 0
        }

            .chat-main-box .chat-left-aside .chat-left-inner .style-none li {
                list-style: none;
                overflow: hidden
            }

                .chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
                    padding: 20px
                }

                    .chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active, .chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover {
                        background: #f7fafc
                    }

    .chat-main-box .chat-right-aside {
        margin-left: 250px
    }

        .chat-main-box .chat-right-aside .chat-list {
            max-height: none;
            height: 100%;
            padding-top: 40px
        }

            .chat-main-box .chat-right-aside .chat-list .chat-text {
                border-radius: 6px
            }

        .chat-main-box .chat-right-aside .send-chat-box {
            position: relative
        }

            .chat-main-box .chat-right-aside .send-chat-box .form-control {
                border: none;
                border-top: 1px solid rgba(120, 130, 140, .13);
                resize: none;
                height: 80px;
                padding-right: 180px
            }

                .chat-main-box .chat-right-aside .send-chat-box .form-control:focus {
                    border-color: rgba(120, 130, 140, .13)
                }

            .chat-main-box .chat-right-aside .send-chat-box .custom-send {
                position: absolute;
                right: 20px;
                bottom: 10px
            }

                .chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {
                    color: #686868;
                    margin-right: 10px
                }

.el-element-overlay .white-box {
    padding: 0
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 25px
}

    .el-element-overlay .el-card-item .el-card-avatar {
        margin-bottom: 15px
    }

    .el-element-overlay .el-card-item .el-card-content {
        text-align: center
    }

        .el-element-overlay .el-card-item .el-card-content h3 {
            margin: 0
        }

        .el-element-overlay .el-card-item .el-card-content a {
            color: #686868
        }

            .el-element-overlay .el-card-item .el-card-content a:hover {
                color: #ff6849
            }

    .el-element-overlay .el-card-item .el-overlay-1 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default
    }

        .el-element-overlay .el-card-item .el-overlay-1 img {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            height: auto
        }

        .el-element-overlay .el-card-item .el-overlay-1:hover img {
            -ms-transform: scale(1.2) translateZ(0);
            -webkit-transform: scale(1.2) translateZ(0)
        }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info {
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            color: #fff;
            background-color: transparent;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            padding: 0;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) translateZ(0);
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0)
        }

            .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
                list-style: none;
                display: inline-block;
                margin: 0 3px
            }

                .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
                    border-color: #fff;
                    color: #fff;
                    padding: 12px 15px 10px
                }

                    .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
                        background: #fb9678;
                        border-color: #fb9678
                    }

    .el-element-overlay .el-card-item .el-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
        top: -100%
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
        top: 100%;
        height: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
        top: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
        top: 0;
        height: 100%
    }

.login-sidebar {
    position: absolute;
    right: 0;
    margin-top: 0;
    height: 100%
}

.common-list {
    margin: 0;
    padding: 0
}

    .common-list li {
        list-style: none;
        display: block
    }

        .common-list li a {
            padding: 12px 0;
            color: #686868;
            display: block
        }

            .common-list li a:hover {
                color: #ff6849
            }

.color-table.primary-table thead th {
    background-color: #ab8ce4;
    color: #fff
}

.color-table.success-table thead th {
    background-color: #00c292;
    color: #fff
}

.color-table.info-table thead th {
    background-color: #03a9f3;
    color: #fff
}

.color-table.warning-table thead th {
    background-color: #fec107;
    color: #fff
}

.color-table.danger-table thead th {
    background-color: #fb9678;
    color: #fff
}

.color-table.inverse-table thead th {
    background-color: #4c5667;
    color: #fff
}

.color-table.dark-table thead th {
    background-color: #2b2b2b;
    color: #fff
}

.color-table.red-table thead th {
    background-color: #fb3a3a;
    color: #fff
}

.color-table.purple-table thead th {
    background-color: #9675ce;
    color: #fff
}

.color-table.muted-table thead th {
    background-color: #98a6ad;
    color: #fff
}

.color-bordered-table.primary-bordered-table {
    border: 2px solid #ab8ce4
}

    .color-bordered-table.primary-bordered-table thead th {
        background-color: #ab8ce4;
        color: #fff
    }

.color-bordered-table.success-bordered-table {
    border: 2px solid #00c292
}

    .color-bordered-table.success-bordered-table thead th {
        background-color: #00c292;
        color: #fff
    }

.color-bordered-table.info-bordered-table {
    border: 2px solid #03a9f3
}

    .color-bordered-table.info-bordered-table thead th {
        background-color: #03a9f3;
        color: #fff
    }

.color-bordered-table.warning-bordered-table {
    border: 2px solid #fec107
}

    .color-bordered-table.warning-bordered-table thead th {
        background-color: #fec107;
        color: #fff
    }

.color-bordered-table.danger-bordered-table {
    border: 2px solid #fb9678
}

    .color-bordered-table.danger-bordered-table thead th {
        background-color: #fb9678;
        color: #fff
    }

.color-bordered-table.inverse-bordered-table {
    border: 2px solid #4c5667
}

    .color-bordered-table.inverse-bordered-table thead th {
        background-color: #4c5667;
        color: #fff
    }

.color-bordered-table.dark-bordered-table {
    border: 2px solid #2b2b2b
}

    .color-bordered-table.dark-bordered-table thead th {
        background-color: #2b2b2b;
        color: #fff
    }

.color-bordered-table.red-bordered-table {
    border: 2px solid #fb3a3a
}

    .color-bordered-table.red-bordered-table thead th {
        background-color: #fb3a3a;
        color: #fff
    }

.color-bordered-table.purple-bordered-table {
    border: 2px solid #9675ce
}

    .color-bordered-table.purple-bordered-table thead th {
        background-color: #9675ce;
        color: #fff
    }

.color-bordered-table.muted-bordered-table {
    border: 2px solid #98a6ad
}

    .color-bordered-table.muted-bordered-table thead th {
        background-color: #98a6ad;
        color: #fff
    }

.full-color-table.full-primary-table {
    background-color: rgba(171, 140, 228, .8)
}

    .full-color-table.full-primary-table thead th {
        background-color: #ab8ce4;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-primary-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-primary-table tr:hover {
        background-color: #ab8ce4
    }

.full-color-table.full-success-table {
    background-color: rgba(0, 194, 146, .8)
}

    .full-color-table.full-success-table thead th {
        background-color: #00c292;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-success-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-success-table tr:hover {
        background-color: #00c292
    }

.full-color-table.full-info-table {
    background-color: rgba(3, 169, 243, .8)
}

    .full-color-table.full-info-table thead th {
        background-color: #03a9f3;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-info-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-info-table tr:hover {
        background-color: #03a9f3
    }

.full-color-table.full-warning-table {
    background-color: rgba(254, 193, 7, .8)
}

    .full-color-table.full-warning-table thead th {
        background-color: #fec107;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-warning-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-warning-table tr:hover {
        background-color: #fec107
    }

.full-color-table.full-danger-table {
    background-color: rgba(251, 150, 120, .8)
}

    .full-color-table.full-danger-table thead th {
        background-color: #fb9678;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-danger-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-danger-table tr:hover {
        background-color: #fb9678
    }

.full-color-table.full-inverse-table {
    background-color: rgba(76, 86, 103, .8)
}

    .full-color-table.full-inverse-table thead th {
        background-color: #4c5667;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-inverse-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-inverse-table tr:hover {
        background-color: #4c5667
    }

.full-color-table.full-dark-table {
    background-color: rgba(43, 43, 43, .8)
}

    .full-color-table.full-dark-table thead th {
        background-color: #2b2b2b;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-dark-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-dark-table tr:hover {
        background-color: #2b2b2b
    }

.full-color-table.full-red-table {
    background-color: rgba(251, 58, 58, .8)
}

    .full-color-table.full-red-table thead th {
        background-color: #fb3a3a;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-red-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-red-table tr:hover {
        background-color: #fb3a3a
    }

.full-color-table.full-purple-table {
    background-color: rgba(150, 117, 206, .8)
}

    .full-color-table.full-purple-table thead th {
        background-color: #9675ce;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-purple-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-purple-table tr:hover {
        background-color: #9675ce
    }

.full-color-table.full-muted-table {
    background-color: rgba(152, 166, 173, .8)
}

    .full-color-table.full-muted-table thead th {
        background-color: #98a6ad;
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-muted-table tbody td {
        border: 0 !important;
        color: #fff
    }

    .full-color-table.full-muted-table tr:hover {
        background-color: #98a6ad
    }

.floating-labels .form-group {
    position: relative
}

.floating-labels .form-control {
    font-size: 20px;
    padding: 10px 10px 10px 0;
    display: block;
    border: none;
    border-bottom: 1px solid #e4e7ea
}

.floating-labels select.form-control > option {
    font-size: 14px
}

.has-error .form-control {
    border-bottom: 1px solid #fb9678
}

.has-warning .form-control {
    border-bottom: 1px solid #fec107
}

.has-success .form-control {
    border-bottom: 1px solid #00c292
}

.floating-labels .form-control:focus {
    outline: 0;
    border: none
}

.floating-labels label {
    color: #686868;
    font-size: 16px;
    position: absolute;
    cursor: auto;
    top: 10px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.floating-labels .form-control:focus ~ label, .floating-labels .form-control:valid ~ label {
    top: -20px;
    font-size: 12px;
    color: #ab8ce4
}

.floating-labels .bar {
    position: relative;
    display: block
}

    .floating-labels .bar:after, .floating-labels .bar:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #ab8ce4;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all
    }

    .floating-labels .bar:before {
        left: 50%
    }

    .floating-labels .bar:after {
        right: 50%
    }

.floating-labels .form-control:focus ~ .bar:after, .floating-labels .form-control:focus ~ .bar:before {
    width: 50%
}

.floating-labels .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.floating-labels .input-lg, .floating-labels .input-lg ~ label {
    font-size: 24px
}

.floating-labels .input-sm, .floating-labels .input-sm ~ label {
    font-size: 16px
}

.has-warning .bar:after, .has-warning .bar:before {
    background: #fec107
}

.has-success .bar:after, .has-success .bar:before {
    background: #00c292
}

.has-error .bar:after, .has-error .bar:before {
    background: #fb9678
}

.has-warning .form-control:focus ~ label, .has-warning .form-control:valid ~ label {
    color: #fec107
}

.has-success .form-control:focus ~ label, .has-success .form-control:valid ~ label {
    color: #00c292
}

.has-error .form-control:focus ~ label, .has-error .form-control:valid ~ label {
    color: #fb9678
}

.has-feedback label ~ .t-0 {
    top: 0
}

.table.dataTable, table.dataTable {
    width: 99.8% !important
}

    table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
        float: none;
        padding-left: 10px
    }

.re ul.two-part li i, .re ul.two-part li span {
    font-size: 36px
}

.bg-light h4 {
    font-weight: 700
}

.agent-contact, .pro-desc {
    font-size: 12px
}

.form-agent-inq .form-group {
    margin-bottom: 10px
}

.agent-info {
    max-height: 358px;
    height: 358px;
    background: #f7fafc
}

.pro-list {
    margin-top: 15px
}

.pro-detail, .pro-img {
    display: table-cell;
    vertical-align: top
}

    .pro-detail h5 a {
        color: #686868;
        line-height: 20px;
        font-weight: 500
    }

.pro-box .pro-list-img {
    display: block;
    height: 210px;
    position: relative;
    overflow: hidden
}

.pro-box .pro-label {
    position: absolute;
    text-transform: uppercase;
    top: 0;
    right: 0;
    border-radius: 2px;
    padding: 5px;
    font-size: 80%
}

.pro-col-label {
    padding: 7px;
    width: 26%;
    display: block;
    margin-top: -15px;
    margin-left: 37%;
    border: 1px solid rgba(120, 130, 140, .13);
    text-transform: uppercase
}

.pro-box .pro-label-img {
    position: absolute;
    top: 30px;
    right: 30px
}

.pro-box.pro-horizontal pro-content {
    width: 100%;
    height: 210px
}

.pro-content .pro-list-details {
    height: 138px;
    max-height: 142px;
    border-bottom: 1px solid rgba(120, 130, 140, .13);
    border-right: 1px solid rgba(120, 130, 140, .13)
}

.pro-content .pro-list-info {
    border-bottom: 1px solid rgba(120, 130, 140, .13)
}

.pro-agent .agent-name h5, .pro-agent .agent-name small, .pro-agent-col-3 .agent-name h5, .pro-agent-col-3 .agent-name small, .pro-content .pro-list-details h3, .pro-content .pro-list-details h4, .pro-content-3-col .pro-list-details h3, .pro-content-3-col .pro-list-details h4, .pro-content-3-col .pro-list-details h4 small, .pro-list-info ul.pro-info li, .pro-list-info-3-col ul.pro-info li, .pro-location span, ul.pro-info li span.label {
    font-weight: 500
}

.pro-list-info ul.pro-info, .pro-list-info-3-col ul.pro-info {
    padding: 16px 10px 10px;
    list-style: none
}

    .pro-list-info ul.pro-info li {
        padding: 10px 0 10px 20px;
        font-size: 12px
    }

ul.pro-info li span.label {
    width: 25px;
    height: 25px;
    padding: 8px;
    border-radius: 50%;
    margin-top: -4px;
    margin-right: 15px;
    font-size: 12px
}

ul.pro-amenities li span img, ul.pro-info li span img {
    margin-top: -8px;
    padding-right: 12px
}

.pro-agent .agent-img a img, .pro-agent-col-3 .agent-img a img {
    border: 3px solid #fff;
    box-shadow: 1px 1px 1px rgba(120, 130, 140, .13)
}

.pro-agent .agent-img, .pro-agent .agent-name, .pro-agent-col-3 .agent-img, .pro-agent-col-3 .agent-name {
    float: left
}

.pro-agent .agent-img {
    padding-top: 12px
}

.pro-agent .agent-name {
    padding: 10px 0 0 15px
}

.pro-location span {
    padding-top: 27px
}

.pro-content-3-col {
    padding: 15px;
    background: #f7fafc
}

    .pro-content-3-col .pro-list-details h4 small {
        color: #fb9678
    }

.pro-list-info-3-col ul.pro-info li {
    padding: 10px 5px
}

.pro-agent-col-3 .agent-img {
    padding: 15px
}

.pro-agent-col-3 .agent-name {
    padding: 15px 15px 15px 5px
}

ul.pro-amenities {
    list-style: none;
    padding: 8px 0
}

    ul.pro-amenities li {
        padding: 10px 0;
        font-size: 12px
    }

        ul.pro-amenities li span i {
            padding-right: 12px
        }

.pro-rd .table > tbody > tr > td:first-child {
    font-weight: 500
}

.pro-rd .table > tbody > tr > td, .pro-rd .table > tbody > tr > th {
    border: none;
    padding: 8px 8px 8px 0;
    font-size: 12px
}

.pd-agent-info {
    max-height: 200px;
    height: 200px;
    background: #f7fafc;
    margin-top: 15px
}

.pd-agent-contact, .pd-agent-inq {
    padding: 25px
}

.pro-add-form .checkbox label, .pro-add-form .radio label {
    font-weight: 100
}

.plugin-details {
    display: none
}

.plugin-details-active {
    display: block
}

.register-box {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 2%
}

.step-register {
    position: absolute;
    height: 100%
}

.icheck-list, .icolors {
    padding: 0;
    margin: 0;
    list-style: none
}

    .icolors > li {
        padding: 0;
        margin: 2px;
        float: left;
        display: inline-block;
        height: 30px;
        width: 30px;
        background: #2b2b2b;
        text-align: center
    }

        .icolors > li.active:after {
            content: "\2713 ";
            color: #fff;
            line-height: 30px
        }

        .icolors > li:first-child {
            margin-left: 0
        }

        .icolors > li.orange {
            background: #fb9678
        }

        .icolors > li.yellow {
            background: #fec107
        }

        .icolors > li.info {
            background: #03a9f3
        }

        .icolors > li.green {
            background: #00c292
        }

        .icolors > li.red {
            background: #fb3a3a
        }

        .icolors > li.purple {
            background: #9675ce
        }

        .icolors > li.blue {
            background: #02bec9
        }

.icheck-list {
    float: left;
    padding-right: 50px;
    padding-top: 10px
}

    .icheck-list li {
        padding-bottom: 5px
    }

        .icheck-list li label {
            padding-left: 10px
        }

.default-steps .column-step {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background: #edf1f5
}

    .default-steps .column-step.active {
        background: #03a9f3
    }

        .default-steps .column-step.active .step-number, .default-steps .step-number {
            font-size: 24px;
            background: #03a9f3;
            color: #fff;
            border-radius: 50%;
            display: inline-block;
            margin: auto auto 10px;
            height: 50px;
            width: 50px;
            text-align: center;
            line-height: 50px
        }

        .default-steps .column-step.active .step-number {
            background: #fff;
            color: #686868
        }

.default-steps .step-title {
    font-size: 24px;
    font-weight: 100
}

.default-steps .column-step.active .step-info, .default-steps .column-step.active .step-title {
    color: #fff
}

.thin-steps .column-step {
    padding: 20px;
    background: #edf1f5
}

    .thin-steps .column-step.active {
        background: #fb9678
    }

        .thin-steps .column-step.active .step-number, .thin-steps .step-number {
            font-size: 20px;
            background: #fb9678;
            color: #fff;
            border-radius: 50%;
            float: left;
            display: inline-block;
            margin: auto;
            padding-top: 2px;
            height: 40px;
            width: 40px;
            text-align: center;
            line-height: 40px
        }

        .thin-steps .column-step.active .step-number {
            background: #fff;
            color: #686868
        }

.thin-steps .step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -2px
}

.thin-steps .column-step.active .step-info, .thin-steps .column-step.active .step-title {
    color: #fff
}

.thin-steps .step-info {
    padding-left: 60px;
    margin-top: -5px
}

.steps-no-bg .column-step {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}

    .steps-no-bg .column-step.active .step-number, .steps-no-bg .step-number {
        font-size: 24px;
        background: #fff;
        color: #686868;
        border: 1px solid #686868;
        border-radius: 50%;
        display: inline-block;
        margin: auto auto 10px;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px
    }

    .steps-no-bg .column-step.active .step-number {
        background: #fff;
        color: #03a9f3;
        border: 1px solid #03a9f3
    }

.steps-no-bg .step-title {
    font-size: 24px;
    font-weight: 100
}

.steps-no-bg .column-step.active .step-info, .steps-no-bg .column-step.active .step-title {
    color: #03a9f3
}

.thin-steps-no-bg .column-step {
    padding: 20px
}

    .thin-steps-no-bg .column-step.active .step-number, .thin-steps-no-bg .step-number {
        font-size: 20px;
        background: #fff;
        color: #686868;
        border: 1px solid #686868;
        border-radius: 50%;
        float: left;
        display: inline-block;
        margin: auto;
        padding-top: 1px;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px
    }

    .thin-steps-no-bg .column-step.active .step-number {
        background: #fff;
        color: #fb9678;
        border: 1px solid #fb9678
    }

.thin-steps-no-bg .step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -2px
}

.thin-steps-no-bg .column-step.active .step-info, .thin-steps-no-bg .column-step.active .step-title {
    color: #fb9678
}

.thin-steps-no-bg .step-info {
    padding-left: 60px;
    margin-top: -5px
}

.numbered-bg .column-step {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    height: 160px;
    background: #edf1f5
}

    .numbered-bg .column-step.active {
        background: #03a9f3
    }

        .numbered-bg .column-step.active .step-number, .numbered-bg .step-number {
            font-size: 200px;
            position: absolute;
            bottom: 0;
            right: 0;
            line-height: 120px;
            color: #e4e7ea;
            z-index: 1
        }

        .numbered-bg .column-step.active .step-number {
            color: #0298da
        }

.numbered-bg .step-title {
    font-size: 24px;
    font-weight: 100;
    padding-top: 18px
}

.numbered-bg .step-info, .numbered-bg .step-title {
    z-index: 3;
    position: relative
}

.numbered-bg .column-step.active .step-info, .numbered-bg .column-step.active .step-title {
    color: #fff
}

.thin-steps-numbered-bg .column-step {
    padding: 20px;
    text-align: center;
    background: #edf1f5
}

    .thin-steps-numbered-bg .column-step.active {
        background: #03a9f3
    }

        .thin-steps-numbered-bg .column-step.active .step-number, .thin-steps-numbered-bg .step-number {
            font-size: 120px;
            position: absolute;
            bottom: 0;
            right: 0;
            line-height: 75px;
            color: #e4e7ea;
            z-index: 1
        }

        .thin-steps-numbered-bg .column-step.active .step-number {
            color: #0298da
        }

.thin-steps-numbered-bg .step-title {
    font-size: 24px;
    font-weight: 100
}

.thin-steps-numbered-bg .step-info, .thin-steps-numbered-bg .step-title {
    z-index: 3;
    position: relative
}

.thin-steps-numbered-bg .column-step.active .step-info, .thin-steps-numbered-bg .column-step.active .step-title {
    color: #fff
}

.line-steps .column-step {
    padding: 30px 0;
    text-align: center
}

.line-steps .step-number {
    font-size: 20px;
    background: #fff;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto auto 14px;
    border: 3px solid #e4e7ea;
    position: relative;
    height: 40px;
    width: 40px;
    z-index: 3;
    line-height: 37px
}

.line-steps .step-title {
    font-size: 20px;
    font-weight: 100;
    position: relative
}

    .line-steps .step-title:after, .line-steps .step-title:before {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e4e7ea;
        top: -32px;
        z-index: 1;
        transform: translateY(-100%)
    }

    .line-steps .step-title:after {
        left: 50%
    }

    .line-steps .step-title:before {
        right: 50%
    }

.line-steps .finish .step-title:after, .line-steps .start .step-title:before {
    content: none
}

.line-steps .start .step-title:after {
    background-color: #03a9f3
}

.line-steps .start .step-number {
    color: #03a9f3;
    border-color: #03a9f3
}

.line-steps .start .step-info, .line-steps .start .step-title {
    color: #686868
}

.line-steps .active .step-title:after, .line-steps .active .step-title:before {
    background-color: #03a9f3
}

.line-steps .active .step-number {
    color: #03a9f3;
    border-color: #03a9f3;
    webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3)
}

.line-steps .active .step-info, .line-steps .active .step-title {
    color: #686868
}

.line-steps .upcoming .step-title:after, .line-steps .upcoming .step-title:before {
    background-color: #03a9f3
}

.line-steps .upcoming .step-number {
    color: #03a9f3;
    border-color: #03a9f3
}

.line-steps .upcoming .step-info, .line-steps .upcoming .step-title {
    color: #686868
}

.line-steps .finish .step-number {
    color: #e4e7ea
}

.line-steps .finish .step-info, .line-steps .finish .step-title {
    color: #686868
}

.ribbon-wrapper, .ribbon-wrapper-bottom, .ribbon-wrapper-reverse, .ribbon-wrapper-right-bottom {
    position: relative;
    background: #edf1f5;
    padding: 50px 15px 15px 50px
}

.ribbon-overflow {
    overflow: hidden
}

.ribbon-wrapper-reverse {
    padding: 50px 50px 15px 15px
}

.ribbon-wrapper-bottom {
    padding: 15px 15px 50px 50px
}

.ribbon-wrapper-right-bottom {
    padding: 15px 50px 50px 15px
}

.ribbon {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 12px;
    left: -2px;
    color: #fff
}

.ribbon-bookmark:before {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: 15px solid #2b2b2b;
    border-right: 10px solid transparent
}

.ribbon-right {
    left: auto;
    right: -2px
}

.ribbon-bookmark.ribbon-right:before {
    right: 100%;
    left: auto;
    border-right: 15px solid #2b2b2b;
    border-left: 10px solid transparent
}

.ribbon-vertical-l, .ribbon-vertical-r {
    clear: none;
    padding: 0 5px;
    height: 70px;
    width: 30px;
    line-height: 70px;
    text-align: center;
    left: 12px;
    top: -2px
}

.ribbon-vertical-r {
    left: auto;
    right: 12px
}

.ribbon-bookmark.ribbon-vertical-l:before, .ribbon-bookmark.ribbon-vertical-r:before {
    top: 100%;
    left: 0;
    margin-top: -14px;
    border-right: 15px solid #2b2b2b;
    border-bottom: 10px solid transparent
}

.ribbon-badge {
    top: 15px;
    overflow: hidden;
    left: -90px;
    width: 100%;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

    .ribbon-badge.ribbon-right {
        left: auto;
        right: -90px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ribbon-badge.ribbon-bottom {
        top: auto;
        bottom: 15px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .ribbon-badge.ribbon-right.ribbon-bottom {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.ribbon-corner {
    top: 0;
    left: 0;
    background-color: transparent !important;
    padding: 6px 0 0 10px
}

    .ribbon-corner i {
        position: relative
    }

    .ribbon-corner:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border: 30px solid transparent;
        border-top-color: #ff6849;
        border-left-color: #ff6849
    }

    .ribbon-corner.ribbon-right:before {
        right: 0;
        left: auto;
        border-right-color: #526069;
        border-left-color: transparent
    }

    .ribbon-corner.ribbon-right {
        right: 0;
        left: auto;
        padding: 6px 10px 0 0
    }

    .ribbon-corner.ribbon-bottom:before {
        top: auto;
        bottom: 0;
        border-top-color: transparent;
        border-bottom-color: #526069
    }

    .ribbon-corner.ribbon-bottom {
        bottom: 0;
        top: auto;
        padding: 0 10px 6px
    }

.ribbon-custom {
    background: #ff6849
}

.ribbon-bookmark.ribbon-right.ribbon-custom:before {
    border-right-color: #ff6849;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before {
    border-right-color: #ff6849;
    border-bottom-color: transparent
}

.ribbon-primary {
    background: #ab8ce4
}

.ribbon-bookmark.ribbon-primary:before {
    border-color: #ab8ce4 transparent #ab8ce4 #ab8ce4
}

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
    border-right-color: #ab8ce4;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before {
    border-right-color: #ab8ce4;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-corner:before {
    border-top-color: #ab8ce4;
    border-left-color: #ab8ce4
}

.ribbon-primary.ribbon-corner.ribbon-right:before {
    border-right-color: #ab8ce4;
    border-left-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ab8ce4
}

.ribbon-success {
    background: #00c292
}

.ribbon-bookmark.ribbon-success:before {
    border-color: #00c292 transparent #00c292 #00c292
}

.ribbon-bookmark.ribbon-right.ribbon-success:before {
    border-right-color: #00c292;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-success:before {
    border-right-color: #00c292;
    border-bottom-color: transparent
}

.ribbon-success.ribbon-corner:before {
    border-top-color: #00c292;
    border-left-color: #00c292
}

.ribbon-success.ribbon-corner.ribbon-right:before {
    border-right-color: #00c292;
    border-left-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #00c292
}

.ribbon-info {
    background: #03a9f3
}

.ribbon-bookmark.ribbon-info:before {
    border-color: #03a9f3 transparent #03a9f3 #03a9f3
}

.ribbon-bookmark.ribbon-right.ribbon-info:before {
    border-right-color: #03a9f3;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-info:before {
    border-right-color: #03a9f3;
    border-bottom-color: transparent
}

.ribbon-info.ribbon-corner:before {
    border-top-color: #03a9f3;
    border-left-color: #03a9f3
}

.ribbon-info.ribbon-corner.ribbon-right:before {
    border-right-color: #03a9f3;
    border-left-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #03a9f3
}

.ribbon-warning {
    background: #fec107
}

.ribbon-bookmark.ribbon-warning:before {
    border-color: #fec107 transparent #fec107 #fec107
}

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
    border-right-color: #fec107;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before {
    border-right-color: #fec107;
    border-bottom-color: transparent
}

.ribbon-warning.ribbon-corner:before {
    border-top-color: #fec107;
    border-left-color: #fec107
}

.ribbon-warning.ribbon-corner.ribbon-right:before {
    border-right-color: #fec107;
    border-left-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #fec107
}

.ribbon-danger {
    background: #fb9678
}

.ribbon-bookmark.ribbon-danger:before {
    border-color: #fb9678 transparent #fb9678 #fb9678
}

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
    border-right-color: #fb9678;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before {
    border-right-color: #fb9678;
    border-bottom-color: transparent
}

.ribbon-danger.ribbon-corner:before {
    border-top-color: #fb9678;
    border-left-color: #fb9678
}

.ribbon-danger.ribbon-corner.ribbon-right:before {
    border-right-color: #fb9678;
    border-left-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #fb9678
}

.ribbon-default {
    background: #2b2b2b
}

.ribbon-bookmark.ribbon-default:before {
    border-color: #2b2b2b transparent #2b2b2b #2b2b2b
}

.ribbon-bookmark.ribbon-right.ribbon-default:before {
    border-right-color: #2b2b2b;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-default:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-default:before {
    border-right-color: #2b2b2b;
    border-bottom-color: transparent
}

.ribbon-default.ribbon-corner:before {
    border-top-color: #2b2b2b;
    border-left-color: #2b2b2b
}

.ribbon-default.ribbon-corner.ribbon-right:before {
    border-right-color: #2b2b2b;
    border-left-color: transparent
}

.ribbon-default.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #2b2b2b
}

.bootstrap-switch, .bootstrap-switch .bootstrap-switch-container {
    border-radius: 2px
}

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px
    }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
            color: #fff;
            background: #ab8ce4
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
            color: #fff;
            background: #03a9f3
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
            color: #fff;
            background: #00c292
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
            color: #fff;
            background: #fec107
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
            color: #fff;
            background: #fb9678
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
            color: #2b2b2b;
            background: #e4e7ea
        }

.lobipanel .panel-heading .dropdown .dropdown-menu > li > a .panel-control-icon, .lobipanel > .panel-heading .dropdown .dropdown-toggle .panel-control-icon {
    line-height: 1px
}

.lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
    color: #2b2b2b
}

.lobipanel .panel-heading .dropdown .dropdown-menu {
    box-shadow: none !important
}

    .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:focus:hover, .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:hover {
        background: 0 0;
        text-shadow: none;
        opacity: .6
    }

.lobipanel-placeholder {
    background-color: #02bec9;
    opacity: .1;
    border: 1px dashed #2b2b2b
}

.dp-selected[style] {
    background-color: #01c0c8 !important
}

.grid-stack-item-content {
    background: #fff;
    color: #2b2b2b;
    font-family: Roboto, sans-serif;
    text-align: center;
    font-size: 20px
}

    .grid-stack-item-content .fa {
        font-size: 64px;
        display: block;
        margin: 20px 0 10px
    }

.navbar-static-top {
    padding: 0;
}

    .navbar-static-top .dropdown-toggle::after {
        display: none
    }

.mega-dropdown .mega-dropdown-menu > li {
    float: left;
}

.navbar-right .dropdown-menu[data-bs-popper] {
    right: 0;
    left: auto;
    margin: 0px;
    top: 100%;
    padding-bottom: 24px;
    z-index: 1111;
}

#side-menu {
    display: block;
    transition: .5s ease-in-out;
}

    #side-menu .nav {
        flex-direction: column
    }

a.btn:not([href]):not([tabindex]) {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.btn, #dvSubv .proPopupInner.margin-bottom-zero button {
    font-size: 14px;
    padding: 10px 10px;
    font-weight: 400;
    line-height: 18px;
    height: 41px;
}

form#saveFormStyleForm button.header-button.btn.btn-link {
    color: #000;
}

a.btn-default:not([href]):not([tabindex]) {
    color: #686868
}

.btn-group.show {
    display: inline-block !important
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px
}

.btn-xs {
    padding: 1px 8px;
    font-size: 11px
}

.btn-circle {
    padding: 6px 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified .btn, .btn-group-justified .btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

.grid-stack {
    width: 100%
}

.mail_listing .media {
    display: block
}

.customtab.nav-tabs .nav-link {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f7fafc
}

    .customtab.nav-tabs .nav-link.active, .customtab.nav-tabs .nav-link.active:focus, .customtab.nav-tabs .nav-link:hover {
        border-bottom: 2px solid #ff6849;
        color: #ff6849
    }

.vtabs .tabs-vertical li a.active, .vtabs .tabs-vertical li a.active:focus, .vtabs .tabs-vertical li a.active:hover {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border: 0;
    border-right: 0px solid #0071DC;
    margin-right: 0px;
    color: #fff;
    margin-bottom: 0px;
}

.customvtab .tabs-vertical li a.active, .customvtab .tabs-vertical li a.active:focus, .customvtab .tabs-vertical li a.active:hover {
    background: #fff;
    border: 0;
    border-right: 2px solid #ff6849;
    margin-right: -1px;
    color: #2b2b2b
}

.customtab2 li .nav-link.active, .customtab2 li .nav-link.active:focus, .customtab2 li .nav-link.active:hover {
    background: #ff6849;
    border: 0 solid #ff6849;
    color: #fff
}

.customtab2.nav-tabs .nav-link {
    border: 0
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background: #0071dc;
}

span.caret {
    display: none
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px
}

.list-inline > li {
    display: inline-block
}

/*.modal-header {
    display: block;
}*/

    .modal-header.custom-color {
        padding: 0px 15px;
        color: #686868;
    }

/*.modal-header .modal-title {
        margin: 2px 4px;
        font-weight: 600;
        color: #fff;
        line-height: 22px;
        font-size: 20px;
        align-items: center;
        display: flex;
    }*/

.request-pricin-gpopup .modal-header h5.modal-title {
    height: 35px;
}

.popover, .popover-title, .tooltip {
    font-family: Roboto, sans-serif;
    font-size: 13px
}

.popover-title {
    margin-top: 0
}

.custom-select {
    height: calc(4.25rem)
}

.fileinput .form-control {
    width: 100%;
    position: relative
}

.fileinput-new .input-group-addon {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 10 !important
}

.custom-control {
    padding-left: 20px
}

.custom-control-indicator {
    width: 15px;
    height: 15px
}

.custom-file {
    height: 30px;
    width: 100%
}

    .custom-file .custom-file-control, .custom-file .custom-file-control::before {
        height: 35px
    }

.datepicker td, .datepicker th, .table-condensed td, .table-condensed th {
    padding: 5px;
    text-align: center;
}

.note-popover {
    display: none
}

.note-editor {
    border: 0
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none
}

.modal-backdrop.in {
    opacity: .5
}

a.fc-event:not([href]):not([tabindex]) {
    color: #fff
}

.dataTables_wrapper {
    display: block
}

    .dataTables_wrapper label {
        display: inline-block
    }

.tab-main nav ul {
    margin: 0;
    width: 24%;
}

.tab-main nav {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    width: 100%;
    margin-bottom: 20px;
}

    .tab-main nav a {
        border-bottom: 0px solid rgba(0, 0, 0, .2);
    }

.tab-main h3 {
    padding-bottom: 5px;
    font-weight: 400;
}

.wrap-contct-main .rule {
    float: right;
}

    .wrap-contct-main .rule .dropdown-menu {
        min-width: auto;
        border: solid 1px #edf1f5;
        float: left;
        left: -15px;
    }

        .wrap-contct-main .rule .dropdown-menu a {
            font-size: 12px;
        }

.wrap-contct-main .rule-button {
    background: #7fba00;
    border: solid 1px #7fba00;
    color: #fff;
    padding: 4px 8px;
    margin-top: 10px;
}

.tab-main nav ul li a {
    text-align: center;
    font-weight: 500;
}

.tab-main .content-wrap section {
    padding-top: 0;
}

.tab-main h2 {
    margin: 0;
}

.tabsscl {
    min-height: 50px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: inline-flex;
    width: 100%;
}

.inner-tab .nav-tabs .nav-item {
    margin-bottom: 0px;
}

    .inner-tab .nav-tabs .nav-item a {
        border-color: transparent;
        padding: 15px 15px;
        font-weight: 500;
        border: 0px solid transparent;
    }

.inner-tab a {
    text-align: center;
    font-weight: 500;
}

.user-profile .flipInY i {
    margin-right: 5px;
}

.inner-tab {
    width: 100%;
}

.credit-part h2 {
    padding-left: 10px;
    display: inline-block;
    padding-bottom: 5px;
}

.dsplyInlineBLock {
    display: inline-block;
}

div#SalesTransactingrid {
    display: block;
    width: 100%;
}

div#JournalEntrygrid {
    display: block;
    width: 100%;
}

.credit-part span {
    display: inline-block;
    font-size: 20px;
    padding-left: 10px;
}

.uplade-button, .uplade-button button {
    width: 100%;
}

.right-button button {
    font-size: 13px;
}

.your-bank {
    padding-bottom: 20px;
}

    .your-bank h3 {
        font-size: 20px;
        color: #000;
        font-weight: 500;
    }

    .your-bank h4 {
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }

    .your-bank ol {
        padding: 10px 0 11px 15px;
    }

        .your-bank ol li {
            padding: 5px 0;
        }

    .your-bank a, .your-bank button {
        background: #03a9f3;
        border-radius: 20px;
        border: solid 1px #03a9f3;
    }

        .your-bank a:hover {
            background: #00c292;
            border: solid 1px #00c292;
        }

#guidance-step-link, #dvSubv .proPopupInner.margin-bottom-zero button {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border-radius: 0px;
    color: #fff;
    border: solid 1px #0bb5af;
    line-height: 18px;
}

.totle-main {
    float: left;
    width: 45%;
    position: relative;
    margin-top: 4px;
    border-left: 1px solid #ccc;
}

.totle-box {
    display: none;
}

.totle-main:hover .totle-box {
    display: block;
    position: absolute;
    top: 24px;
    z-index: 9;
}

.totle-box ul {
    margin: 10px 0 0 15px;
    padding: 0;
    border: solid 1px #ccc;
}

    .totle-box ul li {
        list-style: none;
        border-bottom: solid 1px #ccc;
        padding: 10px 18px 10px 10px;
        background: #fff;
    }

        .totle-box ul li:hover {
            background: #03a9f3;
            color: #fff;
        }

.totle-box .qbAccount {
    font-size: 12px;
}

.totle-box .subContent {
    font-size: 12px;
    display: block;
    padding-left: 0;
}

.totle-box .lastUpdatetime {
    font-size: 12px;
    padding-left: 0;
}

.totle-box .count {
    border-radius: 50%;
    border: 1px solid #d7dde3;
    text-align: center;
    width: 38px;
    height: 38px;
    margin-left: 5px;
    font-weight: 500;
    line-height: 1.21;
    color: #404040;
    font-size: 1.4rem;
    line-height: 40px;
}

.totle-box li:hover .count {
    color: #fff;
}

.sttabs.tabs-style-line .modal-header {
    padding: 4.4px 15px;
}

.top-tab-nav ul {
    background: #fff;
    display: inline-block;
    border-radius: 50px;
}

.top-tab-nav {
    margin-bottom: 15px;
    margin-top: 16px;
}

    .top-tab-nav ul {
        padding: 0;
        position: relative;
        margin-bottom: 0;
    }

        .top-tab-nav ul::before {
            content: "";
            position: absolute;
            top: 52px;
            left: 0;
            z-index: 1;
            border-top: 1px solid #25364a;
            width: 100%;
            display: none
        }

        .top-tab-nav ul li {
            display: inline-block;
            padding: 0;
        }

            .top-tab-nav ul li a {
                padding: 15px 20px;
                color: #686868;
                text-align: left;
                text-transform: uppercase;
                line-height: 1;
                font-weight: 500;
                -webkit-transition: color .3s, box-shadow .3s;
                transition: color .3s, box-shadow .3s;
                border-radius: 50px;
            }

                .top-tab-nav ul li a:hover {
                    background: #2d2f31;
                    border-radius: 50px;
                    color: #fff;
                    transition: 0.3s ease-in-out;
                }

                .top-tab-nav ul li a.active {
                    color: #fff;
                    display: inline-block;
                    font-weight: 400;
                    background: rgb(11,181,175);
                    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
                    border-radius: 50px;
                    transition: 0.3s ease-in-out;
                }

.seles-main {
    text-align: center;
    margin: 5% 0 8% 0
}

    .seles-main h2 {
        font-size: 22px;
        line-height: 1.2;
        text-align: center;
        color: #393a3d;
        padding: 0;
        font-weight: 400;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .seles-main button {
        background: #2ca01c;
        margin: 20px 10px;
        line-height: 34px;
        color: #fff;
        border: 0;
        padding: 0 20px;
        font-weight: 600;
        border-radius: 3px;
    }

        .seles-main button:hover {
            background: #108000;
        }

.create-box button {
    background: none;
    border: 0;
}

.create-box .dropdown-menu a {
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px;
}

.customers-title {
    width: 100%;
}

.customerdetail .dt-buttons span {
    color: #fff;
}

/*.customerdetail .date .input-group-addon {
    z-index: 1;
}*/

/*.input-group.date .input-group-addon {
    height: 41px;
    display: flex;
    align-items: center;
}*/

.details-right ul {
    margin: 0 0px 0 0px;
    padding: 0;
    border: #ddd solid 1px;
}

    .details-right ul li:nth-child(even) {
        background: #fbfbfb;
        border-bottom: #ddd solid 1px;
        border-top: #ddd solid 1px;
    }

    .details-right ul li {
        list-style: none;
        font-size: 12px;
        padding: 5px 15px;
        margin: 0;
        display: table;
        width: 100%;
    }

        .details-right ul li .customer-text {
            font-weight: 600;
            font-size: 16px;
            text-transform: capitalize;
            display: table-cell;
            width: 30%;
            vertical-align: middle;
        }

        .details-right ul li .quickBooks a {
            padding: 0;
        }

        .details-right ul li .quickBooks {
            font-weight: 300;
            font-size: 18px;
            display: table-cell;
            width: 60%;
            height: 41px;
            overflow-x: hidden;
            vertical-align: middle;
        }

.customerdetail .edit-right {
    text-align: center;
    font-weight: 500;
    padding-left: 20px;
    background: rgb(11, 181, 175);
    background: linear-gradient(90deg, rgba(11, 181, 175, 1) 0%, rgba(61, 197, 114, 1) 100%);
    color: #fff;
    float: right;
    margin: 0 0 15px;
    padding: 4px 20px;
    border-radius: 4px;  
    border: 0px;
    font-size: 15px;
}

    .customerdetail .edit-right:hover {
        background: rgb(61, 197, 114);
        background: linear-gradient(90deg, rgba(61, 197, 114, 1) 0%, rgba(11, 181, 175, 1) 100%);
        color: #fff;
    }


.navbar-static-top.m-b-0 {
    background: #a0aec4;
}

.tab-main nav {
    display: table;
}

    .tab-main nav ul li {
        float: left;
    }

.unbilled-box span {
    font-size: 12px;
    color: #0176c3;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
}

.paid-box {
    background: #7fd000;
    padding: 8px 7px;
    color: #fff;
    border-radius: 50px;
    border: #fff solid 1px;
    -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    transition: 0.3s ease-in-out;
}

    .paid-box:hover {
        background: #6eb105;
        transition: 0.3s ease-in-out;
    }

    .paid-box span {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
    }

.overdueleft {
    background: #7fd000;
    padding: 8px 12px;
    color: #fff;
    width: 100%;
    float: left;
    font-size: 13px;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
    border: #fff solid 1px;
    -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
}

    .overdueleft span {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
    }

    .overdueleft:hover {
        background: #6eb105;
        transition: 0.3s ease-in-out;
        border: #fff solid 1px;
    }

.overdueright {
    background: green;
    padding: 8px 13px;
    color: #fff;
    width: 100%;
    display: inline-block;
    border-radius: 50px;
    border: #fff solid 1px;
    -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
}

    .overdueright:hover {
        background: #079b07;
        transition: 0.3s ease-in-out;
        border: #fff solid 1px;
    }

    .overdueright span {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
    }

.overdueleft.overdueleft1 {
    background: #1fabf6;
    padding: 8px 20px;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
}

    .overdueleft.overdueleft1:hover {
        background: #0070b8;
        transition: 0.3s ease-in-out;
    }

.overdueright.vender-expenses {
    background: #43918b;
    padding: 8px 17px;
    width: 100%;
}

    .overdueright.vender-expenses:hover {
        background: #06a397;
        -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    }

.overdueright1.overdueright1 {
    background: #0176c3;
    padding: 8px 17px;
    width: 100%;
}

    .overdueright1.overdueright1:hover {
        background: #038ee9;
        -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    }

.overdueleft.unpaid {
    background: #ff8000;
    font-size: 13px;
    font-weight: 500;
}

    .overdueleft.unpaid:hover {
        background: #ff8f1d;
        -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    }

.overdueright.days-paid {
    background: #9046ff;
    font-size: 13px;
    font-weight: 500;
}

    .overdueright.days-paid:hover {
        background: #741df7;
        -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    }

.credit-part ul {
    margin-top: 8px;
    float: left;
    padding-left: 6px;
}

    .credit-part ul li {
        display: inline-block;
    }

        .credit-part ul li a {
            font-size: 18px;
            padding-right: 6px;
        }

.prepare, .prepare:hover {
    background: none;
    color: #000;
    border: solid 1px #000;
}

.products-main {
    background: #fbfbfb;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    padding: 10px 0;
    border-radius: 5px;
    border: solid 1px #0000003b;
}

    .products-main .low-stock-img {
        float: left;
        padding-right: 18px;
    }

    .products-main .low-stock {
        float: left;
        width: 40%;
    }

.low-stock {
    padding: 30px 0 0 0;
}

    .low-stock .number-ext {
        font-size: 20px;
        display: block;
        font-weight: 500;
    }

    .low-stock .low-text {
        font-size: 18px;
        display: block;
        font-weight: 500;
    }

/*employees*/

.experts-text {
    text-align: center;
}

    .experts-text h2 {
        font-weight: 400;
        font-size: 20px;
    }

    .experts-text button {
        background: #2ca01c;
        margin: 20px 10px 7px 10px;
        line-height: 34px;
        color: #fff;
        border: 0;
        padding: 0 20px;
        font-weight: 600;
        border-radius: 3px;
    }

.taxes {
    display: block;
}

/*employees*/

.white-box.products-table {
    border-radius: 5px;
    padding-top: 15px;
}

    .white-box.products-table h2 {
        margin: 0 0 15px 0;
        font-size: 18px;
    }

    .white-box.products-table .search-box, .white-box.products-table .reorder {
        margin-bottom: 15px;
    }

    .white-box.products-table .pro-img {
        border-radius: 100%;
        width: 60px;
        height: 60px;
    }

    .white-box.products-table span.romper {
        display: flex;
        align-items: center;
        height: 32px;
        padding: 25px 0;
    }

   



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

.search-box input[type=text] {
    width: 130px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background-color: white;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 35px 7px 13px !important;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    float: right;
    border-radius: 4px;
}

.search-box input[type=text] {
    width: 100%;
    line-height: 1.43;
    height: 41px;
    font-size: 14px;
}

.search-box.form-floating input[type=text] {
    width: 100% !important;
    line-height: 1.43;
    height: 41px;
    font-size: 14px;
}

.search-box.form-floating input[type=text] {
    width: 130px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 14px;
    background-color: white;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 15px 35px 5px 13px !important;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    float: right;
    border-radius: 5px;
}

.search-close.form-floating input[type=text] {
    padding: 15px 35px 5px 13px !important;
}

#dvimglist > div {
    margin: 0;
    width: 102%;
    max-height: 350px;
}

    #dvimglist > div > div {
        float: left;
        display: block;
        width: 150px;
        list-style: none;
        position: relative;
        margin: 10px 5px;
        height: 150px;
        border: 1px solid #dfe5eb;
    }

.profile-pic {
    padding: 10px;
    line-height: 50px;
    height: 150px;
    width: 150px;
    overflow: hidden;
}

    .profile-pic img {
        margin-right: 10px;
        max-width: 100%;
        height: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

#dvimglist > div > div .edit {
    display: none;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
}

#dvimglist > div > div:hover .edit {
    display: block;
}

#dvimglist > div > div .edit .fa-lg {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 16px;
}

#dvimglist > div > div .reorder:before {
    height: 100%;
    border: 1px dashed #68b1f1;
    border-radius: 3px;
    font-size: 70px;
    color: #68b1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    display: block;
    content: "";
}

#dvimglist > div > div .reorder:after {
    height: 100%;
    font-size: 18px;
    color: #68b1f1;
    display: block;
    content: "Add Images";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

#dvimglist > div > div .reorder button {
    width: 130px;
    height: 130px;
    margin: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent;
    border: 0;
    font-size:0px;
}

.displayAs {
    cursor: pointer;
}

.round-border {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
}

#reorderDiv .btn-group {
    vertical-align: inherit;
}

#reorderDiv, .search-fild, #productCategoryListDiv {
    margin: 0 0 5px;
    float: right;
}

    #reorderDiv .dropdown-menu {
        padding: 0;
    }

.reorder button:hover, .reorder .btn-info.active, .reorder .btn-info:active {
    background: #24AEFF;
    border-color: #24AEFF;
}

.reorder .show > .btn-info.dropdown-toggle {
    background: #723b5a;
    border-color: #723b5a;
}

.reorder.filter-togal button {
    float: none;
}

#some_other_div {
    display: none;
}

.other_div-box {
    background: #fff;
    position: absolute;
    top: 7px;
    z-index: 999;
    left: 0;
    box-shadow: 0 0 11px 0 rgba(0,0,0,.21);
    width: 300px;
    text-align: left;
    border-radius: 5px;
    padding: 15px 15px 25px;
}

    .other_div-box ul {
        margin: 0;
        padding: 0;
    }

        .other_div-box ul li {
            list-style: none;
            width: 47%;
            float: left;
            text-align: center;
            margin-right: 19px;
        }

            .other_div-box ul li:first-child {
                border-right: solid 1px #e8e4e478;
                padding-right: 15px;
                margin-right: 15px;
            }

            .other_div-box ul li i {
                font-size: 22px;
            }

    .other_div-box .album-main {
        background: #eaf7ff;
        padding: 40px 20px;
        border-radius: 10px;
    }

        .other_div-box .album-main:hover {
            background: #c6e2f7;
        }

        .other_div-box .album-main .digitl {
            padding-top: 6px;
            display: inline-block;
        }

.printable {
    margin-top: 14px;
    color: #7a92a5;
}

.other_div-box ul li:last-child {
    margin-right: 0;
}

.other_div-box::before {
    content: "";
    background: url(../images/top-arrow.png) no-repeat 0 0;
    height: 7px;
    width: 15px;
    position: absolute;
    top: 78px;
    right: auto;
    z-index: 1;
    left: -10px;
    transform: rotate(272deg);
}

.reorder button.product-button, .product-category-list a.list-button {
    margin-top: 0px;
}

.product-button.collection title {
    font-size: 12px;
}

.top-header-main .select-box {
    padding-left: 0;
}

.selate-box span {
    float: left;
    padding-top: 8px;
    padding-right: 10px;
}

.selate-box span {
    float: left;
}

.selate-box .form-group {
    float: left;
    width: 62%;
    margin: 0;
}

.filter-box span {
    margin-top: 10px;
    float: left;
}

.filter-box .form-group {
    width: 62%;
    float: left;
    margin-left: 15px;
}

.top-header-main .select-boxCollection {
    margin-right: 10px;
    padding-top: 2px;
    display: inline-block;
}

.top-header-main inpot {
    margin-right: 10px;
}

.search-box {
    position: relative;
    overflow: hidden;
}

    .search-box > span, .search-close > span {
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        padding-top: 0px;
        font-size: 0px;
        transition: 0.3s ease-in-out;
    }

        .search-box > span:before, .search-close > span:before {
            content: "\f057";
            font: normal normal normal 22px/23 FontAwesome;
            color: #707070;
            transition: 0.3s ease-in-out;
        }

        .search-box > span:hover:before, .search-close > span:hover:before {
            color: #000;
            transition: 0.3s ease-in-out;
        }

.toggle-part {
    position: relative;
}

    .toggle-part button {
        background: none;
        border: 0;
        float: left;
    }

    .toggle-part a {
        float: left;
    }

    .toggle-part ul {
        min-width: 100px;
        right: 0 !important;
        left: auto !important;
    }

        .toggle-part ul li {
            font-size: 12px;
        }

            .toggle-part ul li a i {
                margin-right: 6px;
            }

            .toggle-part ul li a {
                font-size: 18px;
                font-weight: 300;
                padding: 6px 10px;
                border-bottom: solid 1px #eee6;
                text-transform: capitalize;
                display: flex;
                width: 100%;
            }

.description-part {
    margin-top: 15px;
}

.top-header.top-header-main table td {
    padding-bottom: 0;
    position: relative;
    top: 5px;
}

    .top-header.top-header-main table td label {
        padding-left: 0;
    }

.addproduct-main .float-right {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

    .addproduct-main .float-right label {
        margin-right: 5px;
        margin-top: 1px;
    }

.addproduct-main button#btnProductDetail {
    border: transparent;
}
.addproduct-main .btn-info {
    background: #fff !important;
    border: 1px solid #ccc !important;   
    color: #000;
}

.search-fild input {
    background: none;
    border: 0 !important;
    border-bottom: solid 1px #bbb !important;
    padding-left: 0 !important;
    font-size: 20px;
    border-radius: 0 !important;
}

    .search-fild input:focus {
        background: none;
    }

.images-videos {
    background: #FFF;
    font-size: 18px;
    margin: 10px 0 10px 0;
    font-weight: 400;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 20px 15px;
}

.tab-main .row.bg-white {
    padding: 0px;
    margin: 0px;
}

.visibility {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .visibility h3 {
        font-size: 14px;
        margin: 0;
        font-weight: 400;
        color: #fff;
        line-height: initial;
        padding: 0;
    }

.wix-card-header {
    border-bottom: 1px solid #dfe5eb;
    padding: 10px 20px 9px 20px;
    background: #212121;    
    color: #fff;
    border-radius: 5px 5px 0px 0;
    text-transform: uppercase;
}

.collections, .add-mapping-btn {
    padding: 15px 20px;
}

    .collections h4 {
        padding-bottom: 5px;
    }

    .collections label {
        padding-left: 0;
        font-weight: 300;
        font-size: 15px;
    }

    .collections .form-check {
        padding: 3px 0;
    }

    .collections a {
        color: #3899ec;
        font-size: 14px;
        padding-top: 15px;
        display: inline-block;
        padding-bottom: 15px;
    }

.visibility ul {
    margin: 0;
    padding: 15px 20px;
}

    .visibility ul li {
        list-style: none;
        line-height: 22px;
    }

        .visibility ul li a {
            padding: 8px 0;
            color: #000;
            font-size: 14px;
            display: inline-block;
        }

            .visibility ul li a:hover, .visibility ul li a:hover i {
                color: #0071DC;
            }

            .visibility ul li a i {
                margin-right: 5px;
                color: #222;
            }

.wix-card-header1 {
    padding: 10px 20px 9px 20px;
    background: #212121;    
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
}

.romper.romper1 {
    float: right;
}

    .romper.romper1 .dropdown I {
        color: #000;
        width: 24px;
        height: 23px;
        background: #fff;
        border-radius: 100%;
        line-height: 24px;
    }

    .romper.romper1 ul.dropdown-menu {
        margin: 0;
        padding: 0;
        right: 0;
        left: auto;
    }

.vedio-main {
    padding: 10px 20px;
}

    .vedio-main h4, .description-part > span {
        color: #000;
        font-size: 18px;
        width: 100%;
        font-weight: 600;
    }

.description-part > span {
    margin: 0 0 10px !important;
    display: inline-block;
}

.vedio-main label, .products-table label {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0px;
    margin-top: 0;
    display: inline-block;
    text-transform: capitalize;
    vertical-align: middle;
    font-weight: 400;
    margin: 0px;
    text-shadow: none;
}

.vedio-main input[type="checkbox"], .products-table input[type="checkbox"] {
    margin-top: 0px;
}

.online-seal {
    margin-top: 34px;
}

.inventory-part .checkbox {
    padding-top: 16px;
    padding-bottom: 20px;
}

.description-part, .inventory-part span {
    clear: both;
    padding-bottom: 25px;
    font-size: 16px;
    font-weight: 300;
}

.products-table .form-control[disabled], .products-table .form-control[readonly], .products-table fieldset[disabled] .form-control {
    background: rgb(235, 235, 228);
}

.additional strong {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 10px;
    display: inline-block;
}

.additional p {
    font-size: 16px;
    font-weight: 300;
}

.additional a.add-info {
    font-size: 14px;    
    cursor: pointer;
    font-weight: 300;
}

    .additional a.add-info:hover {
        color: #01b1c2;
    }

.additional {
    border-top: solid 1px #eee;
    padding: 18px 0 0 0;
}

    .infosection-part .modal-header h5 {
        color: #fff;
        min-height: 38px;
        display: flex;
        align-items: center;
    }

    .infosection-part .modal-header .close span {
        color: #fff;
        position: relative;
        top: 0px;
    }



.line {
    padding: 0;
    margin: 14px 0;
}

.price-main {
    position: relative;
}

    .price-main .dolar {
        position: absolute;
        top: 6px;
        left: 8px;
        color: #ccc;
    }

    .price-main input {
        padding-left: 25px;
    }

.images-videos.custom-part {
    font-size: 18px;
    font-weight: 300;
}

    .images-videos.custom-part span.custom-text {
        font-size: 16px;
        padding-bottom: 3px;
        display: inline-block;
    }

    .images-videos.custom-part .personalize {
        font-size: 18px;
        font-weight: 300;
    }

    .images-videos.custom-part .vedio-main {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .images-videos.custom-part .field-add {
        background: #2ca01c;
        border: solid 1px #2ca01c;
    }

.field-div {
    margin-bottom: 10px;
}

.add-another a {
    color: #3899ec;
    cursor: pointer;
    font-weight: 300;
}

    .add-another a i {
        margin-right: 5px;
    }

    .add-another a:hover {
        color: #2ca01c;
    }

.form-fields {
    width: 100%;
}

div#variationData .images-videos.product-div {
    margin: 0px;
    padding: 0px;
}

.images-videos.product-div {
    font-size: 18px;
    font-weight: 300;
}

.tie-label input {
    min-width: 150px !important;
}

.images-videos.product-div span.custom-text {
    font-size: 14px;
    padding-bottom: 3px;
    display: inline-block;
    font-weight: 500;
}

.images-videos.product-div .vedio-main {
    padding-top: 20px;
    padding-bottom: 20px;
}

#variationData .images-videos.product-div .vedio-main {
    padding: 0;
    margin: 0;
}

.link-img {
    float: right;
    padding-right: 15px;
    border-right: solid 1px #ccc;
}

.link-img {
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.list-color .list {
    border-radius: 5px 5px 5px 5px !important;
    margin-right: 5px;
}

.list-color .color {
    border-radius: 0 5px 5px 0;
}

.list-color button {
    background: #fff;
    padding: 8px 15px 8px 15px;
    color: #000;
    border: 1px solid #ccc;
}

    .list-color button:hover, .list-color button:focus {
        background: transparent;
        border: 1px solid #ccc;
    }

    .list-color button img {
        padding-right: 5px;
    }

    .list-color button:hover {
        border: #0bb5af solid 1px;
    }

.DisplayAsColor {
    border: 1px solid #ccc;
    border-radius: 5px !important;
    margin-left: -2px;
}

.vedio-main .color-box {
    margin-bottom: 0;
}

.add-another a {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff !important;
    padding: 10px !important;
    display: inline-block;
    margin-bottom: 25px;
}

    .add-another a i {
        margin-left: 10px;
        margin-right: 10px;
    }

    .add-another a:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.variation-box {
    position: relative;
}

    .variation-box .variation-box-color {
        position: absolute;
        top: 9px;
        left: 12px;
    }

    .variation-box input.form-control {
        padding-left: 35px;
    }

    .variation-box.ariation-box1 .variation-box-color {
        right: 8px;
        left: auto;
    }


.videos-part-main .digitl {
    font-size: 13px;
    font-weight: 300;
    color: #000;
}

.videos-part-main .digitl {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.videos-part-main .other_div-box .album-main {
    padding: 30px 0px;
}

.videos-part-main .other_div-box {
    width: 300px;
}

    .videos-part-main .other_div-box ul li:first-child {
        margin-right: 15px;
    }

.videos-part-main ul li {
    list-style: none;
    width: 100px;
    float: left;
    height: 100px;
    cursor: pointer;
}

    .videos-part-main ul li button {
        width: 130px;
        height: 110px;
        position: relative;
        background-color: #eaf7ff;
        border-radius: 5px;
        border: 1px dashed #68b1f1;
        border-radius: 3px;
        font-size: 30px;
        color: #68b1f1;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

.videos-part-main .other_div-box {
    left: 0;
}

    .videos-part-main .other_div-box::before {
        left: 50px;
    }

.videos-part-main ul li ul li {
    width: 47%;
}

.videos-part-main {
    padding: 10px 20px 22px 20px;
    display: table;
}

.album-main i.fa-image, .album-main i.fa-video-camera {
    color: #68b1f1;
}

.choose-main .choose-part {
    width: 90%;
    min-width: 952px;
    max-height: 720px;
    max-width: 1432px;
}

.choose-main .modal-header {
    background: #2ca01c;
    color: #fff;
}

    .choose-main .modal-header button {
        color: #fff;
    }

.choose-main .modal-title {
    color: #fff;
    font-size: 18px;
}

.choose-main .apply-div, .choose-main .apply-div:hover {
    background: #2ca01c;
    color: #fff;
    border: #2ca01c;
}

.my-main-part ul li {
    width: auto;
    height: auto;
}

.choose-main .modal-body {
    padding: 0;
}

.my-main-part .nav.nav-tabs {
    background: #f5f5f5;
    border-bottom: 0;
}

    .my-main-part .nav.nav-tabs li a {
        font-size: 14px;
        color: #000;
        font-weight: 400;
        padding: 12px 12px;
        background: transparent;
        border: 0px solid transparent;
        border-radius: 50px;
        text-align: center;
        display: inline-block;
    }

        .my-main-part .nav.nav-tabs li a:hover {
            border: none;
        }

    .my-main-part .nav.nav-tabs li.active a {
        border: 0 #fff solid;
        background-color: #723b5a;
        color: #fff;
        border-radius: 50px;
    }

.my-main-part .tab-content {
    padding: 0;
    margin: 0;
}

.uplod-left {
    font-size: 13px;
    color: rgb(122, 146, 165);
    font-weight: 300;
    padding-top: 11px;
}

.uplod-main .btn.btn-danger {
    z-index: 999;
}

.choose-main div#myModal::after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.srh-icon {
    margin: 0;
    padding: 0;
    position: relative;
}

    .srh-icon .input-group-btn {
        position: absolute;
        font-size: 0;
        white-space: nowrap;
        right: 4px;
        top: 8px;
    }

    .srh-icon .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 10px;
        padding-left: 4px \9;
        margin-bottom: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .srh-icon button {
        border: 0;
        background: none;
        padding: 2px 5px;
        margin-top: 4px;
        position: absolute;
        right: 9px;
        margin-bottom: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #000 !important;
        height: auto;
        background: transparent !important;
        border: transparent !important;
        transform: translateY(-50%);
        top: 50%;
    }

        .srh-icon button.btn.btn-danger:focus {
            outline: none !important;
        }

.search-query:focus + button {
    z-index: 3;
}

.all-media-main {
    border-top: solid 1px #eee;
    margin-top: 0;
}

.searchbox {
    margin: 10px 0;
    width: 100%;
    padding: 0 10px;
}

.all-media-main ul li {
    display: block;
    width: 100%;
}

.all-media-main.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.all-media-main .nav {
    display: inherit !important;
}

    .all-media-main .nav.nav-tabs {
        background: none;
        border: 0;
        border: transparent !important;
    }

        .all-media-main .nav.nav-tabs li a {
            margin: 0;
        }

            .all-media-main .nav.nav-tabs li a:hover {
                border: 50px;
                padding: 12px 12px;
                background: #723b5a;
                color: #fff !important;
                border: 0px solid transparent;
            }

            .all-media-main .nav.nav-tabs li a:focus {
                border: 0;
            }

        .all-media-main .nav.nav-tabs li.active a {
            background: #723b5a;
            color: #fff !important;
        }

.all-media-tabs {
    padding-top: 10px;
}

    .all-media-tabs ul li {
        display: inline-block;
        width: 15%;
        margin-bottom: 20px;
        border: 0;
        position: relative;
        margin-right: 15px;
    }

        .all-media-tabs ul li img {
            width: 100%;
            min-height: 100px;
        }

.ng-isolate-scope {
    background: #0009;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.all-media-tabs ul li:hover .ng-isolate-scope {
    display: block;
}

.videos-part-main .ng-isolate-scope ul li {
    float: left;
    width: 20%;
    margin: 0;
    text-align: center;
}

.media-bottom {
    position: absolute;
    bottom: 6px;
    width: 100%;
}

    .media-bottom i {
        color: #fff;
        font-size: 18px;
    }

.img-name {
    font-size: 12px;
    color: #fff;
    padding: 10px;
}

.all-media-tabs h6 {
    font-size: 18px;
    padding: 2px 0 14px 0;
    margin: 0;
}

.social-networks {
    text-align: center;
    padding: 20px 0 40px 0;
    border-top: solid 1px #ccc;
    margin-top: 10px;
}

    .social-networks h2 {       
        margin-bottom: 0;
    }

    .social-networks span.instantly {
        color: #486d84;
        font-size: 14px;
    }

.modal-dialog.modal-lg.choose-part {
    background: #fff;
    border-radius: 4px;
}

.tab-main .modal-content {
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
    border: 0;
}

.tab-main .all-media-main .medialeft {
    border-right: solid 1px #eee !important;
    padding-right: 0;
}

    .tab-main .all-media-main .medialeft li {
        border-right: 0;
        padding-right: 0;
    }

  .all-media-main .medialeft .nav-tabs button.nav-link {
        width: 100%;
    }
.closefix {
    width: 30px;
    border-radius: 50px;
    text-align: center;
    padding: 0px;
    height: 30px;
    font-size: 22px;
}

.social-div {
    text-align: center;
    margin: 30px auto 0;
    display: table;
}

.social-networks span.drive-go {
    border-radius: 100%;
    border: solid 1px #ccc;
    height: 75px;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .social-networks span.drive-go:hover {
        border: solid 1px #2ca01c;
    }

.social-networks ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
}

    .social-networks ul li {
        border-right: 0;
        margin: 0 15px;
        list-style: none;
    }

        .social-networks ul li a {
            border: 0;
            font-size: 18px;
            font-weight: 300;
            color: #486d84;
        }

.selectpicker-main {
    margin-top: 5px;
    text-align: right;
}

    .selectpicker-main .selectpicker {
        font-size: 18px;
        border: 0;
        font-weight: 300;
    }

.upload-img {
    position: absolute;
    right: 60px;
    top: -1px;
}

    .upload-img .btn-file {
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        color: #fff;
        margin-right: 10px;
        font-size: 12px;
        border-radius: 20px;
    }

        .upload-img .btn-file:hover {
            background: rgb(61,197,114);
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        }

.without-part {
    text-align: center;
}

    .without-part button {
        background: #2ca01c;
        margin: 20px 10px 7px 10px;
        line-height: 34px;
        color: #fff;
        border: 0;
        padding: 0 20px;
        font-weight: 600;
        border-radius: 3px;
    }

.save-button {
    display: block;
    width: 100%;
}

    .save-button .secondary {
        background: #2ca01c;
        margin: 20px 2px;
        line-height: 34px;
        color: #fff;
        border: 0;
        padding: 0 20px;
        font-weight: 600;
        border-radius: 3px;
    }

        .save-button .secondary:hover {
            background: #000;
        }

    .save-button a {
        text-align: left;
        float: left;
        padding-top: 6px;
        color: #000;
    }

.full-popup {
    max-width: 100%;
    margin-top: 0;
    overflow-y: hidden;
    margin-bottom: 0;
    overflow-x: hidden;
}

    .full-popup h4.modal-title {
        color: #fff;
    }

#accountpopups h4.modal-title {
    font-size: 18px;
}

.balance-right, .credit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.paypayment .balance-right, .credit {
    justify-content: flex-end !important;
}

.balance {
    font-size: 12px;
}

.due-bill {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    line-height: 18px;
}

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

.modal-dialog.full-popup .modal-body {
    padding: 0;
}

.modal-dialog.full-popup .bill-part {
    width: 100%;
}

.bill-part1 {
    background: #fff;
}

.details-main {
    padding: 0;
    margin-top: 15px;
}

    .details-main .panel-title a {
        font-size: 18px;
        color: #fff;
    }

.account-tab1 .table > thead > tr > th {
    font-weight: 600;
    color: #000;
}

.account-tab1 .k-numeric-wrap .k-input {
    height: 41px !important;
}

.allSaveOption .dropup.bacground-green {
    float: right;
    margin-left: 5px;
    align-items: center;
    display: flex !important;
}

    .allSaveOption .dropup.bacground-green ul.dropdown-menu button.btn.btn-default.Save-but {
        width: 96%;
        padding: 4%;
        box-sizing: border-box;
        margin: 4px 3px;
    }

.total-right {
    text-align: right;
    float: right;
    font-size: 14px;
    padding-top: 5px;
    clear: both;
    width: 100%;
}

    .total-right strong {
        font-weight: 600;
        padding-right: 20px;
        text-align: right;
        display: inline-block;
        font-size: 14px;
    }

    .total-right label {
        font-size: 14px;
    }

.bill-part .dropify-wrapper {
    height: 100px;
}

.tab-main .modal-footer {
    background: #fff;
}

    .tab-main .modal-footer .recurring {
        width: 100%;
    }

    .tab-main .modal-footer .clear-part {
        background: none;
        border: solid 1px #eee;
        color: #000;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 4px
    }

        .tab-main .modal-footer .clear-part:hover {
            background: #2ca01c;
            color: #fff;
        }

    .tab-main .modal-footer .Save-but {
        padding: 9px 20px;
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        margin-left: 5px;
        border: 0;
        border-radius: 4px;
    }

        .tab-main .modal-footer .Save-but:hover {
            background: rgb(61,197,114);
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        }

    .tab-main .modal-footer a {
        text-align: left;
        color: #000;
        margin: 0 auto;
        display: block;
        padding: 5px 10px 5px 10px;
        font-weight: 400;
    }

.vendordiv .dropdown-toggle {
    height: 40px;
    padding-top: 11px;
}

.vendor-main {
    padding: 0 !important;
}

.vendor-new-main .Save-but {
    float: right;
    border: solid 1px #eee;
    color: #fff;
    background: #2ca01c;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px;
}

.recipient .Save-but {
    float: left;
}

.recipient .table {
    border: 1px solid #e4e7ea;
}

    .recipient .table tr th {
        background: rgb(157, 209, 195);
        background: linear-gradient(90deg, rgba(157, 209, 195, 1) 0%, rgba(157, 210, 196, 1) 100%);
        border-right: #87bfb0 solid 1px;
        text-transform: uppercase;
    }

.vendor-new-main .ius-partner-separator {
    position: relative;
    background: url(../images/line-bg.jpg) repeat-x;
    width: 100%;
    height: 10px;
    top: auto;
    margin: 30px 0 0 0;
}

.vendor-new-main .ius-strike-center-text {
    position: absolute;
    top: -9px;
    left: 47%;
    background: #fff;
    padding: 0 10px;
    font-size: 12px;
}

.account-gmail a {
    border: solid 1px #eee;
    color: #fff;
    background: #40c66d;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: inline-block;
}

    .account-gmail a:hover {
        background: #fbbc04;
    }

.account-gmail p {
    font-size: 12px;
    color: #000;
    line-height: 10px;
}

.account-gmail {
    text-align: center;
    margin: 20px 0;
}

.vendordiv .dropdown-toggle, .vendordiv .btn-group.show.open, .btn.btn-primary.dropdown-toggle {
    background: #eee;
    color: #000;
    min-width: 180px;
}

.recipient a {
    padding-top: 10px;
    cursor: pointer;
}

.bill-link, .vendordiv a {
    cursor: pointer;
}

.add-lines a, .k-upload .k-upload-button {
    border: 0;
    color: #fff;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    padding: 8px 20px;
    margin: 0 3px 0 0;
    display: inline-block;
    line-height: 20px;
    border-radius: 4px;
}

    .add-lines a:hover, .k-upload .k-upload-button:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        color: #fff;
    }

.attachments .fa.fa-paperclip {
    font-size: 16px;
    margin-right: 5px;
}

.information-tabs {
    width: 100%;
}

.information-tabs {
    padding: 0 8px;
    margin-top: 8px;
    border: 1px solid #ccc;
}

    .information-tabs .nav.nav-tabs {
        overflow-x: auto;
        width: 100%;
        overflow-y: hidden;
    }

        .information-tabs .nav.nav-tabs .nav-link {
            white-space: nowrap;
        }

.vendor-main .nav-tabs > li > a.active {
    border-bottom: solid 2px #2ca01c;
}

.reorder i {
    padding-right: 5px;
}

.nav-small-cap.m-t-10 {
    padding-left: 34px !important;
}

.account-box, .balance {
    float: left;
    padding: 10px;
    font-size: 16px;
}

.amount .balance {
    float: right;
    font-size: 12px;
}

.amount .due-bill {
    margin-top: -18px;
    float: right;
}

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

.shippingadd {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.custom .form-group {
    margin-bottom: 5px;
}

.vendordiv .btn-group, .vendordiv .dropdown-toggle {
    width: 100%;
    text-align: left;
}

    .vendordiv .dropdown-toggle::after {
        float: right;
        margin-top: 8px;
    }

.vendordiv .dropdown-menu {
    width: 100%;
}

/*.k-auto-scrollable select {
    width: 100px !important;
}*/

/*Purchase Order pages Css*/

.add-active {
    background: #eee;
}

    .add-active span {
        font-size: 22px;
        color: #2ca01c;
        font-weight: 600;
        padding-right: 6px;
        position: relative;
        top: 3px;
    }

.balance-right.balance-right .balance {
    float: right;
    padding: 0;
    font-size: 14px;
}

.balance-right.balance-right .due-bill {
    clear: both
}

.bcc-cc {
    color: #000;
    padding-top: 8px;
    float: right;
    cursor: pointer;
}
    .bcc-cc:hover {
        color: #01b1c2;
        padding-top: 8px;
        float: right;
        cursor: pointer;
    }

.shipping-part .form-group {
    margin-bottom: 10px;
}

.shipvia {
    margin-top: 0;
}

.custom-main .shipvia {
    margin-top: 7px;
}

.bill-part1.show-main .show {
    display: inherit !important;
}

.balancepart {
    padding-right: 18px;
}

.ccbccdialog {
    position: relative;
}

    .ccbccdialog .ccbccdialog1 {
        display: none;
        position: absolute;
        top: 26px;
        right: 0;
        width: 300px;        
        padding: 10px;
        z-index: 99;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.4) !important;
    }

    .ccbccdialog:hover .ccbccdialog1:before {
        content: "";
        position: absolute;
        top: -7px;
        right: 5px;
        background: url(../images/top-arrow1-new.png) no-repeat;
        height: 20px;
        width: 20px;
        z-index: 99;
    }

.ccbccdialog-footer {
    padding-top: 6px;
}

    .ccbccdialog-footer .ha-button {
        border: solid 1px #24AEFF;
        background: #24AEFF;
        padding: 6px 13px;
        font-weight: 500;
        border-radius: 4px;
        color: #fff;
    }

        .ccbccdialog-footer .ha-button:hover {
            background: #0071DC;
            border: solid 1px #0071DC;
            color: #fff;
        }

        .ccbccdialog-footer .ha-button.done {
            float: right;
        }

.ccbccdialog1 .form-group {
    margin-bottom: 6px;
}

.ccbcc-content {
    display: block !important;
}

.open-div {
    position: relative;
    margin-top: 10px;
}

    .open-div:hover .open-popup {
        display: block;
    }

    .open-div .open-popup {
        display: none;
        position: absolute;
        top: 24px;
        left: 0;
        width: 250px;
        border: solid 1px #ccc;
        padding: 10px;
        z-index: 1;
        background: #fff;
    }

    .open-div:hover .open-popup:before {
        content: "";
        position: absolute;
        top: -7px;
        left: 12px;
        background: url(../images/top-arrow1-new.png) no-repeat;
        height: 20px;
        width: 20px;
        z-index: 99;
    }

.open-popup .form-group {
    margin-bottom: 0;
}

.existing-div {
    float: right;
}

    .existing-div a {
        color: #0077c5;
        font-size: 18px;
    }

.vendordiv {
    margin-bottom: 15px;
}

.modal-dialog.full-popup .bill-part.bill-part1 {
    padding: 10px 10px 10px 22px;
    width: 100%;
}

.tab-main .modal-footer .recurring button.btn.btn-primary.dropdown-toggle {
    border: none;
    height: 41px;
}

.vendor-tabs {
    padding-bottom: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

    .vendor-tabs nav a {
        padding: 10px 10px;
    }

    .vendor-tabs ul {
        margin-bottom: 0 !important;
    }

.tabshgtfix .vendor-bg {
    height: 100%;
}

.tabshgtfix .vendor-tabs.receipt-part {
    height: 100%;
    padding: 10px 18px 0px 0px !important;
}

.tabshgtfix .vendor-tabs .tab-content {
    height: calc(100% - 50px);
    /*height: 83%;*/
}

.order-left {
    border-right: solid 1px #ccc;
}

.vendor-tabs .nav-pills .nav-link.active {
    border: solid 1px #0bb5af !important;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border-radius: 5px 5px 0 0;
}

.vendor-tabs ul li a {
    border: solid 1px #ccc;
    border-radius: 0 !important;
    padding: 5px 10px;
    background: #fff;
}

.vendor-tabs .tab-content {
    background: #fff;
    margin-top: 0;
    padding: 10px 15px;
    border-radius:5px;
    box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important;
}

.summart-part ul {
    margin: 0;
    padding: 0;
}

.summart-part h3 {
    font-size: 14px;
    border-bottom: solid 1px #ccc;
    padding: 0;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

    .summart-part h3 img {
        float: right;
    }

.summart-part ul li {
    list-style: none;
    font-size: 18px;
    padding: 2px 0;
}

    .summart-part ul li .balance-left {
        display: inline-block;
        font-size: 18px;
        color: #000;
    }

    .summart-part ul li .balance-right {
        float: right;
        font-size: 18px;
        color: #2ca01c;
    }

.tab-main.purchase .dropdown-toggle {
    background: #fff;
}

.tab-main.purchase .maximum {
    font-size: 10px;
}

.shipping-part.shipping-part0 .shipvia.shipvia0 {
    margin-top: 0;
}

.shipping-part.shipping-part0 .example.example1 {
    margin-top: 8px;
}

.later0 label {
    padding-left: 18px;
}

.memo-text {
    padding: 5px;
    display: inline-block;
}

.trash {
    text-align: center;
}

.qut-part {
    text-align: center;
}

.account-tab1.qut-part .table {
    margin-bottom: 0;
}

.account-tab1.qut-part th {
    padding: 5px !important;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

.account-tab1.qut-part td {
    padding: 5px 5px !important;
    text-align: center;
    vertical-align: middle;
}

.account-tab2.qut-part td {
    padding: 5px !important;
    text-align: center;
    vertical-align: middle;
}

.account-tab1.qut-part .qut-part1 td {
    height: 37px;
    vertical-align: middle;
}

.add-lines {
    text-align: left;
    margin-top: 10px;
}

.k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker {
    vertical-align: top !important;
}

.k-button {
    line-height: 20px !important;
    text-transform: capitalize;
}

.vendor-tabs.receipt-part {
    margin-top: 0;
    padding-top: 10px;
}

.vendordiv.chkpart li a {
    padding: 3px 10px;
}

.undeposited .col-sm-9 {
    float: left;
}

.vendordiv.chkpart .dropdown-menu {
    width: 380px;
}

.asset-right {
    float: left;
    width: 40%;
}

.asset-left {
    float: left;
    width: 60%;
}

.vendordiv.chkpart .dropdown-menu li a {
    display: table;
    width: 100%;
}

.deposit {
    padding-bottom: 5px;
    display: inline-block;
}

.form-check.credit {
    padding-top: 10px;
}

    .form-check.credit label {
        padding-left: 15px;
    }

.cmpny-searchbox {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.search-box.costomers-search {
    margin-bottom: 10px;
    width: 60%;
}

    .search-box.costomers-search span {
        border: 0;
        background: none;
        width: 100%;
    }

        .search-box.costomers-search span input {
            border-radius: 5px;
            height: 35px;
            background-position: 5%;
        }

    .search-box.costomers-search button {
        float: right;
        position: relative;
        top: 36px;
        z-index: 9;
        right: -2px;
        background: #2ca01c;
        border: 0;
        font-weight: 600;
        font-size: 18px;
        height: 36px;
        width: 31px;
        color: #fff;
        border-radius: 0 5px 5px 0;
    }

.create {
    background: none;
    border: 0;
    box-shadow: 0 0 0 0;
    color: #03a9f3;
}

.information-tabs .tab-content {
    display: block;
    border-top: 0;
    margin-top: 0;
    padding-top: 0px;
    width: 100%;
    padding-bottom: 0px;
}

.exemption-tax {
    padding: 8px 10px;
}

.editor-field ul li {
    margin: 0 10px 0 10px;
    word-wrap: break-word;
    padding: 0;
}

.white-box.attachments {
    padding: 0px;
    margin-bottom: 0;
    min-height: 60PX;
}

.modal-content.invoice-modal {
    height: auto !important;
}

.informationpopup {
}

#login-main.demo-section.k-header {
    background: #fff;
}

.new-term td {
    padding: 5px;
}

.new-term-main {
    position: relative;
}

    .new-term-main .item {
        left: 50%;
        width: 100%;
    }

    .new-term-main .modal-title {
        display: initial;
    }

    .new-term-main thead {
        background: transparent;
    }

    .new-term-main table {
        width: 100%;
    }

    .new-term-main input#termsName {
        height: 41px;
    }

.btn-danger.btn-outline {
    margin-top: 0;
}

.customer-popup label {
    color: #000;
}

.sendright .multipleInput-container {
    padding: 8px 10px !important;
    height: 39px;
}

    .sendright .multipleInput-container ul {
        margin: 0 !important;
        height: 0 !important;
    }



.sales-left {
    width: 100%;
}

   /* .sales-left .form-control {
        padding: 0 10px;
        height: 41px !important;
        box-shadow: none;
        margin-bottom: 10px;
    }

        .sales-left .form-control .col-sm-12, .sales-left .form-control .col-sm-6 {
            padding: 0;
        }*/

    .sales-left .col-sm-6 {
        float: left;
    }

    .sales-left .example.example1 .date .input-group-addon {
        border-width: 0px 0px 0px 1px;
    }

.padding-left1 {
    padding-left: 0;
    padding-right: 0;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 36px !important;
    padding: 0 5px !important;
}

.sales-left h2 {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 600;
}

.datepicker-switch {
    text-align: center;
}

.qty-test {
    border-bottom: solid 1px #87bfb0;
    padding: 2px 0;
}

.description-input {
    border: 0;
    margin: 0;
    padding: 0 15px;
}

.bill-part1.show-main .panel-heading {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #212121;
    /*background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);*/
}

.bill-part1.show-main .panel .panel-heading .panel-title {
    color: #ffffff;
    padding: 0 15px;
    margin: 0px;
}

.customer-popup label {
    color: #000;
}

.k-list-scroller {
    background: #fff !important;
    overflow-x: hidden;
}

.k-icon.k-i-arrow-60-down {
    /*  background: url(../images/arrow-drop.png) no-repeat 0px 50% !important;
            background-size: 12px !important;*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") center no-repeat !important;
    background-size: 11.5px !important;
}

.vendor-dropdown.arrow-c {
    border: transparent;
}

.arrow-c .k-icon.k-i-arrow-60-down {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") center no-repeat !important;
    background-size: 11.5px !important;
    right: 8px;
}

.arrow-c .k-dropdown-wrap .k-input {
    font-size: 14px;
}

.arrow-c .k-dropdown-wrap .k-input {
    border: #ccc solid 1px;
    height: 41px !important;
}

.arrow-c.borderTextBox:focus {
    border: #000 solid 1px;
}

.btn-group.dropdwoncustomer .k-combobox-clearable {
    width: 100%;
}

.borderTextBox .k-icon.k-i-arrow-60-down:before, .k-widget.k-combobox.k-combobox-clearable span.k-icon.k-i-arrow-60-down:before, .k-pager-sizes span.k-icon.k-i-arrow-60-down:before {
    display: none;
}

.tracking-part {
    display: block;
    width: 100%;
}

.shipvia-part {
    display: block;
    width: 100%;
}

.k-upload-files.k-reset span {
    font-size: 9px;
}

.modal-dialog.full-popup .bill-part.bill-part1 .borderTextBox {
    border: transparent;
}

.k-combobox.form-textBox {
    border: #ddd solid 1px !important;
    transition: all 0.3s ease-in-out;
}

    .k-combobox.form-textBox:focus {
        border: #000 solid 1px !important;
        transition: all 0.3s ease-in-out;
    }

.form-textBox {
    border: #ddd solid 1px;
    transition: all 0.3s ease-in-out;
}

    .form-textBox:focus {
        border: #000 solid 1px;
        transition: all 0.3s ease-in-out;
    }

textarea:focus, *:not(ha-text-field):not(.ha-text-field):not(ha-date-picker) > input[type=text]:focus, input[type=password]:focus {
    border: #000 solid 1px;
    transition: all 0.3s ease-in-out;
}

.dijitSelectError input, .dijitSelectError > div:first-of-type, .dijitTextBoxError input, .dijitTextBoxError > div:first-of-type {
    color: #dc3c1e !important;
    border-color: #dc3c1e !important;
}

.order-left .k-upload-status button {
    background: #fff url(../images/close-button.png) no-repeat 5px 6px;
    border: 0;
    background-size: 9px;
    position: relative;
    right: -10px;
}

.payment-meth select {
    height: 45px !important;
}

.vendordiv.chkpartdeposit {
    padding-left: 0;
    margin-bottom: 0px;
}

.borderTextBox.Chooseanaccount,
.borderTextBox.pocosttype {
    margin-bottom: 0px;
}

.displayed-message {
    padding: 25px 25px 25px 35px !important;
}

.information-popup {
    max-width: 75%;
}

.example-modal-details-invoice .customer-info-body {
    max-height: calc(100vh - 180px);
    overflow: auto;
}

.example-modal-details-invoice .modal-dialog.information-popup {
    margin-top: 15px;
    margin-bottom: 0px;
}

.k-i-close.k-hidden {
    margin-left: -17px;
    margin-top: 5px;
}

.k-clear-value.k-i-close {
    position: absolute;
    top: 6px;
    right: 28px;
}

.exemption-tax label {
    display: block;
}

.custom-main {
    width: 100%;
}

.choose-box {
    height: 25px;
}

.panel.panel-default {
    padding: 0;
}

.k-list-scroller {
    border: solid 1px #ccc !important;
}

.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-selected {
    color: #000 !important;
    background: #e1f1ed !important;
    border-radius: 0px;
}

.k-popup.k-list-container,
.k-popup.k-calendar-container {
    border-width: 0 !important;
}

.k-popup .k-list .k-item {
    font-size: 14px;
    line-height: 18px !important;
    border-top: #ccc solid 1px;
    background: #fff;
    margin-bottom: 0px;
    padding: 5px 5px 4px 5px !important;
    min-height: auto !important;
    box-shadow: none;
    font-weight: 400;
}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    border: solid 1px #ccc;
}

.k-numeric-wrap {
    border: none !important;
}

    .k-numeric-wrap .k-formatted-value {
        border: 1px solid #ccc !important;
        transition: all 0.8s ease-in-out;
    }

.form-control.decimal-field.k-input {
    border: 1px solid #ccc !important;
    transition: all 0.3s ease-in-out;
}

    .form-control.decimal-field.k-input:focus {
        border: #6c6c6c solid 1px !important;
        transition: all 0.3s ease-in-out;
    }

.k-input.form-control {
    border: transparent !important;
}

input#txtExpiryDate {
    transition: all 0.3s ease-in-out;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

    input#txtExpiryDate:focus {
        transition: all 0.3s ease-in-out;
    }

.header-right {
    background: #eceef1;
}

.setting-right1 {
    background: #eceef1;
    min-height: 320px;
    padding: 15px 15px 15px 20px;
}

.setting-main {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

    .setting-main ul {
        padding: 0;
        padding: 0;
    }

.setting-right1 .dropdown-header {
    margin-top: 0;
}

.setting-main ul li a {
    color: #686868;
    padding: 2px 0;
    display: inline-block;
    font-size: 14px;
}

    .setting-main ul li a:hover {
        text-decoration: none;
        color: #0071DC;
    }

.profile-right {
    padding-right: 0 !important;
}

.setting-main h2 {
    font-size: 22px;
    padding-left: 10px;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-top: 6px;
}

/*.setting-main .dropdown-header {
        margin-top: 5px;
    }*/

.setting-main .setting-right1 {
    padding-top: 2px;
    min-height: 190px;
    background: #ffffff;
}

.addproduct-main {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 10px;
}

.dashboard-top {
    padding-top: 15px;
    padding-bottom: 0;
}

.dashboard-buttons {
    margin: 0 0 15px 0;
}

.face-link {
    float: left;
}

.nav-link.nav-link-collapse.collapsed {
    background: url(../../images/down-arrow1.png) no-repeat 90% 50% !important;
}

.nav-link.nav-link-collapse {
    background: url(../../images/down-arrow2.png) no-repeat 90% 50% !important;
}

.nav-item ul {
    padding: 0 0 0 47px;
    margin: 0;
}

    .nav-item ul li {
        padding: 6px 0;
    }

.tabbable.vtabs.row {
    margin-left: -15px
}

.sttabs .vertical-tabs1 .nav.nav-tabs.tabs-vertical {
    height: 42px;
    margin: 0 12px;
}

.nav.nav-tabs.tabs-vertical {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
}

    .nav.nav-tabs.tabs-vertical li {
        flex: 1;
        text-align: center;
    }

        .nav.nav-tabs.tabs-vertical li.nav-item {
            margin-bottom: 0;
        }

.tabbable.vtabs a {
    background: none !important;
    border: 0 !important;
    color: #000 !important;
}

    .tabbable.vtabs a:hover {
        width: 100%;
    }

.tabbable.vtabs.row ul li {
    width: 100%;
    display: table;
}

.vendordiv.ship {
    padding: 0 !important;
    margin: 0 !important;
}

    .vendordiv.ship input {
        height: 40px;
    }

.shipments-filter-bar input {
    float: left;
}

.shipments-filter-bar .input-group-addon {
    border: 1px solid #ddd;
}

#dvimglist tr td img {
    width: 160px;
}

.k-widget.k-combobox.k-header.k-combobox-clearable {
    width: 100% !important;
    height: 100% !important;
    margin: 0 0 10px;
}

.qut-part .k-widget.k-combobox.k-header.k-combobox-clearable {
    top: 6px;
}

.summartpart {
    background: #f4f5f8;
}

.upload-img a {
    color: #fff !important;
}

.all-media-tabs ul {
    padding-left: 0;
}

.all-media-tabs h6 {
    font-size: 18px;
    font-weight: 500;
}

.choose-main .tab-content {
    overflow: hidden;
}

.choose-main .all-media-tabs {
    padding: 15px;
}

.search-box .k-state-default {
    background: none !important;
    border: 0 !important;
}

.products-table b {
    font-size: 14px;
    font-weight: 600;
}

.tabbable.vtabs.row ul li {
    width: 100%;
    display: table;
}

.loading {
    text-align: center;
    text-align: center;
    position: fixed;
    left: 0px;
    top: 362px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.overdue-text {
    font-size: 13px;
    text-transform: uppercase;
}

.k-grid td {
    border-width: 0 0 1px 1px !important;
    white-space: nowrap;
    border: #e1e0e0 solid 1px;
    color:#000;
}

.k-grid-header .k-header > .k-link {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

    .k-grid-header .k-header > .k-link:hover {
       color: #01b1c2;
        /*color: #169a9d;*/
    }

.div.k-grid-header .k-header, .k-grid-header .k-header, div.k-grid-header, div.k-grid-footer {
    border: #87bfb0 solid 1px;
    background: rgb(157,209,195);
    background: linear-gradient(90deg, rgba(157,209,195,1) 0%, rgba(157,210,196,1) 100%);
}

.k-widget, .k-block, .k-inline-block, .k-draghandle {
    border: #ccc solid 0px !important;
    box-sizing: border-box;
}

.k-grid td {
    padding: 3px .3em !important;
    font-size: 13px;
}

.sales-orders .k-grid td, .sales-invoices .k-grid td {
    padding: 2px 0.3em !important;
}

.unbilled-main {
    margin-bottom: 20px;
}

.transactions-button {
    background: #fff !important;
    border: solid 1px #ccc !important;
    color: #000 !important;
}

.k-menu .k-item > .k-link {
    background: #fff;
}

.k-pager-wrap .k-dropdown {
    width: 98px !important;
}

.k-pager-wrap span.k-state-selected, .k-pager-wrap .k-current-page span {
    border: 1px solid #ccc !important;
    border-right: 0px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    min-width: 36px !important;
    line-height: 38px;
    border-radius: 0 !important;
    height: 38px !important;
    border-color: #ccc;
    display: inline-block;
    font-size: 14px !important;
    margin: 0 !important;
    border-right: 0px !important;
    text-align: center !important;
    box-sizing: border-box;
}

.k-pager-wrap > .k-link > .k-icon {
    margin-top: 0px;
}

.k-pager-wrap a.k-pager-last {
    border-right: 1px solid #ccc !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.k-pager-wrap a.k-pager-first {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.k-pager-wrap a {
    margin-top: 0 !important;
    padding: 0 !important;
    min-width: 36px !important;
    line-height: 38px !important;
    border-radius: 0 !important;
    height: 38px !important;
    border-color: #ccc;
    display: inline-block;
    font-size: 14px !important;
    margin: 0 !important;
    border-right: 0px !important;
    color: black !important;
    box-sizing:border-box;
}

.k-pager-numbers {
    margin: 0 !important;
}

.sales-main .k-auto-scrollable select {
    width: 80px !important;
    border: 0 !important;
    color: #0077c5 !important;
    font-weight: 600;
}

    .sales-main .k-auto-scrollable select ul li {
        color: #000 !important;
    }

.reorder.filter-togal {
    margin-left: 0;
    text-align: left;
}

    .reorder.filter-togal button {
        background: none;
        border: solid 1px #ccc;
        color: #000;
        font-weight: 500;
        margin-bottom: 13px;
    }

    .reorder.filter-togal .other_div-box {
        left: 0;
    }

.reset-button button.secondary {
    background: none;
    border: solid 1px #ccc;
    color: #000;
    font-weight: 500;
    margin-bottom: 0;
}

.reset-button .primary {
    background: #2ca01c !important;
    border: solid 1px #2ca01c !important;
    margin-bottom: 0;
    color: #fff !important;
    float: right;
    font-weight: 500;
}

.last-text {
    padding-left: 5px;
}

.transactions-part button {
    background: none;
    border: solid 1px #ccc;
    color: #fff;
    border-radius: 3px;
}

.icon-right {
    float: right;
    padding-top: 10px;
}

    .icon-right ul li {
        display: inline-block;
        padding-left: 6px;
    }

#Vendorgrid select {
    width: 12px;
    background: transparent;
    border: 0px;
    padding: 2px;
}

span.k-pager-sizes.k-label span.k-input {
    line-height: 37px !important;
}

.k-pager-sizes .k-dropdown-wrap {
    border-radius: 4px !important;
}

/* .k-filter-row th, .k-grid-header th.k-header {
        border-width: 0px 0px 1px 1px !important;
        font-weight: 600;
    }*/

.k-textbox > input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input {
    box-sizing: border-box;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap a.k-link.k-pager-nav.k-pager-last {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

label {
    margin-bottom: 0;
    margin-top: 5px;
}

.products-table > .k-display-block > table {
    margin: 20px 0;
}

.customerdiv .btn-group {
    display: block;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    border-radius: 5px !important;
}

.form-check label {
    margin-top: 0;
}

.modal {
    overflow: auto;
}

.fa-edit, .fa-trash-o {
    cursor: pointer;
}

.add-another {
    padding: 0;
}

.popUpTitle {
    padding: 0px 0 20px 0;
    font-size: 18px;
    margin: 0;
}

#attrTable th {
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 0 30px;
    width: 41.66667%;
    background: rgb(157, 209, 195);
    background: linear-gradient(90deg, rgba(157, 209, 195, 1) 0%, rgba(157, 210, 196, 1) 100%);
}

table#attrTable thead {
    background: transparent;
}

#attrTable th:first-child {
    width: 25%;
}

#attrTable td {
    vertical-align: middle;
    color: #000;
    padding: 20px 30px;
}

.whiteBoxIneer {
    padding: 10px 20px;
    overflow-x: hidden;
}

    .whiteBoxIneer.adsubmenu {
        overflow-x: visible;
    }

.employees-action i.fa.fa-credit-card:hover {
    color: #0071DC;
    cursor: pointer;
}

.proTable {
    border: 1px solid #f0f4f7;
}

#attrTable.proTable td, #attrTable.proTable th {
    height: auto;
    line-height: normal;
    white-space: nowrap;
    /* border-bottom: 1px solid #f0f4f7;*/
    border-left: #87bfb0 solid 1px;
    padding: 20px 7px 5px;
    word-break: break-all;
}

#attrTable.proTable th {
    padding: 10px 5px;
    font-size: 13px !important;
}

#attrTable.proTable tbody#tbRow {
    text-shadow: 0px 0px 0px;
}

#attrTable .first {
    background: #723b5a;
    color: #fff;
    border: #c1c1c1 solid 1px !important;
    border-width: 0px 0px 0px 1px !important;
}

#attrTable.proTable tbody#tbRow:nth-of-type(even) {
    background-color: #fff;
}

#attrTable.proTable tbody#tbRow:nth-of-type(odd) {
    background-color: #f0f4f7;
}

/* form starting stylings */

.groupInput {
    position: relative;
}

    .groupInput input {
        padding: 5px !important;
        display: block;
        width: 100%;
        border: none;
        height: 38px !important;
    }

    .groupInput .fa-plus-circle:hover:before {
        color: #0071DC
    }

#attrTable.proTable td input, #attrTable.proTable th input {
    border-radius: 5px;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    margin-top: 2px;
    color: #000;
}

div#divProductOption-1 i {
    margin-left: 5px;
}

.link-img a:hover {
    color: #01b1c2 !important;
}

.actionbtn {
    color: #fff !important;
}

    .actionbtn:hover {
        background: #0071DC;
    }

#attrTable.proTable td .label-parent-variation input {
    font-size: 16px;
}

#attrTable.proTable tr.first th {
    color: #000;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

div#addBrandName {
    z-index: 9999;
}

#attrTable.proTable select.form-control:not([size]):not([multiple]) {
    margin: 0;
}

.imageSelectBox {
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 38px;
    position: relative;
    background: #fff;
}

    .imageSelectBox img {
        margin-left: 5px;
    }

.thumbnail img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.imageSelectBox .fa-angle-down {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #000;
    font-size: 20px;
}

.closeSelect {
    padding: 10px 10px;
}

    .closeSelect a {
        display: block;
        float: right;
        font-size: 20px;
        background: #dbdbdb;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        color: #000 !important;
        text-align: center;
        transition: all 0.3s ease-in;
    }

        .closeSelect a:hover {
            background: #3fc66f;
            color: #fff !important;
            transition: all 0.3s ease-out;
        }

.imageSelectBoxInner {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 11px 0 rgba(0,0,0,.21);
    z-index: 1;
    width: 100%;
    max-height: 344px;
    overflow-x: hidden;
}

    .imageSelectBoxInner:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f0f4f7;
        border-width: 14px;
        margin-left: -14px;
    }

.popTable {
    border-top: 1px solid #f0f4f7;
    border-right: 1px solid #f0f4f7;
    margin-top: 20px;
}

.inputOuter {
    margin-bottom: 10px;
}

    .inputOuter input.form-input-variation {
        border: #ccc solid 1px !important;
        height: 41px;
    }

.popTable th {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
    border-bottom: .5px solid #87bfb0;
    border-left: 1px solid #87bfb0;
    border-top: 1px solid #87bfb0;
    background: rgb(157, 209, 195);
    background: linear-gradient(90deg, rgba(157, 209, 195, 1) 0%, rgba(157, 210, 196, 1) 100%);
}

.popTable td {
    height: auto;
    line-height: normal;
    white-space: nowrap;
    border-bottom: 1px solid #e4e7ea;
    border-left: 1px solid #e4e7ea;
    padding: 7px 15px;
}

.addfade::after {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.proPopup:not(#dvPropInvoice):not(#dvProppurchaseInvoice):not(#dvProppurchase):not(#dvProp) {
    background: #fff;
    margin: 0 auto;
    max-width: 723px;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #2b5672;
}

.form-input-variation {
    box-shadow: none;
    padding: 6px 9px;
    width: 100%;
    margin-top: 4px;
    outline: 0px !important;
    box-sizing: border-box;
    border-radius: 5px;
    border: #000 solid 1px;
}

.inputOuter label {
    color: #000;
    font-weight: 300;
}

 .proPopup input[type="number"] {    
    padding: 5px 12px;
    display: block;
    width: 100%;
    height: 41px !important;
    background: #f5f8f9;
}

div#dvPropsales .k-textbox, div#dvPropsales .k-autocomplete, div#dvPropsales .k-dropdown-wrap, div#dvPropsales .k-picker-wrap, div#dvPropsales .k-numeric-wrap, #dvProppurchase .k-textbox, #dvProppurchase .k-autocomplete, #dvProppurchase .k-dropdown-wrap, #dvProppurchase .k-picker-wrap, #dvProppurchase .k-numeric-wrap, #dvProppurchaseInvoice .k-textbox, #dvProppurchaseInvoice .k-autocomplete, #dvProppurchaseInvoice .k-dropdown-wrap, #dvProppurchaseInvoice .k-picker-wrap, #dvProppurchaseInvoice .k-numeric-wrap, #dvPropInvoice .k-textbox, #dvPropInvoice .k-autocomplete, #dvPropInvoice .k-dropdown-wrap, #dvPropInvoice .k-picker-wrap, #dvPropInvoice .k-numeric-wrap {
    border: none;
}

.proPopup button {
    background: rgb(11, 181, 175);
    background: linear-gradient(90deg, rgba(11, 181, 175, 1) 0%, rgba(61, 197, 114, 1) 100%);
    line-height: 32px;
    color: #fff;
    border-radius: 5px;
    padding: 2px 20px;
    font-weight: 400;
    border: none;
    font-size: 15px;
}

    .proPopup button:hover {
        background: rgb(61, 197, 114);
        background: linear-gradient(90deg, rgba(61, 197, 114, 1) 0%, rgba(11, 181, 175, 1) 100%);
    }

.dvPropsales .proPopClose, .dvPropsales a.proPopClose {
    color: #000;
}

.dvPropsales .closebtn-rgt {
    padding-right: 40px !important;
}

a.proPopClose, .proPopClose {
    font-size: 36px;
    color: #fff;
    padding: 2px 13px 12px 13px;
    position: absolute;
    right: 0;
    top: 0px;
    padding-bottom: 0px;
    text-shadow: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 48px;
}

    a.proPopClose:hover, .proPopClose:hover {
        background: #e9220f;
        color: #fff;
        border-radius: 0 5px 0 0px;
        opacity: 1;
    }

.prghtfixed {
    padding-right: 48px;
}

/*#anchoraddProdCategory,*/
#showSubVariation.mapping-btn {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    line-height: 34px;
    color: #fff;
    border: 0;
    padding: 0 20px;
    font-weight: 500;
    border-radius: 3px;
}

    #anchoraddProdCategory:hover, #showSubVariation.mapping-btn:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.collections .form-check {
    padding: 0;
    margin-bottom: 5px;
}

.col-md-2.col-sm-2.medialeft {
    border-right: solid 1px #eee;
}



   

    #btnAddInfoSection i {
        margin-right: 5px;
    }

.processing, .processing-new {
    background: rgba(256,256,256,0.7) url('../images/process.gif') center center no-repeat;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}
/*.processing {
        background: rgba(0,0,0,0.3) url('../images/process.gif') center center no-repeat;
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99999;
        display: none;
        background-size:100px;
    }*/

sup {
    color: red !important;
}

.error {
    color: red;
}

/** changes on 05-06-2018 for product table start**/

.white-box.products-table td {
    white-space: inherit;
}

.white-box.products-table #grid table {
    border-right: 1px solid #ccc;
}

.select2-container .select2-selection--multiple .select2-search--inline {
    display: inline-block;
    float: none;
}
.select2-container .select2-selection--multiple {
    min-height: 41px !important;
}
    .select2-container .select2-selection--multiple .select2-selection__rendered {
        vertical-align: top !important;
        height: 39px !important;
    }

    .choose-part .modal-content {
        box-shadow: none;
        border-bottom: 0px;
    }

.blockUI.blockMsg.blockPage {
    max-width: 800px !important;
    width: 100% !important;
    top: 3% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 5px auto !important;
    border: transparent !important;
    border-radius: 5px;
}

.InfoContainer {
    background-color: #fff;
}

#Files .info {
    float: left;
    display: inline-block;
    width: auto;
}

.reorder button.product-button {
}

.white-box.products-table #grid table td:last-of-type i + br {
    display: none;
}

.white-box.products-table #grid table td:last-of-type {
    text-align: center;
}

    .white-box.products-table #grid table td:last-of-type i {
        margin-left: 5px;
    }

.modal-body.stamps-box.stamps-box0 {
    height: 450px;
    overflow-x: hidden;
    padding-left: 0;
}

/*.modify-connection .modal .modal-dialog, .modalTranslate {
    margin-top: 20px;
    transform: translate(0px) !important;
}*/

.white-box.products-table tr td:nth-of-type(3) img {
    display: block;
    margin: 0px;
}

.white-box.products-table tr td img {
    display: table;
    margin: 0 auto;
    max-width: 78px;
}

.white-box.products-table td:last-of-type {
    white-space: nowrap;
}
 div.expense-z-index {
    position: relative;
    z-index: 11111;
}
div.vendor-new-main{
    position: relative;
    z-index: 11111;
}

.add-vendor-popup {
    position: absolute;
    z-index: 1111;
}

.modal-details-expense {
    z-index: 3333;
    background: rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
    .modal-details-expense .modal-dialog.information-popup {
        margin-top: 0;
        transform: inherit !important;
        -moz-transform: inherit !important;
        -webkit-transform: inherit !important;
        top: 20px;
    }

.Customers-table select {
    border: 0px;
    border-radius: 2px;
    margin-left: 5px;
    padding: 1px;
    max-width: 15px;
}

.add-customer-popup {
    z-index: 11111;
    position: relative
}
.modal-details-invoice-popup {
    z-index: 22222;
    position: relative;
}

.form-text-order {
    width: 74%;
    float: left;
}

/*confirm box css start*/

#confirmBox, #confirmBox1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, 0.3);
}

    #confirmBox .confirm-content, #confirmBox1 .confirm-content {
        max-width: 485px;
        display: table;
        margin: 0px auto;
        background: #fff;
        box-shadow: rgba(0,0,0,0.5) 0 0 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        width: 94%;
        border-radius: 10px;
    }

        #confirmBox .confirm-content .modal-header, #confirmBox1 .confirm-content .modal-header {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }
        #confirmBox .button:hover, #confirmBox1 .button:hover {
        color: #fff;
    }

    #confirmBox .message, #confirmBox1 .message1 {
        margin: 0;
    }

    #confirmBox1 .confirm-content .confirm-title {
        color: #fff;
        float: left;
        display: inline-block;
        padding: 2px;
    }

    #confirmBox1 .confirm-body .message1.confirm-title {
        display: block;
        color: #000;
        padding: 15px;
        text-align: center;
        float: none;
    }

    #confirmBox1 .confirm-body img.img-responsive.trash-img {
        float: none;
        max-width: 185px;
        margin: 0 auto;
    }

    #confirmBox1 .confirm-footer {
        text-align: center;
    }

/*confirm box popup end*/
/*Alert box css start*/
#alertBox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, .2);
}

   /* #alertBox .confirm-content {
        width: 500px;
        display: table;
        margin: 50px auto;
        background: #fff;
        box-shadow: rgba(0,0,0,0.5) 0 0 20px;
        border-radius: 10px;
    }*/

    #alertBox .confirm-content {
        width: 500px;
        display: table;
        margin: 0 auto;
        background: #fff;
        /*box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px;*/
        border-radius: 10px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        right: 0;
        left: 0;
  
    }

    #alertBox .modal-header button.close:hover {       
        border-radius: 0 10px 0 0px;       
    }
        
    #alertBox .message {
        text-align: left;
        margin: 0;
    }

    #alertBox .confirm-content .modal-header {
        position: relative;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        min-height:48px;
    }

        #alertBox .confirm-content .modal-header h2 {
            min-height: 40px;
        }

div #confirmBox button.close.ClosePopup {
    color: #fff;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    width: 45px;
    border-radius: 0;
    line-height: 45px;
    transition: all 0.3s ease-in-out;
}

    div#confirmBox button.close.ClosePopup:hover {
        background: #e9220f;
        color: #fff;
        border-radius: 0 5px 0 0px;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }

.confirm-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.confirm-header {
    padding: 10px 10px 10px;
    margin-bottom: 0px;
    background: #0071DC;
    border-radius: 7px 7px 0 0;
    min-height: 45px;
}

.confirm-footer {
    padding: 15px 10px;
    border-top: transparent;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    display: flex;
    min-height: 150px;
    align-items: center;
}

    .confirm-footer span {        
        border-radius: 20px;
        color: #fff;
        padding: 4px 5px;
        display: flex;
        float: right;
        margin: 0 3px;
        min-width: 76px;
        min-height: 41px;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

/*Alert box popup end*/

#valModal .modal-lg {
    max-width: 600px !important;
    transform: translate(0px) !important;
}

.editTableOrder .form-control {
    float: left;
    text-align: center;
}

.information-tabs .nav-item a {
    background: #efefef;
    border: 1px solid #ccc;
    padding: 5px 15px;
    border-radius: 50px;
}

.information-tabs .exemption-tax {
    padding: 25px 17px;
    overflow: hidden;
    width: 100%;
}

#PreferredPaymentMethod-list .k-list-scroller {
    width: 100%;
}

.col-form-fifty {
    width: 50%;
    float: left;
}

#addCard label {
    margin: 0 0 5px;
}

.form-check-label {
    margin: 0 0 0 5px;
}

#addCard .form-group {
    margin: 0 0 10px;
}

#addCard {
    font-family: Roboto, sans-serif;
}

.cardDetailbtn {
    display: block;
}

.color-box .select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: normal;
}

.editTableOrder tbody.enable {
    background: #eee;
}

.mrg-top15 {
    margin-top: 15px;
}

.mrgBottom10 {
    margin-bottom: 10px;
}

.form-floating.date input.form-control, .form-group.date input.form-control, .date input.form-control {
    padding-right: 39px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;  
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index:0; }

.sttabs .input-group-addon {
    height: 41px;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0px;
    z-index: 1;
    right: 0px;
    /*width: 30px;*/
    justify-content: center;
}

    .sttabs .input-group-addon i {
        font-size: 15px;
    }

.dropdown-menu.select-box div.date .form-control, .datenewdropd div.date .form-control {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    padding-left: 7px !important;
}
.dropdown-menu.select-box div.date .input-group-addon {
    right: 6px;
}
.datenewdropd div.date label, .datenewdropd .slectRange label {
    padding-left: 8px !important;
}

.approximate label {
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.borderTextBox {
    position: relative;
}

    .borderTextBox label {
        position: absolute;
        left: 10px;
        top: -2px;
        margin: 0;
        transition: all 0.5s ease;
        font-size: 13px;
        text-transform: capitalize;
    }

    .borderTextBox.active label {
        top: 0;
        font-size: 12px;
        line-height: 18px;
        transition: all 0.5s ease;
    }

.borderTextBox {
    height: 41px;
    margin: 0 0 12px;
    background: #fff;
    border-radius: 7px;
}

.maintab .borderTextBox label {
    z-index: 11;
}

.form-textBox, .form-textArea, .Numerictxt {
    box-shadow: none;
    width: 100%;
    height: 41px;
    padding: 16px 8px 3px;
    position: relative;
    z-index: 1;
    background: transparent;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
}

.padding20 {
    padding: 0 25px;
}

.marginBottom74 {
    margin-bottom: 74px;
}

.modal-footer.modalFixedBottom {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 5px;
    z-index: 99;
    border: transparent;
}

    .modal-footer.modalFixedBottom button.btn.btn-primary.dropdown-toggle {
        background: #03b2b9 !important;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.dropup.bacground-green.show button.btn.btn-primary.dropdown-toggle {
    top: 0px;
}

.width78 {
    width: 78px;
    float: right;
}

.width120 {
    width: 155px;
    float: right;
}

.summart-part {
    margin-top: 50px;
}

    .summart-part:nth-child(1) {
        margin-top: 0px;
    }

.btn-group.width100 {
    width: 100%;
}

table.editTableOrder tbody td {
    backface-visibility: visible;
    opacity: 0;
}

    table.editTableOrder tbody td * {
        cursor: pointer;
    }

table.editTableOrder tbody tr:first-child {
    background: #f4f5f8;
}

    table.editTableOrder tbody tr:first-child input.k-input {
        color: #000;
    }

table.editTableOrder tbody tr:hover {
    background: #f4f5f8;
}

table.editTableOrder tbody.active tr {
    background: #FFF;
}

    table.editTableOrder tbody.active tr:hover {
        background: #fff;
    }

table.editTableOrder tbody.active td {
    opacity: 1;
}

table.editTableOrder tbody.active {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

table.editTableOrder tbody.visible td {
    opacity: 1;
}

.editTableOrder td.trash img {
    height: 19px;
}

    .editTableOrder td.trash img:hover {
        filter: invert(54%) sepia(74%) saturate(3274%) hue-rotate(143deg) brightness(99%) contrast(91%);
    }

table.editTableOrder tbody.visible {
    box-shadow: none;
}

    table.editTableOrder tbody.visible td input, table.editTableOrder tbody.visible td span.k-combobox *, table#TableReceivePaymentAccount tbody.visible td input, table#TableReceivePaymentAccount tbody.visible td span.k-combobox * {
        border-width: 0px;
        background: transparent;
    }

    table.editTableOrder tbody.visible.active td input, table.editTableOrder tbody.visible.active td span.k-combobox *, table#TableReceivePaymentAccount tbody.visible.active td input, table#TableReceivePaymentAccount tbody.visible.active td span.k-combobox * {
        border-width: 1px;
        background: transparent;
    }

#ReceivPaymentePopup table.editTableOrder tbody.visible td input[type="checkbox"] {
    border-width: 1px;
}

table.editTableOrder tbody.visible.active .k-clear-value {
    display: block;
}

table.editTableOrder tbody.visible td span.k-combobox .k-select, table#TableReceivePaymentAccount tbody.visible td span.k-combobox .k-select {
    border-width: 0px 0px 0px 1px;
}

    table.editTableOrder tbody.visible td span.k-combobox .k-select::after, table#TableReceivePaymentAccount tbody.visible td span.k-combobox .k-select::after {
        /*background: url(../images/arrow-drop.png) no-repeat 5px 17px;*/
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") center no-repeat !important;
        background-size: 11.5px !important;
        content: '';
        width: 25px;
        height: 40px;
        display: inline-block !important;
    }

    table.editTableOrder tbody.visible td span.k-combobox .k-select .k-icon.k-i-arrow-60-down {
        display: none;
    }

table.editTableOrder tbody td:nth-child(1) {
    opacity: 1;
}

table.editTableOrder tbody td .form-control {
    border: 1px solid #ccc;
    height: 41px !important;
    box-sizing: border-box;
}

.products-table select.form-control:not([size]):not([multiple]) {
    height: 41px !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.products-table .form-select:not([size]):not([multiple]) {
    height: 41px !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.products-table .form-select {
    border-radius: 5px !important;
}

.proPopup-id {
    max-height: 90vh;
    overflow-x: hidden;
    z-index: 9998;
    height: auto;
    min-height: 70vh;
}

.padd-left {
    padding: 0 16px 10px 18px;
}

.k-icon.k-clear-value.k-i-close::before {
    text-indent: 0px !important;
}

.action-sales {
    background: #0175c3;
    color: #fff;
    padding: 4px 15px;
    border-radius: 10px;
    display: block;
    width: 50%;
    text-align: center;
    margin: 0 auto 5px;
}

    .action-sales:hover {
        color: #fff;
    }

.instructions ol {
    padding: 0 0 0 15px;
}

    .instructions ol li, .instructions p {
        margin: 0 0 10px;
        font-size: 14px;
        text-align: justify;
        font-weight: 500;
    }

.instruction img {
    margin: 10px;
}

.labelpadding {
    width: 100%;
    overflow: hidden;
    padding: 0 60px;
}

.btn-connect {
    float: right;
}

.lastAlignCenter {
    display: block;
    text-align: center;
}

.verify-seller {
    color: #fff;
    background: #03a9f3;
}

.mrgTopBottom {
    margin: 15px 0;
}

input.eBay-SMP {
    margin: 0 7px 0 0px;
    vertical-align: -2px;
}

.width-droparrow {
    width: 18px;
    border: 0px;
}

select#man {
    float: right;
}

div#serviceGrid table tbody td:last-child, div#AvailableQuantityInvoicegrid table tbody td:last-child, div#SalesQuantityDayWiseInvoicegrid table tbody td:last-child, div#PurchaseQuantityDayWiseInvoicegrid table tbody td:last-child, div#SalesQuantityCustomerWiseInvoicegrid table tbody td:last-child, div#PurchaseQuantityVendorWiseInvoicegrid table tbody td:last-child, div#CategoryInvoicegrid table tbody td:last-child, div#SalesTransactingrid table tbody td:last-child, div#PurchaseOrderTransactingrid table tbody td:last-child, div#Invoicegrid table tbody td:last-child, div#Customergrid table tbody td:last-child, div#PurchaseInvoiceTransactingrid table tbody td:last-child, div#ReceivePaymentTransactingrid table tbody td:last-child, div#Vendorgrid table tbody td:last-child, div#PayPaymentgrid table tbody td:last-child, div#Expensegrid table tbody td:last-child, div#EmployeeExpensegrid table tbody td:last-child, div#PayeeExpensegrid table tbody td:last-child, div#EmailTemplatesgrid table tbody td:last-child, div#emailLogGrid table tbody td:last-child, div#Bankinggrid table tbody td:last-child, div#BankRulegrid table tbody td:last-child, div#VendorExpensegrid table tbody td:last-child, div#CustomerExpensegrid table tbody td:last-child, div#Payeegrid table tbody td:last-child, div#VendorInvoicegrid table tbody td:last-child, div#CustomerInvoicegrid table tbody td:last-child, div#SalesOfProductIncomeDayWiseInvoicegrid table tbody td:last-child, div#CogsDayWiseInvoicegrid table tbody td:last-child, div#AccountReceivableCustomerInvoicegrid table tbody td:last-child, div#categoryWiseListReportGrid table tbody td:last-child, div#AccountPayableVendorInvoicegrid table tbody td:last-child, div#productWiseListReportGrid table tbody td:last-child, div#vendorWiseListReportGrid table tbody td:last-child, div#ProductInvoicegrid table tbody td:last-child, div#PurchaseInvoiceTransactiongrid table tbody td:last-child {
    width: 136px;
    overflow: visible;
}

div#JournalEntrygrid table tbody td.table-action {
    width: 166px;
}

div#serviceGrid button#menu1, div#AvailableQuantityInvoicegrid button#menu1, div#SalesQuantityDayWiseInvoicegrid button#menu1, div#PurchaseQuantityDayWiseInvoicegrid button#menu1, div#SalesQuantityCustomerWiseInvoicegrid button#menu1, div#PurchaseQuantityVendorWiseInvoicegrid button#menu1, div#ProductInvoicegrid button#menu1, div#CategoryInvoicegrid button#menu1, div#vendorWiseListReportGrid button#menu1, div#productWiseListReportGrid button#menu1, div#categoryWiseListReportGrid button#menu1, div#AccountPayableVendorInvoicegrid button#menu1, div#AccountReceivableCustomerInvoicegrid button#menu1, div#SalesTransactingrid button#menu1, div#PurchaseOrderTransactingrid button#menu1, div#Invoicegrid button#menu1, div#Customergrid button#menu1, div#ReceivePaymentTransactingrid button#menu1, div#Vendorgrid button#menu1, div#PayPaymentgrid button#menu1, div#Expensegrid button#menu1, div#EmployeeExpensegrid button#menu1, div#PayeeExpensegrid button#menu1, div#EmailTemplatesgrid button#menu1, div#emailLogGrid button#menu1, div#Bankinggrid button#menu1, div#BankRulegrid button#menu1, div#VendorExpensegrid button#menu1, div#CustomerExpensegrid button#menu1, div#Payeegrid button#menu1, div#VendorInvoicegrid button#menu1, div#CustomerInvoicegrid button#menu1, div#SalesOfProductIncomeDayWiseInvoicegrid button#menu1, div#CogsDayWiseInvoicegrid button#menu1, div#PurchaseInvoiceTransactiongrid button#menu1, div#JournalEntrygrid button#menu1 {
    background: transparent;
    border: 0px;
    float: right;
    padding: 0 5px 0 0px;
}

div#serviceGrid .dropdown-toggle::after, div#AvailableQuantityInvoicegrid .dropdown-toggle::after, div#SalesQuantityDayWiseInvoicegrid .dropdown-toggle::after, div#PurchaseQuantityDayWiseInvoicegrid .dropdown-toggle::after, div#SalesQuantityCustomerWiseInvoicegrid .dropdown-toggle::after, div#PurchaseQuantityVendorWiseInvoicegrid .dropdown-toggle::after, div#ProductInvoicegrid .dropdown-toggle::after, div#CategoryInvoicegrid .dropdown-toggle::after, div#vendorWiseListReportGrid .dropdown-toggle::after, div#productWiseListReportGrid .dropdown-toggle::after, div#categoryWiseListReportGrid .dropdown-toggle::after, div#AccountPayableVendorInvoicegrid .dropdown-toggle::after, div#AccountReceivableCustomerInvoicegrid .dropdown-toggle::after, div#SalesTransactingrid .dropdown-toggle::after, div#PurchaseOrderTransactingrid .dropdown-toggle::after, div#Invoicegrid .dropdown-toggle::after, div#Customergrid .dropdown-toggle::after, div#ReceivePaymentTransactingrid .dropdown-toggle::after, div#Vendorgrid .dropdown-toggle::after, div#PayPaymentgrid .dropdown-toggle::after, div#Expensegrid .dropdown-toggle::after, div#EmployeeExpensegrid .dropdown-toggle::after, div#PayeeExpensegrid .dropdown-toggle::after, div#EmailTemplatesgrid .dropdown-toggle::after, div#emailLogGrid .dropdown-toggle::after, div#Bankinggrid .dropdown-toggle::after, div#BankRulegrid .dropdown-toggle::after, div#VendorExpensegrid .dropdown-toggle::after, div#CustomerExpensegrid .dropdown-toggle::after, div#Payeegrid .dropdown-toggle::after, div#VendorInvoicegrid .dropdown-toggle::after, div#CustomerInvoicegrid .dropdown-toggle::after, div#SalesOfProductIncomeDayWiseInvoicegrid .dropdown-toggle::after, div#CogsDayWiseInvoicegrid .dropdown-toggle::after, div#PurchaseInvoiceTransactiongrid .dropdown-toggle::after, div#JournalEntrygrid .dropdown-toggle::after, div#CreditMemoTransactingrid .dropdown-toggle::after {
    margin-left: 0px;
    color: #000 !important;
}

div#serviceGrid input[type=checkbox], div#AvailableQuantityInvoicegrid input[type=checkbox], div#SalesQuantityDayWiseInvoicegrid input[type=checkbox], div#PurchaseQuantityDayWiseInvoicegrid input[type=checkbox], div#SalesQuantityCustomerWiseInvoicegrid input[type=checkbox], div#PurchaseQuantityVendorWiseInvoicegrid input[type=checkbox], div#ProductInvoicegrid input[type=checkbox], div#CategoryInvoicegrid input[type=checkbox], div#vendorWiseListReportGrid input[type=checkbox], div#productWiseListReportGrid input[type=checkbox], div#categoryWiseListReportGrid input[type=checkbox], div#SalesTransactingrid input[type=checkbox], div#PurchaseOrderTransactingrid input[type=checkbox], div#Invoicegrid input[type=checkbox], div#Customergrid input[type=checkbox], div#ReceivePaymentTransactingrid input[type=checkbox], div#Vendorgrid input[type=checkbox], div#PayPaymentgrid input[type=checkbox], div#Expensegrid input[type=checkbox], div#EmployeeExpensegrid input[type=checkbox], div#PayeeExpensegrid input[type=checkbox], div#EmailTemplatesgrid input[type=checkbox], div#emailLogGrid input[type=checkbox], div#Bankinggrid input[type=checkbox], div#BankRulegrid input[type=checkbox], div#VendorExpensegrid input[type=checkbox], div#CustomerExpensegrid input[type=checkbox], div#Payeegrid input[type=checkbox], div#VendorInvoicegrid input[type=checkbox], div#CustomerInvoicegrid input[type=checkbox], div#SalesOfProductIncomeDayWiseInvoicegrid input[type=checkbox], div#CogsDayWiseInvoicegrid input[type=checkbox], div#AccountPayableVendorInvoicegrid input[type=checkbox], div#AccountReceivableCustomerInvoicegrid input[type=checkbox], div#PurchaseInvoiceTransactiongrid input[type=checkbox], div#JournalEntrygrid input[type=checkbox], div#Forwardergrid input[type=checkbox] {
    display: block;
    margin: 0 auto;
}

div#serviceGrid .k-grid-header th.k-header, div#AvailableQuantityInvoicegrid .k-grid-header th.k-header, div#SalesQuantityDayWiseInvoicegrid .k-grid-header th.k-header, div#PurchaseQuantityDayWiseInvoicegrid .k-grid-header th.k-header, div#SalesQuantityCustomerWiseInvoicegrid .k-grid-header th.k-header, div#PurchaseQuantityVendorWiseInvoicegrid .k-grid-header th.k-header, div#ProductInvoicegrid .k-grid-header th.k-header, div#CategoryInvoicegrid .k-grid-header th.k-header, div#vendorWiseListReportGrid .k-grid-header th.k-header, div#productWiseListReportGrid .k-grid-header th.k-header, div#categoryWiseListReportGrid .k-grid-header th.k-header, div#AccountReceivableCustomerInvoicegrid .k-grid-header th.k-header, div#AccountPayableVendorInvoicegrid .k-grid-header th.k-header, div#PurchaseOrderTransactingrid .k-grid-header th.k-header, div#Vendorgrid .k-grid-header th.k-header, div#PayPaymentgrid .k-grid-header th.k-header, div#Expensegrid .k-grid-header th.k-header, div#EmployeeExpensegrid .k-grid-header th.k-header, div#PayeeExpensegrid .k-grid-header th.k-header, div#emailLogGrid .k-grid-header th.k-header, div#Bankinggrid .k-grid-header th.k-header, div#BankRulegrid .k-grid-header th.k-header, div#VendorExpensegrid .k-grid-header th.k-header, div#CustomerExpensegrid .k-grid-header th.k-header, div#Payeegrid .k-grid-header th.k-header, div#VendorInvoicegrid .k-grid-header th.k-header, div#CustomerInvoicegrid .k-grid-header th.k-header, div#SalesOfProductIncomeDayWiseInvoicegrid .k-grid-header th.k-header, div#CogsDayWiseInvoicegrid .k-grid-header th.k-header, div#PurchaseInvoiceTransactiongrid .k-grid-header th.k-header, div#JournalEntrygrid .k-grid-header th.k-header {
    padding: 10px .6em !important
}

div#serviceGrid .dropdown-menu > li > a, div#AvailableQuantityInvoicegrid .dropdown-menu > li > a, div#SalesQuantityDayWiseInvoicegrid .dropdown-menu > li > a, div#PurchaseQuantityDayWiseInvoicegrid .dropdown-menu > li > a, div#SalesQuantityCustomerWiseInvoicegrid .dropdown-menu > li > a, div#PurchaseQuantityVendorWiseInvoicegrid .dropdown-menu > li > a, div#ProductInvoicegrid .dropdown-menu > li > a, div#CategoryInvoicegrid .dropdown-menu > li > a, div#vendorWiseListReportGrid .dropdown-menu > li > a, div#productWiseListReportGrid .dropdown-menu > li > a, div#categoryWiseListReportGrid .dropdown-menu > li > a, div#AccountReceivableCustomerInvoicegrid .dropdown-menu > li > a, div#AccountPayableVendorInvoicegrid .dropdown-menu > li > a, div#SalesTransactingrid .dropdown-menu > li > a, div#PurchaseOrderTransactingrid .dropdown-menu > li > a, div#Invoicegrid .dropdown-menu > li > a, div#Customergrid .dropdown-menu > li > a, div#ReceivePaymentTransactingrid .dropdown-menu > li > a, div#Vendorgrid .dropdown-menu > li > a, div#PayPaymentgrid .dropdown-menu > li > a, div#Expensegrid .dropdown-menu > li > a, div#EmployeeExpensegrid .dropdown-menu > li > a, div#PayeeExpensegrid .dropdown-menu > li > a, div#EmailTemplatesgrid .dropdown-menu > li > a, div#emailLogGrid .dropdown-menu > li > a, div#Bankinggrid .dropdown-menu > li > a, div#BankRulegrid .dropdown-menu > li > a, div#VendorExpensegrid .dropdown-menu > li > a, div#CustomerExpensegrid .dropdown-menu > li > a, div#Payeegrid .dropdown-menu > li > a, div#VendorInvoicegrid .dropdown-menu > li > a, div#CustomerInvoicegrid .dropdown-menu > li > a, div#SalesOfProductIncomeDayWiseInvoicegrid .dropdown-menu > li > a, div#CogsDayWiseInvoicegrid .dropdown-menu > li > a, div#PurchaseInvoiceTransactiongrid .dropdown-menu > li > a, div#JournalEntrygrid .dropdown-menu > li > a {
    padding: 3px 13px 3px 12px;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
    margin: 0;
}

div#serviceGrid .dropdown-menu, div#AvailableQuantityInvoicegrid .dropdown-menu, div#SalesQuantityDayWiseInvoicegrid .dropdown-menu, div#PurchaseQuantityDayWiseInvoicegrid .dropdown-menu, div#SalesQuantityCustomerWiseInvoicegrid .dropdown-menu, div#PurchaseQuantityVendorWiseInvoicegrid .dropdown-menu, div#ProductInvoicegrid .dropdown-menu, div#CategoryInvoicegrid .dropdown-menu, div#vendorWiseListReportGrid .dropdown-menu, div#productWiseListReportGrid .dropdown-menu, div#categoryWiseListReportGrid .dropdown-menu, div#AccountReceivableCustomerInvoicegrid .dropdown-menu, div#AccountPayableVendorInvoicegrid .dropdown-menu, div#SalesTransactingrid .dropdown-menu, div#PurchaseOrderTransactingrid .dropdown-menu, div#Invoicegrid .dropdown-menu, div#ReceivePaymentTransactingrid .dropdown-menu, div#Vendorgrid .dropdown-menu, div#PayPaymentgrid .dropdown-menu, div#Expensegrid .dropdown-menu, div#EmployeeExpensegrid .dropdown-menu, div#PayeeExpensegrid .dropdown-menu, div#EmailTemplatesgrid .dropdown-menu, div#emailLogGrid .dropdown-menu, div#Bankinggrid .dropdown-menu, div#BankRulegrid .dropdown-menu, div#VendorExpensegrid .dropdown-menu, div#CustomerExpensegrid .dropdown-menu, div#Payeegrid .dropdown-menu, div#VendorInvoicegrid .dropdown-menu, div#CustomerInvoicegrid .dropdown-menu, div#SalesOfProductIncomeDayWiseInvoicegrid .dropdown-menu, div#CogsDayWiseInvoicegrid .dropdown-menu, div#PurchaseInvoiceTransactiongrid .dropdown-menu, div#JournalEntrygrid .dropdown-menu {
    top: 24px;
    left: 0px;
}

.print {
    float: right;
}

span.print {
    font-weight: 400;
    padding-right: 10px;
    color: #000;
}

.allSaveOption button#btnSalesDetailSaveNew {
    float: left;
}

.tab-main .modal-footer .saveSend {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    border-color: #0bb5af;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding: 11px 15px 7px 13px;
    height: 41px;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .tab-main .modal-footer .saveSend:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.select2-selection__rendered {
    font-size: 14px;
}

.tab-main.purchase .allSaveOption .dropdown-toggle {
    background: rgba(44, 160, 28, 0.5);
    color: #fff;
    border-color: rgba(44, 160, 28, 0.5);
    border-radius: 0px;
    min-width: 30px;
    position: relative;
    padding: 6px 2px 8px 0px;
    top: 0px;
    left: 0px;
}

.padding-more {
    padding: 0 40px;
}

#findByinvoice .table > tbody > tr > td, #findByinvoice .table > tbody > tr > th, #findByinvoice .table > tfoot > tr > td, #findByinvoice .table > tfoot > tr > th, #findByinvoice .table > thead > tr > td, #findByinvoice .table > thead > tr > th {
    padding: 8px;
}

.groupInputWithlessPadding input {
    padding: 5px 12px !important;
    height: 35px !important;
    font-size: 14px;
}

.groupInputWithlessPadding select {
    margin: 0px !important;
}

.customize-details input {
    height: 41px !important;
}

.required-field::after {
    content: " *";
    color: red;
}

.picDate { margin: 0 0 15px; }

    .picDate .date .input-group-addon {
        height: 39px;
        top: 1px;
        position: absolute;
        right: 1px;
    }
.picDate .date input:hover {
    border: #000 solid 1px !important;
}
        

table#PurchaseOrdertbl tbody tr th {
    text-transform: uppercase;
}

.label-searhby {
    font-weight: 300;
    font-size: 20px;
}

.margin-none {
    margin: 0;
}

.notes-point {
    border: #ccc solid 1px;
    border-radius: 5px;
    padding: 0 10px;
}

    .notes-point ul {
        margin: 0 0 5px 0;
        padding: 0;
        max-height: 90px;
        overflow-y: auto;
    }

        .notes-point ul li {
            list-style: none;
            width: 100%;
            float: left;
            margin-bottom: 2px;
            padding: 0px;
            font-size: 14px;
            border-radius: 3px;
        }

            .notes-point ul li .balance-left {
                padding-right: 10px;
            }

.order-read-font input {
    max-width: 80%;
    text-align: right;
    height: 36px;
    padding: 0 10px;
    font-size: 20px;
    border: 1px solid #ccc;
    color: #686868;
}

.order-read-font {
    font-size: 25px;
}

.order-left ::-webkit-input-placeholder, .qut-part ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #686868;
}

.order-left ::-moz-placeholder, .qut-part ::-moz-placeholder {
    /* Firefox 19+ */
    color: #686868;
}

.order-left :-ms-input-placeholder, .qut-part :-ms-input-placeholder {
    /* IE 10+ */
    color: #686868;
}

.order-left :-moz-placeholder, .qut-part :-moz-placeholder {
    /* Firefox 18- */
    color: #686868;
}

.padding-none {
    padding: 0;
}

.notes-point ul li.width-full {
    width: 100%;
}

.fixedButton {
    background: #4F5467;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 10px;
}

.addButton {
    margin: 15px 0 40px;
}

div#dvPropInvoice .proPopupInner {
    margin-bottom: 0px;
}

.proPopupInner {
    margin-bottom: 75px;
    padding: 10px 10px 10px 10px;
}

.onaddButton {
    width: 125px;
}

.addButton button {
    padding: 4px 13px;
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;
}

    .addButton button i {
        float: right;
        line-height: 31px;
        margin-left: 10px;
    }

.addButton input {
    height: 40px;
    max-width: 100%;
}

.addDetailLefts {
    margin: 0 0 10px;
}

.addDetailRight {
    width: 100%;
    margin: 10px 0 10px;
}

.tblpoptableattr {
    max-height: 350px;
    min-height: 300px;
    overflow: auto;
}

.product-block tr {
    background: #f7f7fb;
}

    .product-block tr > td {
        padding: 5px;
    }

.product-block .add-another {
    padding: 0;
}

.product-block .form-control {
    width: 410px;
}

.video-projector-area td {
    border: none !important;
}

.video-projector-area tr {
    border: 1px solid #f7f9fb;
}

/*Dropdown button style*/

.dropbtn {
    cursor: pointer;
}

.dropdown {
    position: relative;
}

#DispMenuDropdown a.action-header {
    margin-bottom: 5px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ccc;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 11111;
    padding: 1px;
    margin: 16px 0 0 -8px;
}

    .dropdown-content a {
        color: black;
        padding: 10px 14px;
        text-decoration: none;
        display: block;
        background: #fbfbfb;
        border-bottom: 1px solid #eae7e7;
    }

        .dropdown-content a:hover:not([disabled]) {
            background-color: #ddd;
            cursor: pointer;
        }

.MrgNone p {
    margin: 0;
}

.orderSummary th, .orderSummary td {
    padding: 2px 5px !important;
}

.orderSummary th {
    text-align: right;
}

.action-header {
    background: #ececec !important;
    border-bottom: 1px solid #d4d4d4 !important;
    font-size: 16px;
}
/* Dropdown button style end */
.proPopup .col-sm-6 button, .proPopup .col-sm-12 button {
    float: right;
    margin-top: 0px;
    margin-bottom: 15px;
}

.proPopup .popTable {
    margin-bottom: 10px;
}

.qtyWidth50 {
    width: 50%;
    height: 47px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 5px 0 0;
}

span.qtyBorder {
    vertical-align: middle;
    display: table;
    height: 47px;
    width: 100%;
}

.qtyWidth50.qtyWidth50Other {
    padding: 0 0px 0 5px;
}

.editableText .editText .form-control {
    width: 100%;
    display: inline-block;
    padding: 5px 5px;
    text-align: right;
    max-width: 54px;
    border-width: 0px;
    font-weight: 500;
    color: #000;
}

    .editableText .editText .form-control:hover {
        background: #f4f5f8;
        cursor: pointer;
    }

    .editableText .editText .form-control.active {
        background: #fff;
        border-width: 1px;
    }

        .editableText .editText .form-control.active:hover {
            background: #f4f5f8;
        }

.view-btn {
    padding: 8px 20px;
    background: #2ca01c;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

    .view-btn:hover {
        background: #4F5467;
    }

#purchaseShippingTrackTable, #purchaseInvoiceShippingTrackTable {
    margin-top: 15px;
    border: 0px;
}

    #purchaseShippingTrackTable th, #purchaseShippingTrackTable td,  #purchaseInvoiceShippingTrackTable td {
        border: 1px solid #ccc;
        padding: 11px;
    }

    #purchaseInvoiceShippingTrackTable th {
        border: 1px solid #87bfb0;
        padding: 11px;
        text-transform: uppercase;
    }

    .proPopupFull {
        width: 100%;
        height: 70vh;
        max-width: 600px;
    }

#purchaseShippingTrackTable td, #purchaseInvoiceShippingTrackTable td {
    border-top: 0px;
}

div#dvProppurchaseTrack {
    position: relative;
    z-index: 99;
}

.orderManagement .k-grid-header th.k-header, .table-design4 .k-grid-header th.k-header {
    padding-left: 9px;
}

.orderManagement td, .table-design4 td {
    border-width: 0px !important;
}

.customerList span.chk-box {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 11px;
}

#Vendorgrid span.chk-box {
    position: absolute;
    width: 14px;
    height: 14px;
}

.customerList th .checkbox:checked + .chk-box::after {
    top: -16px;
    left: 2px;
}

.customer-grid td .checkbox:checked + .chk-box::after {
    top: -18px;
    left: 2px;
}


.shipments-filter-bar .dropdown-toggle {
    border-radius: 5px;
    padding: 0px;
    font-size: 14px;
    color: #fff;
}

.shipments-filter-bar .open .dropdown-toggle {
    background: #fff;
    border: 1px solid #909090;
}

.dsplyBLock {
    display: block !important;
}

.shipmentSearch #searchText {
    margin: 0;
}

.shippingmanagement-main.dsplyBLock {
    margin-top: 0px;
}

.orderManagement th, .table-design4 th, .customerList th {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/*.orderManagement td, .table-design4 td, .customerList td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}*/

/*.pending-shipment-orders .orderManagement td,
.all-orders-page .orderManagement td,
.shippedorders .orderManagement td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}*/

.OrdersShipment {
    margin: 10px 0 15px 0;
    background: #fff;
    padding: 0px 0 0;
    float: left;
    width: 100%;
}
.btn-drpd, .customdropdown {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    font-size: 14px !important;
    color: #000 !important;
    display: flex;
    align-items: center;
    white-space: normal;
}

.btn-wbdr {
    background: #ffffff !important;
    border: #0bb5af solid 2px !important;
    border-radius: 4px;
    font-size: 14px !important;
    color: #000 !important;
    display: flex;
    align-items: center;
    white-space: normal;
}

.table-design4 .k-grid-header th.k-header {
    background: rgb(157,209,195);
    background: linear-gradient(90deg, rgba(157,209,195,1) 0%, rgba(157,210,196,1) 100%);
    padding: 8px 0.3em 8px 8px !important;
}

.table-design4 .k-dropdown .k-input, .table-design4 .k-selectbox .k-input {
    background: transparent;
    /* height: 30px !important;*/
}

.table-design4 table tr th:nth-last-of-type(2), .table-design4 table tr td:nth-last-of-type(2) {
    width: 145px;
}

.orderManagement .k-alt, .orderManagement .k-separator, .table-design4 .k-alt, .table-design4 .k-separator, .customerList .k-alt, .customerList .k-separator {
    background: transparent;
}

.orderManagement tr td, .orderManagement tr td, .table-design4 tr td, .customerList tr td {
    border-bottom: 1px solid #ccc !important;
}

    /*.orderManagement table tr td:nth-child(2)::after,*/ .table-design4 table tr td:nth-child(1)::after {
        content: "";
        width: 1px;
        height: 100%;
        background: #ccc;
        display: inline-block;
        left: 0;
        bottom: 0;
        position: absolute;
    }

.orderManagement table tr, .table-design4 table tr, .customerList table tr {
    cursor: pointer;
}

    /*.orderManagement table tr:hover td, .table-design4 table tr:hover td, .customerList table tr:hover td {
        background: #f4f5f8;
    }*/

        .orderManagement table tr:hover td:nth-child(2)::after, .table-design4 table tr:hover td:nth-child(1)::after, .customerList table tr:hover td:nth-child(1)::after {
            background: #f4f5f8;
        }

    .orderManagement table tr td, .orderManagement table tr th, .table-design4 table tr td, .table-design4 table tr th, .customerList table tr td, .customerList table tr th {
        position: relative;
        font-size: 13px;
    }

span.chk-box {
    position: absolute;
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

.checkbox {
    width: 12px;
    height: 12px;
    position: relative;
    z-index: 1;
    opacity: 0;
}

    .checkbox:checked + .chk-box::before {
        position: relative;
        top: 0px;
        background: #0071DC;
        content: "";
        height: 14px;
        width: 14px;
        display: block;
    }

    .checkbox:checked + .chk-box::after {
        content: "\f00c";
        color: #fff;
        font-family: fontawesome;
        position: relative;
        top: -17px;
        left: 0px;
        font-size: 10px;
    }



.sidebar-right .chk-box {
    left: 0;
    background: #fff;
}

    .sidebar-right .chk-box::after {
        top: -19px !important;
        left: 1px !important;
    }

.sidebar-right {
    font-size: 14px;
}

.OrdersShipment.resize {
    width: 74%;
    overflow-x: hidden;
    border-right: 1px solid #ccc;
    max-height: 800px;
}

.right-sitebar .shipp-main {
    /* margin-top: 10px;*/
    font-weight: 500;
    overflow-x: hidden;
    /* max-height: 768px; */
    height: calc(100vh - 220px);
    min-height: 300px;
    margin: 10px 0 0 0 !important;
    /* width: 26%;*/
}

    .right-sitebar .shipp-main .form-select {
        height: 32px;
    }

    .right-sitebar .shipp-main .shpp-tabs {
        padding: 0;
    }

.shipp-main .col-md-3.col-sm-3 {
    font-size: 13px;
}

.shipp-main .panel .panel-heading .panel-title a {
    padding-left: 15px;
    padding-right: 15px;
    color: #723b5a;
    font-weight: 500;
    letter-spacing: 0.09em;
}

.summary-box-right .weight-text {
    position: absolute;
    right: 5px;
    font-size: 12px;
}

.summary-box-right .size-main {
    margin-top: 5px;
    margin-bottom: 5px;
}

.summary-box-right .cbo-confirmation {
    margin: 5px 0 5px;
}

.summary-box-right .srvices-1 .col-md-12.col-sm-12 #txtErrorMessage, .summary-box-right .srvices-1 .col-md-12.col-sm-12 #mdltxtErrorMessage {
    font-size: 13px;
    margin-top: 10px;
    word-break: break-word;
    white-space: normal;
}

.summary-box-right .srvices-1 .col-md-12.col-sm-12 .form-check-input {
    margin-right: 3px;
    vertical-align: 0px;
}

.padding-rate-label {
    padding-top: 5px;
}

span#chkLabelRate {
    padding-top: 3px;
    display: inline-block;
}

.cbo-service {
    margin: 0 0 5px;
}

.apply-button {
    display: block;
    padding: 10px !important;
}

    .apply-button a {
        display: inline-block;
        padding: 5px;
    }

.slectLabel {
    position: relative;
    width: 100%;
}

    .slectLabel .form-control {
        z-index: 2;
        position: relative;
    }

    .slectLabel label {
        position: absolute;
        left: 0;
        right: 0;
        top: 31%;
        transform: translateY(-50%);
        z-index: 5;
        font-weight: 300;
        padding: 0 11px;
        z-index: 1;
        font-size: 12px;
    }

.collapsibleContainer .collapsed {
    background: url(../images/collapsed_arrow.png) no-repeat 0% 45% !important;
}

.collapsibleContainer .expanded {
    background: url(../images/expand_arrow.png) no-repeat 0% 45% !important;
}

.collapsibleContainer .header {
    cursor: pointer;
    padding-left: 25px;
}

.collapsibleContainer .content {
    padding-top: 20px;
}

.same-as {
    float: right;
    font-size: 15px;
}

    .same-as input {
        vertical-align: -1px;
    }

h2.adressHeader {
    font-size: 16px;
}

.shipping-select {
    padding: 0 10px 0 0px;
}

    .shipping-select select.form-control {
        padding: 0 0px !important;
    }

.tooltip-custom {
    height: 15px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #909090;
    text-align: center;
    border-radius: 100%;
    width: 15px;
    cursor: help;
    line-height: 15px;
}

.form-static {
    position: static;
}

.tooltip-custom .tooltiptext-custom {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    font-size: 13px;
    margin-left: -60px;
}

.header-align h2 {
    display: inline-block;
}

.header-align .pull-right {
    margin-top: 5px;
}

.tooltip-custom .tooltiptext-custom::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

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

.row.full-padding {
    padding: 0 15px;
}

.row.full-padding1 {
    padding: 0 10px;
}

.btn-rm {
    color: #fff;
    background: #2ca01c;
    padding: 10px 14px;
    margin-top: 0;
}

    .btn-rm:hover {
        background: #4F5467;
        color: #fff;
    }

#purchase-order .summart-part {
    margin-top: 20px;
}

#purchase-order .vendordiv {
    margin: 0;
}

.borderTextBox select.form-control {
    box-shadow: none;
    width: 100%;
    height: 100% !important;
    padding: 16px 7px 7px 7px !important;
    position: relative;
    z-index: 1;
    background: transparent;
}

.borderTextBox .k-input.form-textBox {
    width: 100%;
    height: auto !important;
    line-height: 24px !important;
    font-size: 14px;
    border: none !important;
}

.borderTextBox span.k-dropdown-wrap.k-state-default, .borderTextBox span.k-dropdown-wrap.k-state-default .k-input.form-textBox {
    border: 0px !important;
}

.borderTextBox .k-combobox .k-select, .borderTextBox .k-picker-wrap .k-select, .borderTextBox .k-numeric-wrap .k-select {
    border: 0px !important;
}

.borderTextBox .k-icon.k-i-arrow-60-down {
    background-position: 0 -3px;
}

span.k-widget.k-combobox.k-header.form-textBox.k-combobox-clearable {
    padding: 13px 0 0;
}

.connectionRight {
    border-left: 1px solid #eee;
}

.stamps-right {
    padding: 4px 0 0;
}

.endicia .modal-title {
    color: #fff;
}

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

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

    .form-store .form-control {
        border-radius: 5px;
    }

.flipradio {
    margin: 0 0 5px 15px;
    font-weight: 400;
}

    .flipradio input {
        margin: 0 7px 0 0px;
    }

.endicia a.accept, .endicia .wiz-step a {
    border: 0px;
    font-weight: 500;
}

    .endicia a.accept:hover, .endicia .wiz-step a:hover {
        background-color: transparent;
        color: #000 !important;
    }

.modal.wizard .wizard-crumbs {
    height: 39px;
    overflow: hidden;
    background: #e1f1ed;
    padding: 0 !important;
    border-bottom: solid 1px #83dfd0
}

    .modal.wizard .wizard-crumbs li {
        display: block;
        float: left;
        line-height: 26px;
        padding: 7px 26px 7px 13px;
        position: relative;
    }

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

.modal.wizard .wizard-crumbs li a {
    color: #788287
}

.modal.wizard .wizard-crumbs li.active {
    background: #f6f6f6
}

    .modal.wizard .wizard-crumbs li.active a {
        color: #4791ce;
        font-weight: 700
    }

    .modal.wizard .wizard-crumbs li.active:before {
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 20px solid #e6f0f5;
        border-right: 0 solid #fff;
        border-bottom: 20px solid #e6f0f5;
        border-left: 21px solid #83dfd0;
        content: "";
        position: absolute;
        margin-left: 3px;
        top: 0;
        right: -3px
    }

    .modal.wizard .wizard-crumbs li.active:after {
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 20px solid transparent;
        border-right: 0 dotted #fff;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #f6f6f6;
        content: "";
        position: absolute;
        margin-left: 7px;
        top: 0
    }

.modal.wizard .wizard-crumbs li.done {
    background: #f6f6f6
}

    .modal.wizard .wizard-crumbs li.done a {
        color: gray
    }

    .modal.wizard .wizard-crumbs li.done:before {
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 20px solid #f6f6f6;
        border-right: 0 solid #fff;
        border-bottom: 20px solid #f6f6f6;
        border-left: 21px solid #bbc5ca;
        content: "";
        position: absolute;
        margin-left: 3px;
        top: 0;
        right: 0
    }

    .modal.wizard .wizard-crumbs li.done:after {
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 20px solid transparent;
        border-right: 0r dotted #fff;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #f6f6f6;
        content: "";
        position: absolute;
        margin-left: 3px;
        top: 0
    }

.modal.wizard .wizard-steps {
    padding: 0 15px;
}

.modal.wizard .wiz-step {
    display: none
}

    .modal.wizard .wiz-step h3 {
        margin: 0 0 10px;
        font-size: 15px;
    }

    .modal.wizard .wiz-step h2[name=StoreName] {
        margin: 7px 0 0 0
    }

.modal.wizard .odbc-workstation-list table.data-grid [data-column="Name"] {
    max-width: 195px;
    min-width: 195px;
    width: 195px
}

.modal.wizard .odbc-workstation-list table.data-grid [data-column="User"] {
    max-width: 195px;
    min-width: 195px;
    width: 195px
}

.modal.wizard .globalpost-modal {
    padding: 13px
}

    .modal.wizard .globalpost-modal .steps-logos {
        overflow: auto
    }

        .modal.wizard .globalpost-modal .steps-logos img {
            width: 100%
        }

    .modal.wizard .globalpost-modal img {
        margin-bottom: 20px
    }

    .modal.wizard .globalpost-modal hr {
        margin-bottom: 13px
    }

    .modal.wizard .globalpost-modal iframe {
        width: 100%;
        height: 390px
    }

    .modal.wizard .globalpost-modal .globalpost-terms {
        display: none
    }

    .modal.wizard .globalpost-modal .steps .step {
        height: 130px
    }

        .modal.wizard .globalpost-modal .steps .step:last-child {
            height: 65px !important
        }

.modal-body.no-padding {
    padding: 0;
}

.fedex-eula-container {
    height: 360px;
}

.fedex-trademark-text {
    text-align: center;
    padding: 20px 0;
    color: #787878;
    font-size: 13px;
}

.fedex-benefits-list {
    padding-left: 16px
}

    .fedex-benefits-list li {
        margin-bottom: 13px
    }

.wizard-steps p, .wizard-steps div, .wizard-steps h4 {
    font-size: 14px;
    color: #000;
}

.modal.wizard .wiz-dhl .wiz-dhl-dom {
    padding-right: 13px;
}

.modal.wizard .wiz-dhl h3 {
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 7px;
    margin-right: 26px;
    margin-top: 13px;
}

.setup-dhl-err {
    display: none;
}

.group-chkbox label {
    font-weight: 400;
    margin: 0 0 8px;
}

.group-chkbox input {
    vertical-align: middle;
    margin: 0;
}

#SalesOrdertbl tr td {
    vertical-align: middle;
}

#PurchaseOrdertbl tr td {
    vertical-align: middle;
}

#PurchaseOrdPopup .modal-body {
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    margin-bottom: 15px;
}

    #PurchaseOrdPopup .modal-body .btn-default {
        margin-bottom: 20px;
    }

#PurchaseOrderPopup .btn-default {
    background: #24AEFF;
    color: #fff;
}

    #PurchaseOrderPopup .btn-default:hover {
        background: #0071DC;
    }

.modal-xl-lg {
    max-width: 980px;
}

/*#OrderPopup .btn-default, #div-open-salesInvoice .btn-default, #div-open-purchaseInvoice .btn-default {
            background: #723b5a;
            color: #fff;
    }
    */
div#datepicker_dateview {
    border: 1px solid #e6e6e6 !important;
    background: #fff !important;
    padding: 15px;
}

.modal-details-expense .modal-body.vendorbody {
    max-height: calc(100vh - 160px);
}

.modal-details-expense .modal-body {
    overflow-x: hidden;
}

.modal-details-expense .modal-footer {
    z-index: 11;
}

.payeeinfopopup .modal-body.margin-vendor {
    max-height: calc(100vh - 185px);
    overflow: auto;
    margin-bottom: 0;
}

.payeeinfopopup .modal-dialog.payeeinfo {
    max-width: 1414px;
}

.payeeinfopopup .modalposBottom {
    position: relative;
}

.wiz-step .ups-logo-setup {
    float: left;
    width: 46px;
    margin-right: 13px
}

.wiz-step .clearfix .ups-logo-setup {
    margin-bottom: 7px
}

.wiz-step .row .ups-logo-setup {
    margin: 0 13px 0 7px
}

#createaccount {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 75px
}

    #createaccount .se-signup-frame, #createaccount .se-signup {
        padding-top: 65px
    }

    #createaccount .se-signup-frame {
        width: 30%;
        float: left
    }

    #createaccount .inst-or-err {
        height: 44px;
        margin-bottom: 4px;
        text-align: left
    }

        #createaccount .inst-or-err .inst-wrap {
            color: #909090;
            padding-top: 13px
        }

        #createaccount .inst-or-err .err-wrap {
            color: #ff4016;
            display: none;
            padding-top: 13px
        }

        #createaccount .inst-or-err.has-err .inst-wrap {
            display: none
        }

        #createaccount .inst-or-err.has-err .err-wrap {
            display: block
        }

    #createaccount .se-signup {
        width: 40%;
        float: left;
        max-width: 440px
    }

        #createaccount .se-signup .load-wait {
            text-align: center;
            display: none
        }

        #createaccount .se-signup.is-loading .load-wait {
            display: block
        }

        #createaccount .se-signup.is-loading form {
            display: none
        }

        #createaccount .se-signup .acct-created {
            display: none;
            font-size: 18px;
            text-align: center
        }

        #createaccount .se-signup.done form {
            display: none
        }

        #createaccount .se-signup.done .acct-created {
            display: block
        }

    #createaccount .se-signup-frame.is-loading .inst-or-err, #createaccount .se-signup-frame.done .inst-or-err {
        display: none
    }

    #createaccount .header {
        font-size: 26px;
        font-weight: 400;
        text-align: center;
        color: #262626;
        padding-bottom: 20px
    }

    #createaccount button.btn.btn-blue {
        width: 100%;
        background-color: #00447f;
        color: #fff;
        padding: 8px;
        border-color: #00447f
    }

    #createaccount .checkbox {
        padding-left: 46px;
        font-size: 12px;
        font-weight: 400;
        color: #262626
    }

.wiz-step .ups-logo-setup {
    float: left;
    width: 46px;
    margin-right: 13px;
    margin-bottom: 13px;
}

.ups-reg-text {
    margin-bottom: 50px;
}

.carrier-setup h2 {
    line-height: 30px;
    font-size: 21px;
}

.ups-print-agreement {
    color: #262626 !important;
    border: solid 1px #909090 !important;
    font-size: 13px !important;
    margin: 10px 0 0;
    border-radius: 5px;
}

.mytooltip.tol-tp {
    position: relative;
    right: 0;
    top: 2px;
    left: auto;
    float: right;
    z-index: 0;
}

span.round {
    background: #000;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    padding: 2px;
}

    span.round i {
        color: #fff;
        vertical-align: 5px;
        font-size: 9px;
    }

    span.round:hover {
        background: #016f5a;
    }

.visibility span.round {
    line-height: 19px;
}

a.tooltip-content.color-white {
    color: #fff !important;
    width: 150px;
    border-radius: 5px;
    padding: 1px 15px;
    left: auto;
    right: -20px;
    font-size: 12px;
    display: inline-block;
}

.tooltip-content td {
    color: #fff !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    border: 0px !important;
}

.mytooltip .tooltip-content td {
    line-height: 14px;
}

.mytooltip.tol-tp:hover .tooltip-content {
    display: none;
}

.mytooltip.tol-tp.active .tooltip-content {
    display: block;
    left: auto;
    right: 0;
    margin: 0 0 8px -180px;
}

.whiteBoxIneer .tooltip-content::after {
    left: auto;
    right: 0;
}

.borderTextBox span.k-dropdown-wrap.k-state-default span.k-icon.k-clear-value.k-i-close {
    display: none !important;
}
/***************** Check page design **********************************/
.purchase01 {
    border: 1px solid #ccc;
    padding: 15px;
    /*margin-button: 15px;*/
    max-width: 270px;
    background: #fff;
    margin-top: 5px;
}

.selected .col-right {
    right: 0;
}

.col-left {
    width: 100%;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.col-right {
    position: absolute;
    right: -360px;
    width: 320px;
    padding: 0 10px;
    height: 100%;
    transition: all 1.5s ease;
}

.selected .col-left {
    width: calc(100% - 320px);
}

.check-extra-space {
    padding-left: 15px;
}

.modal-dialog.full-popup .bill-part-padding {
    padding: 15px 35px;
}

.Close-right {
    position: absolute;
    width: 35px;
    height: 35px;
    display: inline-block;
    left: -37px;
    top: 0px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
    font-size: 25px;
    line-height: 34px;
    cursor: pointer;
}

    .Close-right:hover {
        background: rgb(61, 197, 114);
        background: linear-gradient(90deg, rgba(61, 197, 114, 1) 0%, rgba(11, 181, 175, 1) 100%);
        color: #fff;
    }

        .Close-right:hover i {
            color: #fff;
        }

    .Close-right i {
        color: #000;
    }

.form-radio {
    margin: 5px 0;
}

.full-popup, #payment-popup {
    font-family: Roboto, sans-serif;
}

.form-control-sm {
    width: 45%;
}

#transferpopup .full-popup, #addUser .full-popup {
    height: 100%;
    background: #fff;
}

.mrg-top {
    margin-top: 25px;
}

.mrg-to-bottom {
    margin: 25px;
}

#transferpopup input[type="file"] {
    border: 1px solid #dedede;
    padding: 35px;
}

.cmp .k-grid .k-grid-toolbar .k-grid-add, .cmp .k-grid tbody .k-grid-edit, .cmp .k-grid tbody .k-grid-update, .cmp .k-grid tbody .k-grid-cancel, .cmp .k-grid tbody .k-grid-delete {
    min-width: 0;
}

/****************************** Ledger Css Start ***********************************/
.purchase01 ul {
    margin: 0;
    padding: 0;
}

    .purchase01 ul li {
        list-style: none;
        font-size: 14px;
        padding: 1px 0;
    }

        .purchase01 ul li strong {
            font-weight: 600;
        }

.purchase01 .add-part a {    
    padding-top: 10px;
    float: left;
}

    .purchase01 .add-part a.open {
        float: right;
    }

.add-part {
    display: table;
    width: 100%;
}

.check-right {
    padding: 0 24px 0 0;
}

    .check-right h3 {
        font-size: 16px;
    }

    .check-right button {
        background: none;
        border: solid 1px #ccc;
        color: #000;
        font-weight: 600;
        border-radius: 5px;
        padding: 9px 20px;
    }

        .check-right button:hover {
            background: #2ca01c;
            border: solid 1px #2ca01c;
        }

.full-width {
    width: 100%;
}

.account-box-bill .account-tab1.qut-part td {
    padding: 5px !important;
}

.height78 {
    height: 70px !important;
}

textarea.form-textBox {
    resize: none;
    padding-top: 25px;
}

.vendordiv.bill-drop .dropdown-toggle, .bill-drop .btn.btn-primary.dropdown-toggle {
    width: 250px;
    font-weight: 300;
    border-color: #ccc;
}

.padding-right15 {
    padding-right: 15px;
}

.bill_no {
    width: 100px;
}

.description_bill {
    margin-top: 0;
    width: 100%;
    padding-left: 10px;
}

.padding10 {
    padding: 0 10px !important;
}

input[type="text"]:disabled + .highlight + .bar + label {
    top: 1px;
    font-size: 11px;
}

.borderTextBox .k-numerictextbox .k-input {
    background: transparent;
    border: none !important;
    font-size: 14px;
}

.borderTextBox .k-numeric-wrap.k-expand-padding {
    border: 0px;
    background: transparent;
}

.white-box .demo-section.k-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

    .white-box .demo-section.k-content #files {
        vertical-align: middle;
        background: transparent;
    }

.padd-left .white-box .editor-field {
    margin-top: 0px;
}

.padd-left .white-box.attachments {
    padding-top: 1px;
    margin-top: 0px;
}

.white-box.attachments label {
    margin-top: 0px;
}

.print-chk label {
    margin: -7px 0 10px;
    font-weight: 400;
}

.modalposBottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    border-top: 1px solid #ccc;
    z-index: 11;
}

.margin-vendor {
    margin-bottom: 66px;
}

.lm-margni {
    margin: 0 0 10px;
}

ul.attachment {
    padding: 0;
    display: block;
}

    ul.attachment li {
        padding: 10px 0 0;
        display: block;
    }

.exemption-tax .borderTextBox {
    height: 41px;
}

    .exemption-tax .borderTextBox input.k-input.form-textBox {
        height: 41px !important;
    }

#menu3 span.k-widget.k-datepicker.k-header.form-textBox * {
    border: none;
    padding: 0 !important;
}

.icon-right form {
    display: inline-block;
}

.icon-right button {
    background: transparent;
    border: 0px;
}

.icon-right ul {
    margin-bottom: 0;
}

.costomers-main .k-grid-excel {
    margin-bottom: 15px;
}

.icon-right {
    position: relative;
    z-index: 999;
}

.icon-top div.k-header.k-grid-toolbar {
    margin: 0 0 15px;
    border: 0px;
}

row-margin-setting {
    background: #fff;
    margin-top: 0;
    margin: 0 -15px;
}

form#frmAccountsetting {
    margin-top: 0px;
    width: 100%;
}

.comaacc {
    background: #fff !important;
}

section.tab-main.row-margin-setting {
    margin: 0;
}

.row-margin-setting .sttabs.tabs-style-line {
    margin-bottom: 0px;
}

.tabs-vertical li {
    float: none;
}

.Company-type label {
    margin-top: 0;
    padding: 0;
}

.Company-type {
    border-bottom: 1px solid #efefef;
    margin: 0 -15px;
    padding: 5px 15px 5px;
}

.pos-right {
    position: absolute;
    right: -52px;
}

button.js-edit.edit-icon {
    background: transparent;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

    button.js-edit.edit-icon:hover,
    button.js-trash.trash-icon:hover {
        border: #0071DC solid 1px;
    }

button.js-trash.trash-icon {
    background: transparent;
    border: 1px solid #ddd;
    margin-right: 10px;
}

a.btn-default, button.btn-default:not(.list,.color), .save-information {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff !important;
    font-weight: 400 !important;
    border-radius: 4px;
    font-size: 14px;
    padding: 7px 15px;
    line-height: 18px;
}

    a.btn-default:hover, button.btn-default:not(.list,.color):hover, .save-information:hover, .save-information:focus {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.save-information {
    padding: 9px 25px;
    border: 0px;
}

.companyadd {
    margin-bottom: 15px;
}

.Company-type:last-of-type {
    border: 0px;
}

.tabs-vertical .nav-tabs .nav-item {
    margin-bottom: 1px;
    border-bottom: 1px solid #ddd;
}

.payrollpart {
    margin: 0 0 15px;
}

.information-information h2 {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px;
}

.information-information .borderTextBox {
    background: #fff;
}

div#Compnaygrid .k-primary {
    background: transparent;
    border: 0px;
    color: #723b5a;
    margin: 0;
    width: auto;
    font-weight: bolder;
}

    div#Compnaygrid .k-primary i {
        font-size: 22px;
        vertical-align: middle;
        line-height: 15px;
    }

.take-it-up {
    position: absolute;
    z-index: 999;
    top: -58px;
}

    .take-it-up button {
        background: white;
        color: black;
    }

/*button#btnProductDetail {   
    background: white;
    color: #000 !important;
    border: #0bb5af solid 2px;
}
    button#btnProductDetail:hover {
        color: #fff !important;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }*/
.col-cc-tt {
    padding: 0 10px;
    width: 33%;
}

.col-cc-fn {
    padding: 0 10px;
    width: 33%;
}

.col-cc-mn {
    padding: 0 10px;
    width: 33%;
}

.col-cc-ln {
    padding: 0 10px;
    width: 50%;
}

.col-cc-suff {
    padding: 0 10px;
    width: 50%;
}

.tak-right {
    float: left;
}

.action-button-pur .dropdown-toggle {
    background: transparent;
    border: 0px;
}

.amt_rec {
    margin: 0 0 6px;
    font-weight: 300 !important;
}

.ml-auto.col-cc-rec {
    width: 10%;
}

.invoice-button, .payment-button {
    background: transparent;
    border: 1px solid #0bb5af;
    color: #444;
    font-weight: 300 !important;
    border-radius: 4px;
}

div#Outstandingtable {
    width: 100%;
}

.padding-boto-20 {
    padding: 25px 0;
}

#tblReceivePaymentTransaction th {
    padding: 14px !important;
}

#tblReceivePaymentTransaction td {
    padding: 7px !important;
}

    #tblReceivePaymentTransaction td.padding-boto-20 {
        padding: 14px !important;
    }

.bill-part .white-box.attachments {
    padding: 0;
}

.bill-part .white-box .demo-section.k-content {
    border-color: #ccc;
    border-radius: 5px;
}

.edit-text-value {
    border: 1px solid #ccc !important;
    text-align: right;
    max-width: 120px;
    padding: 7px;
    font-weight: 400;
    border-radius: 3px !important;
    box-sizing: border-box;
}

button.button.payment-button {
    font-size: 16px;
    padding: 6px 25px;
    margin-top: 15px;
    font-weight: 500 !important;
}

.invoice-button:hover {
    color: #fff;
    background: #2ca01c;
}

.payment-button {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
}

    .payment-button:hover {
        color: #fff;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.Paymenttxt::-webkit-inner-spin-button, .Paymenttxt::-webkit-outer-spin-button,
.sp-none::-webkit-inner-spin-button, .sp-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.attachments ul.k-upload-files.k-reset {
    position: static;
    left: 0;
    right: 0;
    top: 58px;
    width: auto;
    overflow: hidden;
    border: 0px;
    float: left;
}

.attachments .editor-field ul li {
    word-wrap: break-word;
    padding: 5px 0;
    text-align: left;
    float: left;
    border: 0px;
}

html .attachments .k-upload {
    text-align: center;
    position: relative;
    width: 100%;
}

.attachments .k-dropzone .k-upload-status {
    display: none;
}

.attachments .k-upload-files.k-reset span {
    font-size: 7px;
}

.attachments .k-file-name-size-wrapper {
    font-size: 15px;
}

.marginBottom174 {
    margin-bottom: 174px;
}

input#IsOneBoxMultipleProduct {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: 22px;
}

.attachments .k-upload-action .k-icon:before {
    text-indent: 0 !important;
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.blnc-chk {
    font-size: 12px;
    margin: 10px 0 0;
    font-weight: 500;
    text-transform: uppercase;
}

.customerd span.k-widget.k-combobox.k-header.form-textBox.k-combobox-clearable {
    height: auto !important;
    padding: 0 10px 0 0;
}

input[type=checkbox] {
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #8b8383;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    margin: 0;
    box-sizing: border-box;
}

    input[type=checkbox]:focus {
        border-radius: 2px !important;
    }

    input[type=checkbox]:before {
        content: "\f00c";
        font: normal normal normal 10px/1 FontAwesome;
        display: block;
        text-align: center;
        font-size: 10px;
        width: 14px;
        height: 14px;
        line-height: 14px;
        color: transparent;
        white-space: nowrap;
    }

    input[type=checkbox]:checked:before {
        color: #ffffff;
        background: #0071DC;
        width: 13px;
        height: 13px;
    }

    input[type=checkbox] + label {
        vertical-align: middle;
    }

/*.addMultipleAsinPopupModal .group-input-checkbox input[type=checkbox]:checked:before {
    position: absolute;
    top: 0;
    left: 3px;
}*/

.ProductOptionContainer .btn.btn-default.list.DisplayAsList:hover,
.ProductOptionContainer .btn.btn-default.color.DisplayAsColor:hover,
.ProductOptionContainer .btn.btn-default.list.DisplayAsList:focus,
.ProductOptionContainer .btn.btn-default.color.DisplayAsColor:focus {
    color: #000;
}

#dvPropPayment {
    z-index: 9999;
}

.datepicker-dropdown.dropdown-menu {
    right: auto;
}

.customerd span.k-widget.k-combobox.k-header.form-textBox.k-combobox-clearable {
    padding-top: 10px;
}
/*! * print-design-form */
.print-design-form {
    margin: 40px;
    margin-top: 0
}

    .print-design-form .txn-sfc-ftu .ha-sfc-ftu-container {
        min-height: 90vh
    }

        .print-design-form .txn-sfc-ftu .ha-sfc-ftu-container .footer {
            padding-bottom: 10px;
            padding-top: 10px
        }

    .print-design-form .txn-sfc-ftu .txn-sfc-ftu-banner {
        display: block;
        width: 100%;
        height: 110px;
        margin-top: 30px
    }

    .print-design-form .txn-sfc-ftu .main-title {
        margin: 16px auto !important;
        width: 28% !important
    }

    .print-design-form .txn-sfc-ftu .app-tile {
        height: 90px;
        width: 130px;
        display: inline-block;
        margin: 10px;
        cursor: pointer;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .print-design-form .txn-sfc-ftu .invoice-action-button {
        margin-bottom: 30px
    }

    .print-design-form .txn-sfc-ftu .footer-link {
        display: inline-block
    }

    .print-design-form .customizeFormStyleThumbnails {
        background-color: #fff !important
    }

        .print-design-form .customizeFormStyleThumbnails .logo {
            vertical-align: middle;
            width: 45px
        }

            .print-design-form .customizeFormStyleThumbnails .logo img {
                max-width: 200px;
                max-height: 100px
            }

        .print-design-form .customizeFormStyleThumbnails .thumbnailnav {
            font-size: 1.4rem;
            padding: 15px;
            vertical-align: middle;
            text-align: center;
            padding-left: 12px
        }

            .print-design-form .customizeFormStyleThumbnails .thumbnailnav.selected {
                background-color: blue-gray-lightest !important;
                border-right: 1px solid #c7c7c7
            }

            .print-design-form .customizeFormStyleThumbnails .thumbnailnav:hover {
                background-color: blue-gray-whiter;
                border-right: 1px solid #c7c7c7
            }

            .print-design-form .customizeFormStyleThumbnails .thumbnailnav a {
                padding-left: 15px;
                color: dark-gray-darkest;
                display: block;
                text-decoration: none;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

                .print-design-form .customizeFormStyleThumbnails .thumbnailnav a:focus {
                    outline: none;
                    background-color: blue-gray
                }

            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock {
                display: inline-block
            }

                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail {
                    width: 100px;
                    background-color: #fff;
                    vertical-align: middle;
                    cursor: pointer;
                    transition-property: border-color;
                    transition-duration: .5s;
                    padding-top: 0;
                    height: 129px;
                    overflow: hidden;
                    border: 1px solid #ccc
                }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail img {
                        height: 100%;
                        width: 100%
                    }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .acctSummaryDivCover {
                        display: none
                    }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold {
                        overflow: auto;
                        background-color: #e8f4dd;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection {
                            min-height: 67px;
                            overflow-y: auto;
                            padding: 10px 15px 10px 0
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .templateLogoRight {
                                vertical-align: middle;
                                display: inline-block;
                                width: 40%;
                                float: right
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAddRight {
                                vertical-align: top;
                                width: 40%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAdd2 {
                                vertical-align: middle;
                                display: inline-block;
                                width: 50%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAdd1 {
                                vertical-align: top;
                                display: inline-block;
                                padding-left: 16px;
                                width: 50%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 40%
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer {
                            margin-top: 10px;
                            display: inline-block;
                            width: 100%
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 56%;
                                padding-right: 12px
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref .billToSection {
                                    vertical-align: top;
                                    width: 40%;
                                    display: inline-block;
                                    margin-left: 15px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref .shipToSection {
                                    vertical-align: top;
                                    width: 48%;
                                    display: inline-block
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref .blankColorStrip {
                                    background-color: #8cc857;
                                    height: 4px;
                                    margin-top: 20px
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 40%;
                                color: #fff;
                                float: right
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceNum {
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms {
                                    vertical-align: top;
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                                        width: 50%;
                                        display: inline-block
                                    }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                                        display: inline
                                    }

                                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                            width: 40%;
                                            display: inline-block
                                        }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection {
                                    padding: 4px;
                                    padding-left: 3px;
                                    background-color: #8cc857
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                                        display: inline-block
                                    }

                                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                            margin-right: 10px
                                        }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection .dueDateDiv {
                                        display: inline-block
                                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-left: 15px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .shippingAndCustom .shippingFields .fieldTitle {
                                    word-wrap: break-word
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .acctSummaryDivCover {
                            margin-top: 10px;
                            margin-bottom: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                            font-weight: 700;
                            padding-top: 5px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                            font-size: 6px;
                            padding-top: 0;
                            padding-bottom: 5px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-header {
                            height: 20px;
                            color: #fff;
                            background-color: #8cc857
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                height: 24px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none;
                            padding: 6px 15px !important;
                            line-height: 1.5
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 th.dgrid-cell {
                            padding-top: 2px !important;
                            padding-bottom: 0 !important
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection {
                            margin-right: 10px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 15px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                width: 43%;
                                vertical-align: top;
                                text-align: left;
                                padding-left: 8px;
                                color: gray;
                                display: inline-block;
                                font-style: italic;
                                word-wrap: break-word
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 20%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalRight {
                                width: 35%;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalRight .subTotalLabel {
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .totalDueSection {
                            background-color: #8cc857;
                            color: #fff;
                            float: right;
                            margin-bottom: 20px;
                            margin-right: 1px;
                            padding: 5px;
                            width: 36%;
                            padding-left: 5px;
                            padding-right: 0
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .totalDueSection .totalDueLabel {
                                display: inline-block;
                                width: 55%;
                                padding-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .totalDueSection .totalDueValue {
                                text-align: right;
                                display: inline-block;
                                width: 37%
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .taxSection {
                            margin-left: 20px;
                            padding-bottom: 10px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .taxSectionDivCover {
                            height: 57px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .footerText {
                            font-size: 5px;
                            color: gray;
                            padding: 10px 20px 27px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 75px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .secondaryColor {
                            height: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection {
                            min-height: 40px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .logo {
                            width: 45px;
                            height: 38px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .topSectionRightPane {
                            min-height: 40px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .notlive {
                            display: none
                        }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy {
                        background-color: #fff;
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec {
                            min-height: 70px;
                            overflow-y: auto;
                            padding: 10px 20px 5px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .companyAdd1 {
                                vertical-align: middle;
                                display: inline-block;
                                width: 50%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .companyAdd2 {
                                vertical-align: middle;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .companyAddCenter {
                                vertical-align: middle;
                                display: inline-block;
                                width: 36%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogo {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogo .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogoLeft {
                                vertical-align: top;
                                display: inline-block;
                                margin-right: 10px
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogoLeft .logo {
                                    padding-right: 0
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .formTitle {
                            padding-left: 20px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .formTitle .formTitleText {
                                font-size: 18px;
                                color: #8cc857
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .formTitle .uppercase {
                                text-transform: uppercase
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .returnStubText {
                            font-size: 5px;
                            text-align: center;
                            padding-top: 10px;
                            border-bottom: 1px dotted #ccc
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-bottom: 10px;
                            padding-left: 20px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom .shippingFields .fieldTitle {
                                    margin-bottom: 5px;
                                    word-wrap: break-word
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer {
                            padding: 10px 20px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .billToSection {
                                vertical-align: top;
                                width: 40%;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .shipToSection {
                                vertical-align: top;
                                width: 33%;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection {
                                display: inline-block;
                                vertical-align: top;
                                width: 26%;
                                float: right
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection td, .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection th {
                                    padding: 0
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection .titleText {
                                    text-align: right;
                                    text-transform: uppercase
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection .titleValue {
                                    padding-left: 10px
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .billToSectionFR {
                                vertical-align: top;
                                float: right;
                                width: 40%;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .shipToSectionFR, .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR {
                                vertical-align: top;
                                width: 30%;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR td, .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR th {
                                    padding: 0
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR .titleText {
                                    text-align: right;
                                    text-transform: uppercase
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR .titleValue {
                                    padding-left: 10px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .detailSection {
                            padding-top: 10px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-column-0-0 {
                            padding-left: 15px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-header {
                            background-color: #e8f4dd;
                            padding-left: 10px;
                            padding-right: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                border-bottom: none;
                                height: 16px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-scroller {
                            padding-left: 10px;
                            padding-right: 10px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 15px;
                            border-bottom: none
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                                padding-left: 15px;
                                padding-top: 0;
                                font-size: 6px;
                                padding-bottom: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .totalValue {
                            margin-top: 10px;
                            margin-bottom: 10px;
                            border-top: 1px dotted #bdbbbb
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection {
                            padding-left: 20px;
                            padding-top: 10px;
                            border-top: 2px #ccc;
                            padding-right: 20px;
                            overflow: auto
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                display: inline-block;
                                font-style: italic;
                                text-align: left;
                                vertical-align: top;
                                width: 40%;
                                word-wrap: break-word
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 25%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalRight {
                                width: 35%;
                                vertical-align: top;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalRight .subTotalLabel {
                                    width: 70%;
                                    padding-bottom: 2px;
                                    display: table-cell
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .balanceDueSection {
                            padding-right: 20px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 64%;
                            float: none
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .balanceDueSection .balanceDueLabel {
                                width: 50%;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .balanceDueSection .balanceDueValue {
                                width: 40%;
                                margin-left: 10%;
                                font-size: 16px;
                                display: inline-block;
                                text-align: right
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 200px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .taxSection {
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .taxSectionDivCover {
                            height: 57px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .footerText {
                            font-size: 5px;
                            color: gray;
                            padding: 10px 20px 10px 15px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom {
                            border-top: 2px solid
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .notlive {
                            display: none
                        }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly {
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        background-color: #fff;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec {
                            padding: 10px 0 5px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .companyAdd1 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .companyAdd2 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogo {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: center;
                                width: 36%
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogo .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoLeft {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: left
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoLeft .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoRight {
                                display: inline-block;
                                width: 36%;
                                float: right
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoRight .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 36%;
                                padding-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .titleText {
                                display: inline-block;
                                width: 27%;
                                font-size: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                word-wrap: break-word
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle .formTitleText {
                                    font-size: 15px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle label {
                                    padding-right: 5px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle .uppercase {
                                    text-transform: uppercase
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                float: right;
                                word-wrap: break-word
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight .formTitleText {
                                    font-size: 15px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight label {
                                    padding-right: 5px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight .uppercase {
                                    text-transform: uppercase
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage {
                            font-size: 10px;
                            display: inline-block
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage .titleAndNumber {
                                vertical-align: top
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage .titleAndNumber .titleText {
                                    display: inline-block;
                                    padding-bottom: 25px;
                                    vertical-align: top
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage .titleAndNumber .docNumber {
                                    padding-left: 2px;
                                    vertical-align: top;
                                    display: inline-block
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-header {
                            border-top: 1px solid #ccc;
                            border-bottom: 1px solid #ccc;
                            background-color: #fff
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                border-bottom: none;
                                color: #404040;
                                height: 14px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 15px;
                            border-bottom: none
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                                padding-top: 0;
                                font-size: 6px;
                                padding-bottom: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none;
                            padding: 4px 4px 4px 0 !important;
                            line-height: 1.5
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 th.dgrid-cell {
                            padding-top: 2px !important;
                            padding-bottom: 0 !important
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer {
                            color: #8cc857;
                            display: inline-block;
                            width: 100%;
                            margin-top: 8px;
                            border-top: 1px solid;
                            min-height: 80px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref {
                                vertical-align: top;
                                display: inline-block;
                                width: 52%;
                                float: left;
                                padding-top: 10px;
                                color: gray
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref .sectionHeader {
                                    color: #404040;
                                    margin-bottom: 2px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref .billToSection {
                                    vertical-align: top;
                                    width: 50%;
                                    display: inline-block
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref .shipToSection {
                                    vertical-align: top;
                                    width: 35%;
                                    display: inline-block
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .dateSection {
                                background-color: #e8f4dd;
                                display: inline-block;
                                width: 16%;
                                min-height: 80px;
                                position: relative
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .dateSection .dateSecData {
                                    position: absolute;
                                    top: 33%;
                                    left: 25%;
                                    text-align: center
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .dateSection .text {
                                    color: #8cc857;
                                    text-transform: uppercase;
                                    padding: 3px;
                                    font-size: 6px;
                                    display: block
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .amountDueSection {
                                background-color: #8cc857;
                                display: inline-block;
                                width: 16%;
                                min-height: 80px;
                                position: relative
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .amountDueSection .amountSecData {
                                    position: absolute;
                                    top: 33%;
                                    left: 25%;
                                    text-align: center
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .amountDueSection .text {
                                    text-transform: uppercase;
                                    color: #fff;
                                    padding: 3px;
                                    display: block;
                                    font-size: 6px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .detailSection {
                            padding-top: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .detailSection .dgrid .dgrid-column-0-5 {
                                padding-right: 0 !important
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .detailSection .dgrid-content {
                                border-bottom: 1px solid #ccc
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .returnStubText {
                            font-size: 5px;
                            text-align: center;
                            padding-top: 10px;
                            border-bottom: 1px dotted #ccc
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom .shippingFields .fieldTitle {
                                    margin-bottom: 5px;
                                    word-wrap: break-word
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom .shippingFields .fieldValue {
                                    color: gray
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .acctSummaryDivCover {
                            padding-top: 25px;
                            padding-bottom: 5px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection {
                            padding-top: 10px;
                            padding-bottom: 2px;
                            padding-left: 10px;
                            font-size: 6px;
                            border-top: 1px solid #ccc;
                            overflow: auto
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                width: 45%;
                                font-style: italic;
                                color: gray;
                                display: inline-block;
                                vertical-align: top;
                                text-align: left;
                                word-wrap: break-word
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalCenter {
                                display: inline-block;
                                width: 17%;
                                vertical-align: top
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight {
                                padding-top: 10px;
                                width: 30%;
                                padding-right: 4px;
                                float: right;
                                padding-left: 15px;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight .subTotalLabel {
                                    display: table-cell;
                                    padding-bottom: 2px;
                                    text-transform: uppercase;
                                    color: #8cc857
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight .subTotalValue.heavyFont {
                                        font-weight: 700
                                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection {
                            padding-right: 2px;
                            margin-left: 20px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueLeft {
                                width: 69%;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection {
                                width: 31%;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .totalDueRight {
                                    padding: 5px 3px 5px 0;
                                    border-top: 1px solid #ccc;
                                    border-bottom: 1px solid #81b47d
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueLabel {
                                        display: table-cell;
                                        text-transform: uppercase;
                                        color: #8cc857
                                    }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueValue {
                                        text-align: right;
                                        display: table-cell;
                                        font-weight: 700;
                                        width: 30%;
                                        color: #8cc857
                                    }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .thankYouSec {
                                    font-size: 10px;
                                    padding-top: 10px;
                                    text-align: right;
                                    color: #8cc857;
                                    padding-right: 4px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .taxSection {
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .taxSectionDivCover {
                            height: 57px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .footerText {
                            font-size: 5px;
                            color: gray;
                            padding-bottom: 18px;
                            padding-left: 8px;
                            padding-right: 20px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 182px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .companyAdd {
                            max-width: 100px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec {
                            min-width: 140px;
                            min-height: 67px;
                            width: 165px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .acctSummaryDivCover {
                            display: none
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .logo {
                            width: 41px;
                            height: 48px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer {
                            margin-top: 25px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .notlive {
                            display: none
                        }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern {
                        background-color: #fff;
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer {
                            margin-top: 15px;
                            margin-left: 18%
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .sectionHeader {
                                margin-bottom: 2px;
                                height: 10px;
                                padding-top: 5px;
                                padding-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .addlines {
                                padding-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .billToSection {
                                border: 1px solid #ccc;
                                border-radius: 2px;
                                vertical-align: top;
                                width: 39%;
                                display: inline-block;
                                margin-right: 15px;
                                text-align: left
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .billToSection .header {
                                    background-color: #e8f4dd
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .shipToSection {
                                border: 1px solid #ccc;
                                border-radius: 2px;
                                vertical-align: top;
                                width: 34%;
                                display: inline-block;
                                text-align: left
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .header {
                                background-color: #e8f4dd;
                                overflow-y: auto;
                                padding-bottom: 5px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .returnStubText {
                            font-size: 5px;
                            text-align: center;
                            padding-top: 10px;
                            border-bottom: 1px dotted #ccc
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-bottom: 10px;
                            padding-left: 5px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .shippingAndCustom .shippingFields .fieldTitle {
                                    margin-bottom: 2px;
                                    word-wrap: break-word
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover {
                            padding-bottom: 15px;
                            padding-top: 35px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover .dgrid .dgrid-column-0-2 {
                                padding-right: 5px !important
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover .dgrid .dgrid-column-0-1 {
                                padding-left: 15px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 0 5px;
                            width: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec {
                            width: 100%;
                            min-height: 67px;
                            overflow-y: auto;
                            padding: 10px 0 5px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .companyAdd1 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .companyAdd2 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogo {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: center;
                                width: 36%
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogo .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoLeft {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: left
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoLeft .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoRight {
                                display: inline-block;
                                width: 36%;
                                float: right
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoRight .logo {
                                    padding-right: 0
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 36%;
                                padding-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .titleText {
                                display: inline-block;
                                width: 27%;
                                font-size: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitle {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                word-wrap: break-word
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitle .formTitleText {
                                    background-color: #fff;
                                    font-size: 15px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitle .uppercase {
                                    text-transform: uppercase
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitleRight {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                float: right;
                                word-wrap: break-word
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitleRight .formTitleText {
                                    background-color: #fff;
                                    font-size: 15px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitleRight .uppercase {
                                    text-transform: uppercase
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields {
                            margin-top: 5px;
                            border: 1px solid #ccc;
                            border-radius: 2px;
                            border-left: none
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerField {
                                vertical-align: top;
                                display: inline-block;
                                width: 16.4%;
                                border-left: 1px solid #ccc
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerField .backgroundColor {
                                    background-color: #e8f4dd
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerText {
                                height: 15px;
                                padding-left: 5px;
                                margin-left: 0;
                                margin-bottom: 0;
                                word-wrap: break-word
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerTextBR {
                                height: 30px;
                                padding-left: 5px;
                                margin-left: 0;
                                margin-bottom: 0
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-column-0-5 {
                            padding-right: 5px !important
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-header {
                            color: #404040;
                            padding-right: 0 !important;
                            border-top: 1px solid #ccc;
                            border-left: 1px solid #ccc;
                            background-color: #e8f4dd
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                border-bottom: none;
                                text-align: center;
                                height: 16px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content {
                            margin-right: 0 !important;
                            padding-right: 0 !important;
                            border-bottom: 1px solid #ccc !important;
                            border-top: 1px solid #ccc;
                            border-left: 1px solid #ccc
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                                height: 10px;
                                border-bottom: none;
                                text-align: center
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                                    padding-top: 0;
                                    font-size: 6px;
                                    padding-bottom: 10px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                    background-color: #fff
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-cell {
                            border-right: 1px solid #ccc;
                            border-left: none
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection {
                            padding: 10px 5px 0 15px;
                            border-top: 2px #ccc;
                            overflow: auto
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                display: inline-block;
                                font-style: italic;
                                text-align: left;
                                vertical-align: top;
                                width: 40%;
                                word-wrap: break-word
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 29%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalRight {
                                width: 35%;
                                vertical-align: top;
                                display: inline-block;
                                float: right
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalRight .subTotalLabel {
                                    padding-bottom: 2px;
                                    display: table-cell
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .balanceDueSection {
                            padding-right: 5px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 65%;
                            float: none
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .balanceDueSection .balanceDueLabel {
                                width: 60%;
                                display: inline-block
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .balanceDueSection .balanceDueValue {
                                display: inline-block;
                                width: 30%;
                                margin-left: 10%;
                                text-align: right
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 177px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover {
                            display: none
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer {
                            padding-top: 0 !important
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields {
                            width: 303px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerField {
                                width: 43px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .notlive {
                            display: none
                        }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh {
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        text-align: left;
                        font-size: 6px
                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .secondaryColor {
                            height: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection {
                            min-height: 67px;
                            overflow-y: auto;
                            padding: 10px 15px 10px 0
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .templateLogoRight {
                                vertical-align: middle;
                                display: inline-block;
                                width: 40%;
                                float: right
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAddRight {
                                vertical-align: top;
                                width: 40%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAdd2 {
                                vertical-align: middle;
                                display: inline-block;
                                width: 50%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAdd1 {
                                vertical-align: top;
                                display: inline-block;
                                padding-left: 16px;
                                width: 50%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 40%
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer {
                            margin-top: 10px;
                            display: inline-block;
                            width: 100%
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 56%;
                                padding-right: 12px
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .billToSection {
                                    vertical-align: top;
                                    width: 40%;
                                    display: inline-block;
                                    margin-left: 15px
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .billToSection .header {
                                        background-color: transparent !important
                                    }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .shipToSection {
                                    vertical-align: top;
                                    width: 48%;
                                    display: inline-block
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .shipToSection .header {
                                        background-color: transparent !important
                                    }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .blankColorStrip {
                                    background-color: #8cc857;
                                    height: 4px;
                                    margin-top: 14px
                                }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 40%;
                                color: #fff;
                                float: right
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceNum {
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms {
                                    vertical-align: top;
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                                        width: 50%;
                                        display: inline-block
                                    }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                                        display: inline
                                    }

                                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                            width: 40%;
                                            display: inline-block
                                        }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection {
                                    padding: 4px;
                                    padding-left: 3px;
                                    background-color: #8cc857
                                }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                                        display: inline-block
                                    }

                                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                            margin-right: 10px
                                        }

                                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection .dueDateDiv {
                                        display: inline-block
                                    }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-left: 15px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .shippingAndCustom .shippingFields .fieldTitle {
                                    word-wrap: break-word
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .acctSummaryDivCover {
                            margin-top: 10px;
                            margin-bottom: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                            font-weight: 700;
                            padding-top: 5px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                            font-size: 6px;
                            padding-top: 0;
                            padding-bottom: 5px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-header {
                            height: 20px;
                            color: #fff;
                            background-color: #8cc857
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                height: 24px
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 10px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none;
                            padding: 6px 15px !important;
                            line-height: 1.5
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 th.dgrid-cell {
                            padding-top: 2px !important;
                            padding-bottom: 0 !important
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection {
                            margin-right: 10px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 15px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                width: 43%;
                                vertical-align: top;
                                text-align: left;
                                padding-left: 8px;
                                color: gray;
                                display: inline-block;
                                font-style: italic;
                                word-wrap: break-word
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 20%
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalRight {
                                width: 35%;
                                display: inline-block
                            }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalRight .subTotalLabel {
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .totalDueSection {
                            background-color: #8cc857;
                            color: #fff;
                            float: right;
                            margin-bottom: 20px;
                            margin-right: 1px;
                            padding: 5px;
                            width: 36%;
                            padding-left: 5px;
                            padding-right: 0
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .totalDueSection .totalDueLabel {
                                display: inline-block;
                                width: 55%;
                                padding-left: 5px
                            }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .totalDueSection .totalDueValue {
                                text-align: right;
                                display: inline-block;
                                width: 37%
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .taxSection {
                            margin-left: 20px;
                            padding-bottom: 10px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .taxSectionDivCover {
                            height: 57px
                        }

                            .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .footerText {
                            font-size: 5px;
                            color: gray;
                            padding: 10px 20px 27px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 198px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer {
                            padding-top: 0
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .acctSummaryDivCover {
                            display: none
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .logo {
                            width: 45px;
                            height: 38px
                        }

                        .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .notlive {
                            display: none
                        }

                    .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .shippingAndCustom {
                        display: block !important
                    }

                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselBlockName {
                    display: inline-block;
                    text-align: center;
                    width: 100%;
                    font-size: 18px;
                    color: #404040;
                    padding-top: 5px
                }

                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .dgrid-cell {
                    line-height: 10px
                }

                .print-design-form .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .dgrid-header .dgrid-cell {
                    outline: none !important;
                    border: 0 none;
                    border-left: 1px solid blue-gray;
                    text-transform: uppercase;
                    padding: 2px 8px 6px
                }

        .print-design-form .customizeFormStyleThumbnails * {
            box-sizing: content-box
        }

    .print-design-form .customizeStylePreview {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        box-sizing: content-box
    }

        .print-design-form .customizeStylePreview .logo {
            vertical-align: middle
        }

            .print-design-form .customizeStylePreview .logo img {
                max-width: 200px;
                max-height: 100px
            }

        .print-design-form .customizeStylePreview .bold {
            overflow: auto;
            background-color: #f5faff;
            border: 1px solid #ccc;
            border-bottom: 0px solid #ccc
        }

            .print-design-form .customizeStylePreview .bold td {
                color: #000;
            }

            .print-design-form .customizeStylePreview .bold .secondaryColor {
                height: 100%
            }

            .print-design-form .customizeStylePreview .bold .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .print-design-form .customizeStylePreview .bold .headerSection {
                min-height: 67px;
                overflow-y: auto;
                padding: 10px 15px 10px 0
            }

                .print-design-form .customizeStylePreview .bold .headerSection .templateLogoRight {
                    vertical-align: middle;
                    display: inline-block;
                    width: 40%;
                    float: right
                }

                .print-design-form .customizeStylePreview .bold .headerSection .companyAddRight {
                    vertical-align: top;
                    width: 40%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .print-design-form .customizeStylePreview .bold .headerSection .companyAdd2 {
                    vertical-align: middle;
                    display: inline-block;
                    width: 50%
                }

                .print-design-form .customizeStylePreview .bold .headerSection .companyAdd1 {
                    vertical-align: top;
                    display: inline-block;
                    padding-left: 16px;
                    width: 50%
                }

                .print-design-form .customizeStylePreview .bold .headerSection .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 40%
                }

            .print-design-form .customizeStylePreview .bold .prefContainer {
                margin-top: 10px;
                display: inline-block;
                width: 100%
            }

                .print-design-form .customizeStylePreview .bold .prefContainer .billingShippingPref {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 56%;
                    padding-right: 12px
                }

                    .print-design-form .customizeStylePreview .bold .prefContainer .billingShippingPref .billToSection {
                        vertical-align: top;
                        width: 40%;
                        display: inline-block;
                        margin-left: 15px
                    }

                    .print-design-form .customizeStylePreview .bold .prefContainer .billingShippingPref .shipToSection {
                        vertical-align: top;
                        width: 48%;
                        display: inline-block
                    }

                    .print-design-form .customizeStylePreview .bold .prefContainer .billingShippingPref .blankColorStrip {
                        background-color: #8cc857;
                        height: 4px;
                        margin-top: 20px
                    }

                .print-design-form .customizeStylePreview .bold .prefContainer .titleSection {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 40%;
                    color: #fff;
                    float: right
                }

                    .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .invoiceNum {
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                    .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms {
                        vertical-align: top;
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                        .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                            width: 50%;
                            display: inline-block
                        }

                        .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                            display: inline
                        }

                            .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                width: 40%;
                                display: inline-block
                            }

                    .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection {
                        padding: 4px;
                        padding-left: 3px;
                        background-color: #8cc857
                    }

                        .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                            display: inline-block
                        }

                            .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                margin-right: 10px
                            }

                        .print-design-form .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection .dueDateDiv {
                            display: inline-block
                        }

            .print-design-form .customizeStylePreview .bold .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-left: 15px
            }

                .print-design-form .customizeStylePreview .bold .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .print-design-form .customizeStylePreview .bold .shippingAndCustom .shippingFields .fieldTitle {
                        word-wrap: break-word
                    }

            .print-design-form .customizeStylePreview .bold .acctSummaryDivCover {
                margin-top: 10px;
                margin-bottom: 10px
            }

                .print-design-form .customizeStylePreview .bold .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .print-design-form .customizeStylePreview .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                font-weight: 700;
                padding-top: 5px
            }

            .print-design-form .customizeStylePreview .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                font-size: 6px;
                padding-top: 0;
                padding-bottom: 5px
            }

            .print-design-form .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-header {
                height: 20px;
                color: #fff;
                background-color: #8cc857
            }

                .print-design-form .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    height: 24px
                }

            .print-design-form .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 10px
            }

                .print-design-form .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .print-design-form .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-cell {
                border-left: none;
                padding: 6px 15px !important;
                line-height: 1.5
            }

            .print-design-form .customizeStylePreview .bold .dgrid.dgrid-03 th.dgrid-cell {
                padding-top: 0px !important;
                padding-bottom: 0 !important
            }

            .print-design-form .customizeStylePreview .bold .subTotalSection {
                margin-right: 10px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 15px
            }

                .print-design-form .customizeStylePreview .bold .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    width: 43%;
                    vertical-align: top;
                    text-align: left;
                    padding-left: 8px;
                    color: gray;
                    display: inline-block;
                    font-style: italic;
                    word-wrap: break-word
                }

                .print-design-form .customizeStylePreview .bold .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 20%
                }

                .print-design-form .customizeStylePreview .bold .subTotalSection .subTotalRight {
                    width: 35%;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .bold .subTotalSection .subTotalRight .subTotalLabel {
                        display: table-cell;
                        padding-bottom: 2px
                    }

                    .print-design-form .customizeStylePreview .bold .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .print-design-form .customizeStylePreview .bold .totalDueSection {
                background-color: #8cc857;
                color: #fff;
                float: right;
                margin-bottom: 20px;
                margin-right: 1px;
                padding: 5px;
                width: 36%;
                padding-left: 5px;
                padding-right: 0
            }

                .print-design-form .customizeStylePreview .bold .totalDueSection .totalDueLabel {
                    display: inline-block;
                    width: 55%;
                    padding-left: 5px
                }

                .print-design-form .customizeStylePreview .bold .totalDueSection .totalDueValue {
                    text-align: right;
                    display: inline-block;
                    width: 37%
                }

            .print-design-form .customizeStylePreview .bold .taxSection {
                margin-left: 20px;
                padding-bottom: 10px
            }

            .print-design-form .customizeStylePreview .bold .taxSectionDivCover {
                height: 57px
            }

                .print-design-form .customizeStylePreview .bold .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .print-design-form .customizeStylePreview .bold .footerText {
                font-size: 5px;
                color: gray;
                padding: 10px 20px 27px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

            .print-design-form .customizeStylePreview .bold .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 75px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .print-design-form .customizeStylePreview .airy {
            background-color: #fff;
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 0px solid #ccc
        }

            .print-design-form .customizeStylePreview .airy .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .print-design-form .customizeStylePreview .airy .headerSec {
                min-height: 70px;
                overflow-y: auto;
            }

                .print-design-form .customizeStylePreview .airy .headerSec .companyAdd1 {
                    vertical-align: middle;
                    display: inline-block;
                    width: 50%
                }

                .print-design-form .customizeStylePreview .airy .headerSec .companyAdd2 {
                    vertical-align: middle;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .airy .headerSec .companyAddCenter {
                    vertical-align: middle;
                    display: inline-block;
                    width: 36%
                }

                .print-design-form .customizeStylePreview .airy .headerSec .templateLogo {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .airy .headerSec .templateLogo .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .airy .headerSec .templateLogoLeft {
                    vertical-align: top;
                    display: inline-block;
                    margin-right: 10px
                }

                    .print-design-form .customizeStylePreview .airy .headerSec .templateLogoLeft .logo {
                        padding-right: 0
                    }

            .print-design-form .customizeStylePreview .airy .formTitle {
                padding-left: 20px
            }

                .print-design-form .customizeStylePreview .airy .formTitle .formTitleText {
                    font-size: 18px;
                    color: #8cc857
                }

                .print-design-form .customizeStylePreview .airy .formTitle .uppercase {
                    text-transform: uppercase
                }

            .print-design-form .customizeStylePreview .airy .returnStubText {
                font-size: 5px;
                text-align: center;
                padding-top: 10px;
                border-bottom: 1px dotted #ccc
            }

            .print-design-form .customizeStylePreview .airy .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 20px
            }

                .print-design-form .customizeStylePreview .airy .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .print-design-form .customizeStylePreview .airy .shippingAndCustom .shippingFields .fieldTitle {
                        margin-bottom: 5px;
                        word-wrap: break-word
                    }

            .print-design-form .customizeStylePreview .airy .prefContainer {
                padding: 10px 0px
            }

                .print-design-form .customizeStylePreview .airy .prefContainer .billToSection {
                    vertical-align: top;
                    width: 40%;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .airy .prefContainer .shipToSection {
                    vertical-align: top;
                    width: 33%;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .airy .prefContainer .titleSection {
                    display: inline-block;
                    vertical-align: top;
                    width: 27%;
                    float: right
                }

                    .print-design-form .customizeStylePreview .airy .prefContainer .titleSection td, .print-design-form .customizeStylePreview .airy .prefContainer .titleSection th {
                        padding: 0
                    }

                    .print-design-form .customizeStylePreview .airy .prefContainer .titleSection .titleText {
                        text-align: right;
                        text-transform: uppercase
                    }

                    .print-design-form .customizeStylePreview .airy .prefContainer .titleSection .titleValue {
                        padding-left: 10px
                    }

                .print-design-form .customizeStylePreview .airy .prefContainer .billToSectionFR {
                    vertical-align: top;
                    float: right;
                    width: 40%;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .airy .prefContainer .shipToSectionFR, .print-design-form .customizeStylePreview .airy .prefContainer .titleSectionFR {
                    vertical-align: top;
                    width: 30%;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .airy .prefContainer .titleSectionFR td, .print-design-form .customizeStylePreview .airy .prefContainer .titleSectionFR th {
                        padding: 0
                    }

                    .print-design-form .customizeStylePreview .airy .prefContainer .titleSectionFR .titleText {
                        text-align: right;
                        text-transform: uppercase
                    }

                    .print-design-form .customizeStylePreview .airy .prefContainer .titleSectionFR .titleValue {
                        padding-left: 10px
                    }

            .print-design-form .customizeStylePreview .airy .detailSection {
                padding-top: 10px
            }

            .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-column-0-0 {
                padding-left: 15px
            }

            .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-header {
                background-color: #e8f4dd;
                padding-left: 10px;
                padding-right: 10px
            }

                .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    border-bottom: none;
                    height: 16px
                }

            .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-scroller {
                padding-left: 10px;
                padding-right: 10px
            }

            .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 15px;
                border-bottom: none
            }

                .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                    padding-left: 15px;
                    padding-top: 0;
                    font-size: 6px;
                    padding-bottom: 10px
                }

                .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .print-design-form .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-cell {
                border-left: none
            }

            .print-design-form .customizeStylePreview .airy .totalValue {
                margin-top: 10px;
                margin-bottom: 10px;
                border-top: 1px dotted #bdbbbb
            }

            .print-design-form .customizeStylePreview .airy .subTotalSection {
                padding-left: 20px;
                padding-top: 10px;
                border-top: 2px #ccc;
                padding-right: 20px;
                overflow: auto
            }

                .print-design-form .customizeStylePreview .airy .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    display: inline-block;
                    font-style: italic;
                    text-align: left;
                    vertical-align: top;
                    width: 40%;
                    word-wrap: break-word
                }

                .print-design-form .customizeStylePreview .airy .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 25%
                }

                .print-design-form .customizeStylePreview .airy .subTotalSection .subTotalRight {
                    width: 33%;
                    vertical-align: top;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .airy .subTotalSection .subTotalRight .subTotalLabel {
                        width: 70%;
                        padding-bottom: 2px;
                        display: table-cell
                    }

                    .print-design-form .customizeStylePreview .airy .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .print-design-form .customizeStylePreview .airy .balanceDueSection {
                padding-right: 20px;
                padding-top: 5px;
                padding-bottom: 5px;
                margin-left: 64%;
                float: none;
            }

                .print-design-form .customizeStylePreview .airy .balanceDueSection .balanceDueLabel {
                    width: 53%;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .airy .balanceDueSection .balanceDueValue {
                    width: 44%;
                    margin-left: 1%;
                    font-size: 16px;
                    display: inline-block;
                    text-align: right
                }

            .print-design-form .customizeStylePreview .airy .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 200px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

            .print-design-form .customizeStylePreview .airy .taxSection {
                padding-top: 10px;
                padding-bottom: 10px
            }

            .print-design-form .customizeStylePreview .airy .taxSectionDivCover {
                height: 57px
            }

            .print-design-form .customizeStylePreview .airy .footerText {
                font-size: 5px;
                color: gray;
                padding: 10px 20px 10px 15px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

        .print-design-form .customizeStylePreview .modern {
            background-color: #fff;
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc
        }

            .print-design-form .customizeStylePreview .modern .prefContainer {
                margin-top: 15px;
                margin-left: 18%
            }

                .print-design-form .customizeStylePreview .modern .prefContainer .sectionHeader {
                    margin-bottom: 2px;
                    height: 10px;
                    padding-top: 5px;
                    padding-left: 5px
                }

                .print-design-form .customizeStylePreview .modern .prefContainer .addlines {
                    padding-left: 5px
                }

                .print-design-form .customizeStylePreview .modern .prefContainer .billToSection {
                    border: 1px solid #ccc;
                    border-radius: 2px;
                    vertical-align: top;
                    width: 39%;
                    display: inline-block;
                    margin-right: 15px;
                    text-align: left
                }

                    .print-design-form .customizeStylePreview .modern .prefContainer .billToSection .header {
                        background-color: #e8f4dd
                    }

                .print-design-form .customizeStylePreview .modern .prefContainer .shipToSection {
                    border: 1px solid #ccc;
                    border-radius: 2px;
                    vertical-align: top;
                    width: 34%;
                    display: inline-block;
                    text-align: left
                }

                .print-design-form .customizeStylePreview .modern .prefContainer .header {
                    background-color: #e8f4dd;
                    overflow-y: auto;
                    padding-bottom: 5px
                }

            .print-design-form .customizeStylePreview .modern .returnStubText {
                font-size: 5px;
                text-align: center;
                padding-top: 10px;
                border-bottom: 1px dotted #ccc
            }

            .print-design-form .customizeStylePreview .modern .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 5px
            }

                .print-design-form .customizeStylePreview .modern .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .print-design-form .customizeStylePreview .modern .shippingAndCustom .shippingFields .fieldTitle {
                        margin-bottom: 2px;
                        word-wrap: break-word
                    }

            .print-design-form .customizeStylePreview .modern .acctSummaryDivCover {
                padding-bottom: 15px;
                padding-top: 35px
            }

                .print-design-form .customizeStylePreview .modern .acctSummaryDivCover .dgrid .dgrid-column-0-2 {
                    padding-right: 5px !important
                }

                .print-design-form .customizeStylePreview .modern .acctSummaryDivCover .dgrid .dgrid-column-0-1 {
                    padding-left: 15px
                }

            .print-design-form .customizeStylePreview .modern .headersec-letterhead {
                min-height: 67px;
                padding: 10px 0 5px;
                width: 100%
            }

            .print-design-form .customizeStylePreview .modern .headerSec {
                width: 100%;
                min-height: 67px;
                overflow-y: auto;
                padding: 10px 0 5px
            }

                .print-design-form .customizeStylePreview .modern .headerSec .companyAdd1 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 5px
                }

                .print-design-form .customizeStylePreview .modern .headerSec .companyAdd2 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .print-design-form .customizeStylePreview .modern .headerSec .templateLogo {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: center;
                    width: 36%
                }

                    .print-design-form .customizeStylePreview .modern .headerSec .templateLogo .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .modern .headerSec .templateLogoLeft {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: left
                }

                    .print-design-form .customizeStylePreview .modern .headerSec .templateLogoLeft .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .modern .headerSec .templateLogoRight {
                    display: inline-block;
                    width: 36%;
                    float: right
                }

                    .print-design-form .customizeStylePreview .modern .headerSec .templateLogoRight .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .modern .headerSec .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 36%;
                    padding-left: 5px
                }

                .print-design-form .customizeStylePreview .modern .headerSec .titleText {
                    display: inline-block;
                    width: 27%;
                    font-size: 10px
                }

                .print-design-form .customizeStylePreview .modern .headerSec .formTitle {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    word-wrap: break-word
                }

                    .print-design-form .customizeStylePreview .modern .headerSec .formTitle .formTitleText {
                        background-color: #fff;
                        font-size: 15px
                    }

                    .print-design-form .customizeStylePreview .modern .headerSec .formTitle .uppercase {
                        text-transform: uppercase
                    }

                .print-design-form .customizeStylePreview .modern .headerSec .formTitleRight {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    float: right;
                    word-wrap: break-word
                }

                    .print-design-form .customizeStylePreview .modern .headerSec .formTitleRight .formTitleText {
                        background-color: #fff;
                        font-size: 15px
                    }

                    .print-design-form .customizeStylePreview .modern .headerSec .formTitleRight .uppercase {
                        text-transform: uppercase
                    }

            .print-design-form .customizeStylePreview .modern .headerFields {
                margin-top: 5px;
                border: 1px solid #ccc;
                border-radius: 2px;
                border-left: none
            }

                .print-design-form .customizeStylePreview .modern .headerFields .headerField {
                    vertical-align: top;
                    display: inline-block;
                    width: 16.4%;
                    border-left: 1px solid #ccc
                }

                    .print-design-form .customizeStylePreview .modern .headerFields .headerField .backgroundColor {
                        background-color: #e8f4dd
                    }

                .print-design-form .customizeStylePreview .modern .headerFields .headerText {
                    height: 15px;
                    padding-left: 5px;
                    margin-left: 0;
                    margin-bottom: 0;
                    word-wrap: break-word
                }

                .print-design-form .customizeStylePreview .modern .headerFields .headerTextBR {
                    height: 30px;
                    padding-left: 5px;
                    margin-left: 0;
                    margin-bottom: 0
                }

            .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-column-0-5 {
                padding-right: 5px !important
            }

            .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-header {
                color: #404040;
                padding-right: 0 !important;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                background-color: #e8f4dd
            }

                .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    border-bottom: none;
                    text-align: center;
                    height: 16px
                }

            .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content {
                margin-right: 0 !important;
                padding-right: 0 !important;
                border-bottom: 1px solid #ccc !important;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc
            }

                .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                    height: 10px;
                    border-bottom: none;
                    text-align: center
                }

                    .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                        padding-top: 0;
                        font-size: 6px;
                        padding-bottom: 10px
                    }

                    .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                        background-color: #fff
                    }

            .print-design-form .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-cell {
                border-right: 1px solid #ccc;
                border-left: none
            }

            .print-design-form .customizeStylePreview .modern .subTotalSection {
                padding: 10px 5px 0 15px;
                border-top: 2px #ccc;
                overflow: auto
            }

                .print-design-form .customizeStylePreview .modern .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    display: inline-block;
                    font-style: italic;
                    text-align: left;
                    vertical-align: top;
                    width: 40%;
                    word-wrap: break-word
                }

                .print-design-form .customizeStylePreview .modern .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 29%
                }

                .print-design-form .customizeStylePreview .modern .subTotalSection .subTotalRight {
                    width: 35%;
                    vertical-align: top;
                    display: inline-block;
                    float: right
                }

                    .print-design-form .customizeStylePreview .modern .subTotalSection .subTotalRight .subTotalLabel {
                        padding-bottom: 2px;
                        display: table-cell
                    }

                    .print-design-form .customizeStylePreview .modern .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .print-design-form .customizeStylePreview .modern .balanceDueSection {
                padding-right: 5px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 65%;
                float: none
            }

                .print-design-form .customizeStylePreview .modern .balanceDueSection .balanceDueLabel {
                    width: 60%;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .modern .balanceDueSection .balanceDueValue {
                    display: inline-block;
                    width: 30%;
                    margin-left: 10%;
                    text-align: right
                }

            .print-design-form .customizeStylePreview .modern .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 177px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .print-design-form .customizeStylePreview .friendly {
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc;
            background-color: #fff
        }

            .print-design-form .customizeStylePreview .friendly .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .print-design-form .customizeStylePreview .friendly .headerSec {
                min-height: 67px;
                padding: 10px 0 5px
            }

                .print-design-form .customizeStylePreview .friendly .headerSec .companyAdd1 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 5px
                }

                .print-design-form .customizeStylePreview .friendly .headerSec .companyAdd2 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .print-design-form .customizeStylePreview .friendly .headerSec .templateLogo {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: center;
                    width: 36%
                }

                    .print-design-form .customizeStylePreview .friendly .headerSec .templateLogo .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .friendly .headerSec .templateLogoLeft {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: left
                }

                    .print-design-form .customizeStylePreview .friendly .headerSec .templateLogoLeft .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .friendly .headerSec .templateLogoRight {
                    display: inline-block;
                    width: 35%;
                    float: right
                }

                    .print-design-form .customizeStylePreview .friendly .headerSec .templateLogoRight .logo {
                        padding-right: 0
                    }

                .print-design-form .customizeStylePreview .friendly .headerSec .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 36%;
                    padding-left: 5px
                }

                .print-design-form .customizeStylePreview .friendly .headerSec .titleText {
                    display: inline-block;
                    width: 27%;
                    font-size: 10px
                }

                .print-design-form .customizeStylePreview .friendly .headerSec .formTitle {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    word-wrap: break-word
                }

                    .print-design-form .customizeStylePreview .friendly .headerSec .formTitle .formTitleText {
                        font-size: 15px
                    }

                    .print-design-form .customizeStylePreview .friendly .headerSec .formTitle label {
                        padding-right: 5px
                    }

                    .print-design-form .customizeStylePreview .friendly .headerSec .formTitle .uppercase {
                        text-transform: uppercase
                    }

                .print-design-form .customizeStylePreview .friendly .headerSec .formTitleRight {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    float: right;
                    word-wrap: break-word
                }

                    .print-design-form .customizeStylePreview .friendly .headerSec .formTitleRight .formTitleText {
                        font-size: 15px
                    }

                    .print-design-form .customizeStylePreview .friendly .headerSec .formTitleRight label {
                        padding-right: 5px
                    }

                    .print-design-form .customizeStylePreview .friendly .headerSec .formTitleRight .uppercase {
                        text-transform: uppercase
                    }

            .print-design-form .customizeStylePreview .friendly .titleAndMessage {
                font-size: 10px;
                display: inline-block
            }

                .print-design-form .customizeStylePreview .friendly .titleAndMessage .titleAndNumber {
                    vertical-align: top
                }

                    .print-design-form .customizeStylePreview .friendly .titleAndMessage .titleAndNumber .titleText {
                        display: inline-block;
                        padding-bottom: 25px;
                        vertical-align: top
                    }

                    .print-design-form .customizeStylePreview .friendly .titleAndMessage .titleAndNumber .docNumber {
                        padding-left: 2px;
                        vertical-align: top;
                        display: inline-block
                    }

            .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-header {
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                background-color: #fff
            }

                .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    border-bottom: none;
                    color: #404040;
                    height: 14px
                }

            .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 15px;
                border-bottom: none
            }

                .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                    padding-top: 0;
                    font-size: 6px;
                    padding-bottom: 10px
                }

                .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-cell {
                border-left: none;
                padding: 4px 4px 4px 0 !important;
                line-height: 1.5
            }

            .print-design-form .customizeStylePreview .friendly .dgrid.dgrid-03 th.dgrid-cell {
                padding-top: 2px !important;
                padding-bottom: 0 !important
            }

            .print-design-form .customizeStylePreview .friendly .prefContainer {
                color: #8cc857;
                display: inline-block;
                width: 100%;
                margin-top: 8px;
                border-top: 1px solid;
                min-height: 80px;
                font-size: 0px !important;
            }

                .print-design-form .customizeStylePreview .friendly .prefContainer .billingShippingPref {
                    vertical-align: top;
                    display: inline-block;
                    width: 52%;
                    float: left;
                    padding-top: 10px;
                    color: gray
                }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .billingShippingPref .sectionHeader {
                        color: #404040;
                        margin-bottom: 2px
                    }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .billingShippingPref .billToSection {
                        vertical-align: top;
                        width: 50%;
                        display: inline-block
                    }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .billingShippingPref .shipToSection {
                        vertical-align: top;
                        width: 35%;
                        display: inline-block
                    }

                .print-design-form .customizeStylePreview .friendly .prefContainer .dateSection {
                    background-color: #e8f4dd;
                    display: inline-block;
                    width: 16%;
                    min-height: 80px;
                    position: relative
                }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .dateSection .dateSecData {
                        position: absolute;
                        top: 33%;
                        left: 25%;
                        text-align: center
                    }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .dateSection .text {
                        color: #8cc857;
                        text-transform: uppercase;
                        padding: 3px;
                        font-size: 6px;
                        display: block
                    }

                .print-design-form .customizeStylePreview .friendly .prefContainer .amountDueSection {
                    background-color: #8cc857;
                    display: inline-block;
                    width: 16%;
                    min-height: 80px;
                    position: relative
                }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .amountDueSection .amountSecData {
                        position: absolute;
                        top: 33%;
                        left: 25%;
                        text-align: center
                    }

                    .print-design-form .customizeStylePreview .friendly .prefContainer .amountDueSection .text {
                        text-transform: uppercase;
                        color: #fff;
                        padding: 3px;
                        display: block;
                        font-size: 6px
                    }

            .print-design-form .customizeStylePreview .friendly .detailSection {
                padding-top: 10px
            }

                .print-design-form .customizeStylePreview .friendly .detailSection .dgrid .dgrid-column-0-5 {
                    padding-right: 0 !important
                }

                .print-design-form .customizeStylePreview .friendly .detailSection .dgrid-content {
                    border-bottom: 1px solid #ccc
                }

            .print-design-form .customizeStylePreview .friendly .returnStubText {
                font-size: 5px;
                text-align: center;
                padding-top: 10px;
                border-bottom: 1px dotted #ccc
            }

            .print-design-form .customizeStylePreview .friendly .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px
            }

                .print-design-form .customizeStylePreview .friendly .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .print-design-form .customizeStylePreview .friendly .shippingAndCustom .shippingFields .fieldTitle {
                        margin-bottom: 5px;
                        word-wrap: break-word
                    }

                    .print-design-form .customizeStylePreview .friendly .shippingAndCustom .shippingFields .fieldValue {
                        color: gray
                    }

            .print-design-form .customizeStylePreview .friendly .acctSummaryDivCover {
                padding-top: 25px;
                padding-bottom: 5px
            }

            .print-design-form .customizeStylePreview .friendly .subTotalSection {
                padding-top: 10px;
                padding-bottom: 2px;
                padding-left: 10px;
                font-size: 6px;
                border-top: 1px solid #ccc;
                overflow: auto
            }

                .print-design-form .customizeStylePreview .friendly .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    width: 45%;
                    font-style: italic;
                    color: gray;
                    display: inline-block;
                    vertical-align: top;
                    text-align: left;
                    word-wrap: break-word
                }

                .print-design-form .customizeStylePreview .friendly .subTotalSection .subTotalCenter {
                    display: inline-block;
                    width: 17%;
                    vertical-align: top
                }

                .print-design-form .customizeStylePreview .friendly .subTotalSection .subTotalRight {
                    padding-top: 10px;
                    width: 30%;
                    padding-right: 4px;
                    float: right;
                    padding-left: 15px;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .friendly .subTotalSection .subTotalRight .subTotalLabel {
                        display: table-cell;
                        padding-bottom: 2px;
                        text-transform: uppercase;
                        color: #8cc857
                    }

                    .print-design-form .customizeStylePreview .friendly .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

                        .print-design-form .customizeStylePreview .friendly .subTotalSection .subTotalRight .subTotalValue.heavyFont {
                            font-weight: 700
                        }

            .print-design-form .customizeStylePreview .friendly .totalDueSection {
                padding-right: 2px;
                margin-left: 20px
            }

                .print-design-form .customizeStylePreview .friendly .totalDueSection .totalDueLeft {
                    width: 69%;
                    display: inline-block
                }

                .print-design-form .customizeStylePreview .friendly .totalDueSection .totalDueRightSection {
                    width: 30%;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .totalDueRight {
                        padding: 5px 3px 5px 0;
                        border-top: 1px solid #ccc;
                        border-bottom: 1px solid #81b47d
                    }

                        .print-design-form .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueLabel {
                            display: table-cell;
                            text-transform: uppercase;
                            color: #8cc857
                        }

                        .print-design-form .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueValue {
                            text-align: right;
                            display: table-cell;
                            font-weight: 700;
                            width: 30%;
                            color: #8cc857
                        }

                    .print-design-form .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .thankYouSec {
                        font-size: 10px;
                        padding-top: 10px;
                        text-align: right;
                        color: #8cc857;
                        padding-right: 4px
                    }

            .print-design-form .customizeStylePreview .friendly .taxSection {
                padding-top: 10px;
                padding-bottom: 10px
            }

            .print-design-form .customizeStylePreview .friendly .taxSectionDivCover {
                height: 57px
            }

            .print-design-form .customizeStylePreview .friendly .footerText {
                font-size: 5px;
                color: gray;
                padding-bottom: 18px;
                padding-left: 8px;
                padding-right: 20px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

            .print-design-form .customizeStylePreview .friendly .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 182px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .print-design-form .customizeStylePreview .fresh {
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc
        }

            .print-design-form .customizeStylePreview .fresh .secondaryColor {
                height: 100%
            }

            .print-design-form .customizeStylePreview .fresh .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .print-design-form .customizeStylePreview .fresh .headerSection {
                min-height: 67px;
                overflow-y: auto;
                padding: 10px 15px 10px 0
            }

                .print-design-form .customizeStylePreview .fresh .headerSection .templateLogoRight {
                    vertical-align: middle;
                    display: inline-block;
                    width: 40%;
                    float: right
                }

                .print-design-form .customizeStylePreview .fresh .headerSection .companyAddRight {
                    vertical-align: top;
                    width: 40%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .print-design-form .customizeStylePreview .fresh .headerSection .companyAdd2 {
                    vertical-align: middle;
                    display: inline-block;
                    width: 50%
                }

                .print-design-form .customizeStylePreview .fresh .headerSection .companyAdd1 {
                    vertical-align: top;
                    display: inline-block;
                    padding-left: 16px;
                    width: 50%
                }

                .print-design-form .customizeStylePreview .fresh .headerSection .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 40%
                }

            .print-design-form .customizeStylePreview .fresh .prefContainer {
                margin-top: 10px;
                display: inline-block;
                width: 100%
            }

                .print-design-form .customizeStylePreview .fresh .prefContainer .billingShippingPref {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 56%;
                    padding-right: 12px
                }

                    .print-design-form .customizeStylePreview .fresh .prefContainer .billingShippingPref .billToSection {
                        vertical-align: top;
                        width: 40%;
                        display: inline-block;
                        margin-left: 15px
                    }

                        .print-design-form .customizeStylePreview .fresh .prefContainer .billingShippingPref .billToSection .header {
                            background-color: transparent !important
                        }

                    .print-design-form .customizeStylePreview .fresh .prefContainer .billingShippingPref .shipToSection {
                        vertical-align: top;
                        width: 48%;
                        display: inline-block
                    }

                        .print-design-form .customizeStylePreview .fresh .prefContainer .billingShippingPref .shipToSection .header {
                            background-color: transparent !important
                        }

                    .print-design-form .customizeStylePreview .fresh .prefContainer .billingShippingPref .blankColorStrip {
                        background-color: #8cc857;
                        height: 4px;
                        margin-top: 14px
                    }

                .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 40%;
                    color: #fff;
                    float: right
                }

                    .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .invoiceNum {
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                    .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms {
                        vertical-align: top;
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                        .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                            width: 50%;
                            display: inline-block
                        }

                        .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                            display: inline
                        }

                            .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                width: 40%;
                                display: inline-block
                            }

                    .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection {
                        padding: 4px;
                        padding-left: 3px;
                        background-color: #8cc857
                    }

                        .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                            display: inline-block
                        }

                            .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                margin-right: 10px
                            }

                        .print-design-form .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection .dueDateDiv {
                            display: inline-block
                        }

            .print-design-form .customizeStylePreview .fresh .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-left: 15px
            }

                .print-design-form .customizeStylePreview .fresh .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .print-design-form .customizeStylePreview .fresh .shippingAndCustom .shippingFields .fieldTitle {
                        word-wrap: break-word
                    }

            .print-design-form .customizeStylePreview .fresh .acctSummaryDivCover {
                margin-top: 10px;
                margin-bottom: 10px
            }

                .print-design-form .customizeStylePreview .fresh .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .print-design-form .customizeStylePreview .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                font-weight: 700;
                padding-top: 5px
            }

            .print-design-form .customizeStylePreview .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                font-size: 6px;
                padding-top: 0;
                padding-bottom: 5px
            }

            .print-design-form .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-header {
                height: 20px;
                color: #fff;
                background-color: #8cc857
            }

                .print-design-form .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    height: 24px
                }

            .print-design-form .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 10px
            }

                .print-design-form .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .print-design-form .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-cell {
                border-left: none;
                padding: 6px 15px !important;
                line-height: 1.5
            }

            .print-design-form .customizeStylePreview .fresh .dgrid.dgrid-03 th.dgrid-cell {
                padding-top: 2px !important;
                padding-bottom: 0 !important
            }

            .print-design-form .customizeStylePreview .fresh .subTotalSection {
                margin-right: 10px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 15px
            }

                .print-design-form .customizeStylePreview .fresh .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    width: 43%;
                    vertical-align: top;
                    text-align: left;
                    padding-left: 8px;
                    color: gray;
                    display: inline-block;
                    font-style: italic;
                    word-wrap: break-word
                }

                .print-design-form .customizeStylePreview .fresh .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 20%
                }

                .print-design-form .customizeStylePreview .fresh .subTotalSection .subTotalRight {
                    width: 35%;
                    display: inline-block
                }

                    .print-design-form .customizeStylePreview .fresh .subTotalSection .subTotalRight .subTotalLabel {
                        display: table-cell;
                        padding-bottom: 2px
                    }

                    .print-design-form .customizeStylePreview .fresh .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .print-design-form .customizeStylePreview .fresh .totalDueSection {
                background-color: #8cc857;
                color: #fff;
                float: right;
                margin-bottom: 20px;
                margin-right: 1px;
                padding: 5px;
                width: 36%;
                padding-left: 5px;
                padding-right: 0
            }

                .print-design-form .customizeStylePreview .fresh .totalDueSection .totalDueLabel {
                    display: inline-block;
                    width: 55%;
                    padding-left: 5px
                }

                .print-design-form .customizeStylePreview .fresh .totalDueSection .totalDueValue {
                    text-align: right;
                    display: inline-block;
                    width: 37%
                }

            .print-design-form .customizeStylePreview .fresh .taxSection {
                margin-left: 20px;
                padding-bottom: 10px
            }

            .print-design-form .customizeStylePreview .fresh .taxSectionDivCover {
                height: 57px
            }

                .print-design-form .customizeStylePreview .fresh .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .print-design-form .customizeStylePreview .fresh .footerText {
                font-size: 5px;
                color: gray;
                padding: 10px 20px 27px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

            .print-design-form .customizeStylePreview .fresh .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 198px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .print-design-form .customizeStylePreview .airy-v2-preview-container * {
            box-sizing: border-box
        }

        .print-design-form .customizeStylePreview .airy-v2-preview-container .airy-v2, .print-design-form .customizeStylePreview .airy-v2-preview-container .airy-v2 #page-wrap, .print-design-form .customizeStylePreview .airy-v2-preview-container .templateContentPane {
            height: 100%
        }

            .print-design-form .customizeStylePreview .airy-v2-preview-container .templateContentPane .business-logo {
                max-width: 200px;
                max-height: 100px
            }

            .print-design-form .customizeStylePreview .airy-v2-preview-container .templateContentPane table div.text {
                word-break: break-all
            }

        .print-design-form .customizeStylePreview .templateContentPane {
            padding: 0;
            font-size: 8px;
            height: 750px;
            font-family: Helvetica
        }

            .print-design-form .customizeStylePreview .templateContentPane .dgrid th.dgrid-cell {
                text-transform: uppercase;
            }

body .width100Percent {
    width: 100% !important;
}

.designFirstControl .upperCase {
    text-transform: uppercase;
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-cell {
    text-overflow: clip;
    white-space: normal;
    line-height: 6px;
    font-size: 7px;
    text-align: left;
    line-height: 1.5;
    vertical-align: top;
    padding: 3px 5px !important;
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-0 {
    width: 22%
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-1 {
    width: 13%;
    text-align: left
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-2 {
    text-align: right;
    width: 9.5%
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-3 {
    text-align: right;
    width: 17%
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-4 {
    text-align: right;
    width: 10.5%
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-5 {
    text-align: right;
    width: 17%;
    padding-right: 0
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-column-1-0 {
    font-size: 5px
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-header .dgrid-row-table .dgrid-column-1-0 {
    display: none
}

.print-design-form .customizeStylePreview .templateContentPane .dgrid .dgrid-content {
    border-bottom: none
}

.print-design-form .customizeStylePreview .templateContentPane .taxSectionDivCover {
    height: 57px
}

    .print-design-form .customizeStylePreview .templateContentPane .taxSectionDivCover .dgrid .dgrid-row-table .dgrid-column-0-0 {
        width: 22%;
        text-align: right
    }

    .print-design-form .customizeStylePreview .templateContentPane .taxSectionDivCover .dgrid .dgrid-row-table .dgrid-column-0-1 {
        text-align: right;
        width: 30%
    }

    .print-design-form .customizeStylePreview .templateContentPane .taxSectionDivCover .dgrid .dgrid-row-table .dgrid-column-0-2 {
        padding-right: 16px;
        text-align: right;
        width: 30%
    }

.print-design-form .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
    height: 10px
}

    .print-design-form .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table .dgrid-cell {
        line-height: 5px
    }

.print-design-form .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-row-table .dgrid-column-0-0 {
    width: 19%;
    text-align: left
}

.print-design-form .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-row-table .dgrid-column-0-1 {
    text-align: left;
    width: 50%;
    padding-left: 15px
}

.print-design-form .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-row-table .dgrid-column-0-2 {
    padding-right: 0;
    text-align: right;
    width: 30%
}

.print-design-form .customizeStylePreview .templateContentPane .acctSummaryDivCover .bold {
    font-weight: 700
}

.print-design-form .customizeStylePreview .templateContentPane .shippingAndCustom {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 10px
}

.print-design-form .customizeStylePreview .templateContentPane label {
    font-family: Helvetica
}

.print-design-form .customizeStylePreview .templateContentPane #overlayId {
    display: none
}

.print-design-form .customizeStylePreview * {
    box-sizing: content-box
}

.print-design-form .tickerbox {
    background-color: #fff;
    border: 0;
    position: relative;
    background-color: #eceef1;
    cursor: pointer
}

.print-design-form .tickerbox__checkmark {
    color: #000;
    position: absolute;
    margin: 27px;
    width: 21px;
    height: 9px;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.print-design-form .tickerbox__checkmark--hover {
    color: #8d9096;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor
}

.print-design-form .tickerbox__checkmark--clicked {
    color: #fff;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor
}

.print-design-form .tickerbox--hover {
    background-color: #eceef1
}

.print-design-form .tickerbox--clicked {
    background-color: #2ca01c
}

.print-design-form .designFirstControl .templateName {
    width: 77%
}

.print-design-form .designFirstControl .normalText {
    font-weight: 400
}

.print-design-form .designFirstControl .icon2x {
    height: 44px;
    width: 44px;
    transition: width .3s,height .3s,background .3s ease-out .3s
}

    .print-design-form .designFirstControl .icon2x:hover {
        box-shadow: 0 0 0 3px hsla(218,9%,75%,.6);
        border-radius: 3px
    }

.print-design-form .designFirstControl .margin-bottom {
    margin-bottom: 0
}

.print-design-form .designFirstControl .invoice-design-template-icon {
    background: url(../storeImages/pdficon.svg) no-repeat;
    /* background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQ0cHgiIGhlaWdodD0iNDRweCIgdmlld0JveD0iMCAwIDQ0IDQ0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dGVtcGxhdGUgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjIiPjwvcmVjdD4KICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgPC9tYXNrPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IldZU0lXWUctVmlzRGUtdjIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwMS1EZXNpZ24tc3RhcnRpbmctcG9pbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC4wMDAwMDAsIC0xNTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJDb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMDAwMDAwLCAxNTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVGVtcGxhdGUtbGluZSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRlbXBsYXRlLWljb24iPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJSZWN0YW5nbGUtMTEtQ29weS04IiBzdHJva2U9IiNCQUJFQzUiIG1hc2s9InVybCgjbWFzay0yKSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMzMzMzMzMzMsMjYuNCBMMzYuNjY2NjY2NywyNi40IiBpZD0iTGluZS1Db3B5LTgiIHN0cm9rZT0iI0JBQkVDNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjMzMzMzMzMzLDMyLjI2NjY2NjcgTDM2LjY2NjY2NjcsMzIuMjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04IiBzdHJva2U9IiNCQUJFQzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zMzMzMzMzMywyMC41MzMzMzMzIEwzNi42NjY2NjY3LDIwLjUzMzMzMzMiIGlkPSJMaW5lLUNvcHktOCIgc3Ryb2tlPSIjQkFCRUM1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwtQ29weS00IiBmaWxsPSIjNTNCNzAwIiBjeD0iOS45MzUyNzY1NSIgY3k9IjEwLjcyNjAzMDMiIHJ4PSI0LjQiIHJ5PSI0LjQiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;*/
    background-size: contain
}

.print-design-form .designFirstControl .invoice-design-plus-icon {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQ0cHgiIGhlaWdodD0iNDRweCIgdmlld0JveD0iMCAwIDQ0IDQ0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cGx1cyBpY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiByeD0iMiI+PC9yZWN0PgogICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIG1hc2tDb250ZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBtYXNrVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwIiB5PSIwIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L21hc2s+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iV1lTSVdZRy1WaXNEZS12MiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjAxLURlc2lnbi1zdGFydGluZy1wb2ludCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4LjAwMDAwMCwgLTIzMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvLWxpbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGx1cy1pY29uIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iZGFzaGVkLXNxdWFyZSIgc3Ryb2tlPSIjQkFCRUM1IiBtYXNrPSJ1cmwoI21hc2stMikiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iMiwyIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjN0ZEMDAwIiBjeD0iMjIiIGN5PSIyMiIgcj0iMTEiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iKyIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMi41MTU2MjUgMTUuMTI1IDIxLjU3MDMxMjUgMTUuMTI1IDIxLjU3MDMxMjUgMjEuNTQ5MTgwMyAxNS4xMjUgMjEuNTQ5MTgwMyAxNS4xMjUgMjIuNDUwODE5NyAyMS41NzAzMTI1IDIyLjQ1MDgxOTcgMjEuNTcwMzEyNSAyOC44NzUgMjIuNTE1NjI1IDI4Ljg3NSAyMi41MTU2MjUgMjIuNDUwODE5NyAyOC44NzUgMjIuNDUwODE5NyAyOC44NzUgMjEuNTQ5MTgwMyAyMi41MTU2MjUgMjEuNTQ5MTgwMyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain
}

.print-design-form .designFirstControl .invoice-design-color-icon {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQ2cHgiIGhlaWdodD0iNDZweCIgdmlld0JveD0iMCAwIDQ2IDQ2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Y29sb3IgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXWVNJV1lHLVZpc0RlLXYyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDEtRGVzaWduLXN0YXJ0aW5nLXBvaW50IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcuMDAwMDAwLCAtMzA0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iQ29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTU3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkNvbG9yLWxpbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImNvbG9yLWljb24iPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQ29udGFpbmVyLWNvbG9yIiBzdHJva2U9IiNCQUJFQzUiIGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zLUNvcHktNiIgZmlsbD0iI0ZGOEMwMCIgY3g9IjEyLjM3NSIgY3k9IjEyLjM3NSIgcj0iNi44NzUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTMtQ29weS03IiBmaWxsPSIjMEQ5MDlBIiBjeD0iMzEuNjI1IiBjeT0iMTIuMzc1IiByPSI2Ljg3NSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMy1Db3B5LTYiIGZpbGw9IiM3OUJENTgiIGN4PSIxMi4zNzUiIGN5PSIzMS42MjUiIHI9IjYuODc1Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zLUNvcHktNyIgZmlsbD0iIzk1MDA2OSIgY3g9IjMxLjYyNSIgY3k9IjMxLjYyNSIgcj0iNi44NzUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain
}

.print-design-form .designFirstControl .invoice-design-font-icon {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQ0cHgiIGhlaWdodD0iNDRweCIgdmlld0JveD0iMCAwIDQ0IDQ0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Zm9udCBpY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiByeD0iMyI+PC9yZWN0PgogICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIG1hc2tDb250ZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBtYXNrVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwIiB5PSIwIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L21hc2s+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iV1lTSVdZRy1WaXNEZS12MiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjAxLURlc2lnbi1zdGFydGluZy1wb2ludCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4LjAwMDAwMCwgLTM3OS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJGb250LWxpbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyMjIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImZvbnQtaWNvbiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9IkNvbnRhaW5lciIgc3Ryb2tlPSIjQkFCRUM1IiBtYXNrPSJ1cmwoI21hc2stMikiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iI0ZGRkZGRiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGIiBmaWxsPSIjMzkzQTNEIiBwb2ludHM9IjguOTEgMjAuMzUgMjQuMTc4IDIwLjM1IDI0LjE3OCAxOC44OTggOC45MSAxOC44OTggOC45MSA2LjA5NCAyNS4zMjIgNi4wOTQgMjUuMzIyIDQuNTk4IDcuMjM4IDQuNTk4IDcuMjM4IDM1Ljc1IDguOTEgMzUuNzUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM2LjgwNiwyMi4yOTcgTDMxLjUyNiwyMi4yOTcgTDMxLjUyNiwxNS42MDkgQzMxLjUyNiwxMi44MzcgMzIuNDk0LDEwLjE5NyAzNS43MDYsMTAuMTk3IEMzNi4zNjYsMTAuMTk3IDM2Ljk4MiwxMC4yODUgMzcuNTk4LDEwLjQ2MSBMMzcuODYyLDkuMDk3IEMzNy4yNDYsOC45MjEgMzYuNTQyLDguODMzIDM1LjcwNiw4LjgzMyBDMzIuNTM4LDguODMzIDI5Ljg5OCwxMC41OTMgMjkuODk4LDE1LjUyMSBMMjkuODk4LDIyLjI5NyBMMjUuNjMsMjIuMjk3IEwyNS42MywyMy42MTcgTDI5Ljk0MiwyMy42MTcgTDI5Ljk0Miw0Mi42MjUgTDMxLjUyNiw0Mi42MjUgTDMxLjUyNiwyMy42MTcgTDM2LjgwNiwyMy42MTcgTDM2LjgwNiwyMi4yOTcgWiIgaWQ9ImYiIGZpbGw9IiMzOTNBM0QiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain
}

.print-design-form .designFirstControl .invoice-design-Print-icon {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQ0cHgiIGhlaWdodD0iNDRweCIgdmlld0JveD0iMCAwIDQ0IDQ0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UHJpbnQgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjIiPjwvcmVjdD4KICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgPC9tYXNrPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IldZU0lXWUctVmlzRGUtdjIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwMS1EZXNpZ24tc3RhcnRpbmctcG9pbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC4wMDAwMDAsIC00NTMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJDb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMDAwMDAwLCAxNTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUHJpbnQtbGluZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUHJpbnQtaWNvbiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9IlJlY3RhbmdsZS0xMS1Db3B5LTgiIHN0cm9rZT0iI0JBQkVDNSIgbWFzaz0idXJsKCNtYXNrLTIpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9IiNGRkZGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS4zNzUsMzUuODQxNjY2NyBMNDMuMDgzMzMzMywzNS44NDE2NjY3IiBpZD0iTGluZS1Db3B5LTgiIHN0cm9rZT0iIzM0QkZGRiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNiwyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjM3NSw4LjM0MTY2NjY3IEw0My4wODMzMzMzLDguMzQxNjY2NjciIGlkPSJMaW5lLUNvcHktOCIgc3Ryb2tlPSIjMzRCRkZGIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI2LDIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM1LjA2MjUsMS4zNzUgTDM1LjA2MjUsOC4yNSIgaWQ9IkxpbmUtQ29weS04IiBzdHJva2U9IiMzNEJGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM1LjA2MjUsMTMuNzUgTDM1LjA2MjUsMTkuMjUiIGlkPSJMaW5lLUNvcHktOCIgc3Ryb2tlPSIjMzRCRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNS4wNjI1LDI0Ljc1IEwzNS4wNjI1LDMwLjI1IiBpZD0iTGluZS1Db3B5LTgiIHN0cm9rZT0iIzM0QkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC45Mzc1LDEzLjc1IEw4LjkzNzUsMTkuMjUiIGlkPSJMaW5lLUNvcHktOCIgc3Ryb2tlPSIjMzRCRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjkzNzUsMjQuNzUgTDguOTM3NSwzMC4yNSIgaWQ9IkxpbmUtQ29weS04IiBzdHJva2U9IiMzNEJGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM1LjA2MjUsMzUuNzUgTDM1LjA2MjUsNDIuNjI1IiBpZD0iTGluZS1Db3B5LTgiIHN0cm9rZT0iIzM0QkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC45Mzc1LDEuMzc1IEw4LjkzNzUsOC4yNSIgaWQ9IkxpbmUtQ29weS04IiBzdHJva2U9IiMzNEJGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguOTM3NSwzNS43NSBMOC45Mzc1LDQyLjYyNSIgaWQ9IkxpbmUtQ29weS04IiBzdHJva2U9IiMzNEJGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain
}

.print-design-form .designFirstControl .designMain.row {
    padding: 20px 0
}

.print-design-form .designFirstControl #templateThumbnailList {
    overflow: hidden
}

.print-design-form .designFirstControl .row.active {
    visibility: visible;
    padding-top: 10px;
}

    .print-design-form .designFirstControl .row.active #phLayout {
        margin-left: -20px;
        overflow-x: auto;
        white-space: nowrap;
        display: inline-flex;
        padding-bottom: 20px
    }

.print-design-form .designFirstControl .row {
    cursor: pointer
}

.print-design-form .designFirstControl .div-margin {
    padding-bottom: 10px
}

.print-design-form .designFirstControl .row .thumbnails-div.div-margins {
    visibility: hidden;
    opacity: 0;
    width: 1px;
    height: 10px;
    transition: width,opacity .2s ease-in-out .2s
}

.print-design-form .designFirstControl .row #phLogo {
    height: 0
}

.print-design-form .designFirstControl .row.active #phLogo {
    height: auto
}

.print-design-form .designFirstControl .row.active .thumbnails-div.div-margins {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: auto
}

.print-design-form .designFirstControl .row.active .textSection {
    display: none
}

.print-design-form .designFirstControl .row .textSection {
    display: block;
    margin: 0 auto;
    width: 100%
}

.print-design-form .designFirstControl .row .icon2x, .print-design-form .designFirstControl .row .iconText {
    float: left;
    padding: 10px
}

.print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail {
    transition-delay: 1s
}

    .print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail.airy-v2 {
        transform: translatex(10px);
        transition: all 1s
    }

    .print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail.airy {
        transform: translatex(20px);
        transition: all 1.3s
    }

.print-design-form .designFirstControl .visibility {
    position: absolute;
    opacity: 0;
    width: 0
}

.print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail.modern {
    transform: translatex(30px);
    transition: all 1.4s
}

.print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail.fresh {
    transform: translatex(40px);
    transition: all 1.5s
}

.print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail.bold {
    transform: translatex(50px);
    transition: all 1.6s
}

.print-design-form .designFirstControl .row.active .thumbnails-div.div-margins .templateThumbnail.friendly {
    transform: translatex(60px);
    transition: all 1.7s
}

.print-design-form .payment-data {
    margin-left: 0
}

.print-design-form .div-margins {
    margin-top: 20px;
    margin-bottom: 20px
}

.print-design-form .div-top-margin {
    margin-top: 20px
}

.print-design-form .div-bottom-margin {
    margin-bottom: 20px
}

.print-design-form .div-left-margin {
    margin-left: 30px
}

.print-design-form .div-right-margin {
    margin-right: 20px
}

.print-design-form .base-left-div {
    float: left;
    width: 40%;
    margin: 1%
}

.print-design-form .base-right-div {
    float: left;
    width: 56%;
    margin: 1%
}

.print-design-form .div-inline {
    display: inline-block;
    margin-right: 10px
}

    .print-design-form .div-inline button {
        margin-top: 0 !important
    }

.print-design-form .all-children-inline > * {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.print-design-form .div-inline-less-margin {
    display: inline-block;
    margin-right: 5px
}

.print-design-form .info-message {
    vertical-align: middle;
    margin: 5px;
    color: red;
    font-size: 10px
}

.print-design-form .disableChildren * {
    pointer-events: none;
    display: none
}

.print-design-form .nav-link {
    color: #000;
    border-width: .5px;
    border: 1px solid #ddd;
}

    .print-design-form .nav-link, .print-design-form .nav-link.active {
        min-width: 25%;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        font-size: 14px;
        text-align: center;
    }

        .print-design-form .nav-link.active:not(.templateThumbnail) {
            background-color: #0071DC;
            color: #fff;
            border-width: 0px;
        }

.base-left-div > .nav-tabs li {
}

.print-design-form .preview-button, .print-design-form .save-button {
    min-width: 100px
}

.print-design-form .center-align-dev {
    vertical-align: middle
}

.print-design-form .top-align-div {
    vertical-align: top
}

.print-design-form .split-newlines {
    white-space: pre-line
}

.print-design-form .templateThumbnail {
    margin-left: 5px;
    margin-right: 5px;
    transform: translatex(0);
    display: inline-block;
    background: transparent;
    padding: 0;
    color: #444;
}

    .print-design-form .templateThumbnail .thumbnailPreviewImage {
        max-width: 70px;
        padding: 3px;
    }

    .print-design-form .templateThumbnail .thumbnailLabel {
        text-align: center;
        font-family: HelveticaNeueRoman,Helvetica,Arial,sans-serif;
        white-space: normal;
        width: 70px;
        word-break: break-word;
        font-size: 12px;
    }

.print-design-form .HATextarea textarea, .print-design-form .HATextField input {
    font-size: 12px;
    width: 500px;
    height: 40px;
    padding: 0 15px;
}

.print-design-form .HATextarea label {
    font-weight: 700
}

.print-design-form .footerMessage {
    text-align: center
}

    .print-design-form .footerMessage div {
        display: inline-block
    }

.print-design-form .toolTipContent {
    border-bottom: 1px dotted;
    display: inline-block
}

.print-design-form .logoBox .radioBox {
    margin-left: 20px;
    margin-right: 10px
}

.print-design-form .logoBox .logoChoicePanel {
    text-align: center;
    margin-left: 20px;
    margin-right: 10px;
    padding-top: 3px;
    width: 100%
}

.print-design-form .logoBox .zoomChoicePanel {
    text-align: left;
    margin-left: 20px;
    margin-right: 10px;
    padding-top: 3px;
    width: 100%;
    vertical-align: middle
}

.print-design-form .logoBox .slide-bar {
    margin-bottom: 0
}

.print-design-form .logoBox .zoom-controls {
    padding: 2px;
    margin-top: 15px;
    margin-right: 15px;
    display: inline
}

.print-design-form .logoBox .blockLogo {
    margin-top: 20px;
    margin-left: 15px;
    display: inline
}

.print-design-form .logoBox .noneLogo {
    margin-top: 20px;
    margin-left: 15px;
    display: none
}

.print-design-form .logoBox .crop-canvas {
    width: 94px;
    height: 94px
}

.print-design-form .logoBox .greyCircle {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 25px;
    border: thin solid grey
}

.print-design-form .logoBox .activeCircle, .print-design-form .logoBox .greyCircle {
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 15px;
    padding-top: 3px;
    display: inline-block
}

.print-design-form .logoBox .activeCircle {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 25px;
    border: thin solid #000
}

.print-design-form .label-ca {
    color: #8d9096;
    font-size: 11px
}

.print-design-form label {
    margin-top: 0;
    font-weight: 300;
    font-size: 14px;
}

.print-design-form .logoBox .labelTextGrey {
    color: grey;
    font-size: 10px;
    font-weight: 400
}

.print-design-form .logoBox .label-block {
    text-align: left;
    padding-left: 15px;
    padding-bottom: 5px
}

.print-design-form .logoBox .logo-custom-inline {
    display: inline-block;
    margin-right: 15px
}

.print-design-form .logoBox .div-no-margin {
    margin-left: 15px;
    text-align: left
}

.print-design-form .logoBox .labelTextActive {
    color: #000;
    font-size: 10px;
    font-weight: 700
}

.print-design-form .logoBox .centerAlignIconSelected {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Y2VudGVyIHNlbGVjdGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldZU0lXWUctVmlzRGUtdjIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNi1EZXNpZ24tbG9nby1jb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5NS4wMDAwMDAsIC0yNDYuMDAwMDAwKSIgc3Ryb2tlPSIjMzkzOTNEIj4KICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvLWNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBsYWNlbWVudC1jb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImNlbnRlci1zZWxlY3RlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQuMDAwMDAwLCAxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwyMiBDMTcuMDc1MTMyMiwyMiAyMiwxNy4wNzUxMzIyIDIyLDExIEMyMiw0LjkyNDg2Nzc1IDE3LjA3NTEzMjIsMCAxMSwwIEM0LjkyNDg2Nzc1LDAgMCw0LjkyNDg2Nzc1IDAsMTEgQzAsMTcuMDc1MTMyMiA0LjkyNDg2Nzc1LDIyIDExLDIyIFoiIGlkPSJPdmFsLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJsaW5lcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDYuMDAwMDAwKSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw1LjQ2NjY2NjY3IEwxNCw1LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw5LjQ2NjY2NjY3IEwxNCw5LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxLjQ2NjY2NjY3IEwxNCwxLjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain
}

.templateThumbnail {
    border: 0px !important;
}

.print-design-form .logoBox .rightAlignIconSelected {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cmlnaHQgc2VsZWN0ZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iV1lTSVdZRy1WaXNEZS12MiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjA2LURlc2lnbi1sb2dvLWNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI5LjAwMDAwMCwgLTI0Ni4wMDAwMDApIiBzdHJva2U9IiMzOTM5M0QiPgogICAgICAgICAgICA8ZyBpZD0iQ29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTU3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkxvZ28tY29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGxhY2VtZW50LWNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icmlnaHQtc2VsZWN0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4LjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjIgQzE3LjA3NTEzMjIsMjIgMjIsMTcuMDc1MTMyMiAyMiwxMSBDMjIsNC45MjQ4Njc3NSAxNy4wNzUxMzIyLDAgMTEsMCBDNC45MjQ4Njc3NSwwIDAsNC45MjQ4Njc3NSAwLDExIEMwLDE3LjA3NTEzMjIgNC45MjQ4Njc3NSwyMiAxMSwyMiBaIiBpZD0iT3ZhbC0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ibGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA2LjAwMDAwMCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUsNS40NjY2NjY2NyBMMTQsNS40NjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsOS40NjY2NjY2NyBMMTQsOS40NjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMS40NjY2NjY2NyBMMTQsMS40NjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain
}

.print-design-form .logoBox .leftAlignIconSelected {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bGVmdCBzZWxlY3RlZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXWVNJV1lHLVZpc0RlLXYyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDYtRGVzaWduLWxvZ28tY29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuMDAwMDAwLCAtMjQ2LjAwMDAwMCkiIHN0cm9rZT0iIzM5MzkzRCI+CiAgICAgICAgICAgIDxnIGlkPSJDb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMDAwMDAwLCAxNTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nby1jb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQbGFjZW1lbnQtY29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0NC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJsZWZ0LXNlbGVjdGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjIgQzE3LjA3NTEzMjIsMjIgMjIsMTcuMDc1MTMyMiAyMiwxMSBDMjIsNC45MjQ4Njc3NSAxNy4wNzUxMzIyLDAgMTEsMCBDNC45MjQ4Njc3NSwwIDAsNC45MjQ4Njc3NSAwLDExIEMwLDE3LjA3NTEzMjIgNC45MjQ4Njc3NSwyMiAxMSwyMiBaIiBpZD0iT3ZhbC0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ibGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA2LjAwMDAwMCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNS40NjY2NjY2NyBMOSw1LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw5LjQ2NjY2NjY3IEwxNCw5LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxLjQ2NjY2NjY3IEwxNCwxLjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain
}

.print-design-form .logoBox .centerAlignIconUnSelected {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Y2VudGVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldZU0lXWUctVmlzRGUtdjIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNi1EZXNpZ24tbG9nby1jb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5NS4wMDAwMDAsIC0yNDYuMDAwMDAwKSIgc3Ryb2tlPSIjQkFCRUM1Ij4KICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvLWNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBsYWNlbWVudC1jb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImNlbnRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQuMDAwMDAwLCAxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwyMiBDMTcuMDc1MTMyMiwyMiAyMiwxNy4wNzUxMzIyIDIyLDExIEMyMiw0LjkyNDg2Nzc1IDE3LjA3NTEzMjIsMCAxMSwwIEM0LjkyNDg2Nzc1LDAgMCw0LjkyNDg2Nzc1IDAsMTEgQzAsMTcuMDc1MTMyMiA0LjkyNDg2Nzc1LDIyIDExLDIyIFoiIGlkPSJPdmFsLTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJsaW5lcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDYuMDAwMDAwKSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw1LjQ2NjY2NjY3IEwxNCw1LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw5LjQ2NjY2NjY3IEwxNCw5LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxLjQ2NjY2NjY3IEwxNCwxLjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain
}

.print-design-form .logoBox .rightAlignIconUnSelected {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iV1lTSVdZRy1WaXNEZS12MiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjA2LURlc2lnbi1sb2dvLWNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI5LjAwMDAwMCwgLTI0Ni4wMDAwMDApIiBzdHJva2U9IiNCQUJFQzUiPgogICAgICAgICAgICA8ZyBpZD0iQ29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTU3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkxvZ28tY29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGxhY2VtZW50LWNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4LjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjIgQzE3LjA3NTEzMjIsMjIgMjIsMTcuMDc1MTMyMiAyMiwxMSBDMjIsNC45MjQ4Njc3NSAxNy4wNzUxMzIyLDAgMTEsMCBDNC45MjQ4Njc3NSwwIDAsNC45MjQ4Njc3NSAwLDExIEMwLDE3LjA3NTEzMjIgNC45MjQ4Njc3NSwyMiAxMSwyMiBaIiBpZD0iT3ZhbC0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ibGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA2LjAwMDAwMCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUsNS40NjY2NjY2NyBMMTQsNS40NjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsOS40NjY2NjY2NyBMMTQsOS40NjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMS40NjY2NjY2NyBMMTQsMS40NjY2NjY2NyIgaWQ9IkxpbmUtQ29weS04Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain
}

.print-design-form .logoBox .leftAlignIconUnSelected {
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXWVNJV1lHLVZpc0RlLXYyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDYtRGVzaWduLWxvZ28tY29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuMDAwMDAwLCAtMjQ2LjAwMDAwMCkiIHN0cm9rZT0iI0JBQkVDNSI+CiAgICAgICAgICAgIDxnIGlkPSJDb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMDAwMDAwLCAxNTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nby1jb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQbGFjZW1lbnQtY29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0NC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJsZWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMjIgQzE3LjA3NTEzMjIsMjIgMjIsMTcuMDc1MTMyMiAyMiwxMSBDMjIsNC45MjQ4Njc3NSAxNy4wNzUxMzIyLDAgMTEsMCBDNC45MjQ4Njc3NSwwIDAsNC45MjQ4Njc3NSAwLDExIEMwLDE3LjA3NTEzMjIgNC45MjQ4Njc3NSwyMiAxMSwyMiBaIiBpZD0iT3ZhbC0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ibGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA2LjAwMDAwMCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNS40NjY2NjY2NyBMOSw1LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw5LjQ2NjY2NjY3IEwxNCw5LjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxLjQ2NjY2NjY3IEwxNCwxLjQ2NjY2NjY3IiBpZD0iTGluZS1Db3B5LTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain
}

.print-design-form .logoBox .iconImg {
    height: 25px;
    width: 25px
}

.print-design-form .logoBox .show-hide-logo-container {
    padding-top: 17px;
    text-align: left
}

.print-design-form .logoContainer {
    position: relative;
    height: 108px;
    display: table-cell;
    vertical-align: middle
}

    .print-design-form .logoContainer .content {
        width: 102px;
        height: 102px;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        line-height: .1;
        border: 2px solid #dadbdd
    }

    .print-design-form .logoContainer .logoBlank {
        width: 94px;
        height: 94px;
        cursor: pointer;
        background: #ccc;
        border: 1px solid #dadbdd;
        background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAGnElEQVR4Ae2d32scVRTHz8zOZLP5tfm5pBYitqBUKrXSX9ZSUyyCL4rvCn0xf4KiL9aXBv0TfPLBVwm+VPwFsdbWmpK4JTS00JYEtTXdpNn82sSdnfF878yYECyFNnu8W8+ETebHvXM2n737uefOwB1n5Oz3r5546dDHrS3Ne3+8OO42+V5w9PB+v1oNqhd+mfB936sePaTbD8Xj0oTv+d5fx468kL1bmr/y9bfn33POfvPDbydPHNvpe24U1GqO6zjkui5hqdVq5Oj2I/EgciiTccOgFrrnf7487czPLyx1deXbmG/ELwegdakLgZDP6jpRFAW8kqlLCD1pSsA05kplbcWdKE6tJHuxU5f6EHCg5wtjxZw7W5pvwwYvqpP6wDZnRb/YmsuuOfcWyuXOfEcH71WH1xF4cuoQDkfzjtOS+gf8X0dYraytwuHLCQV1eB2bA7R9cazYrA6vI+TNp1aHb6Yht64Ol2NNpA4XpK0OF4SNUOpwYeBJOHW4JHd1uCBtdbggbIRShwsDT8KpwyW5q8MFaavDBWEjlDpcGHgSTh0uyV0dLkhbHS4IG6HU4cLAk3DqcEnu6nBB2upwQdgIpQ4XBp6EU4dLcleHC9JWhwvCRih1uDDwJJw6XJK7OlyQtjpcEDZCqcOFgSfh1OGS3NXhgrTV4YKwEUodLgw8CacOl+SuDhekrQ4XhI1Q6nBh4Ek4dbgkd3W4IG11uCBshFKHCwNPwqnDJbmrwwVpq8MFYSOUOlwYeBJOHS7JXR0uSFsdLggbodThwsCTcOpwSe7qcEHa6nBB2AilDhcGnoRrRIdHZkZL/APxVKKNM6FoQzk8ikLiSS0NZodR4wfIsQ/HbF9Sh3vp3LOZTMbKpmLaM3N2nHjy0DCqUmjAsxcxt7nj/wMen0H8QdiHvyEcjtaLCeOxzFZu0tS9c3Rz5SsqVxfMvrzfSbtaX6M9XcepkNtl9m2uY3bY9cteh6fg0KLP3fmMvpsdomWe6TzHDR1tHXLBq8I2afOIThY+peP9p0yLT+vaxdrieQuhEbRswB6Z/pC++GOIfBqgXn83Nbst1JLZTa2ZZ3g9Z/bhGMqMTJ82dVB3o2u1A3vqcDvnnkXT5QUte7Q0TP3+XgZ4h2Eu0mKwSvs636aD3UNUDiq8b8UcQ5nR0hlTx1ROzmHWLfiVOtw9fOC5Ze4w8ZaseIvIONBC4WxopNcfoGp0nd8eZt1Gy+XnJzgev3yzzt2mOYYyKIs6qGtauUXZC97PkYPPN7s8WTseuIHFkiwlfhvoIOFsgHUpz68e9nMrb29kIlh3nVx8jMugLOqgbrxY8i8l74bz8DXL5g/fcDeyEXSQteg2Ldbusj5mWSe3aJ6BrofLVA0rNFcl3n8jPsZlUBZ1UBf+R6uy5ItrHtGD+cOtzMORZyP1gyw8ZwcN9r7FrZdTEf4SrodLtKv9Rd5uojf636WsGz9NocYPaykufM51+APgujiHa1EDt9bhybfvsfuTOtyzz+HxCBKDmj/XiQLWxGjpIx6+w+dEc6yU1+l9btmd9OWdT6iPB5o1PgZ7tGdaCIN81MUo1LbFQofH10YwXMcIEoOaDCulI9NHea9AHd5T1M1mybpt5HMO3sOw897u+BiXQVnUQV2cAwMgW3IBi/NwQCIzXMcIsoZrJ1Tm15zJudGa00EN1sOIc3Ec4zIoizoY6sdLfK5k4z/9Y63DcZEKLRPXRjBcL1VnyHeeZlgYK3AWw7/RQQIu1iNGjWMog7Kog7rx8B7drh1L6nArn+NjhvaMMx3aj84NU683wMrwGfRtk7lw/sJ+n+F9Txj4pWCGBns+oDefPB3rxHw4dnkc18Od8V+vlvfv22Pdk6rSC1CPy8UrOHz0p8uhlXk4JICvIKCj8xvc8Q492/lKQ1+eTR1u/bPYTAfJfV88akQn+W83INjlyEjYILbegEh6Enuvh2/t6uLbaIxzS35tQMPXyR2hrfVs2m6oe5oAGsNGm49/TNbCH0AjwLY4D39Qm4Q04h/jkAcVt+R4wzjcEl7b9TaMw/nqhD4TebuI3uc8GPI6lbX1FXe8eFWfp3kfStu4O34m8qWJZvfewmKehY7xcTxSjqOkFyH07zbxQMfe1tpSdRbKi2P5jvYDQRCEnueZiw9IacOwRsm9Ts5xdftReAQ8yvT4vjHfFClmhofPXJm6duPl4uS1nkJfz1K2qcm/PD65PHX9ll/o7V7OZnX7YXn09XaBnzc2Prk6PfP73Z07Cqf+BoW+aD1DBr+PAAAAAElFTkSuQmCC);
        background-repeat: no-repeat
    }

    .print-design-form .logoContainer img {
        cursor: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAK3RFWHRDcmVhdGlvbiBUaW1lAHZyIDE0IGp1bCAyMDA2IDEzOjMxOjIzICswMTAwHvJDZwAAAAd0SU1FB9YHDgsgJYiZ4bUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAEZ0FNQQAAsY8L/GEFAAAB5ElEQVR42q2Tz0sqURTH72Qq4mASSAoSIfSDdCEI8qJFLXSjLYSQNoGLINrI8/0ZD9q0KnDlKkIMebmP9xZRCEEiLQLBiMiNJDYq/Zg573vpCkM6CdGBD3Pn3OvXe77nDGPfENKwJBHx/CxYAtNAAVfgXJKk7khVCCyCP6ALVKAJXkEdbINxw5tgM4HHPphSFEUql8usXq8zWZZZKBRiPp+PH3sBx2Br4FbiBg+aplGxWKRgMPiMH1+YTKZDq9V64na7G+l0mprNJo7RG/g94IEoQSsUCuRyue6QToIJYAJWMA/Bo2QySZ1Ohws9gZBeZI570Gq1yO/395BKGJg+ZbFYznK5HAmf9vQiKW5iqVQim832Fyn5E+83Y7EYieAdY2Nig7dRqtVqrNfr3YiWGsVltVrtr2f0IrwEZrfbGeqWhQ9GMeFwOPprRS9SAWo4HGZOp/MH1l4DAS6+HolE+u9Xek9kcK+qKqVSKUL/s0hPDhFY83g8j5VKhcQg7nxs80/w0mg0KB6Pa2az+RTpDbDA3sd/lwvk8/l+Z7iS/FHEAor8H9rtNmWzWYpGo+T1eikQCFAmkyFxAy7AJ255aMHYcIID8d1oNBi8hGuwwkYFDq0CPlG3YsTb4B/4BRwjBb4S/wGzT16tu5THiAAAAABJRU5ErkJggg==) 3 3,crosshair;
        margin: 2px
    }

    .print-design-form .logoContainer .medium-size-logo {
        width: 94px;
        height: 94px;
        margin: 2px 2px 2px 0;
        padding: 2px;
        border: 1px solid #dadbdd
    }

    .print-design-form .logoContainer .uploadLogoBox {
        cursor: pointer;
        border: 1px solid #dfe7f1;
        bottom: 4px;
        right: 2px;
        position: absolute;
        background: #fff
    }

        .print-design-form .logoContainer .uploadLogoBox .uploadLogoIcon {
            background-size: 50px;
            height: 13px;
            width: 13px;
            margin: 2px
        }

.print-design-form .colorPickerContainer {
    border-spacing: 1px
}

    .print-design-form .colorPickerContainer .colorPalatte .color-ul {
        padding-left: 0 !important;
        width: 2px;
        margin-top: 7px;
        visibility: hidden;
        margin-left: -200px;
        height: 10px;
    }

        .print-design-form .colorPickerContainer .colorPalatte .color-ul.animate {
            visibility: visible;
            width: 300px;
            transition: all .4s ease 0s;
            margin-left: 1px
        }

    .print-design-form .colorPickerContainer .colorPalatte .colorSpacer {
        padding-top: 10px
    }

        .print-design-form .colorPickerContainer .colorPalatte .colorSpacer > .color-label-placeholader {
            width: 80px !important
        }

    .print-design-form .colorPickerContainer .colorPalatte .color-li {
        width: 30px;
        display: inline-block;
        position: relative
    }

    .print-design-form .colorPickerContainer .colorPalatte .circle {
        border-radius: 50%;
        height: 25px;
        width: 25px;
        margin: 0 8px;
        position: relative
    }

    .print-design-form .colorPickerContainer .colorPalatte .bigCircleSection {
        float: left
    }

    .print-design-form .colorPickerContainer .colorPalatte .palleteHighlight {
        border: 3px double #fff
    }

    .print-design-form .colorPickerContainer .colorPalatte .bigcircle {
        border-radius: 50%;
        height: 60px;
        width: 60px;
        position: relative;
    }

    .print-design-form .colorPickerContainer .colorPalatte .textField {
        width: 55%
    }

.print-design-form .ha-select {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 80px;
    margin-left: 10px
}

.print-design-form .fontSelectionContainer .fontSelect .haFontFamily {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 125px;
    margin-left: 10px
}

.print-design-form .fontSelectionContainer .fontSelect .haFontSize {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 100px;
    margin-left: 10px
}

.print-design-form .fontSelectionContainer .fontSelect .haLine {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 120px;
    margin-left: 10px
}

.print-design-form .vatsummary {
    font-weight: 600;
    font-size: 12px
}

.print-design-form .legalMention {
    white-space: pre-wrap;
    text-align: center
}

.print-design-form .footerCompanyInfo {
    text-align: center
}

.print-design-form .paymentsContainer .achDiv {
    border-color: #c0d0e4;
    background-size: contain;
    width: 355px;
    box-shadow: 0 2px 0 0 #d4d7dc;
    background-color: #fff;
    padding-top: 12px
}

.print-design-form .paymentsContainer .paymentOption1US {
    background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTJweCIgdmlld0JveD0iMCAwIDUwIDUyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QUNIPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IldZU0lXWUctVmlzRGUtdjIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIyNi1QYXltZW50cy1BIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDMuMDAwMDAwLCAtMjIzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iQ29udHJvbHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTUzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkFDSCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCA3MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQmFuayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41MzcwMzcsIDAuMDAwMDAwKSIgc3Ryb2tlPSIjQkFCREM0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjUwNDE1LDM1LjQ0OTAyNjMgTDMyLjUwNDE1LDE5LjQyNDI4OTUgQzMyLjUwNDE1LDE4LjY4OTcxMDUgMzEuODk0MzcyMiwxOC4wODg0NDc0IDMxLjE0OTM5MDcsMTguMDg4NDQ3NCBMMjguNDQwNzc5NiwxOC4wODg0NDc0IEMyNy42OTU3OTgxLDE4LjA4ODQ0NzQgMjcuMDg2OTI3OCwxOC42ODk3MTA1IDI3LjA4NjkyNzgsMTkuNDI0Mjg5NSBMMjcuMDg2OTI3OCwzNC4xMTMxODQyIEMyNy4wODY5Mjc4LDM0Ljg0Nzc2MzIgMjYuNDc3MTUsMzUuNDQ5MDI2MyAyNS43MzIxNjg1LDM1LjQ0OTAyNjMgTDIzLjcwMTM5MDcsMzUuNDQ5MDI2MyBDMjIuOTU2NDA5MywzNS40NDkwMjYzIDIyLjM0NjYzMTUsMzQuODQ3NzYzMiAyMi4zNDY2MzE1LDM0LjExMzE4NDIgTDIyLjM0NjYzMTUsMTkuNDI0Mjg5NSBDMjIuMzQ2NjMxNSwxOC42ODk3MTA1IDIxLjczNjg1MzcsMTguMDg4NDQ3NCAyMC45OTE4NzIyLDE4LjA4ODQ0NzQgTDE4LjI4MzI2MTEsMTguMDg4NDQ3NCBDMTcuNTM4Mjc5NiwxOC4wODg0NDc0IDE2LjkyOTQwOTMsMTguNjg5NzEwNSAxNi45Mjk0MDkzLDE5LjQyNDI4OTUgTDE2LjkyOTQwOTMsMzQuMTEzMTg0MiBDMTYuOTI5NDA5MywzNC44NDc3NjMyIDE2LjMxOTYzMTUsMzUuNDQ5MDI2MyAxNS41NzQ2NSwzNS40NDkwMjYzIEwxMy41NDI5NjQ4LDM1LjQ0OTAyNjMgQzEyLjc5ODg5MDcsMzUuNDQ5MDI2MyAxMi4xODkxMTMsMzQuODQ3NzYzMiAxMi4xODkxMTMsMzQuMTEzMTg0MiBMMTIuMTg5MTEzLDE5LjQyNDI4OTUgQzEyLjE4OTExMywxOC42ODk3MTA1IDExLjU3OTMzNTIsMTguMDg4NDQ3NCAxMC44MzQzNTM3LDE4LjA4ODQ0NzQgTDguMTI1NzQyNTksMTguMDg4NDQ3NCBDNy4zODA3NjExMSwxOC4wODg0NDc0IDYuNzcxODkwNzQsMTguNjg5NzEwNSA2Ljc3MTg5MDc0LDE5LjQyNDI4OTUgTDYuNzcxODkwNzQsMzcuNDUyMzQyMSBDNi43NzE4OTA3NCwzOC4xODY5MjExIDYuMTYyMTEyOTYsMzguNzg3Mjg5NSA1LjQxNzEzMTQ4LDM4Ljc4NzI4OTUgTDEuMzU0NjY4NTIsMzguNzg3Mjg5NSBDMC42MDk2ODcwMzcsMzguNzg3Mjg5NSAtOS4wNzQwNzQwN2UtMDUsMzkuMzg4NTUyNiAtOS4wNzQwNzQwN2UtMDUsNDAuMTIzMTMxNiBMLTkuMDc0MDc0MDdlLTA1LDQyLjc5MzkyMTEgQy05LjA3NDA3NDA3ZS0wNSw0My41Mjg1IDAuNjA5Njg3MDM3LDQ0LjEyODg2ODQgMS4zNTQ2Njg1Miw0NC4xMjg4Njg0IEw0Mi42NjE2Njg1LDQ0LjEyODg2ODQgQzQzLjQwNjY1LDQ0LjEyODg2ODQgNDQuMDE2NDI3OCw0My41Mjg1IDQ0LjAxNjQyNzgsNDIuNzkzOTIxMSBMNDQuMDE2NDI3OCw0MC4xMjMxMzE2IEM0NC4wMTY0Mjc4LDM5LjM4ODU1MjYgNDMuNDA2NjUsMzguNzg3Mjg5NSA0Mi42NjE2Njg1LDM4Ljc4NzI4OTUgTDM4LjU5ODI5ODEsMzguNzg3Mjg5NSBDMzcuODU0MjI0MSwzOC43ODcyODk1IDM3LjI0NDQ0NjMsMzguMTg2OTIxMSAzNy4yNDQ0NDYzLDM3LjQ1MjM0MjEgTDM3LjI0NDQ0NjMsMTYuMDg1MTMxNiBDMzcuMjQ0NDQ2MywxNS4zNTA1NTI2IDM3Ljg1NDIyNDEsMTQuNzUwMTg0MiAzOC41OTgyOTgxLDE0Ljc1MDE4NDIgTDQzLjY3NzA1NzQsMTQuNzUwMTg0MiBDNDQuNDIyMDM4OSwxNC43NTAxODQyIDQ0LjUyMDk0NjMsMTQuNDIyNzEwNSA0My44OTY2NSwxNC4wMjE4Njg0IEwyMi40NjY0MDkzLDAuMjg2NzYzMTU4IEMyMS44NDIxMTMsLTAuMTEzMTg0MjExIDIwLjgzMzk4MzMsLTAuMDkyNjA1MjYzMiAyMC4yMjY5Mjc4LDAuMzMzMjg5NDc0IEwwLjc2NDg1MzcwNCwxMy45NzYyMzY4IEMwLjE1Nzc5ODE0OCwxNC40MDIxMzE2IDAuMjcxMjI0MDc0LDE0Ljc1MDE4NDIgMS4wMTYyMDU1NiwxNC43NTAxODQyIEwzNC4xOTczNzIyLDE0Ljc1MDE4NDIgQzM0Ljk0MjM1MzcsMTQuNzUwMTg0MiAzNS4wMzAzNzIyLDE0LjQzNzkyMTEgMzQuMzkzMzcyMiwxNC4wNTc2NTc5IEwyMi40ODkwOTQ0LDYuOTM2NDQ3MzcgQzIxLjg1MjA5NDQsNi41NTUyODk0NyAyMC44MjAzNzIyLDYuNTcyMjg5NDcgMjAuMTk2OTgzMyw2Ljk3NDAyNjMyIEwxMy4wMzU3MjQxLDExLjU4OTA3ODkiIGlkPSJTdHJva2UtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMTU3NTE4NSwzOCBMMzMuODU4MDkyNiwzOCIgaWQ9IlN0cm9rZS0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzNi42ODQyMTEpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzZCNkM3MiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI5LjAzNzAzNyIgaGVpZ2h0PSIxNC4zMTU3ODk1IiByeD0iMS44MDAwMDAwNyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBmb250LWZhbWlseT0iQXZlbmlyTmV4dGZvcklOVFVJVC1NZWRpdW0sIEF2ZW5pck5leHQgZm9ySU5UVUlUIiBmb250LXNpemU9IjEwLjgwMDAwMDQiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjMuMDE2NTE4MDYiIHk9IjEwLjg5NDczNjgiPkFDSDwvdHNwYW4+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    height: 52px;
    width: 45px;
    float: left;
    margin-left: 26px;
    margin-top: -2px
}

.print-design-form .paymentsContainer .paymentOption1UK {
    background-image: url(../images/33c80d046f8b8072049bf2bf30e3edd5.png);
    background-size: 100px 28px;
    background-repeat: no-repeat;
    height: 28px;
    width: 100px;
    float: left;
    margin-left: 10px;
    margin-top: 6px
}

.print-design-form .paymentsContainer .ccDiv {
    border-color: #c0d0e4;
    background-size: contain;
    margin-top: 20px;
    padding-top: 12px;
    width: 355px;
    box-shadow: 0 2px 0 0 #d4d7dc;
    background-color: #fff
}

.print-design-form .paymentsContainer .paymentOption2US {
    background-image: url(../images/a868d59eea3847d4b23f8c77c2a19125.svg);
    background-repeat: no-repeat;
    height: 47px;
    width: 100px;
    float: left;
    margin-left: 10px;
    margin-top: 6px
}

.print-design-form .paymentsContainer .paymentOption2CA {
    background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjlweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjkgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5WaXNhPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMDU4MDE0OTIxNSAwIDMuMjg2MTg0NTUgMy43MDk1Mzc5MiAzLjI4NjE4NDU1IDMuNzA5NTM3OTIgMC4wNTgwMTQ5MjE1Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iV1lTSVdZRy1WaXNEZS12MiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjI2LVBheW1lbnRzLUEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNy4wMDAwMDAsIC0zMjguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJDb250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMDAwMDAwLCAxNTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ3JlZGl0LUNhcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNDLWljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTciPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE2Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVmlzYSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjAwNDM3OTU1Mzc2LDE1LjMwNDc3MDMgQzAuMDAyMzQ5OTk1NDEsMTUuNTk2MTk0NSAwLjExNjEwNDE1OCwxNS44NzYzODM3IDAuMzIwNDA0MjA2LDE2LjA4MzE3NDMgQzAuNTI0NzA0MjU0LDE2LjI4OTk2NDkgMC44MDI2NTYzNjIsMTYuNDA2MjU3IDEuMDkyNTkzMjYsMTYuNDA2MjUgTDI2LjEyNjk0OTYsMTYuNDA2MjUgQzI2LjQxNjg4NjUsMTYuNDA2MjU3IDI2LjY5NDgzODYsMTYuMjg5OTY0OSAyNi44OTkxMzg2LDE2LjA4MzE3NDMgQzI3LjEwMzQzODYsMTUuODc2MzgzNyAyNy4yMTcxOTI4LDE1LjU5NjE5NDUgMjcuMjE1MTYzMiwxNS4zMDQ3NzAzIEwyNy4yMTUxNjMyLDEuMTAxNDc5NjggQzI3LjIxNzE5MjgsMC44MTAwNTU0MzkgMjcuMTAzNDM4NiwwLjUyOTg2NjIyMiAyNi44OTkxMzg2LDAuMzIzMDc1NjM1IEMyNi42OTQ4Mzg2LDAuMTE2Mjg1MDQ3IDI2LjQxNjg4NjUsLTcuMTQwMTQ1MDllLTA2IDI2LjEyNjk0OTYsMCBMMS4wODgyNDA0MSwwIEMwLjc5ODMwMzUwOSwtNy4xNDAxNDUwOWUtMDYgMC41MjAzNTEzOTksMC4xMTYyODUwNDcgMC4zMTYwNTEzNSwwLjMyMzA3NTYzNSBDMC4xMTE3NTEzMDIsMC41Mjk4NjYyMjIgLTAuMDAyMDAyODU5NDMsMC44MTAwNTU0MzkgMi42Njk4OTIxNmUtMDUsMS4xMDE0Nzk2OCBMMi42Njk4OTIxNmUtMDUsMTUuMzA0NzcwMyBMMC4wMDQzNzk1NTM3NiwxNS4zMDQ3NzAzIEwwLjAwNDM3OTU1Mzc2LDE1LjMwNDc3MDMgTDAuMDA0Mzc5NTUzNzYsMTUuMzA0NzcwMyBaIiBpZD0iU2hhcGUiIHN0cm9rZT0iI0JBQkVDNSIgc3Ryb2tlLXdpZHRoPSIwLjI1IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjA4ODYwOCwgNC4zNzUwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU2hhcGUiIGZpbGw9IiMyNjMzN0EiIHBvaW50cz0iNy45NDAzODQwNyA3LjM4MTA5MjIgOS4wODUzNzM2NyAwLjI1NjQ2MDgzMiAxMC45MTc2NTUzIDAuMjU2NDYwODMyIDkuNzcyNjY1NzIgNy4zODEwOTIyIDcuOTQwMzg0MDcgNy4zODEwOTIyIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjQxNzQ4MiwwLjQzMTI1MjU5MiBDMTUuODkzOTgyNSwwLjIzMDg0OTcxNSAxNS4zMzc5MTQ5LDAuMTI5NTM3OTg3IDE0Ljc3NzUyMjksMC4xMzI0NjMyNjUgQzEyLjk2NjExMzQsMC4xMzI0NjMyNjUgMTEuNjkxNDE3OSwxLjA5OTA0NjcyIDExLjY4MDk4MTgsMi40ODM5MzUyMiBDMTEuNjY5MDU0NywzLjUwNzI4ODY2IDEyLjU5MDQxMzcsNC4wNzk0NzAyIDEzLjI4NTE2LDQuNDI2MDY1ODEgQzEzLjk3OTkwNjMsNC43NzI2NjE0MiAxNC4yMzkzMTgsNC45OTgyNDczNiAxNC4yMzYzMzYzLDUuMzEwNDgyMjEgQzE0LjIzNjMzNjMsNS43ODcwNTExOCAxMy42NjY4MjMyLDYuMDA2NjYxMzMgMTMuMTQwNTQ1NSw2LjAwNjY2MTMzIEMxMi41NDM4MDU0LDYuMDI0NjQ2NjUgMTEuOTUxNjk5NSw1Ljg5NjQ0Mjg3IDExLjQxNTYwNjUsNS42MzMxNzQ2NiBMMTEuMTgwMDQ4OCw1LjUxOTYzNDczIEwxMC45MjM2MTg5LDcuMTEzNjc1NzUgQzExLjM1MTQ5OSw3LjMxMjM3MDY2IDEyLjE0MzE1MjEsNy40ODQxNzQ1MiAxMi45NjQ2MjI1LDcuNDkzMTM4MTkgQzE0Ljg4OTMzODMsNy40OTMxMzgxOSAxNi4xNDAxNzk3LDYuNTM4NTA2MzEgMTYuMTU1MDg4NSw1LjA1OTQ5OTE3IEMxNi4xNTUwODg1LDQuMjQ2NzkyMjIgMTUuNjczNTM2OCwzLjYzMjc4MDE2IDE0LjYxNjUwODYsMy4xMTczNjg1OCBDMTMuOTc2OTI0NiwyLjc4NzIwNjM5IDEzLjU4MzMzNDQsMi41Njc1OTYyNCAxMy41ODc4MDY5LDIuMjM0NDQ2MTQgQzEzLjU4NzgwNjksMS45MzU2NTY4MiAxMy45MjAyNzE1LDEuNjIxOTI4MDMgMTQuNjMxNDE3NCwxLjYyMTkyODAzIEMxNS4xMDMxMDQ4LDEuNjExMDMzODIgMTUuNTcxMzk3OCwxLjcwNDM3NTU0IDE2LjAwMzAxOTYsMS44OTUzMjAyNiBMMTYuMTY3MDE1NSwxLjk3NzQ4NzMyIEwxNi40MTQ1MDAzLDAuNDMyNzQ2NTI3IiBpZD0iU2hhcGUiIGZpbGw9IiMyNjMzN0EiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS4xMTY3MTAzLDAuMjYzOTMwNTY5IEwxOS43MDAzODIsMC4yNjM5MzA1NjkgQzE5LjI2MDU3NDgsMC4yNjM5MzA1NjkgMTguOTMyNTgzLDAuMzg5NDIyMDg2IDE4Ljc0MDI2MDQsMC44NjE1MDkyMDYgTDE2LjAxOTQxOTEsNy4zOTAwNTU4NyBMMTcuOTQ0MTM0OCw3LjM5MDA1NTg3IEMxNy45NDQxMzQ4LDcuMzkwMDU1ODcgMTguMjU4NzA4OSw2LjUxMTYxNTI3IDE4LjMyODc3OTgsNi4zMTg4OTYxNiBMMjAuNjc1NDEyMyw2LjMxODg5NjE2IEMyMC43MzA1NzQ1LDYuNTY2ODkxMyAyMC44OTkwNDMxLDcuMzg1NTc0MDMgMjAuODk5MDQzMSw3LjM4NTU3NDAzIEwyMi41OTg2MzcyLDcuMzg1NTc0MDMgTDIxLjExNjcxMDMsMC4yNjM5MzA1NjkgTDIxLjExNjcxMDMsMC4yNjM5MzA1NjkgTDIxLjExNjcxMDMsMC4yNjM5MzA1NjkgWiBNMTguODU2NTQ4NSw0Ljg1NDgyODQ5IEMxOS4wMDU2MzU4LDQuNDQ1NDg3MTEgMTkuNTg1NTg0OSwyLjg2MzM5NzY2IDE5LjU4NTU4NDksMi44NjMzOTc2NiBDMTkuNTg1NTg0OSwyLjg2MzM5NzY2IDE5LjczNDY3MiwyLjQ1MTA2ODM5IDE5LjgyODU5NzEsMi4xODM2NTE5NSBMMTkuOTQ3ODY2NywyLjc5OTE1Nzk2IEMxOS45NDc4NjY3LDIuNzk5MTU3OTYgMjAuMjk5NzEyNiw0LjQ5OTI2OTE5IDIwLjM3MTI3NDUsNC44NTYzMjI0MyBMMTguODUwNTg1LDQuODU2MzIyNDMgTDE4Ljg1NjU0ODUsNC44NTQ4Mjg0OSBMMTguODU2NTQ4NSw0Ljg1NDgyODQ5IEwxOC44NTY1NDg1LDQuODU0ODI4NDkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMjYzMzdBIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi40MDMyOTUwNSwwLjI2MjQzNjYxOSBMNC42MTQyNDg3LDUuMTE5MjU3MDQgTDQuNDE4OTQ0NDgsNC4xMzMyNTIyOCBDNC4wODQ5ODkxNiwyLjk5NjM1ODkyIDMuMDQ0MzYwNTMsMS43NjIzNTkwMSAxLjg4NDQ2MjE1LDEuMTQ1MzU5MDYgTDMuNTI0NDIxMyw3LjM3NTExNjQxIEw1LjQ2MjU1NDg0LDcuMzc1MTE2NDEgTDguMzQ3MzkyMDQsMC4yNjM5MzA1NjkgTDYuNDA5MjU4NTQsMC4yNjM5MzA1NjkiIGlkPSJTaGFwZSIgZmlsbD0iIzI2MzM3QSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkZpbGwtMS1DbGlwcGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjU2NjUzMSwgMC41NDc3ODApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGF0aC0xIj48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjQ4MjA1MzMyLDAuMDU4MDE0OTIxNSBMMC4wMjA4NzIyMDc0LDAuMDU4MDE0OTIxNSBMLTAuMDAwMjQ4NDgzNjI5LDAuMTgxMjY1NTE3IEMxLjkxNTUyMTk4LDAuNjczMDIyOTQ2IDMuMTgyNzYzMTQsMS44NTk0NjU1NCAzLjcwOTUzNzkyLDMuMjg2MTg0NTUgTDMuMTc0MDY2NCwwLjU1ODQ4NzAzNSBDMy4wODIxMjkyOCwwLjE4MjUxMDQ4MiAyLjgxMzc3MjMzLDAuMDcxNzA5NDM3MSAyLjQ4MjA1MzMyLDAuMDU4MDE0OTIxNSIgaWQ9IkZpbGwtMSIgZmlsbD0iI0VDOTgyRCIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=),url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5EaXNjb3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXWVNJV1lHLVZpc0RlLXYyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjYtUGF5bWVudHMtQSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3LjAwMDAwMCwgLTMyOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC4wMDAwMDAsIDE1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJDcmVkaXQtQ2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE1NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ0MtaWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNyI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJEaXNjb3ZlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMzkyNDA1LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC03Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuMDIzODUyMzcyNCwxNS4yOTQ2ODA4IEMwLjAyMTgzMDg5OTksMTUuNTg0MTc1IDAuMTM1MTMxODU4LDE1Ljg2MjUwODcgMC4zMzg2MTc5NjEsMTYuMDY3OTI5OCBDMC41NDIxMDQwNjQsMTYuMjczMzUxIDAuODE4OTQ4NzkzLDE2LjM4ODg3MjkgMS4xMDc3MzA1NSwxNi4zODg4NjU5IEwyNi4wNDIzNDgzLDE2LjM4ODg2NTkgQzI2LjMzMTEzMDEsMTYuMzg4ODcyOSAyNi42MDc5NzQ5LDE2LjI3MzM1MSAyNi44MTE0NjA5LDE2LjA2NzkyOTggQzI3LjAxNDk0NywxNS44NjI1MDg3IDI3LjEyODI0OCwxNS41ODQxNzUgMjcuMTI2MjI2NSwxNS4yOTQ2ODA4IEwyNy4xMjYyMjY1LDEuMTg1NDUxNjcgQzI3LjEyODI0OCwwLjg5NTk1NzM5MiAyNy4wMTQ5NDcsMC42MTc2MjM3MzIgMjYuODExNDYwOSwwLjQxMjIwMjYxOCBDMjYuNjA3OTc0OSwwLjIwNjc4MTUwNCAyNi4zMzExMzAxLDAuMDkxMjU5NDYzNCAyNi4wNDIzNDgzLDAuMDkxMjY2NTU2MyBMMS4xMDMzOTUwNCwwLjA5MTI2NjU1NjMgQzAuODE0NjEzMjgxLDAuMDkxMjU5NDYzNCAwLjUzNzc2ODU1MSwwLjIwNjc4MTUwNCAwLjMzNDI4MjQ0NywwLjQxMjIwMjYxOCBDMC4xMzA3OTYzNDQsMC42MTc2MjM3MzIgMC4wMTc0OTUzODcxLDAuODk1OTU3MzkyIDAuMDE5NTE2ODU5NiwxLjE4NTQ1MTY3IEwwLjAxOTUxNjg1OTYsMTUuMjk0NjgwOCBMMC4wMjM4NTIzNzI0LDE1LjI5NDY4MDggTDAuMDIzODUyMzcyNCwxNS4yOTQ2ODA4IEwwLjAyMzg1MjM3MjQsMTUuMjk0NjgwOCBaIiBpZD0iU2hhcGUiIHN0cm9rZT0iI0JBQkVDNSIgc3Ryb2tlLXdpZHRoPSIwLjI1IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4zNTQ5MDk0NywxNi4zODg4NjU5IEwyNi4wNDMwOTM1LDE2LjM4ODg2NTkgQzI2LjY0NTI4NzcsMTYuMzgxNzEyOCAyNy4xMjkxOTE2LDE1Ljg4OTUzNzMgMjcuMTI3MzY0LDE1LjI4NjA2MTcgTDI3LjEyNzM2NCw5LjEyNjY1NTYzIEMyNy4xMjczNjQsOS4xMjY2NTU2MyAxOS43OTMzNTgyLDE0LjE0MzA1NjcgNi4zNTQ5MDk0NywxNi4zODg4NjU5IEw2LjM1NDkwOTQ3LDE2LjM4ODg2NTkgTDYuMzU0OTA5NDcsMTYuMzg4ODY1OSBMNi4zNTQ5MDk0NywxNi4zODg4NjU5IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0U2NzcyRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuMDA0MjExLDUuNjQ5ODM0NDMgTDMuMDU0MzkwMDMsNS42NDk4MzQ0MyBMMy4wNTQzOTAwMyw4Ljg1MTc2OTQ2IEwzLjk5ODc4OTY1LDguODUxNzY5NDYgQzQuNTAwODA2OSw4Ljg1MTc2OTQ2IDQuODY2MjA2MDYsOC43MzY1OTk3NSA1LjE4MTcyODc4LDguNDgxMjcwNyBDNS41NTc2ODcwOCw4LjE4NDExOTgxIDUuNzc4OTgwMzYsNy43MzIyMjk5OCA1Ljc4MzQ5ODkxLDcuMjUyNDMxNyBDNS43ODM0OTg5MSw2LjMwODI1NzQ1IDUuMDUxNjE2MzIsNS42NDk4MzQ0MyA0LjAwNDIxMSw1LjY0OTgzNDQzIEw0LjAwNDIxMSw1LjY0OTgzNDQzIEw0LjAwNDIxMSw1LjY0OTgzNDQzIEw0LjAwNDIxMSw1LjY0OTgzNDQzIFogTTQuNzYzMjAwMzcsOC4wNTIxMDA1OCBDNC41NTcxODg5Nyw4LjIyOTIwMTE2IDQuMjk1ODc5NzcsOC4zMDYzNDMxMyAzLjg3NzM1MTM2LDguMzA2MzQzMTMgTDMuNzAzODY4MDcsOC4zMDYzNDMxMyBMMy43MDM4NjgwNyw2LjE5MzA4Nzc1IEwzLjg3NzM1MTM2LDYuMTkzMDg3NzUgQzQuMjk1ODc5NzcsNi4xOTMwODc3NSA0LjU0NzQzMDUzLDYuMjY1ODgzNyA0Ljc2MzIwMDM3LDYuNDUxNjc2MzMgQzQuOTkwNTI2MjgsNi42NTMxODA5MSA1LjEyMDQ2MDM0LDYuOTQyODcwNSA1LjExOTkyNTM2LDcuMjQ2OTk5MTcgQzUuMTIwNjc0LDcuNTU1Mjk2NDMgNC45ODk2MzY1Myw3Ljg0OTE1Njc4IDQuNzU5OTQ3NTUsOC4wNTQyNzM1OSBMNC43NjMyMDAzNyw4LjA1MjEwMDU4IEw0Ljc2MzIwMDM3LDguMDUyMTAwNTggTDQuNzYzMjAwMzcsOC4wNTIxMDA1OCBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iIzAwMDAwMCIgeD0iNi4wODE2NzMzMSIgeT0iNS42NTIwMDc0NSIgd2lkdGg9IjEiIGhlaWdodD0iMy4xOTk3NjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjMwNzY4MDY3LDYuODc4NjczNDMgQzcuOTE1MTc0NzQsNi43MzYzNDEwNiA3LjgwNjc0NzY5LDYuNjQ5NDIwNTMgNy44MDY3NDc2OSw2LjQ3NTU3OTQ3IEM3LjgwNjc0NzY5LDYuMjc0NTc1NzUgOC4wMDk1MDYyOCw2LjEyMjQ2NDgyIDguMjg5MjQ4MDcsNi4xMjI0NjQ4MiBDOC40OTMyMTgwNiw2LjEyNTI0MzU5IDguNjg1MTI1NDcsNi4yMTk3OTkzIDguODExODY2NDUsNi4zNzk5NjY4OCBMOS4xNDc5OTAzMSw1Ljk1NDA1NjI5IEM4Ljg3NjM5NzExLDUuNzIxMDg1NjYgOC41Mjk2Mzc1Nyw1LjU5NDgzNjU0IDguMTcyMTQ2ODUsNS41OTg3Njg2MiBDNy41ODU1NTY1MSw1LjU5ODc2ODYyIDcuMTM4ODM3MDUsNS45OTMxNzA1MyA3LjEzODgzNzA1LDYuNTEzNjA3MiBDNy4xMzg4MzcwNSw2Ljk1NTgxNTQgNy4zNDcwMTY5OSw3LjE3OTYzNTc2IDcuOTUzMTI0MjEsNy4zOTM2Nzc1NiBDOC4xMDc5Nzc5Miw3LjQzOTczNTQgOC4yNTc5NjA4OCw3LjUwMDg3MTI0IDguNDAwOTI3OTMsNy41NzYyMTA2OCBDOC41MTkzMDE1LDcuNjQyMDk0NDEgOC41OTMzNjkxNiw3Ljc2NjQ4NjE3IDguNTk1MDEyMzYsNy45MDIxNjI2NyBDOC41OTUwMTIzNiw4LjE2MjkyNDI1IDguMzc4MTU4MjUsOC4zNTQxNDk0MiA4LjA5Mjk5NTExLDguMzU0MTQ5NDIgQzcuNzk0OTkyOCw4LjM2MDg5NjggNy41MjAxMDcxOSw4LjE5MzkzMDE5IDcuMzg4MjE5MjgsNy45MjYwNjU4MSBMNi45NzE4NTk0LDguMzE2MTIxNjkgQzcuMjcwMDMzNzksOC43Mzc2ODYyNiA3LjYyMjQyMTcsOC45MjU2NTE5MSA4LjExOTAxNzYsOC45MjU2NTE5MSBDOC43OTAxODEwNSw4LjkyNTY1MTkxIDkuMjYyOTIyOTksOC40OTEwNDkyNSA5LjI2MjkyMjk5LDcuODczOTEzNDkgQzkuMjYyOTIyOTksNy4zNjU0MjgzOSA5LjA0NjA2ODg5LDcuMTM0MDAyNDkgOC4zMDg3NjQ5NCw2Ljg3NDMyNzQiIGlkPSJTaGFwZSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuNDY0NTk3MzEsNy4yNTI0MzE3IEM5LjQ2NDU5NzMxLDguMTkzMzQ2NDQgMTAuMjMwMDkyMyw4LjkyMjM5MjM4IDExLjIxNDYwOTksOC45MjIzOTIzOCBDMTEuNDk0OTA0NSw4LjkyMjUzNjM1IDExLjc3MTU0MDMsOC44NTg2MjI4MSAxMi4wMjM0NzU3LDguNzM1NTEzMjUgTDEyLjAyMzQ3NTcsOC4wMDEwMzQ3NyBDMTEuNzY0MzM1MSw4LjI1MjAxNzggMTEuNTM2NjM4Myw4LjM1MTk3NjQxIDExLjI0MjgwMDksOC4zNTE5NzY0MSBDMTAuNTkyMjM4Niw4LjM1MTk3NjQxIDEwLjEzMTQyMzcsNy44OTc4MTY2NCAxMC4xMzE0MjM3LDcuMjQ5MTcyMTkgQzEwLjEyODIzNzYsNi45NTg5NDc1MyAxMC4yNDEwNjQ4LDYuNjc5NTEwMDEgMTAuNDQ0NzUxMyw2LjQ3MzE1ODI1IEMxMC42NDg0Mzc4LDYuMjY2ODA2NDggMTAuOTI2MDQ5Myw2LjE1MDY5NjQzIDExLjIxNTY5NDEsNi4xNTA3MTM5OSBDMTEuNTIyNTQyOCw2LjE1MDcxMzk5IDExLjc1NzgyOTQsNi4yNTkzNjQ2NSAxMi4wMjQ1Niw2LjUxMDM0NzY4IEwxMi4wMjQ1Niw1Ljc3NTg2OTIgQzExLjc3OTEyNDEsNS42NDY3MTUyOCAxMS41MDU5MjQ0LDUuNTc5NTc5OTEgMTEuMjI4NzA1NCw1LjU4MDI5ODAxIEMxMC4yNTI4NjIsNS41ODAyOTgwMSA5LjQ2NTY4MTU3LDYuMzIzNDY4NTQgOS40NjU2ODE1Nyw3LjI1MzUxODIxIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU2hhcGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iMTcuMjYwNTAyMyA3LjgwMDAzMTA0IDE2LjM3NjgyMTggNS42NTIwMDc0NSAxNS42NzIwNDU5IDUuNjUyMDA3NDUgMTcuMDc3MjYwNiA4LjkzMjE3MDk0IDE3LjQyNDIyNzEgOC45MzIxNzA5NCAxOC44NTY1NDg0IDUuNjUyMDA3NDUgMTguMTU3MTk0IDUuNjUyMDA3NDUgMTcuMjYwNTAyMyA3LjgwMDAzMTA0Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTaGFwZSIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIxOS4xNDkzMDE2IDguODUxNzY5NDYgMjAuOTgyODAzIDguODUxNzY5NDYgMjAuOTgyODAzIDguMzA5NjAyNjUgMTkuNzk2NjExMSA4LjMwOTYwMjY1IDE5Ljc5NjYxMTEgNy40NDU4Mjk4OCAyMC45MzcyNjM2IDcuNDQ1ODI5ODggMjAuOTM3MjYzNiA2LjkwMzY2MzA4IDE5Ljc5NjYxMTEgNi45MDM2NjMwOCAxOS43OTY2MTExIDYuMTk0MTc0MjUgMjAuOTgyODAzIDYuMTk0MTc0MjUgMjAuOTgyODAzIDUuNjUyMDA3NDUgMTkuMTQ5MzAxNiA1LjY1MjAwNzQ1IDE5LjE0OTMwMTYgOC44NTE3Njk0NiI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy41NDE2ODE0LDYuNTk2MTgxNyBDMjMuNTQxNjgxNCw1Ljk5NzUxNjU2IDIzLjExNTU2Myw1LjY1MjAwNzQ1IDIyLjM2OTU4NSw1LjY1MjAwNzQ1IEwyMS40MTAwMDU2LDUuNjUyMDA3NDUgTDIxLjQxMDAwNTYsOC44NTE3Njk0NiBMMjIuMDYwNTY3OCw4Ljg1MTc2OTQ2IEwyMi4wNjA1Njc4LDcuNTY1MzQ1NjIgTDIyLjE0NTE0MSw3LjU2NTM0NTYyIEwyMy4wMzg1Nzk4LDguODUxNzY5NDYgTDIzLjgzMzM1MDEsOC44NTE3Njk0NiBMMjIuNzkwMjgxOSw3LjUwMzQxNDczIEMyMy4yNzM4NjY2LDcuNDA2NzE1NjQgMjMuNTQxNjgxNCw3LjA4NjE5NjIgMjMuNTQxNjgxNCw2LjU5NjE4MTcgTDIzLjU0MTY4MTQsNi41OTYxODE3IEwyMy41NDE2ODE0LDYuNTk2MTgxNyBMMjMuNTQxNjgxNCw2LjU5NjE4MTcgWiBNMjIuMjQwNTU2OCw3LjEyMzEzNzQyIEwyMi4wNTI5Nzc5LDcuMTIzMTM3NDIgTDIyLjA1Mjk3NzksNi4xNTYxNDY1MiBMMjIuMjUxMzk5NCw2LjE1NjE0NjUyIEMyMi42NjEyNTM4LDYuMTU2MTQ2NTIgMjIuODc4MTA3OSw2LjMxOTEyMjUxIDIyLjg3ODEwNzksNi42Mjc2OTA0IEMyMi44NzgxMDc5LDYuOTM2MjU4MjcgMjIuNjYxMjUzOCw3LjEyMzEzNzQyIDIyLjI0NDg5MzgsNy4xMjMxMzc0MiBMMjIuMjQwNTU2OCw3LjEyMzEzNzQyIEwyMi4yNDA1NTY4LDcuMTIzMTM3NDIgTDIyLjI0MDU1NjgsNy4xMjMxMzc0MiBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS43NjMxMjQ3LDcuMjYwMDM3MjUgQzE1Ljc2MzEyNDcsOC4xODEzOTQ4NyAxNC45OTAwMzk4LDguOTI3ODI0OTIgMTQuMDM0Nzk3NSw4LjkyNzgyNDkyIEMxMy4wNzk1NTUyLDguOTI3ODI0OTIgMTIuMzA3NTU0Niw4LjE4MTM5NDg3IDEyLjMwNzU1NDYsNy4yNjAwMzcyNSBDMTIuMzA3NTU0Niw2LjMzODY3OTY0IDEzLjA4MDYzOTUsNS41OTIyNDk1OSAxNC4wMzQ3OTc1LDUuNTkyMjQ5NTkgQzE0Ljk4ODk1NTYsNS41OTIyNDk1OSAxNS43NjMxMjQ3LDYuMzM4Njc5NjQgMTUuNzYzMTI0Nyw3LjI2MDAzNzI1IiBpZD0iU2hhcGUiIGZpbGw9IiNFNjc3MkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+),url(../images/4d62c1d4a985f643f4780e594bbb8030.svg);
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: 0,50%,100%;
    height: 47px;
    width: 88px;
    float: left;
    margin-left: 10px
}

.print-design-form .paymentsContainer .paymentOption2UK {
    background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAGPtJREFUeAHtXQeYVdW1Xqfce6fQBwbEYUQwFAVEuhJUbKjBgmUAAYMlicl7X4pG7O9dv5ggec8SjfkwsRBQkEHeiy8JSUTFEtGIoKCoIJ2hOJQZGJhyyznv//dwxjt3bj1zpyCz4M5p++yy1l51r3OOJscBXO8v9maL9JCsUKFtGR3CttVfF3uoJsYgTZPetiYdMYyQ2FKqib0R+2vDlrXO1LSSoG6VB2s8W2W9HFqypCjc2oertcYOTpmzqKcR1obpYpyuadYYW6QPOtoVfT1J0zQdx7Vg1+05Z2q3oFLtwDSxbKsKRCpB0XJb01bZYq9HIWzDmxbeM62s/o0tf9QqCHK+328W6v0H26Z+MRA+DmgepdlWvun1iQ1M1v4stcWftLCG+gQ0FPwRTccWbBQOBqtFs3eKpa0M2+HXbNv3zsL7r92eVsVNVLhFCXLD7KV9DCt0FZAzSdf04bpp5nCclhV2hfxUceQQSTMMsS0L7Vl78Ocd27JfNkK+5fP8k8pTrSvT5ZqfIH6/PsXbf6wpcouuGZcbptmNc94OQwWkOfszhQxyjq6bYrEPYm8AkRbbmr7ghXuKNmWqjVTraUaC2Nr0Xy65CGP/MTp3ieHxeBUCMENbE+jgGk03JBwK7gfHLMYsmbvgvimfNlcfm4Ug0x9aco6mW3diJk40DMNUhGghbkgVsYprDJOEKbdFe16CVU8ueODGrane77ZckxJkmv+FAsPrmaXp2s266cnF4CCb0lPKbgeWqftoEEC3gTChEojVR6uzjblLbi+qylT90fU0GUGmP7R4qmFqfhCinxWifmhdoikaEcmOdYgxWmrg7rdhpd374n9MfzfZPW6uZ5wgM/zz8zWv92Gw/Hchi3WKp28SGKYHRAlXWHZ4jlFT9cg8/03VmRxfRgky/VeLxsFaeQKW09DjUTyliljqFyp+KxT8qyXaTzNpjWWMIDN+WTxTM+RR6OzOihipju44Lmd4vGIFg1tgjd06/77JKzIxlEYT5Hz/CrPAW/qgYeh30xemU3cigQ5LDPrxECbhz1+474ZnGjv2RhFkpv/5rKAn5zGPx7zNdrzrxvboOLyf4gvmI9RK+L759055uDFDYE2u4Ar/0zk+X7vfwb+7VXHFcWbOuhp0vJswdsxsWMj6RYPHX6Ote2PpW/GKJjvviiDkDBLD9Hhnwj5HG8eXb5EMKW6vU9zAZzl/yPirtXWvL33TTT1pE4Q6o72n+jemx3drGzEaopxE0Qzz3CHnXx0Ap/yzYYnEZxiPTgsKvHsfhHVxW61/0cYZ0chTAVLLAk08D82Y/dL3o68nOyZBU4YZv1w0U/d4nkGo2mipyGzKnW3hgvRVABWhUGjSi/dNfT3V7qRMkBsfXvhtEfP/oLk606Jqg+QYoEkMr367FaqZ8MIDMzYkvwM6KJVCDIeIbT5Fp6+NGKlgrLYMxbrp8ZyiGd4naZWmcmdygti2ZiM2hfWLISeKB54K4lItEwoGSJSLO3o63J3KPUmtrBnegVMQm3oQnJGceKm0eCKWge2j6/rIwedds3LdiqXbEqEgIZKn+Bf11AztIaxBtynxRFhMco1LD1iJzNEMfc7Nc55tn6h4QoJ4vdrdhunt+00LoSdCSFNdo7iHIz0qGMr+90RtxLWypj300hjD1F9DwDD3eF9cSoSA5rwGsQWPwd4XCgXHLnxg2pex2o7JIdcXFxu6rt1lGJ42YsTCmstzSDeigu8G8XVHvCpiEiR7sz0ei33fCYexBt4GGcUARRdy0KbdOHvRWbEqbkAQcgcK/hRryJ7jLSEh1gBb2zlGOMAl7WxLYzpUA2hAEN+m8DkIj13cHIqckTB20MKPW/xvcWAfavtyrE9N0CMGZZGJc820XxWfHl19A4JAy3+PSWzsVKaBiA+GwhLAL2zZYF1NfB5TcrK84vOaYhhIi0YZZK5LIBhSZXlPU0Jkn6BwxdDRJ/Ql2+cVj4mkOTTO806/ud9YoJGEAG0HXbNujq6rnpU1+Rcv9fWZ+r9AvTzmvGYKQuHaROlO7bKlz0ldpE/PLtIrv5N07ZgjPuQ8wYBQXBJGuSPVATl4uFJ27jsk2/eWy7avyuTQkSqs/mhiGg3mj+sukuhEbsd2WdK3Z576FR7rEwnBycJ+kxAHK6pkz8HDsmX3Qdm0+4AcOFSp2m1Mf7jKiDyvnXYgMGKB/8ZSZyBIsf0aPEh6hleel6kQCbmAM753j84ybnBvOetbJ0v3zu2+bjDJHu8tLT8qazfvkX9+sk02AxnAE2axe8KQI0j4gm6d5NwhvWVE/wLp0SWhryannsSOnqx6WwbirNuyR95au1U27twH6e6uP4wJInJegGlxGSr+o6ocf+o4RD0U47PeQBx/bO3Ck1PE3ZZiqVvHXJl49kBFjGyfx11Fx+6qCYTk3fXb5c/vfS57D1aIF7M4XQiCEO2zvXLZqP5y4bDTpH2OL90q6soHgmF5//Md8sq7n8meA4eVeKu7mOIOc7wQ6/rLgnunXOHcUkeQG2a/ONzUzHdAo+zGaFdK2BCIMazfyTL9orOSzj6nI6lu9x06KsUr1sn7n+1Qoi7V+yh6ToW4vOnS4XLayXz2pz4EQ5Z8VVYh+1F/+dFqJa5yMIk6t8+WvPY50rVTrhJj9e8SOQDxuuj1j2XlZ9vFZL4WWThFYJqqbYfLgK/RjqNYJ7IMy7wEebjZjRFXJAbFwYRR/WTqBUNdzeJkYyHX/eiqMdIh1yd//2BjSnqF3Hpmn5PkB1eOls7QY5FQWn5E3lu/Q9Z8uUt27z8sVYFgvflI/dY+2ycnd+2gxNvIAQXSBQRyIK9Djtx25Rjpkddelr2/QREyVZrUxrg8nY2QfT7qU567IgjXyUUrHe804nYbwiy7fHR/ueHCoWnN3nTbO1xZI1v3lCl9kuxecsYZp+TLj64+WzpEiKgaiJxXV22Uf3y4EVxRqawrWlix9FNFVY2s31Yqn279Sv72wQa5dGQ/JfKo/AlU7tedO1g27Togn2zZm9IkcfqtsiBN7UIcM6fLVtqxMGtfTxwMw+qWUy7tLWfh2WcUypTxZ6ZMjGrohX1Q2pTBFBVVNckjA2xn3t8/lM93lMZEXmTHya1U2N+bOLoeMShmfoP8g4UQNeVHqmF6GwqJ8cQNLS6PqYsX5djP+a+ukceXvit7IeIc+NO76+Xz7aVpEYP3Kpzb2tjv+xfm8VhxiGWFhsEx7+LW1KV5WJjfUaZffJaY6HgioOXEmfYeZC5nVEVVQFliHHROlkd65nWQ0zGjR/bvJXkwi6Nh6VufQJnuTCoO0Qz8Gl2mglsjLTsS4wkQY0PJfuUDRdef7JgcROt7zcZdyhS+7Yoxsh2m+dK3P1UWUjyixq2XTwXoWv6RLINO4tuKILqtDcXyrBa2AnHvS3SBcvbacYMbyOfoe0rLjshLK9bKhxhMEI4fERY5AIqiXZDjqzaUyF/f/0LOH9pXJkA8tINlRHjjo82y7F8bxEOMJIEguJ2m9kiYtQ7UoM3n/rbKNTGcerglt3x18Ig8WvyOBNAWVXnkWCLLJtrnBIWT6LUDNcNQrpYgtm4Mr6fJEtUQdY0yeuhpPWV4xMCjiqjDbXvL5Ld/WiklcPi8cAa98NAbAEZlqLRMkTKIkiVvrZOPNu2WWy4bIUerg0rEcOTJBs5B5sL7v3z0gHpN/AM6Y83G3a44o15Fxw6oO47WBNAl/EtVk8eqCP1FDUN5yYT/AU/N7stBuAHOctr0VIjxgHrid6+8p6wYhkpSgVoFa8qWPQflv4vfVgOmzknUjlMvReiI/j3klO6dnFPKd0nVKqu7KYUditrGgsK9Zg/xw7gyfQZcUFvy3egPhh96weM9o3f3uH1ieGIxxNSO0nJXM5PiiaKMkAoxWI4idPTAwnqz9s21WxACqXTVB9bZpEBm0LROGzx78hDRC+erXCsXj5zRihl0anfJQjAuHnyyda988AWVcPwy8e51zqczCzkB6Cf06/W183cU8bHV0FuNiT05fWmKLReuAAV4FUhvU7O1gQgm6m5EFsVVv17d4vaRhH8bM5Mhi0ShDiKR/9IH+g31RQZjVXTiOuV+7QAySEmDIpaPkX6bTXEHdIimeXya3skEGoa7QQUJmOWlmRo/MFd+pFI27tqvQgqJhsHwBGNdaU0K0CEctpUYIkEd4D4jyZGifcvegyrkn2hSOPe35Nb0ek5F7Fsb4MbCIvIYvmiHsEI82Auz8BDiQpTp8YB66LpzB0EJ91Ih+Hjlos8T4fQpfv3SWwjPR7ZhC8MZkUCjIi1iR97cTPuUJlXB4Jlw4+xCaJS0m+WkpO5IZDURYZyx0WIlurEscAedwnSBVle0ucnMDi54RcKRKhAskmUiL7aafRtBWXsIXnVkx1cCSTprwmdIhGyGOUj5ZOB29sZaTSSBoh3HIETbcQJ9wSAIt7sEteqWAOOU2c09MUncUK3VUjcqEuh4IAlwlZc8BlE3rPo7RDQXafiLB10gy2HAxbvcJOfxwjKphFcfCR0R5XXLhZH1NMc+gkm2q/d2UCZXQDYzdBAPGNRrn4NnuRNwEe9NpPTj1R3vPJL11Zp85PV89CNa10Reby37QNMBEzEULAxLbrqd4gAZX+KCf4/OsU3fLjBnmdTAYGI8k5OE/ccHX8rqDbsEqRD1ukGzlj7FpG+fkTJCSVzGy1iTY6owqYLGBw0McnYrhs0mXg2xA0Klt5tOMmb0JcLY8UInJNq4IadiNW53PQRFtsUyXNuIJVLoULLuq8eSIJF3xd8ngUv2H5IKhFucBSn6JfSXdnxVriLM8e9uySuaZPmMdcj+tb9IebRR/SUyP8OiDJV7PDgLkeDBfXqodJp4ZRjS4Opb9I9clW64g1Yfze3NWGtxIBsO7MgBvVQumHOu1W0x4XJyPGvpsq1OcfI1GIOJuzcjV2knAofxgEiehkWirlDw5KjmALbD+FkkkFO7IVGBqUmtEUiDqsrgVqxN2Z9DXLjCFDmkEkqdOUqJgCKDiQBdOmSrEEaispHXyHmJuC+ybOQ+ucpJWnDOc0J8Z8wAV/U5dcTaqjyvBBIi1j0Nz6mMzWB1IFiuS9gohXYvY0qKG6CNvxL5UpTPiYC6YNbk82Q4kuWoXGkuE9nUHZyz6od9nuOiF3/MJJwwol/aVhj1CEP2f8eCVCRccFZfGYOwPFcOMwHkxI45WUgE7IIAanzzP1lbta970kq65ORsM/qfd30NIuM34JmFbm4YpZZLgnIYMatRA3slDFF0zM2S0af3UgOgNcQsFSpu0EFZURRvXTvkyoDCfLninIEy5YIzVYpnvAFVIimC3BkzhELlXnpI+hZ0lfxOtdmSjPZyvZ7pqbsPVKStnyL7wQlFc5opSZci7Wk7JiTrdBNR5tvq8OqabT2PdnlCqY8Zs4v/bJrmxMbkZHG2MKFgIsRCqkBLiD+uSZNFuE7NYKVjHSWr5wAWnB6c95owvTOWL8M+kcvumnqeMK/YAU6e55G58i8kS/C+dJBIHUQuHnxqD5mJpDsmZRCOIFnjqVdWyrrN6aUB8V5mMNpW8I/z7po8U60aaVZ4tWieibzoFmjdMCOkM5KXxw7qnVI1TOVsTDonk7KZX1XncES1Sl3CjJBnlq2Sf7vqbBXiZ5EO4NQf4bg/1nKWIc9qX9lRRRgSh+IuGqgnKGb564pEvUtGfksuGfGtBoFVA2K/4d3RtcU4RpsI7nzMKyrTa/BF12LxWZsM2eGqPlZE0cXZsw6JYlzfOKV7Z55uMqDSfnbZhyqvKlGAk7N/FxzFPcgHHgQ95kSneZ4ppaNgDjMDnnqFPxUOgv4iF3A8rDsXjyYwYfwSZMAw1YmmfKQ5zuzHp5AzwCRsE2I3HSDesHwewFMAv179avF2xSF4T+IaO2wdROg6z40ecTrAGcYBPYcZyYRo6gH6AJkEroszRej1NZthRodTEjfUTatgBldUVsvMCSOkMCL5gWsnV55zuspQ2QfE7oEeYK4YCUKkU3x2RyQiHyYzV0ijgZmK85evUURnO2kD83utcKkt3s94r+IIppL28pYu4xsHGqNHnM7QcqL85ro2vewhyKuNJeOd8qlsDwOZfCThtdWbFNKYScjZlQ7QciP3ThwzEDlffepEWDp1OGUpLmnFsT/krEiOccqksuV7G/F1gMXPz7p+KgZkK5Jue/OP1pkXXF8AS+tCN9kn0Q0TURQJzJmlg/YlvGZmhjPhjcu+qQIHynyu5au/RE7WWln56Xb4PUHl0adLDLbJPlVhUYuihaKVOoGWX/SCVrz+UZcwkY/9WbD8Y+XrcEqwXrfAcei29cRH4watZh11UyxTjyNEd4z+BR9PIIfkwaTt3aOTkt3MuWXwkSKNs4trGHwGhEu+fOSAhNiKnCyKvqoaZjmmZw1F9yP6mBxMTu6MDBUGQAcUdpOTEO9ixgofaaNy5wIb842Zz0tCfLFjn4pK0DKk+Eqku6Lbi3Vc6/tZZVnZxuinf3Kdyn6vI0imH9iJ1QEqSaa8cKaRCFSwHBgz/4gc5TDigcgA/BNKIyKFs4/7TQVsk/oCG5VQrfqEycO5yrUVRpzJqSzDvpAIbrgzVv9p7iKv+i/zZhVdiTFy7n79eqYl/qKAFbb/FME0sepo1DkOhoqvdtC68sarMQOrEH5B2ACEgAeNnjEb3QksNiUxFALq+lT7XCEfNiVXsE/kWBoOzuThNlPEYNuIUdio82WHGKo//ONA0Nb+F4+zHTj2NjTndJNtObgGvyZrLbWKG/SniWaEeugTL/j35Op/i+xZPW20+IEpm/GI1TK+Ca0NmhYDMKAorovn/vCa0siW6hGEFyDI/oC3/wcyyZqRDbbtUypjGSoUOJyb5XkuGh8NCFJzmrESZFnexiXRqMrcMXELffo/T/74auUMRtbcgCBLitS3/h7H26qDVLBtkFkMUPLgtSVHvIb+RKyaGxCEhar6aiussPVXvJ4p1j1t5xqBAZq6iLa/OPeO6z6KVU1MgpBLYJ/PweuZjrpduIrV2Il+jtYrBM++9l7tkXi4iEkQFn7x/invw2t5jt9faoPMYIALUdAdjz1xzCuPVWtcgrBwIGA/HA4FNrcp+FioS+8cvsUlmhX6IK+L97eJ7kxIkJf8U3fbYft+hDXCbWZwIjQmvqbEftiq9OK1ib++5aqvH26PcVtCgrD8gnsnLw6HQ/NJ4TZwhwE6gbphPzL3zuvfTFZDUoLA9LW1QOBuOIvraCG0QXoY4HqHbYWWF3bISunLOyk7Gm0v40+PECxN3YuvXm9HIHfCc3cVZe5l/Kx8/t03/BPfWLodUek2fUKEJAGVa2XbFXj6+JZUicEq01oExhdjPh48fpIPDuM4FfVK0qkT9XJtxFi3TM36yR/uvO7ldPCQXIdE1VYS6PGf4WBgbq0pnLLEi6rlm3uoiAENjlfH3P/MrKLfpzvStAnypn98yAhW/ywUCswz1Gsy2ojiIP0YZ4hPt3/xzO3XpKTEnXudbVoiy7np4zdfCZ0y7uLlXs1zsml6hnL59UQHhxheU3vw6TuufRDHrpCSNoc4iP+z/weV+DjvDwOB4FyGBNihExW4+ofxU2fc8/Tt7olB/DUai8zp4qdXsTaML8icmJ9ehaNxCOm4P3/+nil8TV+joNEEcVpHwvZMMMkJ93FivAx5i9fUb/39HdeucHDRmK1rkRXd6IJ7iuZhUesqvEPwY5WN9w0WYYxNqYx1fL7b8NgTMkUM4jRjHOIQaMZ/4QP3QR8+cK99Yz9wj1zcCnwjek5BfrdH/DeNb70fuHeIwu13Zy+eitiBH4G1fhbyrRqTxB1Zb0vtU3HzPSqIS71taPa9z86a/G5T9CXjHBLZyWn+FwqMLM8sZF/djGhxrkrkPs5M5FrxZCKDMVyCnLpHO/W25j5WVOTqZQuRuIm336QEcRq96eEl54TEuhNpxRMNvP6U3yZp7b4LY1GMRmASlSOF9HlDs5585s6irc6YmmrbLASp7bytTZ+z5CLdEn5Z5hIoRS/yWiECXD0A3FT4ABHgU0A8IZ9gP3KLFxuaMffZO6/5tMkajKq4GQlyrGW/X5/pPWOsJaFb8HnEy7Fm343P4SKS3GJco7hB56s38P4t294AF3ux6ZUFz95etCkKX01+2PwEiRjSzbOX9glL6CpEjidh9WA4iKNeBQfzuZY4TaRvGFWgbtDADeRQGBx7MCfeQbDj5U5Z5vLHfzYp8TPeEWPI9G6LEsQZjN/vN7f4+g/WbP1ifB1uHB5bGAUi5UOqKcJQ39BKU3onTSI5yAcFFBHAAmIFg9U42Ilw00o8hvBae9N856mfX7vd6U9LblsFQaIRcPOcRT1DYW0Y3nJ9eti2xsBb6oMZzPe+ngQEK2e2li5x4ndE/rFK8SxKlaFpJUg0K8dDP6tA1vV4z/2qQLB608J7ppVFt93Sx06/W7ofCdv3Fxd7t2yRHngWq7A9PqYV1KR/ZVVoKNA+CLjvjWeHO6ICWAiChyftjUjTXJud5VtXHQqUVAUC5d19nq0lBXLoWJpswrZa+uL/A4bLOC1hoka3AAAAAElFTkSuQmCC);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    float: left;
    margin-left: 26px
}

.print-design-form .paymentsContainer .bankTfr {
    font-size: 15px;
    margin-left: 117px;
    padding-top: 6px
}

.print-design-form .paymentsContainer .allwysFree {
    margin-left: 117px;
    width: 164px;
    font-size: 13px
}

.print-design-form .paymentsContainer .ccPay {
    font-size: 15px;
    margin-left: 117px;
    margin-top: 6px
}

.print-design-form .paymentsContainer .ccCharges {
    margin-left: 117px;
    width: 164px;
    font-size: 13px
}

.print-design-form .paymentsContainer .hideLink {
    display: none
}

.print-design-form .paymentsContainer .showLink {
    display: block;
    margin-top: 30px
}

.print-design-form .paymentsContainer .feesApply {
    color: #8d9096;
    font-size: 12px;
    padding-top: 10px
}

.print-design-form .paymentsContainer .tickerbox {
    width: 72px;
    height: 72px;
    margin-left: 283px;
    margin-top: -57.5px
}

.print-design-form .headerDetails ha-text-field input {
    border: 0 !important
}

.print-design-form .activityTableContainer .moreActivityOptions b, .print-design-form .activityTableContainer .moreActivityOptions label, .print-design-form .activityTableContainer .moreActivityOptions span {
    font-family: Avenir Next forINTUIT,Arial,Helvetica Neue,sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #393a3d
}

.print-design-form .activityTableContainer .subCheckBox label {
    font-family: Avenir Next forINTUIT,Arial,Helvetica Neue,sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #393a3d
}

.print-design-form .activityTableContainer label {
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #393a3d
}

.print-design-form .activityTableContainer table, .print-design-form .activityTableContainer td, .print-design-form .activityTableContainer th, .print-design-form .activityTableContainer tr {
    border-right: 0 !important
}

    .print-design-form .activityTableContainer table > tr > th:nth-child(2) {
        width: 225px
    }

    .print-design-form .activityTableContainer table > tr > td:nth-child(2) {
        width: 40%;
        vertical-align: top
    }

    .print-design-form .activityTableContainer table > tr > th:nth-child(3) {
        width: 197px;
        color: #0077c5 !important
    }

    .print-design-form .activityTableContainer table > tr > td:nth-child(3) {
        width: 25%
    }

.print-design-form .activityTableContainer ha-table-virtual > div > div {
    overflow: visible !important
}

.print-design-form .activityTableContainer ha-table-virtual .dgrid {
    border: none
}

    .print-design-form .activityTableContainer ha-table-virtual .dgrid .dgrid-header {
        margin: 0;
        background: none
    }

    .print-design-form .activityTableContainer ha-table-virtual .dgrid .dgrid-content {
        padding: 0
    }

.print-design-form .activityTableContainer ha-table-virtual .dgrid-footer {
    display: none
}

.print-design-form .pageMarginContainer a {
    color: #0077c5;
    font-size: 13px
}

    .print-design-form .pageMarginContainer a:hover {
        text-decoration: none
    }

.print-design-form .pageMarginContainer .textField {
    width: 78px;
    margin-right: 10px
}

.print-design-form .pageMarginContainer .buttonField {
    margin-left: 10px
}

.print-design-form .errorFieldPageMargin {
    padding-top: 22px;
    font-style: italic;
    color: red;
    width: 400px;
    height: 13px
}

.print-design-form .errorFieldLogo {
    width: 100%;
    border: 1px solid red
}

.print-design-form .row.active .fontSelectionContainer .fontSelect .haFontFamily {
    margin-left: 0;
    margin-right: 15px;
    border-radius: 4px;
}

    .print-design-form .row.active .fontSelectionContainer .fontSelect .haFontFamily.haFontSize1 {
        width: 80px;
    }

.print-design-form .headerText {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    font-stretch: normal;
    line-height: 1.42;
    text-align: left;
    color: #393a3d;
    margin-left: 10px;
    margin-bottom: 12px
}

.print-design-form .mainHeaderMargin {
    margin-top: -32px
}

.print-design-form .subheaderText {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    text-align: left;
    color: #393a3d;
    margin-left: 10px;
    margin-bottom: 12px
}

.print-design-form .standardSmallText {
    font-family: Avenir Next forINTUIT,Arial,Helvetica Neue,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    width: 400px;
    height: 14px;
    font-size: 12px;
    color: #8d9096;
    margin-top: 10px
}

.print-design-form .print-design-form .bill-to-window-envelope {
    position: fixed;
    z-index: 1
}

.print-design-form .billToAddress {
    margin-left: -90px
}

.print-design-form .shipAddressSection {
    margin-left: 117px
}

.print-design-form .bill-to-address {
    margin-left: 30px;
    width: 100%;
    border-collapse: collapse
}

.print-design-form .invoicesContentIntroduction {
    font-family: Avenir Next forINTUIT,Arial,Helvetica Neue,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    margin-top: 30px;
    font-size: 13px;
    line-height: 1.54;
    color: #6b6c72
}

.print-design-form .labelClass label {
    padding-left: 31px !important
}

    .print-design-form .labelClass label:before {
        top: 0 !important
    }

.print-design-form .haCheckBox .inputClass {
    width: 80%;
    margin: 5px;
    margin-left: 30px
}

.print-design-form .customFieldInput input, .print-design-form .printLabelInput input {
    margin: 5px
}

.print-design-form .txnTypeSelector button {
    margin-top: 0 !important
}

.print-design-form .greetingTypeSelector button {
    margin-top: 0 !important;
    width: 100px
}

.print-design-form .greetingNameSelector button {
    margin-top: 0 !important;
    width: 234px
}

.print-design-form input[type=range] {
    background: none;
    -webkit-appearance: none
}

    .print-design-form input[type=range]:disabled {
        opacity: .2
    }

    .print-design-form input[type=range]::-webkit-slider-thumb {
        margin-top: -7px
    }

    .print-design-form input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 1px;
        -webkit-appearance: none;
        background: #000;
        border: none
    }

    .print-design-form input[type=range]::-moz-range-track {
        width: 100%;
        height: 1px;
        -webkit-appearance: none;
        background: #000;
        border: none
    }

    .print-design-form input[type=range]::ms-track {
        width: 100%;
        height: 1px;
        -webkit-appearance: none;
        background: #000;
        border: none
    }

.print-design-form .modal .modal-dialog.medium {
    width: 530px
}

.print-design-form .modal .modal-dialog .modal-content header .modal-title {
    margin-bottom: 15px
}

    .print-design-form .modal .modal-dialog .modal-content header .modal-title h2 {
        font-size: 16px;
        font-weight: 600;
        margin-left: 0 !important
    }

.print-design-form .exit-btn {
    line-height: 32px
}

.print-design-form .slide-in .page-modal-panel > section:focus {
    outline: none
}

.print-design-form .activityTable {
    min-width: 550px
}

    .print-design-form .activityTable .activityTableHeader {
        margin-bottom: 15px
    }

        .print-design-form .activityTable .activityTableHeader .column {
            width: 40%;
            color: #6b6c72
        }

        .print-design-form .activityTable .activityTableHeader .edit {
            width: 50%;
            color: #0077c5
        }

    .print-design-form .activityTable .activityTableRow {
        margin-bottom: 10px;
        border-bottom: 1px solid;
        border-color: #c5c5c5;
        padding-bottom: 6px
    }

        .print-design-form .activityTable .activityTableRow .arrangeIconButton {
            cursor: move;
            background: 0 0;
            border: none;
            outline: 0
        }

        .print-design-form .activityTable .activityTableRow .arrangeIconSpan {
            font-size: 28px;
            color: #999;
            font-family: harmonyicons
        }

        .print-design-form .activityTable .activityTableRow .subCheckbox {
            margin-left: 60px
        }

            .print-design-form .activityTable .activityTableRow .subCheckbox label {
                font-size: 12px;
                font-weight: 400
            }

        .print-design-form .activityTable .activityTableRow .firstLevelCheckbox label {
            font-size: 14px
        }

        .print-design-form .activityTable .activityTableRow .dragAndCheckbox {
            vertical-align: middle
        }

        .print-design-form .activityTable .activityTableRow .nameAndWidth {
            vertical-align: middle;
            margin-right: 0
        }

            .print-design-form .activityTable .activityTableRow .nameAndWidth .widthSlider {
                vertical-align: middle;
                margin-right: 0;
                width: 120px
            }

            .print-design-form .activityTable .activityTableRow .nameAndWidth .columnNameTextField {
                vertical-align: middle
            }

            .print-design-form .activityTable .activityTableRow .nameAndWidth .width-value {
                margin-left: 5px
            }

                .print-design-form .activityTable .activityTableRow .nameAndWidth .width-value.text-color {
                    color: #ff8000
                }

    .print-design-form .activityTable .highlightedRow {
        border-bottom: 2px dashed
    }

.print-design-form .down-chevron {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #404040;
    display: inline-block
}

.print-design-form .right-chevron {
    margin: 0 5px 0 2.5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #404040;
    display: inline-block
}

.print-design-form .email-label {
    margin: 0 0 0 5px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer
}

.print-design-form .line {
    margin-top: 10px;
    margin-bottom: 10px;
    border: .5px solid #d4d7dc
}

.print-design-form .div-days-left-margins {
    margin-left: 25px
}

.print-design-form .HACheckbox label {
    font-size: 18px;
    font-weight: 400
}

.print-design-form .dropdown-container {
    width: 150px;
    height: 41px;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    color: #393a3d;
    margin: 0
}

.print-design-form .dropdown-container-text {
    font-size: 13px;
    color: #393a3d
}

.print-design-form .component-text {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-size: 12px;
    color: #8d9096;
    margin-bottom: 13px
}

.print-design-form .emailOptionsHeader {
    display: block;
    margin-top: 30px;
    font-weight: 700;
    font-size: 16px
}

.print-design-form .allSection {
    margin: 20px
}

.print-design-form .content-space {
    margin-top: 15px
}

.print-design-form .component-tab-text {
    font-size: 13px;
    color: #393a3d;
    margin-bottom: 15px;
    margin-top: 15px
}

.print-design-form .email-checkbox label {
    font-weight: 400
}

.print-design-form .attach-pdf-warning {
    margin-top: 7px;
    margin-left: 26px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-size: 12px;
    color: #8d9096;
    margin-bottom: 13px
}

.print-design-form .email-tab {
    margin-top: 10px
}

.print-design-form .email-preview {
    font-family: HelveticaNeueRoman,Helvetica,Arial,Verdana,sans-serif;
    width: 100%;
    align-self: center
}

    .print-design-form .email-preview #email-template {
        padding: 0
    }

    .print-design-form .email-preview .email-subject-section {
        border: 1px solid #dadbdd;
        margin-bottom: 0;
        width: 100%;
        background-color: #fff
    }

        .print-design-form .email-preview .email-subject-section .subject {
            width: 100%;
            color: #fff;
        }

            .print-design-form .email-preview .email-subject-section .subject .previewsubject {
                padding-top: 15px;
                padding-left: 10px;
            }

            .print-design-form .email-preview .email-subject-section .subject .label {
                width: 12%;
                color: #8d9096;
                padding-top: 15px;
                text-align: left;
                display: inline-block;
            }

                .print-design-form .email-preview .email-subject-section .subject .label .para {
                    font-size: 18px;
                    font-weight: 400;
                    margin-top: 0;
                    margin-bottom: 0;
                    line-height: normal
                }

            .print-design-form .email-preview .email-subject-section .subject .value {
                width: 78%;
                color: #000;
                display: inline-block;
            }

                .print-design-form .email-preview .email-subject-section .subject .value .para {
                    font-size: 16px;
                    margin-top: 0;
                    margin-bottom: 0;
                    line-height: normal
                }

        .print-design-form .email-preview .email-subject-section .from {
            width: 100%;
            color: #fff
        }

            .print-design-form .email-preview .email-subject-section .from .label {
                width: 12%;
                color: #8d9096;
                padding-bottom: 15px;
                display: inline-block;
                text-align: left;
            }

                .print-design-form .email-preview .email-subject-section .from .label .para {
                    font-size: 18px;
                    font-weight: 400;
                    margin-top: 0;
                    margin-bottom: 0;
                    line-height: normal
                }

            .print-design-form .email-preview .email-subject-section .from .value {
                width: 78%;
                color: #000;
                display: inline-block;
            }

                .print-design-form .email-preview .email-subject-section .from .value .para {
                    font-size: 18px;
                    margin-top: 0;
                    margin-bottom: 0;
                    line-height: normal
                }

    .print-design-form .email-preview .thick-top-border {
        border-top: 7px solid #2ca01c
    }

    .print-design-form .email-preview .thin-top-border {
        height: 600px;
        border-top: 1px solid #dadbdd
    }

    .print-design-form .email-preview .body-table-rfc {
        height: 600px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .print-design-form .email-preview .body-table, .print-design-form .email-preview .body-table-rfc {
        margin: 0 auto;
        border-left: 1px solid #dadbdd;
        border-right: 1px solid #dadbdd;
        border-bottom: 1px solid #dadbdd;
        padding-bottom: 10px;
        background-color: #fff
    }

    .print-design-form .email-preview .body-table {
        width: 100%
    }

        .print-design-form .email-preview .body-table .email-info-row {
            color: #333;
            background-color: #f4f5f8
        }

            .print-design-form .email-preview .body-table .email-info-row .row-content {
                padding: 0 25px 15px
            }

                .print-design-form .email-preview .body-table .email-info-row .row-content .companyname-info-table {
                    table-layout: fixed;
                    padding-top: 10px
                }

                    .print-design-form .email-preview .body-table .email-info-row .row-content .companyname-info-table .logo .blank-logo {
                        min-height: 45px;
                        min-width: 38px;
                        max-height: 72px;
                        max-width: 72px;
                        vertical-align: top;
                        margin-right: 20px;
                        margin-bottom: 5px;
                        background-color: #ccc
                    }

                    .print-design-form .email-preview .body-table .email-info-row .row-content .companyname-info-table .company-name {
                        font-size: 20px;
                        font-weight: 400;
                        font-style: normal;
                        font-stretch: normal;
                        color: #393a3d;
                        word-wrap: break-word;
                        font-family: arial,sans-serif
                    }

                .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table {
                    width: 100%
                }

                    .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table {
                        padding-bottom: 20px;
                        width: 70%;
                        display: inline-flex
                    }

                        .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .refnumber-col {
                            border-right: 1px solid #babec5;
                            margin-right: 0;
                            padding-left: 0;
                            padding-right: 15px
                        }

                            .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .refnumber-col .label {
                                font-size: 12px;
                                color: #8d9096;
                                margin: 0 0 5px
                            }

                            .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .refnumber-col .value {
                                font-size: 18px;
                                color: #434343;
                                margin: 0
                            }

                        .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .duedate-col {
                            border-right: 1px solid #babec5;
                            margin-right: 0;
                            padding-right: 15px;
                            padding-left: 15px
                        }

                            .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .duedate-col .label {
                                font-size: 12px;
                                color: #8d9096;
                                margin: 0 0 5px
                            }

                            .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .duedate-col .value {
                                font-size: 18px;
                                color: #434343;
                                margin: 0
                            }

                        .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .balancedue-col {
                            padding-left: 15px
                        }

                            .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .balancedue-col .label {
                                font-size: 12px;
                                color: #8d9096;
                                margin: 0 0 3px
                            }

                            .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .form-details-table .balancedue-col .value {
                                font-size: 20px;
                                color: #434343;
                                margin: 0
                            }

                    .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .pay-invoice-table {
                        width: 30%;
                        display: inline-flex;
                        vertical-align: top
                    }

                        .print-design-form .email-preview .body-table .email-info-row .row-content .form-info-table .pay-invoice-table .pay-invoice-col {
                            text-decoration: none;
                            display: inline-block;
                            vertical-align: center;
                            padding: 15px;
                            border-radius: 2px;
                            text-align: center;
                            background-color: #2ca01c;
                            font-family: HelveticaNeue,Helvetica,Verdana,sans-serif;
                            font-size: 17px;
                            font-weight: 700;
                            color: #fff;
                            line-height: 17px;
                            letter-spacing: .5px;
                            cursor: default
                        }

        .print-design-form .email-preview .body-table .emial-body-text-row {
            padding: 20px 25px 40px;
            color: #000;
            background-color: #fff
        }

            .print-design-form .email-preview .body-table .emial-body-text-row .para {
                font-family: HelveticaNeueRoman,Helvetica,Arial,Verdana,sans-serif;
                font-size: 12px;
                padding-left: 5px
            }

        .print-design-form .email-preview .body-table .emial-estimate-body-text-row {
            padding: 20px 25px 10px;
            color: #000;
            background-color: #fff
        }

            .print-design-form .email-preview .body-table .emial-estimate-body-text-row .para {
                margin: 0;
                font-family: HelveticaNeueRoman,Helvetica,Arial,Verdana,sans-serif;
                font-size: 12px
            }

        .print-design-form .email-preview .body-table .email-summary {
            padding: 0 25px 45px;
            background: #fff
        }

            .print-design-form .email-preview .body-table .email-summary .email-summary-row {
                width: 100%;
                align-self: center;
                background: #f7f7f7;
                font-size: 12px
            }

                .print-design-form .email-preview .body-table .email-summary .email-summary-row .summary-column {
                    padding: 20px;
                    font-family: HelveticaNeueRoman,Helvetica,Arial,Verdana,sans-serif;
                    color: #000
                }

                    .print-design-form .email-preview .body-table .email-summary .email-summary-row .summary-column .para-content {
                        margin: 0;
                        font-size: 12px
                    }

    .print-design-form .email-preview .intuit-info-table {
        border: 0;
        width: 100%;
        margin: 0
    }

        .print-design-form .email-preview .intuit-info-table .intuit-info-col {
            padding: 5px 0 10px;
            width: 50%
        }

            .print-design-form .email-preview .intuit-info-table .intuit-info-col .logo-image {
                display: block;
                border: 0
            }

        .print-design-form .email-preview .intuit-info-table .terms-policy-col {
            color: #888;
            padding: 5px 0 10px;
            width: 50%;
            text-align: right
        }

            .print-design-form .email-preview .intuit-info-table .terms-policy-col .content {
                margin-bottom: 0;
                font-size: 10px
            }

                .print-design-form .email-preview .intuit-info-table .terms-policy-col .content .link {
                    text-decoration: none;
                    color: #365ebf;
                    font-size: 10px;
                    margin-left: 5px;
                    margin-right: 5px
                }

.print-design-form .e-invoice-email-preview {
    background: #fff;
    padding: 20px;
    width: 90%
}

    .print-design-form .e-invoice-email-preview .from-to-section {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px
    }

    .print-design-form .e-invoice-email-preview .invoice-body {
        margin-top: 20px
    }

    .print-design-form .e-invoice-email-preview .time {
        color: #959595
    }

    .print-design-form .e-invoice-email-preview .letterhead {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #eceef1;
        margin-bottom: 20px;
        border-top: 2.2px solid #2ca01c;
        color: #2ca01c
    }

    .print-design-form .e-invoice-email-preview .message, .print-design-form .e-invoice-email-preview .salutation, .print-design-form .e-invoice-email-preview .sign {
        margin-bottom: 10px;
        white-space: pre-line
    }

    .print-design-form .e-invoice-email-preview .invoice-details-header {
        text-align: center;
        color: #6b6c72
    }

    .print-design-form .e-invoice-email-preview .grey-box {
        background-color: #eceef1
    }

        .print-design-form .e-invoice-email-preview .grey-box .due-date {
            text-align: center;
            padding-top: 20px;
            font-size: 13px;
            font-weight: 700
        }

        .print-design-form .e-invoice-email-preview .grey-box .amount {
            font-size: px;
            letter-spacing: 0;
            text-align: center;
            color: #393a3d
        }

        .print-design-form .e-invoice-email-preview .grey-box .payButton {
            color: #fff;
            background: #000;
            border: none;
            border-radius: 2px;
            font-size: 11px;
            padding: 5px;
            padding-left: 20px;
            padding-right: 20px;
            font-weight: 700;
            display: block;
            margin: 0 auto;
            margin-top: 20px
        }

        .print-design-form .e-invoice-email-preview .grey-box .poweredText {
            text-align: center;
            margin-top: 10px;
            font-size: 11.1px;
            color: #393a3d;
            font-family: ArialMT
        }

.print-design-form .preview-margins {
    margin-top: 10px
}

.print-design-form ul#phLayout {
    border-radius: 0px;
    padding: 10px;
}

    .print-design-form ul#phLayout .nav-link:focus, .print-design-form ul#phLayout .nav-link:hover, .print-design-form ul#phLayout .nav-link.active {
        border-radius: 0px;
        color: #000;
        font-weight: 600;
    }

.sfc-feedback-btn {
    padding: 5px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    line-height: normal;
    background-color: gray;
    color: #fff;
    border: 1px solid gray
}

    .sfc-feedback-btn:focus {
        outline: 0;
        box-shadow: 0 0 0 2px gray
    }

@charset "UTF-8";

.interactive-design-controls .choosen-color-ul {
    padding: 0 10px 0 0
}

.interactive-design-controls .choosen-color-li {
    width: 30px;
    display: inline-block;
    position: relative;
    vertical-align: bottom
}

.interactive-design-controls .choosen-color-label {
    padding-right: 10px;
    display: inline-block;
    position: relative
}

.interactive-design-controls .choosen-color {
    height: 25px;
    width: 25px;
    border-radius: 50%
}

.interactive-design-controls .preview-thumbnail-container {
    transform: scale(.3);
    transform-origin: top left;
    display: inline-block;
    margin-right: 10px;
    border: 1px dashed #000;
    position: relative
}

.interactive-design-controls .template-gallery-container {
    overflow-x: auto;
    white-space: nowrap
}

.interactive-design-controls .template-gallery-wrapper {
    overflow: hidden;
    padding-top: 10px
}

.interactive-design-controls .selected-colors-wrapper {
    margin-top: 40px
}

.interactive-design-controls .color-checkbox {
    margin: 0 8px 5px;
    position: relative;
    height: 25px;
    width: 25px
}

.active-control-container {
    padding-top: 20px
}

    .active-control-container .ha-color-picker-container .color-all-circle-outer {
        overflow: hidden
    }

    .active-control-container .ha-color-picker-container .color-all-circles {
        overflow-x: auto;
        white-space: nowrap
    }

.interactive-preview {
    background-color: #fff;
    overflow: auto;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    padding: .5in .25in .25in
}

@keyframes fadeOutIn {
    0% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(1.03);
        opacity: .5
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(.97)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.interactive-preview .highlight-row {
    border: 1px dashed;
    -webkit-animation: fadeOutIn 1s infinite;
    animation: fadeOutIn 1s infinite
}

.interactive-preview .swap-animation {
    -webkit-animation: fadeIn 1s ease-in;
    animation: fadeIn 1s ease-in
}

.interactive-preview.templateBody.active .account-summary-container, .interactive-preview.templateBody.active .activity-table-wrapper-container, .interactive-preview.templateBody.active .header-separator, .interactive-preview.templateBody.active .message-summary-container {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBT…OVXDe+BEJrQbPe9cpUTNr3oo51GxPMKvSaY7rCK4RV//fAH16Z4nsIiCMUAAAAAElFTkSuQmCC) no-repeat scroll 100% 0;
    background-color: hsla(0,0%,86%,.6)
}

.print-design-form .customerPortalPreview {
    width: 568px;
    height: 720px;
    background-color: #f4f5f8;
    border: 1px solid #babec5;
    position: relative
}

    .print-design-form .customerPortalPreview * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    .print-design-form .customerPortalPreview .customer-portal-header {
        background-color: #393a3d;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 195.2px
    }

        .print-design-form .customerPortalPreview .customer-portal-header nav {
            height: 21.3px;
            border-bottom-style: solid;
            border-bottom-width: .5px;
            border-bottom-color: #6b6c72
        }

            .print-design-form .customerPortalPreview .customer-portal-header nav .app-logo {
                height: 20px;
                float: left;
                width: 200px;
                background-size: 40% 70%;
                background-position-y: 3px
            }

            .print-design-form .customerPortalPreview .customer-portal-header nav span {
                color: #fff;
                float: right;
                border-right: 1px solid #fff;
                margin: 4px;
                padding-right: 5px;
                font-size: 10px
            }

            .print-design-form .customerPortalPreview .customer-portal-header nav i {
                float: right;
                margin: 5.3px 5.3px 0 0;
                color: #fff
            }

    .print-design-form .customerPortalPreview section {
        position: absolute;
        top: 39px;
        left: 71px;
        width: 426px;
        height: 493.9px
    }

        .print-design-form .customerPortalPreview section h1 {
            font-family: Roboto,Helvetica,sans-serif;
            font-size: 14.2px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            color: #fff;
            margin-top: 0;
            margin-bottom: 0
        }

        .print-design-form .customerPortalPreview section article {
            background-color: #fff;
            border-radius: .9px;
            width: 100%;
            height: 120%;
            margin-top: 8.3px;
            padding: 16px 17.8px 0
        }

            .print-design-form .customerPortalPreview section article h2 {
                width: 43px;
                height: 18px;
                font-family: Geogrotesque-Md;
                font-size: 14.2px;
                font-weight: 400;
                font-style: normal;
                font-stretch: normal;
                color: #393a3d
            }

            .print-design-form .customerPortalPreview section article h3, .print-design-form .customerPortalPreview section article h4 {
                height: 8px;
                font-family: Roboto,Helvetica,sans-serif;
                font-size: 6.7px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.07;
                color: #8d9096
            }

            .print-design-form .customerPortalPreview section article h4 {
                height: 6px;
                font-size: 5.3px
            }

            .print-design-form .customerPortalPreview section article header {
                overflow: hidden
            }

                .print-design-form .customerPortalPreview section article header .cpTitle, .print-design-form .customerPortalPreview section article header .cpValues {
                    float: left;
                    text-align: left;
                    margin-top: 3.8px
                }

                .print-design-form .customerPortalPreview section article header .cpValues {
                    margin-left: 13.2px
                }

                .print-design-form .customerPortalPreview section article header .cpBalanceDue {
                    float: right;
                    text-align: right;
                    margin-top: -4.4px
                }

                    .print-design-form .customerPortalPreview section article header .cpBalanceDue h3, .print-design-form .customerPortalPreview section article header .cpTitle h3, .print-design-form .customerPortalPreview section article header .cpValues h3 {
                        margin-top: 4.4px
                    }

                    .print-design-form .customerPortalPreview section article header .cpBalanceDue p:nth-child(2) {
                        font-family: Geogrotesque;
                        font-size: 19.5px;
                        font-weight: 500;
                        font-style: normal;
                        font-stretch: normal;
                        color: #000;
                        line-height: 1em
                    }

                    .print-design-form .customerPortalPreview section article header .cpBalanceDue p:nth-child(3) {
                        width: 122.5px;
                        height: 19.5px;
                        border-radius: 1.3px;
                        background-color: #2ca01c;
                        font-family: Roboto,Helvetica,sans-serif;
                        font-size: 7.5px;
                        font-weight: 400;
                        font-style: normal;
                        font-stretch: normal;
                        text-align: center;
                        color: #fff;
                        margin-top: 9.3px
                    }

                        .print-design-form .customerPortalPreview section article header .cpBalanceDue p:nth-child(3) i {
                            color: #fff;
                            font-size: 8.9px;
                            width: 2.2px;
                            height: 9px;
                            margin-right: 8px
                        }

                .print-design-form .customerPortalPreview section article header .showIcons {
                    visibility: visible
                }

                .print-design-form .customerPortalPreview section article header .hideIcons {
                    visibility: hidden
                }

            .print-design-form .customerPortalPreview section article .cpBalanceDue:after {
                content: ".";
                display: block;
                height: 0;
                visibility: hidden;
                clear: both
            }

            .print-design-form .customerPortalPreview section article nav {
                margin-top: 8px;
                position: relative
            }

                .print-design-form .customerPortalPreview section article nav h3:first-child {
                    color: #393a3d;
                    height: 14.6px;
                    padding: 0 10.6px 5.8px;
                    border-bottom-color: #d4d7dc;
                    border-right-color: #d8d8d8;
                    border-style: none solid solid none;
                    border-width: 0 .5px 1px 0;
                    display: table-cell;
                    width: 64.8px
                }

                    .print-design-form .customerPortalPreview section article nav h3:first-child::after {
                        content: "";
                        display: block;
                        width: 64px;
                        height: 1.9px;
                        background-color: #2ca01c;
                        position: absolute;
                        left: 0;
                        margin-top: 4.4px
                    }

                .print-design-form .customerPortalPreview section article nav h3:nth-child(2) {
                    color: #6b6c72;
                    height: 14.6px;
                    padding: 0 0 5.8px 10.6px;
                    border-bottom-color: #d4d7dc;
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    display: table-cell;
                    width: 325.7px
                }

                .print-design-form .customerPortalPreview section article nav:after {
                    content: ".";
                    display: block;
                    height: 0;
                    visibility: hidden;
                    clear: both
                }

            .print-design-form .customerPortalPreview section article main {
                background-color: #fff;
                margin-top: 4.8px;
                transform: scale(.6,.5);
                transform-origin: top left
            }

                .print-design-form .customerPortalPreview section article main .portalTemplate .templateContentPane {
                    width: 650px;
                    overflow-y: auto
                }

                .print-design-form .customerPortalPreview section article main .templateContentPane div:first-child {
                    border: 0
                }

    .print-design-form .customerPortalPreview .intuit-info-table {
        border: 0;
        width: 100%;
        margin-top: 15px
    }

        .print-design-form .customerPortalPreview .intuit-info-table .terms-policy-col {
            color: #888;
            padding: 5px 0 10px;
            width: 34%;
            right: -1px;
            position: absolute
        }

            .print-design-form .customerPortalPreview .intuit-info-table .terms-policy-col .content {
                margin-bottom: 0;
                font-size: 10px
            }

            .print-design-form .customerPortalPreview .intuit-info-table .terms-policy-col .company-link {
                float: right
            }

                .print-design-form .customerPortalPreview .intuit-info-table .terms-policy-col .company-link .link {
                    text-decoration: none;
                    color: #365ebf;
                    font-size: 10px;
                    margin-left: 5px;
                    margin-right: 5px
                }

.clear {
    clear: both
}

.print-design-form {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .print-design-form table td, .print-design-form table th {
        border: 0 solid #000;
    }

    .print-design-form .tableHeader td, .print-design-form th {
        border: 0 solid #000
    }

    .print-design-form .airy-v2 {
        margin-bottom: 20px
    }

        .print-design-form .airy-v2 table td, .print-design-form .airy-v2 table th {
            border: 0;
            padding: 0
        }

        .print-design-form .airy-v2 #page-wrap #footer {
            margin-bottom: 0
        }

        .print-design-form .airy-v2 #page-wrap .activity-table-section {
            table-layout: fixed
        }

            .print-design-form .airy-v2 #page-wrap .activity-table-section tr td {
                text-overflow: clip;
                white-space: normal;
                overflow: hidden
            }

    .print-design-form #page-wrap #content, .print-design-form #page-wrap #footer, .print-design-form #page-wrap #header {
        background: 100% 0;
        margin-bottom: 17px;
        position: relative
    }

        .print-design-form #page-wrap #content .detailSection, .print-design-form #page-wrap #footer .detailSection, .print-design-form #page-wrap #header .detailSection {
            min-height: 150px
        }

    .print-design-form #page-wrap.active {
        background-color: #f2f2f2;
        transition: background 1s;
        position: relative
    }

        .print-design-form #page-wrap.active table#content, .print-design-form #page-wrap.active table#footer, .print-design-form #page-wrap.active table#header {
            background-color: #f2f2f2
        }

        .print-design-form #page-wrap.active #content, .print-design-form #page-wrap.active #footer, .print-design-form #page-wrap.active #header {
            border: 1px dashed #ccc;
            background-color: #fff;
            margin-bottom: 15px;
            opacity: 1;
            animation: invoiceEdit 1s 1s 1 forwards
        }

            .print-design-form #page-wrap.active #content:hover, .print-design-form #page-wrap.active #footer:hover, .print-design-form #page-wrap.active #header:hover {
                opacity: .8;
                cursor: pointer
            }

            .print-design-form #page-wrap.active #content.active, .print-design-form #page-wrap.active #footer.active, .print-design-form #page-wrap.active #header.active {
                border: none;
                background: #fff 100% 0;
                background-color: #fff
            }

                .print-design-form #page-wrap.active #content.active #overlayId, .print-design-form #page-wrap.active #footer.active #overlayId, .print-design-form #page-wrap.active #header.active #overlayId {
                    display: none
                }

            .print-design-form #page-wrap.active #content #overlayId, .print-design-form #page-wrap.active #footer #overlayId, .print-design-form #page-wrap.active #header #overlayId {
                display: block;
                height: 100%;
                width: 100%;
                position: absolute;
                z-index: 1;
                left: 0;
                top: 0;
                background-color: #000;
                background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAW1JREFUOBHtku1LwlAUxp9NM9PpnIlC9K1ARUsG/vt9iCCE6EMvUkY2X1Irycx8yWhbu5e2sl3nFvgh6MC47Nxzf/c55z6cbgSWEPwSmBT5D7Ym+6tRjMYT1BotkHVecF5dMRyNUTo6gWmmopyHFIva+J4UD16GEMIh5DLb4DiOwjp3XRuUJPzMLCN5U7tFVWlgcyOFbHqLVpQvryFJdrVk09UoCLTdeUAhnwaBiVGBwh97fcQl0VI/o4fM2CmqSlM/ODzWJ5NXWjadvul7+yW9c991OqY7zthUWpRzCAZX6YNdVKqG4giSifiMwJ8/c8H1Zpu2/x16el7Bu6pC3s2A5+cepXcwd40eodRbKOykLaVf0OxCKCEzXdF7eoZqKPP7fNA0DWflq0+l7qAEzHQFeXnigkBghYJjYpQ6YlH7BGgGU3G/P0BECCOVXDe+BEJrQbPe9cpUTNr3oo51GxPMKvSaY7rCK4RV//fAH16Z4nsIiCMUAAAAAElFTkSuQmCC) no-repeat scroll 100% 0;
                background-color: hsla(0,0%,86%,.6);
                animation: invoiceEdit 1s 1s 1 forwards
            }

            .print-design-form #page-wrap.active #content .detailSection, .print-design-form #page-wrap.active #footer .detailSection, .print-design-form #page-wrap.active #header .detailSection {
                min-height: 150px
            }

@keyframes invoiceEdit {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.03)
    }

    to {
        transform: scale(1)
    }
}

.print-design-form #identity {
    padding-bottom: 45px
}

    .print-design-form #identity #company-name {
        width: 150px;
        float: right
    }

        .print-design-form #identity #company-name input.company {
            border: none;
            font-weight: 500
        }

        .print-design-form #identity #company-name input {
            background: transparent
        }

        .print-design-form #identity #company-name textarea.address {
            width: 150px;
            background: transparent
        }

        .print-design-form #identity #company-name p {
            font-size: 12px
        }

    .print-design-form #identity #contact-info {
        width: 150px;
        float: right
    }

        .print-design-form #identity #contact-info input {
            border: none;
            background: transparent
        }

    .print-design-form #identity textarea.contact {
        height: 50px
    }

.print-design-form #logo {
    border: 1px solid #0d909a;
    color: #0d909a;
    float: left;
    line-height: 52px;
    max-height: 100px;
    max-width: 250px;
    min-height: 52px;
    min-width: 138px;
    overflow: hidden;
    position: relative;
    text-align: center
}

    .print-design-form #logo:hover {
        border: 1px solid #000;
        margin-top: 0;
        max-height: 125px
    }

        .print-design-form #logo.edit #logoctr, .print-design-form #logo:hover #logoctr {
            display: block;
            text-align: right;
            line-height: 25px;
            background: #eee;
            padding: 0 5px
        }

.print-design-form .customer-title {
    color: #0d909a;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto 8px;
    width: 98%
}

.print-design-form #meta {
    margin: 1px auto 0;
    width: 98%
}

    .print-design-form #meta td {
        text-align: left;
        padding: 0;
        font-size: 10px;
        border: none
    }

        .print-design-form #meta td.meta-head {
            background: transparent none repeat scroll 0 0;
            color: #8d9096;
            text-align: left;
            text-transform: uppercase
        }

        .print-design-form #meta td textarea {
            width: 100%;
            height: 20px;
            text-align: right
        }

.print-design-form #items {
    clear: both;
    width: 100%;
    margin: 0
}

    .print-design-form #items th {
        background: rgba(13,144,154,.2);
        border: none;
        text-align: left;
        color: #0d909a;
        text-transform: uppercase;
        font-weight: 500
    }

    .print-design-form #items textarea {
        width: 80px;
        height: 50px
    }

    .print-design-form #items tr.item-row td {
        border: 0;
        vertical-align: top
    }

    .print-design-form #items td.description {
        width: 300px
    }

    .print-design-form #items td.item-name {
        width: 175px
    }

        .print-design-form #items td.description textarea, .print-design-form #items td.item-name textarea {
            width: 100%
        }

    .print-design-form #items td.total-line {
        border-right: 0;
        text-align: right
    }

    .print-design-form #items td.total-value {
        border-left: 0;
        padding: 10px
    }

        .print-design-form #items td.total-value textarea {
            height: 20px;
            background: none
        }

    .print-design-form #items td.balance {
        background: #eee
    }

    .print-design-form #items td.blank {
        border: 0
    }

.print-design-form #footer .thanks {
    float: left;
    color: #8d9096;
    width: 300px
}

.print-design-form #total {
    float: right;
    text-align: right
}

    .print-design-form #total td {
        border: none
    }

        .print-design-form #total td.total-line {
            color: #8d9096;
            text-align: right;
            text-transform: uppercase
        }

    .print-design-form #total tr.balance {
        border-top: 1px dashed #babec5
    }

        .print-design-form #total tr.balance td {
            padding-top: 10px
        }

            .print-design-form #total tr.balance td:last-child {
                font-size: 15px
            }

    .print-design-form #total tr:nth-last-child(2) td {
        padding-bottom: 10px
    }

.print-design-form #items td:nth-child(n+3), .print-design-form #items th:nth-child(n+3) {
    text-align: right
}

.print-design-form .delete-wpr {
    position: relative
}

.print-design-form .delete {
    display: block;
    color: #000;
    text-decoration: none;
    position: absolute;
    background: #eee;
    font-weight: 700;
    padding: 0 3px;
    border: 1px solid;
    top: -6px;
    left: -22px;
    font-family: Verdana;
    font-size: 12px
}

.qbbrand-loading-spinner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25%
}

    .qbbrand-loading-spinner .content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .qbbrand-loading-spinner .loader {
        transform: rotate(-100deg);
        position: relative;
        margin: 0 auto
    }

        .qbbrand-loading-spinner .loader:before {
            content: "";
            display: block;
            padding-top: 100%
        }

    .qbbrand-loading-spinner .circular {
        animation: rotate 4s linear infinite;
        height: 100%;
        transform-origin: center center;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .qbbrand-loading-spinner .track {
        stroke: #f6f7f9
    }

    .qbbrand-loading-spinner .path {
        stroke-dasharray: 1,200;
        animation: dash 4s cubic-bezier(.15,0,0,1) infinite,color 4s linear infinite;
        stroke-linecap: round
    }

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 126,200;
        stroke-dashoffset: 0
    }

    to {
        stroke-dasharray: 126,200;
        stroke-dashoffset: -126
    }
}

@keyframes color {
    0% {
        stroke: #2ca01c
    }

    50% {
        stroke: #108000
    }

    to {
        stroke: #108000
    }
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.height100 {
    height: 100%
}

.width100 {
    width: 100%
}

.flex-box {
    display: flex;
    justify-content: space-between
}

.hi-icon-color {
    color: #c7c7cc
}

@keyframes trowserLoadAnimation {
    0% {
        visibility: visible;
        transform: translate3d(0,100%,0);
        -webkit-transform: translate3d(0,100%,0)
    }

    to {
        visibility: visible;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
}

@keyframes trowserUnloadAnimation {
    0% {
        visibility: visible;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        opacity: 1
    }

    to {
        visibility: visible;
        transform: translate3d(0,100%,0);
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0
    }
}

@keyframes trowserTitleAnimation {
    0% {
        width: 0
    }

    to {
        width: 90%;
        visibility: visible
    }
}

.transactions-sfc-ui-mobile {
    font-size: 16px
}

    .transactions-sfc-ui-mobile .trowser-preview-wrapper {
        height: calc(100% - 50px);
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px)
    }

        .transactions-sfc-ui-mobile .trowser-preview-wrapper .trowser-footer-container button {
            width: 138px;
            margin: auto 0
        }

    .transactions-sfc-ui-mobile .mobile-email-preview {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 100%;
        height: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px)
    }

@keyframes hideHeader {
    form {
        opacity: 1
    }

    to {
        height: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes showHeader {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showPreviewScreenAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.transactions-sfc-ui-mobile .mobile-email-preview .header-text {
    text-align: center;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 1em;
    width: 90%;
    margin: 0 auto;
    animation-name: showHeader;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    position: relative
}

    .transactions-sfc-ui-mobile .mobile-email-preview .header-text.hide-header {
        animation: .5s hideHeader;
        animation-fill-mode: forwards
    }

.transactions-sfc-ui-mobile .mobile-email-preview .email-preview-wrapper {
    overflow: hidden;
    animation-name: showPreviewScreenAnimation;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    font-family: Arial
}

@keyframes showFake {
    0% {
        width: 100%;
        border: 0 #eceef1
    }

    to {
        width: 90%;
        border: 15px solid #eceef1;
        border-top: 0;
        border-bottom: 0;
        border-color: #eceef1
    }
}

@keyframes hideFake {
    0% {
        width: 90%;
        border: 15px solid #eceef1;
        border-top: 0;
        border-bottom: 0
    }

    to {
        width: 100%;
        border: 0 #eceef1;
        border-radius: 0
    }
}

@keyframes showFakeHeader {
    0% {
        height: 0;
        width: 100%;
        background: none
    }

    to {
        width: 90%;
        background: #eceef1;
        height: 60px;
        border-top-left-radius: 42px;
        border-top-right-radius: 42px
    }
}

@keyframes hideFakeHeader {
    0% {
        width: 90%;
        background: #eceef1;
        height: 60px;
        border-top-left-radius: 42px;
        border-top-right-radius: 42px
    }

    to {
        height: 0;
        width: 100%;
        background: none
    }
}

.transactions-sfc-ui-mobile .mobile-email-preview .show-fake-mobile {
    animation-name: showFake;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0,0,.2,1)
}

.transactions-sfc-ui-mobile .mobile-email-preview .hide-fake-mobile {
    animation-name: hideFake;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

    .transactions-sfc-ui-mobile .mobile-email-preview .hide-fake-mobile .mobile-screen-inner {
        border-left: 0 !important;
        border-right: 0 !important
    }

.transactions-sfc-ui-mobile .mobile-email-preview .show-fake-mobile-header {
    animation-name: showFakeHeader;
    animation-duration: .5s;
    animation-fill-mode: forward;
    animation-timing-function: cubic-bezier(0,0,.2,1)
}

.transactions-sfc-ui-mobile .mobile-email-preview .hide-fake-mobile-header {
    animation-name: hideFakeHeader;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

    .transactions-sfc-ui-mobile .mobile-email-preview .hide-fake-mobile-header .mobile-header-cmp {
        display: none
    }

.transactions-sfc-ui-mobile .mobile-email-preview .mobile-screen-header {
    border-top-left-radius: 42px;
    border-top-right-radius: 42px;
    position: relative;
    background-color: #eceef1;
    height: 60px;
    width: 90%;
    margin: 0 auto
}

    .transactions-sfc-ui-mobile .mobile-email-preview .mobile-screen-header .mobile-header-cmp {
        background: #fff;
        width: 40px;
        height: 4px;
        top: 28px;
        position: relative;
        margin: 0 auto;
        border-radius: 10px
    }

.transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container {
    flex: 0.9;
    overflow: auto;
    display: block;
    margin: 0 auto;
    background: #fff;
    width: 90%;
    border: 15px solid #eceef1;
    border-top: 0;
    border-bottom: 0
}

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .logo-and-color-section .name-with-logo {
        padding: 28px 20px 0
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .logo-and-color-section .logo-image {
        display: block;
        margin: 0 auto;
        width: 100px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .logo-and-color-section .company-name {
        text-align: center;
        padding-top: 10px;
        font-size: 1.25em;
        word-break: break-word
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .logo-and-color-section .name-without-logo {
        background-color: #f4f5f8
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .logo-and-color-section .name-without-logo .company-name {
            padding: 20px 0
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-section .email-body {
        margin-top: 10px;
        white-space: pre-wrap
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-section .no-email-body {
        color: #babec5
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-section .sign {
        margin-top: 10px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .header {
        letter-spacing: 0;
        text-align: center;
        color: #6b6c72;
        margin-bottom: 5px;
        font-size: .8125em
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .due-date {
        text-align: center;
        font-size: .8125em
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-label, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-label {
        font-weight: 700;
        margin-bottom: 12px;
        margin-top: 20px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-info, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shiping-info {
        font-size: .9375em
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-address, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-name, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-phone, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-street, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-name, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-street {
        margin-bottom: 10px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata {
        margin-bottom: 8px;
        min-height: 20px
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata .date, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata .quantity, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata .rate {
            padding-right: 10px;
            font-size: .8125em
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata .quantity {
            opacity: .4
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-label {
        margin-bottom: 8px
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-label .label {
            font-weight: 700;
            font-size: .9375em
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .item-descrption {
        margin-bottom: 8px;
        font-size: .8125em;
        color: #6b6c72
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section {
        font-size: .9375em
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary .summary-date, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary .summary-title {
            display: inline-block
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary .summary-title {
            font-weight: 700
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .discount-rate {
            opacity: .4;
            padding-left: 5px
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .no-footer-message, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .no-invoice-message {
        color: #babec5;
        white-space: pre-wrap;
        font-style: italic
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .footer-message, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .no-footer-message {
        margin-top: 20px;
        white-space: pre-wrap
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section {
        color: #6b6c72
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .company-address, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .company-email, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .company-name, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .company-phone, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .company-website {
            margin-bottom: 14px;
            text-align: center
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-address, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-email, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-phone, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-website {
            color: #babec5;
            margin-bottom: 14px;
            text-align: center
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .social-site-icons {
            margin-top: 10px;
            text-align: center
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .facebook-img, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .instagram-img, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section .twitter-img {
            margin: 10px 10px 0
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-header {
        margin: 10px 0 0;
        font-family: Helvetica Neue;
        color: #000
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-header .email-from {
            font-size: .9375em
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-header .email-from > span {
                font-weight: 500
            }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-header .email-to {
            font-size: .8125em
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-header .email-subject {
            font-size: .9375em;
            font-weight: 500;
            border-top: 1px solid #c8c7cc;
            margin: 0 auto;
            margin: 12px 0 0 10px;
            padding: 14px 0
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-header > div {
            margin: 3px 10px
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer {
        margin: 15px 20px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section {
        margin: 30px 20px 31px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .logo-and-color-section .name-with-logo {
        border-top: 1px solid #c8c7cc;
        padding-bottom: 0
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .email-section {
        font-size: 1em;
        margin: 40px 20px;
        line-height: 1.5
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section {
        margin: 15px 0
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-label, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-label {
            margin-top: 0
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-header {
            margin: 0 20px;
            padding: 0 0 8px;
            font-size: .8125em;
            color: #6b6c72;
            text-align: center
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .total-amount {
            text-align: center;
            color: #9e9e9e;
            font-size: 2.5em;
            margin-top: 5px
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .due-date {
            font-weight: 700
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .powered_by {
            text-align: center;
            margin-top: 10px;
            font-size: .8125em
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver {
            background: #f4f5f8;
            padding: 37px 0
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .bill-to-info, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .custom-fields-wrapper, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info {
                margin: 0 20px
            }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .bill-to-info {
                padding-bottom: 27px
            }

                .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .bill-to-info:only-child {
                    padding-bottom: 0
                }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info {
                padding-top: 27px;
                padding-bottom: 27px
            }

                .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info:last-child {
                    padding-bottom: 0
                }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .custom-fields-wrapper {
                padding-top: 27px
            }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver {
            background: #eceef1;
            padding: 37px 0
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver .due-date, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver .powered_by, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver .total-amount {
                margin: 0 20px
            }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver .total-amount {
                margin-top: 7px
            }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shiping-info {
            border-top: 1px dashed #babec5
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-date, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-trackno, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-vender {
            margin-top: 15px
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-date .shipping-lable, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-trackno .shipping-lable, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-vender .shipping-lable {
                font-weight: 700;
                margin-right: 10px
            }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper {
            font-size: .9375em
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-field-item:not(:first-child) {
                margin-top: 20px
            }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-filed-name {
                margin-top: 6px
            }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-filed-type {
                font-weight: 700
            }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section {
        margin: 15px 0
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container {
            border-top: 1px dashed #babec5;
            padding: 37px 0 25px;
            margin: 0 20px
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container:only-child {
                border-bottom: 1px dashed #babec5
            }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary-container {
            padding: 37px 20px 25px
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .attachments {
            text-align: right;
            color: #6b6c72;
            margin-bottom: 10px;
            font-size: .8125em
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .tax-summary-container {
            background: #f4f5f8;
            padding: 37px 20px 25px
        }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .tax-summary-container .tax-summary {
                font-weight: 700
            }

            .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .tax-summary-container .tax-label {
                margin-bottom: 4px
            }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .gray-text-color, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-details-section .gray-text-color {
            text-align: right;
            opacity: .4
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .product-billing-section .flex-box {
            margin-bottom: 14px
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section {
        font-size: 1em
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .footer-message, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .no-footer-message {
            margin-top: 0;
            padding: 20px 0 10px
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .footer-message {
            line-height: 1.5
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .invoice-message, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .customer-messages-section .no-invoice-message {
            padding: 10px 0 20px
        }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer {
        border-top: 1px solid #babec5;
        padding: 27px 0 40px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .company-footer-section {
        font-size: .8125em
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-section {
        font-size: .9375em
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .review-pay-wrapper {
        margin: 30px 0 40px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .review-and-pay {
        display: block;
        margin: 37px auto 12px;
        background: #000;
        color: #fff;
        padding: 10px 15px;
        font-weight: 700;
        border: 0;
        font-size: .875em;
        border-radius: 4px;
        width: 170px
    }

    .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer {
        font-size: .9375em;
        text-align: center;
        padding-top: 40px
    }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer .qb-logo-wrapper {
            margin-bottom: 37px
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer .footer-wrapper .privacy-security {
            margin-top: 14px
        }

        .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer .footer-wrapper .all-rights, .transactions-sfc-ui-mobile .mobile-email-preview .email-preview-sections-container .quickbooks-footer .footer-wrapper .privacy-security {
            color: #6b6c72
        }

.transactions-sfc-ui-mobile .trowser-ftu-wrapper {
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    position: relative
}

@keyframes ftuScreenFooterBtnAnimation {
    0% {
        width: 138px
    }

    to {
        width: 226px
    }
}

.transactions-sfc-ui-mobile .trowser-ftu-wrapper .trowser-footer-container .next-btn {
    margin: auto;
    animation-name: ftuScreenFooterBtnAnimation;
    animation-delay: .3s;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

.transactions-sfc-ui-mobile .ftu-screen-container {
    background-color: #eceef1;
    overflow-y: auto;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px)
}

    .transactions-sfc-ui-mobile .ftu-screen-container .ftu-screen-header-wrapper {
        background-color: #fff;
        padding: 30px 0
    }

        .transactions-sfc-ui-mobile .ftu-screen-container .ftu-screen-header-wrapper .ftu-screen-header {
            font-size: 1.25em;
            font-weight: 500;
            text-align: center
        }

    .transactions-sfc-ui-mobile .ftu-screen-container .card-container {
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 2px 0 0 #d4d7dc;
        margin: 10px 0;
        padding: 20px
    }

        .transactions-sfc-ui-mobile .ftu-screen-container .card-container .card-static-wrapper {
            font-size: 1em;
            line-height: 1.5
        }

        .transactions-sfc-ui-mobile .ftu-screen-container .card-container .save-btn-wrapper {
            text-align: right;
            margin-top: 20px
        }

            .transactions-sfc-ui-mobile .ftu-screen-container .card-container .save-btn-wrapper .done-btn {
                font-size: .875em;
                font-weight: 500;
                color: #0077c5;
                border: 0;
                box-shadow: none;
                padding-right: 0
            }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card {
        margin-top: 0
    }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container {
            margin: 20px 0;
            text-align: center
        }

            .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .edit-logo {
                border: 1px dashed #8d9096;
                border-radius: 2px;
                position: relative
            }

                .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .edit-logo .logo-camara-icon {
                    bottom: 5px;
                    right: 5px;
                    position: absolute
                }

                .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .edit-logo img {
                    width: 100px;
                    display: inline-block;
                    margin: 10px auto
                }

            .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .add-logo-cmp {
                position: relative
            }

                .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .add-logo-cmp .add-logo-image {
                    border-radius: 50%;
                    background: #7fd000;
                    height: 60px;
                    width: 60px;
                    margin: 0 auto;
                    position: relative
                }

                    .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .add-logo-cmp .add-logo-image .logo-custom-camara-icon {
                        color: #fff;
                        font-size: 30px;
                        left: 0;
                        top: 25%;
                        position: relative
                    }

                .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .add-logo-container .add-logo-cmp .add-logo-lable {
                    text-align: center;
                    margin-top: 5px;
                    color: #0077c5;
                    font-size: .8125em
                }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-logo-card .company-name-wrapper {
            font-weight: 500;
            text-align: center
        }

    .transactions-sfc-ui-mobile .ftu-screen-container .card-static-wrapper {
        word-break: break-word
    }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-static-wrapper .email-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-static-wrapper .phoneno-wrapper {
        margin-bottom: 15px
    }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-static-wrapper .company-add-email, .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-static-wrapper .company-add-phoneno, .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-static-wrapper .company-add-website {
        color: #0077c5
    }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-edit-wrapper .email-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-details-card .card-edit-wrapper .phoneno-input-wrapper {
        margin-bottom: 20px
    }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-static-wrapper .address-line, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-static-wrapper .city-state-wrapper {
        margin-bottom: 15px
    }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-static-wrapper .city-state-wrapper span {
            margin-right: 8px
        }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-static-wrapper .company-add-address {
        color: #0077c5
    }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .city-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .state-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .street-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .zipcode-input-wrapper {
        margin-bottom: 20px
    }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .city-input-wrapper .custom-select-label, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .state-input-wrapper .custom-select-label {
            color: #8d9096;
            font-size: 12px;
            font-weight: 600;
            display: inline-block
        }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .city-input-wrapper .custom-select-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .state-input-wrapper .custom-select-wrapper {
            border-bottom: 1px solid #d4d7dc
        }

            .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .city-input-wrapper .custom-select-wrapper select, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .state-input-wrapper .custom-select-wrapper select {
                color: #393a3d;
                margin-left: -5px;
                padding-bottom: 5px
            }

                .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .city-input-wrapper .custom-select-wrapper select:focus, .transactions-sfc-ui-mobile .ftu-screen-container .company-address-card .card-edit-wrapper .state-input-wrapper .custom-select-wrapper select:focus {
                    outline: none
                }

    .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card {
        margin-bottom: 0
    }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-static-wrapper .company-add-social-wrapper .social-icon {
            margin-right: 5px;
            height: 16px;
            width: 24px
        }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-static-wrapper .company-add-social-wrapper .connect-label {
            color: #0077c5;
            margin-right: 20px
        }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-static-wrapper .company-show-social-wrapper .social-icon {
            margin-right: 20px
        }

        .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper {
            position: relative
        }

@keyframes socialMediaAnimation {
    0% {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        transform: translateY(-2em);
        z-index: -1;
        transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s
    }

    to {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: translateY(0);
        transition-delay: 0s,0s,.3s
    }
}

.transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .facebook-url-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .instagram-url-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .linkedin-url-input-wrapper, .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .twitter-url-input-wrapper {
    animation-name: socialMediaAnimation;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    margin-bottom: 20px;
    display: flex
}

    .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .facebook-url-input-wrapper .no-socila-url-present, .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .instagram-url-input-wrapper .no-socila-url-present, .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .linkedin-url-input-wrapper .no-socila-url-present, .transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .twitter-url-input-wrapper .no-socila-url-present {
        color: #babec5
    }

.transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .image-holder {
    margin: auto;
    margin-right: 10px
}

.transactions-sfc-ui-mobile .ftu-screen-container .company-social-card .card-edit-wrapper .url-text-holder {
    width: 100%
}

.transactions-sfc-ui-mobile .payment-page-container {
    background-color: #fff;
    height: 100%;
    overflow-y: auto
}

    .transactions-sfc-ui-mobile .payment-page-container .payment-title-text {
        text-align: center;
        padding: 30px 10% 20px;
        font-size: 1.25em;
        font-weight: 500
    }

    .transactions-sfc-ui-mobile .payment-page-container .payment-options {
        text-align: center
    }

        .transactions-sfc-ui-mobile .payment-page-container .payment-options .credit-card-icons {
            margin-right: 10px
        }

    .transactions-sfc-ui-mobile .payment-page-container .first-row, .transactions-sfc-ui-mobile .payment-page-container .second-row {
        margin: 0 10px
    }

    .transactions-sfc-ui-mobile .payment-page-container .second-row {
        margin-top: 20px
    }

    .transactions-sfc-ui-mobile .payment-page-container .add-payment-options-text {
        margin-top: 20px;
        text-align: center;
        font-size: .9375em;
        padding: 0 15%
    }

    .transactions-sfc-ui-mobile .payment-page-container .not-now-btn-wrapper, .transactions-sfc-ui-mobile .payment-page-container .show-me-how-btn-wrapper {
        margin-top: 20px;
        display: flex
    }

        .transactions-sfc-ui-mobile .payment-page-container .not-now-btn-wrapper button, .transactions-sfc-ui-mobile .payment-page-container .show-me-how-btn-wrapper button {
            margin: 0 auto
        }

        .transactions-sfc-ui-mobile .payment-page-container .not-now-btn-wrapper button {
            color: #0077c5;
            background: none;
            font-size: .75em;
            box-shadow: none
        }

@keyframes hideToast {
    0% {
        opacity: 1
    }

    99% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.transactions-sfc-ui-mobile .payment-page-container .toast-msg-wrapper {
    animation: 3s hideToast;
    animation-fill-mode: forwards;
    background-color: #2ca01c;
    position: fixed;
    bottom: 10%;
    width: 90%;
    margin: 0 5%;
    font-size: .875em
}

    .transactions-sfc-ui-mobile .payment-page-container .toast-msg-wrapper .payment-toast {
        position: relative;
        margin: 15px 0
    }

    .transactions-sfc-ui-mobile .payment-page-container .toast-msg-wrapper .toast-img {
        margin: 0 10px;
        top: -2px;
        position: relative
    }

    .transactions-sfc-ui-mobile .payment-page-container .toast-msg-wrapper .toast-text {
        color: #fff;
        font-weight: 500
    }

.transactions-sfc-ui-mobile .trowser-container {
    animation-name: trowserLoadAnimation;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    position: absolute;
    width: 100%
}

    .transactions-sfc-ui-mobile .trowser-container.trowser-preview-screen .trowser-header .trowser-title {
        font-size: 1em
    }

    .transactions-sfc-ui-mobile .trowser-container.trowser-ftu-screen .trowser-header .trowser-title, .transactions-sfc-ui-mobile .trowser-container.trowser-payment-screen .trowser-header .trowser-title, .transactions-sfc-ui-mobile .trowser-container.trowser-preview-screen .trowser-header .trowser-title, .transactions-sfc-ui-mobile .trowser-container.trowser-settings-screen .trowser-header .trowser-title {
        animation-name: trowserTitleAnimation;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-delay: .8s
    }

    .transactions-sfc-ui-mobile .trowser-container.trowser-unload-animation {
        animation-name: trowserUnloadAnimation;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }

    .transactions-sfc-ui-mobile .trowser-container .trowser-header {
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        height: 50px;
        background-color: #fff
    }

        .transactions-sfc-ui-mobile .trowser-container .trowser-header .trowser-title {
            font-size: 1.1875em;
            font-weight: 500;
            color: #404040;
            overflow: hidden;
            white-space: nowrap;
            visibility: hidden
        }

        .transactions-sfc-ui-mobile .trowser-container .trowser-header .hi-close, .transactions-sfc-ui-mobile .trowser-container .trowser-header .hi-close:before {
            color: #8d9096
        }

    .transactions-sfc-ui-mobile .trowser-container .trowser-footer-container {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        height: 60px;
        position: relative;
        background-color: #fff;
        width: 100%;
        bottom: 0;
        left: 0;
        box-shadow: 0 -1px 3px 0 rgba(0,0,0,.1)
    }

.transactions-sfc-ui-mobile .qbbrand-loading-spinner {
    position: fixed;
    z-index: 990;
    margin: 0;
    left: 42%;
    top: 40%
}

.transactions-sfc-ui-mobile .section-container {
    height: 100%;
    background-color: #eceef1;
    max-height: 100%;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px)
}

.transactions-sfc-ui-mobile .section-component {
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    overflow-y: auto
}

    .transactions-sfc-ui-mobile .section-component.mask-section-component {
        overflow: hidden;
        -webkit-overflow-scrolling: auto
    }

    .transactions-sfc-ui-mobile .section-component .static-section-wrapper:first-child {
        margin-top: 0
    }

    .transactions-sfc-ui-mobile .section-component .static-section-wrapper:last-child {
        margin-bottom: 0
    }

@keyframes settingsFooterBtnLoadAnimation {
    0% {
        width: 138px;
        right: 0
    }

    to {
        width: 80%;
        right: 10%
    }
}

.transactions-sfc-ui-mobile .trowser-section.from-preview-screen .trowser-footer-container {
    justify-content: flex-end
}

    .transactions-sfc-ui-mobile .trowser-section.from-preview-screen .trowser-footer-container .done-btn {
        width: 138px;
        margin: auto 0;
        animation-name: settingsFooterBtnLoadAnimation;
        animation-duration: .5s;
        animation-delay: .3s;
        animation-timing-function: ease-in;
        animation-fill-mode: forwards
    }

.transactions-sfc-ui-mobile .trowser-section.from-settings-edit-screen .trowser-footer-container .done-btn {
    width: 80%;
    margin: 0 auto
}

.transactions-sfc-ui-mobile .show-hide-btn {
    padding-left: 10px;
    color: #0077c5
}

.transactions-sfc-ui-mobile .text-value-hidden {
    color: #babec5 !important
}

.transactions-sfc-ui-mobile .bg-image-hidden {
    opacity: .4
}

.transactions-sfc-ui-mobile .static-section-wrapper {
    position: relative;
    box-shadow: 0 2px 0 0 #d4d7dc;
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 0
}

    .transactions-sfc-ui-mobile .static-section-wrapper .disable-click-events {
        pointer-events: none
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .mask-edit-section {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #c5c5c5;
        opacity: .1;
        z-index: 990;
        border-radius: 4px
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .blur-edit-section {
        opacity: .5
    }

    .transactions-sfc-ui-mobile .static-section-wrapper.selected-edit-section {
        border: 1px solid #8d9096
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .bill-to-section, .transactions-sfc-ui-mobile .static-section-wrapper .company-footer-section, .transactions-sfc-ui-mobile .static-section-wrapper .customer-messages-section, .transactions-sfc-ui-mobile .static-section-wrapper .email-section, .transactions-sfc-ui-mobile .static-section-wrapper .product-billing-section, .transactions-sfc-ui-mobile .static-section-wrapper .product-details-section {
        padding: 20px
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section {
        padding: 40px 0
    }

@keyframes noLogoPresentAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes colorPickerAnimation {
    0% {
        opacity: 0;
        left: -10px
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes companyNameAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes logoDrawerWrapperAnimation {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0,0,0,.4)
    }
}

@keyframes logoDrawerAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-image-wrapper {
    border-radius: 2px;
    border: 1px dashed #8d9096;
    position: relative;
    text-align: center
}

.ms-logo {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

.image-wrapper {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.productPublishImage {
    max-width: 100%; /* Ensure the image fits within the container */
    height: auto; /* Maintain aspect ratio */
}


.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .name-with-logo {
    padding: 0 15px
}

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .name-with-logo .company-name-wrapper {
        display: flex;
        justify-content: space-between;
        margin-top: 20px
    }

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .name-without-logo {
    padding: 0 15px
}

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .name-without-logo .company-name-wrapper {
        margin-top: 40px
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .name-without-logo .add-logo-container {
        opacity: 0;
        animation-name: noLogoPresentAnimation;
        animation-duration: .5s;
        animation-delay: .8s;
        animation-fill-mode: forwards
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .name-without-logo .add-logo-container .logo-image {
            display: none
        }

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .company-name-wrapper {
    position: relative;
    animation-name: companyNameAnimation;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    visibility: hidden
}

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .company-name-wrapper .company-name {
        word-break: break-word;
        font-family: Arial
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .company-name-wrapper .company-name-wrapper {
        font-size: 1em
    }

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-camara-icon {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-image {
    display: inline-block;
    margin: 10px auto;
    width: 100px;
    position: relative
}

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .add-logo-container {
    position: relative
}

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .add-logo-container .add-logo-image {
        border-radius: 50%;
        background: #7fd000;
        height: 60px;
        width: 60px;
        margin: 0 auto;
        position: relative
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .add-logo-container .add-logo-image .logo-custom-camara-icon {
            color: #fff;
            font-size: 30px;
            left: 25%;
            top: 25%;
            position: relative
        }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .add-logo-container .add-logo-lable {
        text-align: center;
        margin-top: 5px;
        color: #0077c5;
        font-size: .8125em
    }

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container {
    margin-top: 30px
}

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circles {
        margin-top: 25px;
        overflow-x: auto;
        padding-bottom: 20px;
        animation-name: colorPickerAnimation;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        position: relative
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circles .paletteColorCircle {
            margin-right: 35px
        }

            .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circles .paletteColorCircle:hover {
                border: 0 !important
            }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circle-outer {
        height: 80px;
        overflow: hidden
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circle-inner {
        white-space: nowrap
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circle-inner .paletteColorCircle:first-child {
            margin-left: 15px
        }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-all-circle-inner .paletteColorCircle:last-child {
            margin-right: 0
        }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .selected-color {
        padding: 0 15px;
        animation-name: colorPickerAnimation;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        position: relative
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .hex-value-input, .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .selected-color {
        display: flex
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .ha-color-picker-container .color-input-label {
        margin: 6px 10px 0 0
    }

.transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-drawer-overlay-container {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    animation-name: logoDrawerWrapperAnimation;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

    .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay {
        bottom: 0;
        position: absolute;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        animation-name: logoDrawerAnimation;
        animation-duration: .5s;
        animation-fill-mode: forwards
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay .action-btn-row {
            text-align: center;
            font-size: 1em;
            font-weight: 500;
            display: block;
            width: 100%;
            height: 40px;
            background-color: #fff;
            border: 0
        }

        .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay button:active, .transactions-sfc-ui-mobile .static-section-wrapper .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay button:focus {
            color: #2ca01c;
            background-color: #eceef1;
            border: 0;
            box-shadow: none;
            outline: none
        }

.transactions-sfc-ui-mobile .static-section-wrapper .email-section {
    padding: 30px 15px
}

    .transactions-sfc-ui-mobile .static-section-wrapper .email-section .email-subject-wrapper {
        color: #babec5;
        padding-bottom: 20px;
        border-bottom: 1px solid #d4d7dc;
        font-size: .9375em;
        font-weight: 700;
        font-family: Arial
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .email-section .email-body-wrapper {
        font-size: 1em;
        padding-top: 20px
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .email-section .email-body-wrapper .no-email-body {
            color: #0077c5
        }

        .transactions-sfc-ui-mobile .static-section-wrapper .email-section .email-body-wrapper .email-body {
            white-space: pre-wrap;
            font-family: Arial
        }

    .transactions-sfc-ui-mobile .static-section-wrapper .email-section .email-salutation-wrapper {
        padding-top: 20px;
        font-size: 1em;
        color: #babec5;
        font-family: Arial
    }

.transactions-sfc-ui-mobile .static-section-wrapper .footer-message-section {
    padding: 30px 15px
}

    .transactions-sfc-ui-mobile .static-section-wrapper .footer-message-section .static-mode {
        font-size: 1em
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .footer-message-section .static-mode .footer-message {
            white-space: pre-wrap;
            font-family: Arial
        }

    .transactions-sfc-ui-mobile .static-section-wrapper .footer-message-section .no-footer-message {
        color: #0077c5
    }

.transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section {
    padding: 30px 15px;
    font-size: 1em
}

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-section .address-edit-mode, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-section .address-static-mode {
        border-bottom: 1px solid #d4d7dc;
        padding-bottom: 20px
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-section .company-no-address {
        color: #0077c5
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-wrapper .item-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-wrapper .item-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-wrapper .item-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-wrapper .item-wrapper {
        display: flex;
        justify-content: space-between
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-wrapper .no-email, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-wrapper .no-phone-number, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .address-wrapper .no-website, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-wrapper .no-email, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-wrapper .no-phone-number, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-wrapper .no-website, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-wrapper .no-email, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-wrapper .no-phone-number, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-wrapper .no-website, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-wrapper .no-email, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-wrapper .no-phone-number, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-wrapper .no-website {
        color: #0077c5
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-wrapper {
        padding: 20px 0
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-wrapper {
        border-bottom: 1px solid #d4d7dc
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-wrapper {
        border-bottom: 0;
        padding-bottom: 0
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .city-state-zip-address, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .email-address, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .phone-number, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .street-address, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .website-address {
        word-break: break-word
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .item-wrapper .company-address, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .item-wrapper .email-address, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .item-wrapper .phone-number, .transactions-sfc-ui-mobile .static-section-wrapper .address-and-details-section .item-wrapper .website-address {
        font-family: Arial
    }

.transactions-sfc-ui-mobile .static-section-wrapper .social-info-section {
    padding: 30px 15px
}

    .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .facebook-url-input-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .instagram-url-input-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .linkedin-url-input-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .twitter-url-input-wrapper {
        display: flex
    }

        .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .facebook-url-input-wrapper .image-holder, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .instagram-url-input-wrapper .image-holder, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .linkedin-url-input-wrapper .image-holder, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .twitter-url-input-wrapper .image-holder {
            margin: 5px 15px 5px 0
        }

        .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .facebook-url-input-wrapper .url-text-holder, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .instagram-url-input-wrapper .url-text-holder, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .linkedin-url-input-wrapper .url-text-holder, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .twitter-url-input-wrapper .url-text-holder {
            width: 100%
        }

            .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .facebook-url-input-wrapper .url-text-holder input[type=text], .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .instagram-url-input-wrapper .url-text-holder input[type=text], .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .linkedin-url-input-wrapper .url-text-holder input[type=text], .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .twitter-url-input-wrapper .url-text-holder input[type=text] {
                border: 0
            }

    .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .facebook-url-input-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .instagram-url-input-wrapper, .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .twitter-url-input-wrapper {
        margin-bottom: 30px
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-edit-container .linkedin-url-input-wrapper {
        margin-bottom: 0
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-static-container .connect-label {
        margin-right: 20px;
        color: #0077c5
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-static-container .add-social-sites .social-icon {
        margin-right: 5px;
        width: 24px;
        height: 16px
    }

    .transactions-sfc-ui-mobile .static-section-wrapper .social-info-section .social-static-container .show-social-sites .social-icon {
        margin-right: 20px
    }

.transactions-sfc-ui-mobile .edit-section-wrapper {
    width: 100%;
    background: #fff;
    transition-property: height;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0,1,.5,1);
    height: 100%
}

    .transactions-sfc-ui-mobile .edit-section-wrapper .email-edit-section {
        padding: 35px 25px
    }

        .transactions-sfc-ui-mobile .edit-section-wrapper .email-edit-section .email-subject-wrapper {
            color: #babec5;
            padding-bottom: 20px;
            border-bottom: 1px solid #d4d7dc;
            font-size: .9375em;
            font-weight: 700;
            font-family: Arial
        }

        .transactions-sfc-ui-mobile .edit-section-wrapper .email-edit-section .email-body-wrapper {
            font-size: 1em;
            padding-top: 20px
        }

            .transactions-sfc-ui-mobile .edit-section-wrapper .email-edit-section .email-body-wrapper .email-body {
                font-family: Arial
            }

                .transactions-sfc-ui-mobile .edit-section-wrapper .email-edit-section .email-body-wrapper .email-body textarea {
                    border: 0
                }

        .transactions-sfc-ui-mobile .edit-section-wrapper .email-edit-section .email-salutation-wrapper {
            padding-top: 20px;
            font-size: 1em;
            color: #babec5;
            font-family: Arial
        }

    .transactions-sfc-ui-mobile .edit-section-wrapper .footer-message-edit-section {
        padding: 35px 25px
    }

        .transactions-sfc-ui-mobile .edit-section-wrapper .footer-message-edit-section .edit-mode .footer-msg-textarea {
            font-family: Arial
        }

            .transactions-sfc-ui-mobile .edit-section-wrapper .footer-message-edit-section .edit-mode .footer-msg-textarea textarea {
                border: 0
            }

        .transactions-sfc-ui-mobile .edit-section-wrapper .footer-message-edit-section .edit-mode .no-footer-message {
            color: #0077c5
        }

    .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section {
        padding: 35px 25px
    }

@keyframes companyDetailsInputAnimation {
    0% {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        transform: translateY(-2em);
        z-index: -1;
        transition: all .3s ease-in 0s,visibility 0s ease-in .3s,z-index 0s ease-in .01s
    }

    to {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: translateY(0);
        transition-delay: 0s,0s,.3s
    }
}

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .city-state-zip-address, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-address, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-number, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .street-address, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-address {
    word-break: break-word
}

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper {
    padding: 20px 0
}

    .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode.initial-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-wrapper.initial-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-wrapper.initial-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper.initial-edit-section {
        border-bottom: 1px solid #d4d7dc
    }

        .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode.initial-edit-section input[type=text], .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-wrapper.initial-edit-section input[type=text], .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-wrapper.initial-edit-section input[type=text], .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper.initial-edit-section input[type=text] {
            border: 0
        }

    .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode.not-current-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-wrapper.not-current-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-wrapper.not-current-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper.not-current-edit-section {
        border-bottom: 0
    }

        .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode.not-current-edit-section input[type=text], .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-wrapper.not-current-edit-section input[type=text], .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-wrapper.not-current-edit-section input[type=text], .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper.not-current-edit-section input[type=text] {
            border: 0
        }

    .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode.current-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .email-wrapper.current-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .phone-wrapper.current-edit-section, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper.current-edit-section {
        border-bottom: 0
    }

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-static-mode {
    border-bottom: 1px solid #d4d7dc
}

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .website-wrapper.initial-edit-section {
    border-bottom: 0
}

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .city-input-field, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .state-input-field, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .street-input-field, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .zip-input-field {
    margin-bottom: 10px
}

    .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .city-input-field .custom-select-label, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .state-input-field .custom-select-label {
        color: #8d9096;
        font-size: 12px;
        font-weight: 600;
        display: inline-block
    }

    .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .city-input-field .custom-select-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .state-input-field .custom-select-wrapper {
        border-bottom: 1px solid #d4d7dc
    }

        .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .city-input-field .custom-select-wrapper select, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .state-input-field .custom-select-wrapper select {
            color: #393a3d;
            margin-left: -5px;
            padding-bottom: 5px
        }

            .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .city-input-field .custom-select-wrapper select:focus, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .address-edit-mode .state-input-field .custom-select-wrapper select:focus {
                outline: none
            }

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .show-hide-btn {
    margin: auto 0
}

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .company-no-address, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .no-email, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .no-phone-number, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .no-website {
    color: #0077c5
}

.transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .item-wrapper .company-address, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .item-wrapper .email-address, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .item-wrapper .phone-number, .transactions-sfc-ui-mobile .edit-section-wrapper .address-and-details-edit-section .item-wrapper .website-address {
    font-family: Arial
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section {
    padding: 35px 25px
}

@keyframes socialMediaInputAnimation {
    0% {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        transform: translateY(-2em);
        z-index: -1;
        transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s
    }

    to {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: translateY(0);
        transition-delay: 0s,0s,.3s
    }
}

@keyframes fade {
    to {
        opacity: 1
    }
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .social-edit-container {
    position: relative
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .facebook-url-input-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .instagram-url-input-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .linkedin-url-input-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .twitter-url-input-wrapper {
    display: flex;
    opacity: 0
}

    .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .facebook-url-input-wrapper .image-holder, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .instagram-url-input-wrapper .image-holder, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .linkedin-url-input-wrapper .image-holder, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .twitter-url-input-wrapper .image-holder {
        margin: auto;
        margin-right: 15px
    }

    .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .facebook-url-input-wrapper .url-text-holder, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .instagram-url-input-wrapper .url-text-holder, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .linkedin-url-input-wrapper .url-text-holder, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .twitter-url-input-wrapper .url-text-holder {
        width: 100%
    }

    .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .facebook-url-input-wrapper .no-socila-url-present, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .instagram-url-input-wrapper .no-socila-url-present, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .linkedin-url-input-wrapper .no-socila-url-present, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .twitter-url-input-wrapper .no-socila-url-present {
        color: #babec5
    }

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .facebook-url-input-wrapper {
    animation: fade .1s ease-in-out forwards;
    animation-delay: .1s
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .instagram-url-input-wrapper {
    animation: fade .1s ease-in-out forwards;
    animation-delay: .2s
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .twitter-url-input-wrapper {
    animation: fade .1s ease-in-out forwards;
    animation-delay: .3s
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .linkedin-url-input-wrapper {
    animation: fade .1s ease-in-out forwards;
    animation-delay: .4s
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .facebook-url-input-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .instagram-url-input-wrapper, .transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .twitter-url-input-wrapper {
    margin-bottom: 5px
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .socail-url-wrapper {
    margin-bottom: 30px
}

.transactions-sfc-ui-mobile .edit-section-wrapper .social-info-edit-section .validation-error-message {
    margin-left: 40px
}

.transactions-sfc-ui-mobile .apply-cancel-button-container {
    display: flex;
    justify-content: space-between;
    margin: 10px
}

.transactions-sfc-ui-mobile .reset-button-wrapper {
    display: none
}

.transactions-sfc-ui-mobile .validation-error-message {
    color: #d52b1e;
    font-size: 16px
}

.formstyles {
    padding: 20px
}

    .formstyles .page-content {
        padding: 15px 0 0
    }

    .formstyles .lists-link {
        display: block
    }

    .formstyles .advanced-editor-link {
        display: inline-block;
        width: 50%;
        margin: auto;
        text-align: left
    }

    .formstyles .new-style-button {
        display: inline-block;
        float: right
    }

    .formstyles .renameModal {
        padding: 20px
    }

    .formstyles .formstyles-table {
        margin-top: 20px
    }

        .formstyles .formstyles-table .dgrid-footer {
            border: 0
        }

    .formstyles .advancedFormstyles {
        white-space: nowrap
    }

.SFCNativeEditor {
    background: #fff
}

    .SFCNativeEditor .error-message {
        margin: 10px
    }

    .SFCNativeEditor .edit-logo {
        color: #0077c5;
        font-size: 1.5em;
        padding: 10px;
        margin: 5px;
        font-weight: 700;
        cursor: pointer
    }

        .SFCNativeEditor .edit-logo .logo-img-container {
            margin-top: 3px;
            padding: 5px;
            background: rgba(57,58,61,.2);
            border-radius: 5px
        }

            .SFCNativeEditor .edit-logo .logo-img-container .logo-img {
                width: 100px;
                display: block;
                margin: 0 auto
            }

    .SFCNativeEditor .new-logo {
        color: #0077c5;
        font-size: 1.5em;
        padding: 20px;
        margin: 5px;
        font-weight: 700;
        cursor: pointer
    }

    .SFCNativeEditor .ha-color-picker-container {
        color: #0077c5;
        font-size: 1.5em;
        padding: 20px;
        padding-left: 0;
        padding-top: 0;
        margin: 5px
    }

        .SFCNativeEditor .ha-color-picker-container .selected-color {
            margin-left: 10px;
            margin-top: 10px
        }

            .SFCNativeEditor .ha-color-picker-container .selected-color .selected-color-circle-outer {
                display: inline-block;
                vertical-align: bottom;
                width: 40px;
                height: 40px;
                border-radius: 20px;
                border: 1px solid green
            }

                .SFCNativeEditor .ha-color-picker-container .selected-color .selected-color-circle-outer .selected-color-circle-inner {
                    width: 30px;
                    height: 30px;
                    border-radius: 20px;
                    background-color: green;
                    margin: 4px
                }

            .SFCNativeEditor .ha-color-picker-container .selected-color .hex-value-input {
                display: inline-block;
                margin-left: 10px
            }

        .SFCNativeEditor .ha-color-picker-container .color-all-circles {
            margin-top: 15px
        }

            .SFCNativeEditor .ha-color-picker-container .color-all-circles .paletteColorCircle {
                display: inline-block;
                width: 40px;
                height: 40px;
                border-radius: 20px;
                background-color: green;
                margin-right: 18px;
                margin-left: 10px;
                margin-bottom: 10px
            }

    .SFCNativeEditor .footer-text {
        color: #0077c5;
        font-size: 1.5em;
        margin-left: 20px;
        margin-right: 20px;
        border-top: 1px solid silver
    }

    .SFCNativeEditor .footer-buttons {
        display: flex;
        justify-content: space-between
    }

    .SFCNativeEditor .ha-textarea.mobile-textarea {
        margin-bottom: 16px;
        position: relative;
        width: 100%;
        max-width: 460px;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out
    }

        .SFCNativeEditor .ha-textarea.mobile-textarea textarea, .SFCNativeEditor .ha-textarea.mobile-textarea textarea:focus, .SFCNativeEditor .ha-textarea.mobile-textarea textarea:hover {
            padding-top: 0;
            overflow: hidden;
            border-width: 0 0 1px;
            box-shadow: none;
            border-radius: 0
        }

        .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-content textarea, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-content textarea:focus, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-content textarea:hover, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:focus, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:hover {
            overflow: initial;
            line-height: 23px
        }

        .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-content label, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused label {
            -webkit-transform: none;
            transform: none;
            font-size: 12px;
            color: #8d9096;
            font-weight: 600
        }

        .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:focus, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:hover {
            border-color: #8d9096;
            min-height: 92px
        }

            .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea::-webkit-input-placeholder, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:focus::-webkit-input-placeholder, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:hover::-webkit-input-placeholder {
                color: #8d9096
            }

            .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea::-moz-placeholder, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:focus::-moz-placeholder, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:hover::-moz-placeholder {
                color: #8d9096
            }

            .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:-ms-input-placeholder, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:focus:-ms-input-placeholder, .SFCNativeEditor .ha-textarea.mobile-textarea.mobile-textarea-focused textarea:hover:-ms-input-placeholder {
                color: #8d9096
            }

    .SFCNativeEditor .mobile-text-field {
        width: 100%;
        max-width: 460px;
        margin-bottom: 16px
    }

        .SFCNativeEditor .mobile-text-field.mobile-text-field-content {
            border: none
        }

            .SFCNativeEditor .mobile-text-field.mobile-text-field-content input {
                opacity: 1;
                border: none;
                border-bottom: 1px solid #8d9096;
                box-shadow: none;
                color: #636363
            }

                .SFCNativeEditor .mobile-text-field.mobile-text-field-content input:focus, .SFCNativeEditor .mobile-text-field.mobile-text-field-content input:hover {
                    border-color: #8d9096
                }

            .SFCNativeEditor .mobile-text-field.mobile-text-field-content label {
                transform: none;
                color: #8d9096
            }

                .SFCNativeEditor .mobile-text-field.mobile-text-field-content label span {
                    display: none
                }

        .SFCNativeEditor .mobile-text-field.mobile-text-field-focused, .SFCNativeEditor .mobile-text-field.mobile-text-field-force-open {
            border: none
        }

            .SFCNativeEditor .mobile-text-field.mobile-text-field-focused input, .SFCNativeEditor .mobile-text-field.mobile-text-field-force-open input {
                outline: none;
                border-bottom: 1px solid #8d9096;
                opacity: 1;
                border-width: 0 0 1px;
                box-shadow: none
            }

                .SFCNativeEditor .mobile-text-field.mobile-text-field-focused input:focus, .SFCNativeEditor .mobile-text-field.mobile-text-field-focused input:hover, .SFCNativeEditor .mobile-text-field.mobile-text-field-force-open input:focus, .SFCNativeEditor .mobile-text-field.mobile-text-field-force-open input:hover {
                    border-color: #8d9096
                }

            .SFCNativeEditor .mobile-text-field.mobile-text-field-focused label, .SFCNativeEditor .mobile-text-field.mobile-text-field-force-open label {
                transform: none
            }

            .SFCNativeEditor .mobile-text-field.mobile-text-field-force-open input {
                background-color: transparent
            }

    .SFCNativeEditor .show {
        display: none !important
    }

    .SFCNativeEditor .input, .SFCNativeEditor textarea {
        font-family: Avenir Next forINTUIT,Arial,-apple-system,Helvetica Neue,sans-serif;
        font-weight: 400;
        color: #636363
    }

.SFCNativePreview {
    height: 100%
}

    .SFCNativePreview .txn-sfc-ftu .ha-sfc-ftu-container {
        min-height: 90vh
    }

        .SFCNativePreview .txn-sfc-ftu .ha-sfc-ftu-container .footer {
            padding-bottom: 10px;
            padding-top: 10px
        }

    .SFCNativePreview .txn-sfc-ftu .txn-sfc-ftu-banner {
        display: block;
        width: 100%;
        height: 110px;
        margin-top: 30px
    }

    .SFCNativePreview .txn-sfc-ftu .main-title {
        margin: 16px auto !important;
        width: 28% !important
    }

    .SFCNativePreview .txn-sfc-ftu .app-tile {
        height: 90px;
        width: 130px;
        display: inline-block;
        margin: 10px;
        cursor: pointer;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .SFCNativePreview .txn-sfc-ftu .invoice-action-button {
        margin-bottom: 30px
    }

    .SFCNativePreview .txn-sfc-ftu .footer-link {
        display: inline-block
    }

    .SFCNativePreview .customizeFormStyleThumbnails {
        background-color: #fff !important
    }

        .SFCNativePreview .customizeFormStyleThumbnails .logo {
            vertical-align: middle;
            width: 45px
        }

            .SFCNativePreview .customizeFormStyleThumbnails .logo img {
                max-width: 200px;
                max-height: 100px
            }

        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav {
            font-size: 1.4rem;
            padding: 15px;
            vertical-align: middle;
            text-align: center;
            padding-left: 12px
        }

            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav.selected {
                background-color: blue-gray-lightest !important;
                border-right: 1px solid #c7c7c7
            }

            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav:hover {
                background-color: blue-gray-whiter;
                border-right: 1px solid #c7c7c7
            }

            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav a {
                padding-left: 15px;
                color: dark-gray-darkest;
                display: block;
                text-decoration: none;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav a:focus {
                    outline: none;
                    background-color: blue-gray
                }

            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock {
                display: inline-block
            }

                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail {
                    width: 100px;
                    background-color: #fff;
                    vertical-align: middle;
                    cursor: pointer;
                    transition-property: border-color;
                    transition-duration: .5s;
                    padding-top: 0;
                    height: 129px;
                    overflow: hidden;
                    border: 1px solid #ccc
                }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail img {
                        height: 100%;
                        width: 100%
                    }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .acctSummaryDivCover {
                        display: none
                    }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold {
                        overflow: auto;
                        background-color: #e8f4dd;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection {
                            min-height: 67px;
                            overflow-y: auto;
                            padding: 10px 15px 10px 0
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .templateLogoRight {
                                vertical-align: middle;
                                display: inline-block;
                                width: 40%;
                                float: right
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAddRight {
                                vertical-align: top;
                                width: 40%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAdd2 {
                                vertical-align: middle;
                                display: inline-block;
                                width: 50%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAdd1 {
                                vertical-align: top;
                                display: inline-block;
                                padding-left: 16px;
                                width: 50%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 40%
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer {
                            margin-top: 10px;
                            display: inline-block;
                            width: 100%
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 56%;
                                padding-right: 12px
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref .billToSection {
                                    vertical-align: top;
                                    width: 40%;
                                    display: inline-block;
                                    margin-left: 15px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref .shipToSection {
                                    vertical-align: top;
                                    width: 48%;
                                    display: inline-block
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .billingShippingPref .blankColorStrip {
                                    background-color: #8cc857;
                                    height: 4px;
                                    margin-top: 20px
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 40%;
                                color: #fff;
                                float: right
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceNum {
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms {
                                    vertical-align: top;
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                                        width: 50%;
                                        display: inline-block
                                    }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                                        display: inline
                                    }

                                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                            width: 40%;
                                            display: inline-block
                                        }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection {
                                    padding: 4px;
                                    padding-left: 3px;
                                    background-color: #8cc857
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                                        display: inline-block
                                    }

                                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                            margin-right: 10px
                                        }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .prefContainer .titleSection .dueDateSection .dueDateDiv {
                                        display: inline-block
                                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-left: 15px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .shippingAndCustom .shippingFields .fieldTitle {
                                    word-wrap: break-word
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .acctSummaryDivCover {
                            margin-top: 10px;
                            margin-bottom: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                            font-weight: 700;
                            padding-top: 5px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                            font-size: 6px;
                            padding-top: 0;
                            padding-bottom: 5px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-header {
                            height: 20px;
                            color: #fff;
                            background-color: #8cc857
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                height: 24px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none;
                            padding: 6px 15px !important;
                            line-height: 1.5
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .dgrid.dgrid-03 th.dgrid-cell {
                            padding-top: 2px !important;
                            padding-bottom: 0 !important
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection {
                            margin-right: 10px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 15px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                width: 43%;
                                vertical-align: top;
                                text-align: left;
                                padding-left: 8px;
                                color: gray;
                                display: inline-block;
                                font-style: italic;
                                word-wrap: break-word
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 20%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalRight {
                                width: 35%;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalRight .subTotalLabel {
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .totalDueSection {
                            background-color: #8cc857;
                            color: #fff;
                            float: right;
                            margin-bottom: 20px;
                            margin-right: 1px;
                            padding: 5px;
                            width: 36%;
                            padding-left: 5px;
                            padding-right: 0
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .totalDueSection .totalDueLabel {
                                display: inline-block;
                                width: 55%;
                                padding-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .totalDueSection .totalDueValue {
                                text-align: right;
                                display: inline-block;
                                width: 37%
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .taxSection {
                            margin-left: 20px;
                            padding-bottom: 10px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .taxSectionDivCover {
                            height: 57px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .footerText {
                            font-size: 5px;
                            color: gray;
                            padding: 10px 20px 27px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 75px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .secondaryColor {
                            height: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .headerSection {
                            min-height: 40px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .logo {
                            width: 45px;
                            height: 38px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .topSectionRightPane {
                            min-height: 40px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .bold .notlive {
                            display: none
                        }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy {
                        background-color: #fff;
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec {
                            min-height: 70px;
                            overflow-y: auto;
                            padding: 10px 20px 5px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .companyAdd1 {
                                vertical-align: middle;
                                display: inline-block;
                                width: 50%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .companyAdd2 {
                                vertical-align: middle;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .companyAddCenter {
                                vertical-align: middle;
                                display: inline-block;
                                width: 36%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogo {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogo .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogoLeft {
                                vertical-align: top;
                                display: inline-block;
                                margin-right: 10px
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .headerSec .templateLogoLeft .logo {
                                    padding-right: 0
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .formTitle {
                            padding-left: 20px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .formTitle .formTitleText {
                                font-size: 18px;
                                color: #8cc857
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .formTitle .uppercase {
                                text-transform: uppercase
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .returnStubText {
                            font-size: 5px;
                            text-align: center;
                            padding-top: 10px;
                            border-bottom: 1px dotted #ccc
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-bottom: 10px;
                            padding-left: 20px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom .shippingFields .fieldTitle {
                                    margin-bottom: 5px;
                                    word-wrap: break-word
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer {
                            padding: 10px 20px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .billToSection {
                                vertical-align: top;
                                width: 40%;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .shipToSection {
                                vertical-align: top;
                                width: 33%;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection {
                                display: inline-block;
                                vertical-align: top;
                                width: 26%;
                                float: right
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection td, .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection th {
                                    padding: 0
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection .titleText {
                                    text-align: right;
                                    text-transform: uppercase
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSection .titleValue {
                                    padding-left: 10px
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .billToSectionFR {
                                vertical-align: top;
                                float: right;
                                width: 40%;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .shipToSectionFR, .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR {
                                vertical-align: top;
                                width: 30%;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR td, .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR th {
                                    padding: 0
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR .titleText {
                                    text-align: right;
                                    text-transform: uppercase
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .prefContainer .titleSectionFR .titleValue {
                                    padding-left: 10px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .detailSection {
                            padding-top: 10px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-column-0-0 {
                            padding-left: 15px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-header {
                            background-color: #e8f4dd;
                            padding-left: 10px;
                            padding-right: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                border-bottom: none;
                                height: 16px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-scroller {
                            padding-left: 10px;
                            padding-right: 10px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 15px;
                            border-bottom: none
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                                padding-left: 15px;
                                padding-top: 0;
                                font-size: 6px;
                                padding-bottom: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .totalValue {
                            margin-top: 10px;
                            margin-bottom: 10px;
                            border-top: 1px dotted #bdbbbb
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection {
                            padding-left: 20px;
                            padding-top: 10px;
                            border-top: 2px #ccc;
                            padding-right: 20px;
                            overflow: auto
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                display: inline-block;
                                font-style: italic;
                                text-align: left;
                                vertical-align: top;
                                width: 40%;
                                word-wrap: break-word
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 25%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalRight {
                                width: 35%;
                                vertical-align: top;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalRight .subTotalLabel {
                                    width: 70%;
                                    padding-bottom: 2px;
                                    display: table-cell
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .balanceDueSection {
                            padding-right: 20px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 64%;
                            float: none
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .balanceDueSection .balanceDueLabel {
                                width: 50%;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .balanceDueSection .balanceDueValue {
                                width: 40%;
                                margin-left: 10%;
                                font-size: 16px;
                                display: inline-block;
                                text-align: right
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 200px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .taxSection {
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .taxSectionDivCover {
                            height: 57px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .footerText {
                            font-size: 5px;
                            color: gray;
                            padding: 10px 20px 10px 15px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .shippingAndCustom {
                            border-top: 2px solid
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .airy .notlive {
                            display: none
                        }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly {
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        background-color: #fff;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec {
                            padding: 10px 0 5px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .companyAdd1 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .companyAdd2 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogo {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: center;
                                width: 36%
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogo .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoLeft {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: left
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoLeft .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoRight {
                                display: inline-block;
                                width: 36%;
                                float: right
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .templateLogoRight .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 36%;
                                padding-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .titleText {
                                display: inline-block;
                                width: 27%;
                                font-size: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                word-wrap: break-word
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle .formTitleText {
                                    font-size: 15px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle label {
                                    padding-right: 5px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitle .uppercase {
                                    text-transform: uppercase
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                float: right;
                                word-wrap: break-word
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight .formTitleText {
                                    font-size: 15px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight label {
                                    padding-right: 5px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec .formTitleRight .uppercase {
                                    text-transform: uppercase
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage {
                            font-size: 10px;
                            display: inline-block
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage .titleAndNumber {
                                vertical-align: top
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage .titleAndNumber .titleText {
                                    display: inline-block;
                                    padding-bottom: 25px;
                                    vertical-align: top
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .titleAndMessage .titleAndNumber .docNumber {
                                    padding-left: 2px;
                                    vertical-align: top;
                                    display: inline-block
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-header {
                            border-top: 1px solid #ccc;
                            border-bottom: 1px solid #ccc;
                            background-color: #fff
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                border-bottom: none;
                                color: #404040;
                                height: 14px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 15px;
                            border-bottom: none
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                                padding-top: 0;
                                font-size: 6px;
                                padding-bottom: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none;
                            padding: 4px 4px 4px 0 !important;
                            line-height: 1.5
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .dgrid.dgrid-03 th.dgrid-cell {
                            padding-top: 2px !important;
                            padding-bottom: 0 !important
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer {
                            color: #8cc857;
                            display: inline-block;
                            width: 100%;
                            margin-top: 8px;
                            border-top: 1px solid;
                            min-height: 80px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref {
                                vertical-align: top;
                                display: inline-block;
                                width: 52%;
                                float: left;
                                padding-top: 10px;
                                color: gray
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref .sectionHeader {
                                    color: #404040;
                                    margin-bottom: 2px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref .billToSection {
                                    vertical-align: top;
                                    width: 50%;
                                    display: inline-block
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .billingShippingPref .shipToSection {
                                    vertical-align: top;
                                    width: 35%;
                                    display: inline-block
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .dateSection {
                                background-color: #e8f4dd;
                                display: inline-block;
                                width: 16%;
                                min-height: 80px;
                                position: relative
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .dateSection .dateSecData {
                                    position: absolute;
                                    top: 33%;
                                    left: 25%;
                                    text-align: center
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .dateSection .text {
                                    color: #8cc857;
                                    text-transform: uppercase;
                                    padding: 3px;
                                    font-size: 6px;
                                    display: block
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .amountDueSection {
                                background-color: #8cc857;
                                display: inline-block;
                                width: 16%;
                                min-height: 80px;
                                position: relative
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .amountDueSection .amountSecData {
                                    position: absolute;
                                    top: 33%;
                                    left: 25%;
                                    text-align: center
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer .amountDueSection .text {
                                    text-transform: uppercase;
                                    color: #fff;
                                    padding: 3px;
                                    display: block;
                                    font-size: 6px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .detailSection {
                            padding-top: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .detailSection .dgrid .dgrid-column-0-5 {
                                padding-right: 0 !important
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .detailSection .dgrid-content {
                                border-bottom: 1px solid #ccc
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .returnStubText {
                            font-size: 5px;
                            text-align: center;
                            padding-top: 10px;
                            border-bottom: 1px dotted #ccc
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom .shippingFields .fieldTitle {
                                    margin-bottom: 5px;
                                    word-wrap: break-word
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .shippingAndCustom .shippingFields .fieldValue {
                                    color: gray
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .acctSummaryDivCover {
                            padding-top: 25px;
                            padding-bottom: 5px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection {
                            padding-top: 10px;
                            padding-bottom: 2px;
                            padding-left: 10px;
                            font-size: 6px;
                            border-top: 1px solid #ccc;
                            overflow: auto
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                width: 45%;
                                font-style: italic;
                                color: gray;
                                display: inline-block;
                                vertical-align: top;
                                text-align: left;
                                word-wrap: break-word
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalCenter {
                                display: inline-block;
                                width: 17%;
                                vertical-align: top
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight {
                                padding-top: 10px;
                                width: 30%;
                                padding-right: 4px;
                                float: right;
                                padding-left: 15px;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight .subTotalLabel {
                                    display: table-cell;
                                    padding-bottom: 2px;
                                    text-transform: uppercase;
                                    color: #8cc857
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .subTotalSection .subTotalRight .subTotalValue.heavyFont {
                                        font-weight: 700
                                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection {
                            padding-right: 2px;
                            margin-left: 20px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueLeft {
                                width: 69%;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection {
                                width: 31%;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .totalDueRight {
                                    padding: 5px 3px 5px 0;
                                    border-top: 1px solid #ccc;
                                    border-bottom: 1px solid #81b47d
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueLabel {
                                        display: table-cell;
                                        text-transform: uppercase;
                                        color: #8cc857
                                    }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueValue {
                                        text-align: right;
                                        display: table-cell;
                                        font-weight: 700;
                                        width: 30%;
                                        color: #8cc857
                                    }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .totalDueSection .totalDueRightSection .thankYouSec {
                                    font-size: 10px;
                                    padding-top: 10px;
                                    text-align: right;
                                    color: #8cc857;
                                    padding-right: 4px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .taxSection {
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .taxSectionDivCover {
                            height: 57px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .footerText {
                            font-size: 5px;
                            color: gray;
                            padding-bottom: 18px;
                            padding-left: 8px;
                            padding-right: 20px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 182px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .companyAdd {
                            max-width: 100px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .headerSec {
                            min-width: 140px;
                            min-height: 67px;
                            width: 165px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .acctSummaryDivCover {
                            display: none
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .logo {
                            width: 41px;
                            height: 48px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .prefContainer {
                            margin-top: 25px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .friendly .notlive {
                            display: none
                        }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern {
                        background-color: #fff;
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        font-size: 6px;
                        text-align: left
                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer {
                            margin-top: 15px;
                            margin-left: 18%
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .sectionHeader {
                                margin-bottom: 2px;
                                height: 10px;
                                padding-top: 5px;
                                padding-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .addlines {
                                padding-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .billToSection {
                                border: 1px solid #ccc;
                                border-radius: 2px;
                                vertical-align: top;
                                width: 39%;
                                display: inline-block;
                                margin-right: 15px;
                                text-align: left
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .billToSection .header {
                                    background-color: #e8f4dd
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .shipToSection {
                                border: 1px solid #ccc;
                                border-radius: 2px;
                                vertical-align: top;
                                width: 34%;
                                display: inline-block;
                                text-align: left
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer .header {
                                background-color: #e8f4dd;
                                overflow-y: auto;
                                padding-bottom: 5px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .returnStubText {
                            font-size: 5px;
                            text-align: center;
                            padding-top: 10px;
                            border-bottom: 1px dotted #ccc
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-bottom: 10px;
                            padding-left: 5px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .shippingAndCustom .shippingFields .fieldTitle {
                                    margin-bottom: 2px;
                                    word-wrap: break-word
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover {
                            padding-bottom: 15px;
                            padding-top: 35px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover .dgrid .dgrid-column-0-2 {
                                padding-right: 5px !important
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover .dgrid .dgrid-column-0-1 {
                                padding-left: 15px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 0 5px;
                            width: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec {
                            width: 100%;
                            min-height: 67px;
                            overflow-y: auto;
                            padding: 10px 0 5px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .companyAdd1 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .companyAdd2 {
                                vertical-align: top;
                                width: 36%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogo {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: center;
                                width: 36%
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogo .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoLeft {
                                vertical-align: middle;
                                display: inline-block;
                                text-align: left
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoLeft .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoRight {
                                display: inline-block;
                                width: 36%;
                                float: right
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .templateLogoRight .logo {
                                    padding-right: 0
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 36%;
                                padding-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .titleText {
                                display: inline-block;
                                width: 27%;
                                font-size: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitle {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                word-wrap: break-word
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitle .formTitleText {
                                    background-color: #fff;
                                    font-size: 15px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitle .uppercase {
                                    text-transform: uppercase
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitleRight {
                                vertical-align: top;
                                height: 18px;
                                display: inline-block;
                                width: 27%;
                                text-align: right;
                                float: right;
                                word-wrap: break-word
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitleRight .formTitleText {
                                    background-color: #fff;
                                    font-size: 15px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerSec .formTitleRight .uppercase {
                                    text-transform: uppercase
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields {
                            margin-top: 5px;
                            border: 1px solid #ccc;
                            border-radius: 2px;
                            border-left: none
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerField {
                                vertical-align: top;
                                display: inline-block;
                                width: 16.4%;
                                border-left: 1px solid #ccc
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerField .backgroundColor {
                                    background-color: #e8f4dd
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerText {
                                height: 15px;
                                padding-left: 5px;
                                margin-left: 0;
                                margin-bottom: 0;
                                word-wrap: break-word
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerTextBR {
                                height: 30px;
                                padding-left: 5px;
                                margin-left: 0;
                                margin-bottom: 0
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-column-0-5 {
                            padding-right: 5px !important
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-header {
                            color: #404040;
                            padding-right: 0 !important;
                            border-top: 1px solid #ccc;
                            border-left: 1px solid #ccc;
                            background-color: #e8f4dd
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                border-bottom: none;
                                text-align: center;
                                height: 16px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content {
                            margin-right: 0 !important;
                            padding-right: 0 !important;
                            border-bottom: 1px solid #ccc !important;
                            border-top: 1px solid #ccc;
                            border-left: 1px solid #ccc
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                                height: 10px;
                                border-bottom: none;
                                text-align: center
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                                    padding-top: 0;
                                    font-size: 6px;
                                    padding-bottom: 10px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                    background-color: #fff
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .dgrid.dgrid-03 .dgrid-cell {
                            border-right: 1px solid #ccc;
                            border-left: none
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection {
                            padding: 10px 5px 0 15px;
                            border-top: 2px #ccc;
                            overflow: auto
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                display: inline-block;
                                font-style: italic;
                                text-align: left;
                                vertical-align: top;
                                width: 40%;
                                word-wrap: break-word
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 29%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalRight {
                                width: 35%;
                                vertical-align: top;
                                display: inline-block;
                                float: right
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalRight .subTotalLabel {
                                    padding-bottom: 2px;
                                    display: table-cell
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .balanceDueSection {
                            padding-right: 5px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 65%;
                            float: none
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .balanceDueSection .balanceDueLabel {
                                width: 60%;
                                display: inline-block
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .balanceDueSection .balanceDueValue {
                                display: inline-block;
                                width: 30%;
                                margin-left: 10%;
                                text-align: right
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 177px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .acctSummaryDivCover {
                            display: none
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .prefContainer {
                            padding-top: 0 !important
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields {
                            width: 303px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .headerFields .headerField {
                                width: 43px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .modern .notlive {
                            display: none
                        }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh {
                        overflow: auto;
                        border-bottom: 3px solid #ccc;
                        transform: scale(.204);
                        -ms-transform: scale(.204);
                        -webkit-transform: scale(.204);
                        transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                        -webkit-transform-origin: 0 0 0;
                        border: 1px solid #ccc;
                        text-align: left;
                        font-size: 6px
                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .secondaryColor {
                            height: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headersec-letterhead {
                            min-height: 67px;
                            padding: 10px 15px 10px 0;
                            width: 100%
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection {
                            min-height: 67px;
                            overflow-y: auto;
                            padding: 10px 15px 10px 0
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .templateLogoRight {
                                vertical-align: middle;
                                display: inline-block;
                                width: 40%;
                                float: right
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAddRight {
                                vertical-align: top;
                                width: 40%;
                                display: inline-block;
                                word-wrap: break-word;
                                margin-left: 10px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAdd2 {
                                vertical-align: middle;
                                display: inline-block;
                                width: 50%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAdd1 {
                                vertical-align: top;
                                display: inline-block;
                                padding-left: 16px;
                                width: 50%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .headerSection .companyAddCenter {
                                vertical-align: top;
                                display: inline-block;
                                width: 40%
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer {
                            margin-top: 10px;
                            display: inline-block;
                            width: 100%
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 56%;
                                padding-right: 12px
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .billToSection {
                                    vertical-align: top;
                                    width: 40%;
                                    display: inline-block;
                                    margin-left: 15px
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .billToSection .header {
                                        background-color: transparent !important
                                    }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .shipToSection {
                                    vertical-align: top;
                                    width: 48%;
                                    display: inline-block
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .shipToSection .header {
                                        background-color: transparent !important
                                    }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .billingShippingPref .blankColorStrip {
                                    background-color: #8cc857;
                                    height: 4px;
                                    margin-top: 14px
                                }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 40%;
                                color: #fff;
                                float: right
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceNum {
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms {
                                    vertical-align: top;
                                    margin-bottom: 5px;
                                    padding: 4px;
                                    background-color: #8cc857
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                                        width: 50%;
                                        display: inline-block
                                    }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                                        display: inline
                                    }

                                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                            width: 40%;
                                            display: inline-block
                                        }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection {
                                    padding: 4px;
                                    padding-left: 3px;
                                    background-color: #8cc857
                                }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                                        display: inline-block
                                    }

                                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                            margin-right: 10px
                                        }

                                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer .titleSection .dueDateSection .dueDateDiv {
                                        display: inline-block
                                    }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .shippingAndCustom {
                            display: block;
                            padding-top: 10px;
                            padding-left: 15px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .shippingAndCustom .shippingFields {
                                width: 13%;
                                display: table-cell
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .shippingAndCustom .shippingFields .fieldTitle {
                                    word-wrap: break-word
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .acctSummaryDivCover {
                            margin-top: 10px;
                            margin-bottom: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                            font-weight: 700;
                            padding-top: 5px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                            font-size: 6px;
                            padding-top: 0;
                            padding-bottom: 5px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-header {
                            height: 20px;
                            color: #fff;
                            background-color: #8cc857
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                                height: 24px
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                            height: 10px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                                background-color: #fff
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 .dgrid-cell {
                            border-left: none;
                            padding: 6px 15px !important;
                            line-height: 1.5
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .dgrid.dgrid-03 th.dgrid-cell {
                            padding-top: 2px !important;
                            padding-bottom: 0 !important
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection {
                            margin-right: 10px;
                            padding-top: 10px;
                            padding-bottom: 5px;
                            margin-left: 15px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalLeft {
                                font-size: 6px;
                                width: 43%;
                                vertical-align: top;
                                text-align: left;
                                padding-left: 8px;
                                color: gray;
                                display: inline-block;
                                font-style: italic;
                                word-wrap: break-word
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalCenter {
                                display: inline-block;
                                vertical-align: top;
                                width: 20%
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalRight {
                                width: 35%;
                                display: inline-block
                            }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalRight .subTotalLabel {
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .subTotalSection .subTotalRight .subTotalValue {
                                    text-align: right;
                                    display: table-cell;
                                    padding-bottom: 2px
                                }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .totalDueSection {
                            background-color: #8cc857;
                            color: #fff;
                            float: right;
                            margin-bottom: 20px;
                            margin-right: 1px;
                            padding: 5px;
                            width: 36%;
                            padding-left: 5px;
                            padding-right: 0
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .totalDueSection .totalDueLabel {
                                display: inline-block;
                                width: 55%;
                                padding-left: 5px
                            }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .totalDueSection .totalDueValue {
                                text-align: right;
                                display: inline-block;
                                width: 37%
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .taxSection {
                            margin-left: 20px;
                            padding-bottom: 10px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .taxSectionDivCover {
                            height: 57px
                        }

                            .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                                border-bottom: none
                            }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .footerText {
                            font-size: 5px;
                            color: gray;
                            padding: 10px 20px 27px;
                            text-align: left;
                            font-style: italic;
                            word-wrap: break-word
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .notlive {
                            width: 152px;
                            background: neutral-gray-darker;
                            color: #fff;
                            margin-top: 198px;
                            margin-left: 154px;
                            padding: 14px;
                            text-align: center;
                            font-size: 20px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .prefContainer {
                            padding-top: 0
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .acctSummaryDivCover {
                            display: none
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .logo {
                            width: 45px;
                            height: 38px
                        }

                        .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .fresh .notlive {
                            display: none
                        }

                    .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselThumbnail .shippingAndCustom {
                        display: block !important
                    }

                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .carouselBlockName {
                    display: inline-block;
                    text-align: center;
                    width: 100%;
                    font-size: 18px;
                    color: #404040;
                    padding-top: 5px
                }

                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .dgrid-cell {
                    line-height: 10px
                }

                .SFCNativePreview .customizeFormStyleThumbnails .thumbnailnav .carouselBlock .dgrid-header .dgrid-cell {
                    outline: none !important;
                    border: 0 none;
                    border-left: 1px solid blue-gray;
                    text-transform: uppercase;
                    padding: 2px 8px 6px
                }

        .SFCNativePreview .customizeFormStyleThumbnails * {
            box-sizing: content-box
        }

    .SFCNativePreview .customizeStylePreview {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        box-sizing: content-box
    }

        .SFCNativePreview .customizeStylePreview .logo {
            vertical-align: middle
        }

            .SFCNativePreview .customizeStylePreview .logo img {
                max-width: 200px;
                max-height: 100px
            }

        .SFCNativePreview .customizeStylePreview .bold {
            overflow: auto;
            background-color: #e8f4dd;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc
        }

            .SFCNativePreview .customizeStylePreview .bold .secondaryColor {
                height: 100%
            }

            .SFCNativePreview .customizeStylePreview .bold .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .SFCNativePreview .customizeStylePreview .bold .headerSection {
                min-height: 67px;
                overflow-y: auto;
                padding: 10px 15px 10px 0
            }

                .SFCNativePreview .customizeStylePreview .bold .headerSection .templateLogoRight {
                    vertical-align: middle;
                    display: inline-block;
                    width: 40%;
                    float: right
                }

                .SFCNativePreview .customizeStylePreview .bold .headerSection .companyAddRight {
                    vertical-align: top;
                    width: 40%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .SFCNativePreview .customizeStylePreview .bold .headerSection .companyAdd2 {
                    vertical-align: middle;
                    display: inline-block;
                    width: 50%
                }

                .SFCNativePreview .customizeStylePreview .bold .headerSection .companyAdd1 {
                    vertical-align: top;
                    display: inline-block;
                    padding-left: 16px;
                    width: 50%
                }

                .SFCNativePreview .customizeStylePreview .bold .headerSection .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 40%
                }

            .SFCNativePreview .customizeStylePreview .bold .prefContainer {
                margin-top: 10px;
                display: inline-block;
                width: 100%
            }

                .SFCNativePreview .customizeStylePreview .bold .prefContainer .billingShippingPref {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 56%;
                    padding-right: 12px
                }

                    .SFCNativePreview .customizeStylePreview .bold .prefContainer .billingShippingPref .billToSection {
                        vertical-align: top;
                        width: 40%;
                        display: inline-block;
                        margin-left: 15px
                    }

                    .SFCNativePreview .customizeStylePreview .bold .prefContainer .billingShippingPref .shipToSection {
                        vertical-align: top;
                        width: 48%;
                        display: inline-block
                    }

                    .SFCNativePreview .customizeStylePreview .bold .prefContainer .billingShippingPref .blankColorStrip {
                        background-color: #8cc857;
                        height: 4px;
                        margin-top: 20px
                    }

                .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 40%;
                    color: #fff;
                    float: right
                }

                    .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .invoiceNum {
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                    .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms {
                        vertical-align: top;
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                        .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                            width: 50%;
                            display: inline-block
                        }

                        .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                            display: inline
                        }

                            .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                width: 40%;
                                display: inline-block
                            }

                    .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection {
                        padding: 4px;
                        padding-left: 3px;
                        background-color: #8cc857
                    }

                        .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                            display: inline-block
                        }

                            .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                margin-right: 10px
                            }

                        .SFCNativePreview .customizeStylePreview .bold .prefContainer .titleSection .dueDateSection .dueDateDiv {
                            display: inline-block
                        }

            .SFCNativePreview .customizeStylePreview .bold .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-left: 15px
            }

                .SFCNativePreview .customizeStylePreview .bold .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .SFCNativePreview .customizeStylePreview .bold .shippingAndCustom .shippingFields .fieldTitle {
                        word-wrap: break-word
                    }

            .SFCNativePreview .customizeStylePreview .bold .acctSummaryDivCover {
                margin-top: 10px;
                margin-bottom: 10px
            }

                .SFCNativePreview .customizeStylePreview .bold .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .SFCNativePreview .customizeStylePreview .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                font-weight: 700;
                padding-top: 5px
            }

            .SFCNativePreview .customizeStylePreview .bold .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                font-size: 6px;
                padding-top: 0;
                padding-bottom: 5px
            }

            .SFCNativePreview .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-header {
                height: 20px;
                color: #fff;
                background-color: #8cc857
            }

                .SFCNativePreview .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    height: 24px
                }

            .SFCNativePreview .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 10px
            }

                .SFCNativePreview .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .SFCNativePreview .customizeStylePreview .bold .dgrid.dgrid-03 .dgrid-cell {
                border-left: none;
                padding: 6px 15px !important;
                line-height: 1.5
            }

            .SFCNativePreview .customizeStylePreview .bold .dgrid.dgrid-03 th.dgrid-cell {
                padding-top: 2px !important;
                padding-bottom: 0 !important
            }

            .SFCNativePreview .customizeStylePreview .bold .subTotalSection {
                margin-right: 10px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 15px
            }

                .SFCNativePreview .customizeStylePreview .bold .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    width: 43%;
                    vertical-align: top;
                    text-align: left;
                    padding-left: 8px;
                    color: gray;
                    display: inline-block;
                    font-style: italic;
                    word-wrap: break-word
                }

                .SFCNativePreview .customizeStylePreview .bold .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 20%
                }

                .SFCNativePreview .customizeStylePreview .bold .subTotalSection .subTotalRight {
                    width: 35%;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .bold .subTotalSection .subTotalRight .subTotalLabel {
                        display: table-cell;
                        padding-bottom: 2px
                    }

                    .SFCNativePreview .customizeStylePreview .bold .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .SFCNativePreview .customizeStylePreview .bold .totalDueSection {
                background-color: #8cc857;
                color: #fff;
                float: right;
                margin-bottom: 20px;
                margin-right: 1px;
                padding: 5px;
                width: 36%;
                padding-left: 5px;
                padding-right: 0
            }

                .SFCNativePreview .customizeStylePreview .bold .totalDueSection .totalDueLabel {
                    display: inline-block;
                    width: 55%;
                    padding-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .bold .totalDueSection .totalDueValue {
                    text-align: right;
                    display: inline-block;
                    width: 37%
                }

            .SFCNativePreview .customizeStylePreview .bold .taxSection {
                margin-left: 20px;
                padding-bottom: 10px
            }

            .SFCNativePreview .customizeStylePreview .bold .taxSectionDivCover {
                height: 57px
            }

                .SFCNativePreview .customizeStylePreview .bold .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .SFCNativePreview .customizeStylePreview .bold .footerText {
                font-size: 5px;
                color: gray;
                padding: 10px 20px 27px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

            .SFCNativePreview .customizeStylePreview .bold .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 75px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .SFCNativePreview .customizeStylePreview .airy {
            background-color: #fff;
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc
        }

            .SFCNativePreview .customizeStylePreview .airy .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .SFCNativePreview .customizeStylePreview .airy .headerSec {
                min-height: 70px;
                overflow-y: auto;
                padding: 10px 20px 5px
            }

                .SFCNativePreview .customizeStylePreview .airy .headerSec .companyAdd1 {
                    vertical-align: middle;
                    display: inline-block;
                    width: 50%
                }

                .SFCNativePreview .customizeStylePreview .airy .headerSec .companyAdd2 {
                    vertical-align: middle;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .airy .headerSec .companyAddCenter {
                    vertical-align: middle;
                    display: inline-block;
                    width: 36%
                }

                .SFCNativePreview .customizeStylePreview .airy .headerSec .templateLogo {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .airy .headerSec .templateLogo .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .airy .headerSec .templateLogoLeft {
                    vertical-align: top;
                    display: inline-block;
                    margin-right: 10px
                }

                    .SFCNativePreview .customizeStylePreview .airy .headerSec .templateLogoLeft .logo {
                        padding-right: 0
                    }

            .SFCNativePreview .customizeStylePreview .airy .formTitle {
                padding-left: 20px
            }

                .SFCNativePreview .customizeStylePreview .airy .formTitle .formTitleText {
                    font-size: 18px;
                    color: #8cc857
                }

                .SFCNativePreview .customizeStylePreview .airy .formTitle .uppercase {
                    text-transform: uppercase
                }

            .SFCNativePreview .customizeStylePreview .airy .returnStubText {
                font-size: 5px;
                text-align: center;
                padding-top: 10px;
                border-bottom: 1px dotted #ccc
            }

            .SFCNativePreview .customizeStylePreview .airy .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 20px
            }

                .SFCNativePreview .customizeStylePreview .airy .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .SFCNativePreview .customizeStylePreview .airy .shippingAndCustom .shippingFields .fieldTitle {
                        margin-bottom: 5px;
                        word-wrap: break-word
                    }

            .SFCNativePreview .customizeStylePreview .airy .prefContainer {
                padding: 10px 20px
            }

                .SFCNativePreview .customizeStylePreview .airy .prefContainer .billToSection {
                    vertical-align: top;
                    width: 40%;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .airy .prefContainer .shipToSection {
                    vertical-align: top;
                    width: 33%;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSection {
                    display: inline-block;
                    vertical-align: top;
                    width: 26%;
                    float: right
                }

                    .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSection td, .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSection th {
                        padding: 0
                    }

                    .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSection .titleText {
                        text-align: right;
                        text-transform: uppercase
                    }

                    .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSection .titleValue {
                        padding-left: 10px
                    }

                .SFCNativePreview .customizeStylePreview .airy .prefContainer .billToSectionFR {
                    vertical-align: top;
                    float: right;
                    width: 40%;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .airy .prefContainer .shipToSectionFR, .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSectionFR {
                    vertical-align: top;
                    width: 30%;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSectionFR td, .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSectionFR th {
                        padding: 0
                    }

                    .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSectionFR .titleText {
                        text-align: right;
                        text-transform: uppercase
                    }

                    .SFCNativePreview .customizeStylePreview .airy .prefContainer .titleSectionFR .titleValue {
                        padding-left: 10px
                    }

            .SFCNativePreview .customizeStylePreview .airy .detailSection {
                padding-top: 10px
            }

            .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-column-0-0 {
                padding-left: 15px
            }

            .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-header {
                background-color: #e8f4dd;
                padding-left: 10px;
                padding-right: 10px
            }

                .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    border-bottom: none;
                    height: 16px
                }

            .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-scroller {
                padding-left: 10px;
                padding-right: 10px
            }

            .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 15px;
                border-bottom: none
            }

                .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                    padding-left: 15px;
                    padding-top: 0;
                    font-size: 6px;
                    padding-bottom: 10px
                }

                .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .SFCNativePreview .customizeStylePreview .airy .dgrid.dgrid-03 .dgrid-cell {
                border-left: none
            }

            .SFCNativePreview .customizeStylePreview .airy .totalValue {
                margin-top: 10px;
                margin-bottom: 10px;
                border-top: 1px dotted #bdbbbb
            }

            .SFCNativePreview .customizeStylePreview .airy .subTotalSection {
                padding-left: 20px;
                padding-top: 10px;
                border-top: 2px #ccc;
                padding-right: 20px;
                overflow: auto
            }

                .SFCNativePreview .customizeStylePreview .airy .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    display: inline-block;
                    font-style: italic;
                    text-align: left;
                    vertical-align: top;
                    width: 40%;
                    word-wrap: break-word
                }

                .SFCNativePreview .customizeStylePreview .airy .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 25%
                }

                .SFCNativePreview .customizeStylePreview .airy .subTotalSection .subTotalRight {
                    width: 35%;
                    vertical-align: top;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .airy .subTotalSection .subTotalRight .subTotalLabel {
                        width: 70%;
                        padding-bottom: 2px;
                        display: table-cell
                    }

                    .SFCNativePreview .customizeStylePreview .airy .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .SFCNativePreview .customizeStylePreview .airy .balanceDueSection {
                padding-right: 20px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 64%;
                float: none
            }

                .SFCNativePreview .customizeStylePreview .airy .balanceDueSection .balanceDueLabel {
                    width: 50%;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .airy .balanceDueSection .balanceDueValue {
                    width: 40%;
                    margin-left: 10%;
                    font-size: 16px;
                    display: inline-block;
                    text-align: right
                }

            .SFCNativePreview .customizeStylePreview .airy .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 200px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

            .SFCNativePreview .customizeStylePreview .airy .taxSection {
                padding-top: 10px;
                padding-bottom: 10px
            }

            .SFCNativePreview .customizeStylePreview .airy .taxSectionDivCover {
                height: 57px
            }

            .SFCNativePreview .customizeStylePreview .airy .footerText {
                font-size: 5px;
                color: gray;
                padding: 10px 20px 10px 15px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

        .SFCNativePreview .customizeStylePreview .modern {
            background-color: #fff;
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc
        }

            .SFCNativePreview .customizeStylePreview .modern .prefContainer {
                margin-top: 15px;
                margin-left: 18%
            }

                .SFCNativePreview .customizeStylePreview .modern .prefContainer .sectionHeader {
                    margin-bottom: 2px;
                    height: 10px;
                    padding-top: 5px;
                    padding-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .modern .prefContainer .addlines {
                    padding-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .modern .prefContainer .billToSection {
                    border: 1px solid #ccc;
                    border-radius: 2px;
                    vertical-align: top;
                    width: 39%;
                    display: inline-block;
                    margin-right: 15px;
                    text-align: left
                }

                    .SFCNativePreview .customizeStylePreview .modern .prefContainer .billToSection .header {
                        background-color: #e8f4dd
                    }

                .SFCNativePreview .customizeStylePreview .modern .prefContainer .shipToSection {
                    border: 1px solid #ccc;
                    border-radius: 2px;
                    vertical-align: top;
                    width: 34%;
                    display: inline-block;
                    text-align: left
                }

                .SFCNativePreview .customizeStylePreview .modern .prefContainer .header {
                    background-color: #e8f4dd;
                    overflow-y: auto;
                    padding-bottom: 5px
                }

            .SFCNativePreview .customizeStylePreview .modern .returnStubText {
                font-size: 5px;
                text-align: center;
                padding-top: 10px;
                border-bottom: 1px dotted #ccc
            }

            .SFCNativePreview .customizeStylePreview .modern .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 5px
            }

                .SFCNativePreview .customizeStylePreview .modern .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .SFCNativePreview .customizeStylePreview .modern .shippingAndCustom .shippingFields .fieldTitle {
                        margin-bottom: 2px;
                        word-wrap: break-word
                    }

            .SFCNativePreview .customizeStylePreview .modern .acctSummaryDivCover {
                padding-bottom: 15px;
                padding-top: 35px
            }

                .SFCNativePreview .customizeStylePreview .modern .acctSummaryDivCover .dgrid .dgrid-column-0-2 {
                    padding-right: 5px !important
                }

                .SFCNativePreview .customizeStylePreview .modern .acctSummaryDivCover .dgrid .dgrid-column-0-1 {
                    padding-left: 15px
                }

            .SFCNativePreview .customizeStylePreview .modern .headersec-letterhead {
                min-height: 67px;
                padding: 10px 0 5px;
                width: 100%
            }

            .SFCNativePreview .customizeStylePreview .modern .headerSec {
                width: 100%;
                min-height: 67px;
                overflow-y: auto;
                padding: 10px 0 5px
            }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .companyAdd1 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .companyAdd2 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .templateLogo {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: center;
                    width: 36%
                }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .templateLogo .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .templateLogoLeft {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: left
                }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .templateLogoLeft .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .templateLogoRight {
                    display: inline-block;
                    width: 36%;
                    float: right
                }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .templateLogoRight .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 36%;
                    padding-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .titleText {
                    display: inline-block;
                    width: 27%;
                    font-size: 10px
                }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .formTitle {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    word-wrap: break-word
                }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .formTitle .formTitleText {
                        background-color: #fff;
                        font-size: 15px
                    }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .formTitle .uppercase {
                        text-transform: uppercase
                    }

                .SFCNativePreview .customizeStylePreview .modern .headerSec .formTitleRight {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    float: right;
                    word-wrap: break-word
                }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .formTitleRight .formTitleText {
                        background-color: #fff;
                        font-size: 15px
                    }

                    .SFCNativePreview .customizeStylePreview .modern .headerSec .formTitleRight .uppercase {
                        text-transform: uppercase
                    }

            .SFCNativePreview .customizeStylePreview .modern .headerFields {
                margin-top: 5px;
                border: 1px solid #ccc;
                border-radius: 2px;
                border-left: none
            }

                .SFCNativePreview .customizeStylePreview .modern .headerFields .headerField {
                    vertical-align: top;
                    display: inline-block;
                    width: 16.4%;
                    border-left: 1px solid #ccc
                }

                    .SFCNativePreview .customizeStylePreview .modern .headerFields .headerField .backgroundColor {
                        background-color: #e8f4dd
                    }

                .SFCNativePreview .customizeStylePreview .modern .headerFields .headerText {
                    height: 15px;
                    padding-left: 5px;
                    margin-left: 0;
                    margin-bottom: 0;
                    word-wrap: break-word
                }

                .SFCNativePreview .customizeStylePreview .modern .headerFields .headerTextBR {
                    height: 30px;
                    padding-left: 5px;
                    margin-left: 0;
                    margin-bottom: 0
                }

            .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-column-0-5 {
                padding-right: 5px !important
            }

            .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-header {
                color: #404040;
                padding-right: 0 !important;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                background-color: #e8f4dd
            }

                .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    border-bottom: none;
                    text-align: center;
                    height: 16px
                }

            .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content {
                margin-right: 0 !important;
                padding-right: 0 !important;
                border-bottom: 1px solid #ccc !important;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc
            }

                .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                    height: 10px;
                    border-bottom: none;
                    text-align: center
                }

                    .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                        padding-top: 0;
                        font-size: 6px;
                        padding-bottom: 10px
                    }

                    .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                        background-color: #fff
                    }

            .SFCNativePreview .customizeStylePreview .modern .dgrid.dgrid-03 .dgrid-cell {
                border-right: 1px solid #ccc;
                border-left: none
            }

            .SFCNativePreview .customizeStylePreview .modern .subTotalSection {
                padding: 10px 5px 0 15px;
                border-top: 2px #ccc;
                overflow: auto
            }

                .SFCNativePreview .customizeStylePreview .modern .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    display: inline-block;
                    font-style: italic;
                    text-align: left;
                    vertical-align: top;
                    width: 40%;
                    word-wrap: break-word
                }

                .SFCNativePreview .customizeStylePreview .modern .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 29%
                }

                .SFCNativePreview .customizeStylePreview .modern .subTotalSection .subTotalRight {
                    width: 35%;
                    vertical-align: top;
                    display: inline-block;
                    float: right
                }

                    .SFCNativePreview .customizeStylePreview .modern .subTotalSection .subTotalRight .subTotalLabel {
                        padding-bottom: 2px;
                        display: table-cell
                    }

                    .SFCNativePreview .customizeStylePreview .modern .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .SFCNativePreview .customizeStylePreview .modern .balanceDueSection {
                padding-right: 5px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 65%;
                float: none
            }

                .SFCNativePreview .customizeStylePreview .modern .balanceDueSection .balanceDueLabel {
                    width: 60%;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .modern .balanceDueSection .balanceDueValue {
                    display: inline-block;
                    width: 30%;
                    margin-left: 10%;
                    text-align: right
                }

            .SFCNativePreview .customizeStylePreview .modern .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 177px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .SFCNativePreview .customizeStylePreview .friendly {
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc;
            background-color: #fff
        }

            .SFCNativePreview .customizeStylePreview .friendly .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .SFCNativePreview .customizeStylePreview .friendly .headerSec {
                min-height: 67px;
                padding: 10px 0 5px
            }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .companyAdd1 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .companyAdd2 {
                    vertical-align: top;
                    width: 36%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .templateLogo {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: center;
                    width: 36%
                }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .templateLogo .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .templateLogoLeft {
                    vertical-align: middle;
                    display: inline-block;
                    text-align: left
                }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .templateLogoLeft .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .templateLogoRight {
                    display: inline-block;
                    width: 36%;
                    float: right
                }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .templateLogoRight .logo {
                        padding-right: 0
                    }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 36%;
                    padding-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .titleText {
                    display: inline-block;
                    width: 27%;
                    font-size: 10px
                }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitle {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    word-wrap: break-word
                }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitle .formTitleText {
                        font-size: 15px
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitle label {
                        padding-right: 5px
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitle .uppercase {
                        text-transform: uppercase
                    }

                .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitleRight {
                    vertical-align: top;
                    height: 18px;
                    display: inline-block;
                    width: 27%;
                    text-align: right;
                    float: right;
                    word-wrap: break-word
                }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitleRight .formTitleText {
                        font-size: 15px
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitleRight label {
                        padding-right: 5px
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .headerSec .formTitleRight .uppercase {
                        text-transform: uppercase
                    }

            .SFCNativePreview .customizeStylePreview .friendly .titleAndMessage {
                font-size: 10px;
                display: inline-block
            }

                .SFCNativePreview .customizeStylePreview .friendly .titleAndMessage .titleAndNumber {
                    vertical-align: top
                }

                    .SFCNativePreview .customizeStylePreview .friendly .titleAndMessage .titleAndNumber .titleText {
                        display: inline-block;
                        padding-bottom: 25px;
                        vertical-align: top
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .titleAndMessage .titleAndNumber .docNumber {
                        padding-left: 2px;
                        vertical-align: top;
                        display: inline-block
                    }

            .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-header {
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                background-color: #fff
            }

                .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    border-bottom: none;
                    color: #404040;
                    height: 14px
                }

            .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 15px;
                border-bottom: none
            }

                .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                    padding-top: 0;
                    font-size: 6px;
                    padding-bottom: 10px
                }

                .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 .dgrid-cell {
                border-left: none;
                padding: 4px 4px 4px 0 !important;
                line-height: 1.5
            }

            .SFCNativePreview .customizeStylePreview .friendly .dgrid.dgrid-03 th.dgrid-cell {
                padding-top: 2px !important;
                padding-bottom: 0 !important
            }

            .SFCNativePreview .customizeStylePreview .friendly .prefContainer {
                color: #8cc857;
                display: inline-block;
                width: 100%;
                margin-top: 8px;
                border-top: 1px solid;
                min-height: 80px
            }

                .SFCNativePreview .customizeStylePreview .friendly .prefContainer .billingShippingPref {
                    vertical-align: top;
                    display: inline-block;
                    width: 52%;
                    float: left;
                    padding-top: 10px;
                    color: gray
                }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .billingShippingPref .sectionHeader {
                        color: #404040;
                        margin-bottom: 2px
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .billingShippingPref .billToSection {
                        vertical-align: top;
                        width: 50%;
                        display: inline-block
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .billingShippingPref .shipToSection {
                        vertical-align: top;
                        width: 35%;
                        display: inline-block
                    }

                .SFCNativePreview .customizeStylePreview .friendly .prefContainer .dateSection {
                    background-color: #e8f4dd;
                    display: inline-block;
                    width: 16%;
                    min-height: 80px;
                    position: relative
                }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .dateSection .dateSecData {
                        position: absolute;
                        top: 33%;
                        left: 25%;
                        text-align: center
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .dateSection .text {
                        color: #8cc857;
                        text-transform: uppercase;
                        padding: 3px;
                        font-size: 6px;
                        display: block
                    }

                .SFCNativePreview .customizeStylePreview .friendly .prefContainer .amountDueSection {
                    background-color: #8cc857;
                    display: inline-block;
                    width: 16%;
                    min-height: 80px;
                    position: relative
                }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .amountDueSection .amountSecData {
                        position: absolute;
                        top: 33%;
                        left: 25%;
                        text-align: center
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .prefContainer .amountDueSection .text {
                        text-transform: uppercase;
                        color: #fff;
                        padding: 3px;
                        display: block;
                        font-size: 6px
                    }

            .SFCNativePreview .customizeStylePreview .friendly .detailSection {
                padding-top: 10px
            }

                .SFCNativePreview .customizeStylePreview .friendly .detailSection .dgrid .dgrid-column-0-5 {
                    padding-right: 0 !important
                }

                .SFCNativePreview .customizeStylePreview .friendly .detailSection .dgrid-content {
                    border-bottom: 1px solid #ccc
                }

            .SFCNativePreview .customizeStylePreview .friendly .returnStubText {
                font-size: 5px;
                text-align: center;
                padding-top: 10px;
                border-bottom: 1px dotted #ccc
            }

            .SFCNativePreview .customizeStylePreview .friendly .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px
            }

                .SFCNativePreview .customizeStylePreview .friendly .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .SFCNativePreview .customizeStylePreview .friendly .shippingAndCustom .shippingFields .fieldTitle {
                        margin-bottom: 5px;
                        word-wrap: break-word
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .shippingAndCustom .shippingFields .fieldValue {
                        color: gray
                    }

            .SFCNativePreview .customizeStylePreview .friendly .acctSummaryDivCover {
                padding-top: 25px;
                padding-bottom: 5px
            }

            .SFCNativePreview .customizeStylePreview .friendly .subTotalSection {
                padding-top: 10px;
                padding-bottom: 2px;
                padding-left: 10px;
                font-size: 6px;
                border-top: 1px solid #ccc;
                overflow: auto
            }

                .SFCNativePreview .customizeStylePreview .friendly .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    width: 45%;
                    font-style: italic;
                    color: gray;
                    display: inline-block;
                    vertical-align: top;
                    text-align: left;
                    word-wrap: break-word
                }

                .SFCNativePreview .customizeStylePreview .friendly .subTotalSection .subTotalCenter {
                    display: inline-block;
                    width: 17%;
                    vertical-align: top
                }

                .SFCNativePreview .customizeStylePreview .friendly .subTotalSection .subTotalRight {
                    padding-top: 10px;
                    width: 30%;
                    padding-right: 4px;
                    float: right;
                    padding-left: 15px;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .friendly .subTotalSection .subTotalRight .subTotalLabel {
                        display: table-cell;
                        padding-bottom: 2px;
                        text-transform: uppercase;
                        color: #8cc857
                    }

                    .SFCNativePreview .customizeStylePreview .friendly .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

                        .SFCNativePreview .customizeStylePreview .friendly .subTotalSection .subTotalRight .subTotalValue.heavyFont {
                            font-weight: 700
                        }

            .SFCNativePreview .customizeStylePreview .friendly .totalDueSection {
                padding-right: 2px;
                margin-left: 20px
            }

                .SFCNativePreview .customizeStylePreview .friendly .totalDueSection .totalDueLeft {
                    width: 69%;
                    display: inline-block
                }

                .SFCNativePreview .customizeStylePreview .friendly .totalDueSection .totalDueRightSection {
                    width: 31%;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .totalDueRight {
                        padding: 5px 3px 5px 0;
                        border-top: 1px solid #ccc;
                        border-bottom: 1px solid #81b47d
                    }

                        .SFCNativePreview .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueLabel {
                            display: table-cell;
                            text-transform: uppercase;
                            color: #8cc857
                        }

                        .SFCNativePreview .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .totalDueRight .totalDueValue {
                            text-align: right;
                            display: table-cell;
                            font-weight: 700;
                            width: 30%;
                            color: #8cc857
                        }

                    .SFCNativePreview .customizeStylePreview .friendly .totalDueSection .totalDueRightSection .thankYouSec {
                        font-size: 10px;
                        padding-top: 10px;
                        text-align: right;
                        color: #8cc857;
                        padding-right: 4px
                    }

            .SFCNativePreview .customizeStylePreview .friendly .taxSection {
                padding-top: 10px;
                padding-bottom: 10px
            }

            .SFCNativePreview .customizeStylePreview .friendly .taxSectionDivCover {
                height: 57px
            }

            .SFCNativePreview .customizeStylePreview .friendly .footerText {
                font-size: 5px;
                color: gray;
                padding-bottom: 18px;
                padding-left: 8px;
                padding-right: 20px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

            .SFCNativePreview .customizeStylePreview .friendly .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 182px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .SFCNativePreview .customizeStylePreview .fresh {
            overflow: auto;
            border: 1px solid #ccc;
            border-bottom: 3px solid #ccc
        }

            .SFCNativePreview .customizeStylePreview .fresh .secondaryColor {
                height: 100%
            }

            .SFCNativePreview .customizeStylePreview .fresh .headersec-letterhead {
                min-height: 67px;
                padding: 10px 15px 10px 0;
                width: 100%
            }

            .SFCNativePreview .customizeStylePreview .fresh .headerSection {
                min-height: 67px;
                overflow-y: auto;
                padding: 10px 15px 10px 0
            }

                .SFCNativePreview .customizeStylePreview .fresh .headerSection .templateLogoRight {
                    vertical-align: middle;
                    display: inline-block;
                    width: 40%;
                    float: right
                }

                .SFCNativePreview .customizeStylePreview .fresh .headerSection .companyAddRight {
                    vertical-align: top;
                    width: 40%;
                    display: inline-block;
                    word-wrap: break-word;
                    margin-left: 10px
                }

                .SFCNativePreview .customizeStylePreview .fresh .headerSection .companyAdd2 {
                    vertical-align: middle;
                    display: inline-block;
                    width: 50%
                }

                .SFCNativePreview .customizeStylePreview .fresh .headerSection .companyAdd1 {
                    vertical-align: top;
                    display: inline-block;
                    padding-left: 16px;
                    width: 50%
                }

                .SFCNativePreview .customizeStylePreview .fresh .headerSection .companyAddCenter {
                    vertical-align: top;
                    display: inline-block;
                    width: 40%
                }

            .SFCNativePreview .customizeStylePreview .fresh .prefContainer {
                margin-top: 10px;
                display: inline-block;
                width: 100%
            }

                .SFCNativePreview .customizeStylePreview .fresh .prefContainer .billingShippingPref {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 56%;
                    padding-right: 12px
                }

                    .SFCNativePreview .customizeStylePreview .fresh .prefContainer .billingShippingPref .billToSection {
                        vertical-align: top;
                        width: 40%;
                        display: inline-block;
                        margin-left: 15px
                    }

                        .SFCNativePreview .customizeStylePreview .fresh .prefContainer .billingShippingPref .billToSection .header {
                            background-color: transparent !important
                        }

                    .SFCNativePreview .customizeStylePreview .fresh .prefContainer .billingShippingPref .shipToSection {
                        vertical-align: top;
                        width: 48%;
                        display: inline-block
                    }

                        .SFCNativePreview .customizeStylePreview .fresh .prefContainer .billingShippingPref .shipToSection .header {
                            background-color: transparent !important
                        }

                    .SFCNativePreview .customizeStylePreview .fresh .prefContainer .billingShippingPref .blankColorStrip {
                        background-color: #8cc857;
                        height: 4px;
                        margin-top: 14px
                    }

                .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection {
                    display: inline-block;
                    vertical-align: bottom;
                    width: 40%;
                    color: #fff;
                    float: right
                }

                    .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .invoiceNum {
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                    .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms {
                        vertical-align: top;
                        margin-bottom: 5px;
                        padding: 4px;
                        background-color: #8cc857
                    }

                        .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms .invoiceDateSection {
                            width: 50%;
                            display: inline-block
                        }

                        .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv {
                            display: inline
                        }

                            .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .invoiceDateTerms .termsSectionDiv .termsSection {
                                width: 40%;
                                display: inline-block
                            }

                    .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection {
                        padding: 4px;
                        padding-left: 3px;
                        background-color: #8cc857
                    }

                        .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv {
                            display: inline-block
                        }

                            .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection .termsSectionDiv .termsSection {
                                margin-right: 10px
                            }

                        .SFCNativePreview .customizeStylePreview .fresh .prefContainer .titleSection .dueDateSection .dueDateDiv {
                            display: inline-block
                        }

            .SFCNativePreview .customizeStylePreview .fresh .shippingAndCustom {
                display: block;
                padding-top: 10px;
                padding-left: 15px
            }

                .SFCNativePreview .customizeStylePreview .fresh .shippingAndCustom .shippingFields {
                    width: 13%;
                    display: table-cell
                }

                    .SFCNativePreview .customizeStylePreview .fresh .shippingAndCustom .shippingFields .fieldTitle {
                        word-wrap: break-word
                    }

            .SFCNativePreview .customizeStylePreview .fresh .acctSummaryDivCover {
                margin-top: 10px;
                margin-bottom: 10px
            }

                .SFCNativePreview .customizeStylePreview .fresh .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .SFCNativePreview .customizeStylePreview .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-0-0 {
                font-weight: 700;
                padding-top: 5px
            }

            .SFCNativePreview .customizeStylePreview .fresh .detailSection .dgrid-content .dgrid-row-table .dgrid-column-1-0 {
                font-size: 6px;
                padding-top: 0;
                padding-bottom: 5px
            }

            .SFCNativePreview .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-header {
                height: 20px;
                color: #fff;
                background-color: #8cc857
            }

                .SFCNativePreview .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-header .dgrid-row-table {
                    height: 24px
                }

            .SFCNativePreview .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table {
                height: 10px
            }

                .SFCNativePreview .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-content .dgrid-row-table:hover {
                    background-color: #fff
                }

            .SFCNativePreview .customizeStylePreview .fresh .dgrid.dgrid-03 .dgrid-cell {
                border-left: none;
                padding: 6px 15px !important;
                line-height: 1.5
            }

            .SFCNativePreview .customizeStylePreview .fresh .dgrid.dgrid-03 th.dgrid-cell {
                padding-top: 2px !important;
                padding-bottom: 0 !important
            }

            .SFCNativePreview .customizeStylePreview .fresh .subTotalSection {
                margin-right: 10px;
                padding-top: 10px;
                padding-bottom: 5px;
                margin-left: 15px
            }

                .SFCNativePreview .customizeStylePreview .fresh .subTotalSection .subTotalLeft {
                    font-size: 6px;
                    width: 43%;
                    vertical-align: top;
                    text-align: left;
                    padding-left: 8px;
                    color: gray;
                    display: inline-block;
                    font-style: italic;
                    word-wrap: break-word
                }

                .SFCNativePreview .customizeStylePreview .fresh .subTotalSection .subTotalCenter {
                    display: inline-block;
                    vertical-align: top;
                    width: 20%
                }

                .SFCNativePreview .customizeStylePreview .fresh .subTotalSection .subTotalRight {
                    width: 35%;
                    display: inline-block
                }

                    .SFCNativePreview .customizeStylePreview .fresh .subTotalSection .subTotalRight .subTotalLabel {
                        display: table-cell;
                        padding-bottom: 2px
                    }

                    .SFCNativePreview .customizeStylePreview .fresh .subTotalSection .subTotalRight .subTotalValue {
                        text-align: right;
                        display: table-cell;
                        padding-bottom: 2px
                    }

            .SFCNativePreview .customizeStylePreview .fresh .totalDueSection {
                background-color: #8cc857;
                color: #fff;
                float: right;
                margin-bottom: 20px;
                margin-right: 1px;
                padding: 5px;
                width: 36%;
                padding-left: 5px;
                padding-right: 0
            }

                .SFCNativePreview .customizeStylePreview .fresh .totalDueSection .totalDueLabel {
                    display: inline-block;
                    width: 55%;
                    padding-left: 5px
                }

                .SFCNativePreview .customizeStylePreview .fresh .totalDueSection .totalDueValue {
                    text-align: right;
                    display: inline-block;
                    width: 37%
                }

            .SFCNativePreview .customizeStylePreview .fresh .taxSection {
                margin-left: 20px;
                padding-bottom: 10px
            }

            .SFCNativePreview .customizeStylePreview .fresh .taxSectionDivCover {
                height: 57px
            }

                .SFCNativePreview .customizeStylePreview .fresh .taxSectionDivCover .dgrid .dgrid-content .dgrid-row-table {
                    border-bottom: none
                }

            .SFCNativePreview .customizeStylePreview .fresh .footerText {
                font-size: 5px;
                color: gray;
                padding: 10px 20px 27px;
                text-align: left;
                font-style: italic;
                word-wrap: break-word
            }

            .SFCNativePreview .customizeStylePreview .fresh .notlive {
                width: 152px;
                background: neutral-gray-darker;
                color: #fff;
                margin-top: 198px;
                margin-left: 154px;
                padding: 14px;
                text-align: center;
                font-size: 20px
            }

        .SFCNativePreview .customizeStylePreview .airy-v2-preview-container * {
            box-sizing: border-box
        }

        .SFCNativePreview .customizeStylePreview .airy-v2-preview-container .airy-v2, .SFCNativePreview .customizeStylePreview .airy-v2-preview-container .airy-v2 #page-wrap, .SFCNativePreview .customizeStylePreview .airy-v2-preview-container .templateContentPane {
            height: 100%
        }

            .SFCNativePreview .customizeStylePreview .airy-v2-preview-container .templateContentPane .business-logo {
                max-width: 200px;
                max-height: 100px
            }

            .SFCNativePreview .customizeStylePreview .airy-v2-preview-container .templateContentPane table div.text {
                word-break: break-all
            }

        .SFCNativePreview .customizeStylePreview .templateContentPane {
            padding: 0;
            font-size: 8px;
            height: 750px;
            font-family: Helvetica
        }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-cell {
                text-overflow: clip;
                white-space: normal;
                line-height: 6px;
                font-size: 7px;
                text-align: left;
                line-height: 1.5;
                vertical-align: top;
                padding: 3px 5px !important
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-0 {
                width: 22%
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-1 {
                width: 13%;
                text-align: left
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-2 {
                text-align: right;
                width: 9.5%
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-3 {
                text-align: right;
                width: 17%
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-4 {
                text-align: right;
                width: 10.5%
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-0-5 {
                text-align: right;
                width: 17%;
                padding-right: 0
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-column-1-0 {
                font-size: 5px
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-header .dgrid-row-table .dgrid-column-1-0 {
                display: none
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .dgrid .dgrid-content {
                border-bottom: none
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .taxSectionDivCover {
                height: 57px
            }

                .SFCNativePreview .customizeStylePreview .templateContentPane .taxSectionDivCover .dgrid .dgrid-row-table .dgrid-column-0-0 {
                    width: 22%;
                    text-align: right
                }

                .SFCNativePreview .customizeStylePreview .templateContentPane .taxSectionDivCover .dgrid .dgrid-row-table .dgrid-column-0-1 {
                    text-align: right;
                    width: 30%
                }

                .SFCNativePreview .customizeStylePreview .templateContentPane .taxSectionDivCover .dgrid .dgrid-row-table .dgrid-column-0-2 {
                    padding-right: 16px;
                    text-align: right;
                    width: 30%
                }

            .SFCNativePreview .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table {
                height: 10px
            }

                .SFCNativePreview .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-content .dgrid-row-table .dgrid-cell {
                    line-height: 5px
                }

            .SFCNativePreview .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-row-table .dgrid-column-0-0 {
                width: 19%;
                text-align: left
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-row-table .dgrid-column-0-1 {
                text-align: left;
                width: 50%;
                padding-left: 15px
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .acctSummaryDivCover .dgrid .dgrid-row-table .dgrid-column-0-2 {
                padding-right: 0;
                text-align: right;
                width: 30%
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .acctSummaryDivCover .bold {
                font-weight: 700
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane .shippingAndCustom {
                display: table;
                table-layout: fixed;
                width: 100%;
                font-size: 10px
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane label {
                font-family: Helvetica
            }

            .SFCNativePreview .customizeStylePreview .templateContentPane #overlayId {
                display: none
            }

        .SFCNativePreview .customizeStylePreview * {
            box-sizing: content-box
        }

    .SFCNativePreview .header-title {
        text-align: center
    }

    .SFCNativePreview .subheader-title {
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
        margin-top: 20px;
        margin-bottom: 10px
    }

        .SFCNativePreview .subheader-title p {
            margin-bottom: 0
        }

    .SFCNativePreview .preview-thumbnail {
        transform: scale(.7);
        transform-origin: top;
        border: 1px solid grey;
        width: 100%
    }

        .SFCNativePreview .preview-thumbnail .logo img {
            height: 40px
        }

        .SFCNativePreview .preview-thumbnail .left-footer-text {
            word-wrap: break-word;
            width: 100vw
        }

    .SFCNativePreview .templateContentPane {
        height: inherit !important
    }

    .SFCNativePreview .negative-margin {
        margin-top: -130px
    }

    .SFCNativePreview .preview-btn {
        width: 80%;
        display: block;
        margin: 0 auto;
        margin-top: 5px
    }

.SFCNativePreviewWeb {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 10%;
    padding-bottom: 5%
}

    .SFCNativePreviewWeb.payments-first-mobile {
        padding: 0
    }

        .SFCNativePreviewWeb.payments-first-mobile .negative-margin {
            margin-top: -48%;
            display: flex;
            flex-flow: column nowrap;
            width: auto
        }

        .SFCNativePreviewWeb.payments-first-mobile .preview-btn {
            margin-top: 5px;
            margin-bottom: 5px
        }

    .SFCNativePreviewWeb .header-title {
        text-align: center
    }

    .SFCNativePreviewWeb .subheader-title {
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
        margin-top: 20px;
        margin-bottom: 10px
    }

        .SFCNativePreviewWeb .subheader-title p {
            margin-bottom: 0
        }

    .SFCNativePreviewWeb .preview-thumbnail {
        transform-origin: top;
        border: 1px solid #dcdcdc;
        width: 55%
    }

        .SFCNativePreviewWeb .preview-thumbnail.payments-first-mobile {
            transform: scale(.7);
            width: auto
        }

        .SFCNativePreviewWeb .preview-thumbnail .logo img {
            height: 40px
        }

        .SFCNativePreviewWeb .preview-thumbnail .left-footer-text {
            word-wrap: break-word;
            width: 100vw
        }

    .SFCNativePreviewWeb .customizeStylePreview, .SFCNativePreviewWeb .customizeStylePreview > div {
        height: 100%
    }

        .SFCNativePreviewWeb .customizeStylePreview .templateContentPane {
            height: 100% !important
        }

            .SFCNativePreviewWeb .customizeStylePreview .templateContentPane .airy, .SFCNativePreviewWeb .customizeStylePreview .templateContentPane .bold, .SFCNativePreviewWeb .customizeStylePreview .templateContentPane .fresh, .SFCNativePreviewWeb .customizeStylePreview .templateContentPane .friendly, .SFCNativePreviewWeb .customizeStylePreview .templateContentPane .modern {
                height: 100%
            }

    .SFCNativePreviewWeb .templateContentPane {
        height: inherit !important
    }

    .SFCNativePreviewWeb .negative-margin {
        margin-top: 2%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around
    }

    .SFCNativePreviewWeb .preview-btn {
        margin-left: 5px;
        margin-right: 5px
    }

body.mobile .SFCNativePreview #page-wrap {
    padding: 5px !important
}

    body.mobile .SFCNativePreview #page-wrap #header {
        margin-bottom: 0
    }

        body.mobile .SFCNativePreview #page-wrap #header .shippingAndCustom {
            padding: 0
        }

    body.mobile .SFCNativePreview #page-wrap #content .detailSection {
        min-height: inherit
    }

body.tablet .SFCNativePreview .preview-thumbnail {
    border: none
}

body.tablet .SFCNativePreview .customizeStylePreview, body.tablet .SFCNativePreview .customizeStylePreview > div {
    height: 100%
}

    body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane {
        height: 100% !important
    }

        body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane .airy, body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane .bold, body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane .fresh, body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane .friendly, body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane .modern {
            height: 80%
        }

        body.tablet .SFCNativePreview .customizeStylePreview .templateContentPane #page-wrap > div {
            margin-top: 50px
        }

.logowidget-container .modalcontainer {
    margin: 0 auto;
    background: #000;
    overflow-y: auto;
    position: absolute;
    display: block
}

.logowidget-container .sectionInnerContainer {
    padding: 15px
}

.logowidget-container .sectionContainer {
    min-height: 180px;
    width: 90%;
    background: #eceef1;
    border-color: #d4d7dc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
    padding-top: 30px
}

.logowidget-container .sectionInnerContainerGallery {
    padding: 15px 0;
    display: block
}

.logowidget-container .sectionContainerGallery {
    min-height: 180px;
    width: 90%;
    margin: auto;
    margin-top: 5px !important
}

.logowidget-container .galleryplacement {
    position: absolute;
    float: left;
    display: contents
}

.logowidget-container .logoPlaceholder {
    width: 86px;
    height: 86px;
    border: 2px solid transparent;
    text-align: center;
    margin: 5px;
    padding: 3px
}

.logowidget-container .placeholderSelected {
    border: 1px solid #2ca01c;
    border-radius: 4px
}

.logowidget-container .placeholder, .logowidget-container .placeholderSelected {
    display: inline-block;
    margin: 1px;
    margin-right: 14px;
    margin-top: 20px;
    background: #f4f5f8;
    cursor: pointer;
    position: relative;
    margin-right: 9px
}

.logowidget-container .placeholder {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    text-align: center
}

.logowidget-container .edit-placeholder {
    margin-left: 36%;
    border: 1px solid #000;
    border-radius: 4px;
    display: inline-block
}

.logowidget-container .crop-placeholder {
    margin-left: 36%;
    display: inline-block
}

.logowidget-container .add-placeholder {
    display: inline-block;
    border: 1px solid #0097e6;
    border-radius: 4px;
    margin: 1px;
    margin-right: 14px;
    margin-top: 20px;
    position: relative;
    text-align: center;
    margin-right: 9px
}

.logowidget-container .deletemessage-placeholder {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 1px;
    margin-right: 14px;
    margin-top: 14px;
    position: relative;
    text-align: center
}

.logowidget-container .deletemessage-inner {
    width: 400px;
    height: 96px;
    border: 2px solid #fff;
    background: #fff;
    text-align: center;
    padding: 3px
}

.logowidget-container .deletemessage-text-templ-specific {
    top: 0
}

.logowidget-container .deletemessage-text, .logowidget-container .deletemessage-text-templ-specific {
    position: absolute;
    left: 0;
    width: 100%;
    font-weight: 500;
    color: #6b6c72;
    text-align: justify;
    text-align-last: left;
    padding-left: 14px
}

.logowidget-container .deletemessage-text {
    padding-top: 10px;
    bottom: 0
}

.logowidget-container .progress-placeholder {
    margin: 1px;
    margin-right: 14px;
    margin-top: 21px;
    margin-right: 9px
}

.logowidget-container .progress-placeholder, .logowidget-container .retry-placeholder {
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    position: relative;
    text-align: center
}

.logowidget-container .retry-placeholder {
    margin: 1px;
    margin-right: 9px;
    margin-top: 14px
}

.logowidget-container .div-center {
    margin: auto;
    text-align: center;
    margin-top: 21px
}

.logowidget-container .oval-upload-icon {
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSIyLVZpc3VhbC0oVml2KSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28tbXVsdGlwbGUtZXhwbG9yYXRpb24tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwOC4wMDAwMDAsIC0yNzQuMDAwMDAwKSIgZmlsbD0iIzAwOTdFNiI+CiAgICAgICAgICAgIDxnIGlkPSJMb2dvLW1vZGFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDcuMDAwMDAwLCAxNzcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nb3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOS4wMDAwMDAsIDIuMDAwMDAwKSIgaWQ9ImxvZ28tYWRkLW5ldyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InBsdXMtaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEuMDAwMDAwLCAyMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTMiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain;
    margin-top: 40%
}

.logowidget-container .plus-icon {
    height: 14px;
    width: 14px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xOCwxMSBMMTMsMTEgTDEzLDYgQzEzLDUuNDQ4IDEyLjU1Myw1IDEyLDUgQzExLjQ0Nyw1IDExLDUuNDQ4IDExLDYgTDExLDExIEw2LDExIEM1LjQ0NywxMSA1LDExLjQ0OCA1LDEyIEM1LDEyLjU1MiA1LjQ0NywxMyA2LDEzIEwxMSwxMyBMMTEsMTggQzExLDE4LjU1MiAxMS40NDcsMTkgMTIsMTkgQzEyLjU1MywxOSAxMywxOC41NTIgMTMsMTggTDEzLDEzIEwxOCwxMyBDMTguNTUzLDEzIDE5LDEyLjU1MiAxOSwxMiBDMTksMTEuNDQ4IDE4LjU1MywxMSAxOCwxMSIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IjItVmlzdWFsLShWaXYpIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTG9nby1tdWx0aXBsZS1leHBsb3JhdGlvbi0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEzLjAwMDAwMCwgLTI3OS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkxvZ28tbW9kYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0Ny4wMDAwMDAsIDE3Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDc1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjAwMDAwMCwgMi4wMDAwMDApIiBpZD0ibG9nby1hZGQtbmV3Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGx1cy1pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMS4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29ucy9uYXYvY3JlYXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain;
    top: 21%;
    position: relative
}

.logowidget-container .edit-icon {
    height: 14px;
    width: 14px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMy4yMTQxNTAxLDAuNzcwMDUzNDc2IEMxNC4yNjE5NSwxLjgwNzQ4NjYzIDE0LjI2MTk1LDMuNDg2NjMxMDIgMTMuMjE0MTUwMSw0LjUzNDc1OTM2IEwxMi43ODY0NzY2LDQuOTYyNTY2ODQgTDkuMDIyOTUwMzMsMS4yMDg1NTYxNSBMOS40NTA2MjM3NywwLjc3MDA1MzQ3NiBDOS45NTMxNDAwNiwwLjI2NzM3OTY3OSAxMC42MjY3MjU3LDAgMTEuMzMyMzg2OSwwIEMxMi4wMzgwNDgxLDAgMTIuNzExNjMzOCwwLjI2NzM3OTY3OSAxMy4yMTQxNTAxLDAuNzcwMDUzNDc2IFogTTguMjUzMTM4MTMsMi44NjYzMTAxNiBMMTEuMTE4NTUwMiw1LjcyMTkyNTEzIEMxMS4zNjQ0NjI0LDUuOTc4NjA5NjMgMTEuMzY0NDYyNCw2LjM4NTAyNjc0IDExLjExODU1MDIsNi42MzEwMTYwNCBMNS40MDkxMDk3NSwxMi4zNDIyNDYgQzUuMzU1NjUwNTcsMTIuMzk1NzIxOSA1LjI3MDExNTg4LDEyLjQ1OTg5MyA1LjE2MzE5NzUyLDEyLjQ5MTk3ODYgTDAuODQzNjk1NzY3LDEzLjk1NzIxOTMgQzAuNzY4ODUyOTE1LDEzLjk4OTMwNDggMC43MTUzOTM3MzUsMTQgMC42Mjk4NTkwNDYsMTQgQzAuNDY5NDgxNTA2LDE0IDAuMjk4NDEyMTMsMTMuOTI1MTMzNyAwLjE4MDgwMTkzMywxMy44MDc0ODY2IEMwLjAyMDQyNDM5MjksMTMuNjM2MzYzNiAtMC4wNDM3MjY2MjMzLDEzLjM5MDM3NDMgMC4wMzExMTYyMjg5LDEzLjE1NTA4MDIgTDEuNTA2NTg5Niw4LjgxMjgzNDIyIEMxLjUzODY2NTExLDguNzI3MjcyNzMgMS41OTIxMjQyOSw4LjY1MjQwNjQyIDEuNjU2Mjc1MzEsOC41NjY4NDQ5MiBMNy4zNjU3MTU3NCwyLjg2NjMxMDE2IEM3LjYwMDkzNjE0LDIuNjMxMDE2MDQgOC4wMTc5MTc3NCwyLjYzMTAxNjA0IDguMjUzMTM4MTMsMi44NjYzMTAxNiBaIE00LjYyODYwNTcyLDExLjMyNjIwMzIgTDkuNzcxMzc4ODUsNi4xODE4MTgxOCBMNy44MDQwODEwMiw0LjIxMzkwMzc0IEwyLjY2MTMwNzg5LDkuMzY4OTgzOTYgTDIuMjEyMjUwNzgsMTAuNjg0NDkyIEwzLjMwMjgxODA1LDExLjc3NTQwMTEgTDQuNjI4NjA1NzIsMTEuMzI2MjAzMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMS1WaXN1YWwtRGVzaWduIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTG9nby1tdWx0aXBsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0OC4wMDAwMDAsIC0yMDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJMb2dvLW1vZGFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDcuMDAwMDAwLCAxMjIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nb3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjAwMDAwMCwgNzMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkVkaXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24tZm9udC9FZGl0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJFZGl0Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiMwMDk3RTYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat top;
    background-size: contain;
    position: absolute;
    right: 16%;
    bottom: 20%
}

.logowidget-container .cancel-upload-progress-icon {
    height: 14px;
    width: 14px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMiwyIEMxNy41MTQsMiAyMiw2LjQ4NiAyMiwxMiBDMjIsMTcuNTE0IDE3LjUxNCwyMiAxMiwyMiBDNi40ODYsMjIgMiwxNy41MTQgMiwxMiBDMiw2LjQ4NiA2LjQ4NiwyIDEyLDIgWiBNMTQuODI4MSw5LjE3MTkgQzE0LjQzNzEsOC43ODA5IDEzLjgwNTEsOC43ODA5IDEzLjQxNDEsOS4xNzE5IEwxMi4wMDAxLDEwLjU4NTkgTDEwLjU4NjEsOS4xNzE5IEMxMC4xOTUxLDguNzgwOSA5LjU2MjEsOC43ODA5IDkuMTcyMSw5LjE3MTkgQzguNzgxMSw5LjU2MjkgOC43ODExLDEwLjE5NDkgOS4xNzIxLDEwLjU4NTkgTDEwLjU4NjEsMTEuOTk5OSBMOS4xNzIxLDEzLjQxMzkgQzguNzgxMSwxMy44MDQ5IDguNzgxMSwxNC40Mzc5IDkuMTcyMSwxNC44Mjc5IEM5LjM2NzEsMTUuMDIzOSA5LjYyMzEsMTUuMTIwOSA5Ljg3OTEsMTUuMTIwOSBDMTAuMTM1MSwxNS4xMjA5IDEwLjM5MTEsMTUuMDIzOSAxMC41ODYxLDE0LjgyNzkgTDEyLjAwMDEsMTMuNDEzOSBMMTMuNDE0MSwxNC44Mjc5IEMxMy42MDkxLDE1LjAyMzkgMTMuODY1MSwxNS4xMjA5IDE0LjEyMTEsMTUuMTIwOSBDMTQuMzc3MSwxNS4xMjA5IDE0LjYzMzEsMTUuMDIzOSAxNC44MjgxLDE0LjgyNzkgQzE1LjIxOTEsMTQuNDM3OSAxNS4yMTkxLDEzLjgwNDkgMTQuODI4MSwxMy40MTM5IEwxMy40MTQxLDExLjk5OTkgTDE0LjgyODEsMTAuNTg1OSBDMTUuMjE5MSwxMC4xOTQ5IDE1LjIxOTEsOS41NjI5IDE0LjgyODEsOS4xNzE5IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSIxLVZpc3VhbC1EZXNpZ24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJMb2dvLVplcm8tU3RhdGUtQ2FuY2VsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEwLjAwMDAwMCwgLTI4NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkxvZ28tbW9kYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0Ny4wMDAwMDAsIDE3Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJsb2dvLXVwbG9hZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCA3Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbnMvYWN0aW9uL2ZpbGwvY2xlYXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxLjAwMDAwMCwgMjkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iIzAwOTdFNiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat top;
    background-size: contain;
    margin: 2px !important;
    cursor: pointer
}

.logowidget-container .retry-upload-icon {
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0yMCw0IEMyMC41NTIsNCAyMSw0LjQ0NyAyMSw1IEwyMSw5IEMyMSw5LjU1MyAyMC41NTIsMTAgMjAsMTAgTDE2LDEwIEMxNS40NDgsMTAgMTUsOS41NTMgMTUsOSBDMTUsOC40NDcgMTUuNDQ4LDggMTYsOCBMMTcuNzQxLDggQzE2LjQ0NCw2LjEyOSAxNC4zMjcsNSAxMiw1IEM4LjE0LDUgNSw4LjE0MSA1LDEyIEM1LDEyLjU1MyA0LjU1MiwxMyA0LDEzIEMzLjQ0OCwxMyAzLDEyLjU1MyAzLDEyIEMzLDcuMDM3IDcuMDM4LDMgMTIsMyBDMTQuNzgsMyAxNy4zMTUsNC4yNjcgMTksNi4zNzUgTDE5LDUgQzE5LDQuNDQ3IDE5LjQ0OCw0IDIwLDQgWiBNMjAsMTEgQzIwLjU1MiwxMSAyMSwxMS40NDcgMjEsMTIgQzIxLDE2Ljk2MyAxNi45NjIsMjEgMTIsMjEgQzkuMjM0LDIxIDYuNjkxLDE5LjczMiA1LDE3LjYyOCBMNSwxOSBDNSwxOS41NTMgNC41NTIsMjAgNCwyMCBDMy40NDgsMjAgMywxOS41NTMgMywxOSBMMywxNSBDMywxNC40NDcgMy40NDgsMTQgNCwxNCBMOCwxNCBDOC41NTIsMTQgOSwxNC40NDcgOSwxNSBDOSwxNS41NTMgOC41NTIsMTYgOCwxNiBMNi4yNTgsMTYgQzcuNTU5LDE3Ljg2OCA5LjY4NSwxOSAxMiwxOSBDMTUuODYsMTkgMTksMTUuODU5IDE5LDEyIEMxOSwxMS40NDcgMTkuNDQ4LDExIDIwLDExIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSIxLVZpc3VhbC1EZXNpZ24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJMb2dvLUVycm9yLW1lc3NhZ2UtZmFpbHVyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxMS4wMDAwMDAsIC0zMTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJMb2dvLW1vZGFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDcuMDAwMDAwLCAxNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nb3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjAwMDAwMCwgMTM2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJsb2dvLXVwbG9hZCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29ucy9uYXYvcmVmcmVzaCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEuMDAwMDAwLCAzMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjMDA5N0U2IiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain;
    cursor: pointer;
    margin-top: 28px
}

.logowidget-container .logo-error-icon {
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSIxLVZpc3VhbC1EZXNpZ24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJMb2dvLUVycm9yLW1lc3NhZ2UtZmFpbHVyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3Ny4wMDAwMDAsIC0yMjQuMDAwMDAwKSIgZmlsbD0iI0Q1MkIxRSI+CiAgICAgICAgICAgIDxnIGlkPSJMb2dvLW1vZGFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDcuMDAwMDAwLCAxNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAsNzcgQzQ1LjUyMDgzMzMsNzcgNTAsODEuNDc5MTY2NyA1MCw4NyBDNTAsOTIuNTIwODMzMyA0NS41MjA4MzMzLDk3IDQwLDk3IEMzNC40NzkxNjY3LDk3IDMwLDkyLjUyMDgzMzMgMzAsODcgQzMwLDgxLjQ3OTE2NjcgMzQuNDc5MTY2Nyw3NyA0MCw3NyBaIE00MS4wODA3MjkyLDg0LjA3MDMxMjUgQzQxLjEwNjc3MDgsODMuNzMxNzcwOCA0MS4xMzI4MTI1LDgzLjQwNjI1IDQxLjEzMjgxMjUsODMuMDgwNzI5MiBDNDEuMTMyODEyNSw4Mi41MjA4MzMzIDQxLjA1NDY4NzUsODIuMDkxMTQ1OCA0MC45MTE0NTgzLDgxLjc5MTY2NjcgQzQwLjc2ODIyOTIsODEuNTA1MjA4MyA0MC40ODE3NzA4LDgxLjM0ODk1ODMgNDAuMDUyMDgzMyw4MS4zNDg5NTgzIEMzOS43MDA1MjA4LDgxLjM0ODk1ODMgMzkuNDE0MDYyNSw4MS40NjYxNDU4IDM5LjE5MjcwODMsODEuNzAwNTIwOCBDMzguOTg0Mzc1LDgxLjkzNDg5NTggMzguODgwMjA4Myw4Mi4yNDczOTU4IDM4Ljg4MDIwODMsODIuNjY0MDYyNSBDMzguODgwMjA4Myw4Mi45NjM1NDE3IDM4Ljg5MzIyOTIsODMuNDcxMzU0MiAzOC45NDUzMTI1LDg0LjE2MTQ1ODMgTDM5LjE3OTY4NzUsODcuNzQyMTg3NSBDMzkuMjE4NzUsODguMTk3OTE2NyAzOS4yOTY4NzUsODguNTQ5NDc5MiAzOS40MDEwNDE3LDg4Ljc3MDgzMzMgQzM5LjUwNTIwODMsODguOTkyMTg3NSAzOS43MDA1MjA4LDg5LjEwOTM3NSAzOS45NjA5Mzc1LDg5LjEwOTM3NSBDNDAuMjIxMzU0Miw4OS4xMDkzNzUgNDAuNDE2NjY2Nyw4OC45OTIxODc1IDQwLjUzMzg1NDIsODguNzU3ODEyNSBDNDAuNjM4MDIwOCw4OC41MjM0Mzc1IDQwLjcxNjE0NTgsODguMTg0ODk1OCA0MC43NTUyMDgzLDg3Ljc1NTIwODMgTDQxLjA4MDcyOTIsODQuMDcwMzEyNSBaIE00MC43OTQyNzA4LDkyLjM1MTU2MjUgQzQxLjAxNTYyNSw5Mi4xNTYyNSA0MS4xMzI4MTI1LDkxLjg2OTc5MTcgNDEuMTMyODEyNSw5MS41MzEyNSBDNDEuMTMyODEyNSw5MS4yMTg3NSA0MS4wMTU2MjUsOTAuOTU4MzMzMyA0MC43OTQyNzA4LDkwLjczNjk3OTIgQzQwLjU3MjkxNjcsOTAuNTI4NjQ1OCA0MC4zMTI1LDkwLjQxMTQ1ODMgNDAsOTAuNDExNDU4MyBDMzkuNjc0NDc5Miw5MC40MTE0NTgzIDM5LjQxNDA2MjUsOTAuNTI4NjQ1OCAzOS4xOTI3MDgzLDkwLjczNjk3OTIgQzM4Ljk4NDM3NSw5MC45NTgzMzMzIDM4Ljg4MDIwODMsOTEuMjE4NzUgMzguODgwMjA4Myw5MS41MzEyNSBDMzguODgwMjA4Myw5MS44ODI4MTI1IDM4Ljk4NDM3NSw5Mi4xNTYyNSAzOS4yMTg3NSw5Mi4zNTE1NjI1IEMzOS40NDAxMDQyLDkyLjU0Njg3NSAzOS43MDA1MjA4LDkyLjY1MTA0MTcgNDAuMDEzMDIwOCw5Mi42NTEwNDE3IEM0MC4zMTI1LDkyLjY1MTA0MTcgNDAuNTcyOTE2Nyw5Mi41NDY4NzUgNDAuNzk0MjcwOCw5Mi4zNTE1NjI1IFoiIGlkPSLvgbAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat top;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.logowidget-container .logo-error-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-family: AvenirNextforINTUIT-Demi;
    font-size: 18px;
    color: #d52b1e;
    text-align: left;
    line-height: 20px
}

.logowidget-container .filesize-error-subtext {
    font-family: AvenirNextforINTUIT-Regular;
    font-size: 18px;
    color: #404040;
    line-height: 20px
}

.logowidget-container .centered {
    position: absolute;
    top: 45%;
    left: 0;
    text-align: center;
    width: 100%;
    color: #0097e6;
    font-weight: 600;
    padding-top: 24px
}

.logowidget-container #x {
    position: absolute;
    top: -8px;
    right: -8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29ucy9uYXYvY2xvc2UgY29weSA0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEyLjk0MjYyNzQsMTIuMDAwMDgzMyBMMTUuODA0NTA4MSw5LjEzODE0Mjk2IEMxNi4wNjUxNjQsOC44Nzc0ODE3MiAxNi4wNjUxNjQsOC40NTYxNTcxNiAxNS44MDQ1MDgxLDguMTk1NDk1OTMgQzE1LjU0Mzg1MjMsNy45MzQ4MzQ2OSAxNS4xMjI1MzY2LDcuOTM0ODM0NjkgMTQuODYxODgwOCw4LjE5NTQ5NTkzIEwxMiwxMS4wNTc0MzYzIEw5LjEzODExOTI1LDguMTk1NDk1OTMgQzguODc3NDYzNDQsNy45MzQ4MzQ2OSA4LjQ1NjE0NzY2LDcuOTM0ODM0NjkgOC4xOTU0OTE4NSw4LjE5NTQ5NTkzIEM3LjkzNDgzNjA1LDguNDU2MTU3MTYgNy45MzQ4MzYwNSw4Ljg3NzQ4MTcyIDguMTk1NDkxODUsOS4xMzgxNDI5NiBMMTEuMDU3MzcyNiwxMi4wMDAwODMzIEw4LjE5NTQ5MTg1LDE0Ljg2MjAyMzcgQzcuOTM0ODM2MDUsMTUuMTIyNjg0OSA3LjkzNDgzNjA1LDE1LjU0NDAwOTUgOC4xOTU0OTE4NSwxNS44MDQ2NzA3IEM4LjMyNTQ4NjQ0LDE1LjkzNDY2OCA4LjQ5NjE0NTk5LDE2IDguNjY2ODA1NTUsMTYgQzguODM3NDY1MTEsMTYgOS4wMDgxMjQ2NiwxNS45MzQ2NjggOS4xMzgxMTkyNSwxNS44MDQ2NzA3IEwxMiwxMi45NDI3MzA0IEwxNC44NjE4ODA4LDE1LjgwNDY3MDcgQzE0Ljk5MTg3NTMsMTUuOTM0NjY4IDE1LjE2MjUzNDksMTYgMTUuMzMzMTk0NSwxNiBDMTUuNTAzODU0LDE2IDE1LjY3NDUxMzYsMTUuOTM0NjY4IDE1LjgwNDUwODEsMTUuODA0NjcwNyBDMTYuMDY1MTY0LDE1LjU0NDAwOTUgMTYuMDY1MTY0LDE1LjEyMjY4NDkgMTUuODA0NTA4MSwxNC44NjIwMjM3IEwxMi45NDI2Mjc0LDEyLjAwMDA4MzMgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IjEtVmlzdWFsLURlc2lnbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28tT25lLXYxLWhvdmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQyLjAwMDAwMCwgLTI0Mi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkxvZ28tbW9kYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0Ny4wMDAwMDAsIDE3MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCA3My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbnMvbmF2L2Nsb3NlLWNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0zIiBzdHJva2U9IiNGRkZGRkYiIGZpbGw9IiMzOTNBM0QiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0ZGRkZGRiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat top;
    background-size: contain;
    border-style: none
}

.logowidget-container .delete-button-delete-screen {
    background-color: #b80000;
    float: right !important;
    color: #fff !important;
    border-style: none
}

    .logowidget-container .delete-button-delete-screen:hover {
        background-color: #9c0000;
        border-style: none;
        box-shadow: none
    }

.logowidget-container .delete-button-edit-screen {
    float: right !important
}

.logowidget-container .back-link {
    position: absolute;
    top: 2%;
    font-family: AvenirNextforINTUIT-Medium;
    font-size: 18px;
    color: #0097e6;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    cursor: pointer
}

.logowidget-container .progress-container {
    padding-top: 16px
}

.logowidget-container .progress-bar-styling {
    margin: auto
}

.logowidget-container .progress-bar-styling, .logowidget-container .progress-bar-success-styling {
    height: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.logowidget-container .progress-text {
    color: #d8d8d8
}

.logowidget-container .status-text {
    padding-top: 54px
}

.logowidget-container .default-logo-text, .logowidget-container .status-text {
    font-family: AvenirNextforINTUIT-Regular;
    font-size: 12px;
    color: #393a3d;
    line-height: 20px;
    font-weight: unset
}

.logowidget-container .default-logo-text {
    top: 28%;
    padding-top: 70px
}

.logowidget-container #Oval-Copy-3 {
    transition: 80 linear 1s
}

.logowidget-container .radial-progress {
    background-color: hsla(0,0%,85%,.2);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto
}

    .logowidget-container .radial-progress .progress-circle .fill, .logowidget-container .radial-progress .progress-circle .mask {
        width: 30px;
        height: 30px;
        position: absolute;
        transition: -webkit-transform 1s;
        transition: -ms-transform 1s;
        transition: transform 1s;
        -webkit-backface-visibility: hidden;
        border-radius: 50%
    }

    .logowidget-container .radial-progress .progress-circle .mask {
        clip: rect(0,30px,30px,15px)
    }

        .logowidget-container .radial-progress .progress-circle .mask .fill {
            clip: rect(0,15px,30px,0);
            background-color: #2ca01c
        }

    .logowidget-container .radial-progress .progress-circle .shadow {
        width: 30px;
        height: 30px;
        position: absolute;
        border-radius: 50%
    }

    .logowidget-container .radial-progress .inset {
        width: 18px;
        height: 18px;
        position: absolute;
        margin-left: 6px;
        margin-top: 6px;
        background-color: #fff;
        border-radius: 50%
    }

.logowidget-container .cropper-container {
    width: 200px;
    height: 200px;
    padding: 10%;
    opacity: .5
}

.logowidget-container .cropper {
    position: relative;
    display: inline-block
}

.logowidget-container .cropper-region {
    border: 1px dashed rgba(0,0,0,.5);
    z-index: 3;
    cursor: move
}

.logowidget-container .cropper-overlay {
    background: rgba(0,0,0,.5);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: crosshair
}

.logowidget-container .cropper-container img {
    vertical-align: middle;
    max-width: 100%
}

.logowidget-container .cropper-image, .logowidget-container .cropper-image-clipped {
    background-repeat: no-repeat;
    background-position: 50%
}

.logowidget-container .cropper-image-clipped {
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    clip: rect(41px,409px,251px,45px)
}

.logowidget-container .crop-handle, .logowidget-container .cropper-image-clipped, .logowidget-container .cropper-overlay, .logowidget-container .cropper-region {
    position: absolute;
    top: 0
}

.logowidget-container .crop-handle {
    border: 1px solid #000;
    background-color: #fff;
    width: 10px;
    height: 10px
}

.printpreview-ui.printPreview {
    display: flex;
    flex-direction: row
}

.printpreview-ui.displayNone {
    display: none
}

.printpreview-ui.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 100vh
}

.printpreview-ui.main-content {
    flex: 1 0 auto
}

.printpreview-ui.main-footer {
    flex-shrink: 0
}

.printpreviewWidgetModal .modal .modal-dialog.large header .modal-title h2 {
    margin-left: 0;
    padding: 0 0 15px;
    font-size: 18.7333px
}

.printpreviewWidgetModal .modal .modal-dialog.large {
    width: 90%;
    height: 80%;
    margin-bottom: 2%
}

    .printpreviewWidgetModal .modal .modal-dialog.large section {
        margin-top: 0;
        padding-left: 0
    }

.printpreviewWidgetModal #printButton {
    margin-left: 10px
}

.printpreviewWidgetModal .multiplePrintToolTip {
    text-align: -webkit-auto
}

.printpreviewWidgetModal #previewCloseButton {
    float: left
}

.printpreviewWidgetModal #showPDFLink {
    margin-right: 38%;
    display: inline-block;
    height: 35px
}

.printpreviewWidgetModal .copylink {
    display: inline-block;
    width: 69px;
    margin-bottom: 8px
}

.printpreviewWidgetModal #copylink_div {
    display: inline-block;
    height: 35px;
    width: 300px
}

.printpreviewThermalWidgetModal .modal .modal-dialog.large header .modal-title h2 {
    margin-left: 0;
    padding: 0 0 15px;
    font-size: 18.7333px
}

.printpreviewThermalWidgetModal .modal .modal-dialog.large section {
    margin-top: 0;
    padding-left: 0
}

.printpreviewThermalWidgetModal #printButton {
    margin-left: 10px
}

.printpreviewThermalWidgetModal .multiplePrintToolTip {
    text-align: -webkit-auto
}

.printpreviewThermalWidgetModal #previewCloseButton {
    float: left
}

.printpreviewThermalWidgetModal #showPDFLink {
    margin-right: 38%;
    display: inline-block;
    height: 35px
}

.printpreviewThermalWidgetModal .copylink {
    display: inline-block;
    width: 69px;
    margin-bottom: 8px
}

.printpreviewThermalWidgetModal #copylink_div {
    display: inline-block;
    height: 35px;
    width: 300px
}

.emailPrintPreviewWidgetSection {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    position: absolute
}

a.templateThumbnail.nav-link.active, a.templateThumbnail.nav-link:hover {
    background: #0071DC;
    border-color: #0071DC;
    color: #fff;
}

    a.templateThumbnail.nav-link.active .thumbnailLabel, a.templateThumbnail.nav-link:hover .thumbnailLabel {
        color: #fff;
    }

.templateThumbnail img + img {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.templateThumbnail.active img + img {
    z-index: 2;
}

.HATextField label {
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
}

#customFormStyle .slide-in {
    background-color: #f4f5f8;
}

section.custom-wrapper-form {
    padding: 10px 0px 5px;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.input-tmpl-name {
    height: 40px;
    padding: 10px 15px;
    width: 100%;
    max-width: 300px;
}

body .print-design-form .table {
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    width: auto;
    max-width: inherit;
    background: transparent;
}

body .print-design-form .tableRow {
    display: table-row;
    vertical-align: top;
}

body .print-design-form .tableCell {
    display: table-cell;
    vertical-align: top;
}

.designFirstControl input[type="text"] {
    display: block;
    width: inherit;
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    border: 1px solid #babec5;
    outline: 0;
    font-size: 18px;
}

.designFirstControl input:hover {
    border-color: #8d9096;
    box-shadow: 0 0 0 2px #d4d7dc;
}

select.haFontFamily {
    height: 35px;
    padding: 0 5px;
    border: 1px solid #babec5;
    border-radius: 2px;
}

.left-menu-slide > .sidebar {
    left: -300px;
    right: 0;
    padding-top: 15px;
    box-sizing: border-box;
    top: 60px;
    bottom: 0;
    transition: all 0.5s ease;
}

.left-menu-slide .sidebar.active {
    width: 250px;
    left: 0 !important;
}

.tab-wrapper {
    transition: all 0.5s ease;
}

    .tab-wrapper.active {
        width: calc(100% - 250px);
        margin-left: 250px !important;
    }

.left-menu-slide .user-profile .user-pro-body .u-dropdown {
    color: #a6acbc;
    font-size: 14px;
    text-transform: uppercase;
}

.left-menu-slide span.hidden-xs {
    display: none !important;
}

/* .left-menu-slide .top-left-part {   
        background: #fff;
    }*/

.left-menu-slide .purchase {
    margin: 0;
    float: inherit;
}

.left-menu-slide .main-top {
    margin: 0;
}

.left-menu-slide .navbar-static-top {
    position: relative;
}

.left-menu-slide .sttabs.tabs-style-line {
    margin: 0 !important;
}

.form-check input[type=checkbox] {
    margin: 0;
}

.sales-left h2 span {
    float: right;
    font-size: 16px;
}

h2.payment-title-text {
    padding: 2px 15px;
}

.width100Percent {
    width: 100% !important;
}

#customFormStyle {
    margin-right: -15px;
}

.templateContentPane .tab-content, .templateContentPane.tab-content {
    margin-top: 0px;
    overflow: visible !important;
}

/***** minxins ******/
/********** mixin styles ends here *******/
.rfc-container {
    color: #393a3d;
}

    .rfc-container .float-left {
        float: left;
    }

    .rfc-container .float-right {
        float: right;
    }

    .rfc-container .width100 {
        width: 100%;
    }

    .rfc-container table {
        font-family: ArialMT, Arial, Helvetica, Times New Roman;
        color: #393a3d;
    }

    .rfc-container .fromAddress {
        width: 81px;
        height: 19px;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.4px;
        text-align: left;
        padding-left: 2px;
    }

    .rfc-container .line {
        width: 100%;
        height: 2px;
        border: solid 0.5px #c8c7cc;
    }

    .rfc-container .headingTitle {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.4px;
        text-align: left;
        padding-top: 12px;
    }

    .rfc-container .emailContainer {
        font-size: 18px;
        line-height: 1.5;
        text-align: left;
        padding-left: 20px;
        margin-left: 20px;
    }

    .rfc-container .email-section-bg {
        background-color: #f4f5f8;
    }

    .rfc-container .companyNameStyle {
        font-size: 20px;
        letter-spacing: 0px;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }

        .rfc-container .companyNameStyle.no-logo-present {
            padding: 26px;
        }

    .rfc-container .logoAndNameTable .templateLogo {
        padding: 0px;
    }

    .rfc-container .logoAndNameTable .companyNameStyle {
        padding: 14px 0px 0px 0px;
    }

    .rfc-container .titleContainer {
        font-size: 13px;
        letter-spacing: 0px;
        text-align: center;
        color: #6b6c72;
        margin-bottom: 10px;
    }

    .rfc-container .dueAmountContainer {
        text-align: center;
        align-items: center;
        width: 100%;
        font-size: 13px;
    }

        .rfc-container .dueAmountContainer td {
            padding: 0px;
        }

        .rfc-container .dueAmountContainer .duwDateWrapper {
            padding: 37px 0px 48px 0px;
            word-break: break-word;
        }

        .rfc-container .dueAmountContainer .dueDateContainer {
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0px;
            text-align: center;
            color: #393a3d;
        }

        .rfc-container .dueAmountContainer .amountDueContainer {
            padding: 10px 0px 0px 0px;
            font-size: 48px;
            letter-spacing: 0px;
            text-align: center;
            color: #393a3d;
        }

        .rfc-container .dueAmountContainer .reviewTabWrapper {
            padding: 0px 0px 10px 0px;
        }

    .rfc-container .reviewTab {
        width: 200px;
        height: 36px;
        border-radius: 4px;
        background-color: #393a3d;
        font-size: 16px;
        text-align: center;
        padding: 0px;
    }

        .rfc-container .reviewTab .reviewTabLabel {
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
            color: #ffffff;
            text-decoration: none;
            padding: 10px 50px;
            white-space: nowrap;
            width: 100%;
        }

            .rfc-container .reviewTab .reviewTabLabel.disableBtn {
                pointer-events: none;
                cursor: default;
            }

    .rfc-container .labelText {
        font-size: 15px;
        text-align: center;
        color: #393a3d;
        font-weight: 300;
    }

    .rfc-container .billToSection {
        padding: 10px 20px 10px 40px;
    }

        .rfc-container .billToSection .billToContainer td {
            padding: 10px 5px;
        }

        .rfc-container .billToSection .billToHeader {
            vertical-align: top;
            font-weight: bold;
            font-size: 18px;
            word-break: break-word;
        }

            .rfc-container .billToSection .billToHeader > div {
                display: inline-block;
            }

        .rfc-container .billToSection .billToContent {
            word-wrap: break-word;
            word-break: break-word;
            font-size: 18px;
        }

            .rfc-container .billToSection .billToContent > div {
                display: inline-block;
            }

    .rfc-container .shippingSection {
        background-color: #f4f5f8;
        padding: 10px 20px 10px 40px;
    }

        .rfc-container .shippingSection .shipToContainer .outerWrapper {
            padding: 20px 0px;
        }

        .rfc-container .shippingSection .shipToContainer td {
            padding: 10px 5px;
        }

        .rfc-container .shippingSection .has-border-bottom {
            border-bottom: dotted 1px #babec5;
        }

        .rfc-container .shippingSection .has-border-top {
            border-top: dotted 1px #babec5;
        }

        .rfc-container .shippingSection .shippingHeader {
            vertical-align: top;
            font-weight: bold;
            font-size: 18px;
            word-break: break-word;
        }

            .rfc-container .shippingSection .shippingHeader > div {
                display: inline-block;
            }

        .rfc-container .shippingSection .shippingContent {
            word-wrap: break-word;
            word-break: break-word;
            font-size: 18px;
        }

            .rfc-container .shippingSection .shippingContent > div {
                display: inline-block;
            }

    .rfc-container .customFieldsSection {
        padding: 10px 20px 20px 40px;
    }

    .rfc-container .custom-fields-container .customSection {
        margin-right: 15px;
        vertical-align: top;
        background-color: #f4f5f8;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .rfc-container .custom-fields-container .customSection td {
            padding: 10px 5px;
        }

    .rfc-container .custom-fields-container .customFieldTitle {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #393a3d;
        vertical-align: top;
        word-break: break-word;
    }

        .rfc-container .custom-fields-container .customFieldTitle > div {
            display: inline-block;
        }

    .rfc-container .custom-fields-container .customFieldText {
        font-size: 18px;
        text-align: left;
        color: #393a3d;
        word-wrap: break-word;
        word-break: break-word;
    }

        .rfc-container .custom-fields-container .customFieldText > div {
            display: inline-block;
        }

    .rfc-container .dottedLine {
        height: 1px;
        border: dotted 1px #babec5;
    }

    .rfc-container .companyAddrSection {
        border-top: dotted 1px #babec5;
        padding: 10px 40px 25px 40px;
    }

        .rfc-container .companyAddrSection.remove-bottom-border {
            border-bottom: 0;
        }

        .rfc-container .companyAddrSection .companyDetails {
            font-size: 15px;
            text-align: center;
            color: #6b6c72;
            margin-top: 15px;
        }

            .rfc-container .companyAddrSection .companyDetails.additionalDetails {
                display: inline-block;
                margin-left: 10px;
                margin-right: 10px;
            }

        .rfc-container .companyAddrSection .additionalDetailsContainer {
            text-align: center;
        }

    .rfc-container .socialMediaPrefsContainer .socialMediaPrefsSection {
        margin-left: 40px;
        margin-right: 40px;
        padding-bottom: 25px;
        text-align: center;
    }

    .rfc-container .socialMediaPrefsContainer a {
        margin-left: 10px;
        margin-right: 10px;
        margin-right: 10px;
        margin-right: 10px;
        display: inline-block;
    }

        .rfc-container .socialMediaPrefsContainer a img {
            display: block;
        }

    .rfc-container .socialMediaPrefsContainer.remove-bottom-border {
        border-bottom: 0px;
    }

    .rfc-container .spoofMsgContainer {
        border-top: dotted 1px #babec5;
    }

        .rfc-container .spoofMsgContainer .spoofMsg {
            padding: 27px 0px 5px 0px;
            font-size: 15px;
            color: #6b6c72;
            text-decoration: none;
            cursor: text;
        }

            .rfc-container .spoofMsgContainer .spoofMsg .disable-hrefs {
                color: #6b6c72;
                text-decoration: none;
                pointer-events: none;
            }

    .rfc-container .shippingAndCustomLayout {
        background-color: #f4f5f8;
        font-size: 18px;
    }

        .rfc-container .shippingAndCustomLayout .outerWrapper {
            padding: 20px 0px;
        }

    .rfc-container .shippingText {
        padding-left: 10px;
        font-size: 15px;
        text-align: left;
        color: #393a3d;
        display: inline-block;
    }

    .rfc-container .tosSection-container {
        text-align: center;
    }

        .rfc-container .tosSection-container .tosSection {
            font-size: 15px;
            text-align: center;
            color: #6b6c72;
            display: inline-block;
            margin: 10px;
        }

            .rfc-container .tosSection-container .tosSection.disableBtn {
                pointer-events: none;
                cursor: default;
            }

    .rfc-container .page-wrap {
        height: 100%;
    }

    .rfc-container .headerSec .logoCenter {
        width: 100%;
    }

    .rfc-container .headerSec .companyAddCenter {
        width: 100%;
        padding-bottom: 10px;
    }

    .rfc-container .headerSec .templateLogo {
        width: 100%;
        text-align: center;
    }

    .rfc-container .formTitle {
        padding: 0px 10px;
    }

    .rfc-container .prefContainer, .rfc-container .shippingAndCustom {
        padding: 10px 15px 0px 15px;
    }

    .rfc-container .shippingAndCustom {
        padding: 10px 15px 0px 15px;
    }

    .rfc-container .titleSection .titleLable, .rfc-container .titleSection .titleValue {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rfc-container #content {
        padding: 0px 10px;
    }

    .rfc-container #footer {
        padding: 20px 10px 0px;
    }

    .rfc-container .discountSection td, .rfc-container .taxSection td, .rfc-container .totalamtSection td, .rfc-container .shippingSection td {
        padding: 10px 5px;
    }

    .rfc-container .estimateSummryContainer {
        padding: 25px 40px 25px 40px;
    }

        .rfc-container .estimateSummryContainer .estimateSummarySection {
            font-size: 18px;
        }

            .rfc-container .estimateSummryContainer .estimateSummarySection table {
                font-size: 18px;
            }

            .rfc-container .estimateSummryContainer .estimateSummarySection td {
                padding: 0px 0px 10px 0px;
            }

            .rfc-container .estimateSummryContainer .estimateSummarySection .estimate-summary-wrapper:not(:nth-child(2)) {
                margin-top: 28px;
            }

            .rfc-container .estimateSummryContainer .estimateSummarySection .invoice-sub-section {
                padding: 0px;
            }

            .rfc-container .estimateSummryContainer .estimateSummarySection .estimate-summary-row {
                padding-bottom: 10px;
            }

.email-preview p {
    font-size: 1rem;
    line-height: 2rem;
}

.textBoxCustomer {
    height: 120px;
    resize: none;
    max-width: 500px;
    font-size: 12px;
}

.products-table table tr td button {    
    padding: 3px 3px;
    display: block;
    width: 100%;
    margin: 0 0 5px;
    box-sizing: border-box;
}

#exportProductForm button {
    color: #777;
    border-radius: 5px;
}

.export-table select.form-control::after {
    display: none;
}

.export-table {
    display: table;
    width: 100%;
    padding: 15px 0px 0;
    margin-bottom: 15px;
}

.export-table-cell-20 {
    width: 10%;
    vertical-align: middle;
    padding: 0 10px;
    display: table-cell;
}

.export-table-cell-40 {
    width: 45%;
    display: table-cell;
}

.exportbtnm {
    text-align: center
}

.import-label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom:2px;
}

.save-modal-export {    
    padding: 15px 0 0 0;   
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 100%;
}

 /*   .save-modal-export button {
        background: #24AEFF;
        border-color: #24AEFF;
        color: #fff !important;
    }

        .save-modal-export button:hover {
            background: #2ca01c;
            border-color: #2ca01c;
        }*/

.form-group.save-modal-export .save-button {
    display: flex;
    justify-content: center;
}

.form-group.save-modal-export button.btn.btn-default {
    margin-right: 5px;
}

form#manageBankRuleForm label {
    margin-bottom: 5px;
}

#multiselect_to, #multiselect {
    padding: 0 !important;
    max-height: 360px;
    min-height: 360px;
}

    #multiselect_to option, #multiselect option {
        padding: 5px 15px;
        border-bottom: 1px solid #ccc;
    }

div#div-field-mapping, div#div_import-mapping {
    width: 100%;
}
    div#div_import-mapping .table th {text-transform:uppercase;}
    div#div_import-mapping .table td, div#div_import-mapping .table th {
        vertical-align: middle;
    }

.homepage-sec1-fl-right {
    float: right;
    padding-right: 15px;
}

.homepage-sec1-single {
    background: #fff;
    padding-bottom: 12px;
    padding-top: 12px;
    height: 100%;
}

.main-wraper-bg {
    background: #f7f7f7;
    padding-bottom: 50px;
}

span.sec_icon {
    height: 50px;
    width: 50px;
    font-size: 26px;
    border: 1px solid #89c92e;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    color: #89c92e;
    margin-left: 15px;
}

.homepage-sec1-fl-right h4 {
    font-size: 18px;
    color: #999999;
    font-weight: 400;
    margin-bottom: 9px;
    margin-top: 0;
}

.homepage-sec1-fl-right h3 {
    font-size: 22px;
    color: #2e2e3a;
    font-weight: 500;
    margin-bottom: 0px;
}

span.fl_right {
    float: right;
    color: #89c92e;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.homepage-sec1-single p {
    padding-top: 13px;
    font-size: 16px;
    color: #999999;
    border-top: 1px solid #f2f2f2;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}

span.fl_right i {
    padding-left: 5px;
}

.homepage-sec1 h2 {
    color: #3d3789;
    font-size: 25px;
    margin-bottom: 50px;
}

.homepage-sec1 {
    padding-top: 28px;
}

.homepage-sec1-single.cta2 span.sec_icon {
    color: #ee8b23;
    border-color: #ee8b23;
}

.homepage-sec1-single.cta2 span.fl_right {
    color: #ec8a33;
}

.homepage-sec1-single.cta3 span.sec_icon {
    color: #4880f3;
    border-color: #4880f3;
}

.homepage-sec1-single.cta3 span.fl_right {
    color: #4b83f0;
}

.homepage-sec1-single.cta4 span.sec_icon {
    color: #f84350;
    border-color: #f84350;
}

.homepage-sec1-single.cta4 span.fl_right {
    color: #f54554;
}

#product-column-mappingtbl-OptionDetails select {
    width: 80%;
    float: left;
}

#product-column-mappingtbl-OptionDetails a {
    margin-left: 5px;
    margin-top: 5px;
}

#product-column-mappingtbl-OptionDetails a {
    margin-left: 15px;
    vertical-align: middle;
    display: inline-block !important;
}

.file-upload-2 .k-dropzone {
    width: 100%;
    margin: 0;
    padding: 8px !important;
}

    .file-upload-2 .k-dropzone .k-upload-status {
        position: absolute !important;
        display: none !important;
    }

.file-upload-2 .k-upload-files.k-reset span {
    font-size: 16px !important;
}

.file-upload-2 .k-i-close::before {
    text-indent: 0 !important;
    color: #000;
}

.file-upload-2 .k-upload-files {
    width: 100%;
    overflow: hidden;
}

.file-upload-2 .k-upload {
    border: 1px solid #ccc !important;
    width: 100%;
    overflow: hidden;
    border-radius:5px;
}

.file-upload-2 .k-upload-files {
    margin: 0 !important;
    border-color: #ccc !important;
    border-bottom: 0px !important;
}

    .file-upload-2 .k-upload-files .k-file {
        border-color: #ccc !important;
        padding: 10px;
        border-bottom: 0px !important;
    }

.file-upload-2 {
    padding: 0 !important;
}

#importProductFormDialogBox .modal-body {
    padding: 10px;
}

#div_import-mapping {
    margin-top: 15px;
}

.products-table .top-header-main {
    margin-bottom: 15px;
}

.over-hidden {
    overflow: hidden;
}

.table-import-scroll {
    max-height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
}

.timeSelect .btn {
    background: #fff;
    padding: 10px 15px !important;
    border: 0px;
    border-radius: 15px;
}

    .timeSelect .btn:focus {
        outline: none;
    }

.dropdown.bootstrap-select.timeSelect {
    margin-bottom: 15px;
    float: left;
}

.row-flex {
    display: flex;
}

select.col-hlf-select {
    flex: 1;
}

/*#test_btn.product-button {
    padding: 0 15px 0 15px;
    margin-left: 0;
}*/

div#serviceGrid button#menu1 {
    width: auto;
}

.tab-content.customerdetail {
    overflow-x: hidden;
}

#some_other_div.wide {
    display: block;
}

.tick-show {
    padding: 0 15px;
    text-align: right;
}

.datepicker-switch {
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0 10px !important;
}

th.next, th.prev {
    font-size: 0;
}

th.dow {
    border-bottom: 1px solid #000;
}

.datepicker-days {
    padding: 0 10px 10px;
}

td.old.day, td.new.day {
    color: #dcdcdc;
}

th.next::after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #444;
    display: inline-block;
    font-weight: 900;
}

th.prev::after {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #444;
    display: inline-block;
    font-weight: 900;
}

.datepicker-dropdown.dropdown-menu {
    padding: 0 !important;
}

.datepicker-months span.month {
    padding: 0 3px;
}

th.next {
    text-align: right;
}

.panel-group#payAccordion .panel .panel-heading a:before {
    margin-right: 15px;
    float: left !important;
    font-family: "Font Awesome 5 Free" !important;
    content: "\f0d7" !important;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}

.panel-group#payAccordion .panel .panel-heading a[aria-expanded="true"]:before {
    content: '\f0d8' !important;
}

.k-menu .k-group .k-item > .k-link input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 0px;
    flex: none;
}

.k-menu .k-group .k-item > .k-link {
    padding: .28em .5em .38em .5em;
    font-weight: normal;
    display: flex;
}

    .k-menu .k-group .k-item > .k-link br {
        display: none;
    }

.custom-color {
    background: #fff;
}

.mrgOrder {
    padding: 15px;
    margin: 0 -15px;
}

    .mrgOrder .borderTextBox {
        background: #fff !important;
    }

#payAccordion .panel-default {
    box-shadow: none !important;
}

    #payAccordion .panel-default .panel-heading {
        border-radius: 0px !important;
    }
.datepicker-dropdown .table-condensed thead {
    background: transparent;
}

.datepicker td, .table-condensed td {
    padding: 2px 5px;
    line-height:24px;
    text-align: center;
    cursor: pointer;
}

    .datepicker td:hover, .table-condensed td:hover {
        background-color: #0bb5af;
        color: #fff;
        border-radius: 50px;
    }
    .table-condensed td span.year {
        margin-right: 5px;
        font-size: 12px;
    }
        .table-condensed td span.year.new {
            position: relative;
            bottom: 2px;
            right: 0px;
        }
    .datepicker-months .table-condensed td:hover {
        background: transparent;
        border-radius: 0px;
        color: #333;
    }

.datepicker-months .table-condensed {
    width: 100%;
}

.datepicker-months span.month {
    padding: 0 3px;
    display: block;
}

    .datepicker-months span.month:hover {
        background-color: #2ca01c;
        cursor: pointer;
        color: #fff;
    }

.white-box.attachments .k-dropzone {
    margin-top: 0 !important;
}

.form-check-label {
    font-weight: 300;
}

.sendright .form-control {
    margin-bottom: 10px;
}

.radio-check-billing {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 0px;
}

    .radio-check-billing .form-check-input {
        margin-top: 0px;
    }

.padding-full-zero {
    padding: 0;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background: #0bb5af;
    border-radius: 100%;
}

.padding-panel-bottom {
    padding: 0 0 15px;
}

div#exampleModalBills {
    background: #fff;
}

    div#exampleModalBills .modal-dialog.full-popup {
        border: transparent;
    }

#topInvoiceModalPopup .modal-dialog.full-popup .bill-part.bill-part1 {
    padding-bottom: 0;
}

table.editTableOrder tbody + tbody {
    border: 0px;
}

.white-box.attachments.no-padding {
    padding: 0;
}

.jrnal-pddng {
    margin: 15px 0;
}

.jrnal-top-fields {
    padding: 30px 15px 20px;
}

.vendorsmain select.form-control {
    height: 41px !important;
}

.employ-edit-footer, #product-category-list-submit {
    padding: 10px;
    border-top: 1px solid #eceeef;
}

    .employ-edit-footer .btn-default, #product-category-list-submit .product-category-list-submit-button {
        padding: 8px 20px;
        background: #2ca01c;
        margin-left: 5px;
        border: 0;
        border-radius: 0;
        margin: 0;
        color: #fff;
    }

.form-group.company-name .btn.btn-save {
    margin-bottom: 2px;
}

/*.vertical-tabs1 .btn {
    padding: 11.5px 20px;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    margin-left: 5px;
    border: 0;
    border-radius: 5px;
    margin: 0;
    color: #fff !important;
}

    .vertical-tabs1 .btn:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }*/

.blnc-tr label {
    margin-top: 0;
    font-size: 14px;
    margin-right: 5px;
}

.transferAmount {
    font-size: 18px;
    font-weight: 500;
    margin: 1px 0 0;
    width: 100%;
    background: #fff;
    display: inline-block;
    padding: 5px 15px;
    max-width: 140px;
    border: 1px solid #ccc;
    text-align: center;
}

.blnc-tr {
    margin-bottom: 10px;
}

.tfooter-td-full tfoot tr, .tfooter-td-full tfoot td {
    display: block;
    width: 100%;
}

.tfooter-td-full thead {
    pointer-events: none;
}

.tfooter-td-full tfoot tr {
    display: flex;
    flex-wrap: wrap;
}

.tfooter-td-full table {
    table-layout: fixed;
}

.tfooter-td-full tfoot td:not(.text-right) {
    display: none !important;
}

.tfooter-td-full thead th {
    padding: 0 10px;
}

/*button#btnProductDetail:not(.notProductDetail) {
    border-radius: 4px;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff !important;
    vertical-align: top;
    padding: 10px 20px;
    border: 0px;
    font-size: 14px;
    font-weight: 600;
    clear: both;
    margin-left: 10px;
}

    button#btnProductDetail:not(.notProductDetail):hover {
        color: #fff !important;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }*/

.bootstrap-select > .dropdown-toggle:hover {
    background: #1886ff;
}

p.transc-para {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 6px;
    font-size: 16px;
}

.vendor-account-setting input {
    margin-right: 5px;
    margin-top: -2px;
}

.rowVendor {
    margin: 0 0 10px;
}

tr.k-footer-template td.text-right { white-space: normal; }
tr.k-footer-template td.text-right .col-5 { width: 100%; padding: 0; margin: 0px; display: flex; flex-wrap: wrap; justify-content: flex-end; }
tr.k-footer-template td.text-right .left-pdd { white-space: nowrap; }
tr.k-footer-template td.text-right .total-debit { padding-left: 32px; font-weight: bold }


.bold-leeter {
    font-weight: 600 !important;
}

.account-trans {
    border-radius: 5px;
    cursor: pointer;    
    vertical-align: top;
    background-color: #fff;
    display: block;
    margin-bottom: 22px;
    border-bottom: 1px solid #babec5;
    box-shadow: 2px 4px 5px rgba(120, 130, 140, .13);
}

span.top-content {
    background-color: #edf1f5;
    height: 65%;
    padding: 15px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.04em;
    display: block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: 500;
}

span.low-content {
    height: 35%;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: block;
    position: relative;
}

    span.low-content i.fa.fa-refresh {
        top: 17px;
        position: absolute;
        right: 15px;
    }

.col-3-account {
    width: 25%;
    padding: 0 10px;
    float: left;
}

.account-trans.active .top-content {
    background: #0097e6;
    color: #fff;
}

#manageBankRuleForm select.form-control {
    height: 40px !important;
}

#manageBankRuleForm .ms-options-wrap > button:focus, #manageBankRuleForm .ms-options-wrap > button {
    padding: 14px 20px 9px 11px;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
}


#manageBankRuleForm .ms-options-wrap {
    position: relative;
}

    #manageBankRuleForm .ms-options-wrap .default {
        padding: 0 0 5px;
    }

    #manageBankRuleForm .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
        margin: 0 3px 0 0;
        position: absolute;
        left: 3px;
        top: 6px;
    }

    #manageBankRuleForm .ms-options-wrap > .ms-options > ul label {
        padding: 4px 4px 4px 28px;
    }

.form-group.col {
    padding: 0 10px;
}

.mrg-top25 {
    margin-top: 25px;
}

div#RuleTableBody {
    margin: 10px 0 0;
}

.col-less {
    float: left;
    width: 50px;
    padding: 0 10px;
    text-align: center;
}

h3.more-fields {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding: 0;
    line-height: normal;
    margin-top: 18px;
}

.text-box-height #memo {
    height: 78px;
}

.col-less a img {
    padding-top: 10px;
    width: 18px;
}

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

a#SplitAddButton {
    margin: 10px 0 0;
}

a#AddLinesButton {
    margin-top: 10px;
    border-radius: 5px;
}

#manageBankRuleForm .btn-group.dropdwoncustomer {
    display: block;
}

#manageBankRuleForm .form-control {
    height: 40px;
}

#manageBankRuleForm select {
    height: 40px;
}

p.andOr {
    margin: 0;
    padding-top: 10px;
}

.logicalOperatorId {
    padding-top: 10px;
}

.form-group.col-sm-5.text-box-height {
    margin-top: 8px;
}

.sold-to-main.sold-to-Info {
    text-align: left;
}

.order-popup-shipmennt strong, .order-popup-shipmennt b {
    font-weight: 400;
}

.form-control.autoresizing {
    overflow: hidden;
    padding: 5px 7px !important;
}

.form-check-label {
    padding-left: 25px;
}

.left-padding-shipp {
    padding-left: 0px;
    padding-top: 4px;
    text-align: center;
}

.padding-delivery {
    padding-top: 5px;
    padding-bottom: 5px;
}

div.createReturnpopup .modal-content div.modal-body {
    max-height: calc(100vh - 30px) !important;
}

.order-popup-shipmennt .modal-body, #WalmartPublishProd .products-table.modal-body {
    max-height: calc(100vh - 124px) !important;
    overflow-x: hidden;
}

.shippingmanagementorders-main .order-popup-shipmennt .modal-dialog, .marketplace-page #WalmartPublishProd .modal-dialog {
    max-width: 1230px !important;
    width: 100%;
    top: 0;
    padding: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 0;
}

.shippingmanagementorders-main .order-popup-shipmennt .modal, .marketplace-page #WalmartPublish.modal {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}

.summary-box.summary-box-right {
    font-size: 14px;
}

.summary-box-right .weight-text.text1 {
    right: 0;
}

.transactions-part .btn, .btn-info {
    font-size: 14px;
}

label.payee-label-info {
    display: block;
}

#Bankinggrid .k-widget.k-combobox.k-header.k-combobox-clearable {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 5px;
}

.new-text-box {
    height: 38px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 0 10px;
}

.vertical-move-midlle {
    padding-top: 0px;
    font-weight: 500;
}

    .vertical-move-midlle input {
        margin-right: 5px;
    }

.vert-padding {
    padding-top: 3px;
    display: inline-block;
    font-size: 12px;
}

.pr-0 {
    padding-right: 0px !important;
}

.remailto {
    height: 70px !important;
    width: 100%;
}

/*#mdlbtncreatelabel {
    padding: 10px 10px;
    border-radius: 4px;
}*/

.form-textBox-border.new-text-box {
    padding: 0;
}

    .form-textBox-border.new-text-box .k-dropdown-wrap.k-state-default {
        padding: 0;
    }

#createFormStyleFormDialogBox .modal-dialog {
    max-width: 90%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
}

#createFormStyleFormDialogBox {
    background: rgba(0, 0, 0, 0.5);
}

#templateThumbnailList {
    margin: 50px -10px;
}

.designFirstControl .input-tmpl-name {
    height: 40px !important;
    width: 350px !important;
    margin: 15px 0;
}

.designFirstControl {
    padding-left: 10px;
}

.customizeStylePreview * {
    font-weight: 500 !important;
}
.customizeStylePreview thead {background:transparent}

p.full-adress-pdd {
    font-size: 18px;
    padding-right: 85px;
    margin: 0;
}

.nav-list-parent .nav-manu-item {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    max-width: 220px;
    width: 100%;
    height: 245px;
    overflow-x: hidden;
}

.nav-list-parent .nav-manu-item {
    display: none;
}

.nav-list-parent:hover .nav-manu-item {
    display: block;
    padding: 0;
}

.nav-list-parent .nav-manu-item li {
    display: block;
    padding: 0;
    background: #3a3c3d;
}

    .nav-list-parent .nav-manu-item li a {
        padding: 10px 15px;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none
    }

.icon-background-image {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url("../images/menu-icon/marketplace-icon.png");
    background-size: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

    .icon-background-image#Marketplace_Management {
        background: url("../images/menu-icon/marketplace-icon.png");
        background-size: 100%;
    }

    .icon-background-image#Email_Campaign {
        background: url("../images/menu-icon/email-campaign.png");
        background-size: 100%;
    }

    .icon-background-image#Dashboard {
        background: url("../images/menu-icon/store.png");
        background-size: 25px;
    }

    .icon-background-image#Product_Management {
        background: url("../images/menu-icon/cloth.svg");
        background-size: 25px;
    }

    .icon-background-image#Shipping_Management {
        background: url("../images/menu-icon/added-cart.svg");
        background-size: 25px;
    }

    .icon-background-image#Shipping_Batch {
        background: url("../images/menu-icon/shipping-batch.png");
        background-size: 25px;
    }

    .icon-background-image#Selling_Channels {
        background: url("../images/menu-icon/shipping.svg");
        background-size: 25px;
    }

    .icon-background-image#Journal_Entry {
        background: url("../images/menu-icon/journal-entry.png");
        background-size: 25px;
    }

    .icon-background-image#Sales {
        background: url("../images/menu-icon/sale.png");
        background-size: 25px;
    }

    .icon-background-image#Bills {
        background: url("../images/menu-icon/bills.svg");
        background-size: 25px;
    }

    .icon-background-image#Expenses {
        background: url("../images/menu-icon/expense.svg");
        background-size: 25px;
    }

    .icon-background-image#Employees {
        background: url("../images/menu-icon/people.png");
        background-size: 25px;
    }

    .icon-background-image#Reports {
        background: url("../images/menu-icon/report.svg");
        background-size: 25px;
    }

    .icon-background-image#Promotion {
        background: url("../images/menu-icon/promotion.svg");
        background-size: 25px;
    }

    .icon-background-image#Taxes {
        background: url("../images/menu-icon/tax.png");
        background-size: 25px;
    }

    .icon-background-image#Accounting {
        background: url("../images/menu-icon/accounting.png");
        background-size: 25px;
    }

    .icon-background-image#My_Accountant {
        background: url("../images/menu-icon/my-accountant.png");
        background-size: 25px;
    }

    .icon-background-image#Banking {
        background: url("../images/menu-icon/bank.svg");
        background-size: 25px;
    }

    .icon-background-image#Carriers_Integrations {
        background: url("../images/menu-icon/shipping-management.png");
        background-size: 25px;
    }

    .icon-background-image#App {
        background: url("../images/menu-icon/app.svg");
        background-size: 25px;
    }

    .icon-background-image#All_Company {
        background: url("../images/menu-icon/corporation.svg");
        background-size: 25px;
    }

    .icon-background-image#Request_Demo_User {
        background: url("../images/menu-icon/mobile-aaps.svg");
        background-size: 25px;
    }

    .icon-background-image#Contact_Us_List {
        background: url("../images/menu-icon/contact-us.svg");
        background-size: 25px;
    }

    .icon-background-image#Blog {
        background: url("../images/menu-icon/blogger.svg");
        background-size: 25px;
    }

.order-popup-shipmennt .panel-group {
    margin-bottom: 0;
}

.scrollTable .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    margin: 10px !important;
}

#myTableProductItem .form-control[disabled], #tblReceivePaymentTransaction .form-control[disabled], #myTableProductItem fieldset[disabled] .form-control, #tblReceivePaymentTransaction fieldset[disabled] .form-control, #myTableProductItem .form-control[readonly], #tblReceivePaymentTransaction .form-control[readonly] {
    text-align: center;
    border: 0px;
}

#myTableProductItem .srnumber > .form-control, #tblReceivePaymentTransaction .srnumber > .form-control, #tblCreditMemoTransaction .srnumber > .form-control {
    display: none !important;
}

    #myTableProductItem .srnumber > .form-control + .form-control, #tblReceivePaymentTransaction .srnumber > .form-control + .form-control, #tblCreditMemoTransaction .srnumber > .form-control + .form-control {
        display: inline-block !important;
        width: 14px !important;
        height: 14px !important;
    }

#myTableProductItem th, #tblReceivePaymentTransaction th {
    font-size: 13px;
}

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

    .recipient-left .Close-right {
        left: -17px;
    }

.pdd-top-5 {
    padding-top: 8px;
}

.custom-color.mrgOrder .shipping-part {
    margin-bottom: 10px;
}

/*.order-popup-shipmennt .modal-header button.close,*/ #WalmartPublishProd .addproduct-main.modal-header button.close {
    padding: 7px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
}

.order-popup-shipmennt .modal-header, #WalmartPublishProd .addproduct-main.modal-header {
    padding-right: 40px;
}

.order-popup-shipmennt .modal-header, #WalmartPublishProd .addproduct-main.modal-header {
    /* background: #0071DC;*/
    /* border-bottom: solid 1px #c3c3c3;*/
    position: relative;
    width: 100%;
    max-width: 1230px;
    padding-bottom: 4.5px;
    z-index: 99;
    top: 0;
    /*border-top-right-radius: 5px;
        border-top-left-radius: 5px;*/
}

.order-popup-shipmennt .modal-content, #WalmartPublishProd .modal-content {
    padding-top: 0px;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
}

.order-popup-shipmennt .modal-body, #WalmartPublishProd .products-table.modal-body {
    margin-top: 0;
}

#WalmartPublishProd .products-table.modal-body {
    margin-top: 116px;
    padding: 0;
}

    #WalmartPublishProd .products-table.modal-body .vedio-main {
        padding: 0;
    }

#WalmartPublishProd .addproduct-main.modal-header {
    padding-left: 15px;
}

    #WalmartPublishProd .addproduct-main.modal-header .search-fild input {
        background: none;
    }

    #WalmartPublishProd .addproduct-main.modal-header .reorder button.product-button {
        padding: 2px 15px;
        float: right;
    }

    #WalmartPublishProd .addproduct-main.modal-header .reorder .close {
        background: none;
        float: right;
        margin: 0;
        padding: 0;
        line-height: 1.43;
        border-radius: 0;
    }

#VariationsEditTabInner .variant-common-attributes .k-widget.k-multiselect.k-header.k-multiselect-clearable, #VariationsEditInner .variant-common-attributes .k-widget.k-multiselect.k-header.k-multiselect-clearable {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    background: transparent;
}

.awaiting-main {
    display: inline-block;
    float: right;
    margin-right: 20px;
}

    .awaiting-main .nav-tabs .nav-link {
        height: 37px;
    }

.order-popup-shipmennt .modal-title {
    display: inline-block;
}

.order-popup-shipmennt .form-control.form-text-order, .size-main .form-control {
    padding-right: 0px !important;
}

.input-group-btn-vertical {
    position: absolute;
    white-space: nowrap;
    width: 15px;
    vertical-align: middle;
    top: 1px;
    right: 8px;
    pointer-events: none;
}

    .input-group-btn-vertical.main-new-add {
        right: 28px;
    }

    .input-group-btn-vertical.main-new-add-1 {
        right: 28px;
    }

    .input-group-btn-vertical.main-new-add-3 {
        right: 31px;
    }

    .input-group-btn-vertical span {
        border: 1px solid #000;
        display: block;
        width: 15px;
        height: 15px;
        margin: 0 !important;
        background: #dcf4ff;
        text-align: center;
        line-height: 13px;
    }

        .input-group-btn-vertical span.up-arrow {
            border-bottom: 0px;
        }

.shippingmanagement.shipping-main .awaiting-main tr td, .shippingmanagement.shipping-main .awaiting-main tr th {
    padding: 0 4px 4px;
}

.wiz-step.instruction .instructions a {
    color: #337ab7;
}

    .wiz-step.instruction .instructions a:hover {
        color: #337ab7;
    }

.row.divLabelSize {
    margin-top: 10px;
}

.padding-rate-shipping {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#shipdetail .col-sm-4 {
    text-align: right;
}

.order-popup-shipmennt .recent-main ul li a {
    margin-top: 5px;
    margin-bottom: 7px;
}

select#salesChartDayRange {
    border-radius: 25px;
    width: 180px !important;
    padding: 6px 15px;
    text-align: center;
}

.btn.btn-sm.btn-ship {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border-radius: 4px;
    padding: 10px 15px;
    border: none;
    text-decoration: none !important;
}

    .btn.btn-sm.btn-ship:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        border: 0px;
    }

.k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-width: 0px !important;
}

    .k-tabstrip-top > .k-tabstrip-items > .k-item.k-state-active .k-link {
        border-bottom: 0px solid #0071DC;
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        color: #ffff;
        border-radius: 50px;
    }

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content {
    padding: 0 !important;
}

.k-tabstrip-items .k-loading {
    display: none !important;
}

div.k-tabstrip .k-content {
    border-width: 0px !important;
}

.k-tabstrip .k-tabstrip-items .k-link {
    padding: 10px 10px 10px 10px !important;
    color: #444;
    font-size: 14px;
    transition: 0.3s ease-in-out;
    border-radius: 50px;
    margin: 1px;
    ;
    font-weight: 400;
}

    .k-tabstrip .k-tabstrip-items .k-link:hover {
        background: #2d2f31;       
        color: #fff;
        transition: 0.3s ease-in-out;
    }

.unbilled-box {
    margin-top: 15px;
    text-align: center
}

div.k-tabstrip .k-tabstrip-items {
    padding: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    margin-top: 7px;
    background: #f5f5f5;
    border-radius: 50px;
}

.nav.nav-tabs {
    border: 0px;
    font-weight: 400;
    background: #fff;
    border: #ddd solid 1px !important;
    padding: 2px;
    color: #ffff;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    display: inline-flex;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {
    border: 0px;
    border-bottom: 0px solid #0071DC;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #ffff;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}
.nav-tabs .nav-link:hover, .whtabs .nav.nav-tabs .nav-link:hover {
    background: #212121;
    color:#fff
}
.nav-tabs .nav-link {
    text-transform: uppercase;
    border: none;
    color: #000;
    cursor: pointer;
    border-radius: 50px;
}

ul.thumbnails-div.nav.nav-tabs .nav-link {
    border-radius: 0px;
}

ul.thumbnails-div.nav.nav-tabs li {
    width: 14%;
}

.add_bank {
    border-radius: 25px;
}

.over-tab-hiden .k-tabstrip > .k-content {
    overflow: hidden;
}

.padd-left-10 {
    padding-left: 15px;
}

.k-animation-container .k-menu-vertical .k-button.k-button-icon .k-icon:before,
.k-animation-container .k-menu-vertical .k-grid-filter .k-icon:before,
.k-animation-container .k-menu-vertical .k-header .k-icon:before {
    text-indent: 0;
}

.k-pager-wrap .k-link .k-icon:before {
    text-indent: 0em !important;
}

.k-master-row .k-hierarchy-cell .k-icon:before {
    text-indent: 0em !important;
}

.transaction-details .col-auto {
    padding: 0 10px;
}

.transaction-details * {
    box-sizing: border-box !important;
}

.transaction-details .col-auto .btn-default {
    margin-top: 28px;
}

#chkIsBillable {
    margin-top: 8px !important;
}

.transaction-details .dropdwoncustomer {
    width: 100%;
}

.transaction-details .no-bottom-margin {
    width: 100%;
}

form#manageBankRuleForm * {
    box-sizing: border-box !important;
}

.decimal-eq {
    display: table;
    margin: 0 auto;
    text-align: center;
}

    .decimal-eq .qtity {
        display: block;
        border-bottom: 1px solid #444;
        padding: 2px 5px;
        line-height: 18px;
    }

    .decimal-eq .amnt {
        display: block;
        padding: 1px 1px 0px 1px;
        line-height: 15px;
    }

.margin-bottom-add {
    margin: 15px 0 5px;
}

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

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

.heading-title-label {
    font-size: 16px;
    color: #000000;
    font-weight: 300;
    text-shadow: 0px 0px 0px;
    border-bottom: 1px solid #000;
    padding: 0 5px;
    vertical-align: bottom;
}

.balance-sheet td {
    font-size: 16px;
    vertical-align: bottom;
}

table.balance-sheet .p-0 {
    padding: 4px !important;
}

table.balance-sheet {
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
    margin-bottom: 15px;
}
    table.balance-sheet tfoot {
        background: #9dd1c3;
    }
    table.balance-sheet th.heading-title-label {
        border-bottom: transparent !important;
    }
    table.balance-sheet .assets-section {padding-top:0px !important;}

    .table-full {
        width: 100%;
    }

.balance-sheet tbody tr td.heading-detail {
    padding-top: 15px;
    padding-left: 0px;
}

.balance-sheet tbody tr td {
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}

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



/*#accountpopups select.form-control:not([size]):not([multiple]), #accountpopup select.form-control:not([size]):not([multiple]) {
    height: 42px !important;
}*/

#accountTypeDetailDescriptions {
    min-height: 150px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.balance-sheet > thead {
    background: #212121;
}

.balance-sheet thead tr td {
    color: #fff;
}

.balance-sheet tr td {
    padding: 0 6px;
}

.blanc-left, .blanc-right {
    border: 1px solid #ddd;
    padding: 8px 0 !important;
}

.month-value {
    display: block;
    font-size: 14px;
    text-transform: none;
}

.heading-title-label strong {
    font-weight: 500;
}

table.full-width-table {
    width: 100%;
}

.table-child tr:last-of-type td.label-value {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

.full-width-table strong {
    font-weight: 500;
}

.full-width-table .label-value {
    width: 130px;
}

.shiments-flight th:first-of-type, .shiments-flight td:first-of-type {
    padding-left: 5px;
    padding-bottom: 2px;
}

    .shiments-flight th:first-of-type input[type="checkbox"], .shiments-flight td:first-of-type input[type="checkbox"] {
        vertical-align: top;
        margin-right: 5px;
    }

.selected-tr {
    background: #fff;
}

    .selected-tr td strong {
        color: #fff;
        font-weight: 300;
    }

.account-title-content.Dsply-block {
    display: none;
}

.Dsply-block {
    display: none
}

.account-box-bill .k-list-container.k-state-border-down, .account-box-bill .k-autocomplete.k-state-border-down, .account-box-bill .k-dropdown-wrap.k-state-border-down, .account-box-bill .k-picker-wrap.k-state-border-down, .account-box-bill .k-numeric-wrap.k-state-border-down {
    border-bottom-width: 1px !important;
}

textarea.deposited {
    background: #f1f1f1 !important;
    height: 200px;
}

#accountpopup textarea.deposited {
    margin: 10px 0 5px;
}

/*#main-index-z {
    z-index: 21212;
}

    #main-index-z .modal {
        background: rgba(0,0,0,0.5);
    }*/

table.profit-loss > thead {
    text-transform: uppercase;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

    table.profit-loss > thead tr th {
        color: #000;
        font-weight: 300;
        padding: 5px;
        font-size: 20px;
    }

table.profit-loss thead tr th, table.profit-loss tbody tr td {
    padding: 6px 15px 6px 15px;
}

.full-width-profit thead tr th {
    font-weight: 300;
    color: #000;
}

thead.account-title-header.border-top-pl {
    border-top: 1px solid #000;
}

.full-width-profit tfoot tr td strong {
    font-weight: 500;
}

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

table.profit-loss thead tr th:first-child, table.profit-loss thead tr td:first-child {
    width: 80%;
}

.full-width-profit {
    width: 100%;
}

    .full-width-profit tfoot tr td {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

.profit-loss-tb-parent {
    width: 80%;
    margin: 0 auto;
    border: 0 solid #000;
    padding: 0;
}

table.profit-loss {
    border-top: 1px solid #000;
    background-color: #fff;
    margin-top: 0px;
    border-bottom: 1px solid #000;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 15px;
}

p.pl-text {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
}

h2.pl-cmp-name {
    margin: 25px 0 10px;
}

.border-bottom-pl {
    border-bottom: 1px solid #000;
}

.border-pl-last-border {
    margin-top: 5px;
    border-top: 1px solid #000;
}

.table-stock-detail {
    background: #fff;
    border: 1px solid #e4e7ea;
    border-top: 0px;
}

    .table-stock-detail a {
        color: #01b1c2 !important;
        padding: 0;
        font-weight: 300;
    }
    .table-stock-detail a:hover {
        color: #000 !important;       
    }

    .table-stock-detail thead tr th {
        text-transform: uppercase;
        padding: 10px;
        border: #87bfb0 solid 1px;
        font-weight: 600;
        color: #000;
        line-height: 16px;
        vertical-align: middle;
    }

    .table-stock-detail > tbody > tr > td {
        padding: 5px 10px;
        vertical-align: middle;
    }

.grnd-total td {
    background: #f7fafc !important;
    border-top: 1px solid #337ab7 !important;
    border-bottom: 1px solid #337ab7 !important;
}

.table-stock-detail-month tr td:first-of-type {
    width: 40% !important;
}

.table-stock-detail-month tr td {
    width: 10% !important;
}

    .table-stock-detail tbody tr td {
        border-top: 0px !important;
        border-right: 1px solid #e4e7ea;
    }

    .table-stock-detail tfoot {
        border-top: 1px solid #e4e7ea;
    }

        .table-stock-detail tfoot tr td {
            border: 0px;
            font-weight: 600;
            padding: 10px 10px;
        }

            .table-stock-detail tfoot tr td:last-of-type {
                border-right: 0px;
            }

    .table-stock-detail tbody tr td:last-of-type {
        border-right: 0px;
        width: 140px;
    }

.transcation-index {
    background: #fff;
    padding: 15px;
}

    .transcation-index .table {
        padding: 1px 0px 55px;
        margin-top: 0;
        margin-bottom: 0px;
    }

.tabs-reports {
    display: block;
    width: 100%;
    padding-bottom: 2px;
    border-bottom: 1px solid #babec5;
}

    .tabs-reports li {
        display: inline-block;
        vertical-align: 4px;
    }

        .tabs-reports li a {
            color: #444;
            font-size: 16px;
            padding: 0 30px 0 2px;
            vertical-align: middle;
        }

    .tabs-reports ul {
        margin: 0;
        padding: 0;
        display: inline-block;
    }

.reports-div {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
}

.report-list {
    background-color: #fff;
    margin-bottom: 15px;
    padding-left: 0;
    padding-top: 0;
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
    overflow: hidden;
    padding-bottom: 0;
    padding-right: 0;
    border-radius: 5px;
}

.tab-reports-pane {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-left: 4px;
    padding-right: 4px;
}

.report-title {
    font-size: 18px;
    margin: 0 0 0 0;
    font-weight: 500;
    cursor: pointer;
    color: #000;
    padding: 5px 25px;
    border-bottom: #efefef solid 1px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

    .report-title i {
        transform: rotate(90deg);
    }

.report-table.Dsply-block .list-report-tax {
    padding: 20px 15px;
    display: inline-block;
    width: 100%;
    margin: 0;
}

    .report-table.Dsply-block .list-report-tax li {
        display: flex;
        border: 1px solid #e3e5e8;
        width: 32.333%;
        float: left;
        margin: 5px 0.5%;
        border-radius: 5px;
        padding: 0 0.5%;
        line-height: 18px;
        align-items: center;
        transition: all 0.3s ease-in-out
    }

        .report-table.Dsply-block .list-report-tax li:hover {
            background: rgb(61,197,114);
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
            color: #fff;
            transition: all 0.3s ease-in-out
        }

        .report-table.Dsply-block .list-report-tax li a {
            color: #000;
            display: block;
            padding: 8px 0px 8px;
            font-size: 15px;
            font-weight: 500;
            width: calc(100% - 28px);
        }

            .report-table.Dsply-block .list-report-tax li a:hover {
                color: #fff;           
            }

        .report-table.Dsply-block .list-report-tax li:hover .action i {
            color: #fff !important;
        }

.editableText .editText ::-webkit-input-placeholder {
    /* Edge */
    color: #000;
}

.editableText .editText :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

.editableText .editText ::placeholder {
    color: #000;
}

.not-editable-display .borderTextBox.active {
    background: transparent;
    border: 0px;
}

.not-editable-display .borderTextBox label {
    left: 0;
}

.not-editable-display .form-textBox.active {
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    font-weight: 500;
}

.list-report-tax .action {
    float: right;
}

    .list-report-tax .action a {
        padding: 5px 8px;
    }

    .list-report-tax .action i {
        color: #babec5;
    }

#accountReceivableBody .transcation-index, #customerInvoiceBody .transcation-index, #accountPayableBody .transcation-index, #vendorInvoiceBody .transcation-index {
    padding-top: 20px;
}

select#years {
    width: 120px;
    border-radius: 4px;
    float: right;
}

/*select#reportBy {   
    border-radius: 4px;
    float: right;
    padding: 4px 11px !important;
}*/

.report-table {
    display: none;
}

    .report-table.Dsply-block {
        display: block;
    }

.width86 {
    width: 86%;
}

.k-tabstrip-wrapper .k-tabstrip > .k-content {
    overflow: visible;
}

.borderTextBox.active .k-numerictextbox.numerictxt {
    height: 25px !important;
    padding: 13px 0 0;
    margin-top: 0;
}

.new-inner-tab {
    background: #fff;
    padding: 0 15px;
}

.inner-tab a.k-icon {
    padding-left: 0;
}

.inventory-list .overdueright1.overdueright1 {
    background: #F44336;
    border-radius: 50px;
    border: #fff solid 1px;
    -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
}

    .inventory-list .overdueright1.overdueright1:hover {
        background: #d3291c;
        border: #fff solid 1px;
    }

.inventory-list .overdueleft.unpaid1 {
    background: #FBC02D;
}

.inventory-list .overdueleft.unpaid {
    background: #ffee58;
}

    .inventory-list .overdueleft.unpaid:hover {
        background: #F9A825;
        -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
        box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    }

.inventory-list .overdueright.days-paid {
    background: #7fd000;
}

    .inventory-list .overdueright.days-paid:hover {
        border-bottom: solid 5px #FFF59D;
    }

.inventory-list .paid-box {
    background: #673AB7;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
    border: #fff solid 1px;
    -webkit-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    -moz-box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
    box-shadow: 0px 11px 5px -8px rgba(150,147,150,1);
}

    .inventory-list .paid-box:hover {
        background: #311B92;
        transition: 0.3s ease-in-out;
        border: #fff solid 1px;
    }

/*#dvProppurchase input, #dvProppurchaseInvoice input {
    max-width: 120px;
    padding: 10px;
    font-size: 14px;
}*/

.datepicker-dropdown {
    min-width: 226px;
}

    .datepicker-dropdown .table-condensed {
        width: 100%;
    }

.label-parent-variation {
    position: relative;
}

.dollar-sign-value {
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

html .dvAttrrow input[disabled] {
    background: transparent;
    border: 0px !important;
}

.no-padding-top {
    padding-top: 0px;
}

#tblpopTableAttr input {
    width: 100%;
    padding: 5px;
    height: 36px;
    border-radius: 5px;
}

#dvProppurchaseInvoice #tblpopTableAttr {
    margin-bottom: 10px;
}

.not-editable-display .borderTextBox {
    background: transparent;
    border: 0px;
}

.choose-part button.close {
    float: right;
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 9;
}

.choose-part .modal-content {
    display: block;
}

.choose-part .selectpicker-main .selectpicker {
    font-size: 14px;
    border: 1px solid #ccc;
    font-weight: 300;
    padding: 6px 25px 6px 10px;
    border-radius: 4px;
    margin-top: -4px;
}

.width800 {
    max-width: 700px;
    max-height: 650px;
}

.coming-soon-text {
    width: 100%;
    padding: 45px 0;
    text-align: center;
    font-size: 25px;
    display: block;
}

#temporaryProductGrid {
    margin-top: 15px;
}

.mrgin-top-none {
    margin-top: 0 !important;
}

.add_bank {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group.transactions-part {
    max-width: 135px;
    text-align: center;
    margin-right: 5px;
}

#forreview .search-box, .rolle-custom .search-box {
    float: right;
    margin-left: 0px;
}

.k-tabstrip-wrapper .k-widget * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.credit-part {
    text-align: left;
}

.rule-tab .search-box {
    display: inline-block;
    vertical-align: middle;
}

.rule-tab, .rolle-custom {
    text-align: left;
}

.top-fiter-container {
    padding: 0 7.5px;
    display: flex;
    align-items: center;
}

    .top-fiter-container > div {
        margin-right: 0px;
        margin-bottom: 12Px;
    }

.btn-cal-filter {
    background: transparent;
    color: #000;
    padding: 11px 8px;
    font-size: 14px;
}

    .btn-cal-filter:focus {
        outline: none;
        box-shadow: none;
    }

    /*.btn-cal-filter::after {
        border-top: 6px solid #000;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }*/

.select-box.dropdown-menu, .shippingmanagementorders-main .select-box.dropdown-menu {
    width: 470px;
    padding: 15px;
    border: 1px solid #9dd1c3;
    margin-top: 1px;
    background: rgb(199,249,249);
    background: linear-gradient(90deg, rgba(199,249,249,1) 0%, rgba(221,252,236,1) 100%);
}

.cal-flex {
    display: flex;
}

    .cal-flex > div {
        padding: 0 5px;
    }

.otherreportmain .cal-flex > div {
    padding: 0 0px;
    margin-right: 5px;
    margin-left: 5px;
}

.slectRange select {
    height: 100%;
    border-color: #ccc;
    padding: 0 8px;
}

.btn-all-filter {
    padding: 15px 5px 0;
}

    .btn-all-filter .btn-reset {
        background: transparent;
        border: 2px solid #4bb9ae;
        border-radius: 25px;
        padding: 10px 35px;
    }

        .btn-all-filter .btn-reset:hover,
        .btn-all-filter .btn-reset:focus {
            border: 2px solid #0da59d !important;
        }

    .btn-all-filter .btn-apply {
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        color: #fff;
        padding: 10px 35px;
        border-radius: 50px;
        border:transparent;
    }

        .btn-all-filter .btn-apply:hover {
            background: rgb(61,197,114) !important;
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%) !important;
        }

.dropdown.active .select-box {
    display: block;
    top: 100%;
}

.show-Scroll {
    overflow: inherit !important;
}

.costomers-main {
    width: 100%;
}

#SaveEmployeeForm #reorderDiv #test_btn.product-button {
    margin-left: 10px;
    padding: 5px 25px;
}

#JournalEntrygrid ul {
    padding: 0;
    margin: 0 auto;
}

#JournalEntrygrid .decimal-eq .qtity {
    display: table;
    width: 50px;
    margin: 0 auto;
}

.dr-cr-cell {
    text-align: center;
}

#JournalEntrygrid td {
    position: relative;
    padding: 0 !important;
    overflow: visible;
}

    #JournalEntrygrid td.table-insert {
        padding: 0 10px !important;
    }

    #JournalEntrygrid td table tr td {
        border: 0px !important;
        border-bottom: 1px solid #ccc !important;
        padding: 10px !important;
    }

    #JournalEntrygrid td table + table tr td {
        border-bottom: 0px !important;
    }

    #JournalEntrygrid td.table-vertical-up {
        vertical-align: top;
    }

.total-amt-section {
    overflow-x: hidden;
    min-height: 60px;
}

.total-amt {
    position: absolute;
    bottom: 0;
    left: 25%;
}

.reorder button.bank-save-btn {
    margin-top: 24px;
}

.decimal-field input.decimal-field, .percent-field input.percent-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    right: 0;
    height: 41px !important;
}

.decimal-field, .percent-field {
    position: relative;
}
/*.form-control.k-widget.decimal-field,*/
.form-control.k-widget.percent-field {
    border-bottom: 1px solid #ccc !important;
}

.decimal-field.k-numerictextbox .k-icon, .percent-field.k-numerictextbox .k-icon {
    background: #fff;
    display: none !important;
}

.k-numerictextbox .k-link.k-link-increase {
    top: 3px;
    position: relative;
}

.k-numerictextbox .k-link.k-link-decrease {
    top: 5px;
    position: relative;
}

.decimal-field .k-numeric-wrap .k-select, .percent-field .k-numeric-wrap .k-select {
    display: none;
}

.editableText .editText input.percent-field {
    border: 1px solid #ccc;
    padding: 5px 0;
    line-height: 24px;
    height: 41px;
    width: 100%;
    display: block;
    max-width: 100%;
    text-align: center;
}

    .editableText .editText input.percent-field:focus {
        border-color: #ccc;
    }

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.category-section {
    margin: 0;
}

    .category-section .wix-card-header {
        color: #000;
        padding: 10px 0;
        background: transparent;
        border: 0;
        margin-bottom: 10px;
    }

    .category-section h3 {
        color: #000;
        font-weight: 900;
        text-transform: none;
        font-size: 14px;
    }

    .category-section .collections {
        width: 100%;
        display: inline-block;
        padding: 0 7px;
    }

    .category-section .form-check {
        float: left;
        width: 33%;
    }

        .category-section .form-check:nth-child(3) {
            margin: 0 4px;
        }

.sell-description input#IsSellServiceToCustomer, .sell-description input#IsServiceApplyToSalesAndPurchase, .purchase-description input#IsPurchaseServiceFromVendor {
    float: left;
    margin: 2px 5px 0px 0;
}

#addEditServiceDialogBox .borderTextBox.description-sell, #addEditServiceDialogBox .borderTextBox.description-purchase {
    height: 80px;
}

/*.category-section #anchoraddProdCategory {
    float: left;
}*/

#addEditServiceDialogBox .employ-edit-footer {
    text-align: right;
}

.category-section .wix-card-header h3 {
    padding-left: 5px;
    font-size: 18px;
}

.shippingmanagementorders-main .filters {
    padding: 10px 0;
}

div#SalesTransactingrid .dropdown-menu {
    left: -60px;
}

div#serviceGrid table tbody td:last-child .dropdown-menu, div#Customergrid table tbody td:last-child .dropdown-menu, div#SalesTransactingrid table tbody td:last-child .dropdown-menu, div#ReceivePaymentTransactingrid table tbody td:last-child .dropdown-menu, div#Bankinggrid table tbody td:last-child .dropdown-menu, div#BankRulegrid table tbody td:last-child .dropdown-menu, div#Invoicegrid table tbody td:last-child .dropdown-menu, div#PurchaseOrderTransactingrid table tbody td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody td:last-child .dropdown-menu, div#Vendorgrid table tbody td:last-child .dropdown-menu, div#PayPaymentgrid table tbody td:last-child .dropdown-menu {
    position: absolute;
    width: 180px;
    right: 15px;
    left: auto;
    top: -1px;
}

div#VendorExpensegrid .dropdown-menu {
    left: auto;
    right: 0;
}

div#Invoicegrid table tbody td:last-child .dropdown-menu {
    width: 210px;
    right: 30px;
}

div#Vendorgrid table tbody td:last-child .dropdown-menu {
    width: 210px;
    right: 30px;
}

div#SalesTransactingrid table tbody td:last-child .dropdown-menu {
    width: 215px;
}

div#Customergrid table tbody tr:last-child td:last-child .dropdown-menu, div#SalesTransactingrid table tbody tr:last-child td:last-child .dropdown-menu, div#PurchaseOrderTransactingrid table tbody tr:last-child td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody tr:last-child td:last-child .dropdown-menu, div#Invoicegrid table tbody tr:last-child td:last-child .dropdown-menu, div#Bankinggrid table tbody tr:last-child td:last-child .dropdown-menu, div#Customergrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu, div#PurchaseOrderTransactingrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    position: absolute;
    width: 180px;
    right: 0;
    left: auto;
    top: -175px;
}

div#Customergrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    width: 218px;
    right: 30px;
    left: auto;
    top: 0px;
}

div#PurchaseOrderTransactingrid table tbody tr:last-child td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody tr:last-child td:last-child .dropdown-menu {
    right: 20px;
    top: -145px;
}

div#SalesTransactingrid table tbody tr:last-child td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#Invoicegrid table tbody tr:last-child td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#Customergrid table tbody tr:last-child td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#Vendorgrid table tbody tr:last-child td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#PayPaymentgrid table tbody tr:last-child td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#SalesTransactingrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#Invoicegrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu, div#PurchaseOrderTransactingrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: -150px;
    left: auto;
}

div#Invoicegrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#Vendorgrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
    left: auto;
}

div#PayPaymentgrid table tbody tr:nth-last-child(2) td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: -180px;
    left: auto;
}

div#Customergrid table tbody tr:first-child td:last-child .dropdown-menu, div#SalesTransactingrid table tbody tr:first-child td:last-child .dropdown-menu, div#Invoicegrid table tbody tr:first-child td:last-child .dropdown-menu, div#PurchaseOrderTransactingrid table tbody tr:first-child td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody tr:first-child td:last-child .dropdown-menu, div#Vendorgrid table tbody tr:first-child td:last-child .dropdown-menu, div#PayPaymentgrid table tbody tr:first-child td:last-child .dropdown-menu {
    width: 215px;
    right: 30px;
    top: 0px;
}

div#ReceivePaymentTransactingrid table tbody tr:last-child td:last-child .dropdown-menu, div#Bankinggrid table tbody tr:last-child td:last-child .dropdown-menu, div#BankRulegrid table tbody tr:last-child td:last-child .dropdown-menu {
    position: absolute;
    width: 180px;
    right: 20px;
    left: auto;
    top: -1px;
}

.balance-sheet-layer-1, .full-width-profit thead tr th.balance-sheet-layer-1 {
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.full-width-profit thead .font-bold th.balance-sheet-layer-1 {
    font-weight: 900;
}


.full-width-profit thead .font-bold th.balance-sheet-layer-1 i.fa.fa-sort-desc {
    top: -1px;
    position: relative;
}

.balance-sheet-layer-2 {
    font-weight: 900;
}



.products-table span.k-widget.k-numerictextbox.form-control.decimal-field {
    border-bottom: 0 !important;
}

.products-table .decimal-field span.k-numeric-wrap.k-state-default {
    border-radius: 5px !important;
    height: 38px;
}

    .products-table .decimal-field span.k-numeric-wrap.k-state-default.k-state-focused.k-state-hover {
        height: 38px;
    }

.editText .decimal-field {
    padding: 0px 0px 0 !important;
    text-align: center !important;
    max-width: 100px !important;
}

#receipt-order .bill-part1.show-main.padding20, #purchaseInvoice .bill-part1.show-main.padding20, #exampleModalinvoice .bill-part1.show-main.padding20 {
    width: 100%;
}

#myTableSales span.k-widget.k-numerictextbox.form-control.description-input.decimal-field {
    border: 0 !important;
}

    #myTableSales span.k-widget.k-numerictextbox.form-control.description-input.decimal-field span.k-numeric-wrap.k-state-default {
        border: 0;
    }

    #myTableSales span.k-widget.k-numerictextbox.form-control.description-input.decimal-field input[type=text]:focus {
        border-color: #ccc;
    }

.products-table td:nth-child(5) span b {
    width: 105px;
    float: left;
}

.products-table td:nth-child(5) span p.mar-0 {
    margin: 0;
}

#myTableSales span.k-numeric-wrap, #myTableInvoice span.k-numeric-wrap, #myTablePurchaseOrder span.k-numeric-wrap, #myTablePurchaseInvoice span.k-numeric-wrap, #TablePaymentAccount span.k-numeric-wrap, #TableReceivePaymentAccount span.k-numeric-wrap, #myJournalTable span.k-numeric-wrap, #myTableUnAccountableInventory span.k-numeric-wrap {
    border-width: 0;
    padding: 0;
}

table#myTableSales .form-control.sales-order-rate-dollar, table#myTableInvoice .form-control.sales-invoice-rate-dollar, table#myTablePurchaseOrder .form-control.purchase-order-rate-dollar, table#myTablePurchaseInvoice .form-control.purchase-invoice-rate-dollar, table#myTableInvoice .form-control.invoice-service-rate-dollar, table#myTablePurchaseInvoice .form-control.bill-invoice-rate-dollar, table#myTableUnAccountableInventory .form-control.sales-order-rate-dollar {
    min-width: 60px;
    width: 100%;
    box-sizing: border-box;
}

table#myTableSales .form-control.sales-order-amount-dollar, table#myTableInvoice .form-control.sales-invoice-amount-dollar, table#myTablePurchaseOrder .form-control.purchase-order-amount-dollar, table#myTablePurchaseInvoice .form-control.purchase-invoice-amount-dollar, table#TablePaymentAccount .form-control.pay-payment-amount-dollar, table#TableReceivePaymentAccount .form-control.receive-payment-amount-dollar, table#myTableInvoice .form-control.invoice-service-amount-dollar, table#myTablePurchaseInvoice .form-control.bill-invoice-amount-dollar, table#myTableUnAccountableInventory .form-control.bill-invoice-amount-dollar {
    min-width: 80px;
    box-sizing: border-box;
}

table#myJournalTable input.k-formatted-value.form-control.Paymenttxt.journal-entry-credit-amount.k-input, table#myJournalTable input.k-formatted-value.form-control.Paymenttxt.journal-entry-debit-amount.k-input, table#myTableInvoice input.form-control.description-input.invoice-service-amount-dollar.k-input, table#myTablePurchaseInvoice input.form-control.description-input.bill-invoice-amount-dollar.k-input {
    min-width: 175px;
    box-sizing: border-box;
}

table#myJournalTable .form-control.Paymenttxt.journal-entry-credit-amount.k-input, table#myJournalTable .form-control.Paymenttxt.journal-entry-debit-amount.k-input {
    min-width: 175px;
    width: 100% !important;
}

#attrTable span.k-numeric-wrap.k-state-default, #attrTable span.k-numeric-wrap.k-state-disabled {
    border-width: 0;
}

#dvPropsales #tblpopTableAttr input, #dvProppurchase #tblpopTableAttr input, #dvProppurchaseInvoice #tblpopTableAttr input, #dvPropInvoice #tblpopTableAttr input {
    border: 1px solid #e4e7ea;
}

#dvPropsales #tblpopTableAttr tbody, #dvProppurchase #tblpopTableAttr tbody, #dvProppurchaseInvoice #tblpopTableAttr tbody, #dvPropInvoice #tblpopTableAttr tbody {
    border-right: 1px solid #e4e7ea;
}

#dvPropsales .proPopupInner, #dvProppurchase .proPopupInner, #dvProppurchase .proPopupInner, #dvPropInvoice .proPopupInner {
    padding: 10px 15px;
}

#TableReceivePaymentAccount .form-control.k-widget.decimal-field, .account-box-bill #TableReceivePaymentAccount .k-dropdown-wrap.k-state-border-down {
    border-bottom: 0px !important;
}

table#TableReceivePaymentAccount tbody.visible.active td input.decimal-field {
    border: 1px solid #ccc;
}

table#TableReceivePaymentAccount tbody.visible.active td span.k-dropdown-wrap.k-state-border-down {
    border-bottom: 1px solid #ccc !important;
}

table#myTableInvoice tbody td #Invoiceqty {
    min-width: 100px;
}

.table-responsive.popTable#poptablewrap, .table-responsive #tblpopTableAttr {
    border: none;
}

.proPopup.table-responsive#tblpopTableAttr input[type="text"], .proPopup.table-responsive#tblpopTableAttr input[type="number"] {
    border: none !important;
}

#tableOpenSalesInvoice #tdPaymentAmount .decimal-field, #tableOpenPurchaseInvoice #tdPaymentAmount .decimal-field {
    border-bottom: solid 1px #ccc;
}

#tblpopTableAttr span.k-numerictextbox {
    min-width: 100px;
}

#dvProppurchaseInvoice .col-sm-12 button, #dvProppurchase .col-sm-12 button {
    margin-bottom: 15px;
}

#dvProppurchaseInvoice .col-sm-12 button {
    margin-bottom: 10px;
    margin-top: 20px;
}

table#myTableSales tbody td input[type=text].k-formatted-value.form-control.description-input.k-input:focus, table#myTablePurchaseOrder tbody td input[type=text].k-formatted-value.form-control.description-input.k-input:focus, table#myTablePurchaseInvoice tbody td input[type=text].k-formatted-value.form-control.description-input.k-input:focus, table#TableReceivePaymentAccount tbody td input[type=text].k-formatted-value.form-control.description-input.k-input:focus, table#TablePaymentAccount tbody td input[type=text].k-formatted-value.form-control.description-input.k-input:focus, table#myJournalTable tbody td input[type=text].k-formatted-value.form-control.description-input.k-input:focus {
    border-color: #ccc;
}

table#myTableSales tbody td input.k-formatted-value.form-control.description-input.k-input, table#myTableInvoice tbody td input.k-formatted-value.form-control.description-input.k-input, table#myTablePurchaseOrder tbody td input.k-formatted-value.form-control.description-input.k-input, table#myTablePurchaseInvoice tbody td input.k-formatted-value.form-control.description-input.k-input, table#TableReceivePaymentAccount tbody td input.k-formatted-value.form-control.description-input.k-input, table#TablePaymentAccount tbody td input.k-formatted-value.form-control.description-input.k-input, table#myJournalTable tbody td input.k-formatted-value.form-control.description-input.k-input {
    width: 100%;
}

#myTableSales span.k-numeric-wrap span.k-select, #myTablePurchaseOrder span.k-numeric-wrap span.k-select, #myTablePurchaseInvoice span.k-numeric-wrap span.k-select, .receive-payment-original-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled:before, .receive-payment-received-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled:before, .receive-payment-open-balance span.k-numeric-wrap.k-expand-padding.k-state-disabled:before, .pay-payment-original-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled:before, .pay-payment-received-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled:before, .pay-payment-open-balance span.k-numeric-wrap.k-expand-padding.k-state-disabled:before, #TableReceivePaymentAccount span.k-numeric-wrap span.k-select, #myTableInvoice span.k-numeric-wrap span.k-select, #TablePaymentAccount span.k-numeric-wrap span.k-select, #TablePaymentAccount span.k-numeric-wrap.k-state-default:before, #myJournalTable span.k-numeric-wrap.k-state-default:before, #myJournalTable span.k-numeric-wrap span.k-select, #myTableUnAccountableInventory span.k-numeric-wrap span.k-select {
    display: none;
}

table#myTableSales tbody td input[type=text]:focus, table#myTableInvoice tbody td input[type=text]:focus, table#myTablePurchaseOrder tbody td input[type=text]:focus, table#myTablePurchaseInvoice tbody td input[type=text]:focus, table#TableReceivePaymentAccount tbody td input[type=text]:focus, table#TablePaymentAccount tbody td input[type=text]:focus, table#myJournalTable tbody td input[type=text]:focus {
    border-color: #ccc;
}

.sales-price-rate, .account-type, .sales-tax-category, .sales-cost, .preffered-vendor {
    display: inline-block;
}

#sale-service-content span.k-widget.k-numerictextbox.decimal-field.form-textBox, #purchase-service-content span.k-widget.k-numerictextbox.decimal-field.form-textBox {
    padding: 12px 0 0;
    border: 0 !important;
}

    #sale-service-content span.k-widget.k-numerictextbox.decimal-field.form-textBox span.k-numeric-wrap.k-state-default, #purchase-service-content span.k-widget.k-numerictextbox.decimal-field.form-textBox span.k-numeric-wrap.k-state-default, .receive-payment-original-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled, .receive-payment-received-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled, .receive-payment-open-balance span.k-numeric-wrap.k-expand-padding.k-state-disabled, .pay-payment-original-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled, .pay-payment-received-amount span.k-numeric-wrap.k-expand-padding.k-state-disabled, .pay-payment-open-balance span.k-numeric-wrap.k-expand-padding.k-state-disabled, #tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value span.k-numeric-wrap.k-state-default.k-expand-padding, #myTableProductItem span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value span.k-numeric-wrap.k-state-default.k-expand-padding, #tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value .k-input, #myTableProductItem span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value .k-input {
        border: 0 !important;
    }

#tblReceivePaymentTransaction input.k-formatted-value.form-control.receive-payment-original-amount.k-input, #tblReceivePaymentTransaction .qtyBorder, #tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value, #myTableProductItem input.k-formatted-value.form-control.receive-payment-original-amount.k-input, #myTableProductItem .qtyBorder, #myTableProductItem span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value, #tblCreditMemoTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value {
    padding: 0 !important;
    border: 0 !important;
}

table#myJournalTable .form-control.Paymenttxt.journal-entry-credit-amount.k-input, table#myJournalTable .form-control.Paymenttxt.journal-entry-debit-amount.k-input {
    border: 1px solid #ccc;
    padding: 0;
    text-indent: 0;
}

#TablePaymentAccount span.k-input input.k-formatted-value.form-control.pay-payment-amount-dollar.k-input {
    text-indent: 5px;
    padding: 0;
}

table#TablePaymentAccount tbody td input[type=text]:focus {
    padding: 0;
    text-indent: 10px;
}

table#TablePaymentAccount span span input.k-formatted-value.form-control.pay-payment-amount-dollar.k-input, table#TablePaymentAccount tbody td span span input[type=text]:focus {
    text-indent: 0;
}

#TablePaymentAccount .form-control.k-input.k-state-default.k-state-focused.k-state-hover.pay-payment-amount-dollar {
    padding: 0;
}

#WarehouseGrid i.fa {
    padding-right: 5px;
}

    #WarehouseGrid i.fa:last-child {
        padding-right: 0;
    }



.modal-details-expense #OpeningBalance, #topPayeeModalPopup #OpeningBalance, .modal-details-expense .vendor-details-opening-balance input.k-formatted-value.numerictxt.k-input, #topPayeeModalPopup .payee-information-opening-balance input.k-formatted-value.numerictxt.k-input {
    height: 30px !important;
}

#tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value span.k-numeric-wrap.k-state-default.k-expand-padding, #myTableProductItem span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value span.k-numeric-wrap.k-state-default.k-expand-padding {
    margin: 0 5px;
}

#tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value .k-input, #myTableProductItem span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value .k-input {
    border: 1px solid #ccc !important;
    transition: all 300ms linear 0s;
}



#amazonguidance h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
}

.amazonguidance img {
    display: inline-block;
    width: 100%;
    border: solid 1px #ccc;
}

.amazonguidance-steps {
    background: #eee;
    padding: 0px 20px 15px;
    border: solid 2px #ddd;
    font-size: 14px;
    margin-bottom: 30px;
}

    .amazonguidance-steps:first-child {
        padding: 0px 20px;
    }

/*#dvProppurchase .purchase-order-track input {
    display: block;
    border: 1px solid #ccc !important;
    width: 100%;
    min-width: 120px;
    max-width: none;
    background: #fff;
    padding: 0 10px;
    height: auto;
}

#dvProppurchaseInvoice .purchase-order-track input {
    display: block;
    border: 1px solid #ccc !important;
    width: 100%;
    min-width: 120px;
    max-width: none;
    background: #fff;
    padding: 0 10px;
    border-radius: 5px;
}

#dvProppurchase .purchase-order-track select.form-control, #dvProppurchaseInvoice .purchase-order-track select.form-control {
    height: 38px;
}

#dvProppurchase .purchase-order-track input.form-textBox, #dvProppurchaseInvoice .purchase-order-track input.form-textBox {
    padding: 7px;
}

#dvProppurchase .purchase-order-track textarea:focus, #dvProppurchase .purchase-order-track input[type=text]:focus, #dvProppurchase .purchase-order-track input[type=password]:focus, #dvProppurchaseInvoice .purchase-order-track textarea:focus, #dvProppurchaseInvoice .purchase-order-track input[type=text]:focus, #dvProppurchaseInvoice .purchase-order-track input[type=password]:focus {
    border-color: #ccc !important;
}*/

#tblReceivePaymentTransaction .qtyBorder {
    min-width: 165px;
}

#tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value {
    min-width: 145px;
}

    #tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value span.k-numeric-wrap.k-state-default.k-expand-padding {
        width: 100%;
        margin: 0;
    }

    #tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value .k-input {
        width: 100%;
        min-width: 145px;
    }

    #tblReceivePaymentTransaction span.k-widget.k-numerictextbox.Paymenttxt.edit-text-value span.k-numeric-wrap.k-state-default.k-expand-padding.k-numeric-wrap.k-state-default.k-state-focused .k-input:focus {
        border: 1px solid green !important;
        transition: all 300ms linear 0s;
    }

.editText .decimal-field#PurchasePercentDiscoutValue {
    border: 1px solid #ccc;
}

span.k-widget.k-numerictextbox.form-control.decimal-field span.k-numeric-wrap.k-state-default {
    padding: 0;
}

.profile-pic-img-text {
    font-size: 14px;
}

    .profile-pic-img-text input[type="radio"] {
        margin-right: 5px;
    }

.images-videos.white-bg {
    background: #fff;
    padding-bottom: 20px;
}

    .images-videos.white-bg #dvimglist > div > div.img-margin-bottom {
        margin: 15px 5px 15px 0px;
    }

div.panel-new {
    vertical-align: top;
}

.panel-new .panel-group {
    margin: 0;
}

    .panel-new .panel-group .panel.panel-default {
        background: transparent;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        margin-bottom: 0px;
    }

    .panel-new .panel-group .panel-heading {
        padding: 0;
        position: relative;
        text-align: left;
        border-radius: 4px;
        background: #03a9f3;
        color: #fff;
    }

    .panel-new .panel-group .collapse, .print-order-action .panel-group .collapse {
        position: absolute;
        background-color: #fff;
        z-index: 9;
    }

    .panel-new .panel-group .collapsing {
        z-index: 999;
        height: auto;
        overflow: initial;
        -webkit-transition: none;
        transition: none;
        display: none;
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height,visibility;
        -o-transition-property: height,visibility;
        transition-property: height,visibility;
    }

    .panel-new .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
        display: none;
    }

.panel-new .panel-body {
    padding: 0;
}

    .panel-new .panel-body button {
        background-color: #fff;
    }

        .panel-new .panel-body button:hover {
            background-color: #f7fafc;
        }

.panel-new .panel-group .collapse.show .panel-body {
    display: inline-block;
    border: 1px solid #333;
}

.panel-new .panel-group .collapse button.btn, .panel-new.print-order-action .panel-group .collapse a.btn {
    width: 100%;
    text-align: left;
    display: block;
    min-width: 150px;
    color: #262626;
    padding: 3px 5px;
    height: auto;
}

    .panel-new .panel-group .collapse button.btn:hover, .panel-new.print-order-action .panel-group .collapse a.btn:hover {
        background: #f7fafc;
    }

.panel-new .panel-body .btn + .btn {
    margin: 0;
}

.panel-new .panel-group .panel .panel-heading + .panel-collapse .panel-body, .print-order-action .panel-collapse .panel-body {
    display: inline-block;
    border: 0;
    margin-top: 5px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1) !important;
    padding: 8px 0;
}

.panel-new.transactions-part .panel-collapse .panel-body .btn, .panel-new .panel-group .collapse.panel-collapse .btn {
    padding: .8rem 24px;
}

.panel-new .panel .panel-heading .panel-title {
    font-size: 18px;
    color: #ffffff;
}

.panel-new .panel-group .panel-heading:after {
    position: absolute;
    right: 15px;
    top: 15px;
}

.panel-new .panel-group .panel .panel-heading a[data-toggle=collapse] {
    padding: 5px 35px;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
}

.panel-new.transactions-part.btn-group {
    min-width: 150px;
}

.panel-new.transactions-part .panel-group .panel-heading {
    background: #fff;
    color: #000;
}

.panel-new.transactions-part .panel .panel-heading .panel-title {
    color: #000;
}

.panel-new.transactions-part .panel-group .panel .panel-heading a[data-toggle=collapse] {
    padding: 5px 30px 5px 15px;
}

.panel-new.transactions-part .panel-group .collapse button.btn {
    border: 0;
}

.print-order-action .dropdown-toggle {
    float: right;
    padding: 0;
    background: transparent;
    border: 0;
}

.print-order-action .panel-group .collapse {
    z-index: 999;
    right: 15px;
    left: auto;
    top: 0;
}

.js-is-hidden {
    display: none;
}

#JournalEntrygrid td .panel-new.print-order-action.btn-group {
    margin-left: 15px;
}

.panel-new.print-order-action.btn-group {
    float: right;
    margin-right: 20px;
}

    .panel-new.print-order-action.btn-group .dropdown-toggle {
        height: auto;
        padding: 5px;
    }

.forreviewac .panel-body {
    border-radius: 5px;
    margin-top: 0 !important;
    padding: 10px !important;
}

.profit-loss-table-footer {
    display: table-header-group;
}

tr.gross-profit-section {
    font-weight: 500;
    background: #fff;
    color: #000;
}

    tr.gross-profit-section td.text-right {
        white-space: nowrap;
    }

    tr.gross-profit-section td {
        padding: 10px !important;
    }

        tr.gross-profit-section td.border-bottom-pl.border-top-pl {
            border-top: transparent;
        }

    tr.gross-profit-section.border-bottom-pl {
        border-bottom: transparent;
    }

thead.account-title-header {
    background: #f5f5f5;
}

td.border-bottom-pl.border-top-pl {
    border-top: 1px solid #000;
}

table.profit-loss > thead {
    border-bottom: 0px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.table-responsive {
    margin-bottom: 15px;
    overflow-x: auto;
    width: 100%;
}

    .table-responsive > .table {
        margin-bottom: 0;
    }

        .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
            white-space: nowrap;
        }

.panel-group {
    white-space: nowrap;
}

table.profit-loss tbody tr .full-width-profit-discounts td {
    padding: 0;
}

table.profit-loss tbody tr .full-width-profit-discounts td {
    padding: 0 0 0 10px;
}

thead.profit-loss-header {
    background: #212121;    
    color: #fff;
}

tbody.profit-loss-main-body {
    border: 1px solid #000;
}

.color-green {
    color: green;
}

.color-red {
    color: #ff4016;
}

.shippingmanagement-main i.fa.fa-shopping-cart, .shippingmanagement-main i.fa.fa-envelope {
    font-size: 16px;
    padding: 0 3px;
}

.shippingmanagement-main i.fa.fa-envelope {
    color: #c3c3c3;
}

.assets-section .heading-title-label, .liabilities-section .heading-title-label {
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
}

.assets-section tr.account-title-header {
    background: #fff;
    color: #000;
}

.assets-section .selected-tr td strong {
    color: #000;
    font-weight: 600;
}

.liabilities-section thead tr {
    background: #f8cbad;
}

.liabilities-section tr.account-title-header {
    background: #fce4d6;
    color: #548235;
}

.liabilities-section .selected-tr td strong {
    color: #cc5925;
    font-weight: 600;
}

.assets-section span.balance-sheet-layer-1, .liabilities-section span.balance-sheet-layer-1 {
    color: #000;
    text-decoration: none;
}

.border-top-total {
    border-top: 1px solid #ccc;
}

.assets-footer tr, .liabilities-footer tr {
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 0px double;
}

    .assets-footer tr strong, .liabilities-footer tr strong {
        font-weight: 600;
        font-size: 18px;
    }

.comp-name, .sheet-month-year, .currency-mode, thead.profit-loss-header .col-sm-12.text-center {
    font-size: 18px;
    font-weight: 500;
    padding: 5px 15px;
    border-left: 1px solid;
}

thead.profit-loss-header .col-sm-12.text-center {
    border: 0;
}

.comp-name i.fa, .sheet-month-year i.fa, .currency-mode i.fa {
    line-height: 24px;
}

.assets-section .full-width-table .label-value {
    width: 135px;
    padding-left: 0 !important;
}

.balance-sheet .table-child tr:last-of-type td.label-value {
    border: 0;
}

/*  #productCategoryListDiv.product-category-list a {
        padding: 0 15px 0 15px;
        margin-left: 0;
    }*/

#imgBaseImagePreview {
    max-width: 500px;
    width: 100%;
    float: left;
}

.products-table #productCategoryListGrid table tr td button.uk-close {
    -webkit-appearance: button;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    width: auto;
}

.products-table table tr td .product-category-list-submit button {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
}
    .products-table table tr td .product-category-list-submit button:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.products-category-table {
}

div#productCategoryListGrid.k-grid tr th:last-child, div#productCategoryListGrid.k-grid tr td:last-child {
    border-right: 1px solid #ccc !important;
}

div#productCategoryListGrid {
    width: 100%;
}

    div#productCategoryListGrid .k-grid-header th.k-header {
        padding-left: .6em;
        vertical-align: middle;
    }

div#productCategoryListSubmit {
    width: 150px;
}

.shipped-label {
    background: #6e6e6e;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

    .shipped-label label {
        margin: 0;
    }

#shippedModal #product-list .row.width100, #openOrderModal #product-list-openorder .row.width100, #cancelOrderModal #product-list-cancel .row.width100, #deliveredOrderModal #product-list-delivered .row.width100, #unholdOrderModal #product-list-unhold .row.width100, #holdOrderModal #product-list-hold .row.width100 {
    display: contents;
}

#shippedModal .modal-body, #openOrderModal .modal-body, #cancelOrderModal .modal-body, #deliveredOrderModal .modal-body, #unholdOrderModal .modal-body, #holdOrderModal .modal-body {
    padding: 15px;
}

.row.shipping-details-section {
    background-color: #e9f4fe;
}

.shipping-details-section h5 {
    margin: 9px 0;
    font-weight: 600;
    color: #000 !important;
}

#cancelOrderModal button#idCancel, #holdOrderModal button#idHold, #deliveredOrderModal button#idDelivered, #openOrderModal button#idOpen, #unholdOrderModal button#idUnhold {
    margin-right: 0.5rem;
}

#updateTrackingDialogBox .modal-body .row.width100 {
    border: 1px solid #bbc5ca;
    border-bottom: 0;
    line-height: 30px;
}

    #updateTrackingDialogBox .modal-body .row.width100 .col-md-9.col-sm-8 {
        border-right: 1px solid #bbc5ca;
    }

    #updateTrackingDialogBox .modal-body .row.width100:last-child {
        border-bottom: 1px solid #bbc5ca;
    }

    #updateTrackingDialogBox .modal-body .row.width100:first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    #updateTrackingDialogBox .modal-body .row.width100:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

#side-menu .nav-list-parent .nav-manu-item {
    height: auto;
    overflow-x: inherit;
}

#editShippingBatchPopupHtml .modal-dialog, #fundAddEditDialogBox .modal-dialog, #fundAddEditOrderDetailDialogBox .modal-dialog {
    margin: 5% auto;
    z-index: -1;
    padding-top: 0%;
    -webkit-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
}

#fundAddEditDialogBox .modal-footer-section, #fundAddEditOrderDetailDialogBox .modal-footer-section {
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
}

    #fundAddEditDialogBox .modal-footer-section button:hover, #fundAddEditOrderDetailDialogBox .modal-footer-section button:hover {
        border: 0;
        background: #2ca01c;
        opacity: .8;
        color: #fff;
    }

div#dvPropsales {
    padding-right: 0 !important;
    max-width: 1000px !important;
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 8px #666;
    z-index: 999999;
}

    div#dvPropsales .proPopupInner, #dvProppurchaseInvoice .proPopupInner {
        margin-bottom: 0px;
    }
/*-------------------- modal Css --------------------------*/
#editBatchEditDialogBox .modal-dialog {
    max-width: 980px;
    width: 100%;
}

#fundAddEditDialogBox .modal-dialog {
    max-width: 980px;
    width: 100%;
}

#editBatchEditDialogBox .modal-header button.close, #labelVoid .modal-header button.close, #upsConnect .modal-header button.close, #trackingDialogBox .modal-header button.close {
    color: #fff;
    opacity: 1;
}

#div-smtp-configuration .modal-header button.close, #editEmployeeTaxDialogBoxHtml .modal-header button.close, #editPayScheduleDialogBox .modal-header button.close, .inner-modal-popup button.close {
    opacity: 1;
}

.full-popup .modal-header button.close {
    opacity: 1;
    font-size: 32px;
    text-shadow: none;
    font-weight: 500;
    padding: 3px 0;
}


#editBatchEditDialogBox main.main {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    padding-top: 0px;
}

#editBatchEditDialogBox .modal-body-title, #trackingDialogBox .modal-body-title,
.batch-main-fest-modal .modal-body-title {
    background: #e1f1ed;
    padding: 15px;
    border: 1px solid #bbc5ca;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#editBatchEditDialogBox .modal-body-division, #trackingDialogBox .modal-body-division,
.batch-main-fest-modal .modal-body-division {
    padding: 15px 15px;
    border: 1px solid #bbc5ca;
    border-top: 0;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#editBatchEditDialogBox .modal-body-title label, #trackingDialogBox .modal-body-title label, .batch-main-fest-modal .modal-body-title label {
    color: #262626;
    font-weight: 500;
    font-size: 24px;
    margin: 0;
}

#editBatchEditDialogBox .succeeded-link, #trackingDialogBox .succeeded-link, .batch-main-fest-modal .succeeded-link {
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
}

#editBatchEditDialogBox .finished-text-section label, #editBatchEditDialogBox .finished-text-section p, #trackingDialogBox .finished-text-section label, #trackingDialogBox .finished-text-section p {
    font-weight: 600;
    font-size: 14px;
}

#editBatchEditDialogBox .finished-text-section p, #trackingDialogBox .finished-text-section p {
    color: #909090;
}

#editBatchEditDialogBox .finished-text-section i.fa, #editBatchEditDialogBox .right-labels-section i.fa, #trackingDialogBox .finished-text-section i.fa {
    width: 15px;
    text-align: center;
}

#editBatchEditDialogBox .right-labels-section,
.batch-main-fest-modal .right-labels-section {
    padding: 15px 0;
    display: inline-block;
    width: 100%;
}

    #editBatchEditDialogBox .right-labels-section a,
    .batch-main-fest-modal .right-labels-section a {
        border: 1px solid #333;
        padding: 5px 10px;
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
        border-radius: 5px;
        color: #000;
    }

        #editBatchEditDialogBox .right-labels-section a:hover,
        .batch-main-fest-modal .right-labels-section a:hover,
        #editBatchEditDialogBox .right-labels-section button.btn.btn-primary.dropdown-toggle:hover,
        .batch-main-fest-modal .right-labels-section button.btn.btn-primary.dropdown-toggle:hover {
            background: rgb(11, 181, 175);
            background: linear-gradient(90deg, rgba(11, 181, 175, 1) 0%, rgba(61, 197, 114, 1) 100%);
            border-color: #0bb5af;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            opacity: 1;
        }

    #editBatchEditDialogBox .right-labels-section button.btn.btn-primary.dropdown-toggle,
    .batch-main-fest-modal .right-labels-section button.btn.btn-primary.dropdown-toggle {
        background: #fff;
        color: #000;
        width: 100%;
        text-align: left;
        border-color: #000;
        margin-bottom: 10px;
        padding: 6px 10px;
        border-radius: 5px;
    }

    #editBatchEditDialogBox .right-labels-section .dropdown-menu,
    .batch-main-fest-modal .right-labels-section .dropdown-menu {
        padding: 0;
        margin: 0;
        top: 34px;
        width: 100%;
        border-color: #000;
    }

        #editBatchEditDialogBox .right-labels-section .dropdown-menu a,
        .batch-main-fest-modal .right-labels-section .dropdown-menu a {
            border-radius: 0;
            border: 0;
            margin-bottom: 0;
        }

            #editBatchEditDialogBox .right-labels-section .dropdown-menu a:hover,
            .batch-main-fest-modal .right-labels-section .dropdown-menu a:hover {
                background: #0071dc;
                border-radius: 0;
                color: #fff;
            }

#editBatchEditDialogBox .modal-footer {
    text-align: left;
}

#editBatchEditDialogBox .batch-image-section {
    font-size: 66px;
    padding: 0 15px;
    border-left: 15px solid #eeeeee;
    color: #e0e0e0;
    text-align: center;
}

#editBatchEditDialogBox .batch-text-section h3 {
    font-size: 22px;
    color: #000;
}

#editBatchEditDialogBox .batch-text-section p {
    color: #969696;
}

#editBatchEditDialogBox .batch-text-section a {
    font-weight: 600;
}
/*-------------------- Guage Chart Css --------------------------*/
.gauge .dxg-value-indicator .dxg-spindle-hole {
    fill: #d2d2d2;
}

.gauge .dxg-value-indicator .dxg-spindle-border {
    fill: #000;
}

.gauge .dxg-value-indicator {
    fill: #000000;
}

.gauge-container, .finished-text-section {
    padding: 0;
    margin-top: 15px;
}

.finished-text-section > label {
    font-size: 16px !important;
}
.finished-text-section p {
    font-weight: normal !important;
    margin-top: 5px;
    margin-bottom: 0px;
}

.color-red {
    stop-color: #e23131;
}

.color-yellow {
    stop-color: #fbe500;
}

.color-green {
    stop-color: #25cd6b;
}

.gradient-mask {
    visibility: hidden;
}

.gauge-container {
    display: flex;
    justify-content: space-around;
}

.gauge {
    height: 220px;
    width: 300px;
}

    .gauge .dxg-range.dxg-background-range {
        fill: #6ba03a;
        d: path("M 276 156 A 112 115 0 1 0 26 160 L 40 161 A 109 110 0 1 1 260 156 Z");
    }

    .gauge .dxg-line {
        -webkit-transform: scaleX(1.04) scaleY(1.03) translate(-4px, -4px);
        transform: scaleX(1.04) scaleY(1.03) translate(-4px, -4px);
    }

        .gauge .dxg-line path:first-child, .gauge .dxg-line path:last-child {
            display: none;
        }

        .gauge .dxg-line path:nth-child(2), .gauge .dxg-line path:nth-child(6) {
            stroke: #ed811c;
        }

        .gauge .dxg-line path:nth-child(3), .gauge .dxg-line path:nth-child(5) {
            stroke: #a7db29;
        }

        .gauge .dxg-line path:nth-child(4) {
            stroke: #25cd6b;
        }

    .gauge .dxg-elements text:first-child {
        -webkit-transform: translate(19px, 13px);
        transform: translate(19px, 13px);
    }

    .gauge .dxg-elements text:last-child {
        -webkit-transform: translate(-27px, 14px);
        transform: translate(-27px, 14px);
    }

    .gauge .dxg-value-indicator path {
        -webkit-transform: scale(1.2) translate(0, -5px);
        transform: scale(1.2) translate(0, -5px);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    .gauge .dxg-value-indicator .dxg-title {
        text-transform: uppercase;
    }

        .gauge .dxg-value-indicator .dxg-title text:first-child {
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
        }

    .gauge .dxg-value-indicator .dxg-spindle-border:nth-child(4), .gauge .dxg-value-indicator .dxg-spindle-hole:nth-child(5) {
        -webkit-transform: translate(0, -109px);
        transform: translate(0, -109px);
    }

    .gauge .dxg-value-indicator .dxg-spindle-hole {
        fill: #26323a;
    }

.bottom-notes-section {
    border-top: 1px solid #bbc5ca;
}

    .bottom-notes-section span {
        font-size: 18px;
        color: #6ba03a;
        border-bottom: 2px dashed;
        margin-left: 5px;
    }

.gauge .gauge-arrow, .gauge .gauge-arrow:before {
    background: #ff0000;
}

.gauge-green.gauge:before {
    border-color: #008000;
}

#fundAddEditDialogBox .bottom-notes-section, #fundAddEditOrderDetailDialogBox .bottom-notes-section {
    border: 1px solid #bbc5ca;
    line-height: 24px;
}

#fundAddEditDialogBox .bottom-dashed-section, #fundAddEditOrderDetailDialogBox .bottom-dashed-section {
    border: 1px dashed #bbc5ca;
    border-top: 0;
    line-height: 24px;
}

    #fundAddEditDialogBox .bottom-dashed-section.border-right-0, #fundAddEditOrderDetailDialogBox .bottom-dashed-section.border-right-0 {
        border-right: 0;
    }

    #fundAddEditDialogBox .bottom-dashed-section.border-left-0, #fundAddEditOrderDetailDialogBox .bottom-dashed-section.border-left-0 {
        border-left: 0;
    }

    #fundAddEditDialogBox .bottom-dashed-section label, #fundAddEditOrderDetailDialogBox .bottom-dashed-section label {
        margin: 5px 0;
    }

#fundAddEditDialogBox .right-labels-section, #fundAddEditOrderDetailDialogBox .right-labels-section {
    float: right;
}

    #fundAddEditDialogBox .right-labels-section a, #fundAddEditOrderDetailDialogBox .right-labels-section a {
        float: right;
        line-height: 14px;
        padding-left: 5px;
        font-size: 14px;
        font-weight: 500;
        margin-top: 3px;
        padding: 5px;
        border: 1px solid;
        border-radius: 5px;
        margin-left: 10px;
        vertical-align: middle;
        width: 100px;
    }

#fundAddEditDialogBox .text-right i.fa.fa-dollar, #fundAddEditOrderDetailDialogBox .text-right i.fa.fa-dollar {
    margin-top: 10px;
}

#fundAddEditDialogBox .right-labels-section a, #fundAddEditOrderDetailDialogBox .right-labels-section a {
    padding: 1px;
}

#fundAddEditDialogBox .right-labels-section input#addFund, #fundAddEditDialogBox .right-labels-section input#addDate, #fundAddEditOrderDetailDialogBox .right-labels-section input#addFund, #fundAddEditOrderDetailDialogBox .right-labels-section input#addDate {
    text-align: right;
    height: auto;
    border: 0;
    padding: 5px 5px;
}

#fundAddEditDialogBox .additional-fund-section label, #fundAddEditDialogBox .date-section label, #fundAddEditOrderDetailDialogBox .additional-fund-section label, #fundAddEditOrderDetailDialogBox .date-section label {
    margin: 7px 0 0;
}

#fundAddEditDialogBox .date-section i.fa.fa-calendar, #fundAddEditOrderDetailDialogBox .date-section i.fa.fa-calendar {
    margin-left: 10px;
}

#fundAddEditOrderDetailDialogBox .modal-dialog {
    max-width: 850px !important;
}

#fundAddEditOrderDetailDialogBox .modal-header {
    padding-bottom: 10px;
}

#fundAddEditOrderDetailDialogBox .modal-body {
    margin-top: 60px;
}

#fundAddEditOrderDetailDialogBox .modal-footer {
    background: transparent;
    padding: 15px;
}

.greb-cloud-register-page .login-box {
    display: block;
}

.succeeded-link p.process-text, .succeeded-link p.process-text i.fa-check, .succeeded-link p.process-text a {
    color: #FFC107;
}

.succeeded-link p.success-text, .succeeded-link p.success-text i.fa-check, .succeeded-link p.success-text a {
    color: green;
}

.succeeded-link p.fail-text, .succeeded-link p.fail-text i.fa-check, .succeeded-link p.fail-text a {
    color: red;
}

.fail-text .fa-refresh {
    color: #A6A6A6;
}

    .fail-text .fa-refresh:hover {
        color: #000;
    }

.succeeded-link p.fail-text a, .succeeded-link p.success-text a, .succeeded-link p.process-text a {
    text-decoration: underline;
}

.shippingmanagement-main .sidebar-right {
    padding: 0;
    float: right;
}

    /*.pending-shipment-orders .shippingmanagement-main .sidebar-right {
    padding: 0;
    float: right;
}*/

    .shippingmanagement-main .sidebar-right .form-check {
        /* font-weight: 600;
    color: #000;
    border: 1px solid #bbc5ca;*/
        padding: 8px 10px;
        border-radius: 5px;
        /* background: #fff;*/
    }

    .shippingmanagement-main .sidebar-right .chk-box {
        font-size: 11px;
        width: 14px;
        height: 14px;
        margin-left: 7px;
    }

    .shippingmanagement-main .sidebar-right .checkbox:checked + .chk-box::after {
        font-size: 11px;
    }

.scrollTable .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    background: #fff;
    margin: 0px !important;
}

.scrollTable .k-grid-content {
    overflow-y: auto;
}

.shipments-filter-bar .btn-group, .shipments-filter-bar .dropdown.bc {
    background: rgb(11, 181, 175);
    background: linear-gradient(90deg, rgba(11, 181, 175, 1) 0%, rgba(61, 197, 114, 1) 100%);
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    max-height: 41px;
    vertical-align: middle;
    line-height: 21px;
}

    .shipments-filter-bar .btn-group:hover, .shipments-filter-bar .dropdown.bc:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.shipments-filter-bar .btn-cal-filter::after {
    border-top: 6px solid #fff;
}

    .shipments-filter-bar .btn-group a.btn:not([href]):not([tabindex]) {
        color: #ffffff;
    }

    .shipments-filter-bar .btn-group a.btn {
        display: inline-block;
        background: transparent !important;
        border: transparent !important;
    }

.shippingmanagementorders-main .dropdown-menu > li > a {
    padding: 5px 15px 5px 15px;
    border-bottom: 0;
}

/* .shippingmanagementorders-main .dropdown-menu {
        border-color: transparent;

    }*/

.shipp-main .btn-group.ship-btn-group a#btnCreateLabelMulti, .shipp-main .btn-group.ship-btn-group a#btnUpdateSelectOrders {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
}

    .shipp-main .btn-group.ship-btn-group a#btnCreateLabelMulti:hover, .shipp-main .btn-group.ship-btn-group a#btnUpdateSelectOrders:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.all-orders-filter-bar .search-box.shipmentSearch.all-orders-search {
    width: 50%;
    float: left;
}

.all-orders-filter-bar select#ddlOrderStatus {
    border-radius: 5px;
    width: 48%;
    float: right;
    height: 41px;
}

.btn-group.ship-btn-group {
}

.top-fiter-container .dropdown.bc .btn-cal-filter {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    padding: 7px 15px 7px 7px;
    background: #fff;
    height: 41px;
}

    .top-fiter-container .dropdown.bc .btn-cal-filter:hover {
        background: #fff;
    }

.product-font {
    font-size: 20px;
}

.p-15-bottom {
    padding-bottom: 15px;
}

.buy-box-image {
    display: block !important;
    max-width: 250px !important;
}

#listView {
    padding: 0px 1px 0px 1px;
    margin-bottom: -1px;
    min-height: 510px;
    font: inherit;
}

.product-list-reorder-div #test_btn, .reorder button.grid-view, .reorder button.list-view {
    float: none;
}

.product-list-reorder-div .btn-info:not(.product-button):hover {
    border: 0;
}

.product-list-reorder-div button:hover {
    color: #fff;
}

.multi-select-popup .form-control {
    border-color: #bbb5ca;
    border-radius: 5px;
    height: 32px;
    padding: 0 10px;
}

    .multi-select-popup .form-control.form-text-order {
        padding-right: 0px;
        width: 82%;
    }

#ListViewGrid .product .footer-images-product .dropdown img {
    width: 20px;
    height: auto;
}

#listViewEditBtn .dropdown img {
    width: 20px;
    height: 20px;
}

/*    #ListViewGrid .product .footer-images-product .dropdown img:hover, */ 
#listViewEditBtn .dropdown img:hover {
        box-shadow: -1px 2px 5px 0px rgba(140,140,140,0.75);
        -webkit-box-shadow: -1px 2px 5px 0px rgba(140,140,140,0.75);
        -moz-box-shadow: -1px 2px 5px 0px rgba(140,140,140,0.75);
        border-radius: 5px;
    }

.footer-images-product .dropdown {
    float: left;
    margin-right: 10px;
}

    .footer-images-product .dropdown:last-child {
        margin-right: 0;
    }

#listViewEditBtn.edit-buttons.footer-images-product h4 {
    float: none;
    padding: 0;
}

#listViewEditBtn {
    float: right;
    width: 45px;
    margin-top: -155px;
    text-align: center;
}

    #listViewEditBtn .dropdown {
        text-align: center;
        float: right;
    }

        #listViewEditBtn .dropdown img {
            float: none;
            text-align: center;
            margin: 0 auto;
            max-width: 15px !important;
            max-height: 15px !important;
            width: 100%;
            border: 1px solid green;
            padding: 2px;
        }

    #listViewEditBtn h4 {
        float: right;
    }

#labelVoid .modal-dialog {
    max-width: 750px;
}


.pending-shipment-orders #col-menu .k-icon.k-i-more-vertical {
    width: 75px;
    height: 41px;
    padding: 0px 5px;
    box-sizing: border-box;
    background: #e1f1ed;
    border: #ccc solid 1px;
    font-family: Roboto, sans-serif !important;
    color: #000;
    opacity: 1;
    border-radius: 5px;
}

    .pending-shipment-orders #col-menu .k-icon.k-i-more-vertical:focus {
        border: #000 solid 1px;
    }
    /* #col-menu .k-icon.k-i-more-vertical {
        padding: 5px;
        font-size: 18px;
        content: "\e030";
        border: 1px solid #0071DC;
        border-radius: 5px;
        margin-bottom: -1px;
        opacity: 1;
        background-image: none;
    }*/
    .pending-shipment-orders #col-menu .k-icon.k-i-more-vertical:before {
        /* content: "\e13a"; */
        content: "Columns";
        text-indent: 0 !important;
        font-size: 14px;
        line-height: 16px;
        color: #000;
        width: 60px;
        opacity: 1;
    }

.scrollTableFixedHeight .k-grid-content {
    min-height: 221px;
    max-height: 643px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

div#BuyBoxTab .scrollTableFixedHeight .k-grid-content {
    border-left: #ccc solid 0px;
    border-right: #ccc solid 0px;
    border-bottom: #ccc solid 0px;
}

div#BuyBoxTab .scrollTableFixedHeight .k-grid-header {
    border-left: 0px !important;
}

#dvSubv .proPopupInner.margin-bottom-zero .proPopClose {
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #020202;
    text-shadow: 0 1px 0 #000;
    opacity: .6;
}

#dvSubv .proPopupInner.margin-bottom-zero .popTable th {
    color: #040404;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: inherit;
    padding: 10px 15px;
    border-bottom: 0;
    border-left: 1px solid #ccc;
    border-top: 0;
    background: #e4e7ea;
    font-size: 16px;
}

#dvSubv .proPopupInner.margin-bottom-zero .popTable td input {
    height: calc(3.25rem);
}

    #dvSubv .proPopupInner.margin-bottom-zero .popTable td input:focus {
        border: 1px solid #ccc;
        height: calc(3.25rem);
    }

#dvSubv .proPopupInner.margin-bottom-zero button#btnaddBoxdata {
    float: left;
}

#dvSubv .proPopupInner.margin-bottom-zero button#btnsaveBoxdata {
    float: right;
}

.multi-select-popup .sold-to-main.sold-to-Info .col-md-3 {
    font-size: 14px;
    color: #000;
    vertical-align: middle;
}

.multi-select-popup .input-sm {
    font-size: 13px;
    color: #000;
}

.multi-select-popup .input-group-btn-vertical.main-new-add-3 {
    right: 18%;
}

.white-box.products-table .tab-content {
    margin-top: 0;
}

div#payeedata {
    overflow: auto;
    max-height: 596px;
    height: auto;
    margin-top: 15px;
}

.shipments-filter-bar .form-control#Stores {
    height: 41px;
}

.OrdersShipment .products-table {
    margin: 15px;
}

.fulfillment .storesbox img {
    max-width: 100px;
    margin: 0 auto;
}

.row-selection tr.k-state-selected, .row-selection tr.k-state-selected:hover td {
    background: rgb(219, 225, 231);
}

.vendor-dropdown {
    margin: 0 10px;
    border: #ccc 1px solid;
    border-radius: 5px !important;
    height: 41px;
    background: #fff;
}

    .vendor-dropdown span.k-widget.k-combobox.k-header.k-combobox-clearable {
        padding: 0;
    }

        .vendor-dropdown span.k-widget.k-combobox.k-header.k-combobox-clearable span.k-dropdown-wrap.k-state-default {
            padding: 0;
            border-radius: 5px !important;
        }

        .vendor-dropdown span.k-widget.k-combobox.k-header.k-combobox-clearable input.k-input {
            border: 1px solid #ccc;
            border-radius: 5px !important;
        }

        .vendor-dropdown span.k-widget.k-combobox.k-header.k-combobox-clearable span.k-select {
            padding-right: 0;
        }

    .vendor-dropdown .k-i-arrow-60-down {
        background: none;
        padding: 0;
    }

.vendor-dropdown span.k-dropdown-wrap.k-state-default {
    height: 41px;
}

.reorder button.grid-view, .reorder button.list-view {
    padding: 0 2px 0 6px;
    width:40px;
}

.product-list-reorder-div .selate-box, .product-list-reorder-div .pull-right {
    max-width: 100%;
    float: left !important;
}

.product-list-reorder-div .pull-right {
    margin-top: 10px;
}

.shipments-left .form-text-order {
    width: 100%;
}

.vendor-tabs .tab-content#Div3 .tab-pane, .vendor-tabs .tab-content#myTabContent .tab-pane {
    overflow-y: auto !important;
    max-height: 330px !important;
    background: #fff;
    /*padding: 10px 15px;*/
}

.orderManagement .k-grid-header, .customerList .k-grid-header {
    padding-right: 0px;
    border-left: 0px;
}

    .orderManagement .k-grid-header .k-grid-header-wrap table tr th span {
        font-weight: 300;
        color: #000;
    }

span.listing-store-name {
    display: block;
    white-space: nowrap;
}

#temporaryProductGrid .k-grid-header {
    padding-right: 14px;
    background: #f5faff;
}

.customerList .k-grid-header {
    padding-right: 8px;
}

.borderTextBox.vendor-dropdown {
    margin: 0;
    margin-right: 5px;
    width: 25%;
}

select#activeInActiveList,
select#searchProductCategory {
    margin-right: 5px;
}

.multi-select-dropdown-field .k-widget.k-multiselect {
    border: 1px solid #ccc !important;
    display: inline-block;
    width: 100%;
    min-height: 38px;
    height: auto;
    position: relative;
}

    .multi-select-dropdown-field .k-widget.k-multiselect:after {
        content: '';
        width: 5px;
        height: 5px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 7px solid #565656;
        position: absolute;
        right: 5px;
        top: 15px;
    }

.multi-select-dropdown-field.k-multiselect-wrap.k-floatwrap {
    min-height: 37px;
}

.multi-select-dropdown-field .form-control.k-header.k-multiselect.k-multiselect-clearable.k-state-focused.k-widget, .multi-select-dropdown-field .k-header.k-multiselect.k-multiselect-clearable.k-state-focused.k-widget {
    border-color: #2ca01c !important;
}

.multi-select-dropdown-field .k-multiselect-wrap ul li.k-button span span.k-icon.k-i-close:before {
    text-indent: 0 !important;
}

.multi-select-dropdown-field .k-multiselect-wrap li {
    margin: 8px 0 0px 6px;
    padding: 0 1.6em 0 .857em;
}

.multi-select-dropdown-field .k-multiselect-wrap .k-input {
    height: 37px;
}

.multi-select-dropdown-field .k-multiselect > .k-multiselect-wrap > .k-i-close {
    margin-right: 20px;
}

.gauge:before {
    border: 0.1em solid #008000 !important;
    clip: rect(auto, auto, 1em, auto);
}

#editBatchEditDialogBox .modal-footer-section {
    width: 100%;
}

#purchaseInvoice .summart-part, #receipt-order .summart-part, #exampleModalinvoice .summart-part {
    margin-top: 20px;
}

#ListViewGrid .menudropdown, #ListViewGrid .editmenudropdown, #ListViewGrid .submenudropdown {
    float: left;
    width: auto;
    display: inline-block;
}

#grid .menudropdown, #grid .editmenudropdown, #grid .submenudropdown {
    width: 100%;
    text-align: center;
    border-radius: 50px;
}

    #grid .menudropdown a, #grid .editmenudropdown a, #grid .submenudropdown a {
        color: #fff;
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        padding: 5px 1px;
        font-size: 14px;
        text-align: center;
        display: block;
        border-radius: 50px;
        transition: all 0.3s;
    }

        #grid .menudropdown a:hover, #grid .editmenudropdown a:hover, #grid .submenudropdown a:hover {
            background: rgb(61,197,114);
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
            transition: all 0.3s;
        }

    #grid .menudropdown div i.fa:hover, #grid .editmenudropdown div i.fa:hover, #grid .submenudropdown div i.fa:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

#ListViewGrid .menudropdown {
    margin: 0 5px;
}

#grid .menudropdown {
    margin: 5px 0;
}

    #grid .menudropdown img, #grid .editmenudropdown img, #grid .submenudropdown img {
        max-width: 35px;
    }

#DispMenuDropdown a.action-header {
    background: transparent !important;
    text-align: center;
    font-weight: 900;
    padding: 0px 0px 6px 0px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 15px;
}

#DispMenuDropdown button.product-button {
    width: 100%;
    margin-bottom: 3px;
}

.shipments-left {
    float: left;
    width: 100%;
}

.shipments1 {
    width: 100%;
    display: block;
}

    .shipments1 ul li {
        list-style: none;
        float: left;
    }

        .shipments1 ul li div button.btn.btn-primary.dropdown-toggle {
            border: solid 1px #bbc5ca;
            margin-right: 2px;
            padding: 4px 5px;
            border-radius: 2px;
            font-size: 14px;
            margin-top: 0;
            color: #000;
            height: auto;
        }

        .shipments1 ul li div ul.dropdown-menu {
            right: 0;
            left: auto;
        }

            .shipments1 ul li div ul.dropdown-menu li {
                float: left;
                width: 100%;
            }

    .shipments1 ul.dropdown-menu {
        padding: 10px 0;
    }

    .shipments1 ul li div ul.dropdown-menu li a {
        border: 0;
        margin: 0;
        padding: 10px;
        float: left;
        width: 100%;
        padding: 2px 10px;
    }

        .shipments1 ul li div ul.dropdown-menu li a:hover {
            color: #339aff !important;
            background: #fff;
        }

    .shipments1 ul li div button.btn.btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }

#topMenuAllPopup .form-group.sendleft, #topInvoiceModalPopup .form-group.sendleft, #topPurchaseModalPopup .form-group.sendleft, #topPurchaseInvoiceModalPopup .form-group.sendleft {
    float: left;
}

#topMenuAllPopup .balance-right, #topInvoiceModalPopup .balance-right, #topPurchaseModalPopup .balance-right, #topPurchaseInvoiceModalPopup .balance-right, #topInvoiceModalPopup .top-order-num .borderTextBox {
    text-align: left;
}

#customer-section .form-textBox, #customer-section .form-textArea, #customer-section .Numerictxt, #customer-section .borderTextBox label, #customer-section .information-tabs .nav-item a, #customer-section select.form-control:not([size]):not([multiple]), #customer-section .lm-margni, #receipt-order .balance-right.balance-right .balance, #exampleModalinvoice .balance-right.balance-right .balance, #receivepayment .balance-right.balance-right .balance, #purchase-order .balance-right.balance-right .balance, #purchaseInvoice .balance-right.balance-right .balance, #exampleModalBills .balance-right.balance-right .balance, .modal-details-expense #OpeningBalance, #topPayeeModalPopup #OpeningBalance, .modal-details-expense .vendor-details-opening-balance input.k-formatted-value.numerictxt.k-input, #topPayeeModalPopup .payee-information-opening-balance input.k-formatted-value.numerictxt.k-input, .top-order-num span {
    line-height: 22px;
}

#topMenuAllPopup .balance-right.balance-right .balance, #topInvoiceModalPopup .balance-right.balance-right .balance, #topPurchaseModalPopup .balance-right.balance-right .balance, #topPurchaseInvoiceModalPopup .balance-right.balance-right .balance, .top-order-num span {
    float: left;
    padding-right: 5px;
    line-height: 19px;
}

#topMenuAllPopup .balance-right.balance-right .due-bill, #topInvoiceModalPopup .balance-right.balance-right .due-bill, #topPurchaseModalPopup .balance-right.balance-right .due-bill, #topPurchaseInvoiceModalPopup .balance-right.balance-right .due-bill {
    clear: inherit;
    vertical-align: top;
    word-break: break-all
}

#topMenuAllPopup .order-read-font, #topMenuAllPopup .due-bill, #topInvoiceModalPopup .order-read-font, #topInvoiceModalPopup .due-bill, #topPurchaseModalPopup .order-read-font, #topPurchaseModalPopup .due-bill, #topPurchaseInvoiceModalPopup .order-read-font, #topPurchaseInvoiceModalPopup .due-bill, .top-order-num div#SalesFullOrderId, .top-order-num #PurchaseFullOrderId {
    font-size: 16px;
    line-height: 1.43;
}

    #topMenuAllPopup .due-bill label#lblBalanceDue, #topPurchaseModalPopup .due-bill label#lblBalanceDuePurchase, #topPurchaseInvoiceModalPopup .due-bill label#balandeduelabel, #topInvoiceModalPopup .due-bill label#labelBalanceDue, #topInvoiceModalPopup .due-bill label#LabelAmount {
        margin-top: 0px;
        font-weight: 600;
    }

    #topInvoiceModalPopup .due-bill label#lblBalanceDue {
        margin-top: 0px !important;
    }

#topMenuAllPopup .panel .panel-body, #topInvoiceModalPopup .panel .panel-body, #topPurchaseModalPopup .panel .panel-body, #topPurchaseInvoiceModalPopup .panel .panel-body {
    padding: 0;
}

#topMenuAllPopup .vendor-tabs.receipt-part {
    padding-top: 0;
    width: 100%;
}

#exampleModalinvoice .modal-header.custom-color .accountdiv.borderTextBox {
    margin: 0;
}

#exampleModalinvoice .modal-header.custom-color {
    padding-top: 10px;
}

.bill-part1.show-main.padding20 .panel-group {
    margin-bottom: 5px;
}

.manage_email_btns .save-button {
    text-align: right;
}

#emailDialogBox .modal-body {
    padding: 0;
}

    #emailDialogBox .modal-body .form-group {
        margin: 25px 0;
    }

span#divErrorIndustryName {
    padding: 3px 5px;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
}

#employeeAdditionDialogBox .demo-section.k-content.scrollDialog {
    display: block;
    max-height: calc(100vh - 180px);
}

    #employeeAdditionDialogBox .demo-section.k-content.scrollDialog .demo-section.PaymentDetail {
        padding: 15px 10px;
    }

.order-popup-shipmennt .form-control {
    color: #000000;
    font-weight: 500;
}

#exportProductForm .modal-body .export-table {
    padding: 0px 15px 0;
}

#exportProductForm .modal-body {
    display: inline-block;
    width: 100%;
}

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

.top-order-num div#SalesFullOrderId, .top-order-num div #PurchaseFullOrderId {
    padding: 0;
    height: auto;
}

.top-order-num span {
    font-size: 17px;
}

#warehouse .Customers-table {
    padding: 10px;
    background: #fff;
    margin-top: 15px;
}

.vertical-tabs1 #employeetax .btn.btn-save, .vertical-tabs1 #PaySchedule .btn.btn-save, .vertical-tabs1 #SmtpSetting .btn.btn-save, .vertical-tabs1 #taxgroup .btn.btn-save, .vertical-tabs1 #employeetype .btn.btn-save {
    margin: 10px 0 !important;
}

.vertical-tabs1 .Company-type label {
    font-weight: 900;
}

.sttabs .vertical-tabs1 {
    font-weight: 500;
}

#through-price .cont-to-cancel button {
    padding: 5px 15px;
}



.information-tabs div#menu3 .exemption-tax {
    overflow: inherit;
}

button.btn.btn-sm.btn-void {
    background: green;
    font-size: 10px;
    padding: 4px 5px;
    color: #fff;
}

ul.dropdown-menu.mega-dropdown-menu.animated.bounceInDown.setting-main {
    left: auto;
    right: 2px;
    width: 262px;
    padding: 0;
}

/*#CustomerTransactiongrid p.col-5, #VendorAccountTransactingrid p.col-5 {
    float: right;
    margin: 0;
    width: auto;
    font-weight: 600;
}

#CustomerTransactiongrid .col-5 span, #VendorAccountTransactingrid .col-5 span {
    float: left;
    font-weight: 600;
}

    #CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 14%;
    }

#CustomerTransactiongrid span.total-debit.tt-cc.text-center, #VendorAccountTransactingrid span.total-debit.tt-cc.text-center {
    float: none;
}

#CustomerTransactiongrid span.total-debit.tt-cc.float-left, #VendorAccountTransactingrid span.total-debit.tt-cc {
    float: right !important;
    width: 133px;
    height: 24px;
    margin: 0;
}*/

div#WarehouseGrid .k-grid-header th:last-child, div#WarehouseGrid tbody tr td:last-child, div#employeeTaxGrid .k-grid-header th:last-child, div#employeeTaxGrid tbody tr td:last-child, div#payScheduleGrid .k-grid-header th:last-child, div#payScheduleGrid tbody tr td:last-child, div#SmtpSettingGrid .k-grid-header th:last-child, div#SmtpSettingGrid tbody tr td:last-child, div#taxGroupGrid .k-grid-header th:last-child, div#taxGroupGrid tbody tr td:last-child, div#employeeTypeGrid .k-grid-header th:last-child, div#employeeTypeGrid tbody tr td:last-child {
    border-right-width: 1px !important;
}

/*#Compnaygrid button#textButton, #Compnaygrid button#btnActive, #Compnaygrid #btnInActive, .batch-actions-link button {
    font-size: 15px;
    font-weight: 400;
}*/

.shippingmanagement.shipping-main tr td, .shippingmanagement.shipping-main tr th {
    font-size: 14px;
}

.editText span.k-widget.k-numerictextbox.width78.form-control.decimal-field.font-bold span.k-numeric-wrap.k-state-default, #SalesNumerictxt span.k-numeric-wrap.k-state-default {
    height: 37px;
}

.font-bold .form-control {
    font-weight: 600;
    font-size: 13px;
}

#topMenuAllPopup .balance-right.balance-right .due-bill label#lblBalanceDues {
    margin: 0;
    font-weight: 600;
}

.enablediv .companyadd {
    margin-bottom: 2px;
}

.enablediv .form-control {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 0 10px;
}

#HideCustomerFacing, #HideLegal {
    padding: 0;
}

    #comp-address .pad-0, #HideCustomerFacing .pad-0, #HideLegal .pad-0 {
        padding: 0;
    }

.user-information-list .page-title h2, .hot-deals-page .page-title h2, .best-seller-page .page-title h2, .todays-deal-page .page-title h2, .event-page .page-title h2, .user-information-list-edit-user .page-title h2 {
    margin: 0;
}
.select2-search__field::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

/* For cross-browser compatibility */
.select2-search__field::-webkit-input-placeholder {
    color: #000 !important;
}

.select2-search__field::-moz-placeholder {
    color: #000 !important;
}

.select2-search__field:-ms-input-placeholder {
    color: #000 !important;
}

.select2-search__field::-ms-input-placeholder {
    color: #000 !important;
}


.select-cat-drop {
    position: relative
}

    .select-cat-drop:before {
        content: "\f107";
        position: absolute;
        font: normal normal normal 20px/1 FontAwesome;
        color: #000;
        right: 19px;
        top: 10px;
        z-index: 11;
    }

    .select-cat-drop input {
        font-size: 14px !important;
        margin-top: 6px !important;
        line-height: 25px;
    }

    .select-cat-drop .select2-container--default.select2-container--focus .select2-selection--multiple {
        background: #fff;
        color: #fff;
        border: 1px solid #ccc;
    }

    .select-cat-drop .select2-container--default .select2-selection--multiple {
        background: #fff;
        color: #000;
       /* border: 1px solid #ccc;*/
    }

        .select-cat-drop .select2-container--default .select2-selection--multiple input.select2-search__field::placeholder {
            color: #fff;
        }

    .select-cat-drop .select2-container--default.select2-container--focus .select2-selection--multiple input::placeholder {
        color: #fff;
    }
    .select-cat-drop .select2-results__option {
        padding: 6px;
        user-select: none;
        -webkit-user-select: none;
        border-bottom: #eee solid 1px;        
    }
.orderManagement .k-grid-header th.k-header input.checkbox:checked + .chk-box::after {
    top: -15px;
    left: 2px;
    font-size: 10px;
}

/*.shipping-management-all-orders-page td input.checkbox:checked + .chk-box::after {
    top: -4px;
    left: 2px;
}*/

.shipping-management-all-orders-page td .checkbox:checked + .chk-box::after,
.shipping-management-orders-page td .checkbox:checked + .chk-box::after {
    left: 2px;
    top: -17px;
}

.shipping-management-shipped-orders-page td .checkbox:checked + .chk-box::after,
.shipping-management-cancel-orders-page td .checkbox:checked + .chk-box::after,
.shipping-management-hold-orders-page td .checkbox:checked + .chk-box::after {
    left: 2px;
}

.shipping-management-orders-page .k-grid-header-locked,
.shipping-management-orders-page .k-grid-content-locked {
    border-width: 0 0px 0 0;
}

.exemption-tax .resale-certi {
    height: auto;
}

.resale-certi input#ResaleCertificate {
    float: left;
    margin: 0px 5px 5px 0;
    width: 22px;
    height: 22px;
    vertical-align: top;
}

.resale-certi .white-box.attachments .editor-field {
    float: left;
    width: 100%;
}

.resale-certi .white-box.attachments .k-dropzone {
    margin-top: 10px !important;
    margin-bottom: 10px;
    resale-certi
}

#customer-section .resale-certi label.upload-resale-certi {
    position: relative;
    left: 0;
}

.resale-certi .white-box .demo-section.k-content {
    height: auto;
}

.resale-certi .white-box.attachments {
    display: inline-block;
    width: 100%;
}

.balace-sheet-calender .select-box {
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    box-shadow: none !important;
    padding: 0;
    top: 0;
}

.balace-sheet-calender .btn-all-filter {
    display: inline-block;
    padding: 0;
}

    .balace-sheet-calender .btn-all-filter .btn {
        padding: 7px 35px;
    }

.balace-sheet-calender div#reorderDiv {
    float: right;
    margin: 0;
}

#dvPropsales .col-sm-3 label, #dvPropInvoice .col-sm-3 label, #dvProppurchase .col-sm-3 label {
    margin-top: 0;
}

#dvPropsales .col-sm-3 .form-input-variation, #dvPropInvoice .col-sm-3 .form-input-variation, #dvProppurchase .col-sm-3 .form-input-variation {
    border: 1px solid;
    margin-top: 0;
}

#Customergrid table tr td {
    white-space: inherit;
}

div#TaxGroupTableBody {
    width: 100%;
    padding: 0;
}

.emp-tax-label-bg {
    background: #87bfb0;
    margin-bottom: 5px;
    color: #000;
    width: 100%;
    padding: 10px 0;
}

    .emp-tax-label-bg lable {
        margin: 0px;
    }

    .emp-tax-label-bg label.fix-per {
        padding-left: 20px;
    }

    .emp-tax-label-bg label {
        padding-left: 10px;
    }

.all-orders-filter-bar .search-box input[type=text] {
    margin: 0;
}

.all-orders-filter-bar select#ddlOrderStatus {
    width: 100%;
}

.ProductCategoryDetail .k-widget.k-multiselect {
    border: 1px solid #ccc !important;
    height: 37px;
}

#test_btn.product-button.margin-l-5 {
    margin-left: 5px;
}

#SmtpSettingGrid tr td span i.fa {
    margin-left: 4px;
}

#SmtpSettingGrid tr td span:first-child i.fa {
    margin-left: 0;
}

.save-btn-border-top {
    margin-bottom: 10px;
    border-color: #bbc5ca;
}

.product-detail-arrows .input-group-btn-vertical.main-new-add {
    right: 32px;
}

.product-detail-arrows .input-group-btn-vertical.main-new-add-1 {
    right: 30px;
}

.size-main .product-detail-arrows .weight-text {
    position: absolute;
    left: auto;
}

.product-shipping-info.summary-title {
    color: #000;
    padding: 15px 10px;
}

.float-right-footer {
    float: right;
    display: inline-block;
    width: 100%;
}

    .float-right-footer .checkbox.hide-for-inventory {
        width: auto;
        display: block;
        min-height: 20px;
        margin-top: 5px;
        margin-bottom: 7px;
        padding-left: 20px;
        vertical-align: middle;
        margin-right: 13px;
        display: inline-block;
        opacity: 1;
    }

    .float-right-footer .btn-group.ship-btn-group {
        text-align: center;
        display: block;
        float: right;
        display: inline-block;
    }

    .float-right-footer .btn-group > .btn:first-child {
        margin-left: 0;
        margin-right: 15px;
    }

    .float-right-footer .checkbox label::before {
        display: none;
    }

.box-shipping .sold-to-main.sold-to-Info {
    display: inline-block;
}

    .box-shipping .sold-to-main.sold-to-Info .vert-padding {
        font-size: 12px;
    }

    .box-shipping .sold-to-main.sold-to-Info .col-md-3, .box-shipping .sold-to-main.sold-to-Info .col-md-2 {
        position: relative;
    }

.float-right-footer .checkbox input[type=checkbox] {
    opacity: 1;
    width: 15px;
    height: 15px;
}

.float-right-footer input[type=checkbox]:checked:before {
    line-height: 15px;
}

.batch-actions-link a.dropdown-item {
    padding: 5px 10px;
    margin: 0px;
    box-sizing: border-box;
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
}

.shippingmanagementorders-main .shipp-main .dropdown-menu, .shippingmanagementorders-main .recent-main .dropdown-menu {
    right: 0;
    left: auto;
}

.chart-section {
    margin-bottom: 30px;
}

    .chart-section .white-box {
        margin-bottom: 0;
    }

.chart-balance label.balance-label {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    float: left;
}

.chart-balance p.balance-amount {
    font-size: 34px;
    color: #333;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 17px 0;
}

#FormBulkUpdate input {
    margin-top: 0;
}

div#multi_Div_ShippingConfig, div#multi_Div_Dimensions, div#multi_Div_Weight, div#multi_Div_Confirmation, div#multi_Div_Insurance {
    width: 100%;
    padding: 0 3%;
}

#multi_Div_ShippingConfig select.input-sm {
    font-size: 13px;
}

.cust-details-sec {
    background: #fff;
    border: 1px solid #ededee;
    padding: 0;
    margin: 0 10px;
    border-radius: 5px;
}

.menu-header-img-section .img-section {
    padding-right: 0px;
}

.customer-img-section .bg-blue {
    padding: 50px;
    background: #b2d3d9;
}

.customer-img-details button {
    height: auto;
    margin: 0 auto;
    display: table;
}

.customer-img-details img {
    margin: -64px auto 15px;
    border-radius: 100px;
}

.customer-img-details-blog img {
    margin: 0px auto 15px;
}

.customer-img-details ul.k-upload-files.k-reset img#imgFileUpload {
    position: absolute;
    top: 0;
    left: 19px;
    margin-bottom: 0;
}

.customer-img-details ul.k-upload-files.k-reset {
    display: inline-flex;
    float: left;
    width: 128px;
}

.profile-tab .customer-img-section .k-button.k-upload-button {
    min-width: auto;
    width: auto;
    padding: 5px 7px !important
}

.customer-title-details h2.customer-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.customer-title-details h3, .customer-title-details h4 {
    margin: 0;
}

.customer-title-details h3 {
    font-size: 18px;
}

.customer-title-details h4 {
    font-size: 16px;
    color: #000;
}

.customer-call-email a {
    color: #000;
    padding: 0;
}

    .customer-call-email a.customer-call {
        margin-right: 15px;
    }

        .customer-call-email a.customer-call i {
            transform: rotate(90deg);
        }

.customer-details-section label.customer-text, .customer-details-section .quickBooks, .timeline-desc {
    float: left;
    color: #000;
    text-align: left;
}

.customer-details-section label.customer-text {
    margin: 0;
    color: #000;
}

.customer-details-section div.row {
    border-top: 1px solid #eaeaea;
    margin: 0;
    padding: 10px 0px;
}

.customer-details-section .quickBooks {
    width: 100%;
}

.charts-and-other-information .timeline-dropdown-dots-sec h3 {
    width: 90%;
}

.customer-img-details .k-upload-action .k-icon:before {
    text-indent: 0 !important;
}

.customer-img-details {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .customer-img-details .details-right ul {
        border: 0;
    }

        .customer-img-details .details-right ul.k-upload-files.k-reset {
            display: inline-flex;
            float: left;
        }

    .customer-img-details .k-widget.k-upload.k-header {
        margin-top: -80px;
    }

.customer-img-details-blog .k-widget.k-upload.k-header {
    margin-top: 0px;
    display: none;
}

.customerdetail .customer-img-details .edit-right#vendorProfile {
    float: right;
}

.customer-title-details h2.customer-title {
    margin: 85px 0 20px;
}

.customer-img-details img#RemoveVendorLogo {
    margin: 0 auto 15px;
    cursor: pointer;
}

.customer-img-details #RemoveCustomerLogo {
    margin-top: 0;
    border-radius: 0;
}

.customer-img-details .k-widget.k-upload .k-button.k-upload-button {
    padding: 5px 0;
    width: auto;
}

.customer-img-details .k-widget.k-upload.k-header span {
    padding: 0;
    font-size: 15px;
}

    .customer-img-details .k-widget.k-upload.k-header span.k-file-name-size-wrapper {
        position: absolute;
        top: 25px;
        left: 105px;
    }

.customer-img-details .k-widget.k-upload .k-dropzone {
    margin: 3px 7px;
}

.BlogSettingsHeader, .breadcrumbs-section-posts {
    float: left;
}

    .BlogSettingsHeader .breadcrumbs-section {
        display: block;
        float: left;
        width: 100%;
    }

.breadcrumbs-section button {
    background: transparent;
    -webkit-appearance: none;
    border: 0;
}
/* Switch Round */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }


input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* Timeline css start*/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 10%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before, .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before, .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 80%;
            float: left;
            border: 0;
            border-radius: 2px;
            padding: 20px 0;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: none;
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 10%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 0;
                left: 0;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin: 0;
    color: inherit;
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.timeline-heading a {
    color: #000;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    float: right;
}

    .timeline-heading a .timeline-title {
        color: #000;
        float: left;
        margin: 0;
    }

    .timeline-heading a p {
        float: left;
        margin: 0;
        padding-left: 5px;
    }

.timeline-heading i.fa-angle-down {
    float: right;
    color: #8d9ea7;
    font-size: 24px;
    padding-right: 15px;
}

.timeline-body p {
    width: 100%;
    float: left;
}

.timeline-heading {
    position: relative;
}

.timeline-information h3, .timeline-dropdown-dots-sec h3 {
    padding: 0 0px;
    font-weight: 600;
    float: left;
    margin: 0 0;
}

.timeline-description-section {
    display: inline-block;
    width: 90%;
}

ul.activities-section.timeline {
    display: inline-block;
    width: 100%;
}

    ul.activities-section.timeline:before {
        display: none;
    }

    ul.activities-section.timeline li {
        display: block;
        float: left;
        width: 25%;
        text-align: center;
    }

    ul.activities-section.timeline .timeline-badge {
        top: 0;
        position: relative;
        float: none;
        margin: 0 auto;
        left: 0;
    }

    ul.activities-section.timeline label {
        float: left;
        display: inline-block;
        width: 100%;
        font-weight: 500;
        color: #666;
        padding: 10px 0;
        font-size: 14px;
    }

.activities-filter-btn-section, .date-filter-btn-section {
    display: inline-block;
    width: 100%;
}

    .activities-filter-btn-section h4, .date-filter-btn-section h4 {
        padding: 0 15px;
        float: left;
        margin: 0;
    }

    .activities-filter-btn-section h4 {
        margin-top: 9px;
    }

    .activities-filter-btn-section a, .date-filter-btn-section a {
        float: right;
        color: #666;
        padding-right: 15px;
        padding-left: 0;
        font-size: 14px;
    }

    .activities-filter-btn-section i.fa.fa-filter, .customer-call-email i.fa {
        text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
        color: #fff;
    }

    .activities-filter-btn-section a i.fa.fa-angle-down {
        text-align: right;
        float: none;
    }

.date-filter-btn-section {
    padding: 5px 0;
}

    .date-filter-btn-section h4 {
        font-size: 14px;
    }

.timeline-dropdown-dots-sec {
    display: inline-block;
    width: 100%;
    padding: 5px 15px;
}

.cust-details-sec .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
}
/* More Button / Dropdown Menu */
.more-menu, .more-menu1, .more-menu2, .more-menu3, .more-menu4 {
    width: 100px;
}

.more, .more1, .more2, .more3, .more4 {
    position: relative;
    float: right;
}

.more-btn, .more-btn1, .more-btn2, .more-btn3, .more-btn4, .more-menu-btn {
    background: none;
    border: 0 none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: left;
    outline: none;
    cursor: pointer;
    float: right;
    padding: 0;
}

.more-dot {
    background-color: #aab8c2;
    margin: 2px auto;
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 1px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.more-menu, .more-menu1, .more-menu2, .more-menu3, .more-menu4 {
    position: absolute;
    top: 100%;
    z-index: 900;
    float: left;
    padding: 10px 0;
    margin-top: 9px;
    background-color: #fff;
    border: 1px solid #ccd8e0;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
    opacity: 0;
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
    left: -18px;
}

.more-menu-caret {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 18px;
    height: 10px;
    float: left;
    overflow: hidden;
}

.more-menu-caret-outer, .more-menu-caret-inner {
    position: absolute;
    display: inline-block;
    margin-left: -1px;
    font-size: 0;
    line-height: 1;
}

.more-menu-caret-outer {
    border-bottom: 10px solid #c1d0da;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto;
}

.more-menu-caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}

.more-menu-items {
    margin: 0;
    list-style: none;
    padding: 0;
}

.more-menu-item {
    display: block;
}

.more-menu-btn {
    min-width: 100%;
    color: #66757f;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 20px;
    position: relative;
    white-space: nowrap;
}

.more-menu-item:hover {
    background-color: #489fe5;
}

    .more-menu-item:hover .more-menu-btn {
        color: #fff;
    }

.more-btn:hover .more-dot, .show-more-menu .more-dot, .more-btn1:hover .more-dot, .more-btn2:hover .more-dot, .more-btn3:hover .more-dot, .more-btn4:hover .more-dot {
    background-color: #516471;
}

.show-more-menu .more-menu, .show-more-menu .more-menu1, .show-more-menu .more-menu2, .show-more-menu .more-menu3, .show-more-menu .more-menu4 {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.charts-and-other-information .timeline-dropdown-dots-sec h3 span {
    font-size: 75%;
}

.col-sm-12.col-md-4.mb-chars-and-other-info-sec {
    padding: 0;
}

.cust-details-border-0 {
    border: 0;
}

.col-sm-6.charts-and-other-information:first-child {
    border-right: 2px solid #ededee;
    border: 2px solid #ededee;
    max-width: 49%;
    margin-right: 1%;
}

.col-sm-6.charts-and-other-information:last-child {
    border: 2px solid #ededee;
    max-width: 49%;
    margin-left: 1%;
}

.cust-details-border-0 .timeline-dropdown-dots-sec {
    height: 100px;
}

#currentRecTotalNum, #overRecTotalNum, #currentPayTotalNum, #overPayTotalNum {
    margin: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-weight: 900;
    font-size: 30px;
}

#currentRecTotalNumText, #overRecTotalNumText, #currentPayTotalNumText, #overPayTotalNumText {
    margin: 0;
    position: absolute;
    top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.account-charts-section-table .white-box {
    padding: 0;
}

.account-charts-section-table h3 {
    margin: 15px 0 0 0;
    text-align: left;
    font-size: 18px;
    background: #212121;
    color: #fff;
    padding: 5px 10px;
}

.account-charts-section-table .table-responsive {
    height: auto;
    overflow: auto;
    border: 0;
    margin-bottom: 0;
}

.account-charts-section-table .table > tbody > tr > td, .account-charts-section-table .table > tbody > tr > th, .account-charts-section-table .table > tfoot > tr > td, .account-charts-section-table .table > tfoot > tr > th, .account-charts-section-table .table > thead > tr > td, .account-charts-section-table .table > thead > tr > th {
    padding: 7px 10px;
    font-size: 14px;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #d6d6d6;
}
.account-charts-section-table .table > thead > tr > th {
    border: #87bfb0 solid 1px
}

    .account-charts-section-table .table > tfoot > tr > th {
        font-weight: 900;
        color: #000;
        border-top: 1px solid #ccc;
    }

  .account-charts-section-table .table > tbody > tr > td:first-child, .account-charts-section-table .table > tfoot > tr > th:first-child {
        border-right: 1px solid #ccc;
    }

.account-charts-section-table .table > tbody > tr > td:first-child {
    padding-left: 10px;
}

.account-charts-section-table .table > tbody > tr > td:last-child, .account-charts-section-table .table > thead > tr > th, .account-charts-section-table .table > tfoot > tr > th {
    font-weight: 900;
    font-size: 14px;
}

#spending-analysis-table thead th, #account-receivable-overdue-table thead th, #account-payable-current-table thead th, #account-payable-overdue-table thead th, #gross-profit-spending-table thead th {
    background: #f5faff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-collapse: collapse;
    border-top: 0;
}
/* safari and ios need the tfoot itself to be position:sticky also */
#spending-analysis-table tfoot, #spending-analysis-table tfoot th, #spending-analysis-table tfoot td, #account-receivable-current-table tfoot, #account-receivable-current-table tfoot th, #account-receivable-current-table tfoot td, #account-receivable-overdue-table tfoot, #account-receivable-overdue-table tfoot th, #account-receivable-overdue-table tfoot td, #account-payable-current-table tfoot, #account-payable-current-table tfoot th, #account-payable-current-table tfoot td, #account-payable-overdue-table tfoot, #account-payable-overdue-table tfoot th, #account-payable-overdue-table tfoot td, #gross-profit-spending-table tfoot th, #gross-profit-spending-table tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 4;
    background: #fff;
    border-collapse: collapse;
}

#spending-analysis-table thead th div, #account-receivable-current-table thead th div, #account-receivable-overdue-table thead th div, #account-payable-overdue-table thead th div, #account-payable-current-table thead th div, #gross-profit-spending-table thead th div {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    padding: 8px 10px;
}

#spending-analysis-table tfoot th div, #account-receivable-current-table tfoot th div, #account-receivable-overdue-table tfoot th div, #account-payable-overdue-table tfoot th div, #account-payable-current-table tfoot th div, #gross-profit-spending-table tfoot th div {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px 10px;
}

#spending-analysis-table tfoot th, #account-receivable-current-table tfoot th, #account-receivable-overdue-table tfoot th, #account-payable-overdue-table tfoot th, #account-payable-current-table tfoot th, #gross-profit-spending-table tfoot th {
    border-collapse: collapse;
    padding: 0px 0;
}

#spending-analysis-table thead th, #account-receivable-current-table thead th, #account-receivable-overdue-table thead th, #account-payable-overdue-table thead th, #account-payable-current-table thead th, #gross-profit-spending-table thead th {
    border-collapse: collapse;
    padding: 0px 0;
}

.dashboard-header-top .dropdown.bootstrap-select.timeSelect {
    margin-bottom: 0;
}

div#multiselect-shipping {
    margin: 0;
    position: relative;
}






#spending-analysis-table table.table.table-bordered.table-hover, #account-receivable-overdue-table table.table.table-bordered.table-hover, #account-receivable-current-table table.table.table-bordered.table-hover, #account-payable-overdue-table table.table.table-bordered.table-hover, #account-payable-current-table table.table.table-bordered.table-hover, #gross-profit-spending-table table.table.table-bordered.table-hover {
    border-bottom: 0;
    border-top: 0;
}

#spending-analysis-table tfoot th, #account-receivable-current-table tfoot th, #account-receivable-overdue-table tfoot th, #account-receivable-overdue-table tfoot th, #account-receivable-overdue-table tfoot th, #gross-profit-spending-table tfoot th {
    border-bottom: 0;
}

.gross-profit-amount-section .white-box {
    padding: 5px 15px 10px;
    background: transparent;
}

    .gross-profit-amount-section .white-box h3 {
        margin: 0;
        padding: 0;
    }

    .gross-profit-amount-section .white-box .row.border-left {
        border-left: 3px solid #909090;
    }

    .gross-profit-amount-section .white-box img {
        width: 30px;
        margin: 8% 0;
    }

#gross-profit-spending-table td div {
    background-color: #99e3dd;
    padding: 2px 0;
}

.performance-dashboard-charts-section .bottom-bg {
    top: 287px;
}

.performance-dashboard-charts-section .bottom-bg {
    top: auto;
    bottom: 3px;
}

.chart-4 canvas.canvasjs-chart-canvas {
    height: auto;
    max-width: 1080px;
    width: 100%;
    position: relative;
    margin: 0% 0;
}

.performance-dashboard-charts-section .half-circle-chart .bottom-bg {
    bottom: 0;
}

.border-right-blue {
    border-right: 3px solid #074b6e;
}

.border-right-orange {
    border-right: 3px solid #fe9666;
}

.border-right-green {
    border-right: 3px solid #008080;
}

.multiselect-shipping input#ms-opt-1:after,
.multiselect-shipping input#ms-opt-2:after,
.multiselect-shipping input#ms-opt-3:after,
.multiselect-shipping input#ms-opt-4:after,
.multiselect-shipping input#ms-opt-5:after,
.multiselect-shipping input#ms-opt-6:after,
.multiselect-shipping input#ms-opt-7:after,
.multiselect-shipping input#ms-opt-8:after {
    position: relative;
    border-radius: 5px;
    content: '';
    float: right;
    top: -16px;
    width: 10px;
    height: 20px;
    right: -17px;
}


.multiselect-shipping input#ms-opt-1:after {
    background: #ccffff;
}

.multiselect-shipping input#ms-opt-2:after {
    background: #ff99cc;
}

.multiselect-shipping input#ms-opt-3:after {
    background: #008000;
}

.multiselect-shipping input#ms-opt-4:after {
    background: #ff0000;
}

.multiselect-shipping input#ms-opt-5:after {
    background: #ff0000;
}

.multiselect-shipping input#ms-opt-6:after {
    background: #ffcc00;
}

.multiselect-shipping input#ms-opt-7:after {
    background: #003300;
}

.multiselect-shipping input#ms-opt-8:after {
    background: #ffff99;
}

span.ms-opt-1, span.ms-opt-2, span.ms-opt-3, span.ms-opt-4, span.ms-opt-5, span.ms-opt-6, span.ms-opt-7, span.ms-opt-8 {
    position: relative;
    border-radius: 5px;
    width: 10px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-left: 5px;
}

span.ms-opt-1 {
    background: #ccffff;
}

span.ms-opt-2 {
    background: #ff99cc;
}

span.ms-opt-3 {
    background: #008000;
}

span.ms-opt-4 {
    background: #ff0000;
}

span.ms-opt-5 {
    background: #ff0000;
}

span.ms-opt-6 {
    background: #ffcc00;
}

span.ms-opt-7 {
    background: #003300;
}

span.ms-opt-8 {
    background: #ffff99;
}

span.multiselect-shipping-manage-orders .ms-options > ul label:hover {
    border: 1px solid #fff;
    background-color: #daedff;
}

div.ms-options-wrap > .ms-options > ul label.focused {
    background-color: transparent;
}


div.ms-options-wrap > .ms-options > ul label:hover,
div.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: #e1f1ed;
}



span.column-setting-shipping-manage-orders {
    float: right;
    margin-left: 15px;
}

span.multiselect-shipping-manage-orders {
    float: left;
    width: 118px;
}

    span.multiselect-shipping-manage-orders .ms-options-wrap > button:after {
        right: 9px !important;
    }

    span.multiselect-shipping-manage-orders select {
        height: auto;
    }

    span.multiselect-shipping-manage-orders .ms-options {
        width: 118px;
        left: auto;
    }

.ms-options-wrap > .ms-options {
    border: 1px solid #ccc;
    min-height: auto !important;
}

    .ms-options-wrap > .ms-options li {
        border-bottom: 1px solid #ccc;
        font-size: 14px;
    }

        .ms-options-wrap > .ms-options li label.focused {
            background: transparent;
        }

        .ms-options-wrap > .ms-options li.default {
            margin-top: 0px;
            padding-top: 0px;
        }

        .ms-options-wrap > .ms-options li:last-child {
            border-bottom: transparent;
        }

.orderManagement .k-grid-content.k-auto-scrollable tr.k-grouping-row td p {
    color: #464646;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.shipments-filter-bar .recent-main li a, .shipments-filter-bar .recent-main li button.btn.btn-primary.dropdown-toggle {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
}

    .shipments-filter-bar .recent-main li a:hover, .shipments-filter-bar .recent-main li button.btn.btn-primary.dropdown-toggle:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.shippingmanagement .shipments-filter-bar .recent-main ul li a, .shippingmanagement .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
    padding: 9px 20px;
    font-weight: 400;
    border-radius: 4px;
    font-size: 15px;
}

.shippingmanagement .shipments-filter-bar .columns-main {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}



#customer-details-main-tab .white-box {
    padding: 0 15px;
}

#customer-details-main-tab .border-bottom {
    border-bottom: 1px solid #ddd;
}

#customer-details-main-tab div#reorderDiv {
    padding: 0;
    display: inline-block;
    margin: 7px 0;
}

#customer-details-main-tab .reorder button.product-button {
    padding: 0 15px;
    float: none;
}

div#grid_tt_active {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
}

    div#grid_tt_active:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        border-color: transparent transparent #000000 transparent;
        position: absolute;
        right: auto;
        top: -16px;
        left: 0;
    }

.reorder .dropdown.bc button.btn.btn-cal-filter.dropdown-toggle {
    float: left;
}

#ReportGrid .search-box.shipmentSearch {
}

.reorder button#ExcelExport:hover, .reorder button#ShowReport:hover, .reorder button#PDFExport:hover, .reorder button.btn-primary:active:focus, .reorder button.btn-primary:focus {
    border: 0;
    background: #0071DC;
    opacity: 1;
    box-shadow: none;
}

.shipments-filter-bar.drodpdown-order {
    margin: 0 5px 5px;
    padding: 0;
}

    .shipments-filter-bar.drodpdown-order .dropdown.bc {
        width: 100%;
        text-align: left;
    }

        .shipments-filter-bar.drodpdown-order .dropdown.bc button.btn.btn-cal-filter.dropdown-toggle {
            width: 100%;
            text-align: left;
        }

        .shipments-filter-bar.drodpdown-order .dropdown.bc button.btn-cal-filter::after {
            right: 0;
            float: right;
            margin-top: 5px;
        }

.reorder button, .product-category-list-submit button {
    background: rgb(11, 181, 175);
    background: linear-gradient(90deg, rgba(11, 181, 175, 1) 0%, rgba(61, 197, 114, 1) 100%);  
    margin: 0;
    line-height: 34px;
    color: #fff;
    border: 0;
    padding: 0 20px;
    font-weight: 400;
    border-radius: 4px;
    float: left;
    margin-left: 4px;
    margin-top: 3px;
}

#CustomerTransactiongrid tr.k-footer-template {
    min-width: 1601px;
    width: 100% !important;
}

.OrderReport tr.k-grouping-row p.k-reset {
    font-weight: 600;
}

.shippingmanagement .shipments-filter-bar .recent-main .other-action-dropdown ul li a {
    background-color: transparent;
    color: #000 !important;
    border-radius: 0;
    padding: 5px 15px;
    line-height: 18px;
}

    .shippingmanagement .shipments-filter-bar .recent-main .other-action-dropdown ul li a:hover {
        background-color: #daedff;
    }

.checkbox_common {
    float: left;
    display: block;
}

span.chk-box.checkbox_common_check_box {
    position: absolute;
    left: 10px;
}

.right-buttons-margin-top-0 .btn-group > .btn:first-child {
    margin-top: 0;
    border: 0px;
}

.bank-layout-reorder-div .batch-actions-link .btn-info, .top-btns-div .batch-actions-link .btn-info, .bank-rule-list-reorder-div .batch-actions-link .btn-info, #manageRuleFormDialogBox .add-another a, #manageRuleFormDialogBox .save-button button, .employ-edit-footer button.btn-default, .add-another a.reorder-btn-class, .modal-footer button {
    border-radius: 5px;
}

    .bank-layout-reorder-div .batch-actions-link .btn-info:hover, .top-btns-div .batch-actions-link .btn-info:hover, .bank-rule-list-reorder-div .batch-actions-link .btn-info:hover, #manageRuleFormDialogBox .add-another a:hover, #manageRuleFormDialogBox .save-button button:hover, #anchoraddProdCategory:hover, #showSubVariation.mapping-btn:hover, #savePrdDiv button:hover, .employ-edit-footer button:hover, .add-another a.reorder-btn-class:hover, .marketplace-reorder-div .batch-actions-link .btn-info:hover {
        color: #fff;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        border-color: #0bb5af;
    }

.tempClass.modal-lg.update-price-popup-width {
    width: 98%;
    max-width: 98%;
}

    .tempClass.modal-lg.update-price-popup-width tr th {
        border: #ccc solid 1px;
        padding: 0px 10px;
    }

    .tempClass.modal-lg.update-price-popup-width tr td {
        padding: 5px 10px;
        border: #ccc solid 1px;
    }

    .tempClass.modal-lg.update-price-popup-width a#editBut {
        margin-top: 0;
        font-size: 14px;
        font-weight: 300;
        border-radius: 4px;
        padding: 5px 10px;
        min-width: 70px;
        display: inline-block;
        text-align: center;
    }

div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.threeplcancelledorders-table .k-header.k-grid-toolbar {
    position: absolute;
    right: 13%;
    top: -50px;
    border: 0;
    margin-top: 1px;
}

.three-pl-shipped-orders .k-header.k-grid-toolbar {
    border:none;
    position:absolute;
}

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

.blue-bg {
    background: #212121;
}

.salesproservice {
    padding: 5px 0;
}

.pending-shipment-orders div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar {
    top: -51px;
    right: 0px !important;
    padding: 0;
    margin: 0px !important;
}

/*  div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar {
        right: 0%;
        top: -13%;
    }*/

/*  div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar {
        right: 13%;
        top: -16%;
    }*/

.pos-rel-package-ship-info {
    position: relative;
}

.pos-abs-package-num-info {
    float: right;
    text-align: right;
    position: absolute;
    top: 0;
    right: -25px;
    padding: 0;
    width: auto;
}

    .pos-abs-package-num-info a#lnkmdlMultiplePackage {
        padding: 5px;
        background: #43c76b;
        color: #fff;
    }

.package-num-info-main .pos-abs-package-num-info {
    top: 0;
    right: 0;
    left: 0;
}

    .package-num-info-main .pos-abs-package-num-info a#lnkmdlMultiplePackage {
        padding: 5px;
        background: #43c76b;
        color: #fff;
        width: 25px;
        min-width: 25px;
        height: 32px;
        position: absolute;
        left: 0;
        text-align: center;
    }

#myMPModalinner .modal-content {
    padding-top: 0px !important;
}

#myMPModalinner .modal-header {
    background: rgb(2,178,185);
    background: linear-gradient(90deg, rgba(2,178,185,1) 0%, rgba(67,199,106,1) 100%);
    color: #fff;
}

#myMPModalinner .proPopupInner {
    padding: 0;
}

#myMPModalinner .modal-header h3, #myMPModalinner .modal-header button {
    color: #fff;
}

#myMPModalinner .modal-dialog.status-part {
    max-width: 780px !important;
}

#myMPModalinner .reorder button {
    width: auto;
    padding: 0 10px;
}

#myMPModalinner .modal-footer {
    background: #f3f3f3;
    padding: 15px;
}

    #myMPModalinner .modal-footer #btnaddBoxdata i.fa.fa-plus {
        padding-left: 5px;
    }


.images-videos-white-bg-section #dvimglist {
    padding-bottom: 15px;
    max-height: 375px;
    overflow-y: auto;
    overflow-x: hidden;
}

.images-videos.white-bg.images-videos-white-bg-section {
    padding-bottom: 0;
}

.images-videos.white-bg .romper.romper1 {
    display: none;
}

div#grid.orderManagement.shipping-management-orders-page, div#grid.orderManagement.shipping-management-all-orders-page, div#grid.orderManagement.shipping-management-shipped-orders-page, div#grid.orderManagement.shipping-management-cancel-orders-page, div#grid.orderManagement.shipping-management-hold-orders-page {
    z-index: 9;
}

.shipping-management-orders-page .k-grid-footer {
    display: none;
}

#returnsPopup {
}

    #returnsPopup .rma-section-pad {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        #returnsPopup .rma-section-pad span {
            float: left;
            padding: 5px 0;
            font-weight: 900;
        }

            #returnsPopup .rma-section-pad span b {
                font-weight: 900;
            }

        #returnsPopup .rma-section-pad #RMAValue {
            float: left;
            height: auto;
            width: auto;
            padding: 5px 5px;
            border: 1px solid;
            margin: 0 5px;
            line-height: 20px;
        }

        #returnsPopup .rma-section-pad span.font-normal {
            font-weight: 900;
            padding: 5px 0;
            font-size: 14px;
            margin-left: 5px;
        }

#checkAutoRMA {
    float: left;
}

div#myMPModalinner .newtblitem {
    border: 1px solid #f0f4f7;
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 7px;
}

    div#myMPModalinner .newtblitem .package-num {
        color: #000;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 10px 10px;
        border-bottom: 1px solid #e4e7ea;
        border-left: 1px solid #e4e7ea;
        border-top: 1px solid #e4e7ea;
        background: #f5f8f9;
        font-size: 15px;
    }

    div#myMPModalinner .newtblitem .newitem.border-bottom-1 {
        border-bottom: 1px solid #e4e7ea;
    }

    div#myMPModalinner .newtblitem .newitem .border-bottom-1 {
        padding: 5px 10px;
        border-bottom: 1px solid #e4e7ea;
    }

    div#myMPModalinner .newtblitem .size-three-section, div#myMPModalinner .newtblitem .weight-two-section {
        padding: 5px 9px;
    }

#returnsPopup .rma-section-pad #RMAValue {
    border-radius: 5px;
    border-color: #bbc5ca;
}

#returnsPopup .Items-box.row {
    width: auto;
}

#returnsPopup table.table tbody#ReturnPopupOrder {
    background: #f5f5f5;
}

    #returnsPopup table.table tbody#ReturnPopupOrder .form-control {
        border-color: #bbb5ca;
        border-radius: 5px;
        height: 32px;
        padding: 0 10px;
        background: #fff;
        color: #000;
    }

    #returnsPopup table.table tbody#ReturnPopupOrder tr {
        border-bottom: 1px solid #175a91;
    }

#returnsPopup .summary-main .summary-box .table-sc {
    overflow-x: auto;
}

#returnsPopup .summary-main .summary-box .notes-main {
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
}

.notes-main tbody {
    text-shadow: none;
}

div#labelDownlod, #labelVoid {
    background: rgba(0,0,0,0.7);
}

.marketplace-page .shippingmanagement-main {
    background: none;
    margin-top: 0;
    padding: 0px 0;
}

.fa.fa-gear.bg-blue {
    color: #6f6f6f;
    font-size: 19px;
}

#WalmartPublishProd .addproduct-main.modal-header .reorder .close:hover {
    background: none !important;
}

#WalmartProductCategoryForm .ProductCategoryDetail .k-widget.k-multiselect {
    border: 0px !important;
    height: 37px;
}

#WalmartProductCategoryForm .ProductCategoryDetail .k-multiselect-wrap.k-floatwrap {
    border: 1px solid #ccc !important;
    height: 37px;
}

img#marketplace-photo-img,
img#marketplace-product-img {
    width: auto;
    height: 40px;
}

#productMasterDetail div.k-tabstrip .k-tabstrip-items {
    padding: 0;
}

#productInfoTab #productDetails .vedio-main, #productCategoriesTab #WalmartProductCategoryForm .vedio-main {
    padding: 0;
}

#VariationsEditTabInner .modal-dialog.bg-white, #VariationsEditInner .modal-dialog.bg-white {
    max-width: 768px;
}

.add-another a {
    margin-bottom: 0;
}

.walmart-search-fields .search-fild {
    margin-bottom: 0;
}

    .walmart-search-fields .search-fild input {
        background: #fff !important;
        border: 0 !important;
        padding: 7px 12px !important;
        font-size: 16px !important;
        border-radius: 5px !important;
    }

.row.reorder #dropdownMenu1 {
    margin: 0;
}

    .row.reorder #dropdownMenu1:hover, .row.reorder #dropdownMenu1:focus {
        border: 0;
    }

#VariationsEditTabInner .modal-header {
    padding: 15px;
}

#page-wrapper.addMultipleSkuPopup {
    padding: 0;
    min-height: 550px;
    background: transparent;
    position: relative;
    margin: 0;
}

.modal-dialog.width800.addMultipleSkuPopupModal {
    max-width: 745px;
    width: 100%;
    min-width: 700px;
    background: #ffffff;
    border-radius: 10px;
}

    .modal-dialog.width800.addMultipleSkuPopupModal .modal-content {
        position: relative;
        box-shadow: none;
    }

     /*   .modal-dialog.width800.addMultipleSkuPopupModal .modal-content .proPopupInner.margin-bottom-zero {
            background: #0071DC;
            padding: 0px 0 0px;
        }

        .modal-dialog.width800.addMultipleSkuPopupModal .modal-content a.proPopClose {
            float: right;
            padding: 10px 15px;
            display: inline-block;
            width: 45px;
            right: 0;
            z-index: 9;
            font-size: 30px;
            font-weight: 500;
            background: transparent;
            line-height: 28px;
            color: #fff;
        }

            .modal-dialog.width800.addMultipleSkuPopupModal .modal-content a.proPopClose:hover {
                background: #e9220f;
            }*/

.addMultipleSkuPopupModal .modal-title-right {
    float: left;
    padding: 10px;
    font-size: 18px;
    color: #fff;
}

.addMultipleSkuPopupModal .modal-table {
    padding: 15px;
}

 /*   .addMultipleSkuPopupModal .modal-table .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 1px solid #757575;
    }*/

    .addMultipleSkuPopupModal .modal-table .table-bordered > tbody > tr > th,
    .addMultipleSkuPopupModal .modal-table .table-bordered > tfoot > tr > th, 
    .addMultipleSkuPopupModal .modal-table .table-bordered > thead > tr > th {
        border: 1px solid #87bfb0;
        /*color: #075673;*/
    }
    .addMultipleSkuPopupModal .modal-table .table-bordered > tbody > tr > td,  
    .addMultipleSkuPopupModal .modal-table .table-bordered > tfoot > tr > td,     
    .addMultipleSkuPopupModal .modal-table .table-bordered > thead > tr > td {
        border: 1px solid #ededed;
        /*color: #075673;*/
    }

        .addMultipleSkuPopupModal .modal-table th {
            text-transform:uppercase;
        }
        /*  .addMultipleSkuPopupModal .modal-table .table-bordered > thead > tr > th {
        font-weight: 900 !important;
        font-size: 13px;
        color: #2b2b2b;
    }

    .addMultipleSkuPopupModal .modal-table .table-bordered > tbody > tr > td {
        font-size: 13px;
        vertical-align: middle;
    }*/
        #page-wrapper.addMultipleAsinPopup {
            padding: 0;
            min-height: 550px;
            background: transparent;
            position: relative;
            margin: 0;
        }

.modal-dialog.width800.addMultipleAsinPopupModal {
    max-width: 768px;
    width: 100%;
    background: #ffffff;
    border-radius: 5px;
}

    .modal-dialog.width800.addMultipleAsinPopupModal .modal-content {
        position: relative;
        box-shadow: none;
        border-radius: 5px;
    }

      /*  .modal-dialog.width800.addMultipleAsinPopupModal .modal-content .proPopupInner.margin-bottom-zero {
            background: #0071DC;
            padding: 0px 0 0px;
            border-radius: 5px 5px 0 0;
            border-bottom: #ddd solid 1px;
            min-height: 49px;
        }*/

       /* .modal-dialog.width800.addMultipleAsinPopupModal .modal-content a.proPopClose {
            float: right;
            padding: 10px 15px;
            display: inline-block;
            width: 45px;
            right: 0;
            z-index: 9;
            font-size: 36px;
            font-weight: 500;
            background: transparent;
            line-height: 27px;
            color: #fff;
        }

            .modal-dialog.width800.addMultipleAsinPopupModal .modal-content a.proPopClose:hover {
                background: #e9220f;
            }*/

.addMultipleAsinPopupModal .modal-title-right {
    float: left;
    padding: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.addMultipleAsinPopupModal .modal-table {
    padding: 15px;
}

    .addMultipleAsinPopupModal .modal-table .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 1px solid #757575;
        text-transform: uppercase;
    }

    .addMultipleAsinPopupModal .modal-table .table-bordered > tbody > tr > td, .addMultipleAsinPopupModal .modal-table .table-bordered > tbody > tr > th, .addMultipleAsinPopupModal .modal-table .table-bordered > tfoot > tr > td, .addMultipleAsinPopupModal .modal-table .table-bordered > tfoot > tr > th, .addMultipleAsinPopupModal .modal-table .table-bordered > thead > tr > td, .addMultipleAsinPopupModal .modal-table .table-bordered > thead > tr > th {
        border: #87bfb0 solid 1px;
        /* color: #075673;*/
    }

    /*.addMultipleAsinPopupModal .modal-table .table-bordered > thead > tr > th {
        font-weight: 900 !important;
        font-size: 14px;
        color: #2b2b2b;
    }

    .addMultipleAsinPopupModal .modal-table .table-bordered > tbody > tr > td {
        font-size: 13px;
    }*/

#returnsPopup table.table tbody#ReturnPopupOrder tr:last-child {
    border-bottom: 0;
}

.addMultipleSkuPopupModal .modal-table table tr td a.delete-btn {
    background: #03a9f3;
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    border-radius: 4px;
    font-weight: 100;
    display: flex;
    align-items: center;
    border: none;
}

    .addMultipleSkuPopupModal .modal-table table tr td a.delete-btn:hover {
        background: #0071DC;
    }

    .addMultipleSkuPopupModal .modal-table table tr td a.delete-btn i.fa.fa-trash {
        color: #d30404;
        display: none;
    }

div#Vendorgrid .k-grid-header th.k-header, #Vendorgrid tr td, #SalesTransactingrid tr td, #Invoicegrid tr td, #ReceivePaymentTransactingrid tr td, #PurchaseOrderTransactingrid tr td, #PurchaseInvoiceTransactiongrid tr td, #PayPaymentgrid tr td {
    position: relative;
}

/* div#Vendorgrid input[type=checkbox], div#SalesTransactingrid input[type=checkbox], div#Invoicegrid input[type=checkbox], div#ReceivePaymentTransactingrid input[type=checkbox], div#PurchaseOrderTransactingrid input[type=checkbox], div#PurchaseInvoiceTransactiongrid input[type=checkbox], div#PayPaymentgrid input[type=checkbox] {
        width: 20px;
        height: 20px;
    }

    div#Vendorgrid input[type=checkbox]:before, div#SalesTransactingrid input[type=checkbox]:before, div#Invoicegrid input[type=checkbox]:before, div#ReceivePaymentTransactingrid input[type=checkbox]:before, div#PurchaseOrderTransactingrid input[type=checkbox]:before, div#PurchaseInvoiceTransactiongrid input[type=checkbox]:before, div#PayPaymentgrid input[type=checkbox]:before {
        line-height: 18px;
    }*/

.addMultipleSkuPopupModal div#addSKUdiv {
    padding: 15px 15px 0px 15px;
}

.addMultipleAsinPopupModal div#addASINdiv {
    padding: 15px;
    margin: 0px;
}

.add-manage-options .add-another a {
    margin-bottom: 15px;
    font-size: 14px;
}

.remove-item-btn button#btnclearallpackage, #myMPModalinner .reorder button#rmitm {
    background: #FF5722;
    float: none;
}

#myMPModalinner .reorder button:hover {
    border: 0;
}

button.close-btn-text {
    padding: 6px 31px;
}

.addMultipleSkuPopupModal .modal-footer {
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
}

.addMultipleSkuPopupModal button#AddSKU {
    float: right;
    text-align: right;
    margin: 10px;
}

.addMultipleAsinPopupModal button#AddASIN {
    float: right;
    text-align: right;
    margin: 0;
}

.addMultipleAsinPopup .modal-footer {
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
}

.addMultipleAsinPopup button#AddSKU {
    float: right;
    text-align: right;
    margin: 10px;
}

.addMultipleAsinPopup button#AddASIN {
    float: right;
    text-align: right;
    margin: 10px;
}

.orderManagement .k-grid-header th.k-header, #temporaryProductGrid .k-grid-header th.k-header {
    padding-left: 1.286em;
    vertical-align: middle;
    padding: 10px .3em;
}

    .orderManagement .k-grid-header th.k-header .orderManagement tr.k-master-row {
        position: relative;
        padding-left: 115px;
    }

.orderManagement table tr:hover td {
    background: #ffffff00;
}

.orderManagement .k-master-row .k-hierarchy-cell .k-icon, #ListViewGrid .k-master-row .k-hierarchy-cell .k-icon {
    color: #000;
    opacity: 1;
    line-height: 26px !important;
    margin: 20px 0;
}

    .orderManagement .k-master-row .k-hierarchy-cell .k-icon:before, #ListViewGrid .k-master-row .k-hierarchy-cell .k-icon:before {
        text-indent: 0em !important;
        font-size: 22px;
        opacity: 1;
        color: #000;
    }

#ListViewGrid div.k-grid-header th.k-header {
    vertical-align: middle;
    padding: 5px 10px;
    text-align: center;   
}

.orderManagement.row-selection tr.k-state-selected, .orderManagement.row-selection tr.k-state-selected:hover td {
    background: rgba(255, 255, 255, 0);
    background-color: whitesmoke;
}

#WalmartProductVariatonCategoryForm .modal-title-right {
    padding-left: 0px;
}

#OverstockVariationProductEditForm .field-validation-error {
    color: #f00;
    font-weight: bold;
    font-size: 14px;
}

#WalmartProductEditBackBtn {
    border-radius: 5px;
}

.navbar-top-links > li > a {
    color: #fff;
    position: relative;
    line-height: 49px;
    min-height: 49px;
    padding: 0 10px;
    font-weight: 500;
    text-decoration: none;
}

    .navbar-top-links > li > a span.noti-num {
        position: absolute;
        top: 20px;
        right: 0;
        background-color: transparent;
        color: #fff;
        height: auto;
        line-height: 1.43;
        padding: 2px 5px;
        font-size: 12px;
        border-radius: 0px;
        font-weight: 900;
    }

.store-setup-popup .Update-price .table-responsive {
    padding: 15px;
    margin-bottom: 0;
}

.store-setup-popup thead {
    float: left;
    padding: 8px 0;
}

.store-setup-popup tbody.textboxes {
    float: right;
}

a#editBut {
    font-size: 16px;
    padding: .8rem 24px;
    margin-top: 0;
    white-space: nowrap
}

/*.cust-top-btns-div .batch-actions-link select#CustomerTypeList {
    background: #fff;
    color: #000;
    height: 41px;
    border-radius: 5px;
    padding: 5px 10px !important;
    border: #ccc solid 1px;
}

    .cust-top-btns-div .batch-actions-link select#CustomerTypeList option {
        border: 1px solid rgba(120, 130, 140, .13);
        border-radius: 0;
        box-shadow: 0 3px 12px rgba(0, 0, 0, .05) !important;
        -webkit-box-shadow: 0 !important;
        -moz-box-shadow: 0 !important;
        padding-bottom: 8px;
        margin-top: 0;
        padding: 20px 15px;
        background: #fff;
        color: #000;
        line-height: 40px;
        height: 40px;
    }*/

/*div.vendor-new-main, div.expense-z-index {
    position: relative;
    z-index: 1111;
}*/

/*div#addpayeepopup {
    z-index: 2222;
}*/

div#addpayeepopup {
    z-index: 2222;
}

/*div#exampleModaldetailsinvoicepopup {
    z-index: 3333;
}*/

div#exampleModaldetailsSalesAgentpopup {
    z-index: 3333;
}





.popup-payment.vendor-new-main {
    z-index: 222222;
}

/*div.expense-z-index {
    z-index: 3333;
}*/

/*div#exampleModaldetailsinvoice {
    z-index: 3333;
}*/

/*div#exampleModaldetailsinvoicepopup {
    z-index: 3333;
}*/

div#exampleModaldetailsSalesAgentpopup {
    z-index: 3333;
}

#SaveEmployeeForm .white-box.products-table {
    padding: 15px 0;
}

    #SaveEmployeeForm .white-box.products-table div#reorderDiv, #payrollEmployeeList .white-box.products-table div#reorderDiv {
        float: right;
    }

#SaveEmployeeForm #reorderDiv #test_btn.product-button, #payrollEmployeeList #reorderDiv #test_btn.product-button, .user-information-list-edit-user div#reorderDiv button.product-button {
    padding: 0px 15px;
}

#payrollEmployeeList .white-box.products-table div#reorderDiv .product-button {
    margin-left: 10px;
    padding: 5px 25px;
}

#payrollEmployeeList .white-box.products-table {
    padding: 15px;
}

#CategorypopupInner .modal-dialog.status-part {
    max-width: 915px;
    background: #fff;
}

.all-pick-order-list, .shippingmanagementorders-main .shippingmanagement.dsplyBLock.shipping-main.shipping0.all-orders-page {
    padding: 0;
}

.shippingmanagementorders-main .shippingmanagement-main.dsplyBLock.search-section .filters {
    padding-bottom: 10px;
    padding-top: 10px;
}

.shippingmanagementorders-main .shippingmanagement-main.dsplyBLock {
    margin: 0;
    padding: 0;
}

.order-num-sec.text-center {
    background: #fff;
    border-radius: 5px;
    /* box-shadow: 0 1px 8px #00000021; */
    padding: 5px;
    border: #ccc solid 1px;
}

    .order-num-sec.text-center p.all-order-numbers, .order-num-sec.text-center p.order-due-today, .order-num-sec.text-center p.new-orders, .order-num-sec.text-center p.past-due-order-numbers, .order-num-sec.text-center p.priority-order-numbers {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 900;
    }

    .order-num-sec.text-center p.past-due-order-numbers {
        color: black;
    }

    .order-num-sec.text-center p.order-due-today {
        color: orange;
    }

    .order-num-sec.text-center p.new-orders {
        color: #ff0000;
    }

    .order-num-sec.text-center p.all-order-numbers {
        color: green;
    }

    .order-num-sec.text-center p.priority-order-numbers {
        color: green;
    }

    .order-num-sec.text-center a.order-link {
        padding: 10px;
        display: table;
        border-top: 0px solid;
        font-size: 14px;
        color: #464646;
        transition: 0.3s ease-in-out;
        margin: 0 auto;
    }

        .order-num-sec.text-center a.order-link:hover {
            color: #000;
            transition: 0.3s ease-in-out;
        }

            .order-num-sec.text-center a.order-link:hover i.fa.fa-angle-right {
                border-color: #000;
                color: #fff;
                margin-right: -3px;
                transition: 0.3s ease-in-out;
                background: #000;
            }

        .order-num-sec.text-center a.order-link i.fa.fa-angle-right {
            border: 1px solid #464646;
            border-radius: 35px;
            padding: 2px 6px 2px 6px;
            line-height: 14px;
            margin-left: 5px;
            transition: 0.3s ease-in-out;
        }

    /* div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
        top: -170px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }*/

    .order-num-sec.text-center p {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
    }

.div-fix-height span.since-text {
    font-size: 14px;
}

.pending-shipment-orders .shipments-filter-bar .dropdown.bc {
    margin-left: 0;
}

.pending-shipment-orders .shipments-filter-bar .btn-group, .pending-shipment-orders .shipments-filter-bar .dropdown.bc, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li a, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
    padding: 8px 15px;
    margin-left: 5px;
}

.shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li a {
    margin-left: 0;
}

.pending-shipment-orders .shipments-filter-bar .form-control#Stores {
    height: 41px;
    float: left;
    margin-left: 0px;
}

.shipping-management-orders-page .ms-options-wrap > button {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000 !important;
    padding: 5px 10px 5px 5px !important;
    margin-top: 0px !important;
}

    .shipping-management-orders-page .ms-options-wrap > button:focus,
    .shipping-management-orders-page .ms-options-wrap > button:focus {
        color: #000;
        border: 1px solid #000;
        font-size: 14px;
    }

    .shipping-management-orders-page .ms-options-wrap > button:after {
        border-top-color: #000;
    }

.pending-shipment-orders .shippingmanagement-main .sidebar-right .form-check {
    font-weight: normal;
    color: #000000;
    border: 1px solid #ccc;
    background: #e1f1ed;
    height: 41px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 25px;
}

    .pending-shipment-orders .shippingmanagement-main .sidebar-right .form-check:focus {
        border: 1px solid #ccc;
    }

    .pending-shipment-orders .shippingmanagement-main .sidebar-right .form-check span.chk-box {
        border: 1px solid #ccc;
    }

.pending-shipment-orders .search-section .col-sm-2 {
    margin-left: 3%;
}

.all-orders-page .search-section .all-orders-filter-bar .col-sm-2 {
    margin-left: 2%;
}

.shippingmanagementorders-main.batch-tracking-list .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.shippingmanagementorders-main .all-orders-page .shippingmanagement-main.dsplyBLock {
    padding: 0;
}

form#EditLabelPreferencesForm .demo-section .label-pref-weight-unit input {
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

form#EditLabelPreferencesForm .demo-section .label-pref-weight-unit label {
    padding-left: 5px;
    line-height:18px;
}

form#EditLabelPreferencesForm #multiselect-storesetupIds .ms-options {
    /* width: 200px;*/
    padding: 0 0 5px 0;
}

    form#EditLabelPreferencesForm #multiselect-storesetupIds .ms-options label {
        padding-left: 35px;
    }

#previewModal .modal-header {
    position: relative;
}

    #previewModal .modal-header #exampleModalLabel {
        text-align: center;
    }

#previewModal .modal-dialog, #BlogPublishPreviewModal .modal-dialog {
    max-width: 1180px;
}

#previewModal .create-blog-author-section .menu-header-img-section img, #BlogPublishPreviewModal .create-blog-author-section .menu-header-img-section img {
    width: 50px;
}

#previewModal .create-blog-author-section .menu-header-img-section, #BlogPublishPreviewModal .create-blog-author-section .menu-header-img-section {
    flex: 0 0 7%;
    max-width: 7%;
}

#previewModal .author-name-section input.form-control {
    border: 0;
    padding: 0 15px;
}

#previewModal .author-name-section, #BlogPublishPreviewModal .author-name-section {
    float: left;
    max-width: 282px;
    width: 100%;
}

#previewModal .menu-header.align-left .date-time-span, #previewModal .menu-header.align-left .day-time-span, #BlogPublishPreviewModal .menu-header.align-left .date-time-span, #BlogPublishPreviewModal .menu-header.align-left .day-time-span {
    float: left;
    line-height: 37px;
}

#previewModal .menu-header.align-left .date-time-span {
    padding-left: 15px;
}

#previewModal .create-blog-author-section.modal-blog-author-section .img-section img.img-responsive, #BlogPreviewModal .modal-blog-author-section img, #BlogPublishPreviewModal .modal-blog-author-section img {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

#previewModal .modal-blog-description {
    text-align: left;
}

#previewModal .modal-blog-hash-description ul {
    padding: 0;
}

#previewModal .modal-blog-hash-description li, #BlogPreviewModal .modal-blog-hash-description li, #BlogPublishPreviewModal .modal-blog-hash-description li {
    float: left;
    list-style: none;
    padding-right: 5px;
    text-align: left;
}

#reorderDiv .selate-box span {
    float: left;
    padding-top: 0;
    padding-right: 0px;
}

#reorderDiv .selate-box .k-dropdown-wrap span.k-select {
    height: auto;
    background: #fff;
    border-radius: 0 5px;
}

#reorderDiv .borderTextBox .k-icon.k-i-arrow-60-down {
    padding: 10px 0;
    float: right;
    font-size: 14px !important;
}


div#previewModal.preview-page .modal-dialog, div#BlogPublishPreviewModal.preview-page .modal-dialog {
    margin: 0 auto;
    padding-top: 30px;
}

    div#previewModal.preview-page .modal-dialog textarea#blogPostTitle, div#BlogPublishPreviewModal.preview-page .modal-dialog textarea#PreviewblogPostTitle {
        font-size: 24px;
    }

#previewModal .menu-header.align-right button.btn {
    background: transparent;
}

.blog-settings .menu-header-section span.slider.round {
    width: auto;
    height: auto;
}

.switch-section .switch {
    float: left;
    margin: 0;
}

.switch-section .author-name-section {
    width: auto;
    float: left;
}

    .switch-section .author-name-section h3 {
        margin: 5px 15px;
        font-size: 20px;
    }

.hr-section hr {
    border-color: #a5a5a5;
}

.blog-header-section {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

.settings-notifications-section {
    display: inline-block;
    width: 100%;
    box-shadow: 0px 0px 2px #5d5d5d;
    padding: 15px;
    background: #fff;
}

div#trackingDialogBox .modal-dialog {
    max-width: 680px;
}

#editBatchEditDialogBox h4.modal-title, #trackingDialogBox h4.modal-title {
    color: #fff;
}

.brandname .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down, .vendorname .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down {
    background: none;
    font-size: 18px !important;
    margin: 2px 7px;
    float: left;
    margin: 0;
}

.brandname .k-dropdown-wrap .k-select span.k-icon.k-i-arrow-60-down:before, .vendorname .k-dropdown-wrap .k-select span.k-icon.k-i-arrow-60-down:before {
    display: block;
}

#BlogPreviewModal .modal-dialog {
    max-width: 900px;
}

.blogpreviewmodal .modal-header button.close {
    height: 54px;
}

#BlogPreviewModal .author-name-section {
    float: left;
}

span.date-time-span, span.day-time-span {
    float: left;
}

.settings-notifications-section .author-name-section {
    width: auto;
}

.update-logo-btn div.file {
    position: relative;
    overflow: hidden;
}

    .update-logo-btn div.file input {
        position: absolute;
        font-size: 50px;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 41px;
        left: 0;
    }

#temporaryProductGrid .k-grid-header .k-header:first-child, #temporaryProductGrid.k-grid tbody td:first-child, #temporaryProductGrid.k-grid tfoot td:first-child {
    position: relative;
}

table.table span.k-widget.k-combobox.k-combobox-clearable {
    display: block;
    width: auto;
}

.borderTextBox span.k-widget.k-combobox.form-textBox.k-combobox-clearable, .borderTextBox span.k-widget.k-combobox.form-textBox.k-combobox-clearable {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/*.is-disabled css*/
span.k-widget.k-combobox.form-textBox.is-disabled.k-combobox-clearable span.k-dropdown-wrap {
    border: transparent;
}

.sales-left span.k-widget.k-numerictextbox.form-control.decimal-field {
    border: transparent;
}

.sales-left span.k-dropdown-wrap.k-state-disabled {
    border: transparent;
}
/*.is-disabled css*/

#temporaryProductGrid .k-grid-content table tr td:last-child {
    text-overflow: inherit;
}

#temporaryProductGrid.k-grid tr td:nth-child(3) {
    width: 100px;
    word-wrap: break-word;
    white-space: normal;
}

#reorderDiv.reorder i.fa.fa-caret-left {
    padding-right: 5px;
}

/*div#reorderDiv.back-btn button.product-button {
    font-size: 16px;
}*/

.white-box.products-table tr td .dropdown img {
    max-height: 25px;
    display: block;
}

.customer-img-details.add-edit-blog-img-section .k-widget.k-upload.k-header {
    margin-top: 0px;
    display: inline-block;
    width: 100%;
    height: auto;
}

.customer-img-details.add-edit-blog-img-section img {
    margin: 1px auto 15px;
    border-radius: 0px;
    display: inline-block;
    width: 500px;
}

.customer-img-details.add-edit-blog-img-section .k-upload-files .k-upload-status {
    line-height: 1;
    position: absolute;
    right: 10px;
    top: -2em;
    opacity: .65;
}

.customer-img-details.add-edit-blog-img-section .k-widget.k-upload.k-header span.k-file-name-size-wrapper {
    display: none;
}

.customer-img-details.add-edit-blog-img-section ul.k-upload-files.k-reset {
    border: 0;
    display: inline-block;
    height: auto;
    width: 100%;
}

.customer-img-details.add-edit-blog-img-section li.k-file.k-file-success {
    padding: 0;
    border: 0;
    display: inline-block;
    width: 100%;
    height: auto;
}

.customer-img-details.add-edit-blog-img-section .k-widget.k-upload .k-dropzone {
    margin: 5px 0 0;
}

.customer-img-details.add-edit-blog-img-section ul.k-upload-files.k-reset img#imgFileUpload, .container-fluid.over-tab-hiden, #myTabContent {
    position: relative;
}

.top-fiter-container.bank-rule-list-reorder-div .search-box {
    margin-left: 5px;
    max-width: 400px;
    width: 100%;
}

.top-fiter-container.bank-rule-list-reorder-div {
    margin-left: auto;
}

.top-fiter-container.bank-layout-reorder-div.banking-tabs-section-btns {
    position: absolute;
    top: 10px;
    left: auto;
    right: 0;
}

.top-fiter-container.bank-layout-reorder-div.bank-layout-import-export-btns {
    top: 0px;
    left: auto;
    right: 0;
    position: absolute;
}

.top-fiter-container.bank-layout-reorder-div .search-box {
    margin-left: 5px;
    max-width: 400px;
    width: 100%;
}

#myTabContent #forreview .search-box {
    width: 340px;
}

#tabstripBank-1 .account-trans span.top-content {
    padding: 0;
    display: inline-block;
    width: 100%;
    color: #396598;
    background: #edf1f5;
}

    #tabstripBank-1 .account-trans span.top-content span.left-block {
        width: 70%;
        float: left;
        display: inline-block;
        color: #396598;
        background: #edf1f5;
        padding: 15px 0 15px 15px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #tabstripBank-1 .account-trans span.top-content span.float-right {
        width: 20%;
        text-align: right;
        padding: 15px;
    }

#tabstripBank-1 .account-trans.active .top-content, #tabstripBank-1 .account-trans.active .top-content span.left-block {
    background: #4c9534;
    color: #fff;
}

.addedit-cat-section .visibility .collections {
    padding: 0;
    border: 0;
}

    .addedit-cat-section .visibility .collections .form-check {
        padding: 0;
        margin-bottom: 5px;
        border: 0;
    }

.addedit-cat-section .visibility .wix-card-header {
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
    padding-bottom: 15px;
    border: 0;
}

    .addedit-cat-section .visibility .wix-card-header h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 900;
        color: #25364a;
        line-height: initial;
        padding: 0;
    }

.addedit-cat-section a#anchoraddBlogDraftCategory {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    padding: 7px 10px;
    border-radius: 50px;
}

    .addedit-cat-section a#anchoraddBlogDraftCategory:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.addedit-cat-section #dvddlBlogDraftCategory span.select2.select2-container.select2-container--default {
    border: 0;
}

.addedit-cat-section span.select2.select2-container.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
    cursor: text;
}

#previewModal .img-section, #BlogPublishPreviewModal .img-section {
    text-align: center;
}

    #previewModal .img-section img#imgFileUpload, #BlogPublishPreviewModal img#Imgdisplay {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

#previewModal.preview-page .modal-content, #BlogPublishPreviewModal.preview-page .modal-content {
    box-shadow: none;
}

.main-content.layout-column .header.layout-column.layout-align-center-center {
    background: none;
}

#tabstripBank-1 .btn-group.batch-actions-link > .btn {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.top-fiter-container.marketplace-reorder-div > div {
    margin-bottom: 0px;
    margin-left: 11px;
}

.marketplacetabs .top-fiter-container.marketplace-reorder-div > div {
    margin: 0 -7.5px;
}

.marketplace-page .shippingmanagement-main {
    margin-bottom: 0;
}

.marketplace-page-grid.orderManagement .k-grid-header th.k-header {
    padding: 5px 10px !important;
    height: auto;
    text-align: center;
    color: #000;
}

.marketplace-page-grid.orderManagement .k-grid-header tr th.k-hierarchy-cell.k-header {
    border-top: 0;
}

.marketplace-page-grid.orderManagement .k-grid-header tr:first-child th.k-hierarchy-cell.k-header, #ListViewGrid div.k-grid-header tr:first-child th.k-hierarchy-cell.k-header {
    border-bottom: 0;
    border-top: 1px solid #ccc;
}

#exampleBankModal .modal-dialog {
    max-width: 300px;
}

#exampleBankModal .modal-footer {
    text-align: center;
    display: inline-block;
}

    #exampleBankModal .modal-footer button.btn.btn-default.Save-but {
        float: none;
        text-align: left;
    }

#ReportGrid {
    padding: 20px 0 20px 20px;
    margin-top: -14px;
}

.marketplace-reorder-div {
    padding: 0px 0 20px 0px;
}

#ReportGrid {
    background: #fff;
}

/*div#serviceContent {
    margin-top: 5px;
}*/

.journal-entry-transaction-page .customers-title h2 {
    padding-left: 0;
}

.hot-deals-page .select2-container--default .select2-search--inline .select2-search__field, .best-seller-page .select2-container--default .select2-search--inline .select2-search__field, .todays-deal-page .select2-container--default .select2-search--inline .select2-search__field {
    padding: 0 5px;
}

.hot-deals-page .select2-container--default .select2-selection--multiple .select2-selection__rendered, .best-seller-page .select2-container--default .select2-selection--multiple .select2-selection__rendered, .todays-deal-page .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

input#AuthorProfile, input#RemoveAuthorProfile {
    margin-top: 5px;
    border: 1px solid;
    border-radius: 25px;
    padding: 5px 15px;
}

input#RemoveAuthorProfile {
    float: right;
    margin: 5px 15px 0 0;
}

#example .k-button.k-button-icon .k-icon:before, #example .k-grid-filter .k-icon:before, #example .k-header .k-icon:before {
    text-indent: 0 !important;
}

#example .k-button-group .k-tool-icon {
    width: 50px;
}

#productMasterDetail ul.k-tabstrip-items.k-reset {
    margin: 8px 0 0px 0;
}

div.marketplacetabs ul.k-tabstrip-items.k-reset {
    margin: 0px 0 0px 0 !important;
}

div#PriceTab .marketplace-page-grid {
    padding-top: 10px !important;
}

div#tabstrip .k-content {
    width: 100%;
    float: left;
}

div#MarketPlaceListingTab {
    padding: 0px !important;
}

/*div#InventoryTab {
    padding: 15px 0px !important;
}*/

a.k-header-column-menu {
    color: #000 !important;
}

.ShipStationDropDown {
    background-color: #fff;
    margin: 0;
    line-height: 34px;
    color: #000;
    border: #ddd solid 1px;
    padding: 0 20px 0 10px;
    font-weight: 500;
    border-radius: 5px;
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    font-size: 15px;
    height: 41px;
    width: 100%;
}

select.ShipStationDropDown option {
    background: #f7fafc;
    text-decoration: none;
    color: #262626;
    padding: 10px !important;
}

select.ShipStationDropDown:hover {
    background-color: #fff;
}

select#StoreSetUpList {
    /*background-color: #0071DC;*/
    margin: 0;
    line-height: 34px;
    color: #000;
    padding: 0 30px 0 10px;
    border-radius: 5px;
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    height: 41px;
}

    select#StoreSetUpList option {
        background: #f7fafc;
        text-decoration: none;
        color: #262626;
        padding: 10px !important;
    }

div#StoreSetuplisting table {
    border-color: #ddd;
    width: 100%;
}

.tab-content div#StoreSetuplisting table th {
    border-right: #87bfb0 solid 1px;
    border-bottom: #87bfb0 solid 1px;
    padding: 10px;
    font-weight: 900;
}

.tab-content div#StoreSetuplisting table tbody {
    border-color: #ccc;
}

.tab-content div#StoreSetuplisting table tr td {
    padding: 5px 10px;
    border: #efefef solid 1px;   
}

.marketplace-page-grid .k-grid-header th.k-header input[type=checkbox] {
    margin-left: -6px;
    padding: 0px;
}

.marketplace-page-grid .k-grid-header th.k-header .chk-box {
    left: 11px;
}

.marketplace-page-grid .k-grid-header th.k-header input.checkbox:checked + .chk-box::after {
    left: 1px;
}

.marketplacetabs .checkbox:checked + .chk-box::after {
    left: 2px;
}

.tab-content div#StoreSetuplisting table tr td label {
    font-weight: 500;
}

.k-detail-cell input[type=checkbox]:checked:before {
    line-height: 15px;
    height: 15px !important;
    width: 13px !important;
}

input.productchkbx[type=checkbox]:checked:before, input.productchkbx[type=checkbox]:checked:before {
    background: green;
    width: auto !important;
    height: auto !important;
    text-align: center;
    margin: 0 auto;
    color: #fff !important;
    border-radius: 50px;
}

div#Pricegrid input[type=checkbox]:checked, div#Inventorygrid input[type=checkbox]:checked {
    border: none;
}

#Inventorygrid input.k-checkbox {
    border-radius: 3px;
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    margin: 0 auto;
    opacity: 1;
    display: block !important;
    background: #fff;
    cursor: pointer;
}

#Inventorygrid input[type=checkbox], #PriceTab input[type=checkbox] {
    width: 20px !important;
    height: 20px;
    background: #fff
}

div#Inventorygrid thead, div#Inventorygrid thead.k-grid-header {
    background: #f5faff;
}

div#Inventorygrid .k-grid-header th.k-header {
    padding: 5px 10px !important;
    height: auto;
    color: #000;
}

div#Inventorygrid a.k-link, div#Inventorygrid .variations.k-grid.k-widget.k-display-block.k-editable th a.k-link {
    color: #000;
}

div#Inventorygrid .variations.k-grid.k-widget.k-display-block.k-editable th, div#ListViewGrid .variations.k-grid.k-widget.k-display-block.k-editable th {
    padding: 10px 6px !important;
    color: #000;
}

div#ListViewGrid .variations.k-grid.k-widget.k-display-block.k-editable th {
    color: #000;
    vertical-align: middle;
    text-align: center;
    background-color: #f5faff;
    font-weight: 600;
}

.user-information-list-edit-user div#reorderDiv {
    float: right;
    margin: 0;
}

.user-information-list-edit-user .customer-img-details.customer-img-details-blog {
    margin: 0 auto;
    text-align: center;
    float: none;
}

#Inventorygrid tr:first-child th:nth-child(3) a.k-link, #Inventorygrid tr:first-child th:nth-child(4) a.k-link {
    font-size: 13px;
}

#Inventorygrid tr:first-child th:nth-child(6) {
    padding: 0 !important;
}

#Inventorygrid img.store-img, #ListViewGrid img.listing-store-img, #Pricegrid img.store-img {
    max-width: 125px;
    display: block;
    padding: 0 15px;
    margin: 0 auto;
    border-radius: 100px;
    background: #fff;
    width: auto;
    height: 44px;
}

#MarketPlaceListingTab img.listing-store-img {
    width: 85px;
    display: block;
}

/*div#BuyBoxTab {
    padding: 0 15px !important;
}*/

.add-edit-service-popup .modal-dialog {
    max-width: 845px;
}







.pending-shipmentorders .pending-shipment-allorder,
.pick-and-pack-pending-orders-list .pending-shipment-allorder,
.three-pl-delivered-orders .pending-shipment-allorder,
.three-pl-cancelled-orders .pending-shipment-allorder {
    width: calc(100% - 365px);
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.pending-shipmentorders .desk-view-sidebar,
.pick-and-pack-pending-orders-list .desk-view-sidebar,
.three-pl-delivered-orders .desk-view-sidebar,
.three-pl-cancelled-orders .desk-view-sidebar {
    min-width: 365px;
    width: 365px;
    flex: none;
    padding: 0 7.5px;
}

.cancelled-orders .pending-shipment-allorder,
.hold-orders .pending-shipment-allorder,
.delivered-orders .pending-shipment-allorder,
.shipped-orders .pending-shipment-allorder,
.three-pl-shipped-orders .pending-shipment-allorder {
    width: calc(100% - 230px);
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.cancelled-orders .desk-view-sidebar,
.hold-orders .desk-view-sidebar,
.delivered-orders .desk-view-sidebar,
.shipped-orders .desk-view-sidebar,
.three-pl-shipped-orders .desk-view-sidebar {
    min-width: 230px;
    width: 230px;
    padding: 0 7.5px;
}

.pending-shipmentorders .sidebarmain,
.cancelled-orders .sidebarmain,
.hold-orders .sidebarmain,
.delivered-orders .sidebarmain,
.shipped-orders .sidebarmain,
.threeplunderprocessorders .sidebarmain,
.pick-and-pack-pending-orders-list .sidebarmain {
    bottom: 0;
    right: -7.5px !important;
}

.pending-shipment-orders div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar,
.pick-and-pack-pending-orders-list div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
    top: -52px;
    right: 145px;
    padding: 0px 0;
}

.pick-and-pack-pending-orders-list .search-area-main {
    width: 36%;
}














/* Media Queries Start */
/*Responsive*/
@media (max-width:1350px) {
    .carousel .item h3 {
        font-size: 17px;
        height: 90px
    }

    .inbox-center a {
        width: 400px
    }

    .invoice-team label {
        padding-left: 20px;
    }
}

@media (min-width:1024px) {
    .app-search .form-control:focus {
        width: 300px
    }
}



@media (min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 240px;
    }

    .fix-header .navbar-static-top {
        position: fixed;
    }

    .fix-header #page-wrapper {
        margin-top: 60px;
    }



    .fix-sidebar .sidebar {
        position: fixed;
        overflow: hidden;
    }

    .fix-sidebar .top-left-part {
        position: fixed;
        width: 240px;
    }

    .fix-sidebar .navbar-left {
        margin-left: 240px;
    }

    .footer {
        left: 0;
    }

    .content-wrapper #page-wrapper {
        margin-left: 0;
    }

    .content-wrapper .navbar-left {
        margin-left: 0;
    }

    .content-wrapper .user-profile .user-pro-body .u-dropdown {
        display: none;
    }

    .content-wrapper .user-profile .user-pro-body img {
        width: 40px;
    }

    .content-wrapper .sidebar .user-profile {
        width: 0px;
        padding: 0;
    }

    .content-wrapper .sidebar {
        width: 0px;
    }

        .content-wrapper .sidebar .hide-menu {
            display: none;
            width: auto;
            left: 0;
        }

        .content-wrapper .sidebar .sidebar-nav {
            position: absolute;
            overflow: visible;
        }

            .content-wrapper .sidebar .sidebar-nav .nav-second-level {
                position: absolute;
                z-index: 999999;
            }

        .content-wrapper .sidebar .nav-small-cap, .content-wrapper .sidebar li span span {
            display: none;
        }

        .content-wrapper .sidebar #side-menu > li:hover {
            width: 300px;
            background: #f7fafc;
        }

            .content-wrapper .sidebar #side-menu > li:hover ul {
                display: block;
                max-width: 230px;
                width: 230px;
                left: 70px;
            }

        .content-wrapper .sidebar li:hover .hide-menu {
            display: inline-block;
            color: #000;
        }

        .content-wrapper .sidebar #side-menu > li > a {
            padding: 7px 5px;
            display: flex;
        }

        .content-wrapper .sidebar li:hover .nav-second-level, .content-wrapper .sidebar li:hover .nav-second-level.collapse li, .content-wrapper .sidebar li:hover .nav-second-level.in {
            display: block;
        }

        .content-wrapper .sidebar .nav-second-level {
            position: absolute;
            left: 60px;
            background: #f7fafc;
            width: 240px;
            opacity: 1;
            padding-bottom: 20px;
            display: none;
        }

            .content-wrapper .sidebar .nav-second-level li {
                background: #f7fafc;
            }

            .content-wrapper .sidebar .nav-second-level > li > a {
                padding-left: 30px;
                background: #f7fafc;
            }

    .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
        margin-left: auto;
    }

        .navbar-top-links .dropdown-tasks input {
            background: #24AEFF;
            border: #24AEFF solid 1px;
            color: #fff;
            border-radius: 4px;
            transition: all 0.3s;
        }

            .navbar-top-links .dropdown-tasks input:hover {
                background: #0071DC;
                border: #0071DC solid 1px;
                transition: all 0.3s;
            }

        .navbar-top-links .dropdown-tasks p {
            margin: 0px;
        }

    .mail_listing {
        border-left: 1px solid rgba(120, 130, 140, .13);
        padding-left: 20px;
    }

    .inbox-panel {
        padding-right: 20px;
    }

    .top-minus {
        margin-top: -62px;
        float: right;
    }

    .content-wrapper.fix-sidebar .navbar-left, .fix-sidebar.content-wrapper .navbar-left {
        margin-left: 60px !important;
    }

    .content-wrapper.fix-sidebar .sidebar, .fix-sidebar.content-wrapper .sidebar {
        position: fixed;
    }

        .content-wrapper.fix-sidebar .sidebar .sidebar-nav, .fix-sidebar.content-wrapper .sidebar .sidebar-nav {
            position: absolute;
        }

            .content-wrapper.fix-sidebar .sidebar .sidebar-nav .nav-second-level, .fix-sidebar.content-wrapper .sidebar .sidebar-nav .nav-second-level {
                position: absolute;
                z-index: 99999;
            }

    .lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
        color: #fff;
    }

    #FormBulkUpdate .col-sm-2 {
        max-width: max-content;
    }

    #FormBulkUpdate .col-sm-10 {
        max-width: 85%;
    }

    #FormBulkUpdate .col-sm-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    #FormBulkUpdate .col-sm-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    div#multi_Div_ShippingConfig, div#multi_Div_Dimensions, div#multi_Div_Weight, div#multi_Div_Confirmation, div#multi_Div_Insurance {
        padding: 0 3%;
    }

    #FormBulkUpdate label.col-sm-12 {
        text-align: center;
    }

    .col-sm-4.cust-details-sec {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .cust-details-border-0 .timeline-dropdown-dots-sec {
        height: auto;
    }

    .cust-details-border-0 .chart-section, .cust-details-border-0 .chart-section p.balance-amount {
        margin: 0;
    }

        .cust-details-border-0 .chart-section .white-box {
            padding: 0;
        }
}

@media (min-width:768px) and (max-width:991px) {
    #ListViewGrid .product {
        border: 1px solid #ccc;
    }

    #showSubVariation.product-button {
        padding: 3px 5px;
        font-size: 12px;
    }

    #Compnaygrid button#textButton, #Compnaygrid button#btnActive, #Compnaygrid #btnInActive, .batch-actions-link button, .top-fiter-container .dropdown.bc .btn-cal-filter {
        font-size: 14px !important;
    }

    .search-box input[type=text] {
        font-size: 14px;
    }

    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 646px;
        width: 100% !important;
    }

  /*  #CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 2%;
    }*/
    /*.col-sm-2.tab-view-select-store,*/
    .col-sm-3.tab-view-search, .col-sm-4.tab-view-search, .col-sm-3.tab-view-search-shipped, .col-sm-2.tab-view-select-store-shipped, .col-sm-3.tab-view-search-cancel, .col-sm-2.tab-view-select-store-cancel {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tab-view-btn, .tab-view-sidebar .form-check, .tab-view-btn-shipped, .tab-view-sidebar-shipped .form-check, .tab-view-btn-cancel, .tab-view-sidebar-cancel .form-check {
        margin-top: 5px;
    }

    div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar {
        position: relative;
        right: 0;
        top: 0;
        border: 0;
    }

    div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
        right: 0%;
        top: -200px;
    }

    #ListViewGrid .menudropdown, #ListViewGrid .editmenudropdown, #ListViewGrid .submenudropdown {
        float: none;
        width: auto;
        display: inline-block;
        vertical-align: text-top;
    }

    #ListViewGrid .product .product_img img {
        max-width: 255px;
        max-height: 255px;
        width: 100%;
        height: 100%;
    }

    #ListViewGrid .product .product_img {
        max-width: 201px;
        max-height: 201px;
        margin: 0 auto;
        width: 100%;
        height: 201px;
        padding-bottom: 10px;
    }

    .page-title, .tab-view-btn.lap-view-btn.desk-view-btn {
        margin-top: 7px;
    }

    .pending-shipment-orders .shipments-filter-bar .dropdown.bc {
        margin-left: 0;
        float: left;
        margin-bottom: 10px;
    }

    .pending-shipment-orders .shipments-filter-bar .btn-group {
        margin-left: 5px;
        float: left;
        margin-bottom: 10px;
    }

        .pending-shipment-orders .shipments-filter-bar .btn-group a.btn.btn-link.dropdown-toggle {
            line-height: 16px;
        }

            .pending-shipment-orders .shipments-filter-bar .btn-group a.btn.btn-link.dropdown-toggle span.field-value {
                line-height: 16px;
            }

    .tab-view-btn.lap-view-btn.desk-view-btn {
        flex: 0 0 58%;
        max-width: 58%;
        text-align: right;
        padding-right: 0;
    }

    .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 23%;
        max-width: 23%;
        margin: 7px 0;
        padding-left: 0;
        padding-right: 13px;
    }

    .shippingmanagement .shipments-filter-bar .columns-main {
        float: left;
    }

    .shippingmanagementorders-main .filters {
        padding: 0;
    }

    .shippingmanagementorders-main .all-orders-page .filters {
        padding: 10px 0;
    }

    .pending-shipment-orders .recent-main ul li {
        margin-right: 0px;
    }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
        margin-left: 0px;
    }

    .div-fix-height {
        height: 50px;
        padding: 0 5px;
    }

    .pending-shipment-orders .page-title, .pending-shipment-orders .tab-view-select-store {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .pending-shipment-orders .tab-view-search.lap-view-search.desk-view-search {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 5px;
    }

    .pending-shipment-orders .tab-view-select-store {
        margin-top: 5px;
    }

    .all-orders-filter-bar .tab-view-select-status, .all-orders-filter-bar .tab-view-select-store {
        flex: 0 0 33%;
        max-width: 33%;
    }

    div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar {
        position: absolute;
        right: 0%;
        top: -210px;
    }
}

@media (min-width:858px) and (max-width:991px) {
    div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar {
        right: 0%;
        top: -190px;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    #FormBulkUpdate .col-md-3 {
        max-width: 33%;
        font-size: 13px;
    }

    #FormBulkUpdate .col-md-9 {
        max-width: 67%;
    }

    #FormBulkUpdate label.col-sm-12 {
        text-align: right;
    }

    .col-sm-4.cust-details-sec {
        max-width: 47%;
        flex: 0 0 47%;
    }

    .journal-entry-transaction-page .col-md-12.col-lg-4.customers-title {
        flex: 0 0 24.333333%;
        max-width: 24.333333%;
        padding-right: 0;
    }

    .journal-entry-transaction-page .col-md-12.col-lg-8.top-fiter-container {
        flex: 0 0 75.666667%;
        max-width: 75.666667%;
        padding-left: 0;
    }

    .journal-entry-transaction-page .search-box input[type=text] {
        font-size: 13px;
        padding: 8px 10px;
    }

    .journal-entry-transaction-page .batch-actions-link button {
        font-size: 14px;
    }

    .journal-entry-transaction-page .top-fiter-container > div {
        margin-right: 6px;
        margin-bottom: 14px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #ListViewGrid .product {
        border: 1px solid #ccc;
    }

       /* #ListViewGrid .product img {
            max-width: 239px;
            max-height: 239px;
            width: 100%;
        }*/

        #ListViewGrid .product .product_img {
            max-width: 239px;
            max-height: 239px;
            width: 100%;
            height: 100%;
            padding-bottom: 10px;
        }

    #showSubVariation.product-button {
        padding: 3px 5px;
        font-size: 12px;
    }

    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 902px;
        width: 100% !important;
    }

    #CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 8%;
    }

    .tab-view-btn, .tab-view-sidebar .form-check {
        margin-top: 0px;
    }

    .tab-view-btn, .tab-view-btn {
        max-width: 50%;
        flex: 0 0 50%;
        float: right;
        text-align: right;
    }

    .tab-view-btn-shipped {
        max-width: 62%;
        flex: 0 0 62%;
        float: right;
        text-align: left;
    }
    /*.col-sm-2.tab-view-select-store,*/
    .col-sm-3.tab-view-search, .col-sm-4.tab-view-search {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .col-sm-3.tab-view-search-cancel, .col-sm-2.tab-view-select-store-cancel {
        max-width: 19%;
        flex: 0 0 19%;
    }

    .col-sm-3.tab-view-search-shipped, .col-sm-2.tab-view-select-store-shipped {
        max-width: 19%;
        flex: 0 0 19%;
    }

    .col-sm-2.tab-view-sidebar, .col-sm-2.tab-view-sidebar-shipped {
        float: right;
        /*width: 85%;*/
        max-width: auto;
        flex: 0 40%;
        margin-top: 5px;
        flex: auto;
    }

    .col-sm-2.tab-view-sidebar-cancel {
        max-width: 29%;
        flex: 0 0 29%;
    }

    div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar,
    div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar,
    div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar,
    div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar {
        position: absolute;
        right: 17%;
        top: -50px;
        border: 0;
    }

    div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar {
        right: 1%;
        top: -201px;
    }

    div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar {
        top: -13.5%;
    }

    div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar {
        right: 17%;
    }

    #ListViewGrid .menudropdown, #ListViewGrid .editmenudropdown, #ListViewGrid .submenudropdown {
        float: none;
        width: auto;
        display: inline-block;
        vertical-align: text-top;
    }

    .pending-shipment-orders .page-title {
        padding: 0;
        margin: 4px 0 0 0;
    }

    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        max-width: 40%;
        flex: 0 0 40%;
        padding: 0;
        margin-top: 5px;
    }

    .pending-shipment-orders .shipments-filter-bar .dropdown-toggle {
        font-size: 14px;
    }

    .pending-shipment-orders .shipments-filter-bar .btn-group a, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li a {
        font-size: 14px;
    }

    .shippingmanagement.pending-shipment-orders h2 {
        font-size: 17px;
    }

    .pending-shipment-orders .shipments-filter-bar .dropdown.bc {
        margin-left: 0;
    }

    .pending-shipment-orders .col-sm-3.col-md-3.tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 28%;
        max-width: 28%;
        padding: 0;
        margin-left: -5px;
    }

    .pending-shipment-orders .recent-main ul li {
        margin-right: 2px;
        float: left;
    }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
        margin-left: 0px;
    }

    .pending-shipment-orders .shipments-filter-bar .form-control#Stores {
        height: 39px;
        float: left;
        margin-left: 0px;
        padding: 0 0 !important;
    }

    .shippingmanagement-main .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar .sidebar-right {
        float: right;
        padding: 0;
    }

    /*.pending-shipment-orders div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
        top: -216px;
        right: 0;
        padding: 3px 0;
    }*/

    .pending-shipment-orders span.multiselect-shipping-manage-orders {
        margin-left: 5px;
    }

    .pending-shipment-orders .shipments-filter-bar .btn-group, .pending-shipment-orders .shipments-filter-bar .dropdown.bc, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li a, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
        padding: 8px 15px;
        float: left;
    }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .columns-main {
        float: left;
        display: inline-block;
        margin-left: 1px;
        margin-right: 0px;
    }

    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn .dropdown.bc.orderd {
        margin-right: 0px !important;
    }

    .pending-shipment-orders .shipments-filter-bar .btn-group {
        margin-left: 2px;
    }
}

@media (min-width:1280px) {
    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 978px;
        width: 100% !important;
    }

    /*#CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 8%;
    }*/

    .journal-entry-transaction-page .search-box input[type=text] {
        font-size: 14px;
        padding: 7px 10px;
    }

    .journal-entry-transaction-page .batch-actions-link button {
        font-size: 14px;
    }

    .journal-entry-transaction-page .top-fiter-container > div {
        margin-right: 9px;
        margin-bottom: 14px;
    }
}

@media only screen (min-width:1200px) and (max-width:1366px) {
    div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
        top: -220px;
    }
}



@media (min-width:1366px) {
    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 1064px;
        width: 100% !important;
    }

   /* #CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 12%;
    }*/

    #collapseOne .input-group-btn-vertical.main-new-add-3 {
        right: 18px;
    }
    /*
    .shipping-management-orders-page .ms-options-wrap > button:focus, .shipping-management-orders-page .ms-options-wrap > button {
        color: #000;
        border: 1px solid #ccc;
        font-size: 14px !important;
        border-radius: 5px;
    }

        .shipping-management-orders-page .ms-options-wrap > button:focus, .shipping-management-orders-page .ms-options-wrap > button:focus {
            border: 1px solid #000;
            margin-top: 0px;
        }*/



    .journal-entry-transaction-page .search-box input[type=text] {
        min-width: 300px;
    }
}

@media (min-width:1400px) {
    #FormBulkUpdate .col-md-3 {
        max-width: 25%;
    }

    #FormBulkUpdate .col-md-9 {
        max-width: 75%;
    }

    #FormBulkUpdate .col-sm-6 {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    .col-sm-4.cust-details-sec {
        max-width: 31%;
        flex: 0 0 31%;
    }

    .cust-details-border-0 .timeline-dropdown-dots-sec {
        height: 100px;
    }

    .cust-details-border-0 .chart-section, .cust-details-border-0 .chart-section p.balance-amount {
        margin: 15px 0;
    }

    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 1064px;
        width: 100% !important;
    }

    /*#CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 12%;
    }*/
}

@media (min-width:1704px) {
    .tab-view-search-shipped, .tab-view-select-store-shipped {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .tab-view-btn-cancel.lap-view-btn-cancel {
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }

    .tab-view-sidebar-shipped {
        max-width: 16% !important;
        flex: 0 0 16% !important;
        margin-top: 0px !important;
    }

    .tab-view-sidebar-cancel {
        max-width: 25% !important;
        flex: 0 0 25% !important;
        margin-top: 0px !important;
    }



    .tab-view-btn-shipped.lap-view-btn-shipped {
        flex: 0 0 44% !important;
        max-width: 44% !important;
    }
}

@media (max-width:1703px) {
    .tab-view-btn-shipped.lap-view-btn-shipped {
        flex: 0 0 83% !important;
        max-width: 83% !important;
        width: 100%;
    }

    .tab-view-search-shipped, .tab-view-select-store-shipped {
        flex: 0 0 33%;
        max-width: 33%;
    }

    /* div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar {
        right: 15%;
    }*/
}

@media (min-width:1440px) {
    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 1138px;
        width: 100% !important;
    }

    /*#CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 8%;
    }*/
}

@media (min-width:1600px) {
    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 1298px;
        width: 100% !important;
    }

   /* #CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 8%;
    }*/

    #collapseOne .input-group-btn-vertical.main-new-add-3 {
        right: 26px;
    }

    .tab-main.purchase .allSaveOption .dropdown-toggle {
        top: 0px;
    }

    #Inventorygrid img.store-img, #ListViewGrid img.listing-store-img, #Pricegrid img.store-img {
        max-width: 160px;
        display: block;
        padding: 0 35px;
        margin: 0 auto;
        border-radius: 100px;
        background: #fff;
        width: 100%;
    }
}

#grid img.listing-store-img, #Inventorygrid img.listing-store-img {
    max-width: 100%;
    display: block;
}

span.store-logo {
    display: inline-flex;
    width: auto;
    height: 40px;
    padding: 5px 10px;
    margin: 0 auto;
    border-radius: 100px;
    background: #fff;
    margin-bottom: 6px;
    box-shadow: 0 0px 6px #00000021;
    text-align: center;
    justify-content: center;
    overflow: hidden;
}

    span.store-logo img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

.itemdetailssc {
    overflow-x: auto;
    overflow-y: hidden;
}

.customlogo {
    position: relative;
}

    .customlogo #RemoveCustomLogo, .customlogo .storelogo {
        border-radius: 50px;
        padding: 3px 6px;
        margin-bottom: 8px;
        border: #f1f1f1 solid 1px;
        position: absolute;
        top: 54px;
        right: 0;
        left: 135px;
    }

.ac-store-logo-img {
    width: 128px;
    height: 128px;
    cursor: pointer;
    display: inline-flex;
    border: #ccc solid 1px;
    border-radius: 5px;
    padding: 5px;
    align-items: center;
}



@media (min-width:1170px) {
    .shipments-filter-bar .btn-group, .shipments-filter-bar .dropdown.bc, .shippingmanagement .shipments-filter-bar .recent-main ul li a, .shippingmanagement .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
        padding: 8px 15px;
    }

        .shipments-filter-bar .btn-group a.btn, .shipments-filter-bar .dropdown-toggle, .shippingmanagement .shipments-filter-bar .recent-main ul li a, .shippingmanagement .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
            font-size: 14px;
            line-height: 21px;
        }

    #ListViewGrid .product {
        position: relative;
        height: auto;
        margin: 0px 0 14px 0;
        border: 1px solid #ccc;
    }
}

@media (max-width:1024px) {
    .b-r-none {
        border-right: 0
    }

    .carousel-inner h3 {
        height: 90px;
        overflow: hidden
    }

    .inbox-center a {
        width: 300px
    }
    /*index*/
    .footer {
        left: 0;
    }

    .r-icon-stats .bodystate {
        padding-left: 5px;
    }

    .r-icon-stats i {
        width: 46px;
        height: 46px;
        padding: 11px;
    }

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

    .stat-item {
        padding-right: 2px;
    }
    /*index And*/
    /*products detail*/
    .images-videos.product-div .vedio-main {
        overflow-x: scroll;
    }

        .images-videos.product-div .vedio-main table.table {
            width: 1000px;
        }

    .reorder button {
        padding: 0 10px;
    }

    .collections a {
        font-size: 18px;
    }

    .content-wrapper .footer {
        left: auto;
    }

    .add-another i {
        padding-right: 5px;
    }

    .choose-main .choose-part {
        width: 96%;
        min-width: 96%;
        max-height: auto;
        max-width: 96%;
        margin: 2%;
        box-sizing: border-box;
    }

    .srh-icon {
        margin-top: 10px;
    }
    /*products detail and*/
}

@media (max-width:1000px) {

    #morris-donut-chart {
        height: 264px !important;
    }

    .text-success, .text-danger {
        line-height: 20px;
        font-size: 12px
    }

    .white-box .box-title {
        line-height: 20px;
    }

    .stat-item {
        width: 100%;
    }

        .stat-item + .stat-item {
            border: 0;
            padding: 0;
        }

            .stat-item + .stat-item h6 {
                font-size: 16px;
            }
    /*index and*/
    /*banking*/
    .credit-part span {
        font-size: 18px;
    }

    .k-header.k-grid-toolbar {
        text-align: left;
    }

    .btn-success.btn-rounded {
        font-size: 12px;
    }
    /*banking And*/
    .vendordiv .dropdown-toggle, .vendordiv .btn-group.show.open, .btn.btn-primary.dropdown-toggle {
        min-width: 120px;
    }

    .sttabs nav a span {
        display: block;
    }

    .tab-main nav ul {
        width: auto;
    }

    .tabs-style-line nav li.tab-current a {
        border-bottom: solid 3px #7fba00;
        color: #7fba00;
        box-shadow: 0 0 0 0;
    }

    .invoice-team a {
        display: block;
    }


    .overdueright.days-paid {
        font-size: 11px;
    }

    .btn-group.uplade-button button {
        width: 150px;
    }
}

@media (max-width:767px) {
    /*banking And*/
    .btn-group.uplade-button button {
        margin: 10px 0;
    }

    .vendordiv {
        margin-bottom: 10px;
    }

    .btn-group.rule button {
        margin-bottom: 16px;
    }

    #example23 {
        width: 1000px;
    }

    .btn-group.uplade-button button {
        margin-bottom: 0px;
    }

    /*index*/
    .white-box {
        text-align: left;
        min-height: auto;
    }

    .bodystate span.text-muted {
        font-size: 16px;
    }

    .bodystate h4 {
        margin-top: 0;
    }

    .stat-item {
        width: 30%;
    }
    /*index And*/
    /*products detail.html*/
    .images-videos.product-div .vedio-main {
        overflow-x: scroll;
    }

        .images-videos.product-div .vedio-main table.table {
            width: 1000px;
        }

    .reorder {
        margin-top: 18px;
    }

    .images-videos {
        padding-bottom: 10px;
    }

    .vedio-main .color-box {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .vedio-main.videos-part-main {
        padding-bottom: 40px;
        display: inline-block;
    }

    .social-networks h2 {
        font-size: 12px;
    }

    .all-media-main ul li {
        display: block;
        width: 32%;
        text-align: center;
        margin-bottom: 1px;
    }

    .my-main-part .tab-content {
        padding: 0 10px;
    }

    .sttabs.tabs-style-line {
        margin-bottom: 0;
    }
    /*products detail and*/
    .navbar-top-links {
        display: inline-block
    }

        .navbar-top-links .profile-pic img {
            margin-right: 0
        }

        .navbar-top-links li:last-child {
            margin-right: 0
        }

        .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
            width: 260px
        }

    .row-in-br {
        border-right: 0;
        border-bottom: 1px solid rgba(120, 130, 140, .13)
    }

    .bg-title .breadcrumb {
        float: left;
        margin-top: 0;
        margin-bottom: 10px
    }

    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px)
    }

    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }

        ul.timeline > li > .timeline-panel:before {
            right: auto;
            left: -15px;
            border-right-width: 15px;
            border-left-width: 0
        }

        ul.timeline > li > .timeline-panel:after {
            right: auto;
            left: -14px;
            border-right-width: 14px;
            border-left-width: 0
        }

    .wizard-steps > li {
        display: block
    }

    .dropdown .dropdown-tasks, .dropdown .mailbox {
        left: -94px
    }

    .fix-header .navbar-static-top {
        position: fixed;
        top: 0;
        width: 100%
    }

    .fix-header #page-wrapper {
        margin-top: 60px
    }

    .fix-header .sidebar {
        position: fixed;
        height: 350px;
        top: 60px;
        z-index: 100;
        overflow: auto !important;
        box-shadow: 0 10px 35px rgba(0, 0, 0, .2)
    }

    .mega-dropdown-menu {
        height: 340px;
        overflow: auto
    }

    .left-aside {
        position: relative;
        width: 100%;
        border: 0
    }

    .right-aside {
        margin-left: 0
    }

    .chat-main-box .chat-left-aside {
        left: -250px;
        transition: .5s ease-in;
        background: #fff
    }

        .chat-main-box .chat-left-aside.open-pnl {
            left: 0
        }

        .chat-main-box .chat-left-aside .open-panel {
            display: block
        }

    .chat-main-box .chat-right-aside {
        margin: 0
    }

    .table-responsive.pro-rd {
        border: none
    }

    #msform fieldset, .login-register, .step-register {
        position: relative
    }

    .xs-hidden {
        display: none;
    }
}

@media (max-width:480px) {
    .vtabs .tabs-vertical {
        width: auto
    }

    .stat-item {
        padding-right: 0
    }

    .login-box {
        width: 100%
    }

    .pro-content .pro-list-details {
        height: 100px;
        border-right: none
    }

    .pro-list-info ul.pro-info li {
        padding: 10px 0
    }

    .pro-list-info ul.pro-info {
        padding-left: 0
    }

    .pro-agent .agent-img {
        padding-top: 3px
    }

    .pro-agent .agent-name {
        padding: 2px 0 10px 15px
    }
}

@media only screen and (min-width: 768px) {
    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container {
        width: 100vw
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container .trowser-header {
            padding: 15px 20px 0
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container .trowser-header .trowser-title, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container.trowser-preview-screen .trowser-header .trowser-title {
                font-size: 1.1875em
            }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container .trowser-footer-container {
            justify-content: center
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container .trowser-footer-container button {
                margin: auto 10px;
                width: 138px
            }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .trowser-container.trowser-settings-screen .trowser-header {
            background-color: #eceef1
        }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .qbbrand-loading-spinner {
        margin: 0;
        left: 45%
    }

    @keyframes showFake {
        0% {
            width: 100%;
            border: 0 #eceef1
        }

        to {
            width: 90%;
            border: 30px solid #eceef1;
            border-top: 0;
            border-bottom: 0
        }
    }

    @keyframes hideFake {
        0% {
            width: 90%;
            border: 30px solid #eceef1;
            border-top: 0;
            border-bottom: 0
        }

        to {
            width: 100%;
            border: 0 #eceef1;
            border-radius: 0
        }
    }

    @keyframes showFakeHeader {
        0% {
            height: 0;
            width: 100%;
            background: none
        }

        to {
            width: 90%;
            background: #eceef1;
            height: 64px;
            border-top-left-radius: 42px;
            border-top-right-radius: 42px
        }
    }

    @keyframes hideFakeHeader {
        0% {
            width: 90%;
            background: #eceef1;
            height: 64px;
            border-top-left-radius: 42px;
            border-top-right-radius: 42px
        }

        to {
            height: 0;
            width: 100%;
            background: none
        }
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container {
        padding: 0 20%
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .city-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .email-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .facebook-url-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .instagram-url-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .linkedin-url-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .phoneno-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .state-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .street-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .twitter-url-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .website-input-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .card-edit-wrapper .zipcode-input-wrapper {
            width: 85%;
            margin-bottom: 30px
        }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .company-address-card, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .company-details-card, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .company-logo-card, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .company-social-card {
            padding: 35px 20px
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .company-logo-card .add-logo-container {
                margin: 5px 0 20px
            }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container .company-address-card .city-state-wrapper {
                margin-bottom: 0
            }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container {
        padding-top: 20px;
        position: relative
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component {
            height: 100%
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .tablet-section-wrapper {
                height: calc(100% - 60px);
                height: -webkit-calc(100% - 60px);
                height: -moz-calc(100% - 60px);
                overflow-y: auto;
                padding: 0 15%
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .tablet-section-wrapper .static-section-wrapper:first-child {
                    margin-top: 0
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .tablet-section-wrapper .static-section-wrapper:last-child {
                    margin-bottom: 0
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .edit-section-wrapper {
                margin: 10px 0;
                width: auto;
                box-shadow: 0 2px 0 0 #d4d7dc;
                background-color: #fff;
                border-radius: 4px;
                height: auto
            }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section {
                padding: 40px 0
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .ha-color-picker-container .selected-color, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .name-with-logo, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .name-without-logo {
                    padding: 0 30px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .ha-color-picker-container .color-all-circle-inner .paletteColorCircle:first-child {
                    margin-left: 30px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay {
                    position: relative;
                    width: 30%;
                    top: 210px;
                    margin: auto;
                    border: 1px solid #d4d7dc;
                    box-shadow: 0 1px 0 0 hsla(218,9%,75%,.5)
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay:after, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay:before {
                        bottom: 100%;
                        left: 50%;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay:after {
                        border-color: rgba(136,183,213,0);
                        border-bottom-color: #fff;
                        border-width: 15px;
                        margin-left: -15px
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .logo-and-color-section .logo-drawer-overlay-container .drawer-overlay:before {
                        border-color: rgba(194,225,245,0);
                        border-bottom-color: #d4d7dc;
                        border-width: 16px;
                        margin-left: -16px
                    }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .email-edit-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .email-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .footer-message-edit-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .footer-message-section {
                padding: 40px 30px
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .address-edit-mode .city-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .address-edit-mode .country-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .address-edit-mode .street-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .address-edit-mode .city-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .address-edit-mode .country-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .address-edit-mode .street-input-field {
                    margin-bottom: 25px;
                    width: 85%
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .address-edit-mode .state-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .address-edit-mode .zip-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .address-edit-mode .state-input-field, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .address-edit-mode .zip-input-field {
                    width: 60%
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .address-static-mode, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .address-static-mode {
                    padding-top: 0
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .website-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .website-wrapper {
                    padding-bottom: 0
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-edit-section .current-edit-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .address-and-details-section .current-edit-section {
                    width: 85%
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .social-info-edit-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .social-info-section {
                padding: 40px 30px
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .social-info-edit-section .url-text-holder .add-social-url, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-component .social-info-section .url-text-holder .add-social-url {
                    width: 85%
                }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview {
        padding-top: 40px
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .mobile-screen-header {
            height: 64px;
            border-top-left-radius: 42px;
            border-top-right-radius: 42px
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .mobile-screen-header .mobile-header-cmp {
                background: #fff;
                top: 27px;
                position: relative;
                margin: 0 auto;
                border-radius: 10px;
                height: 10px;
                width: 10px;
                border-radius: 50%
            }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .header-text {
            font-size: 1.375em;
            padding: 35px 0
        }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container {
            border: 30px solid #eceef1;
            border-top: 0;
            border-bottom: 0
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-header {
                padding: 0 15px;
                margin: 15px 20px
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-header .email-to {
                    font-size: .9375em
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-header .email-from {
                    font-size: 1.125em
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-header .email-subject {
                    font-size: 1.375em;
                    padding: 34px 0 0;
                    margin-top: 15px
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .logo-and-color-section {
                margin: 34px 22px 0
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .logo-and-color-section .name-with-logo {
                    border-top: 0;
                    padding: 0
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .logo-and-color-section .name-with-logo .company-name {
                        padding-bottom: 0
                    }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .logo-and-color-section .company-name {
                    font-size: 1.625em;
                    padding: 20px 15px
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-section {
                padding: 0 62px;
                margin: 89px 22px 0;
                line-height: 2
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-section .email-body {
                    margin-top: 0
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .email-section {
                font-size: 1.125em
            }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section {
                margin: 42px 22px 0;
                font-size: inherit
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-header {
                    margin: 0;
                    padding: 0 0 10px;
                    font-size: .9375em
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver {
                    padding: 47px 62px
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver > div, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver > div {
                        margin: 0
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .bill-to-info, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .custom-fields-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info {
                        font-size: 1.125em
                    }

                        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .bill-to-info:only-child {
                            padding-bottom: 0
                        }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info {
                        padding-top: 36px;
                        padding-bottom: 36px
                    }

                        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info .shipping-date, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info .shipping-trackno, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info .shipping-vender {
                            margin-top: 26px
                        }

                        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .shiping-info:last-child {
                            padding-bottom: 0
                        }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .light-silver .custom-fields-wrapper {
                        padding-top: 36px
                    }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .display-inline-block {
                    display: inline-block
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-details-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-details-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-info {
                    padding-left: 10%
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-lable-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-lable-wrapper {
                    width: 20%;
                    float: left
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .shipping-lable {
                    width: 20%;
                    display: inline-block;
                    margin-right: 0
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .due-date, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .powered_by {
                    font-size: .9375em
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .dark-silver .total-amount {
                    font-size: 3.125em;
                    margin-top: 6px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-label {
                    display: inline-block
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-name, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-name {
                    display: inline-block;
                    margin-bottom: 14px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-address, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-street, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-address, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-street {
                    margin-bottom: 14px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .bill-to-address, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .ship-to-address {
                    padding-left: 8px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-field-item {
                    width: 50%;
                    padding-right: 10px;
                    margin-top: 0;
                    margin-bottom: 26px
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-field-item:last-child, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-field-item:nth-last-child(2) {
                        margin-bottom: 0
                    }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .bill-to-section .custom-fields-wrapper .custom-filed-name {
                    margin-top: 8px
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section {
                margin: 47px 22px 0;
                padding: 0 62px
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .item-label {
                    margin-bottom: 15px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .label {
                    font-size: 1.125em;
                    font-weight: 700
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .gray-text-color {
                    font-size: 1.125em
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .item-descrption {
                    font-size: 1em;
                    margin-bottom: 12px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata {
                    margin-bottom: 0
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata .date, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-details-section .item-metadata .quantity {
                        font-size: 1em
                    }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section {
                margin: 47px 22px 0;
                font-size: 1em
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .flex-box {
                    margin-bottom: 23px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container {
                    margin: 0;
                    padding: 47px 64px 47px 50%
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container > div {
                        font-size: 1.125em
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container .tax-wrapper {
                        margin-bottom: 23px
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container .flex-box:last-child {
                        margin-bottom: 0
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .subtotal-container:only-child {
                        margin: 0 64px;
                        padding-right: 0;
                        padding-left: 42%
                    }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary-container, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .tax-summary-container {
                    font-size: 1.125em;
                    padding: 47px 62px
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary-container .tax-label, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .tax-summary-container .tax-label {
                        margin-bottom: 8px
                    }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .account-summary-container .flex-box:last-child, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .product-billing-section .tax-summary-container .flex-box:last-child {
                        margin-bottom: 0
                    }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .customer-messages-section {
                font-size: 1.125em;
                padding: 0 62px;
                margin: 42px 22px 0
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .customer-messages-section .footer-message, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .customer-messages-section .no-footer-message {
                    padding: 0 0 15px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .customer-messages-section .footer-message {
                    line-height: 2
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .quickbooks-footer {
                font-size: .9375em;
                padding: 47px 0;
                margin: 40px 84px 0
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-address, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-name, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-phone {
                    margin-bottom: 24px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-info-wrapper {
                    display: flex;
                    justify-content: center
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-email, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-phone, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .company-website, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-email, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-phone, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .no-company-website {
                    display: inline-block;
                    padding: 0 10px
                }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .company-footer-section .social-site-icons {
                    margin-top: 37px
                }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .quickbooks-footer {
                margin-top: 0
            }

                .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .quickbooks-footer .footer-wrapper {
                    display: flex;
                    justify-content: center
                }

                    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .quickbooks-footer .footer-wrapper .all-rights, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .quickbooks-footer .footer-wrapper .privacy-security {
                        margin-top: 0;
                        display: inline-block;
                        padding: 0 10px
                    }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .review-and-pay {
                font-size: 1em
            }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .email-preview-sections-container .review-pay-wrapper {
                margin: 40px 0
            }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .trowser-footer-container {
            justify-content: center
        }

            .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .mobile-email-preview .trowser-footer-container button {
                margin: 0 30px
            }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .payment-title-text {
        font-size: 1.875em;
        padding: 10% 25%
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .toast-msg-wrapper {
        bottom: 3%
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .toast-msg-wrapper .payment-toast {
            font-size: .9375em
        }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .payment-options {
        margin-top: 0
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .payment-options .credit-card-icons {
            margin-right: 20px
        }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .first-row, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .second-row {
        margin: 0
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .second-row {
        margin-top: 30px
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .add-payment-options-text {
        margin-top: 40px;
        font-size: 1em
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .not-now-btn-wrapper, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .show-me-how-btn-wrapper {
        margin-top: 25px
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .not-now-btn-wrapper button, .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .show-me-how-btn-wrapper button {
            font-size: 14px
        }
}

@media only screen and (min-width: 768px) and (orientation:landscape) {
    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .qbbrand-loading-spinner {
        margin: 0;
        left: 47%
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .ftu-screen-container {
        padding: 0 25%
    }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container {
        padding-top: 20px
    }

        .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .section-container .tablet-section-wrapper {
            padding: 0 20%
        }

    .transactions-sfc-ui-mobile.transactions-sfc-ui-tablet .payment-page-container .payment-title-text {
        padding: 10% 30%
    }
}

@media (min-width:1200px) and (max-width:1299px) {

    #ListViewGrid .product .product_img img {
        max-width: 255px;
        max-height: 255px;
        width: 100%;
    }

    .input-group-btn-vertical.main-new-add-3 {
        right: 18px;
    }
}

@media (min-width:1300px) and (max-width:1365px) {

    #ListViewGrid .product .product_img img {
        max-width: 255px;
        max-height: 255px;
        width: 100%;
    }

    .input-group-btn-vertical.main-new-add-3 {
        right: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .transactions-sfc-ui-mobile .trowser-container {
        width: 100vw
    }

    @keyframes editSectionAnimation {
        0% {
            top: 30%;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    .edit-section-component .edit-section-wrapper .address-and-details-edit-section, .edit-section-component .edit-section-wrapper .email-edit-section, .edit-section-component .edit-section-wrapper .footer-message-edit-section, .edit-section-component .edit-section-wrapper .social-info-edit-section {
        height: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        overflow-y: auto
    }

    .edit-section-component .edit-section-wrapper .address-and-details-edit-section, .edit-section-component .edit-section-wrapper .email-edit-section, .edit-section-component .edit-section-wrapper .footer-message-edit-section {
        position: relative;
        opacity: 0;
        animation-name: editSectionAnimation;
        animation-duration: .5s;
        animation-fill-mode: forwards
    }

    .edit-section-component .edit-section-wrapper .trowser-footer-container button {
        width: 138px;
        margin: 0 2%
    }

    #ListViewGrid .product {
        border: 1px solid #ccc;
    }

        #ListViewGrid .product .product_img {
            max-width: 254px;
            max-height: 254px;
            width: 100%;
            height: 100%;
            margin-bottom: 10px;
        }

    .white-box.products-table {
        padding: 16px 5px;
    }

    #listView {
        padding: 0px 5px 10px 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }
}

@media screen and (max-width: 425px) {
    .SFCNativePreview .txn-sfc-ftu .ha-sfc-ftu-container {
        min-height: 85vh
    }
}

@media screen and (max-width: 375px) {
    .SFCNativePreview .txn-sfc-ftu .ha-sfc-ftu-container {
        min-height: 83vh
    }
}

@media screen and (min-width: 425px) and (max-width:768px) {
    .SFCNativePreview .txn-sfc-ftu .ha-sfc-ftu-container .footer {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 425px) {
    .SFCNativePreview .txn-sfc-ftu .txn-sfc-ftu-banner {
        background-position: 50%;
        background-size: cover;
        height: 80px;
        margin-top: 16px;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .SFCNativePreview .txn-sfc-ftu .main-title {
        margin: 8px auto !important;
        width: 40% !important
    }
}

@media screen and (min-width: 425px) and (max-width:768px) {
    .SFCNativePreview .txn-sfc-ftu .main-title {
        margin: 8px auto !important;
        width: 52% !important
    }
}

@media screen and (max-width: 425px) {
    .SFCNativePreview .txn-sfc-ftu .main-title {
        margin: 8px auto !important;
        width: 80% !important
    }
}

@media screen and (max-width: 425px) {
    .SFCNativePreview .txn-sfc-ftu .app-tile {
        background-position: 50%;
        width: 85%;
        height: 80px;
        margin: 8px 20px
    }
}

@media screen and (max-width: 425px) {
    .SFCNativePreview .txn-sfc-ftu .invoice-action-button {
        margin: 8px 16px 20px;
        width: 80%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.tablet .SFCNativePreview .negative-margin {
        margin-top: -200px
    }

    body.tablet .SFCNativePreview .preview-btn {
        width: 60%
    }

    body.tablet .SFCNativePreview .customizeStylePreview {
        height: auto;
        width: 70%;
        margin: 0 auto;
        display: block
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.tablet .SFCNativePreview .negative-margin {
        margin-top: -200px
    }
}

@media screen and (max-width:1600px) {
    .btn {
        padding: 9px 12px;
    }

    .last-text {
        padding-left: 0;
        font-size: 10px;
    }

    .tab-main .modal-footer .saveSend {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) and (max-width:1399px) {
    .penddingshipment {
        padding-bottom: 48px;
    }

    .selectqty {
        max-width: 215px;
    }
}

@media screen and (min-width: 1400px) and (max-width:1600px) {
}

@media screen and (min-width: 1400px) and (max-width:1420px) {
    div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar {
        right: -1%;
    }
}

@media screen and (min-width: 1200px) and (max-width:1399px) {
    #showSubVariation.product-button {
        padding: 0 5px;
        font-size: 14px;
    }

    .tab-view-btn {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right;
    }

    .tab-view-btn-shipped.lap-view-btn-shipped {
        flex: 0 0 58%;
        max-width: 58%;
        text-align: left;
    }

    .pending-shipment-orders .tab-view-search, .pending-shipment-orders .tab-view-search-cancel, .pending-shipment-orders .tab-view-select-cancel, .pending-shipment-orders .tab-view-search {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .lap-view-search-hold, .lap-view-select-store-hold {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .tab-view-sidebar, .tab-view-sidebar-shipped {
        margin-top: 5px;
    }

    .lap-view-sidebar-hold {
        max-width: 27%;
        flex: 0 0 27%;
        float: right;
    }

    /*div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar, div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar {
        position: absolute;
        right: 17%;
        top: -50px;
        border: 0;
    }*/

    /*div#grid.orderManagement.shipping-management-all-orders-page .k-header.k-grid-toolbar {
        right: 0%;
        top: -195px;
    }

    div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar {
        right: 150px;
        top: -65px;
    }*/

    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        flex: 0 0 55%;
        max-width: 55%;
        padding: 0;
        margin-top: 5px;
    }

    .pending-shipment-orders .shipments-filter-bar .dropdown-toggle {
        font-size: 14px;
    }

    .pending-shipment-orders .shipments-filter-bar .btn-group a, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li a {
        font-size: 14px;
    }

    .shippingmanagement.pending-shipment-orders h2 {
        font-size: 17px;
    }

    .pending-shipment-orders .col-sm-3.col-md-3.tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 28%;
        max-width: 28%;
        padding: 0;
        margin-left: -5px;
    }

    .pending-shipment-orders .recent-main ul li {
        margin-right: 0px;
    }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
        margin-left: 0px;
    }

    .pending-shipment-orders .shipments-filter-bar .form-control#Stores, .pending-shipment-orders .shipments-filter-bar .dropdown.bc, .pending-shipment-orders .shipments-filter-bar .btn-group, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .columns-main {
        float: left;
    }

    .shippingmanagement-main .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar .sidebar-right {
        float: right;
        padding: 0;
    }


    .shippingmanagement-main .pending-shipment-orders .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar .sidebar-right {
        float: right;
        padding: 0;
    }

    .shippingmanagementorders-main .pending-shipment-orders .filters {
        padding: 10px 0;
    }

    .pending-shipment-orders span.multiselect-shipping-manage-orders {
        margin-left: 5px;
    }

    .all-orders-filter-bar .tab-view-select-store {
        padding-left: 0;
    }

    .all-orders-page .search-section .all-orders-filter-bar .col-sm-2 {
        margin-left: 3%;
    }

    .order-num-sec.text-center {
        padding: 3px 10px;
    }
}


@media screen and (min-width:1200px) and (max-width:1366px) {
    div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
        top: -220px;
    }
}

@media (max-width:1600px) {
    .customizeStylePreview * {
        font-size: 16px !important;
    }
}

@media(min-width:1800px) {
   /* .reorder button.product-button, .product-category-list a.list-button {
        padding: 6px 40px;
    }*/
}

@media (min-width:1366px) and (max-width:1500px) {
    #finicityConnectIframe {
        padding-bottom: 13%;
    }
}

@media (min-width:1500px) {
    /*   .pending-shipment-orders div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
        top: -220px;
        right: 0;
        padding: 3px 0;
    }*/

    .cbox {
        width: calc(21% - 1%);
        box-sizing: border-box;
    }
}

@media (min-width:1366px) {

    #finicityConnectIframe {
        padding-top: 5%;
        padding-bottom: 1%;
    }

    .pending-shipment-orders .tab-view-btn {
        flex: 0 0 49%;
        max-width: 49%;
        text-align: right;
    }

    .pending-shipment-orders .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 18%;
        max-width: 18%;
        padding: 0;
    }

    .pending-shipment-orders .shippingmanagement-main .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar .sidebar-right {
        padding: 0;
        margin: 0 !important;
        float: right;
    }

    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        margin-top: 5px;
    }

    .pending-shipment-orders .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 14%;
        max-width: 14%;
        padding: 0;
    }
}


@media (min-width:1796px) {
    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right;
    }
}

@media (max-width:1796px) {
    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        flex: 0 0 56%;
        max-width: 56%;
    }
}

@media (max-width:1748px) {

    .pending-shipment {
        flex: 0 0 auto;
        width: 20%;
    }

    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        flex: 0 0 85%;
        max-width: 85%;
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
    }

        .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn .btn-group,
        .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn .columns-main {
            margin-bottom: 5px;
        }
}

@media (min-width:1600px) {

    .order-details {
        flex: 0 0 auto;
        width: 15.666667%;
    }

    .pending-shipment-orders .page-title {
        margin-top: 6px;
        flex: 0 0 18%;
        max-width: 18%;
    }

    .pending-shipment-orders .tab-view-search {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .pending-shipment-orders .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 11%;
        max-width: 11%;
        padding: 0;
    }

    .pending-shipment-orders .shippingmanagement-main .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar .sidebar-right {
        padding: 0;
        margin: 0 !important;
        float: right;
    }

    .pending-shipment-orders div#grid.orderManagement.ThreePLUnderProcess .k-header.k-grid-toolbar {
        display: flex;
        margin-top: -50px;
        background: transparent;
        justify-content: flex-end;
    }

    .pending-shipment-orders div#grid.orderManagement.ThreePLUnderProcess a#col-menu {
        margin-top: 6px;
    }

    .shippingmanagementorders-main .pending-shipment-orders .filters {
        padding: 10px 0;
    }

    .pending-shipment-orders .shipments-filter-bar .dropdown.bc, .pending-shipment-orders .shipments-filter-bar .btn-group, .shippingmanagement.pending-shipment-orders .shipments-filter-bar .columns-main {
        float: left;
    }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .columns-main, .pending-shipment-orders .shipments-filter-bar .dropdown.bc {
        margin: 0;
    }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .columns-main {
        margin-left: 5px;
    }

        .shippingmanagement.pending-shipment-orders .shipments-filter-bar .columns-main ul li {
            margin: 0;
        }

    .shippingmanagement.pending-shipment-orders .shipments-filter-bar .recent-main ul li button.btn.btn-primary.dropdown-toggle {
        margin-left: 0;
    }

    .pending-shipment-orders .search-section .col-sm-2 {
        margin-left: 15px;
    }
}

@media (min-width:1612px) {

    .all-orders-page .page-title {
        margin: 5px 0 0 0;
    }

    .tab-view-select-store {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .all-orders-page .search-section .all-orders-filter-bar .col-sm-2 {
        margin-left: 3%;
    }
}

@media (max-width:1599px) {

    .pending-shipment-orders .page-title {
        flex: 0 0 33%;
        max-width: 33%;
    }

    .pending-shipment-orders .tab-view-search {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .pending-shipment-orders .tab-view-select-store {
        flex: 0 0 16%;
        max-width: 16%;
    }
}

@media (max-width:1500px) {
    .pending-shipment-orders .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .pending-shipment-orders .tab-view-btn.lap-view-btn.desk-view-btn {
        flex: auto;
        max-width: initial;
        width: auto;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {

    .pending-shipment-orders .tab-view-select-store,
    .pending-shipment-orders .tab-view-search {
        flex: 0 0 26%;
        max-width: 26%;
    }
}

@media (max-width:1200px) {
    .pending-shipment-orders .page-title {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .pso.pending-shipment-orders .page-title {
        flex: 0 0 22% !important;
        max-width: 22% !important;
    }
}

@media (max-width:992px) {
    .pso.pending-shipment-orders .page-title {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .pending-shipment-orders .page-title {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pending-shipment-orders .tab-view-search.lap-view-search.desk-view-search {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-top: 5px;
    }

    .pending-shipment-orders .tab-view-select-store {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .pending-shipment-orders .tab-view-sidebar.lap-view-sidebar.desk-view-sidebar {
        flex: auto;
        max-width: max-content;
        margin-top: auto;
    }
}

@media (min-width:1400px) {
}

@media (max-width:1499px) {

    .cbox {
        width: calc(25.5% - 1%);
        box-sizing: border-box;
    }

    #ListViewGrid .product {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 11px -5px rgba(184,184,184,1);
        -moz-box-shadow: 0px 0px 11px -5px rgba(184,184,184,1);
        box-shadow: 0px 0px 11px -5px rgba(184,184,184,1);
    }
}

@media (max-width:1412px) {
    .cbox {
        width: calc(25.7% - 1%);
    }

    .products-mt {
        margin: 0 15px 15px 15px !important;
        box-sizing: border-box;
        width: auto;
    }
}

@media (max-width:1400px) {
    .products-mt {
        margin: 15px 15px 0px 7px !important;
        box-sizing: border-box;
        width: auto;
    }
}

@media (max-width:992px) {
    .cbox {
        width: calc(33.7% - 1%);
    }
}

@media (max-width: 1680px) {

    div#SalesTransactingrid table {
        background: #fff;
    }

    div#grid.orderManagement.shipping-management-orders-page, div#grid.orderManagement.shipping-management-all-orders-page, div#grid.orderManagement.shipping-management-shipped-orders-page, div#grid.orderManagement.shipping-management-cancel-orders-page, div#grid.orderManagement.shipping-management-hold-orders-page {
        overflow-y: visible;
    }

    .orderManagement td.k-detail-cell div table thead tr th:nth-child(2), .orderManagement td.k-detail-cell div table tbody tr td:nth-child(2), .orderManagement .variations .k-grid-header th.k-header:nth-child(2) {
        position: relative;
        left: 0px;
    }

    #tabstripBank-1 .account-trans span.top-content span.left-block {
        width: 72%;
    }

    #tabstripBank-1 .account-trans span.top-content span.float-right {
        width: 28%;
    }
}

@media (max-width:1684px) {
    .products-table td:nth-child(5) span {
    }

        .products-table td:nth-child(5) span b {
            width: 100%;
            float: left;
        }

        .products-table td:nth-child(5) span p.mar-0 {
            margin: 0;
        }
}

@media (max-width:1680px) {
    div#Customergrid table tbody td:last-child .dropdown-menu, div#ReceivePaymentTransactingrid table tbody td:last-child .dropdown-menu, div#PurchaseOrderTransactingrid table tbody td:last-child .dropdown-menu, div#PurchaseInvoiceTransactiongrid table tbody td:last-child .dropdown-menu {
        position: absolute;
        width: 180px;
        right: 15px;
        left: auto;
        top: -1px;
    }

    div#Customergrid table tbody tr:last-child td:last-child .dropdown-menu {
        position: absolute;
        width: 180px;
        right: 0;
        left: auto;
        top: -175px;
    }
}

@media (min-width:1200px) {
    #productedit .modal-dialog.modal-lg.tempClass {
        max-width: 970px;
    }
}

@media (min-width:1460px) {
    .product-list-reorder-div button {
        padding: 0 10px;
    }

    .product-list-reorder-div .selate-box, .product-list-reorder-div .pull-right {
        padding: 0 5px 0 9px;
        margin-top: 10px;
    }

        .product-list-reorder-div .selate-box.col-sm-8 {
            max-width: 66.666667%;
        }

        .product-list-reorder-div .pull-right.col-sm-4 {
            max-width: 33.333333%;
        }

    .reorder button.grid-view, .reorder button.list-view {
        padding: 0 5px;
        margin: 0;
    }

    #test_btn.product-button, .product-list-reorder-div button, .user-information-list-edit-user div#reorderDiv button.product-button {
        padding: 0 5px 0 5px;
        /*font-size: 12px;*/
    }

    #reorderDiv.reorder i {
        padding-right: 0px;
    }

    .product-list-reorder-div .pull-right {
        padding: 0;
    }
}


@media (min-width:1601px) {
    #test_btn.product-button, .product-list-reorder-div button, .user-information-list-edit-user div#reorderDiv button.product-button {
        padding: 0 5px 0 10px;
        font-size: 14px;
    }
}

@media (min-width:1701px) {
    #collapseOne .input-group-btn-vertical.main-new-add-3 {
        right: 22px;
    }
}

.modal-header {
    padding: 4.4px 15px;
    background: rgb(2,178,185);
    background: linear-gradient(90deg, rgba(2,178,185,1) 0%, rgba(67,199,106,1) 100%);
    min-height: 49px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    box-sizing: border-box;
}

    .modal-header h2 {
        color: #fff;
    }

div#DispMenuDropdown .dropdown-content {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
}
    div#DispMenuDropdown .dropdown-content .btn {
        width: 100%;
        margin-bottom: 2px;
        margin-left: 0px;
    }

    .shippeditemreport {
        background: #fff;
        margin: 15px 0 9px 0;
        display: inline-block;
        width: 100%;
        padding: 15px 15px 15px 15px;
    }

div#UpdateBatchNotesDialogBox .modal-dialog {
    max-width: 560px;
}

.search-box.shipmentSearch {
    margin-bottom: 10px;
}

.archivedbatchlist {
    padding: 15px;
}

div#editEmployeeTypeDialogBox .modal-dialog, div#editSmtpConfigurationDialogBox .modal-dialog {
    max-width: 460px;
    width: 100%;
}

/*.demo-section .form-control {
             padding: 7px 0;
        }
        */
div#editLabelPreferencesDialogBox .modal-header {
    padding: 5px 15px 5px 15px;
}

select#ddlEnableVirtualStockFlag {
    margin-bottom: 10px;
}

div#StoreSetuplisting {
    margin: 15px 0;
}

div#AutoInv {
    margin-bottom: 15px;
}

@media (min-width:1920px) {
    .product-list-reorder-div button {
        padding: 0 15px;
    }

    .reorder button.grid-view, .reorder button.list-view {
        padding: 0 2px 0 6px;
        margin-left: 4px;
    }

    #test_btn.product-button, .product-list-reorder-div button, #btnProductDetailSave.product-button, #showSubVariation.product-button, #btnProductDetail.product-button, #btnProductVariationDetailSave.product-button, .user-information-list-edit-user div#reorderDiv button.product-button {
        padding: 0 15px 0 15px;
        font-size: 14px;
    }

    #reorderDiv.reorder i {
        padding-right: 5px;
    }

    #CustomerTransactiongrid tr.k-footer-template, #VendorAccountTransactingrid tr.k-footer-template {
        width: 1641px;
        min-width: 1601px;
        width: 100% !important;
    }

   /* #CustomerTransactiongrid .col-5 span.total-debit, #VendorAccountTransactingrid .col-5 span.total-debit {
        float: right;
        margin: 0px 0 0 14%;
    }*/
    /* #showSubVariation.product-button {
                padding: 3px 5px;
        }
        */
    .journal-entry-transaction-page .search-box input[type=text] {
        min-width: 400px;
    }

    #Inventorygrid img.store-img, #ListViewGrid img.listing-store-img, #Pricegrid img.store-img {
        max-width: 164px;
        display: block;
        padding: 0 45px;
        margin: 5px auto;
        border-radius: 100px;
        background: #fff;
        width: 100%;
        /*box-shadow: 0 0px 6px #00000021;*/
    }
}
/*Responsive And*/
/*New css start*/
.action-delete-variation {
    margin-top: 5px;
}

.action-edit-variation {
    text-align: center;
}
/*New css end*/
.k-tabstrip-items {
    float: left;
}
/*#grid .variations table thead tr th[data-index="3"], #grid .k-grid-header-wrap table thead tr th[data-field="Stores[0].StoreSetupId"], #grid .k-grid-header-wrap table thead tr th[data-index="3"], #grid .variations table thead tr th[data-index="7"], #grid .variations table thead tr th:nth-child(7), .k-master-row .allstatus:nth-child(2n+1), .variations .Detstatus:nth-child(2n+2), #grid .variations table thead tr th[data-field="Stores[0].StoreSetupId"] {
             background-color: WhiteSmoke;
        }
        */
#grid .k-grid-header-wrap table thead tr th[data-title="Edit"], #grid .variations table thead tr th[data-title="Edit"] {
    /*background-color: lightgray;
            */
}

.k-master-row .allstatus:nth-child(odd), .variations .Detstatus:nth-child(even) {
    background-color: WhiteSmoke;
}

#grid .k-grid-header-wrap table thead tr th, #grid .variations table thead tr th {
    background: rgb(157,209,195);
    background: linear-gradient(90deg, rgba(157,209,195,1) 0%, rgba(157,210,196,1) 100%);
    font-weight: 600;
    color: #000;
}

    #grid .k-grid-header-wrap table thead tr th p, #grid .variations table thead tr th p {
        margin: 0px;
    }
/*#grid .variations table thead tr th:nth-child(even) {
             background-color: WhiteSmoke;
        }
        */
#Inventorygrid table > tbody > tr > td:nth-child(3) {
    background-color: whitesmoke;
}

#Inventorygrid table > tbody > tr > td:nth-child(6), #Inventorygrid table > tbody > tr > td:nth-child(7), #Inventorygrid table > tbody > tr > td:nth-child(8),
#Inventorygrid table > tbody > tr > td:nth-child(12), #Inventorygrid table > tbody > tr > td:nth-child(13), #Inventorygrid table > tbody > tr > td:nth-child(14),
#Inventorygrid table > tbody > tr > td:nth-child(18), #Inventorygrid table > tbody > tr > td:nth-child(19), #Inventorygrid table > tbody > tr > td:nth-child(20) {
    background-color: whitesmoke;
}

#Inventorygrid table > tbody > .k-detail-row tr > td:nth-child(4) {
    background-color: whitesmoke;
}

/*color in inventory page scoreboard */
.order-num-sec.text-center p.In-Stock-numbers, .order-num-sec.text-center p.Out-of-Stock-numbers, .order-num-sec.text-center p.On-PO-numbers, .order-num-sec.text-center p.In-Transit-numbers, .order-num-sec.text-center p.Weeks-Supply-number, .order-num-sec.text-center p.Damaged-Items-number {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
}

.order-num-sec.text-center p.In-Stock-numbers {
    color: green;
}

.order-num-sec.text-center p.Out-of-Stock-numbers {
    color: red;
}

.order-num-sec.text-center p.On-PO-numbers {
    color: blue;
}

.order-num-sec.text-center p.In-Transit-numbers {
    color: deepskyblue;
}

.order-num-sec.text-center p.Weeks-Supply-number {
    color: maroon;
}

.order-num-sec.text-center p.Damaged-Items-number {
    color: orangered;
}

#ListViewGrid .k-grid-header table thead tr {
    background-color: whitesmoke;
}

.k-grid-content table tbody .k-detail-row.k-detail-cell.variations table thead tr {
    background-color: whitesmoke;
}

#ListViewGrid .k-master-row td:nth-child(1) {
    background-color: whitesmoke;
}

#ListViewGrid .k-master-row td:nth-child(2n+2) {
    background-color: whitesmoke;
}

#ListViewGrid .k-detail-row .k-detail-cell table tbody tr td:nth-child(2n+1) {
    background-color: whitesmoke;
}

#ListViewGrid .k-master-row td.SalePrice:hover {
    background-color: lightblue;
}

#grid table tbody tr td .k-hierarchy-cell {
    background-color: whitesmoke;
}

#Pricegrid.orderManagement .k-grid-header, .customerList .k-grid-header {
    /*padding-right: 0 !important;*/
    background: #9dd1c3;
}

div#Inventorygrid, div#grid, div#Pricegrid {
    padding: 0;
    /* overflow: auto; float: left; */
}


  /*  div#Pricegrid .k-grid-header .k-grid-header-locked table,
    div#Inventorygrid .k-grid-header .k-grid-header-locked table {
        width: 100% !important;
        height: 129px !important;
    }*/

/*div#grid table {
            height: 100% !important;
        }*/
/*.marketplace-page-grid .k-grid-header .k-grid-header-locked table {
    height: 129px !important;
}*/

/*div#grid .k-grid-header-locked thead {
    height: 82px !important;
}*/

.marketplace-listing-grid-tbl .k-grid-header-locked thead,
.inventory-grid-tbl .k-grid-header-locked thead,
.price-grid-tbl .k-grid-header-locked thead,
.buybox-grid-tbl .k-grid-header-locked thead {
    height: 80px !important;
}
.marketplace-listing-grid-tbl .k-grid-header-wrap.k-auto-scrollable table thead,
.inventory-grid-tbl .k-grid-header-wrap.k-auto-scrollable table thead,
.price-grid-tbl .k-grid-header-wrap.k-auto-scrollable table thead,
.buybox-grid-tbl .k-grid-header-wrap.k-auto-scrollable table thead {
    height: 80px !important;
}


/*div#Inventorygrid .k-grid-content-locked,
    div#Pricegrid .k-grid-content-locked {
        height: 421px;
    }

    div#grid .k-grid-content-locked {
        height: 421px;
    }*/
div#grid table td,
div#Pricegrid table td,
div#Inventorygrid table td {
    min-height: 61px;
}

.marketplacetabs .k-grid-content-locked {
    padding-bottom: 20px;
}

/*.marketplacetabs .k-grid-content-locked,
.marketplacetabs .k-grid-content {
    min-height: 250px !important;
    height: 534px !important;
    max-height: inherit !important;
}
*/
    .marketplacetabs .k-grid-content-locked tr,
    .marketplacetabs .k-grid-content table tr {
        height: auto !important;
    }


div#ListViewGrid th {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

div#ListViewGrid td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}


div#InfoSectionModal {
    z-index: 9999 !important;
}
#confirmBox, #confirmBox1 {
    z-index: 999999 !important;
}

#Pricegrid table > tbody > tr > td:nth-child(3) {
    background-color: whitesmoke;
}

#Pricegrid table > tbody > .k-detail-row tr > td:nth-child(4) {
    background-color: whitesmoke;
}

#Pricegrid .k-grid-header tr > th[data-index="3"], #Pricegrid .k-grid-header tr > th[data-index="5"], #Pricegrid .k-grid-header tr > th[data-index="6"], #Pricegrid .k-grid-header tr > th[data-index="10"], #Pricegrid .k-grid-header tr > th[data-index="11"], #Pricegrid .k-grid-header tr > th[data-index="12"],
/*#Pricegrid .k-grid-header tr > th[data-index="7"],*/
/*#Pricegrid .k-grid-header tr > th[data-title="Walmart"], #Pricegrid .k-grid-header tr > th[data-title="Amazon"] {
             background-color: whitesmoke;
        }
        */
/*#Pricegrid .k-grid-header-wrap table thead tr th:nth-child(3), #Pricegrid .k-grid-header-wrap table thead tr th:nth-child(6) {
             background-color: WhiteSmoke;
        }
        */
/*#Pricegrid .k-grid-header-wrap table thead tr th[data-index="8"] {
             background-color: white;
        }
         #Pricegrid .k-grid-header-wrap table thead tr th[data-index="4"], #Pricegrid .k-grid-header-wrap table thead tr th[data-index="5"], #Pricegrid .k-grid-header-wrap table thead tr th[data-index="6"] {
             background-color: WhiteSmoke;
        }
        */
#Pricegrid table > tbody > tr > td:nth-child(6), #Pricegrid table > tbody > tr > td:nth-child(7), #Pricegrid table > tbody > tr > td:nth-child(8), #Pricegrid table > tbody > tr > td:nth-child(12), #Pricegrid table > tbody > tr > td:nth-child(13), #Pricegrid table > tbody > tr > td:nth-child(14), #Pricegrid table > tbody > tr > td:nth-child(18), #Pricegrid table > tbody > tr > td:nth-child(19), #Pricegrid table > tbody > tr > td:nth-child(20) {
    background-color: whitesmoke;
}
/*new product list*/
#updatePriceDialog .modal-header .save-button .btn, #updateInventoryDialog .modal-header .save-button .btn {
    position: absolute;
    margin-left: -142px;
}

#updatePriceDialog .modal-header .save-button h2, #updateInventoryDialog .modal-header .save-button h2 {
    padding-left: 5px;
}

.modal-body .box-top #SelectedCheckboxForPrice tr td, .modal-body .box-top #SelectedCheckboxForInventory tr td {
    text-align: center;
}

.first th #select_all {
    border-radius: 5px;
    border: 1px solid #c1e4fe;
    border-radius: 10px !important;
    margin-top: 2px;
}

.subVariation .modal-dialog .modal-content .proPopupInner {
    overflow: auto;
    overflow-x: hidden;
}

#updatePriceDialog .modal-body .box-top, #updateInventoryDialog .modal-body .box-top {
    max-height: 600px;
    overflow: auto;
}

    #updatePriceDialog .modal-body .box-top .btn-change, #updateInventoryDialog .modal-body .box-top .btn-change {
        width: auto;
        background: #eaeaea;
        margin-right: 20px;
        float: left;
        box-shadow: 0 0 1px #ccc;
        -webkit-transition: all 0.5s ease-in-out;
        border: 0px;
        color: #fff;
    }

        #updatePriceDialog .modal-body .box-top .btn-change:hover, #updateInventoryDialog .modal-body .box-top .btn-change:hover {
            -webkit-transform: scale(1);
            background: WhiteSmoke;
        }

.manuallocation .form-group span .k-dropdown-wrap:before, .location .form-group span .k-dropdown-wrap:before, .brandname .form-group span .k-dropdown-wrap:before {
    height: 0em;
}

.manuallocation .form-group span .k-dropdown-wrap, .location .form-group span .k-dropdown-wrap, .brandname .form-group span .k-dropdown-wrap, .whiteBoxIneer span .k-dropdown-wrap, .col-md-3 .form-group div.input-group.borderTextBox[data-provide="datepicker"] {
    border-radius: 5px !important;
}

.manuallocation .k-dropdown-wrap .k-input, .location .k-dropdown-wrap .k-input {
    line-height: 41px !important;
    font-size: 14px;
}

/*
    #variationData #attrTable.proTable td, #variationData #attrTable.proTable th {
        border: none;
    }*/

div#dvAddSKU {
    z-index: 9999;
}

div#dvAddASIN {
    z-index: 9999;
}

div#dvSubv {
    z-index: 9999;
}

ul.thumbnails.image_picker_selector {
    overflow: hidden;
}

.cleardiv {
    clear: both;
}

.modal-content.modal-lg.largepopup {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto !important;
    display: table;
}

.modify-connection .modal-header {
    position: relative;
}

/*    .modify-connection .modal-header .close {
        font-size: 40px;
        line-height: 10px;
        position: absolute;
        top: 50%;
        transform: translateY( -50%);
        right: 0;
        opacity: .8;
    }

        .modify-connection .modal-header .close:hover {
            opacity: 1;
        }*/

/*.modify-connection .modal-header {
    background: #0071DC;
    margin-bottom: 5px;
}*/

/*.modify-connection .modal-lg {
    max-width: 1100px;
    margin: 0 auto;
}*/

.modify-connection .marketplace-main .logobrand {
    border: solid 1px #fff;
    margin-bottom: 0;
    border-radius: 7px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    transition: 0.3s all;
    margin: 5px;
}

    .modify-connection .marketplace-main .logobrand:hover {
        transition: 0.3s all;
        border: solid 1px #fff;
        /*box-shadow: #bdbaba 0px 0px 7px;*/
        box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4);
        border-radius: 7px;
    }

    .modify-connection .marketplace-main .logobrand a {
        text-align: center;
        color: #5c5c5c;
        position: inherit;
        bottom: 0;
        border: none;
        height: 100%;
        margin: 0px;
        display: flex;
        align-items: center;
        padding: 20px 15px 47px 15px;
    }      

        .modify-connection .marketplace-main .logobrand a img {
            transition: 0.3s ease-in-out;
            transform: scale(1);
        }

        .modify-connection .marketplace-main .logobrand a:hover img {
            transform: scale(1.1);
            transition: 0.3s ease-in-out;
        }

        .modify-connection .marketplace-main .logobrand a:hover span {
            color: #01b1c2;
        }

    .modify-connection .marketplace-main .logobrand span {
        border: none;
        text-align: center;
        color: #5c5c5c;
        font-size: 16px;
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
    }

.modify-connection .largepopup .modal-body {
    padding: 0px;
}


/*.modify-connection .modal-footer .btn {
    font-weight: 500;
    font-size: 14px;
    padding: 8px 15px;
}*/

.modify-connection div.modal-footer {
    display: inline-flex;
    width: 100%;
   /* margin-top: 20px;*/
    background: #eee;
    border-top: #ccc solid 1px;
}

    .modify-connection div.modal-footer button.btn.btn-default.full-left {
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        font-weight: 500 !important;
        color: #fff !important;
        border: none !important;
        padding: 9px 15px;
        line-height: 22px;
    }

        .modify-connection div.modal-footer button.btn.btn-default.full-left:hover {
            background: rgb(61,197,114);
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
            color: #fff !important;
        }

    .modify-connection div.modal-footer .btn.btn-connect, .modify-connection div.modal-footer .connect-text {
        box-shadow: none;
        color: #fff;
        background-color: #24AEFF;
        border: none !important;
        top: 0px;
        padding: 9px 15px;
        font-weight: 500 !important;
        line-height: 22px;
    }

        .modify-connection div.modal-footer .btn.btn-connect:hover, .modify-connection div.modal-footer .connect-text:hover {
            box-shadow: none;
            color: #fff;
            background-color: #0071DC !important;
            border-color: #0071DC !important;
            top: 0px;
        }

    .modify-connection div.modal-footer button.btn.btn-close, .modify-connection div.modal-footer button.btn.btn-default, .modify-connection div.modal-footer button.close-btn-text {
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        font-weight: 500 !important;
        color: #fff !important;
        border: none !important;
        padding: 9px 15px;
        border-radius: 5px;
        line-height: 22px;
    }

        .modify-connection div.modal-footer button.btn.btn-close:focus, .modify-connection div.modal-footer button.btn.btn-default:focus, .modify-connection div.modal-footer button.close-btn-text:focus, .modify-connection div.modal-footer button.btn.btn-close:hover, .modify-connection div.modal-footer button.btn.btn-default:hover, .modify-connection div.modal-footer button.close-btn-text:hover {
            border: none;
            color: #fff !important;
        }

.largepopup .marketplace-main .row {
    justify-content: center;
}

.largepopup .marketplace-main {
    padding: 15px 25px 0px 15px;
}

.largepopup .marketplace-main {
    margin-bottom: 0;
    overflow-y: auto;
    max-height: 641px;
    overflow-x: hidden;
    padding-right: 10px;
}

    .largepopup .marketplace-main .col-md-3 {
        margin-bottom: 15px;
    }

.largepopup .modal-footer {
    margin-top: 0 !important;
}

div#IntuitModal .modal-content.modal-lg.popup-small, div#NetSuiteModal .modal-content.modal-lg.popup-small {
    margin: 0 auto;
}


.modal-content.modal-lg.popup-small {
    width: 750px;
}

    .modal-content.modal-lg.popup-small [type="text"], .modal-content.modal-lg.popup-small [type="password"] {
        height: 40px;
        border-radius: 3px;
        margin-top: 5px;
    }

    /*.modal-content.modal-lg.popup-small .modal-body {
        padding: 0px;
    }*/

.shippingmanagement.shipping-main .modal-content.modal-lg.popup-small .modal-body form {
    padding: 15px;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

.shippingmanagement.shipping-main .modal-content.modal-lg .modal-body form {
    padding: 15px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.modal-content.modal-lg.popup-small div#divcustomlogo {
    margin-top: 15px;
    display: inline-block;
    position: relative;
}

.modal-content.modal-lg.popup-small .wiz-step.instruction {
    padding: 15px;
}

    .modal-content.modal-lg.popup-small .wiz-step.instruction .control-label {
        display: block;
        width: 100%;
    }

.modify-connection div#UpdateDate.modal-body .k-datetimepicker .k-link:hover, .modify-connection div#UpdateDate .modal-body .k-datetimepicker .k-link:hover {
    background-color: #0071DC;
}

.modify-connection div#UpdateDate div.modal-footer button.btn.btn-danger.full-left {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    font-weight: 500 !important;
    color: #fff !important;
    border: none !important;
    padding: 9px 15px;
    border-radius: 4px;
    line-height: 22px;
}

    .modify-connection div#UpdateDate div.modal-footer button.btn.btn-danger.full-left:focus, .modify-connection div#UpdateDate div.modal-footer button.btn.btn-danger.full-left:hover {
        box-shadow: none;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

/*.modify-connection div#UpdateDate {
    background: rgba(0,0,0,0.6);
    transition: 0.8s ease-in-out;
}

    .modify-connection div#UpdateDate .modal-dialog form {
        min-height: 105px;
        padding: 15px;
    }*/

   

.modal-content.modal-lg.popup-small div#divcustomlogo .k-button.k-upload-button {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
}

.marketplace-right a.connect-button:focus, .marketplace-right a.connect-button:hover {
    color: #fff;
}

.shippingmanagementorders-main .store-main01 a, .shippingmanagementorders-main .store-main01 a:hover {
    color: #000;
    cursor: pointer;
}

#UpdateDate .btn-danger, #UpdateDate .btn-danger.disabled {
    background: #fb9678;
    border: 1px solid #fb9678;
}

.modify-connection div#UpdateDate .k-datetimepicker .k-link {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    margin: 0px !important;
    border-left: 2px solid #fff;
    padding: 5px 8px;
    width: 20px;
    height: 34px;
    display: inline-block;
}

.modify-connection div#UpdateDate span.k-select {
    width: 75px !important;
    overflow: hidden;
}

thead {
    background: rgb(157,209,195);
    background: linear-gradient(90deg, rgba(157,209,195,1) 0%, rgba(157,210,196,1) 100%);
}

span.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
}
/*.sttabs.tabs-style-line .modal-dialog {
             max-width: 960px;
        }
        */
.btn-group.dropdwonbank span.k-icon.k-i-arrow-60-down {
    top: inherit;
    transform: inherit;
}

/* .account-trans i.fa.fa-trash {
        color: #fff;
    }*/

.account-trans .fa-pencil-square-o {
    color: #2fb503;
}

a.account-trans.active i.fa.fa-trash,
a.account-trans.active .fa-pencil-square-o {
    color: #fff;
}

.mbsc {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 15px;
}

.sales-mobile-sc {
    overflow-x: auto;
    padding: 0 7px;
}

.enablediv .form-group.company-name, form.is-readonly .form-group.company-name {
    display: flex;
    align-items: center;
}

.edit-action {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    .edit-action a.lastsyncdate {
        margin-left: 5px;
    }

section.tab-main.purchase .modal-header.custom-color {
    padding: 4.4px 15px;
}

    section.tab-main.purchase .modal-header.custom-color button#test_btn {
        border: #24AEFF solid 1px;
        color: #fff;
    }

        section.tab-main.purchase .modal-header.custom-color button#test_btn:hover {
            border: #24AEFF solid 1px;
        }

.account-tab1 .add-lines {
    margin-bottom: 10px;
}

    .account-tab1 .add-lines a.k-button {
        border-radius: 4px !important;
        text-transform: capitalize;
    }

.vendordiv.Pay, .vendordiv.bill-drop {
    padding-left: 0px !important;
}
/*.laterShip .balance-right.balance-right {
    display: flex;
    justify-content: flex-end;
}*/
div#topInvoiceModalPopup {
    margin-bottom: 0px;
}

div#exampleModalinvoice .modal-header {
    padding: 5px 15px;
}

    div#exampleModalinvoice .modal-header .borderTextBox {
        margin: 0px;
    }

.balancepart .memo-text {
    padding: 0px;
}

div#exampleModalinvoice .modal-header .col-sm-1 {
    position: absolute;
    top: 0;
    right: 0;
}

.vendor-new-main.new-payment .modal-dialog.modal-lg {
    max-width: 601px;
}

.store-main table.table td img {
    width: 100px;
}

.hours {
    float: left;
    display: flex;
    align-items: center;
    gap: 3px;
}

.account-img {
    margin-top: 101px;
}

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

div#samplePayCheck {
    padding-left: 10%;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

.form-horizontal .input-group-addon {
    height: 41px;
    border: #ccc solid 1px;
    border-radius: 0px 4px 4px 0px;
}

form#TimesheetDetailForm .reorder, form#PayScheduleListForm .reorder {
    padding: 10px 0;
    float: right;
}

    form#TimesheetDetailForm .reorder button, form#PayScheduleListForm .reorder button {
        margin-right: 10px;
    }

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

span.back-btn {
    margin-top: 15px;
    display: inline-block;
}

.addevent {
    padding: 10px 0;
    display: block;
}

.md-card-content {
    display: flex;
    align-items: center;
}

.isactivediv {
    display: flex;
    align-items: center;
}

    .isactivediv .uk-float-right {
        margin-right: 5px;
    }

.md-card-content .uk-form-row label {
    margin-right: 5px;
}

.input-group.date.datemain .form-control {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.input-group.date.datemain {
    align-items: center;
    margin-top: 32px;
}

    .input-group.date.datemain .input-group-addon {
        height: 40px;
    }

.inputstyle input, .inputstyle textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 40px;
}

.addeventmain .md-card-content {
    display: inherit;
    align-items: inherit;
}

.submit-btn button {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border: none;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}

    .submit-btn button:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

.event-img {
    margin-bottom: 5px;
}

    .event-img button {
        opacity: 0;
        display: none;
    }

    .event-img img {
        border: 1px solid #ccc;
    }

   

       

    div#addEditHotdealBox input[type="text"], div#addEditHotdealBox input[type="number"], div#addEditBestsellerBox input[type="text"], div#addEditBestsellerBox input[type="number"] {
        height: 41px;
        border-radius: 5px;
    }

    div#addEditHotdealBox .modal-dialog, div#addEditBestsellerBox .modal-dialog {
        max-width: 405px;
    }

    div#addEditHotdealBox .input-group, div#addEditBestsellerBox .input-group {
        background: #f5f8f9;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    div#addEditHotdealBox h2, div#addEditBestsellerBox h2 {
        font-size: 18px;
        margin: 2px 0;
    }

input#vendorProfile {
    margin-top: 5px;
    border: none;
}

.customer-details-section {
    background: #f5f5f5;
    height: calc(100% - 18px);
    padding-bottom: 10px;
}

.account-charts-section-table tfoot {
    border-bottom: 1px solid #ccc;
}

/* #side-menu .nav-list-parent.submenu:before {
        position: absolute;
        top: 12px;
        right: 15px;
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        color: #adadad;
    }
    */
#side-menu .nav-list-parent.submenu:before {
    position: absolute;
    top: 1px;
    right: 0px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    color: #adadad;
    width: 35px;
    height: 36px;
    text-align: center;
    padding: 10px;
}

.customer-img-section {
    margin: 15px;
}

.customer-details-list {
    display: flex;
    padding-bottom: 10px;
}

.customer-details-section {
    background: #f5f5f5;
    width: 100%;
    margin: 15px 0 0 0px;
}

a#addlinePaymentAcc {
    text-transform: capitalize;
    border-radius: 5px !important;
}

div#exampleModalinvoice .modal-content {
    box-shadow: none;
}

section.tab-main.purchase.tab-wrapper .modal-dialog.full-popup {
    max-width: 100%;
}

form#PayScheduleForm .form-group {
    margin-bottom: 15px;
}

div#PayScheduleModal .modal-dialog {
    max-width: 700px;
}

div.income-statement {
    border-top: #000 solid 1px !important;
}

thead.profit-loss-header .row {
    margin-right: 0;
    margin-left: 0;
}

.supplies select {
    width: 100% !important;
}



div#example .k-grid td {
    white-space: normal;
}

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

    .topheader .row.bg-title {
        display: flex;
        align-items: center;
    }

.ledgerac {
    padding-top: 20px;
}

.bg-title.ledgeraccount {
    padding-bottom: 15px;
}
.row.statusviewmain {
    flex-wrap: nowrap;
    overflow: auto;
    margin: 0px;
    margin-top: 5px;
}
.statusviewmain div.statusview {
    max-width: 100%;
    min-width: 224px;
    overflow-x: auto;
    width: 20%;
    display: table;
}
    .statusviewmain div.statusview .flex {
        display: flex;
        white-space: nowrap;
    } 

.costomers-main {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: auto;
}

div#tabstripPurchase ul.k-reset.k-tabstrip-items {
    margin: 0px 0 10px 0 !important;
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;
}

.k-pager-sizes .k-widget.k-dropdown {
    margin-top: 0px;
}

.k-pager-numbers-wrap {
    margin: 0 !important;
    height: auto !important;
}

ul.k-pager-numbers.k-reset {
    text-align: center;
    display: block;
}

.progressbar {
    max-width: 500px;
    float: right;
    width: 100%;
    margin: 0 15px;
}

.Progress_Walmart {
    width: 100%;
    background-color: #ddd;
    border-radius: 50px;
}

.Bar_Walmart {
    height: 20px;
    background-color: #4CAF50;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
    color: black;
    display: block;
    font-size: 14px;
    border-radius: 50px;
}

.addnewcard .modal-header, .annual-plan .modal-header {
    display: flex;
    align-items: center;
}

    .addnewcard .modal-header .modal-title {
        margin-right: 15px;
    }

.payroll-part {
    margin-bottom: 20px;
}

    .payroll-part .Company-type {
        margin-top: 10px;
    }

.annual-plan .modal-header h2 {
    margin-right: 15px;
    font-size: 22px;
    line-height: 30px;
}

.annual-plan .modal-header button.close {
    position: absolute;
    top: 0;
    right: 0px;
}
/*plan css*/
.email-services .smallplanbtn {
    margin-top: 0px;
    margin-bottom: 10px;
    max-width: 229px;
    padding: 10px 2px !important;
    font-size: 12px;
    text-transform: capitalize !important;
    cursor: inherit !important;
}

a.blue-btn, .blue-btn { background: rgb(11,181,175);background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); font-size: 15px; text-align: center; color: rgb(255, 255, 255); border-radius: 60px; text-transform: none;
    text-decoration: none; line-height: 18px; min-width: 200px; padding: 20px; height: auto; display: inline-block; border: none; cursor: pointer; position: relative;
}
a.blue-btn:before, .blue-btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgb(61,197,114);
background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); -webkit-transform: scale(0);
    transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s;
    -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: 1; border-radius: 50px;
}
a.blue-btn:hover:before, .blue-btn:hover:before, a.gray-btn:hover:before, .gray-btn:hover:before { -webkit-transform: scale(1); transform: scale(1); }
a.blue-btn span, .blue-btn span, a.gray-btn span, .gray-btn span { z-index: 111; position: relative; text-transform: capitalize; color: #fff; }

a.gray-btn, .gray-btn { background: #666; font-size: 14px; text-align: center; color: rgb(255, 255, 255); border-radius: 60px; text-transform: none; text-decoration: none;
    line-height: 18px; padding: 20px; display: inline-block; border: none; cursor: pointer; position: relative;
}
a.gray-btn:before, .gray-btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgb(61,197,114);
background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); -webkit-transform: scale(0);
    transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s;
    -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: 1; border-radius: 50px;
}
a.gray-btn:after, .gray-btn:after { border: rgba(255, 255, 255, 0.4) solid 1px; left: 2px; right: 2px; top: 2px; bottom: 2px; content: '';  position: absolute;
    border-radius: 50px;
}

.plan-container { max-width: 1450px; margin: 0 auto; padding: 0 15px; }

.offer-table .col-holder .title-box {
    min-height: 157px;
}

.discount-block {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: right;
}

strong.plan-old-price {
    text-decoration: line-through;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffb100;
    margin: 5px 0;
}

.plan-content-switch strong, .plan-content-switch span {
    font-size: 18px;
    line-height: 24px;
    width: 50%;
}

.plan-content-switch .bold {
    text-align: right;
}

.selected .normal, .selected .bold { font-weight: 600; }
.selected .cupid-arrow { float: left; width: 100%; display: none }
.selected .cupid-arrow { display: none }

.cupid-arrow { display: block; width: 100%; }
.clicktoget { text-align: center; margin-top: 5px; }
.clicktoget h6 { font-size: 18px; margin: 0; color: #723b5a; }

/*checkbox*/

.plan-content-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0 20px 0;
}

    .plan-content-switch label {
        position: relative;
        width: 56px;
        height: 30px;
        cursor: pointer;
        margin: 0 20px;
        flex: none;
    }

        .plan-content-switch label input {
            position: relative;
            z-index: 1;
            -webkit-appearance: none;
            opacity: 0;
        }

        .plan-content-switch label span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to right, #01ccef, #01caec, #5ccfe3, #5ad6eb, #5ad6eb);
            border-radius: 80px;
            transition: 0.5s;
            box-shadow: 0 15px 25px #ccc;
            cursor: pointer;
            z-index: 11;
        }

        .plan-content-switch label input:checked ~ span {
            background: #393A3D;
            box-shadow: 0 15px 25px #ccc;
        }

        .plan-content-switch label span i {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 30px;
            height: 30px;
            background: #fff;
            border-radius: 50%;
            transition: 0.5s;
        }

        .plan-content-switch label input:checked ~ span i {
            left: 28px;
        }

/*checkbox*/

/*checkout page css*/

.servicestabs-in .tab {
    display: none;
}

.tab.tab-active {
    display: block !important;
}

h1.plan-title {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
    position: absolute;
}

.plan-checkout-content {
    margin: 0 auto;
    box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important;
    max-width: 556px;
    width: 100%;
    object-fit: contain;
    min-height: 477px;
    padding: 20px;
    border-radius: 5px;
}

.plan-detials-main {
    margin-top: 15px;
}

.your-plan, .total {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .05px;
    color: #393a3d;
    text-align: left;
}

.discount {
    font-size: 12px;
    font-weight: 700;
    color: #2ca01c;
    padding-right: 8px;
}

span#discountForOffer {
    margin-left: 10px;
}

.plan-details {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: dashed 1px #c7c7c7;
    align-items: center;
}

    .plan-details.planprice {
        justify-content: flex-end;
        padding: 5px 0;
    }

.plan-price strong {
    font-size: 18px;
}

.plan-price .edit-btn {
    color: #24AEFF;
    margin-left: 10px;
}

    .plan-price .edit-btn:hover {
        color: #0071DC;
    }

.plan-price span.proldprice {
    text-decoration: line-through;
    color: #8f8f8f;
}

.employee-month {
    display: block;
    text-align: right;
}

.plan-total {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: dashed 1px #c7c7c7;
    padding-bottom: 10px;
}

.plan-total-main {
    margin-top: 10px;
}

    .plan-total-main .total {
        font-size: 20px;
    }

strong.total-plan-amtount {
    font-size: 20px;
}

.plancheckout {
    float: right;
    margin-top: 20px;
    font-size: 18px;
}

.plan-checkout {
    padding: 40px 0 50px 0;
}

    .plan-checkout h1 {
        margin-bottom: 40px;
        font-weight: 600;
    }
/*checkoutModal*/
.online-tbs .continue-withoutpaybtn, .email-marketing-tbs .continue-withoutpaybtn, .accountandpayroll-tbs .continue-withoutpaybtn {
    top: 28px;
}

.plan-shipment .Starter, .plan-shipment .Bronze, .plan-shipment .Silver, .plan-shipment .Gold, .plan-shipment .Platinum, .plan-shipment .Enterprise {
    margin: 28px 0 0;
    height: 100%;
    text-align: center;
    background: #fff;
}

.shipping-tbs .continue-withoutpaybtn {
    top: 80px;
}

.servicestabs .tab-pane {
    padding-top: 14px;
}

.payment-mb {
    margin-bottom: 20px;
    margin-left: -5px;
    margin-right: -5px;
}

.pdrl { padding: 0 5px; }
.checkoutModal { z-index: 1111; }

    .checkoutModal .modal-dialog {
        max-width: 700px;
    }

    .checkoutModal .modal-header {
        border: transparent;
        background: transparent;
        text-align: center;
        display: block;
        padding: 8px 35px 8px 15px;
    }

        .checkoutModal .modal-header .modal-title {
            font-weight: 600;
            color: #000;
            font-size: 24px;
            line-height: 28px;
        }

        .checkoutModal .modal-header .close {
            padding: 0 6px 0px 8px;
            position: absolute;
            top: -11px;
            right: -11px;
            font-size: 26px;
            border: transparent;
            background: #000;
            opacity: 1;
            color: #fff;
            width: 30px;
            height: 30px;
            line-height: 20px;
            border-radius: 50px;
            outline: none;
            display: block;
        }

            .checkoutModal .modal-header .close:hover {
                background: #175a91;
                opacity: 1;
            }

    .checkoutModal .modal-body {
        padding: 0 10px 10px 10px
    }

.timezonebtn { cursor: no-drop; height: 50px; }

/*form styles*/

form.planpaymentform .step {
    padding: 0 2%;
}

form.planpaymentform {
    margin: 0;
    text-align: center;
    position: relative;
}

    form.planpaymentform fieldset {
        background: white;
        border: 0 none;
        border-radius: 3px;
        padding: 20px 20px 0px 20px;
        box-sizing: border-box;      
        position: relative;
        left: 0px !important;
    }
        
        form.planpaymentform fieldset:not(:first-of-type) {
            display: none;
        }

    form.planpaymentform input.inputfield, form.planpaymentform select.selectfield {
        box-sizing: border-box;
        height: 50px !important;
        width: 100% !important;
        display: block;
        color: #000;
        background-color: #f4f4f4;
        border: 2px solid #fff;
        box-shadow: none;
        border-radius: 5px !important;
        padding: 12px 12px 12px 12px !important;
        transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        -ms-transition: 0.3s ease;        
        font-weight: 500;
        margin-bottom: 6px;
        outline: none;
        box-shadow: none;
    }

        form.planpaymentform input.inputfield:focus, form.planpaymentform select.selectfield:focus {
            background-color: #fff;
            border: 2px solid #175a91 !important;
        }

    form.planpaymentform .action-button {
        width: 36%;
        font-weight: 500;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px;
    }


.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

.subscplantab {
    overflow: hidden;
    margin: 0px 2% 20px 2%;
    padding: 0;
    position: relative;
    display: flex;
    align-items: flex-end;
}

    .subscplantab:before {
        border-bottom: #f4f4f4 solid 2px;
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .subscplantab li {
        list-style-type: none;
        color: #000;
        text-transform: uppercase;
        font-size: 16px;
        width: 49%;
        float: left;
        position: relative;
        padding: 8px 0px;
        margin-right: 2%;
        font-weight: 600;
        border-bottom: #f4f4f4 solid 2px;
    }

        .subscplantab li.active {
            color: #ed1b24;
            border-bottom: #ed1b24 solid 2px;
        }

        .subscplantab li:last-child {
            margin-right: 0px;
        }
/*card detials css*/
.grey-border1.atborder1 {
    border: 2px solid #175a91 !important;
}

.planpaymentform .form-group {
    margin-bottom: 6px;
    position: relative;
}

.planpaymentform .psr {
    position: relative;
}

.credit-card-number .payment-method-main {
    width: 55px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
}

    .credit-card-number .payment-method-main svg {
        width: 100%;
        height: 100%;
    }

.cardmain .cardnm {
    padding-left: 66px;
}

.cardmain {
    padding: 0;
}

    .cardmain .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .cardmain .brd-0 {
        border-radius: 0px;
    }

    .cardmain .brd-rtb-0 {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .cardmain .brd-ltb-0 {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .cardmain .ccv {
        padding: 12px 5px 12px 5px;
    }

.credit-card-number {
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    color: #000;
    background-color: #f4f4f4;
    border: 2px solid #fff;
    box-shadow: none;
    border-radius: 5px;
    padding: 12px 0px 12px 0;
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    /*-webkit-appearance: none;
            */
    font-weight: 500;
    margin-bottom: 0;
    outline: none;
    box-shadow: none;
}

    .credit-card-number:focus {
        background-color: #fff;
        border: 2px solid #175a91;
    }

    .credit-card-number div.row {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .credit-card-number .wth-card {
        width: calc(100% - 133px);
        width: -webkit-calc(100% - 133px);
        flex: none;
    }

    .credit-card-number .wth-my {
        width: 83px;
        flex: none;
        max-width: 83px;
    }

    .credit-card-number .wth-cvv {
        width: 50px;
        max-width: 50px;
        flex: none;
    }

    .credit-card-number input.form-control {
        background: transparent;
        height: 46px;
        border: none;
    }

        .credit-card-number input.form-control:focus {
            background: transparent;
            box-shadow: none;
        }
/*card detials css*/
form .planpaymentform input.inputfield::-webkit-input-placeholder {
    color: #6a6a6a;
}

form.planpaymentform input.inputfield::-moz-placeholder {
    color: #6a6a6a;
}

form.planpaymentform .inputfield input:-ms-input-placeholder {
    color: #6a6a6a;
}

form.planpaymentform input.inputfield:-moz-placeholder {
    color: #6a6a6a;
}

.fieldmain {
    position: relative;
}

    .fieldmain input:focus ~ label, .fieldmain input:valid ~ label {
        top: 5px;
        left: 8px;
        font-size: 11px;
        color: #175a91;
        background-color: transparent;
        padding: 0 5px 0 5px;
        line-height: 12px;
    }

    .fieldmain label {
        color: #6a6a6a;
        position: absolute;
        pointer-events: none;
        left: 13px;
        top: 14px;
        transition: 0.2s;
        margin: 0px;
    }

.card-icon {
    width: 74px;
}

    .card-icon img {
        width: 100%;
    }

.row.cvvandexpires {
    margin: 0 -5px;
}

form.planpaymentform label {
    display: block;
    text-align: left;
}

.exitCheckout {
    cursor: pointer;
    border-top: #e7e7e7 solid 1px;
    padding-top: 12px;
    display: block;
    margin-top: 20px;
}

.group-card-icon {
    max-width: 145px;
    float: right;
    margin-bottom: 5px;
}

.termsandcondtions {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

    .termsandcondtions label {
        margin: 0 0 0 10px;
    }

span.understand-desc {
    text-align: left;
    display: block;
    margin: 10px 0 0 0;
    font-size: 13px;
}

span.important-pricing {
    border-top: #ccc solid 1px;
    display: block;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}
/*checkoutModal*/
/*checkout page css*/
.plan-shipment .price sup {
    top: 0;
    font-size: inherit;
    color: #fff !important
}

.servicestabs .tab-content .row {
    margin-right: -5px;
    margin-left: -5px;
}

.small-business {  
    position: absolute;
    left: 12.5%;
    z-index: 999;
}

    .small-business h3 {       
        margin: 0px;
    }

button.tooltipbtn {
    padding: 0px;
    border: none;
    height: 15px;
    line-height: normal;
    outline: none;
    background: transparent;
}

    button.tooltipbtn svg path {
        fill: #898989;
    }

.smallplanbtn {
    min-width: auto !important;
    max-width: 180px;
    padding: 12px 10px !important;
    margin-top: 10px;
    border-radius: 60px !important;
    width: 100%;
    z-index: 1 !important;
    overflow: hidden;
    text-transform: uppercase !important;
    color: #fff !important;
}

    .smallplanbtn:hover {
        color: #fff !important;
    }

    .smallplanbtn:before {
        z-index: -1 !important;
    }

    .smallplanbtn:hover:before {
        border-radius: 60px !important;
    }

    .smallplanbtn:hover span {
        color: #fff;
    }

.selectbtn {
    min-width: auto !important;
    max-width: 180px;
    padding: 12px 10px !important;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    display: inline-block;
    min-width: auto;
    z-index: 0;
    border-radius: 60px !important;
    z-index: 1 !important;
    overflow: hidden;
    text-transform: uppercase !important;
    color: #fff !important;
}

    .selectbtn:hover:before {
        border-radius: 60px !important;
    }

    .selectbtn:hover {
        color: #fff !important;
    }

    .selectbtn:before {
        z-index: -1 !important;
    }

    .selectbtn:hover span {
        color: #fff;
    }

.servicestabs-in {
    background: #f4f5f8;
    padding-bottom: 30px;
    display: table;
    margin: 0 auto;
    border-radius: 0.375rem;
}

.selectplantop {
    width: 100%;
    display: flex;
    justify-content: center;
}

.planselected-btn {
    border: none;
    background: url(../images/edit-icon.svg) right no-repeat;
    background-size: 19px;
    color: #055393;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 5px 25px 3px 5px;
    position: absolute;
    bottom: -35px;
    z-index: 999;
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 600;
}

    .planselected-btn svg {
        fill: #0c90ff;
    }

.servicestabs .plan-nav-tabs {
    margin-top: 20px;
    justify-content: center;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    list-style: none;
    margin-bottom: 0px;
    padding: 0;
}

    .servicestabs .plan-nav-tabs .nav-link {
        padding: 1rem 1rem;
        font-size: 20px;
        font-weight: 500;
        background: #7c7c7c;
        color: #fff;
    }

    .servicestabs .plan-nav-tabs a.active-a {
        background-color: #175a91;
        color: #ffffff;
    }

    .servicestabs .plan-nav-tabs li.nav-item {
        margin-right: 1px;
    }

        .servicestabs .plan-nav-tabs li.nav-item:last-child {
            margin-right: 0px;
        }

    .servicestabs .plan-nav-tabs .nav-link:focus,
    .servicestabs .plan-nav-tabs .nav-link:hover {
        border-color: transparent;
        background-color: #175a91;
        box-shadow: 0px 1px 0px #175a91;
        color: #fff;
    }

    .servicestabs .plan-nav-tabs .nav-item.show .nav-link,
    .servicestabs .plan-nav-tabs .nav-link.active {
        color: #fff;
        background-color: #175a91;
        border-color: transparent;
        border-bottom: transparent;
        box-shadow: 0px 1px 0px #175a91;
    }

    .servicestabs .plan-nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        cursor: pointer;
        text-align: center;
    }

.servicestabs {
    padding: 0;
}

    .servicestabs .tab-content {
        padding: 15px 0;
    }

    .servicestabs strong {
        font-weight: 600;
    }

span.text-popular {
    position: absolute;
    top: -33px;
    width: 100%;
    left: 0;
    border-width: 1px 1px 0 1px;
    border-color: #ccc;
    border-style: solid;
    color: #000;
    padding: 5px 0;
    text-transform: uppercase;
    background: #ffb100;
    font-weight: 600;
}

.tab-content.plan-shipment .tab-pane.active {
    display: block !important;
}

.tab-content.plan-shipment {
    overflow-y: inherit !important;
}

.plan-shipment .Starter,
.plan-shipment .Bronze,
.plan-shipment .Silver,
.plan-shipment .gold,
.plan-shipment .Platinum,
.plan-shipment .Enterprise {
    margin: 28px 0 0;
    height: 100%;
    text-align: center;
    background: #fff;
}

.plan-shipment .col-lg-2 {
    padding: 0 5px;
}

.plan-shipment .col-holder {
    border-width: 1px;
    border-color: #e9e9e9;
    border-style: solid;
    position: relative;
    height: 100%;
    padding-bottom: 50px;
    border-radius: 5px;
}

.plan-shipment .sl-plan {
    border-width: 2px;
    border-color: #1389cf;
    border-style: solid;
}

/*.plan-shipment .Enterprise .col-holder {
        border-width: 1px 1px 1px 1px;
        border-color: #d7d4d4;
        border-style: solid;
    }*/

.plan-shipment .title-box {
    background: #212121;
    color: #fffffe;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 5px 16px;
    display: grid;
    align-items: flex-start;
    min-height: 139px;
}

.plan-shipment .title {
    font-size: 15px;
    line-height: 23px;
    display: block;
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: dashed 1px #858585;
    letter-spacing: 0;
}

.plan-shipment .title-box span {
    font-weight: 600;
}

.plan-shipment .price {
    font-size: 24px;
    display: block;
    letter-spacing: 0;
    line-height: 35px;
}

.plan-shipment .box {
    background: #fffffe;
    margin: 5px 0 2px;
    color: #3c3226;
    display: table;
    width: 100%;
}

    .plan-shipment .box.users-box {
        padding: 5px 0 0px;
        margin-top: 0px;
    }

        .plan-shipment .box.users-box span, .plan-shipment .box.users-box span {
            display: inline;
        }

    .plan-shipment .box .holder {
        display: block;
        padding: 3px 3px 0;
    }

        .plan-shipment .box .holder span {
            font-weight: 600;
            font-size: 14px;
        }

        .plan-shipment .box .holder p {
            padding: 0px;
            margin-bottom: 0px;
        }

    .plan-shipment .box span.quantity {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
    }

    .plan-shipment .box em {
        font: 13px/14px Roboto, sans-serif;
        display: block;
    }

.plan-shipment p {
    line-height: 18px;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 0px;
}

.plan-shipment .box span {
    color: #ffa400;
    display: block;
}

.email-services {
    padding: 15px 15px 0 15px;
}

span.email-title {
    font-size: 14px;
    display: block;
    padding: 0 0 15px 0;
    line-height: 20px;
    text-align: left;
    font-weight: 600;
}

.email-services p {
    text-align: left
}

.email-services ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style: none;
}

    .email-services ul li {
        text-align: left;
        position: relative;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 16px;
        border-bottom: #e9e9e9 solid 1px;
        padding-bottom: 8px;
    }

        .email-services ul li:last-child {
            border-bottom: transparent;
        }

        .email-services ul li:before {
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
            content: '';
            position: absolute;
            left: -23px;
            width: 16px;
            height: 16px;
            margin-top: 0px;
        }

.email-services .popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #175a91 !important;
    border-bottom: dashed 1px
}
    /* The actual popup */
    .email-services .popup .popuptext {
        visibility: hidden;
        width: 300px;
        background-color: #fff;
        color: #000;
        text-align: left;
        border-radius: 5px;
        padding: 13px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 0%;
        margin-left: -80px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(112,112,112,1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(112,112,112,1);
        box-shadow: 0px 0px 10px 0px rgba(112,112,112,1);
    }
        /* Popup arrow */
        .email-services .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
    /* Toggle this class - hide and show the popup */
    .email-services .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tab-pane {
    position: relative;
}

a.backbtn {
    position: absolute;
    right: 0;
    z-index: 11;
}

.payroll-part {
    margin-top: 18px;
}
/*plan css end*/
.productlistscr {
    min-height: 410px;
    max-height: calc(100vh - 360px);
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 15px;
}

.product-list-main .container-fluid, .product-list-main .white-box.products-table {
    padding-bottom: 10px;
}

div.product-list-main div#pagers {
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.visualizationlist {
    min-height: 410px;
    height: calc(100vh - 227px);
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
}

.content-wrapper .sidebar .sidebar-nav {
    background: #2d2f31;
    width: 0px;
    overflow: hidden !important;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent:hover > a {
    width: 300px;
    background: #fff;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent:hover .hide-menu {
    padding-left: 20px;
}

.content-wrapper .sidebar #side-menu li a:hover {
    background: #fff;
}

.content-wrapper .sidebar .nav-list-parent .nav-manu-item {
    top: 100%;
}

.content-wrapper .sidebar li.nav-list-parent:nth-last-child(2):hover ul {
    top: auto;
    bottom: 39px;
}

section.tab-main.purchase div#exampleModalinvoice .modal-dialog.full-popup {
    max-width: 100%;
}
/*three tabs*/
.top-plan-tabs {
    padding: 0;
}

.three-tab.three-active, .two-tab.two-active {
    display: block !important;
}

.top-plan-tabs .plan-nav-tabs .three-a.three-tab-active,
.top-plan-tabs .plan-nav-tabs .two-a.two-tab-active {
    background: rgb(61,197,114);
    background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    color: #ffffff;
}

.top-plan-tabs .plan-nav-tabs {
    margin-top: 0px;
    justify-content: center;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    list-style: none;
    margin-bottom: 0px;
    padding: 0;
}

    .top-plan-tabs .plan-nav-tabs .nav-link {
        padding: 0.5rem 1rem;
        font-size: 14px;
        font-weight: 500;
        background: #fff;
        color: #000;
        border: 1px solid #0bb5af;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        cursor: pointer;
        text-align: center;
        white-space: nowrap;
    }

    .top-plan-tabs .plan-nav-tabs a.active-a {
        background-color: #0071DC;
        color: #ffffff;
    }

    .top-plan-tabs .plan-nav-tabs li.nav-item {
        margin-right: 1px;
        position: relative;
    }

        .top-plan-tabs .plan-nav-tabs li.nav-item:last-child {
            margin-right: 0px;
        }

    .top-plan-tabs .plan-nav-tabs .nav-link:focus, .top-plan-tabs .plan-nav-tabs .nav-link:hover {
        border-color: transparent;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        box-shadow: 0px 0px 0px #0071DC;
        color: #fff;
    }

    .top-plan-tabs .plan-nav-tabs .nav-item.show .nav-link, .top-plan-tabs .plan-nav-tabs .nav-link.active {
        color: #fff;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        border-color: transparent;
        border-bottom: transparent;
        box-shadow: 0px 0px 0px #0071DC;
    }

.vtabs .nav-pills .nav-item.show .nav-link, .vtabs .nav-pills .nav-link.active {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    border-bottom: #0bb5af solid 2px;
    border-radius: 0px;
    color: #000;
    text-align: left;
}

.vtabs .nav-pills .nav-link {
    text-align: left
}

.transactiontabs {
    display: flex;
}

.transactiontabs-nav-tabs {
    padding: 0;
    width: 200px;
    background: #f9f9f9;
}

    .transactiontabs-nav-tabs .five-tab-active {
        background: #e4eeff;
        border-left: #0d6efd solid 2px;
        border-radius: 0px;
        color: #000;
        text-align: left;
    }

ul.transactiontabs-nav-tabs li {
    list-style: none;
    padding: 0;
    margin: 0px 0px 5px 0px;
}

    ul.transactiontabs-nav-tabs li .nav-link {
        padding: 8px 8px;
        cursor: pointer;
        text-transform: capitalize;
    }


.transactiontabs-nav-tabs .five-active,
.transactiontabs-content .five-active {
    display: block !important;
}

.transactiontabs-content {
    width: calc(100% - 200px);
    padding-left: 30px;
}

    .transactiontabs-content h3 {
        margin-top: 0px;
    }

.tableheight {
    max-height: 650px;
    overflow: auto;
    margin: 0;
}

.table-style {
    border-left: #ddd solid 1px;
    border-right: #ddd solid 1px;
}

.btnsuccess {
    background: #008000;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    height: auto;
    border: #008000 solid 1px;
    border-radius: 5px;
    padding: 5px;
}

.bdr {
    border: #ccc solid 1px;
    border-radius: 5px;
}

.usagelimits {
    max-width: 1200px;
    margin: 0 auto;
}

.manage-sec {
    padding: 15px;
    align-items: center;
    display: flex;
}

.yourcontactusage {
    padding: 15px;
    margin: 40px 0 0 0;
}

.planpayment .k-grid-header th.k-header {
    font-weight: 600;
}

.billinginfo {
    padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
}

.billinginfo-left, .billinginfo-right {
    border: #dee2e6 solid 1px;
    border-radius: 5px;
    background: #f9f9f9;
}

.billing-title {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: #212121 solid 1px;
    padding: 0 15px;
    background: #212121;
}

    .billing-title h4 {
        font-weight: 300;
        color: #fff;
    }

a.editdetails {
    border: #fff solid 1px;
    border-radius: 3px;
    padding: 2px 8px;
    margin-left: 15px;
    background: #4e0930;
}

.billing-content {
    padding: 15px;
}

ul.userinfo-billing {
    margin: 0;
    padding: 0;
}

    ul.userinfo-billing li {
        list-style: none;
        margin-bottom: 10px;
        display: flex;
    }

        ul.userinfo-billing li strong {
            padding-right: 15px;
            width: 200px;
            display: inline-block;
            position: relative;
            flex: none;
        }

            ul.userinfo-billing li strong:after {
                content: ':';
                position: absolute;
                right: 0;
            }

        ul.userinfo-billing li span {
            padding-left: 20px;
        }

.billinginfo-right {
    height: 100%;
}

.editdetails i {
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
}

.cardpayment-edit {
    display: flex;
    justify-content: space-between;
}

.card-number {
    display: flex;
    margin: 10px 0 0 0;
    font-weight: 600;
}

.planpayment {
    overflow-x: auto;
    width: 100%;
}
/*three tabs*/
.continue-withoutpaybtn {
    display: table;
    margin: 0;
    border: #24AEFF solid 2px;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    color: #000;
    transition: all 0.3s ease-in-out;
    right: -8px;
    bottom: auto;
    top: 0;
}

    .continue-withoutpaybtn:hover {
        color: #fff;
        border: #0071DC solid 2px;
        transition: all 0.3s ease-in-out;
        background: #0071DC;
    }

@media(max-width: 500px) {
    .upload-img {
        position: relative;
        right: 0;
        top: 0;
        left: 15px;
    }
}
/*new step css*/
.planpaymentform .hidden {
    display: none;
}
/*.planpaymentform .button {
             width: 140px;
             cursor: pointer;
             padding: 1em;
             border-radius: 0.2em;
             border: none;
             color: white;
             font-weight: bold;
             font-size: 1em;
             transition: all 0.5s ease;
             background-color: #ff8552;
        }
         .planpaymentform .button:hover {
             background-color: #ff4f06;
        }
        */
.planpaymentform .button.disabled {
    display: none
}
/*.planpaymentform .button.disabled:hover {
             background-color: #ff8552;
        }
        */
.planpaymentform {
    width: 100%;
}

    .planpaymentform .progress-bar {
        width: 100%;
        list-style-type: none;
        display: flex;
        padding: 0;
        justify-content: center;
        margin-bottom: 3.5em;
    }

        .planpaymentform .progress-bar li.progress-bar__dot {
            display: block;
            cursor: pointer;
            transition: all 0.5s ease;
            font-size: 16px;
            color: #2c8cdb;
            margin: 0 20px;
        }

            .planpaymentform .progress-bar li.progress-bar__dot.full {
                border-bottom: #2c8cdb solid 2px;
            }

        .planpaymentform .progress-bar li.progress-bar__connector {
            display: block;
            margin-top: 0.45em;
        }
/* .planpaymentform label {
             font-weight: bold;
             font-size: 1.2em;
        }
         */
/*.planpaymentform .button-group {
             width: 100%;
             display: flex;
             justify-content: space-between;
             margin-top: 50px;
        }
         .planpaymentform button#validate {
             margin: auto;
             background-color: #1a936f;
             width: 12em;
        }
         .planpaymentform button#validate:hover {
             background-color: #12684e;
        }
        */
.add-store-or-marketplace .modal-dialog, .add-your-payment-gateway .modal-dialog {
    max-width: 1100px;
}



.vendorstabs {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 10px 0 0 0;
}

    .vendorstabs .nav.nav-tabs {
        display: flex;
        white-space: nowrap;
        float: left;
        min-height: 45px;
        margin: 4px 0;
    }

.exportJournalentry .modal-dialog {
    max-width: 754px !important;
    width: 100%;
}

.bootstrap-select .dropdown-menu.inner li.active a {
    background: #0071dc;
}

.left-menu-slide .purchase {
    background: #fff;
}



.slslider {
    clear: both;
    min-height: 30px;
    margin: 15px 0 5px 0;
}

    .slslider .slick-track {
        margin: 0;
        display: flex;
    }

    .slslider .slick-list {
        margin: 0 35px;
    }

    .slslider:not(#a2-slick-slider) .slick-next,
    .slslider.slick-slider:not(#a2-slick-slider) .slick-prev {
        position: absolute;
        height: 30px;
        width: 30px;
        line-height: 42px;
        border-radius: 100%;
        font-size: 0;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        padding: 0;
        border: 1px solid #2f3337;
        background: #fff;
        box-shadow: 0 0 8px -2px #000;
        z-index: 11;
    }

    .slslider .slick-next:before {
        content: "\f104";
    }

    .slslider .slick-prev:before {
        content: "\f105";
    }

    .slslider .slick-next:before,
    .slslider .slick-prev:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        line-height: 1;
        color: #000;
    }

    .slslider .slick-slide {
        min-width: 214px;        
    }

    .slslider button.slick-prev {
        right: 0;
    }

    .slslider .slick-slide > div { padding:0 7px; }

    .slslider .slick-disabled {
        opacity: 0;
    }
    .slslider .slick-slide span.select2-container.select2-container--default.select2-container--open {
        width: 100% !important;
    }    

    .slslider .slick-slide .storename {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .slslider .slick-slide .select2-container {
        margin-bottom: 10px;
    }

.add-category-product .modal-dialog {
    max-width: 760px;
    min-width: 760px;
}

div#AddCategoryProduct .modal-content.modal-lg.popup-small {
    width: 100%;
    min-height: 220px;
}

.headcategory {
    display: flex;
}

    .headcategory .clsbtn {
        font-size: 28px;
        line-height: 17px;
        font-weight: 500;
        color: #000;
        background: #fff;
        height: 30px;
        border-radius: 50px;
        width: 30px;
        opacity: 1;
        position: absolute;
        top: -13px;
        right: -13px;
        transition: all 0.3s ease-in-out;
        border: #24AEFF solid 1px;
    }

        .headcategory .clsbtn:hover {
            background: #0071DC;
            border: #0071DC solid 1px;
            color: #fff;
            transition: all 0.3s ease-in-out;
        }

.storename {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    font-weight: 700;
}

.collections-new a {
    padding: 10px;
    float: left;
    margin-bottom: 15px;
    background: #723b5a;
    color: #fff !important;
    border-radius: 4px;
}

    .collections-new a:hover {
        background: #4e0930;
    }

.collections-new .form-check {
    float: left;
    min-width: 220px;
    margin: 0px;
}

.sellingbtn {
    padding: 10px 12px;
    color: #fff;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
    display: table;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    text-transform: capitalize;
    line-height: 16px;
    text-align: center
}

    .sellingbtn:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        text-decoration: none;
        transition: 0.3s ease-in-out;
        color: #fff;
    }
/* .msrp input.decimal-field, .sale-price input.decimal-field, .weightoz input.inputwdth, .purchasep input.decimal-field, .inboundf input.decimal-field {
             min-width: 110px !important;
             width: 110px !important;
        }
         .extrad input.decimal-field {
             min-width: 90px !important;
             width: 9px !important;
        }
         .weightd input.inputwdth {
             min-width: 50px !important;
             width: 50px !important;
        }
        */
div#tabstrip input.k-textbox {
    text-align: center;
}

.link-img a {
    font-size: 15px;
    font-weight: 600;
}

#addASINdiv .row .col:last-child {
    width: auto;
    flex: unset;
}

#addASINdiv .row .group-input.group-input-checkbox label {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#addASINdiv .row .group-input .borderTextBox {
    margin: 0;
}

.cart-bin-edit, .warehouse-edit {
    background: rgba(0,0,0,0.5) !important;
    max-width: 100% !important;
    width: 100% !important;
    transform: inherit !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border-radius: 0px !important;
}

.warehouseaddrow {
    background: #fff;
    margin-top: 15px !important;
    border-radius: 5px;
    max-width: 1438px;
    margin: 0 auto;
}

    .warehouseaddrow .tblscroll {
        overflow-x: auto;
        overflow-y: auto;
        margin: 0 20px;
        padding-bottom: 40px;
    }

        .warehouseaddrow .tblscroll th {
            color: #000;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 13px;
        }

.topbtncl {
    text-align: right;
}

    .topbtncl .acbtn {
        margin: 0 0 10px 0;
        font-size: 30px;
        line-height: 30px;
        padding: 3px 8px;
        height: 48px;
        width: 48px;
        border: transparent !important;
        background: transparent !important;
        color: #000;
    }

        .topbtncl .acbtn:hover {
            background: #e9220f !important;
            color: #fff;
            border-radius: 0 5px 0 0px;
        }

.rownm .form-control {
    text-align: center;
}

.warebtn .acbtn {
    margin: 5px 0;
    display: inline-block;
}

div.packagesbtn i.fa.fa-trash {
    color: #fff !important;
}

div.packagesbtn {
    display: flex;
    justify-content: start;
}

    div.packagesbtn button {
        padding: 7px;
        margin-left: 10px;
        font-size: 15px;
    }

.addmultiple .row {
    align-items: center
}

.addmultiple h3 {
    margin: 0px;
}

.addmultiple button.proPopClose.close {
    background: transparent !important;
}

.modal-title .modal-title-right .order-num a {
    color: #ffc107;
}

.wproduct-scroll2 {
    overflow-y: auto;
    max-height: 350px;
}

.pro-images2 {
    text-align: center;
}

    .pro-images2 img {
        max-width: 293px;
        width: 100%;
    }

.warehouse-detailsnew {
    border: #ccc solid 1px;
    border-radius: 5px;
    padding: 5px 15px;
    background: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 15px;
    height: calc(100% - 15px);
}
/*.sclnewmain {
             overflow-x: auto;
             overflow-y: auto;
             margin-bottom: 15px;
        }
        */
/*.sclnew {
             max-height: 175px;
             max-width: 400px;
        }
        */
.dtmscrl {
    overflow-x: auto;
    overflow-y: auto;
}

.whbtn {
    background: #24AEFF;
    color: #fff;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 10px;
}

    .whbtn:hover {
        background: #0071DC;
    }

.productwarehouselist span.k-widget {
    width: 100%;
}

.productwarehouselist .k-dropdown-wrap {
    border-radius: 4px !important;
    height: 41px;
}

/*div#through-price .modal-header {
        background: transparent;
        border: none;
    }*/

div#through-price .modal-header button.close {
    z-index: 99;
    right: 0;
    opacity: 1;
}

div#through-price .pricing-paet h2 {
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px;
}

modal#livestream_scanner .modal-dialog {
    max-width: 650px;
}

#quantityReportGrid th.k-hierarchy-cell.k-header {
    border-bottom: none;
}
/*.inventoryreport thead th a.k-header-column-menu {
             display: none;
        }
        */
.inventoryreport .k-grid-header .k-header .k-icon {
    border-top: none;
}

.inventoryreport .k-grid-header th.k-header {
    vertical-align: middle;
}

.inventoryreport .k-detail-cell th,
.inventoryreport .k-detail-cell td {
    text-align: left
}

.k-animation-container {
    background: #fff;
}
/*table tr th:nth-child(1), table td:nth-child(1), table tr th:nth-child(2), table td:nth-child(2), table tr th:nth-child(3), table td:nth-child(3) {
             position: sticky;
             width: 100px;
             left: 0;
             z-index: 10;
             background: #fff;
        }
         table tr th:nth-child(1), table tr th:nth-child(2), table tr th:nth-child(3) {
             z-index: 11;
        }
        */
/*.nav.navbar-top-links li.dropdown:hover ul.dropdown-menu {
             display: block;
        }
        */
/*.nav.navbar-top-links li.mega-dropdown:hover ul.dropdown-menu.mega-dropdown-menu {
             display: block;
        }
        */
.navbar-header .navbar-left {
    float: left;
}

    .navbar-header .navbar-left a {
        color: #c3cdd5
    }

.sidebar-nav ul li {
    position: relative;
}

/*    #side-menu > li > a.active {
        color: #24AEFF;
    }
    #side-menu li.active > a {
        color: #24AEFF;
    }*/

.allordersmodal .tab-content .active {
    opacity: 1;
}

.dropdown-menu {
    border: #a7a7a7 solid 1px;
    border-radius: 0;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05) !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0
}

    .dropdown-menu > li > a {
        padding: 5px 10px 5px 10px;
        display: block;
        font-size: 14px;
        line-height: 17px;
        color: #000;
        box-sizing: border-box;
        font-weight: 400;
    }

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

.tab-content > .active {
    display: block;
    opacity: 1;
}

button.close {
    font-size: 36px;
    line-height: 20px;
    padding: 0px;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    border: none;
    background: transparent;
}

.uploadproduct .cancel span {
    text-transform: capitalize
}

.acbtngroup .btn {
    padding: 7px 10px;
    line-height: 18px;
    height: auto;
    border: #fff solid 1px;
}

.acbtngroup .fa-trash {
    font-size: 17px;
}

.ml-2 {
    margin-left: 3px;
}

#modelErrors button.close {
    position: absolute;
    right: 0;
}

div#temporaryProductGrid span.chk-box {
    left: 15px;
}

div#temporaryProductGrid .checkbox {
    padding-left: 10px;
}

.orderinvoicedashboard button,
.orderinvoicedashboard .selectboxd {
    margin-bottom: 15px;
}

.productLists {
    margin-top: 18px;
}

.bdr-top {
    border-top: #ccc solid 1px;
}

.bdr-right {
    border-right: #ccc solid 1px;
}

select.form-control::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.marketplace-reorder-div .searchbox-top {
    margin-top: 2px;
}

/*.marketplace-reorder-div input#btnGetPublishStatus {
    margin-top: -10px;
}*/

.summary-box-right .size-main .col-md-4 {
    position: relative;
}

.product-detail-arrows {
    position: relative;
}

.modal-header ul#myTab {
    margin: 0px;
}

.modal.fade.in {
    opacity: 1;
}

.align-m .row {
    align-items: center
}

.orderManagement span.chk-box {
    left: 5px;
}

.orderManagement .checkbox {
    padding-left: 5px;
}

/*.form-check-input:checked {
    background-color: #fff;
    border-color: #ccc;
}*/

.selecting-part input.form-check-input {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 0px;
    flex: none;
}

.selecting-part .form-check-input:checked {
    background-color: #0d6efd;
    box-shadow: none;
    border-radius: 50px !important;
}

/*div#fundsadd input[type=checkbox]:before {
    line-height: 18px !important;
}*/

.nav.nav-tabs.tabs-vertical span.hidden-sm-up {
    display: none;
}



.modify-connection .form-control {
    padding: 4px 4px;
}


.modify-connection input[type="checkbox"] {
    padding: 0 !important;
    border-color: #ccc !important;
}
/*.modify-connection input[type=checkbox]:before {
    width: 12px;
    height: 12px;
    line-height: 12px;
}*/

div.thstyle th {
    padding: 10px !important;
}

.mbsc .k-grid {
    margin-right: 1px;
}

.h2title h2 {
    font-size: 20px;
}

#side-menu li:nth-child(18):hover ul {
    top: auto;
}

#side-menu li:nth-child(19):hover ul {
    top: auto;
}

#side-menu li:nth-child(20):hover ul {
    top: auto;
}

#side-menu li:nth-child(21):hover ul {
    top: auto;
}

#side-menu li:nth-child(22):hover ul {
    top: auto;
}

#side-menu li:nth-child(23):hover ul {
    top: auto;
}

#side-menu li:nth-child(24):hover ul {
    top: auto;
}

#side-menu li:nth-child(25):hover ul {
    top: auto;
}




.tab-content2 {    
    width: 100%;
    clear:both;
}

.addproduct-main .search-fild {
    width: 100%;
}

.userprofiletop .dropdown-menu {
    width: 243px;
    padding: 0px !important;
    right: 50px !important;
}

    .userprofiletop .dropdown-menu li {
        border-bottom: #ccc solid 1px;
        float: none !important;
    }

        .userprofiletop .dropdown-menu li a,
        .userprofiletop .dropdown-menu li.dropdown-header {
            padding: 7px 15px !important;
        }

        .userprofiletop .dropdown-menu li:last-child {
            border-bottom:transparent;
        }
        /*.userprofiletop .dropdown-menu li.dropdown-header:hover,
            .userprofiletop .dropdown-menu li a:hover {
                background: #f3f5f7;
            }*/
        /*.customdropdown {
            background: #fff !important;
            color: #000 !important;
            border: 1px solid #ced4da !important;
    }
        .customdropdown:hover, .customdropdown:focus {
            background: #fff !important;
            color: #000;
            border: 1px solid #723b5a !important;
    }
    */
        .btn-check:active + .btn:focus,
        .btn-check:checked + .btn:focus,
        .btn.active:focus,
        .btn.show:focus,
        .btn:active:focus {
            box-shadow: none;
        }
/*.dropdown-item.active, .dropdown-item:focus, .dropdown-item:hover {
             background-color: #723b5a;
             color: #fff;
        }
        */
.sidebar-right .form-check {
    position: relative;
}

td.srnumber input[type="checkbox"] {
    padding: 0px;
}

.nav-pills .nav-link {
    color: #000;
}

.warehousemain {
    position: relative;
}

.datemain .input-group-addon {
    padding: 8px 12px;
    position: absolute;
    right: 0;
    z-index: 11;
}

.mrg-tm {
    margin: 15px 0;
}

.searchwidth {
    max-width: 400px;
    width: 100%;
}

.sttabs .vertical-tabs1 ul.nav.nav-tabs.tabs-vertical button {
    width: 100%;
    height: 100%;
}

section.tab-main.purchase.tab-wrapper {
    /* z-index: 0;
            */
    position: relative;
}

.product-button {
    padding: 10px;
}

div#exampleBankModal {
    opacity: 1;
}

.font-18 {
    font-size: 18px;
}
.account-popup {
    z-index: 222222;
}
.forwarder-modal {
    z-index: 111111;
}

.fromandtodestination {
    z-index: 111111;
}

.account-popups {
    z-index: 111111;
}

.row.inventory-list .search-box.inventoryreporttop {
    margin-bottom: 0;
}

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

div#multiselect-storesetupIds {
    position: relative;
}

.multiselect-store .ms-options-wrap > button > span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    color:#000;
}

.preferencesform label.form-label {
    margin: 10px 0;
}

.preferencesform .label-pref-weight-unit {
    margin: 7px 0;
    display: flex;
    gap: 5px;
}

/*.preferencesgrid {
    border-top: #ccc solid 1px !important;
}

    .preferencesgrid table tbody td:last-child {
        border-right: #ececec solid 1px !important;
    }

    .preferencesgrid table thead th:last-child {
        border-right: #ccc solid 1px !important;
    }

    .preferencesgrid .k-pager-numbers-wrap .k-pager-numbers .k-link {
        border-bottom: #ccc solid 1px;
        border-top: #ccc solid 1px;
        margin-top: 1px !important;
        border-left: #ccc solid 1px;
    }*/

.right-sitebar .shipp-main .text-left {
    text-align: left;
}

.psrl {
    position: relative;
}

.createbtn {
    margin-bottom: 15px;
    display: inline-block;
}

.companyname {
    font-size: 26px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}

#tabstrip .k-content, div#tabstripPurchase .k-content {
    transition: inherit !important;
}

.addemployee {
    padding: 0 20px;
}

.payrolltaxesbtn {
    justify-content: center;
    display: flex;
    padding: 20px 0;
}

    .payrolltaxesbtn button {
        margin: 0 2px;
    }

.customer-img-details ul.k-upload-files.k-reset strong.k-upload-status {
    right: -50px;
    top: 0;
    opacity: 1;
    background: #eaeaea;
    border-radius: 50px;
    width: 20px;
    text-align: center;
    padding: 0px;
    color: #000;
}

.customer-img-details ul.k-upload-files.k-reset button.k-button.k-upload-action {
    margin: 0px;
}

.modal-details-expense .borderTextBox {
    border: none
}

    /*.modal-details-expense .bdrsolid*/
    .modal-details-expense .borderTextBox input,
    .modal-details-expense select.form-textBox {
        border: #ccc 1px solid;
        border-radius: 4px;
    }

        .modal-details-expense .borderTextBox input:focus,
        .modal-details-expense select.form-textBox:focus {
            border: #000 1px solid;
        }

.modal-details-expense div#login-main .borderTextBox .k-numerictextbox {
    padding-top: 0px !important;
}

    .modal-details-expense div#login-main .borderTextBox .k-numerictextbox .k-input {
        /* background: transparent;
            */
        font-size: 14px;
        border: #ccc solid 1px !important;
        min-height: 41px !important;
        padding-top: 14px !important;
    }

        .modal-details-expense div#login-main .borderTextBox .k-numerictextbox .k-input:focus {
            border: #000 solid 1px !important;
        }

.livestream_scanner .modal-title {
    text-align: left
}

.blog-settings .form-group {
    margin-bottom: 15px;
}

.blog-settings .menu-header {
    margin-top: 20px;
}

/*.trashgrid {
    border-top: #ccc solid 1px !important;
}

    .trashgrid thead th:last-child {
        border-right: #ccc solid 1px !important;
    }

    .trashgrid tbody td:last-child {
        border-right: #ccc solid 1px !important;
    }*/

.confirm-header button.close {
    color: #fff;
}

.shippingmanagement.shipping-main table thead th {
    font-size: 13px;
    font-weight: 600;
    border-bottom: #87bfb0 solid 1px !important;
    border-left: #87bfb0 solid 1px !important;
}

    .shippingmanagement.shipping-main table thead th:first-child {
        border-left: transparent !important;
    }

.shipstation-sl table thead th, .store-setup table thead th {
    text-transform: uppercase
}
.store-setup table thead th:first-child {
    border-left: transparent !important;
}
.store-setup table thead th {
    border-left: #87bfb0 solid 1px !important;
}

    .borderTextBox.resale-certi {
        padding: 10px;
    }

.resalec {
    font-weight: 600;
    padding-left: 5px;
}

.height6 {
    height: 600px !important;
}

/*div#AddCategoryProduct {
        z-index: 0;
    }*/

.fullwidth {
    width: 100% !important;
}

.mtbill {
    margin-top: 5px;
}

.amountmt {
    margin-top: 10px;
}

    .amountmt .balance {
        margin-right: 10px;
    }

.topbtnrght .acbtn {
    margin-top: 2px;
    padding: 7px;
    float: right;
}

.marketplacetabs tr.k-master-row > td.k-hierarchy-cell {
    position: relative;
}
/* .marketplacetabs .k-grid .k-group-col, .marketplacetabs .k-grid .k-hierarchy-col {
             width: 75px;
    }
        .marketplacetabs tr.k-master-row > td.k-hierarchy-cell .k-i-collapse:before, .marketplacetabs tr.k-master-row > td.k-hierarchy-cell .k-i-expand:before {
            left: 0;
            right: auto;
    }
        .marketplacetabs tr.k-master-row > td.k-hierarchy-cell .k-icon {
            width: 96px;
            height: 32px;
    }
        .marketplacetabs tr.k-master-row > td.k-hierarchy-cell .k-icon:after {
            content: '' !important;
            background: url(../../images/variation-expand.png) center no-repeat;
            width: 100%;
            background-size: contain;
            height: 32px;
            display: inline-block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
    }
    */


.ChkPurchaseOrderInvoice {
    background: rgb(11, 181, 175);
    background: linear-gradient(90deg, rgba(11, 181, 175, 1) 0%, rgba(61, 197, 114, 1) 100%);
    border: transparent;
}

    .ChkPurchaseOrderInvoice:hover {
        background: rgb(61, 197, 114);
        background: linear-gradient(90deg, rgba(61, 197, 114, 1) 0%, rgba(11, 181, 175, 1) 100%);
        border: transparent;
    }

.wtopbtn {
    margin-top: 15px;
    float: left;
    margin-right: 30px;
    padding: 8px;
}

.status-part .awaiting-main ul.nav-tabs {
    padding: 1px 1px 2px 1px !important;
}

.login-box .lodin-right .alert-success {
    text-align: center;
    margin: 0 15px;
    padding: 5px;
}

.wcreatethetTransfer {
    float: left !important;
    margin: 14px 15px 0 0 !important;
}

.receivetable select.form-control + input {
    border: none;
}

#toast-container {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}

.searchbypo .k-combobox.form-textBox {
    padding-top: 0px !important;
}

    .searchbypo .k-combobox.form-textBox input {
        height: 41px !important;
    }

.dc-flex {
    display: flex;
}

.whlmb {
    margin-bottom: 20px;
}

.largescroll {
    overflow-x: auto;
    overflow-y: auto;
}

.internalst th {
    text-transform: uppercase;
}

.internalst .modal-body {
    padding: 15px;
}

.bpremove {
    padding-top: 0px;
    border: none
}

.schight {
    max-height: 600px;
}

.invoiceid .qty-box {
    min-width: 115px;
}

.plusml {
    margin-left: 5px;
    position: relative;
}

    .plusml:hover {
        color: #01b1c2;
    }

.pcsbtn button {
    margin-left: 10px;
}

div#dvProp {
    overflow: hidden;
    background: rgba(0,0,0,0.5);
}

div#manageRuleFormDialogBox .modal-dialog {
    max-width: 800px;
}

.qtyadjusmentpopup {
    background: rgba(0,0,0,0.6);
    padding: 20px;
}

    .qtyadjusmentpopup th {
        font-weight: 600;
        color: #000;
    }

    .qtyadjusmentpopup .qtypd {
        margin: 20px;
    }

    .qtyadjusmentpopup .modal-content {
        max-width: 800px;
        margin: 0 auto;
    }

div#exampleModaldPreview .modal-dialog.information-popup {
    max-width: 500px;
}

.temp-products-section h2 {
    text-align: left;
}

.btngroup {
    display: flex;
    justify-content: flex-end
}
/*InternalStockTransfer css start*/
.internalwh .k-numeric-wrap .k-select .k-state-selected {
    background: transparent;
}

.addlinebtn {
    padding: 9px;
    margin-top: 0px;
    display: inline-block;
    cursor: pointer;
}
/*InternalStockTransfer end*/
span.k-state-selected {
    background: #01b1bc;
    color: #fff !important;
    text-align: center !important;
}

.top-fiter-container .dropdown.bc .btn-cal-filter:after {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.ThreePLUnderProcess .k-header.k-grid-toolbar {
    border-color: transparent;
}


.k-content {
    transition: inherit !important;
}

.favouritecontent {
    padding: 20px;
}

.hot-deals-page .page-title,
.best-seller-page .page-title,
.todays-deal-page .page-title,
.event-page .page-title {
    margin: 5px 0 0 0;
}

.habck a {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-left: 5px;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 500;
}

    .habck a:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        color: #fff;
    }

.k-grid-content td:nth-child(1),
.k-grid-content td:nth-child(2),
.k-grid-header-wrap th:nth-child(1),
.k-grid-header-wrap th:nth-child(2) {
    text-overflow: inherit !important;
    white-space: normal;
}

.b-radius-6 {
    border-radius: 5px;
}

.createevent .page-title {
    margin: 5px 0 0 0;
    font-size: 18px;
}

.btn.btn-primary.ChkInvoice {
    background: #24AEFF;
    border: #24AEFF solid 1px;
}

    .btn.btn-primary.ChkInvoice:hover {
        background: #0071DC;
        border: #0071DC solid 1px;
    }

table#tblReceivePaymentTransaction td.srnumber input[type="checkbox"],
table#tblCreditMemoTransaction td.srnumber input[type="checkbox"] {
    padding: 0px;
}

div#editEmployeeTaxDialogBox,
div#editEmployeeTypeDialogBox,
div#editTaxGroupDialogBox,
div#PayScheduleModal {
    background: rgba(0,0,0,0.3);
}

.editemployeetax .modal-dialog {
    max-width: 599px;
}

.dropdown-toggle {
    height: 41px;
    text-transform: capitalize;
}

button, select {
    height: 41px;
}

input#SheetUpdateBtn, input#ImgUpdateBtn1 {
}

/* .marketplacetabs ul.k-tabstrip-items.k-reset {
        background: #f5f5f5 !important;
    }*/

span.btn.addlfile.fileinput-button {
    height: 41px;
    display: inline-flex;
    align-items: center;
}

.temp-products-section .product-button {
    height: 20px;
    min-height: 20px;
}

.dropdown.orderd .btn:focus, .dropdown.orderd .btn:hover {
    border-color: #0bb5af;
}

.dropdown.orderd {
    padding: 0px 10px !important;
}

form.is-readonly .form-group.company-name input[type=checkbox] {
    flex: none;
}

.productlist-content .k-header.k-grid-toolbar {
    border-color: transparent !important;
}

.warehousetable td .acbtn {
    height: auto;
}
.warehouse-main .k-grid-header th.k-header {
    text-align: center;
}
.istransfer-edit .acbtn {
    width: 30px;
}

.eftabsmain {
    margin: 0 0 0 30px;
}

.grid {
    display: grid;
}

/*new chart css*/

h3.h3-title {
    font-size: 18px;
    font-weight: 600;
}

#donut-chart {  
    background-size: contain;
    background: center no-repeat url('../images/world-map.png');
}

.inportquantity h2 {
    font-size: 20px;
}

.discounttypeid .hide, .Commitions .hide {
    display: none;
}

.discounttypeid .show, .Commitions .show {
    display: block;
}

.other-charge-id .hide, .Commitions .hide {
    display: none;
}

.other-charge-id .show, .Commitions .show {
    display: block;
}

.shipping-mt {
    margin-top: 10px;
}

.productdetails-scl {
    max-height: calc(100vh - 200px);
    overflow: auto;
    margin-top: 10px;
}

.incomeingreceving .productdetails-scl {
    max-height: calc(100vh - 365px);
}

.alingm {
    align-items: center;
}

.align-c .row {
    align-items: center;
}

.backbtnv {
    margin: 8px 0 0 0;
    padding: 10px
}

.hbtn:hover {
    color: #fff;
}

.tableh .k-grid-content.k-auto-scrollable {
    min-height: 600px;
}

.inventoryreportm .dropdown .dropdown-toggle,
.accountreceivable .dropdown .dropdown-toggle,
.accountpayablevendor .dropdown .dropdown-toggle {
    height: 23px;
}

.clearbtn { padding: 10.5px; }
#side-menu .nav-list-parent.submenu a.active ul.nav-manu-item { display: block; }
button#Button1 { height: auto; }
.tablehight { max-height: 550px; }
.productsbtn { position: absolute; top: 7px; right: 0; min-width:930px; }
.productsbtn .btn { font-size: 14px; padding: 7px 10px !important; }

.productlist-content .k-header.k-grid-toolbar {
    border-color: transparent !important;
    position: absolute;
    right: 0;
    top: -43px;
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    border-radius: 3px;
}
    .productlist-content .k-header.k-grid-toolbar:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }
.productlist-content span.k-icon.k-i-more-vertical { color: #000; opacity: 1; }
.productlist-grid span.k-icon.k-i-more-vertical {
    color: #fff;
    opacity: 1;
}
.product-list-reorder-div .selate-box .row {
    margin: 0;
}

.product-list-reorder-div .selate-box {
    padding-right: 36px;
    margin-top: 15px;
}

    .product-list-reorder-div .selate-box span {
        float: inherit !important;
    }

.form-control.col-hlf-select option {
    font-size: 14px;
}

.product-list-reorder-div .grid-view,
.product-list-reorder-div .list-view {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
}

    .product-list-reorder-div .grid-view:hover,
    .product-list-reorder-div .list-view:hover {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
    }

button.product-button {
    color: #fff;
    border-radius: 5px;
}

button.product-button, .btnblue {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    transition: all 0.3s;
}

    button.product-button:hover, button.product-button:focus, .btnblue:hover, .btnblue:focus {
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        transition: all 0.3s;
        color: #fff;
    }

.btnblue {
    border-radius: 4px;
    color: #fff;
    border: none
}

div#addCard {
    background: rgba(0,0,0, 0.5);
    opacity: 1;
}

/*div#modalPopupPrefer {
    background: rgba(0,0,0, 0.5);
}*/

.exemption-tax .borderTextBox .cardDetailbtn {
    height: 30px;
    padding: 5px 10px;
    background: #24AEFF;
    color: #fff;
    border: #24AEFF solid 1px;
}

    .exemption-tax .borderTextBox .cardDetailbtn:hover {
        background: #0071DC;
    }

.largescl table {
    overflow: auto;
}

.panel-collapse.dropdown-menu .panel-body a {
    padding: 7px 10px !important;
    /* margin: 0 4%;*/
    box-sizing: border-box;
    /* width: 92% !important;*/
    border-bottom: #e4e4e4 solid 1px;
    border-radius: 0px;
    height: auto;
    border-width: 0 0 1px 0;
}

    .panel-collapse.dropdown-menu .panel-body a:hover {
        color: #000;
        background: #e1f1ed !important;
    }

span .multiselect-shipping-manage-orders .ms-options-wrap {
    position: relative;
}


span.multiselect-shipping-manage-orders div#ms-list-1 .ms-options {
    min-height: auto !important;
}

/*span.multiselect-shipping-manage-orders div#ms-list-1 button {
    font-size: 14px;
    color: #000;
}*/

/*span.multiselect-shipping-manage-orders .ms-options > ul label {
    padding: 4px 4px 4px 22px;
    margin: 0px 0;
}*/

.istransfer-edit .k-grid-header {
    padding-right: 9px !important;
}

.istransfer-edit {
    overflow: auto;
    width: 100%;
}
    .istransfer-edit th {
        font-size: 13px !important;
        border: #87bfb0 solid 1px
    }

    .istransfer-edit th, .istransfer-edit td {      
        padding: 10px;
        font-size: 14px;
        color: #000;
        font-weight: 600;
        text-transform: uppercase;
    }
    .istransfer-edit td {
        border: #ccc solid 1px;
        
    }

    .istransfer-edit .pickl span.k-icon.k-i-arrow-60-down {
        margin: 0px;
    }
    .istransfer-edit .k-dropdown-wrap .k-input {
        box-sizing: border-box;
        height: 39px !important;
    }
    .istransfer-edit span.k-dropdown-wrap.k-state-default {
        box-sizing: border-box;
        height: 41px !important;
    }

.companybtn {
    display: flex;
}

    .companybtn .product-button {
        margin: 0 2px;
    }

.pickl span.k-input {
    text-align: left;
    display: flex;
    align-items: center;
}

.proname, .skunumber {
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-exl {
    background: #24AEFF;
    border: #24AEFF solid 1px;
    color: #fff;
}

    .btn-exl:hover {
        background: #0071DC;
        border: #0071DC solid 1px;
        color: #fff;
    }

.penddingshipment {
    padding-right: 70px;
    position: relative;
}

@media (max-width:1610px) {
    .penddingshipment {
        padding-right: 200px;
    }
}

@media (max-width:1400px) {
    .penddingshipment {
        padding-right: 0px;
    }
}

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

    .internaltransferdetailpopup .modal-title {
        font-size: 24px;
    }

    .internaltransferdetailpopup th {
        white-space: nowrap
    }

.updatepricetablep th {
    padding: 0 10px;
}

.updatepricetablep a#editBut {
    display: inline-block;
    margin-top: 10px;
}

.updatepricetablep th, .updateinventorytable th {
    color: #000;
    font-weight: 600;
}

.search-box.internalstockhs {
    position: absolute;
    z-index: 999;
    width: 100%;
    right: 0;
    top: -54px;
    flex: auto;
    max-width: 350px;
    left: auto;
}

.pa {
    position: absolute !important;
}

.ellipsisnone td {
    text-overflow: inherit;
}
/*.tab-content {
             overflow-y: unset !important;
        }
         html .k-grid tr.k-alt:hover {
             background: #fbfbfb;
        }
        */
.k-readonly {
    color: gray;
}

.internalwh .k-dirty {
    left: 10px;
}

.internalwh .k-button {
    background: #24AEFF;
    color: #fff;
    border: none;
    border-radius: 4px !important;
    margin-left: 5px;
    padding: 8px;
    font-size: 15px;
    font-weight: 500;
}

.internalwh a#button:hover {
    background: #0071DC !important;
    color: #fff !important;
}

.internalwh td .k-grid-delete span,
.internalwh td .k-grid-edit span,
.internalwh td .k-grid-update span,
.internalwh td .k-grid-cancel span {
    display: none
}

.internalwh td .k-grid-delete,
.internalwh td .k-grid-edit,
.internalwh td .k-grid-update,
.internalwh td .k-grid-cancel,
.internalwh .k-grid-add,
.internalwh a#button {
    background: #24AEFF;
    color: #fff;
    border: none;
    border-radius: 4px !important;
    margin-left: 5px;
    padding: 8px;
    font-size: 15px;
    font-weight: 500;
}

    .internalwh td .k-grid-delete:hover,
    .internalwh td .k-grid-edit:hover,
    .internalwh td .k-grid-update:hover,
    .internalwh td .k-grid-cancel:hover,
    .internalwh .k-grid-add:hover,
    .internalwh a#button:hover {
        background: #0071DC !important;
        color: #fff !important;
    }

    .internalwh .k-grid-add .k-add {
        display: none
    }

    .internalwh td .k-grid-delete:focus,
    .internalwh td .k-grid-edit:focus,
    .internalwh td .k-grid-update:focus,
    .internalwh td .k-grid-cancel:focus {
        border: none;
    }

.internalwh .k-grid tbody td > .k-grid-delete {
    margin-top: 0px;
}

.internalwh .k-button.k-state-active:hover,
.internalwh .k-button:active:hover {
    background: #0071DC;
    border: none;
}

.internalwh table tr:hover {
    background: transparent;
}

.internalwh td span.k-select span.k-link {
    padding-top: 1px;
}

.internalwh td .k-i-arrow-n, .internalwh td .k-i-arrow-s {
    font-size: 0px !important;
}

    .internalwh td .k-i-arrow-n:before, .internalwh td .k-i-arrow-s:before {
        display: none
    }

.internalwh td input.k-input.k-textbox {
    height: 41px;
    border-radius: 4px !important;
}

.internalwh .k-grid-add {
    display: none;
}

.internalwh .k-numeric-wrap .k-select {
    padding: 0;
    background: #efefef;
    border-left: none;
}

    .internalwh .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-up:before {
        background-size: 12px !important;
        content: url(../../Content/images/arrow-drop-up.png);
    }

    .internalwh .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-down {
        background: transparent !important;
        right: 6px;
        top: 7px;
    }

        .internalwh .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-down:before {
            background-size: 12px !important;
            content: url(../../Content/images/arrow-drop.png);
        }

.internalwh .k-header.k-grid-toolbar {
    border-color: transparent;
}

.internalwh input.k-textbox {
    border-radius: 4px !important;
    height: 41px;
}

.internalwh .k-dropdown-wrap {
    border-radius: 4px !important;
}

.internalwh .k-numerictextbox .k-input:focus {
    border: #000 solid 1px;
}

.internalwh .k-dropdown-wrap:focus {
    border: #000 solid 1px;
}

.whlocation {
    display: flex;
    align-content: flex-start;
    margin-bottom: 10px;
    width: 100%;
}

    .whlocation .whousellft {
        width: calc(100% - 70px);
    }

        .whlocation .whousellft .lc, .whlocation .whousellft .wh {
            display: flex;
        }

    .whlocation .wproduct-img, .whlocation .pro-images {
        margin: 0px;
    }

    .whlocation .pro-images {
        max-width: 64px;
        border: transparent;
    }

    .whlocation .wproduct-img {
        width: 70px;
        padding: 3px;
        box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important;
        border-radius: 0.3rem;
        overflow: hidden;
        box-sizing: border-box;
    }

.newdmain { width: 100%; margin-bottom: 5px; }
.newdmain .newd label { width: auto !important; font-size: 13px; }
.newdmain .newd { width: 100%; text-align: left; }
.newdmain span.wseparator { margin: 0 4px; }
.newdmain span.wvaluergt { font-size: 13px; }
.newdmain .whvqty { width: 25%; }
.pm { padding: 0 3px; }
.pl { padding-left: 7.5px; padding-right: 5px; }
.plr-15 { padding-left: 15px; padding-right: 15px; }
.salesproducts th, .purchaseordertbl th { white-space: nowrap }
.purchaseordertbl { overflow: auto; min-width: 1500px; }

    .purchaseordertbl th:first-child,
    .purchaseordertbl td:first-child {
        border-left: 0px;
    }

    .purchaseordertbl th:last-child,
    .purchaseordertbl td:last-child {
        border-right: 0px;
    }

.item-details span.k-dropdown-wrap.k-state-default,
.item-details .k-dropdown-wrap .k-input {
    height: 41px !important;
    box-sizing: border-box;
    line-height: 40px !important;
}


.mytablesales .k-widget.k-combobox .k-input.form-control {
    border: transparent !important;
}

span.k-dropdown-wrap.k-state-default {
    border-radius: 5px !important;
    height: 36px;
    border: solid 1px #ccc;
}

.filterationbox span.k-dropdown-wrap.k-state-default {
    height: 41px;
}
/* .k-header .k-icon:before {
        text-indent: 0em !important;
    }*/
span.k-icon.k-i-arrow-60-right.k-menu-expand-arrow {
    margin-top: -7px;
    right: auto;
    left: 0;
    transform: rotate(180deg);
}

.k-menu .k-item > .k-link > .k-i-arrow-60-right {
    margin: -6px 0 0;
}

.k-animation-container .k-item.k-state-default.k-first input#checkAll,
.k-animation-container .k-item.k-state-default.k-first input#checkParent {
    display: none;
}

a.k-header-column-menu span.k-icon.k-i-more-vertical {
    padding-top: 0;
    margin-top: 0;
}

a.k-header-column-menu span.k-icon.k-i-more-vertical {
    font-size: 14px !important;
}

.create-user .centerLabel {
    display: flex;
    align-items: center;
}

    .create-user .centerLabel input {
        margin-right: 10px;
        flex: none;
    }

.search-box.shipmentSearch input {
    margin: 0px;
}

.balance-sheet .label-title i.fa.fa-sort-desc {
    float: left;
    margin-right: 8px;
    line-height: 18px;
}

.balance-sheet th.heading-title-label.text-right {
    text-align: right;
}

.tab-content.warehousetabs .active, .tab-content.warehousetabs .show {
    display: block !important;
}

.sales-table {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.salestbl span.k-widget.k-combobox.form-control.k-combobox-clearable {
    width: 100%;
}

.salestbl span.k-dropdown-wrap.k-state-disabled {
    height: 40px;
    border-radius: 5px;
}

.commission .inputhide {
    display: none;
}

.commission .inputshow {
    display: block;
}

.addcategoriesz .select2-selection--multiple ul.select2-selection__rendered {
    white-space: inherit;
}

.addcategoriesz .select2-search input {
    padding: 0 10px !important;
}

.addcategoriesz input.select2-search__field::placeholder {
    font-size: 15px;
}

.addcategoriesz li.select2-selection__choice {
    display: inline-flex !important;
    align-items: center !important;
}

.addcategoriesz span.select2-selection__choice__remove {
    order: 1;
}

.addcategoriesz .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #efefef;
    background: linear-gradient(to top, #d1d1d1 0%, #efefef 100%);
    border: 0px solid transparent;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}

.addcategoriesz .select2-selection--multiple ul.select2-selection__rendered li {
    margin-bottom: 5px;
}

.addcategoriesz span.select2-selection__choice__remove {
    font-size: 18px;
    color: #0071dc;
    line-height: 21px;
}

.addcategoriesz .select2-container--default .select2-selection--multiple .select2-selection__choice span.fa.fa-edit {
    margin-right: 4px;
    color: #000;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color:#000 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #01b1c2 !important; }
.scrollTableFixedHeightnew .k-grid-content {
    min-height: 280px;
    max-height: 480px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

.sclhegiht {
    max-height: 400px;
}

.customermlt ul#items_taglist {
    /*display: -webkit-box;
             white-space: nowrap;
             overflow-x: auto;
             width: 100%;
             */
    padding-top: 15px;
}

.customermlt .k-multiselect-wrap li {
    border-radius: 4px !important;
    padding-right: 28px;
    border: #ccc solid 1px;
    margin: 1px 0 1px 1px;
    background: linear-gradient(to top, #d9d9d9 0%, #efefef 100%);
}

    .customermlt .k-multiselect-wrap li span {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
    }

.customermlt .k-multiselect-wrap .k-select {
    top: 1px;
    border-left: #bfbfbf solid 1px;
}

.customermlt .k-multiselect-wrap {
    min-height: 39px;
    border: #ccc solid 1px;
    border-radius: 4px;
    border-radius: 4px;
    padding-right: 48px;
}

.customermlt .k-multiselect .k-multiselect-wrap.k-floatwrap {
    background: #fff url(../images/arrow-d.svg) no-repeat;
    background-size: 12px;
    background-position: 98% 50%;
}

.customermlt span.k-icon.k-clear-value.k-i-close {
    right: 18px;
}

.customermltmain label {
    z-index: 1;
    font-weight: 600;
}

ul#items_listbox input[type=checkbox] {
    background: #fff;
    padding: 0px;
    margin-right: 5px;
}

.spaid {
    color: #04ac00;
}

.scancel {
    color: #ff0900;
}

.sreturn {
    color: #ffb500;
}

.clearboth {
    clear: both;
    display: table;
}

.ingmtb12 {
    margin-bottom: 12px;
}

.saction i.fa.fa-trash-o {
    color: #f00;
    font-size: 16px;
    margin-left: 10px;
}

    .saction i.fa.fa-trash-o:hover {
        color: #0071DC;
    }

.salesagent {
    padding: 20px;
}

.textboxblock.hide {
    display: none;
}

.salesagent-select .form-textBox {
    padding-top: 15px;
}

.commisionamount-block {
    background: #f4f5f8;
    padding: 5px;
    border-radius: 4px;
    border: #ccc solid 1px;
    height: 41px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
}

    .commisionamount-block label.commission {
        display: block;
        margin: 0;
        padding: 0px;
        line-height: normal;
        margin-top: -2px;
        font-size: 12px;
        font-weight: bold;
    }

    .commisionamount-block .boxc label {
        margin: 0px;
    }

.agenttstotal th {
    padding: 10px !important;
}
/*sales datalist page css*/
.salesproducts th, .salesproducts td {
    border-right: 1px solid #ccc !important;
}

.salesdata h2 {
    margin-bottom: 20px;
}

.salesdataproduct_img {
    max-width: 372px;
    max-height: 300px;
    text-align: center
}

.salesdata-products {
    border: #ccc solid 1px;
    background: #fff;
}

    .salesdata-products h3 {
        padding: 0 15px;
    }

.slaessactive {
    background: #669900;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    padding: 2px;
}

.salesdatastatus {
    display: grid;
    padding: 15px 15px 0 15px;
}

    .salesdatastatus .slaessactive {
        margin-left: 5px;
    }

.salesdata-details {
    display: block;
    list-style: none;
    padding: 15px;
    font-size: 15px;
}

    .salesdata-details span {
        margin-left: 5px;
    }

    .salesdata-details label {
        font-weight: 600;
    }

    .salesdata-details label {
        font-weight: 600;
    }

.salesdata-list {
    display: block;
    padding: 0;
}

    .salesdata-list li:first-child {
        border-top: #ccc solid 1px;
    }

    .salesdata-list li {
        border-bottom: #ccc solid 1px;
        list-style: none;
    }

    .salesdata-list a {
        padding: 15px;
        color: #0075ff;
        font-size: 18px;
        display: block;
    }

        .salesdata-list a:hover {
            color: #0071DC;
        }

    .salesdata-list .newsku {
        background: #008296;
        font-size: 12px;
        padding: 2px;
        border-radius: 5px;
        color: #fff;
        margin-left: 10px;
    }

.salesdata-action {
    display: block;
    padding: 0;
}

    .salesdata-action li {
        border: #99cec8 solid 1px;
        list-style: none;
        margin: 10px;
    }

    .salesdata-action a {
        padding: 10px;
        color: #000;
        font-size: 18px;
        display: block;
        text-align: center;
    }

        .salesdata-action a:hover {
            color: #0075ff;
        }

a.seemore {
    color: #0075ff;
}

.salesdatargt {
    /*border:#ccc solid 1px;
            */
}
/* .salesdatargt .js-is-hidden {
             display: inherit;
        }
        */
.accordion.salesdataacc .js-is-hidden.show {
    display: block;
}

.accordion.salesdataacc {
    border: none !important;
}

    .accordion.salesdataacc .accordion-button {
        box-shadow: none;
        background: #ffffff;
        height: auto;
        width: 100px;
    }

    .accordion.salesdataacc .salesdata-title {
        width: calc(100% - 100px);
    }

    .accordion.salesdataacc .accordion-button::after {
        right: 0px;
        margin: 0 auto !important;
    }

.accordion-header {
    display: flex;
    border-bottom: #ccc solid 1px;
    /*padding: 5px 0;*/
}

.accordion.salesdataacc .sales-title .sales-left h3 {
    margin: 0;
    padding: 0;
}

.accordion.salesdataacc .accordion-item {
    border-top: #ccc solid 1px;
    margin-bottom: 20px;
    border-radius: 0px;
}

.salesdata-left {
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

    .salesdata-left h3 {
        margin: 0px;
        padding: 0px;
        font-weight: 600;
        font-size: 18px;
    }

    .salesdata-left span {
        color: #000;
    }

.salesdatathumbs {
    margin-left: 20px;
}

    .salesdatathumbs i {
        width: 40px;
        height: 40px;
        border: #0075ff solid 1px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        font-size: 24px;
        margin-left: 2px;
        cursor: pointer;
        color: #0075ff;
    }

        .salesdatathumbs i:hover {
            color: #1886ff;
            border: #1886ff solid 1px;
        }

.skutabs {
    border: #767676 solid 1px;
    display: inline-flex;
    margin: 0px 0 10px 0;
    padding: 0px;
    list-style: none;
}

    .skutabs li {
        padding: 5px 10px;
    }

        .skutabs li.active {
            background: #767676;
            color: #fff;
        }

ul.salesrank {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none
}

.salesrank .bold {
    font-weight: 600;
}

.salesrank label {
    width: 100px;
}

.vsales p {
    margin: 0;
}

.viewsalesdata {
    background: #f5f9fa;
    padding: 10px;
}

.salesdatamonth {
    width: 100%;
    border: none !important;
}

    .salesdatamonth th {
        font-weight: 600 !important;
        text-transform: uppercase;
        font-size: 13px;
    }

    .salesdatamonth th, .salesdatamonth td {
        padding: 5px;
        font-size: 14px;
    }

.slpbox strong {
    font-weight: 600;
}

.slpbox span {
    display: block
}

table.slminmaxprice {
    border: none !important;
    width: 100%;
}

    table.slminmaxprice thead {
        background: transparent;
    }

    table.slminmaxprice td {
        padding: 5px;
    }

.priceshipping {
    display: flex;
    justify-content: space-between
}

.slpboxfeatures strong {
    font-weight: 600;
}

.salesprice p, .slpboxfba p {
    margin: 0;
}

.slpboxOffer {
    display: grid;
}

    .slpboxOffer strong {
        font-weight: 600;
    }

    .slpboxOffer a {
        margin-top: 10px;
    }

.slpboxcondition {
    display: grid;
}

    .slpboxcondition p {
        margin-bottom: 5px;
    }

    .slpboxcondition strong {
        font-weight: 600;
    }

    .slpboxcondition span {
        margin-bottom: 10px;
    }

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

    .slpboxfba ul li label {
        margin-right: 10px;
    }

    .slpboxfba ul li strong {
        font-weight: 600
    }

.salesdatainventory {
    border-bottom: #ccc solid 1px;
}

.salesdatachart {
    margin: 20px 0 0 0;
}

.monthsselect {
    display: flex;
    align-items: center;
    width: 250px;
    float: right;
}

    .monthsselect label {
        flex: none;
        margin-right: 10px;
    }

a.salesbtn {
    border-radius: 4px;
    padding: 5px;
    display: inline-block;
    line-height: 18px;
    margin-bottom: 10px;
    background: #24AEFF;
    color: #fff;
    font-size: 15px;
    transition: all 0.3s;
}

    a.salesbtn:hover {
        background: #0071DC;
        transition: all 0.3s;
    }

.wix-card-header a.salesbtn {
    margin: 0;
    background: #24AEFF;
}

    .wix-card-header a.salesbtn:hover {
        background: #00a1ff;
    }

.wix-card-header .row {
    align-items: center;
}

.scolorblure {
    color: #24AEFF;
}

.scolorpurple {
    color: #8140b0;
}

.scolorgreen {
    color: #49a149;
}

.scolorblack {
    color: #000;
}

.dayswise {
    display: flex;
}

    .dayswise .checksalesd {
        flex: none;
    }

    .dayswise .dayswised {
        display: grid;
        margin-left: 10px;
        font-size: 14px;
    }

        .dayswise .dayswised strong {
            font-weight: 600;
        }

        .dayswise .dayswised span {
            color: #000;
        }
/*sales datalist page css*/
.addcardpopup select#ExpiryMonth {
    margin-right: 4%;
}

.addcardpopup .col-form-fifty {
    width: 48%;
}

.choose-customer span.k-dropdown-wrap.k-state-default .k-icon.k-i-arrow-60-down, .item-details span.k-dropdown-wrap.k-state-default .k-icon.k-i-arrow-60-down, .sku-field .k-icon.k-i-arrow-60-down, .Termsclass .k-icon.k-i-arrow-60-down, .DepositToclass .k-icon.k-i-arrow-60-down, .PaymentMethod .k-icon.k-i-arrow-60-down, .salesagent-select .k-icon.k-i-arrow-60-down, .dcustomer .k-icon.k-i-arrow-60-down,
.rpdeposit .k-icon.k-i-arrow-60-down, .rpayment .k-icon.k-i-arrow-60-down, .Chooseanaccount .k-icon.k-i-arrow-60-down, .dcustomer .k-icon.k-i-arrow-60-down, .scustomer .k-icon.k-i-arrow-60-down,
.je-name .k-icon.k-i-arrow-60-down, .pocosttype .k-icon.k-i-arrow-60-down, .mastercarrier .k-icon.k-i-arrow-60-down, .fromdstinationdiv .k-icon.k-i-arrow-60-down, .todestinationdiv .k-icon.k-i-arrow-60-down,
.forwarder .k-icon.k-i-arrow-60-down, .chooseanaccount .k-icon.k-i-arrow-60-down, .other-charge-drop .k-icon.k-i-arrow-60-down, .price-type-drop .k-icon.k-i-arrow-60-down, .sales-order-type .k-icon.k-i-arrow-60-down {
    display: none;
}

.choose-customer span.k-dropdown-wrap.k-state-default .k-select::after, .item-details span.k-dropdown-wrap.k-state-default .k-select::after, .sku-field span.k-dropdown .k-select::after, .DepositToclass span.k-combobox .k-select::after, .Termsclass span.k-combobox .k-select::after, .PaymentMethod span.k-combobox .k-select::after, .salesagent-select span.k-combobox .k-select::after,
.dcustomer span.k-combobox .k-select::after, .rpdeposit span.k-combobox .k-select::after, .rpayment span.k-combobox .k-select::after, .Chooseanaccount span.k-combobox .k-select::after,
.dcustomer span.k-combobox .k-select::after, .scustomer span.k-combobox .k-select::after, .je-name span.k-combobox .k-select::after, .pocosttype span.k-combobox .k-select::after, .mastercarrier span.k-combobox .k-select::after,
.fromdstinationdiv span.k-combobox .k-select::after, .todestinationdiv span.k-combobox .k-select::after, .forwarder span.k-combobox .k-select::after, .chooseanaccount span.k-combobox .k-select::after,
.other-charge-drop span.k-combobox .k-select::after, .price-type-drop span.k-combobox .k-select::after, .sales-order-type span.k-combobox .k-select::after, .order-nmb span.k-dropdown .k-select::after, .cp-arrow .k-multiselect-wrap::after, .inventorya-account .k-multiselect-wrap::after {
    /* background: url(../images/arrow-drop.png) no-repeat 6px 10px;*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") center no-repeat !important;
    background-size: 11.5px !important;
    content: '';
    width: 25px;
    height: 27px;
    display: inline-block !important;
}

.PaymentMethod .k-dropdown-wrap .k-select, .Termsclass .k-dropdown-wrap .k-select, .DepositToclass .k-dropdown-wrap .k-select, .salesagent-select .k-dropdown-wrap .k-select, .scustomer .k-dropdown-wrap .k-select,
.Chooseanaccount .k-dropdown-wrap .k-select, .pocosttype .k-dropdown-wrap .k-select, .mastercarrier .k-dropdown-wrap .k-select, .fromdstinationdiv .k-dropdown-wrap .k-select, .todestinationdiv .k-dropdown-wrap .k-select,
.forwarder .k-dropdown-wrap .k-select, .chooseanaccount .k-dropdown-wrap .k-select, .other-charge-drop .k-dropdown-wrap .k-select, .price-type-drop .k-dropdown-wrap .k-select, .sales-order-type .k-dropdown-wrap .k-select {
    top: -10px;
}

.dropdwoncustomer .k-dropdown-wrap .k-select {
    top: -8px;
}

.carrier-details .k-dropdown-wrap .k-select,
.arrowaligment .k-dropdown-wrap .k-select {
    top: -16px;
}

.je-name span.k-combobox .k-select::after {
    top: 7px;
    position: relative;
}

/*.item-details span.k-dropdown-wrap.k-state-default .k-select {
    position:relative;
}*/
.item-details span.k-dropdown-wrap.k-state-default .k-select::after {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    left: 0;

}

.vendor-wiseList-rg .dropdown button,
.customer-invoice-grid-customer .dropdown button {
    height: auto;
}

.rpayment span.k-combobox .k-select::after, .rpdeposit span.k-combobox .k-select::after {
    background-position: 6px 16px !important;
}

.dcustomer span.k-combobox .k-select::after {
    background-position: 6px 8px !important;
}
/*.tmain .currenttotalp {
             display: grid;
        }
        .tmain {
            display: flex;
            justify-content: flex-end;
    }
        .tmain span.ccurrenttotal, .tmain span.totalclosingb, .tmain span.obalance {
            margin-right: 10px;
            font-weight: 600;
    }
    */
.numberofcustomers {
    max-width: 200px;
}

.ncdetails {
    max-height: 600px;
}

.tabled th, .tabled td {
    border: #ccc solid 1px;
    padding: 12px;
}

.numberofcustomers .modal-body {
    padding: 15px;
}

.modal-dialog.numberofcustomers {
    max-width: 1420px;
    width: 96%;
}

    .modal-dialog.numberofcustomers a.alink {
        cursor: pointer;
    }
/*ppcardnumber popup css*/
.processpaymentpopup .modal-dialog {
    max-width: 600px;
}

.processpaymentpopup .modal-body {
    padding: 20px 20px 40px 20px;
}

.processpaymentpopup h2 {
    margin: 0;
}

.ppcardnumber {
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .ppcardnumber .row {
        width: 100%;
    }

    .ppcardnumber .credit-cardnumber {
        padding-right: 0;
    }

        .ppcardnumber .credit-cardnumber .cardicons {
            position: absolute;
            width: 29px;
            top: 7px;
            left: 6px;
            opacity: 0.5;
        }

.ppcredit {
    padding-left: 50px;
}

.ppcardnumber .credit-cardmm {
    padding: 0;
    display: flex;
    align-items: center;
    width: 68px;
}

    .ppcardnumber .credit-cardmm span {
        width: 20px;
        flex: none;
        font-size: 20px;
        color: #ccc;
    }

    .ppcardnumber .credit-cardmm input {
        width: 90%;
    }

.ppcardnumber .credit-yy {
    width: 40px;
    padding: 0;
}

    .ppcardnumber .credit-yy input {
        padding: 0;
    }

.ppcardnumber .credit-ccv {
    width: 60px;
    padding: 0;
}

    .ppcardnumber .credit-ccv input {
        padding: 0;
    }

.ppcardnumber input {
    border: transparent;
}

h3.pptitle {
    font-size: 16px;
    border-bottom: #ccc 1px solid;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 15px;
}

.ppaymentamount {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    border: transparent !important;
}

.cust-group {
    position: relative;
    margin-bottom: 15px;
}

    .cust-group label {
        position: absolute;
        color: #999;
        font-family: "Roboto", sans-serif;
        pointer-events: none;
        transform-origin: 0 0;
        transform: translateY(-50%);
        transition: all 0.3s;
        top: 50%;
        left: 15px;
        margin: 0;
    }

        .cust-group label.animate-label {
            transition: all 0.3s;
            top: 10px;
            font-size: 12px;
            color: #000;
        }

    .cust-group input {
        padding-top: 18px;
        width: 100%;
        box-sizing: border-box;
        height: 45px;
        font-weight: 600;
    }
/*ppcardnumber popup css*/
/*successfullpayment popup css*/
.successfullpayment modal-dialog {
    max-width: 450px;
    width: 100%;
}

.successfullpayment .modal-header h2 {
    color: #fff;
    margin: 0px;
}

.successfullpayment .modal-body {
    padding: 20px 20px 40px 20px;
}

.successfullpayment h2 {
    color: #009d00;
    margin: 0;
}

.successfullpayment .rightsc {
    width: 50px;
}

.paymentdetails {
    margin-top: 20px;
}

    .paymentdetails ul {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

        .paymentdetails ul li {
            display: flex;
            font-size: 15px;
            list-style: none;
            padding: 8px 0;
        }

            .paymentdetails ul li label {
                margin: 0;
                width: 48%;
                flex: none;
                padding-right: 2%;
            }

            .paymentdetails ul li span {
                width: 48%;
                padding-left: 2%;
                text-align: right;
                font-weight: bold;
            }

    .paymentdetails li.brb {
        border-bottom: #ccc solid 1px;
        padding-bottom: 15px !important;
        margin-bottom: 10px !important;
    }

.successfullpayment .dwrceipt {
    text-align: center;
    margin-top: 20px;
}

    .successfullpayment .dwrceipt p {
        color: #24AEFF;
        margin: 0 0 5px 0;
    }

.editamout {
    padding-left: 12px;
}
/*successfullpayment popup css*/
/*Bank Transfer Information popup css*/
div#BankTransfer {
    background: rgba(0,0,0,0.5);
}
/*Bank Transfer Information popup css*/
/*Payment Amount page css*/


.paymentamountmain {
    padding-top: 110px !important;
    margin-left: 0px !important;
}

.paymentamount {
    margin: 0 auto;
    max-width: 1000px;
}

span.companyimg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(110,110,110,1);
    -moz-box-shadow: 0px 0px 14px -4px rgba(110,110,110,1);
    box-shadow: 0px 0px 14px -4px rgba(110,110,110,1);
    display: flex;
    margin: 0 auto;
    padding: 10px;
    margin-top: -72px;
    background: #fff;
}

.cardbx {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.expdate {
    border: #ccc solid 1px;
    background: #fff;
    display: flex;
    border-radius: 5px;
}

    .expdate input {
        border: transparent;
        padding-right: 5px;
    }

    .expdate .pmonth {
        position: relative;
        width: 40px;
    }

.pmonthinp {
    text-align: right
}

.expdate .pmonth:after {
    border: #e0e0e0 solid 1px;
    position: absolute;
    right: -5px;
    content: '';
    height: 15px;
    transform: skew(-13deg, 10deg);
    top: 13px;
}

.paymentam-right span.companyimg {
    margin: 0 auto;
    width: 75px;
    height: 75px;
}

.emailbox .email {
    margin-right: 5px;
}

.pacopyright {
    text-align: center;
    display: block;
    margin-top: 40px;
    border-top: #e0e0e0 solid 1px;
    padding-top: 13px;
    color: #969696;
    font-size: 14px;
}

.paymentam-left .saveandcheckbox .form-check {
    display: flex;
}

    .paymentam-left .saveandcheckbox .form-check input[type=checkbox] {
        flex: none
    }
/*Payment Amount page css*/

/*Sales Trends*/
.salestrendsvalue {
    display: flex;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    padding: 15px;
    min-height: 120px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 7px 0;
    /* -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
        -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
        box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);*/
    box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important
}

    .salestrendsvalue strong {
        font-weight: 600;
        display: block;
        font-size: 20px;
    }

.datarange {
    display: flex;
    align-items: center;
    width: 100%;
    float: right;
}

    .datarange label {
        flex: none;
        margin-right: 10px;
    }

.salestitle {
    margin: 0px 0 0 0;
}

    .salestitle h2 {
        margin: 0;
        font-size: 18px;
    }

.whitebg {
    background: #fff;
}

.f-weight-600 {
    font-weight: 600;
}

.b-radius-4 {
    border-radius: 4px !important;
}

.green {
    color: #56b304;
}

.yellow {
    color: #ff9900;
}

.auzur {
    color: #4b9af7;
}

.topfiveproducts .k-grid-content {
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: auto;
}

.topfiveproducts .k-grid-content,
.salesbycategory .k-grid-content,
.salesbystore .k-grid-content,
.unitsoldtable .k-grid-content {
    max-height: 471px;
    overflow-y: scroll;
    overflow-x: auto;
}

    .topfiveproducts .k-grid-content td:last-child,
    .salesbycategory .k-grid-content td:last-child,
    .salesbystore .k-grid-content td:last-child,
    .unitsoldtable .k-grid-content td:last-child {
        border-right: #e1e0e0 solid 1px !important;
    }




.whitebg {
    background: #fff;
}

.topfiveproducts, .salesbycategory, .salesbystore {
    height: calc(100% - 10px);
    /* -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
        -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
        box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);*/
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important
}

.btnpdn {
    padding: 10px !important;
}
/*Sales Trends*/

.salesproduct {
    padding: 10px 0;
}

    .salesproduct .k-grid-header th.k-header > .k-link {
        padding: 12px 10px;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .salesproduct tfoot th:first-child {
        border-left: #87bfb0 solid 1px !important;
    }

    .salesproduct tfoot th {
        border-bottom: #87bfb0 solid 1px !important;
        border-right: #87bfb0 solid 1px !important;
        padding: 10px !important;
    }

    .salesproduct tbody td {
        padding: 7px 10px !important;
    }

    .salesproduct .k-grid-content tbody td:first-child {
        border-left: #ccc solid 1px !important;
    }   

    .salesproduct tbody td {
        border-bottom: #ccc solid 1px !important;
        border-right: #ccc solid 1px !important;
    }

    .salesproduct .k-grid-content {
        max-height: 300px;
    }


button.btnnewdate {
    height: auto;
    border-radius: 4px;
    padding: 7px;
}

.datenewdropd .input-group-addon {
    z-index: 11;
}

.datenewdropd .dropdown-menu {
    display: none;
    width: 450px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .datenewdropd .dropdown-menu.show {
        display: block;
        border: 1px solid #9dd1c3;       
        background: rgb(199, 249, 249);
        background: linear-gradient(90deg, rgba(199, 249, 249, 1) 0%, rgba(221, 252, 236, 1) 100%);
    }

ul.headertoprgt {
    padding-right: 20px;
}

    ul.headertoprgt li ul li.submenu ul {
        display: none;
    }

    ul.headertoprgt li ul li.submenu:hover ul {
        display: block;
        background: #f7f7f7;
        padding: 0 15px 10px 15px;
    }

    ul.headertoprgt li.profile-right {
        width: 100%;
    }

    ul.headertoprgt li ul li.submenu ul li a {
        padding: 10px 0 0 0 !important;
        font-size: 15px;
    }
    /*   ul.headertoprgt li ul li.submenu ul {
    display: none
    }
    ul.headertoprgt li ul li.submenu.active ul {
        display: block;
    }*/
    ul.headertoprgt li.dropdown .dropdown-toggle {
        height: auto;
    }

    ul.headertoprgt li.dropdown.open ul.dropdown-menu {
        display: block;
        width: 100%;
        border: none;
        box-shadow: none !important;
        background: #efefef;
        padding: 8px 15px;
        position: relative;
    }

    ul.headertoprgt .dropdown-menu > li > a:focus,
    ul.headertoprgt .dropdown-menu > li > a:hover {
        background: transparent;
    }

/*new dashborad css*/
.newdashbox {
    background: #fff;
    border-radius: 0.375rem;
    height: calc(100% - 10px);
    padding: 20px;
    width: 100%;
    margin-bottom: 10px;
    /*-webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
        -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
        box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);*/
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important
}

.topsmtitle {
    margin-bottom: 15px;
    display: inline-block;
    font-size: 18px;
}

.avetopsection {
    margin-bottom: 20px;
}

    .avetopsection h3 {
        font-size: 18px;
        line-height: 28px;
        font-weight: 600;
        margin: 0;
    }

.brdash {
    border-bottom: #d5d5d5 dashed 1px;
}

.percentageupdn {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #fe0000;
}

    .percentageupdn .icon {
        font-size: 16px;
        font-weight: 600;
        margin-right: 5px;
    }

.arrowupl {
    color: #56b304;
}

    .arrowupl .ti-arrow-down:before {
        content: "\e627";
    }

.secsection span {
    margin-bottom: 10px;
}

    .secsection span.ti-arrow-down.icon {
        margin-right: 5px;
        color: #fe0000;
    }

.arrowup span.ti-arrow-down.icon {
    color: #56b304;
}

.arrowup .ti-arrow-down:before {
    content: "\e627";
}

h3.uppercase {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.newdashdate {
    margin-bottom: 20px;
}

    .newdashdate .input-group-addon {
        border-right: #ccc solid 1px;
        border-top: #ccc solid 1px;
        border-bottom: #ccc solid 1px;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .newdashdate .date input {
        padding-right: 0;
    }

.unitsoldtable .k-grid-content.k-auto-scrollable, .salesbystore .k-grid-content.k-auto-scrollable, .topfiveproducts .k-grid-content.k-auto-scrollable {
    height: calc(100% - 10px);
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px;
    box-sizing: border-box;
}
.topfiveproducts .k-grid-content.k-auto-scrollable {
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px;
}
    .unitsoldtable table, .salesbystore table {
        width: 100%;
    }

    .unitsoldtable td, .salesbystore td,
    .unitsoldtable th, .salesbystore th {
        padding: 10px;
        border: #ccc solid 1px;
    }

        /*.unitsoldtable td:first-child {
        padding-left: 0px;
    }*/

        .unitsoldtable td:last-child {
            padding-right: 10px;
        }
/*new dashborad css*/
.designtbl {
    max-height: 508px;
    overflow: auto;
}

    .designtbl table {
        width: 100%;
    }

    .designtbl td, .designtbl th {
        padding: 10px;
        border: #ccc solid 1px;
    }

/*AverageOrderValue*/
.averageordertime {
    background: #fff;
    padding: 15px;
    margin: 0 20px 15px 20px;
    border-radius: 0.375rem;
}

.ordertable {
    margin: 0 20px 15px 20px;
}

.averagetitle {
    margin-bottom: 0px;
}

    .averagetitle a.backlink {
        margin-right: 10px;
    }

ul.average-top-rgt {
    margin: 0;
    padding: 0;
    justify-content: flex-end;
    display: flex;
}

    ul.average-top-rgt li {
        display: inline-block;
        margin-left: 10px;
    }

/*.tbltd td {
    padding: 5px 10px !important;
}

.tbltd .k-grid-header th.k-header {
    padding: 10px !important;
}*/

.tbltd .k-grid-header .th-right.k-header a.k-link {
    text-align: right;
}

.value-up {
    color: #56b304;
}

.value-down {
    color: #fe0000;
}

.value-gray {
    color: #8a929c;
}

.allvalueamin {
    display: grid;
    font-size: 14px;
}

.text-right {
    text-align: right
}

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

.opacity5 {
    opacity: 0.6;
}

.averageordervaluetop {
    display: flex;
    align-items: center
}

    .averageordervaluetop .compared,
    .averageordervaluetop .dataview {
        margin-bottom: 20px;
    }

    .averageordervaluetop .compared,
    .averageordervaluetop .dataview {
        margin-left: 10px;
    }

.comparepreviusd {
    margin: 0px 5px 0 5px;
}

    .comparepreviusd .dataview {
        margin-left: 0px;
    }

.viewreport:hover {
    font-weight: 600;
}

/*AverageOrderValue*/
.sortable .k-grid-header th.k-header > .k-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sortable .k-grid-header th.k-header > .k-link {
    position: relative;
    padding-right: 11px;
}

.sortable span.k-icon.k-i-sort-asc-sm,
.sortable span.k-icon.k-i-sort-desc-sm {
    position: absolute !important;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
}

/* span.k-icon.k-i-sort-asc-sm,
    span.k-icon.k-i-sort-desc-sm {
        position: relative !important;
        float: right;
        flex: none;
    }*/

.k-grid-header th.k-header > .k-link span.k-icon.k-i-sort-asc-sm,
.k-grid-header th.k-header > .k-link span.k-icon.k-i-sort-desc-sm {
    position: absolute !important;
    float: right;
    flex: none;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

span.k-icon.k-i-sort-asc-sm:before,
span.k-icon.k-i-sort-desc-sm:before {
    left: auto;
    right: 0;
    font-size: 14px;
}

span.k-icon.k-i-arrow-60-right.k-menu-expand-arrow {
    margin: -7px 0 0 0 !important;
}

div.k-grid-content-locked {
    border-left: #ccc solid 1px !important;
    border-bottom: #ccc solid 1px !important;
}

.k-grid-header th.k-header > .k-link {
    /*padding-right: 15px;*/
    position: relative;
}

.skupopup .modal-dialog {
    max-width: 500px;
    width: 100%;
}

.sku-content {
    min-height: 50px;
    align-items: center;
    display: flex;
    margin: 10px 18px;
}

    .sku-content ul {
        margin: 0;
        padding: 0;
    }

        .sku-content ul li label {
            margin: 0 10px 0 0;
            font-weight: 600;
            flex: none;
        }

        .sku-content ul li {
            display: flex;
        }

.swhbtn {
    all: unset;
    color: #01b1c2;
}

.borderTextBox.notes-area {
    height: 80px;
    border: #ccc 1px solid !important;
}

    .borderTextBox.notes-area textarea.form-textBox {
        resize: none;
        margin-top: 25px;
        padding-top: 0px;
        height: 47px;
    }

.notes-area .form-textBox {
    border: transparent;
}

/*CustomerCase css*/
.refrencebk .btn:hover,
.refrencebk .btn:focus {
    background: #0071DC;
    color: #fff;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none
}

.refrencebk {
    /*margin: 15px 0 30px 0;*/
    position: relative;
}

    .refrencebk i {
        position: absolute;
        right: 15px;
        top: 12px;
        cursor: pointer;
        z-index: 11;
    }

    .refrencebk input {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }


.filterby {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .filterby .filter {
        margin-bottom: 15px;
    }

    .filterby .filterslc {
        margin-left: 10px;
        margin-bottom: 15px;
        position: relative;
    }

.customerserchbl .dropdown-menu {
    width: 300px;
}

.customerserchbl .cutomerin {
    padding: 15px;
}

    .customerserchbl .cutomerin input {
        border-radius: 4px !important;
    }

    .customerserchbl .cutomerin .input-group {
        position: relative;
    }

        .customerserchbl .cutomerin .input-group .srcbtn {
            position: absolute;
            top: 1px;
            right: 2px;
            z-index: 999;
            cursor: pointer;
            padding: 5px 10px;
            border: none;
            height: 38px;
            background: transparent;
        }

.topicmgs .order {
    background: #e3efff;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #0071DC;
    padding: 4px 8px;
}

.topicmgs a, .participantsmgs a {
    color: #000;
}

    .topicmgs a:hover,
    .participantsmgs a:hover {
        color: #0a58ca;
    }

.lastdate .datenewdropd {
    height: 41px;
}

.custombtsstl .btn {
    border: #ccc solid 1px;
    border-radius: 3px;
}

    .custombtsstl .btn:hover {
        border: #212529 solid 1px;
    }

    .custombtsstl .btn.show {
        color: #000;
    }

.filterby .filterslc select.form-select {
    border: #ccc solid 1px;
    cursor: pointer;
    text-overflow: ellipsis;
    width: 150px;
    border-radius: 3px;
}

    .filterby .filterslc select.form-select:hover {
        border: #212529 solid 1px;
    }

.form-select:focus {
    box-shadow: none
}

.tablefixedheight .k-grid-content {
    max-height: 570px;
    border-bottom: #ccc solid 1px;
}

.criticalsubmenu:hover ul.dropdown-menu {
    display: block;
    right: 0px;
}

.criticalsubmenu ul {
    width: 200px;
    list-style: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1) !important;
    box-shadow: 0px 0px 5px 0px rgba(191,191,191,1) !important;
}

    .criticalsubmenu ul li {
        position: relative;
        width: 100%;
    }

        .criticalsubmenu ul li a {
            white-space: normal;
        }

            .criticalsubmenu ul li a:hover {
                color: #0071DC;
                background: #f7fafc;
            }

            .criticalsubmenu ul li a i {
                float: right;
            }

        .criticalsubmenu ul li ul {
            display: none;
            position: absolute;
            top: -9px !important;
            background: #fff;
            padding: 5px 0;
            margin: 0;
            right: -201px;
        }

        .criticalsubmenu ul li:hover ul {
            display: block;
        }

.channelsm {
    margin: 5px 5px 5px 15px;
    display: block;
}

.criticalsubmenu ul li .form-check {
    padding-left: 15px;
    margin-bottom: 10px;
    display: flex;
    cursor: pointer;
}

.criticalsubmenu .form-check label {
    margin-top: 0;
    width: 90%;
    margin-left: 10px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.criticalsubmenu .form-check input {
    cursor: pointer;
}

.criticalsubmenu ul li .form-check i {
    margin-right: 15px;
}

.checkhours .form-check {
    padding-left: 5px;
    margin-bottom: 5px;
}
/*CustomerCase css*/
/*CustomerChat css*/
.startaconversation {
    float: right;
    margin-top: 8px;
}

.container-chat {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.ordernumberchat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .ordernumberchat h2 {
        margin-right: 10px;
    }

.customernmain .customern {
    display: flex;
    justify-content: space-between
}

.boxshdow {
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px;
    border-radius: 3px;
}

.iconschat {
    float: right;
    color: #959595;
    padding: 0 10px;
}

.cuchat .cusmr {
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
}

.cummercialno .cumn,
.statusmain .sts {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.statusmain .sgreen {
    background: #d6ead7;
    color: #3e6456;
    border-radius: 3px;
    padding: 3px 5px;
}

.cummercialno, .statusmain, .cuchat {
    padding: 0 10px;
}

.tooltip1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltip1 .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #fff;
        color: #333;
        text-align: center;
        border-radius: 3px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 30px;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
        border: #e8e8e8 solid 1px;
    }

        .tooltip1 .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #ccc transparent transparent transparent;
        }

    .tooltip1:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.issuewithitem {
    border-bottom: #ccc solid 1px;
}

    .issuewithitem strong {
        font-weight: 600;
        color: #3e6456;
    }

.chatright h3 {
    font-size: 18px;
}

.chatright h3, .chatright h4 {
    color: #000;
    font-weight: 600;
}

.chatright h4 {
    font-size: 16px;
    margin-bottom: 0px;
}

.chatright h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userchat {
    padding: 0px 20px 20px 20px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.usernamechat {
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.chatcont {
    display: block;
}

.datetime {
    display: block;
    text-align: right;
}

.mechat, .youchat {
    padding: 15px;
    border-radius: 5px;
    width: 90%;
    margin-top: 40px;
}

.mechat {
    background: #f8f8f8;
    border: #ccc solid 1px;
}

.youchat {
    background: #f8fafe;
    border: #f2f3fd solid 1px;
}

.mechat {
    float: left
}

.youchat {
    float: right;
}

.dayamin {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.daychat {
    color: #4967e6;
    background: #e0edfc;
    border-radius: 50px;
    padding: 0px 10px;
    margin: 0 auto;
    display: table;
    font-weight: 600;
}

.chatblockmain {
    display: flex;
}

    .chatblockmain .chatshere {
        width: 80px;
        text-align: center;
    }

        .chatblockmain .chatshere span {
            background: #8b62b3;
            width: 50px;
            height: 50px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            border-radius: 50px;
            margin: 0 8px;
        }

    .chatblockmain .chatblock {
        width: 90%;
    }

.chatblock .typehere {
    height: 150px;
}

.noreplybtn {
    float: right;
}

.graybtn {
    background: #eeeeee !important;
    border: #ccc solid 1px;
    color: #000 !important;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    float: left;
}

.filebtn {
    border: 1px solid #ccc;
    color: #000;
    background-color: white;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 16px;
    background: #eeeeee;
    cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

/*CustomerChat css*/

.memoamount {
    justify-content: center;
}

div.date .input-group-addon {
    z-index: 1;
    background: #fff;
    height: 39px;
    top: 1px;
    right: 1px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    position: absolute;
    border-width: 0px 0px 0px 1px !important;
    display: flex;
    align-items: center;
}

.chooseffile {
    margin-top: 39px;
    min-height: auto !important;
}

    .chooseffile .demo-section.k-content {
        height: auto;
    }

/*.visualization .gridv {
        display: none;
    }*/



.warehousevisualizationgrid td:last-child {
    white-space: normal;
    overflow: visible;
}

.whvactionbtn .acbtn {
    height: auto;
    margin: 2px 0;
    display: inline-block;
}

.productsimg {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
}

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

.pleft {
    float: left !important;
}

table#PurchaseTranstbl td {
    font-size: 13px;
}

/*comments*/
.addproductcomment {
    margin: 5px 0 0 0;
}

.commentmain {
    display: inline-block;
}

    .commentmain .comments {
        padding: 5px;
    }

    .commentmain .cmtooltip {
        position: relative;
        display: inline-block;
        opacity: 1;
    }

        .commentmain .cmtooltip .tooltipcontent {
            visibility: visible;
            width: 400px;
            background: #3e3e3e;
            color: #fff;
            text-align: left;
            border-radius: 5px;
            padding: 5px 0 15px 0;
            position: absolute;
            z-index: 1;
            top: 100%;
            left: auto;
            margin: 0 auto;
            right: auto;
            opacity: 1;
        }

        .commentmain .cmtooltip:hover .tooltipcontent {
            visibility: visible;
        }

    .commentmain .commnetdayamin {
        width: 100%;
        float: left;
        margin-top: 5px;
        text-align: center;
        border-bottom: #555 solid 1px;
        padding-bottom: 10px;
    }

    .commentmain .commnetuserchat {
        padding: 0px 10px 10px 10px;
        clear: both;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        max-height: 350px;
        overflow-y: auto;
    }

    .commentmain .commnetmechat {
        float: left;
    }

    .commentmain .commnetmechat {
        background: transparent;
        border-bottom: #555 solid 1px;
    }

    .commentmain .commnetmechat,
    .commentmain .commnetyouchat {
        padding: 0px 0px 10px 0px;
        border-radius: 0px;
        width: 96%;
        margin-top: 10px;
        display: flex;
        align-items: flex-start;
    }

        .commentmain .commnetmechat figure,
        .commentmain .commnetyouchat figure {
            margin: 0 10px 0 0;
            width: 30px;
            height: 30px;
            flex: none;
        }

            .commentmain .commnetmechat figure img,
            .commentmain .commnetyouchat figure img {
                border-radius: 50px;
                background: #fff;
            }

    .commentmain .commnetusernamechat {
        font-weight: 500;
        color: #fff;
        display: block;
        margin: 5px 0;
        font-size: 16px;
        line-height: 18px;
    }

    .commentmain .commnetchatcont {
        display: block;
    }

        .commentmain .commnetchatcont p {
            color: #fff;
            margin-bottom: 5px;
            line-height: 16px;
            font-size: 14px;
        }

    .commentmain .commnetdatetime {
        display: block;
        text-align: left;
        color: #dadada;
        font-size: 15px;
    }

    .commentmain .commnetyouchat {
        float: right;
    }

    .commentmain .commnetyouchat {
        background: transparent;
        border-bottom: #555 solid 1px;
    }

    .commentmain .commnetchat-lft {
        width: calc(95% - 5%);
    }

    .commentmain .commnetchat-right {
        width: 70px;
        padding-left: 5px;
        display: flex;
        align-items: center;
    }

        .commentmain .commnetchat-right .dropdown {
            margin-left: 5px;
        }

            .commentmain .commnetchat-right .dropdown .dropdown-toggle {
                all: unset;
                height: auto;
                padding: 4px 6px 4px 6px;
                line-height: 5px;
                border-radius: 3px;
                font-size: 16px;
                cursor: pointer;
                border: #3e3e3e solid 1px;
                width: 18px;
            }

                .commentmain .commnetchat-right .dropdown .dropdown-toggle.show {
                    background: #4d4d4d;
                    border: #767575 solid 1px;
                }

                .commentmain .commnetchat-right .dropdown .dropdown-toggle:hover {
                    background: #4d4d4d;
                    border-radius: 3px;
                }

                .commentmain .commnetchat-right .dropdown .dropdown-toggle::after {
                    display: none;
                }

            .commentmain .commnetchat-right .dropdown .dropdown-menu.show {
                display: block;
                border: #767575 solid 1px;
                padding: 0;
            }

        .commentmain .commnetchat-right .cmedit {
            cursor: pointer;
            font-size: 14px;
        }

        .commentmain .commnetchat-right .dropdown .dropdown-menu.show li button.cmbtn {
            all: unset;
            width: 100%;
            background: #ffffff;
            padding: 5px;
            display: block;
            color: #000;
            box-sizing: border-box;
            cursor: pointer;
            font-size: 14px;
        }

            .commentmain .commnetchat-right .dropdown .dropdown-menu.show li button.cmbtn:hover {
                background: #4d4d4d;
                color: #fff;
            }

    .commentmain .commnentblock {
        margin: 0px 10px 0px 10px;
        position: relative;
    }

        .commentmain .commnentblock .controlcommnent {
            border-radius: 4px;
            width: calc(92% - 7%);
            height: 41px;
            padding: 8px 10px 8px 10px;
            resize: none;
            overflow: auto;
            font-size: 15px;
            background: #4d4d4d;
            color: #fff;
        }

    .commentmain .cmsendbtn {
        height: 41px;
        float: right;
        width: 50px;
        /*position: absolute;
    right: 5px;
    top: 0px;*/
        padding: 7px;
        font-size: 20px;
    }

/*commets*/
.warehousevisualizationgrid table {
    width: 100% !important;
}

.vhinternalstocktransferpopup .modal-dialog {
    max-width: 750px;
    width: 100%;
}

/*.vhinternalstocktransferpopup span.k-icon.k-i-arrow-60-down,
    .vhlocationtpopup span.k-icon.k-i-arrow-60-down {
        top: 28px !important;
    }*/

.ist-edit, .wt-edit {
    width: 100%;
}

.vhaction {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    align-items: center;
}

    .vhaction i img {
        height: 20px;
    }

    .vhaction i:hover img {
        filter: invert(48%) sepia(48%) saturate(3207%) hue-rotate(200deg) brightness(100%) contrast(100%);
    }

    .vhaction .dropdown-item {
        all: unset;
        padding: 1px;
        cursor: pointer;
        width: 22px !important;
        border: #fff solid 1px;
        border-radius: 4px;
        -webkit-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
        -moz-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
        box-shadow: 2px 3px 6px 0px rgb(212 212 212);
        margin: 0px 4px 0 4px;
        text-align: center;
        min-width: 22px;
        background: #fff;
    }

        .vhaction .dropdown-item:hover {
            border: #0bb5af solid 1px;
            background: #fff;
        }

            .vhaction .dropdown-item:hover img, .my-Journal-table .trash img:hover, .warehousevzicons button.btnwv:hover img, .forkliftbtn:hover img {
                filter: invert(54%) sepia(74%) saturate(3274%) hue-rotate(143deg) brightness(99%) contrast(91%);
            }

.vhinternalstockhistorypopup .modal-dialog {
    max-width: 1900px;
    width: 100%;
}

.vhwarehousetransferpopup .modal-dialog {
    max-width: 900px;
    width: 100%;
}

.vhwarehousetransferpopup .istransfer-edit th {
    white-space: nowrap
}

.vhqtyadjustmentpopup .modal-dialog {
    max-width: 1000px;
    width: 100%;
}

.vhqtyadjustment {
    float: left;
    width: 100%;
}

    .vhqtyadjustment td, .vhqtyadjustment th {
        border: #ccc solid 1px;
        padding: 10px;
    }

    .vhqtyadjustment .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-down,
    .vhqtyadjustment .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-up {
        background: transparent !important;
        right: 5px;
        top: 13px;
    }

    .vhqtyadjustment .k-numeric-wrap .k-formatted-value {
        float: left;
    }

.vhqtytable {
    width: 100%;
}

.qtydropdownmain {
    display: flex;
    align-items: center;
    position: relative;
}

.qtypopupcontent {
    display: none;
    position: absolute;
    z-index: 11;
    top: 100%;
    left: auto;
    width: 200px;
    margin-left: -50px;
    background-color: #fff;
    padding: 25px 20px 15px 20px;
    right: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px -5px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 13px -5px rgb(0 0 0 / 50%);
}

    .qtypopupcontent label {
        margin: 0;
        text-transform: capitalize;
    }

    .qtypopupcontent .form-group {
        margin-bottom: 15px;
    }

    .qtypopupcontent .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-down,
    .qtypopupcontent .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-up {
        background: transparent !important;
        right: 5px;
        top: 13px;
    }

    .qtypopupcontent select {
        width: 100% !important;
        box-sizing: border-box;
    }

    .qtypopupcontent .form-group.adjustby {
        width: 120px;
    }

        .qtypopupcontent .form-group.adjustby span.k-widget.k-numerictextbox.k-textbox {
            padding: 2px 0;
        }

    .qtypopupcontent .topsavebtn {
        display: flex;
        align-items: flex-end;
    }

        .qtypopupcontent .topsavebtn button.acbtn {
            margin-bottom: 18px;
            height: 28px;
            margin-left: 10px;
            padding: 5px 16px;
        }

button.acbtn.dbtn {
    background: #e4e4e4;
    color: #454545;
}

.availablestockqtymain .qtypopupcontent {
    top: 28px;
    left: 120px;
    width: 250px;
}

    .availablestockqtymain .qtypopupcontent input.k-textbox {
        height: 41px !important;
    }

    .availablestockqtymain .qtypopupcontent .topsavebtn button.acbtn {
        height: 41px;
    }

.availablestockqtymain .availablestockqty {
    position: relative;
    display: flex;
    align-items: center;
}

    .availablestockqtymain .availablestockqty label {
        flex: none;
        margin-right: 20px;
    }

    .availablestockqtymain .availablestockqty button.availabletoggle {
        all: unset;
        cursor: pointer;
    }

        .availablestockqtymain .availablestockqty button.availabletoggle img {
            height: 24px;
            border: #0071dc solid 1px;
            padding: 2px 5px;
            border-radius: 3px;
            margin-bottom: 3px;
        }

.addMultipleAsinPopupModal a.btn.btn-danger.btn-sm.delete-btn {
    display: flex;
    align-items: center;
}

    .addMultipleAsinPopupModal a.btn.btn-danger.btn-sm.delete-btn i {
        margin-right: 5px;
    }

.plhistory {
    margin: 10px 0;
    width: 400px;
    float: right;
}

.productlocationh table {
    width: 100% !important;
}

.productlocationh .k-grid-content {
    height: 650px;
}

.warehousevisualizationgrid .k-header.k-grid-toolbar {
    border-color: transparent;
}

.vhlocationtpopup .modal-dialog {
    max-width: 1500px;
    width: 100%;
}

/* .dropdown.productqtyfilterd button.filterbtn {
        background: transparent;
        border: none;
        width: 40px;
    }*/

.dropdown.productqtyfilterd button.filterbtn {
    background: transparent;
    border: none;
    width: 26px;
    margin-right: 14px;
    padding: 0;
}

.dropdown.qtyfilterd button.filterbtn {
    border: none;
    width: 30px;
    background: transparent;
    margin: 0;
    padding: 0;
}

.dropdown.qtyfilterd .qtypopupcontentnew .topsavebtn button.acbtn {
    height: 32px !important;
}

.addproductwvvriation .dropdown-menu {
    width: 900px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .5) !important;
}

.qtypopupcontentnew {
    padding: 15px 15px 15px 15px;
    background: #f8f8f8;
}

.internalstockChangeQty, .adjustqtyChangeQty {
    font-size: 13px;
    font-weight: 400;
}

.addproductWarehousev .qtypopupcontentnew.internalwh .form-group,
.vhaction .qtypopupcontentnew.internalwh .form-group {
    margin: 0;
}

.inventorystatus .whiteBoxIneer .qtypopupcontentnew.internalwh .form-group {
    margin-bottom: 10px;
}

.qtypopupcontentnew label {
    margin: 0;
    text-transform: capitalize;
    font-size: 14px;
}

.addproductwvvriation .qtypopupcontentnew .form-group {
    margin-bottom: 5px;
}

.qtypopupcontentnew .reasonselect input.k-input {
    border: none !important;
    margin-top: 0px !important;
    font-size: 14px;
}

.qtypopupcontentnew .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-down,
.qtypopupcontentnew .k-numeric-wrap .k-select .k-icon.k-i-arrow-60-up {
    background: transparent !important;
    right: 5px;
    top: 13px;
}

.qtypopupcontentnew select {
    width: 100% !important;
    box-sizing: border-box;
    height: 41px !important;
    margin-top: 0px !important;
}

.qtypopupcontentnew .form-group.adjustby {
    width: 100px;
}

.qtypopupcontentnew .form-group.addnew {
    width: 100px;
    margin-left: 5px;
}

.qtypopupcontentnew .form-group.adjustby span.k-widget.k-numerictextbox.k-textbox {
    padding: 2px 0;
}

/*.qtypopupcontentnew label {
        font-size: 16px !important;
    }*/

.qtypopupcontentnew .topsavebtn {
    display: flex;
    align-items: flex-end;
}

    .qtypopupcontentnew .topsavebtn button.acbtn {
        height: 41px;
        /*margin-left: 10px;margin-bottom: 10px;*/
        padding: 5px 10px;
        display: flex;
        flex: none;
        align-items: center;
    }

.warehousevzicons .qtypopupcontentnew .topsavebtn,
.warehousevisualizationgrid .qtypopupcontentnew .topsavebtn {
    margin-bottom: 5px;
}

.addnewqty {
    min-width: 100px;
}

.addproductWarehousev {
    display: flex
}

    .addproductWarehousev .btnwv:hover img {
        filter: invert(54%) sepia(74%) saturate(3274%) hue-rotate(143deg) brightness(99%) contrast(91%);
    }

.qtypopupcontentnew .k-grid-content {
    max-height: 200px;
    border-bottom: #ddd solid 1px;
    background: #fff;
}
/*.qtypopupcontentnew .productlisttbl {
        margin-bottom: 15px;
    }*/

.qtypopupcontentnew .productlisttbl .acbtn {
    background: #24AEFF !important;
    min-width: 50px;
    width: auto;
    height: 35px;
    float: left;
    margin-bottom: 0px;
}

    .qtypopupcontentnew .productlisttbl .acbtn:hover {
        background: #0071DC !important;
    }

.qtypopupcontentnew .productlisttbl.pv-input .acbtn {
    height: 31px;
}

.qtypopupcontentnew .productlisttbl.pv-input .k-filter-row th,
.qtypopupcontentnew .productlisttbl.pv-input .k-grid-header th.k-header {
    padding: 0.786em 0.6em !important;
    border-bottom: #ccc solid 1px !important;
    border-left: #ccc solid 1px !important;
}

.qtypopupcontentnew .productlisttbl.pv-input td {
    border-left: #ccc solid 1px !important;
}

.qtypopupcontentnew .productlisttbl .mr-5 {
    margin-right: 5px;
}

button.close-btn {
    width: 40px;
    font-size: 24px;
    position: absolute;
    right: 12px;
    z-index: 999;
    border: transparent;
    background: transparent;
    right: 0;
}

    button.close-btn:hover {
        background: #e9220f;
        color: #fff;
        border-radius: 0 5px 0 0px;
    }

.ml-0 {
    margin-left: 0px;
}

.qtypopupcontentnew .productlisttbl ul.k-pager-numbers.k-reset {
    padding: 0px;
}

.qtypopupcontentnew .productlisttbl .k-pager-wrap .k-pager-sizes {
    /*font-size: 11px;
        padding: 5px 0 0 5px;
        margin-left: 0;
        text-align: center;
        line-height: 12px;*/
    /* width: 85px;
        min-width: 85px;
        display: grid;*/
}

.qtypopupcontentnew .productlisttbl .k-pager-wrap .k-dropdown {
    width: 73px !important;
}

.qtypopupcontentnew .productlisttbl .k-pager-wrap .k-pager-info {
    font-size: 12px;
    margin-top: 5px;
    padding: 0;
    width: 140px;
    text-align: right;
    margin-left: auto;
}

.qtypopupcontentnew .productlisttbl .k-pager-wrap {
    padding-left: 0px;
    display: flex;
    align-items: flex-start;
}

.qtypopupcontentnew .productlisttbl span.k-dropdown-wrap.k-state-default {
    border-radius: 4px !important;
    height: 36px;
}

.qtypopupcontentnew .productlisttbl ul.k-pager-numbers.k-reset {
    display: flex;
}

.qtypopupcontentnew .addnewqtycontent .span.k-dropdown-wrap.k-state-default {
    background: #fff;
}

.addproductWarehousev .dropdown-menu {
    box-shadow: 0 3px 12px rgba(0, 0, 0, .5) !important;
}

.addnewqtycontent {
    border: #ddd solid 1px;
    padding: 15px 20px 20px 20px;
    background: #fff;
}

.availablestock {
    width: 130px;
}

.pv-input input, .pv-input select {
    margin: 0px !important;
}

img#RemoveCustomLogo:hover {
    filter: brightness(0) saturate(100%) invert(20%) sepia(76%) saturate(7035%) hue-rotate(357deg) brightness(105%) contrast(126%);
    cursor: pointer;
}

.btnwv {
    background: transparent;
    border: none;
    margin: 0 14px 0 0;
    padding: 0;
}

    .btnwv img {
        height: 27px;
    }

.dropdown.productqtyfilterd button.filterbtn img {
    height: 32px;
}

.dropdown.productqtyfilterd button.filterbtn:hover img, .split-ship:hover img {
    filter: invert(54%) sepia(74%) saturate(3274%) hue-rotate(143deg) brightness(99%) contrast(91%);
}

.customizesetting tbody {
    box-shadow: 0px 0px 1px #333;
}

.customizesetting .btnwv img {
    height: 24px;
}

.customizesetting .btnwv:hover img {
    filter: invert(54%) sepia(74%) saturate(3274%) hue-rotate(143deg) brightness(99%) contrast(91%);
}

.customizesetting .groupInput input {
    height: 41px !important;
    margin-top: 0px !important;
}

.originalqty {
    font-size: 15px;
}

.addproductwvvriation {
    display: flex;
    flex-wrap: wrap;
    width: 85px;
}

    .addproductwvvriation .dropdown.productqtyfilterd {
        position: inherit
    }

    .addproductwvvriation .dropdown-menu,
    .addproductWarehousev .dropdown-menu {
        padding: 0;
    }

    .addproductwvvriation button.btnwv,
    .addproductwvvriation button.filterbtn {
        background: #fff !important;
        padding: 3px !important;
        width: 34px !important;
        height: 34px;
        border: #fff solid 1px;
        border-radius: 4px;
        -webkit-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
        -moz-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
        box-shadow: 2px 3px 6px 0px rgb(212 212 212);
        margin: 8px 8px 0 0;
    }

        .addproductwvvriation button.btnwv:hover,
        .addproductwvvriation button.filterbtn:hover {
            border: #0bb5af solid 1px;
        }

    .addproductwvvriation .productqtyfilterd button.filterbtn img {
        height: 26px;
    }

.preferredlocationdrop button.btnwv,
.whiteBoxIneer .addproductWarehousev .btnwv,
.whiteBoxIneer .dropdown.productqtyfilterd button.filterbtn {
    background: #fff;
    padding: 3px !important;
    width: 34px !important;
    height: 34px;
    border: #fff solid 1px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
    -moz-box-shadow: 2px 3px 6px 0px rgb(212 212 212);
    box-shadow: 2px 3px 6px 0px rgb(212 212 212);
    margin: 8px 8px 0 0 !important;
    display: flex;
    align-items: center;
}

    .preferredlocationdrop button.btnwv:hover,
    .whiteBoxIneer .addproductWarehousev .btnwv:hover,
    .whiteBoxIneer .addproductWarehousev button.filterbtn:hover {
        border: #01b1c2 solid 1px;
    }

.whiteBoxIneer .addproductWarehousev .dropdown-menu {
    bottom: 38px;
    right: -230px;
    width: 900px;
    border-radius: 5px;
    overflow: hidden;
}

.warehousevzicons .form-group.reasonselect {
    margin-bottom: 0px;
}

.whiteBoxIneer .addproductWarehousev {
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.marketpipopup .modal-dialog {
    max-width: 1900px;
}

.qtyadjustmentpopup .modal-dialog {
    max-width: 900px;
}

.qtyadjustmentpopup .k-auto-scrollable select {
    width: 100% !important;
    box-sizing: border-box;
}

.wv-qty-adjustment .acbtn {
    height: 31px;
    width: 51px;
}

.productlisttbl .k-auto-scrollable select {
    width: 100% !important;
    box-sizing: border-box;
}

.productlisttbl td .form-control,
.productlisttbl td .k-textbox {
    height: 41px;
}

div#GetInternalStockData, div#addplocationhistorypopup, div#InventoryDetailsshow {
    background: rgba(0,0,0,0.3);
}

/*.visualizationlist .warehousevzicons .dropdown-menu {
        left: -43px !important;
        }
    */
.qtyfilterd .dropdown-menu {
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1) !important;
}

.wh-table {
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: #ddd solid 1px;
    margin-bottom: 10px;
}

    .wh-table table {
        width: 100%;
    }

        .wh-table table td,
        .wh-table table th {
            border: #ddd solid 1px;
            padding: 5px 10px;
        }

.link-img.variationimg {
    margin: 10px 0 0 0;
    border: none;
    text-align: left;
    float: left;
    width: 100%;
}

    .link-img.variationimg a:hover {
        color: #000;
    }

.productlocationhpopup .modal-dialog {
    max-width: 1800px;
    /* width: 100%;*/
}

.customizesetting label {
    font-size: 13px;
}

.preferredlocationdrop label {
    font-size: 12px;
}

.preferredlocationdrop input.preferredl {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: none !important;
    margin: 0px !important;
}

.preferredlocationdrop span.k-select {
    background: #fff;
    border-radius: 0 4px 4px 0;
}

/* Chrome, Safari, Edge, Opera */
.qtypopupcontentnew .form-group.adjustby input::-webkit-outer-spin-button,
.qtypopupcontentnew .form-group.adjustby input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* Firefox */
.qtypopupcontentnew .form-group.adjustby input[type=number] {
    -moz-appearance: textfield;
}

.warehousevzicons .qtypopupcontentnew .topsavebtn button.acbtn {
    height: 32px;
    width: auto;
}

.warehouse-detailsnew .warehousevzicons .qtypopupcontentnew .topsavebtn button.acbtn {
    height: 41px;
}

.productwiseisd #page-wrapper {
    width: 100%;
    background: transparent;
    margin: 0;
}

.productwiseisd #page-wrapper {
    width: 100%;
}

.productwiseisd .modal-dialog {
    width: 930px;
    max-width: 930px;
}

.productwiseisd .k-grid-content {
    max-height: 650px;
}

.defaultlocation label {
    font-weight: normal !important;
}

.restockneeded2 {
    color: #000;
    background: #e02500;
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
    margin-left: 20px;
}

.good2 {
    color: #000;
    background: #009000;
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
    margin-left: 20px;
}

.alignmcontent {
    align-items: center !important;
}

.restockneeded {
    color: #000;
    background: #e02500;
    border-radius: 50px;
    padding: 5px 15px;
    margin-left: 20px;
}

.good {
    color: #000;
    background: #e02500;
    border-radius: 50px;
    padding: 5px 15px;
    margin-left: 20px;
}

.newdmain .restock {
    width: 50%;
}

.headoutofstock a.outofstockbtn, .headoutofstock a.forkliftbtn {
    min-height: auto !important;
    line-height: initial !important;
    margin-right: 0px;
}

.headoutofstock {
    margin: 26px 0 0 0;
}

    .headoutofstock .outofstockbtn {
        font-size: 20px;
    }

    .headoutofstock .forkliftbtn {
        width: 65px;
    }

        .headoutofstock .forkliftbtn span.digits {
            top: -11px;
        }

    .headoutofstock .outofstockbtn span.digits {
        top: -7px;
    }

    .headoutofstock .forkliftbtn span.digits,
    .headoutofstock .outofstockbtn span.digits {
        font-size: 14px;
    }

.forkliftbtn {
    width: auto;
    padding: 0 19px 0 10px !important;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

    .forkliftbtn img {
        width: 30px;
        filter: invert(0%) sepia(41%) saturate(0%) hue-rotate(323deg) brightness(94%) contrast(102%);
    }

.outofstockbtn {
    position: relative;
    font-size: 18px;
    cursor: pointer;
    color: #000;
    font-weight: 600;
}

    .forkliftbtn span.digits,
    .outofstockbtn span.digits {
        position: absolute;
        right: 5px;
        top: -10px;
        color: #e02500;
        font-weight: 600;
        font-size: 14px;
    }

    .outofstockbtn span.digits {
        right: 0;
        top: -5px;
    }


#drpPreferredManualLocations-list .k-item.k-list-item.k-selected,
#drpManualLocation_listbox .k-item.k-list-item.k-selected,
#drpPreferredManualLocations-list .k-item.k-state-focused,
#drpManualLocation_listbox .k-item.k-state-focused {
    color: #fff;
    background-color: #0078d7;
}

.preferredselect .k-dropdown-wrap .k-input {
    line-height: 41px !important;
    font-size: 15px;
}

.preferredlocationdrop span.k-input {
    background: #fff;
    border-radius: 5px 0px 0px 5px !important;
    border-right: #ccc solid 1px !important;
    line-height: 39px !important;
    font-size: 15px;
}

.qtypopupcontentnew .reasonselect span.k-input {
    line-height: 39px !important;
    font-size: 15px;
}

.addmanualLocation .modal-dialog {
    max-width: 100%;
    width: 400px;
}

.addmanualLocation .modal-content {
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 40%) 0 0 20px;
    border: none;
}

    .addmanualLocation .modal-content .addmanualcontent {
        padding: 30px 20px 50px 20px;
    }

.manuallinput span.k-input {
    line-height: 39px !important;
}

.priceandinventory .col-1 {
    width: 104px;
}

.priceandinventory .form-control {
    height: 41px !important;
}

.priceandinventory .extraduty {
    width: 93px;
}

.priceandinventory .totalcost {
    width: 100px;
}

.customizesetting .kendoselectboxl label {
    top: 2px;
}

.v-icon {
    position: relative;
}

    .v-icon i {
        position: absolute;
        top: -16px;
    }

.v-icon2 {
    position: relative;
}

    .v-icon2 i {
        position: absolute;
        top: 6px;
    }

.customizesetting .mytooltip.tol-tp {
    position: absolute;
    right: 0;
    top: -17px;
    left: 0;
    float: right;
    z-index: 999;
}

.product-idv {
    margin-top: 15px !important;
}

.dropof-location span.k-icon.k-clear-value.k-i-close {
    top: 27px;
    margin-top: auto;
}

#dropof_locationInternalStock-list div.k-list-scroller li.k-item.k-list-item.k-selected,
#dropof_locationInternalStock-list div.k-list-scroller li.k-item.k-state-focused {
    color: #fff !important;
    background-color: #0078d7 !important;
}

.addlcplus {
    all: unset;
    padding: 0 6px 0 0;
    font-size: 18px;
    height: 21px;
    line-height: 18px;
    position: relative;
    bottom: -2px;
}
    .addlcplus:hover i {
        color: #01b1c2
    }
    td.trash a:hover img {
        filter: invert(48%) sepia(48%) saturate(3207%) hue-rotate(200deg) brightness(100%) contrast(100%);
    }

#WarehouseSetupGrid .date input {
    padding-right: 12px;
}

.recipient-left .invoiceDetail {
    height: calc(100% - 120px);
    overflow-y: auto;
}

.createwtp .qty-box .qty-test {
    padding: 2px 10px;
    text-align: center;
}

.createwtp .qty-box .row {
    margin-right: 0;
    margin-left: 0;
    padding: 2px 2.5px 0px 2.5px;
}

.creatthetqty {
    height: 41px;
}

.createwtp .qtyWidth50 {
    display: inline-block;
}

.createwarehouseTransferpopup .k-icon.k-i-arrow-60-down {
    display: none;
}

.createwarehouseTransferpopup .k-select {
    background: url(../images/arrow-d.svg) no-repeat 0px 50% !important;
    background-size: 12px !important;
    background-position: center center !important;
}

.createwtp .qtyBorder {
    display: flex;
}

.createwtp td {
    vertical-align: middle;
}

.createwtp .trash {
    text-align: left;
}

.addmultiLocation {
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    top: 28px;
    max-width: 1000px;
    position: fixed;
    background: #fff;
    max-height: 600px;
    height: auto;
    border-radius: 5px;
    /*   box-shadow: rgb(0 0 0 / 50%) 0 0 20px;*/
}

.restocks {
    display: block;
    text-align: center;
}

    .restocks .restockneeded, .restocks .good2 {
        margin-left: 0;
    }

.readonlytotal {
    padding: 20px 20px 0 20px
}

    .readonlytotal .row {
        align-items: center;
    }

    .readonlytotal .label {
        margin: 0;
    }

.salevelocityreport {
    float: right;
}

.pr20 {
    padding-right: 20px;
}

.shadowcustom {
    /*-webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 20%);
        -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.20);
        box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 20%);*/
    box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important
}

.salestrends {
    margin: 10px 0 10px 0;
}

.salestitle h3 {
    margin: 0;
}

.salestitle .row {
    align-items: center
}

.otherreportmain {
    display: flex;
    flex-direction: inherit;
    float: right;
    align-items: center;
}

    .otherreportmain .btn {
        height: 41px;
        margin-left: 5px !important;
    }

    .otherreportmain .btndate {
        background: #fff;
        border: #ccc solid 1px;
        white-space: pre-line;
        display: flex;
        align-items: center;
    }

        .otherreportmain .btndate.show {
            color: #000;
            border: #000 solid 1px;
        }

    .otherreportmain .form-control {
        width: 100%;
    }

.picklocationmanual {
    display: flex;
    align-items: center
}

    .picklocationmanual .scan {
        display: grid;
        text-align: center;
        margin-left: 5px;
        line-height: 18px;
    }

        .picklocationmanual .scan i {
            font-size: 20px;
            line-height: 18px;
        }

    .picklocationmanual span.k-input {
        padding: 0 0 !important;
        height: auto !important;
        line-height: 41px !important;
    }

    .picklocationmanual span.k-dropdown-wrap.k-state-default {
        background: #fff;
    }

.k-grid-header th.k-header {
    padding-left: .3em;
    padding-right: .3em;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 600;
}

.Company-type .dropdowncustomer1 .k-dropdown,
.Company-type .dropdowncustomer .k-dropdown {
    width: 100% !important;
}

.data-dsp {
    border-radius: 4px !important;
    height: 41px;
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}

.products-category-table .md-input {
    border: #9dd1c3 solid 1px;
    border-radius: 4px;
    height: 41px;
    width: 42%;
    padding-left: 10px;
    box-sizing: border-box;
}
.products-category-table .k-grid-header th:first-child {
    border-left: #ccc solid 1px;
}
.products-category-table table thead tr th { padding-top:5px !important; padding-bottom:5px !important; }
.products-category-table .k-grid td {
    padding: 10px !important;    
}
.ecn label {font-weight:600;}
.k-pager-wrap.k-grid-pager .k-icon {
    background-image: none;
}

.k-pager-wrap.k-grid-pager span.k-dropdown-wrap.k-state-default {
    background: #fff;
}

.sale-velocity-store {
    margin-top: 0px;
}

    .sale-velocity-store .storesection .k-multiselect-wrap ul li {
        padding-right: 15px;
        border: #ccc solid 1px !important;
        border-radius: 20px !important;
        margin: 2px 3px 2px 0px;
    }

        .sale-velocity-store .storesection .k-multiselect-wrap ul li > span {
            font-size: 14px;
        }

        .sale-velocity-store .storesection .k-multiselect-wrap ul li span.k-select {
        }

        .sale-velocity-store .storesection .k-multiselect-wrap ul li .k-select {
            position: absolute;
            top: 1px;
            bottom: 0;
            right: 0;
            padding: 0 2px;
            margin: 0px;
        }

    .sale-velocity-store .storesection .k-multiselect-wrap span.k-icon.k-clear-value.k-i-close {
        right: 0px;
        margin: 0;
    }

    .sale-velocity-store .storesection .k-multiselect {
        border: #ccc solid 1px !important;
        border-radius: 4px !important;
        height: 41px;
        padding: 5px 2.25rem .375rem 4px;
    }

    .sale-velocity-store .storesection .k-multiselect-wrap {
        height: 34px;
        overflow-y: auto;
    }

        .sale-velocity-store .storesection .k-multiselect-wrap .k-input {
            margin: 6px 0 0;
            color:#000;
        }

.example.example1 .input-group-addon {
    border: #ccc solid 1px;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.example.example1.shippingdate div.input-group-addon {
    border-width: 0 0 0 1px;
}

#exampleBankModal .modal-dialog .input-group-addon {
    border: #ccc solid 1px;
    align-items: center;
    display: flex;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.storemaincl .select2-container {
    padding: 15px;
    box-sizing: border-box;
}

div#GetInternalStockDataFromWarehouse div#page-wrapper {
    background: transparent;
}

.warehousevlocationhistory .modal-content,
.productlocationhpopup .modal-content {
    max-width: 1177px;
    margin: 0 auto;
    top: 20px;
}

.warehousevlocationhistory .k-grid-header-wrap th, .productlocationhpopup .k-grid-header-wrap th {   
    white-space: nowrap;   
}

/*.usergrid tr th:last-child,
.usergrid tr td:last-child {
    border-width: 0 1px 1px 1px !important;
}*/

.darkthemelogo {
    display: none !important;
}

.table-design4 span.k-dropdown-wrap.k-state-default {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
}

    .table-design4 span.k-dropdown-wrap.k-state-default:hover {
        background: #e2eef8;
        border: 1px solid #000;
        color: #000;
    }

.cbox {
    padding-left: 2px;
}

.k-pager-wrap {
    padding-left: 0px !important;
}

/*#Ordernopopup .input-group-addon {
    border: #ccc solid 1px;
}*/

#Ordernopopup .btnsales {
    display: inline-block;
    width: 100%;
}

#confirmBox span.button.yes.btn.btn-default {
    background: #3ec56f;
    color: #fff;
    border: 1px solid #3ec56f;
}

    #confirmBox span.button.yes.btn.btn-default:hover {
        background: #fff;
        color: #000;
        border: 1px solid #0bb5af;
    }

#confirmBox span.button.no.btn.btn-default {
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}

    #confirmBox span.button.no.btn.btn-default:hover {
        background: #fff;
        color: #000;
        border: 1px solid #ff0000;
    }

.manage-package {
    display: flex;
    flex-wrap: wrap;
}

    .manage-package .rowVendor input {
        margin-right: 5px;
    }

    .manage-package .rowVendor {
        margin: 0 15px 10px 0;
        display: flex;
        align-items: flex-start;
        width: 100%;
        max-width: 30%;
        box-sizing: border-box;
    }

.top-fiter-container .dropdown.orderd {
    padding: 0px 0px !important;
}

section.tab-main .top-fiter-container .btn-group.batch-actions-link > .btn {
    margin-left: 0px;
}

/*.modal-header button.close {
        color: #fff;
        opacity: 1;
        font-size: 32px;
        text-shadow: none;
        font-weight: 500;
    }*/

.modal-header button.close, .modal-header a.close {
    font-size: 36px;
    color: #fff;
    margin: 0 0 0 0;
    position: absolute;
    right: 0;
    top: 0px;
    padding-bottom: 0px;
    text-shadow: none;
    font-weight: 500;
    opacity: 1;
}

    .modal-header button.close:hover, .modal-header a.close:hover {
        background: #e9220f;
        color: #fff;
        border-radius: 0 5px 0 0px;
        opacity: 1;
    }

.modal-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.jrnal-pddng .selctfileaddedit {
    margin-top: 38px;
}

.newpayee {
    margin-right: 5px !important;
}

.shipments-filter-bar .btn.btn-void,
.shipments-filter-bar .btn-group {
    height: 41px;
    max-height: 41px;
}

.shipments-filter-bar .date input {
    padding-right: 0px;
}

.createReturnpopup .modal-header button.close {
    color: #626262;
    right: -8px;
}

    .createReturnpopup .modal-header button.close:hover {
        color: #fff;
    }

.createReturnpopup .print-chk.rma-section-pad .form-textBox {
    background: #f1f1f1;
    padding: 8px 10px !important;
}

.modal-dialog.status-part .modal-header {
    display: flex;
    flex-wrap: wrap;
}

div#InventoryTab {
    padding-top: 0px !important;
}

.inventorypage .marketplace-reorder-div {
    padding-bottom: 0;
}

.inventorypage div.shipping-main {
    padding: 0;
    margin-top: 0px !important;
    margin-bottom: 5px;
}

.importquantity {
    margin-left: 5px;
}

    .importquantity .dropdown-menu {
        width: 100%;
    }
/*.inventorytobox {
        display: flex;
        flex-wrap: nowrap;
        padding: 0px 8px;
        overflow-x:auto;
        margin:0;
    }*/
/*.inventorypage .inventorytobox div.column {
        max-width: 318px !important;
        flex: none;   
    }*/
.inventorystore .k-multiselect {
    border: #ccc solid 1px !important;
    border-radius: 4px !important;
    height: 41px;
}
/*
    .inventory-slider .slick-track {
        width: 100% !important;
        display: flex;
    }*/

.w300 {
    width: 300px;
}

.inventorystore {
    margin-bottom: 10px;
}



.shippingmanagement .shipments-filter-bar .columns-main .recent-main {
    padding: 0px;
}

.shold-orders .select-box.dropdown-menu {
    right: 0;
}

.vinfo h2, .pinfo h2, .addrule h2 {
    padding-top: 5px !important;
}

ul#ddlBankPayee_listbox p, ul#ddlCategory_listbox p {
    margin: 0;
    padding: 0;
}

.logicalOperatorId p.andOr {
    padding-top: 0;
}

.reorder .product-button {
    line-height: 30px;
}

.inventory-slider.slick-slider:not(#a2-slick-slider) .slick-next,
.inventory-slider.slick-slider:not(#a2-slick-slider) .slick-prev {
    position: absolute;
    height: 32px;
    width: 32px;
    line-height: 60px;
    border-radius: 100%;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 0;
    border: 1px solid #2f3337;
    background: #fff;
    z-index: 9;
    box-shadow: 0 0 8px -2px #000;
}

.inventory-slider.slick-slider:not(#a2-slick-slider) .slick-next,
.inventory-slider.slick-slider:not(#a2-slick-slider) .slick-prev {
    height: 32px;
    width: 32px;
    line-height: 44px;
    background: rgba(255,255,255,.7);
    transition: .3s ease-in-out;
}

.inventory-slider {
    position: relative;
    background: transparent;
    width: 100%;
    display: flex;
}

    /*.inventory-slider .slick-slide {
        min-width: 12.5%;
    }*/
    .inventory-slider .inventory-d {
        width: 321px;
    }

    .inventory-slider.slick-slider .slick-prev::before {
        content: "\f104";
        color: #000;
    }

    .inventory-slider.slick-slider .slick-next::before {
        content: "\f105";
        color: #000;
    }

    .inventory-slider.slick-slider .slick-next:before,
    .inventory-slider.slick-slider .slick-prev:before {
        font-family: FontAwesome;
        font-size: 20px;
        line-height: 1;
        color: #000;
    }

    .inventory-slider.slick-slider:not(#a2-slick-slider) .slick-prev {
        left: -8px;
    }

    .inventory-slider.slick-slider:not(#a2-slick-slider) .slick-next {
        right: -8px;
    }

    .inventory-slider.slick-slider .slick-disabled {
        opacity: 0;
        pointer-events: none;
    }

    .inventory-slider.slider:before {
        display: none;
    }

    .inventory-slider.slick-slider .order-num-sec {
        margin: 10px 7px 5px 7px;
    }

    .inventory-slider.slick-slider:not(#a2-slick-slider) .slick-next:hover,
    .inventory-slider.slick-slider:not(#a2-slick-slider) .slick-prev:hover {
        background: rgba(235,235,235,.7);
        transition: .3s ease-in-out;
    }

    .inventory-slider.slick-slider .slick-next:hover::before,
    .inventory-slider.slick-slider .slick-prev:hover::before {
        color: #000;
    }


.multiselect-item .k-multiselect-wrap ul li {
    padding-right: 15px;
    border: #ccc solid 1px !important;
    border-radius: 3px !important;
    margin: 2px 3px 2px 0px;
}

    .multiselect-item .k-multiselect-wrap ul li > span {
        font-size: 14px;
    }

    .multiselect-item .k-multiselect-wrap ul li span.k-select {
    }

    .multiselect-item .k-multiselect-wrap ul li .k-select {
        position: absolute;
        top: 1px;
        bottom: 0;
        right: 0;
        padding: 0 2px;
        margin: 0px;
    }

.multiselect-item .k-multiselect-wrap span.k-icon.k-clear-value.k-i-close {
    right: 0px;
    margin: 0;
}

.multiselect-item .k-multiselect {
    border: #ccc solid 1px !important;
    border-radius: 4px !important;
    padding-top: 3px;
}

.multiselect-item .k-multiselect-wrap .k-input {
    margin: 6px 0 0;
}

.multiselect-item .mlstorescl .k-multiselect-wrap.k-floatwrap {
    overflow: auto;
    height: 32px;
}

.emaillog .dropdown .dropdown {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
}

.emaillog .dropdown .dropdown-toggle {
    height: auto;
    margin: 4px 0 0 0;
}

.emaillog .page-title {
    margin: 0 0 25px 0;
}

    .emaillog .page-title h2 {
        margin: 0;
    }

.createReturnpopup .Items-box.row {
    width: auto;
    padding: 0;
}

.otherreportmain .form-control {   
    cursor: context-menu;
}

/*.dropdown.salevelocityreport.active .select-box {
        right: 0;
    }*/
.dropdown-menu-salesv {
    position: absolute;
    z-index: 11;
    background: #fff;
    padding: 10px;
    width: 430px;
    right: 0;
    box-shadow: 0 3px 12px rgb(0 0 0 / 5%) !important;
    display: none;
    border: 1px solid #ccc;
    margin-top: 3px;
}

.salesvcontent {
    display: block;
}

.btn.salesvelocitytoogle:focus {
    color: #fff;
}

.productwiseimg .modal-dialog {
    max-width: 750px;
}

.bg-title.purchase {
    margin-bottom: 0;
}

    .bg-title.purchase .page-title {
        margin-top: 12px;
    }



.choose-part button.close:hover {
    background: #e9220f;
    color: #fff;
    border-radius: 0 5px 0 0px;
    opacity: 1;
}

.ship-select-order select.ShipStationDropDown {
    width: 100%;
}

.addproductisactive {
    margin-top: 10px;
}

    .addproductisactive input[type=checkbox] {
        background: #fff;
    }

.products-managementby-vendor {
    background: #fff;
    margin-bottom: 20px;
}

.pm-byvendor-table {
    width: 100%;
    border: #e3e5e8 solid 1px;
}

    .pm-byvendor-table th {
        font-weight: 600;
        text-transform: uppercase
    }

        .pm-byvendor-table th label {
            margin-left: 10px;
            font-weight: 600;
        }

    .pm-byvendor-table th,
    .pm-byvendor-table td {
        padding: 5px 10px;
        border: #e3e5e8 solid 1px;
    }

    .pm-byvendor-table input[type=checkbox] {
        background: #fff;
    }

.vsmr {
    margin-right: 5px !important;
}

.vendorsettingpopup {
    max-width: 655px;
}

    .vendorsettingpopup .modal-header h4 {
        font-weight: 600;
        margin: 5px 0;
        color: #fff;
        font-size: 22px;
    }

    .vendorsettingpopup .modal-body {
        max-height: calc(100vh - 180px);
        overflow: auto;
    }

div#OpenvendorSettingPopup {
    z-index: 9999;
}

.salesmt {
    margin-top: 10px;
}

.form-group.OtherDataOFSettings {
    margin-bottom: 15px;
}

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

.copy-notification {
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    padding: 5px 10px;
    border-radius: 3px;
    position: absolute;
    top: 30px;
    left: auto;
    margin-top: 0px;
    margin-left: 0px;
    display: none;
    font-size: 12px;
    right: -10px;
    z-index: 9999;
}

    .copy-notification:before {
        border-style: solid;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #333333;
        border-top: 0;
        position: absolute;
        content: '';
        right: 36%;
        top: -6px;
    }

.copy-success {
    color: #5ac100;
}

.favorites {
    padding: 20px 15px;
}

.ledgerbalance h3, .balance-sheetd h3 {
    font-weight: 600;
}

.shippingmanagement.shipping-main .modal-content.modal-lg .modal-body {
    padding: 0px;
}

.shipstation-sl .modal-body .store-main {
    margin-top: 0px;
}

.shipstation-sl .modal-body {
    padding: 15px !important;
}

.open-batch-error {
    overflow: hidden;
}

    .open-batch-error .modal-dialog {
        max-width: 761px;
    }

    .open-batch-error .modal-body {
        overflow: auto;
        max-height: calc(100vh - 105px);
    }

    .open-batch-error .modal-header span.batchid {
        color: #000;
        background: #fff;
        padding: 1px 5px;
        border-radius: 3px;
        margin-left: 10px;
    }

    .open-batch-error .modal-header {
        display: flex;
        justify-content: flex-start;
    }

    .open-batch-error th {
        text-transform: uppercase;
    }

    .open-batch-error th, .open-batch-error td {
        padding: 10px;
        border: #ddd solid 1px;
    }

    .open-batch-error .employ-edit-footer {
        border-top: transparent;
    }

div#tabstripExpenses .top-fiter-container .search-box,
div#tabstripPurchase .top-fiter-container .search-box,
div#tabstrip .top-fiter-container .search-box {
    max-width: 393px;
    width: 100%;
}

.editsmtpconfigurationdialog .expense-modal {
    padding: 0px;
}

.jrnal-top-fields .example.example1 .input-group-addon,
.inventorydate .example.example1 .input-group-addon,
.accountabledate .example.example1 .input-group-addon {
    border-width: 0px 0px 0px 1px;
}

.journal-entry-popup .form-control {
    padding-left: 5px !important;
}

.availability-popup .save-button {
    margin-top: 20px;
}

.availability-popup h2 {
    margin: 0;
}

.switch-event {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
}

    .switch-event input {
        display: none;
    }

    .switch-event .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ca2222;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch-event .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch-event input:checked + .slider {
        background-color: #2ab934;
    }

    .switch-event input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .switch-event input:checked + .slider:before {
        -webkit-transform: translateX(55px);
        -ms-transform: translateX(55px);
        transform: translateX(55px);
    }

    .switch-event .on {
        display: none;
    }

    .switch-event .on, .off {
        color: white;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 10px;
        font-family: Verdana, sans-serif;
    }

    .switch-event input:checked + .slider .on {
        display: block;
    }

    .switch-event input:checked + .slider .off {
        display: none;
    }

    .switch-event .slider.round {
        border-radius: 34px;
    }

        .switch-event .slider.round:before {
            border-radius: 50%;
        }

.invitees-radio input {
    height: 20px;
    width: 20px;
    accent-color: #0071DC;
}

/*.user-information-list table {
    border-right: #ccc solid 1px;
}*/

.products-select-list input.k-input {
    padding-right: 28px !important;
    font-size: 14px;
}

.plan-field {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 36px;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    padding-left: 15px;
}

.iseveryDay {
    margin-bottom: 10px;
}

    .iseveryDay label {
        padding-bottom: 0px !important;
    }

    .iseveryDay input {
        background: #fff;
    }

/*new price new design*/
.plan-shipment .col-lg-3 {
    padding: 0 5px;
}

.box.newenterprise {
    margin: 0px;
}

    .box.newenterprise p {
        margin: 0px;
    }

    .box.newenterprise .holder {
        color: #fff !important;
    }

        .box.newenterprise .holder a {
            cursor: pointer;
        }

            .box.newenterprise .holder a:hover {
                color: #000;
            }

.pricepageac {
    padding: 20px;
    min-height: 355px;
}

    .pricepageac .accordion-list .email-services {
        padding: 0px;
    }

    .pricepageac .accordion-list .box {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 10px;
    }

    .pricepageac .accordion-list .email-services {
        padding: 0px;
    }

    .pricepageac .accordion-header {
        padding: 0px;
        border-bottom: transparent;
    }

    .pricepageac .accordion-flush .accordion-item {
        margin-top: 10px;
        border: transparent;
    }

    .pricepageac .accordion-button:focus {
        box-shadow: none;
    }

    .pricepageac .accordion-button {
        background: #f7f7f7;
        border: #efefef solid 1px;
        padding: 5px 10px;
        font-size: 15px;
        box-shadow: none;
        height: 35px;
    }
/*   .accordion-button:not(.collapsed) {color:#01b1c2}*/
.accordion-button:not(.collapsed) {color: #000}
.pricepageac .accordion-flush .accordion-collapse {border: #efefef solid 1px;
        border-width: 0 1px 1px 1px;
    }

    .pricepageac .accordion-header .accordion-button.collapsed::after {
        content: "\f107";
        font: normal normal normal 18px/1 FontAwesome;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        transition: all ease-in-out
    }

    .pricepageac .accordion-header .accordion-button:not(.collapsed)::after {
        content: "\f106";
        font: normal normal normal 18px/1 FontAwesome;
        background: none;
        transform: inherit;
        transition: all ease-in-out
    }

.plan-shipment .box.orders {
    padding: 10px 0 0px;
}

.supprot-sec {
}

    .supprot-sec h3 {
        border-bottom: #e9e9e9 solid 1px;
        margin-bottom: 18px;
        text-align: left;
    }

    .supprot-sec .email-services {
        padding-top: 0px;
    }

        .supprot-sec .email-services ul {
            margin: 0px 0px 0px 0px;
        }

            .supprot-sec .email-services ul li {
                padding-left: 20px;
            }

                .supprot-sec .email-services ul li:before {
                    left: 0;
                    content: "\f058";
                    font: normal normal normal 15px/1 FontAwesome;
                    color: #3bc473;
                    background-image: none;
                }

.accordion-header.arrownone .accordion-button.collapsed::after {
    display: none;
}


.request-pricin-gpopup .modal-dialog {
    max-width: 600px;
    width: 100%;
}

.phone-img {
    position: relative;
}

    .phone-img img {
        position: absolute;
        left: 10px;
        top: 13px;
    }

    .phone-img input {
        padding-left: 55px;
    }

.dvproppurchase-save {
    margin-right: 30px;
}


.phone-label label {
    margin-left: 33px !important;
}

.form-group.form-floating.phone-label .form-control {
    padding-left: 45px !important;
}

.request-pricin-gpopup .notes label {
    width: 92% !important;
    font-size: 13px !important;
}

.request-pricin-gpopup .modal-body {
    padding: 25px;
}

/*current plan css*/
.currentplan-main {
    margin: 30px 0 0px 0;
}

    .currentplan-main .box {
        text-align: center
    }

    .currentplan-main .pricepageac {
        min-height: auto;
    }

.plan-shipment .currentplan-main .col-holder {
    padding-bottom: 10px;
}

.plan-shipment .currentplan-main .sl-plan {
    border-width: 1px;
}

/*current plan css*/

.freetrialtable {
    display: block !important;
}

.switch-new {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch-new input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch-new .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch-new .slider:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch-new input:checked + .slider {
        background-color: #666666;
    }

    .switch-new input:focus + .slider {
        box-shadow: 0 0 1px #01c9e9;
    }

    .switch-new input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .switch-new .slider.round {
        border-radius: 34px;
    }

        .switch-new .slider.round:before {
            border-radius: 50%;
        }

.planpayment td, .planpayment th {
    white-space: normal !important;
    border: #e4e7ea solid 1px;
}

.planpayment table {
    border-left: #e4e7ea solid 1px;
    border-right: #e4e7ea solid 1px;
}



.editLabelPreferences .modal-content {
    padding: 0;
}

.cancel-button.skip-btn {
    line-height: 26px !important;
}

.enterprise-popup .modal-dialog {
    max-width: 660px;
}

.vendorsmain .setting-choice .flipradio .flip-label input {
    height: 16px;
    width: 16px;
}

.vendorsmain .setting-choice .flipradio label.flip-label {
    align-items: center;
    display: flex;
}

/*.main-tab-nav > .plan-nav-tabs {
        justify-content: left;
    }*/
.invoice-amonut {
    color: #afafaf;
}

    .invoice-amonut span {
        display: block;
        color: #333;
    }

.invoice-details {
    display: grid;
}

    .invoice-details .invoicelink a {
        color: #0066cc;
        font-size: 15px;
    }

    .invoice-details .invoicelink .viewlk {
        margin-right: 5px;
        padding-right: 5px;
        border-right: #ccc solid 1px;
    }

.am-dollar span.dollarsign {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    line-height: 15px;
}

.contactsalebtn {
    width: 100%;   
    height: auto;
    padding: 10px;
    display: block;
}

.textalignrgt {
    text-align: right;
    margin-bottom: 5px !important;
}

.order-blc {
    display: grid;
    text-align: center;
}

    .order-blc h4 {
        font-weight: 600
    }

.revuenue-blc {
    padding: 30px;
    margin-bottom: 40px;
}

.inventroydetails {
    max-height: 300px;
    overflow-y: auto;
    border-bottom: #ddd solid 1px;
}

    .inventroydetails th, .quantitytypetable th {
        text-transform: uppercase;
    }

    .inventroydetails .k-grid-content {
        min-height: 300px;
        max-height: 300px;
        border-left: #ccc solid 1px;
        border-right: #ccc solid 1px;
        border-bottom: #ccc solid 1px;
    }

    .inventroydetails tbody tr:hover {
        background: #f4f5f8;
        cursor: pointer;
        color: #01b1c2;
    }
    .inventroydetails tbody tr:focus,
    .inventroydetails tbody tr.active {
        background: #e1f1ed;
        cursor: pointer;
        color: #01b1c2;
    }

.quantitytypetablesc {
    margin-top: 20px;
}

    .quantitytypetablesc .k-grid-content {
        max-height: 270px;
    }

.quantitytypetable {
    width: 100%;
}

    .quantitytypetable th {
        padding: 10px;
        border: #87bfb0 solid 1px;
    }

    .quantitytypetable td {
        padding: 5px;
        border: #e5e5e5 solid 1px;
        text-align: right
    }

    .quantitytypetable .text-c {
        text-align: center
    }

    .quantitytypetable .text-al {
        text-align: left
    }

    .quantitytypetable .text-ar {
        text-align: right
    }


span.cursor-pointer {
    cursor: pointer;
    display: block;
}

.invetorydesc {
    max-height: 120px;
    overflow-y: auto;
    text-align: left;
}

    .invetorydesc ul {
        margin: 0;
        padding-left: 22px;
    }

        .invetorydesc ul li strong {
            display: block
        }

.tdfirst td:first-child {
    text-align: left !important;
}

.tdfirst td:nth-child(2) {
    text-align: center !important;
}

.ar {
    text-align: right;
}

.invetorydtoptitle {
    margin-bottom: 10px;
}

    .invetorydtoptitle label {
        margin: 0 5px 0 0;
    }

.inventorystatus .whiteBoxIneer {
    overflow: visible;
}

/*.aevariation {
        display: flex;
        align-items: center;
        margin-top: 23px;
    }

    .aevariation .action-delete-variation {
        margin-right: 10px;
    }

    .aevariation .action-delete-variation img {
        width: 18px;
    }
    */

.aevariation {
    display: grid;
    align-items: center;
    margin-top: 0;
    text-align: center;
}

    .aevariation .action-delete-variation {
        margin-right: 0px;
        margin-bottom: 5px;
    }

        .aevariation .action-delete-variation img {
            width: 18px;
        }

.mroiprice, .minimumroip {
    width: 11.666667%;
}

    .minimumroip .decimal-field {
        height: 41px !important;
    }

.shippingmanagement.shipping-main.pending-shipment-orders {
    margin-top: 6px !important;
}

.procssing-btn {
    color: #f49025;
}

.completed-btn {
    color: #00b700;
}

.cancelled-btn {
    color: #ff0000;
}

.refundstotal td {
    background: #f5faff;
    font-weight: 600;
}

#side-menu .nav-list-parent-crm.submenu:before,
#side-menu .nav-list-parent-website.submenu:before,
#side-menu .nav-list-parent-datam.submenu:before {
    position: absolute;
    top: 12px;
    right: 15px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    color: #adadad;
}


.nav-list-parent-crm ul {
    padding: 0;
    border-top: #484848 solid 1px;
}

.nav-list-parent-crm li {
    list-style: none;
}

    .nav-list-parent-crm li a {
        padding: 8px 15px;
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 400;
    }

.nav-list-parent-crm .nav-list-parent-website ul,
.nav-list-parent-crm .nav-list-parent-datam ul {
    display: none !important;
}

.nav-list-parent-crm .nav-list-parent-website:hover .nav-manu-item,
.nav-list-parent-crm .nav-list-parent-datam:hover .nav-manu-item {
    display: block !important;
    padding: 0;
    width: 230px !important;
    left: 200px !important;
    top: 0;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm > a,
.content-wrapper .sidebar #side-menu li.nav-list-parent-crm li.nav-list-parent > a {
    padding: 7px 5px;
    display: flex;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm .nav-list-parent:hover {
    width: 270px !important;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm.submenu {
    width: auto;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm ul#Crmsubmenu {
    margin-left: 0;
    max-width: initial;
    width: auto;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm .hide-menu {
    display: none
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm li.nav-list-parent:hover a > .hide-menu {
    display: block;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm .nav-list-parent ul {
    display: none;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm .nav-list-parent:hover > ul {
    display: block;
    left: 70px;
    width: 200px;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm.submenu:hover {
    background: transparent;
}

.content-wrapper .sidebar #side-menu li.nav-list-parent-crm li.nav-list-parent:nth-last-child(2):hover ul {
    top: 100%
}

.crm-icon {
    background: url(../images/menu-icon/crm-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.contact-icon {
    background: url(../images/menu-icon/contact-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.contact-icon {
    background: url(../images/menu-icon/contact-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.conversation-icon {
    background: url(../images/menu-icon/conversation-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.email-icon {
    background: url(../images/menu-icon/email-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.sales-icon {
    background: url(../images/menu-icon/sales-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.service-icon {
    background: url(../images/menu-icon/service-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.automation-icon {
    background: url(../images/menu-icon/automation-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

.report-icon {
    background: url(../images/menu-icon/report-icon.png) no-repeat;
    background-size: 27px;
    height: 27px;
    width: 26px;
}

/*.content-wrapper .sidebar #side-menu li.nav-list-parent-crm > a .hide-menu */

.exportorderbtn {
    margin-left: 5px;
}

.salesvelocitybtn {
    display: flex;
    flex-direction: inherit;
    justify-content: flex-end;
}

.exportorderbtn .dropdown-toggle {
    padding: 0px 5px;
    display: flex;
    align-items: center;
}

.exportorderbtn ul li a {
    border-bottom: #ccc solid 1px !important;
}

.exportorderbtn ul li:last-child a {
    border-bottom: transparent !important;
}

.pricemain .col-2 {
    width: 22%;
}

.filtter-top {
    background: #0071DC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

    .filtter-top h3 {
        color: #fff;
    }

    .filtter-top a {
        color: #fff;
        font-size: 36px;
    }

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.2s;
    right: 0;
    box-shadow: -3px 0 8px 0 rgba(66,91,118,.21);
}

.filtter-content {
    padding: 20px;
}

.addfiltter {
    text-align: center;
    padding: 20px 0 0 0;
}

.prl15 {
    padding: 10px 15px;
}

footer.createcf {
    background: #efefef;
    padding: 20px;
    border-top: #ddd solid 1px;
}

.create-contact form {
    height: calc(100vh - 200px);
    overflow: auto;
    margin-top: 20px;
    padding: 0px 20px 20px 20px;
}

.create-contact .editlink {
    padding: 20px 20px 0;
    display: block;
}

.marketing-checkbox label {
    margin-top: 0px;
}

.create-main {
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: #fff;
    transition: 0.2s;
    right: 0;
    box-shadow: -3px 0 8px 0 rgba(66,91,118,.21);
}

.bdrremove .k-dropdown-wrap {
    border: transparent;
    border-bottom: solid 1px #fff;
}

    .bdrremove .k-dropdown-wrap:hover {
        border-bottom: solid 1px #ccc;
    }

    .bdrremove .k-dropdown-wrap .k-input {
        padding-left: 0px !important;
        text-indent: 0em;
    }

.about-this-contact label {
    font-size: .875em;
    color: #919191
}

/*crm css*/
.contactaddbtn {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    margin: 18px 0 0 0;
}

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

        .contactaddbtn a:hover {
            color: #000;
        }

.dataqualitybtn {
    float: right;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

    .dataqualitybtn .dropdown-menu {
        width: 215px;
    }

.contacts-link .exportorderbtn {
    margin-left: 0px;
}

.contacts-link span {
    display: block;
    font-weight: 600;
}

.allcontactbtn .btn-info, .allcontactbtn .k-dropdown-wrap {
    background: transparent !important;
    border: 1px solid #0071DC !important;
    border-radius: 4px;
    font-size: 14px !important;
    color: #000;
}

.contactfillter img {
    width: 20px;
}

.contactfillter .dropdown-toggle {
    padding: 9px;
}

    .contactfillter .dropdown-toggle::after {
        display: none;
    }

.custom-tab {
    border-top: #ddd solid 1px;
    padding: 20px 0 0;
    border-radius: 5px;
}

.contact-owner,
.companiesname {
    display: inline-flex;
    align-items: center;
}

    .contact-owner img,
    .companiesname img {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        margin: 0 10px 0 0 !important;
    }

    .contact-owner span,
    .companiesname span {
        background: #7c96bb;
        width: 30px;
        height: 30px;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
        margin-right: 10px;
    }

        .contact-owner span img,
        .companiesname span img {
            border-radius: 50px;
        }

.contact-checkbox {
    text-align: center;
}

.contanct-user-name a,
.primary-compnay-name a {
    display: inline-flex;
    align-items: center;
}

    .contanct-user-name a:hover,
    .primary-compnay-name a:hover {
        color: #000;
    }

.contanct-user-name span,
.primary-compnay-name span {
    background: #7c96bb;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

    .contanct-user-name span img,
    .primary-compnay-name span img {
        border-radius: 50px;
    }


.dashed {
    border-bottom: dashed 1px #ccc;
    width: 51px;
    display: block;
}

.multiselectbox {
    width: 146px;
}

    .multiselectbox select {
        display: none;
    }

    .multiselectbox .bootstrap-select > .dropdown-toggle {
        border: 1px solid #0071DC !important;
        display: flex;
        align-items: center;
        background: transparent;
        position: relative;
        width: 100%;
    }

    .multiselectbox .bootstrap-select .inner {
        min-height: 196px !important;
        max-height: 196px !important;
        overflow-y: scroll !important;
        padding: 0;
    }

        .multiselectbox .bootstrap-select .inner span.text {
            word-break: break-all;
            white-space: normal;
        }

    .multiselectbox .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 113px;
        overflow: hidden;
        text-align: left;
    }

    .multiselectbox .bootstrap-select .dropdown-menu.inner li.selected {
        background: #0071dc;
        cursor: pointer;
    }

        .multiselectbox .bootstrap-select .dropdown-menu.inner li.selected a {
            color: #fff;
            cursor: pointer;
        }

    .multiselectbox .bootstrap-select .dropdown-menu.inner > li > a:focus,
    .multiselectbox .bootstrap-select .dropdown-menu.inner > li > a:hover {
        background: #0071dc;
        color: #fff;
        cursor: pointer;
    }

    .multiselectbox .bootstrap-select > .dropdown-toggle::after {
        position: absolute;
        right: 10px;
    }

    .multiselectbox .bootstrap-select > .dropdown-toggle.show {
        color: #000;
    }

    .multiselectbox .bootstrap-select > .dropdown-toggle:hover,
    .multiselectbox .bootstrap-select > .dropdown-toggle:focus {
        background: transparent;
    }

    .multiselectbox .bootstrap-select .dropdown-menu.show {
        padding-bottom: 0px;
    }

    .multiselectbox .bootstrap-select .dropdown-menu.inner li {
        position: relative;
    }

        .multiselectbox .bootstrap-select .dropdown-menu.inner li a span.check-mark {
            display: none;
        }

    .multiselectbox .bootstrap-select.show-tick .dropdown-menu.inner li.selected span.check-mark {
        position: absolute;
        display: inline-block;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .multiselectbox .bootstrap-select .bs-ok-default:after {
        content: '';
        display: block;
        width: 0.5em;
        height: 1em;
        border-style: solid;
        border-width: 0 0.26em 0.26em 0;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .multiselectbox ul.dropdown-menu.inner li {
        border-bottom: #fff solid 2px;
        background: #f4f5f8;
    }

.cas-overview {
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.nextpaymentblock,
.common-actions {
    padding: 15px;
    height: 100%;
}

    .common-actions ul {
        padding: 0px;
    }

        .common-actions ul li {
            list-style: none;
        }

            .common-actions ul li a {
                padding: 6px 0;
                display: block;
            }

            .common-actions ul li img {
                width: 24px;
                margin-right: 10px;
            }

.payment-card-details {
    display: flex;
    align-items: flex-start;
}

    .payment-card-details img {
        margin-right: 10px;
    }

.roiprice .row {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.roiprice .col-2 {
    width: 20%;
    flex: auto;
}

.row.priceandinventory {
    flex-wrap: nowrap;
}

/*profile css*/
.userprofiles-main, .inbox-main {
    background: #f5f7f9;
}

.userpleft {
    padding: 13px 0px 20px 0px;
    border-bottom: #ddd solid 1px;
}

.userprofilemain {
    display: flex;
    margin: 20px 0 20px 0;
}

    .userprofilemain figure {
        width: 80px;
        height: 72px;
        margin: 0 10px 0 0;
        flex: none;
    }

        .userprofilemain figure img {
            border-radius: 100px;
        }

    .userprofilemain .upright h3 {
        margin: 0;
    }

    .userprofilemain .upright .upright {
        display: grid;
    }

ul.user-social-icons {
    display: flex;
    padding: 0;
    margin: 0;
}

    ul.user-social-icons li {
        list-style: none;
        margin: 4px;
    }

        ul.user-social-icons li a {
            background: #7e7e7e;
            width: 40px;
            height: 40px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #fff;
            transition: all 0.3s;
        }

            ul.user-social-icons li a:hover {
                background: #0071dc;
                transition: all 0.3s;
            }

.user-overview-section,
.user-profile-rgtside,
.user-profile-lftside {
    overflow-y: auto;
    max-height: 800px;
    min-height: 780px;
    overflow-x: hidden;
    padding: 0px 0 15px 0;
}

    .user-profile-lftside .accordion-body {
        padding: 0 0 15px 0;
    }

    .user-profile-rgtside .plusadd {
        cursor: pointer;
    }

    .user-profile-rgtside p {
        font-size: 14px;
        margin: 0px;
        line-height: 16px;
    }

.user-overview-section {
    padding-left: 15px;
    padding-right: 15px;
}

.user-profile-lftside {
    padding-right: 15px;
}

.activity-section {
    display: block;
    margin: 20px 0;
}

    .activity-section h3 {
        margin-bottom: 10px;
    }

    .activity-section .activity-in {
        background: #fff;
        border-radius: 5px;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
        -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
        box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    }

        .activity-section .activity-in .useractivity strong {
            font-weight: 600;
        }

        .activity-section .activity-in .date {
            float: right;
            font-size: 12px;
        }

        .activity-section .activity-in p {
            margin: 0;
        }

        .activity-section .activity-in .fa-circle {
            color: #00b700;
            font-size: 12px;
        }

.chat-description p {
    margin: 0;
}

span.useractivity strong {
    font-size: 15px;
}

.user-overview-section p {
    font-size: 14px;
}

.user-profile-rgtside .accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    float: left;
    width: calc(100% - 100px);
    padding-left: 35px;
    color: #000;
    font-size: 14px;
}

.user-profile-rgtside .accordion-flush .accordion-item .accordion-header,
.inbox-rgtside .accordion-flush .accordion-item .accordion-header {
    justify-content: space-between;
}

    .user-profile-rgtside .accordion-flush .accordion-item .accordion-header .accordion-button::after,
    .user-profile-lftside .accordion-flush .accordion-item .accordion-header .accordion-button::after,
    .edit-form-accordion .accordion-flush .accordion-item .accordion-header .accordion-button::after {
        left: 0;
        position: absolute;
    }

.user-profile-rgtside .accordion-flush .accordion-item .accordion-header,
.user-profile-lftside .accordion-flush .accordion-item .accordion-header,
.inbox-rgtside .accordion-flush .accordion-item .accordion-header,
.edit-form-accordion .accordion-flush .accordion-item .accordion-header {
    justify-content: space-between;
    margin: 0px 0 0px 0;
    border-bottom: #ccc solid 0px;
    align-items: center;
}

.user-profile-lftside .accordion-flush .accordion-item .accordion-button,
.inbox-rgtside .accordion-flush .accordion-item .accordion-button,
.edit-form-accordion .accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    float: left;
    width: 100%;
    padding-left: 35px;
    color: #000;
}

.user-profile-rgtside .accordion-body,
.edit-form-accordion .accordion-body {
    padding: 0px 20px 20px 20px;
}

.plusadd {
    font-size: 14px;
}

.user-profile-rgtside .accordion-button:focus,
.user-profile-lftside .accordion-button:focus,
.user-profile-rgtside .accordion-button:not(.collapsed),
.user-profile-lftside .accordion-button:not(.collapsed),
.inbox-rgtside .accordion-button:not(.collapsed),
.edit-form-accordion .accordion-button:focus,
.edit-form-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    border: transparent;
    background: transparent;
}

.adddropdown .dropdown-toggle {
    background: transparent;
}

.companies-main .row {
    align-items: center
}

.primary-sec {
    display: block
}

    .primary-sec strong {
        font-weight: 600;
        display: block;
    }

.user-img-rgt {
    width: 50px;
    float: right;
}

    .user-img-rgt img {
        border-radius: 50px;
    }

.m-auto {
    margin: 0 auto;
    display: table;
}

.topbtnsec {
    text-align: right;
}

.bold {
    font-weight: 600;
}

.activity-emails strong {
    margin-right: 10px;
}

.primary {
    border: #ddd solid 1px;
    padding: 5px;
    font-size: 13px;
}

.about-this-contact {
    display: block;
}

    .about-this-contact small,
    .about-this-contact span {
        display: block;
    }

.overview-sec {
    margin-top: 20px;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
}

    .overview-sec p {
        font-size: 14px;
    }

    .overview-sec span {
        font-size: 14px;
    }

.createdate .row {
    align-items: center;
    text-align: center;
}

.overview-sec h3 {
    font-weight: 600;
    font-size: 18px;
}

.createdate p {
    margin: 0;
}

.nodata {
    text-align: center;
    padding-top: 20px;
}

.prl {
    padding: 2px 5px;
}

.companiestable {
    overflow: auto;
}

    .companiestable th, .companiestable td {
        padding: 10px;
        border: #ddd solid 1px;
    }

    .companiestable table {
        width: 100%;
        border: #ddd solid 1px;
    }

    .companiestable .companiesname {
        display: flex;
    }

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

.p-l-0 {
    padding-right: 0px;
}

.m-l-0 {
    margin-left: 0px;
}

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

.companiesname {
    justify-content: space-between
}

.cmp-name {
    display: flex
}

.box-shadow {
    -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
}

.allcontact .btn-group {
    margin-bottom: 5px;
}

.accordion-header .adddropdown, .accordion-header .plusadd {
    margin-right: 15px;
}

.createemail {
    max-width: 650px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: absolute;
    bottom: 20px;
    right: 150px;
    left: auto;
    width: 100% !important;
    overflow: inherit;
    top: auto;
    height: auto;
    padding: 25px !important;
}

    .createemail .modal-dialog {
        max-width: 650px;
        width: 100%;
        margin: 0;
    }

.bdrsplit {
    border-left: #0055ab solid 1px !important;
}

.createemailform .form-control {
    border: transparent;
}

.createemailform div.ck-editor__editable,
.logemail div.ck-editor__editable {
    min-height: 200px;
}

.note-content div.ck-editor__editable {
    min-height: 300px;
}

.bdremailto,
.bdremailfrom,
.bdremailsubject {
    border-bottom: #ddd solid 1px;
}

.createemail .emailto,
.createemail .emailfrom,
.createemail .emailsubject {
    position: relative;
}

    .createemail .emailto strong,
    .createemail .emailfrom strong,
    .createemail .emailsubject strong {
        position: absolute;
        top: 9px;
        left: 10px;
        font-weight: 600;
    }

.bdremailfrom button {
    all: unset;
    font-weight: bold;
    padding: 10px 0px 10px 5px;
}

.bdremailto .form-control {
    padding-left: 30px;
}

.bdremailfrom .form-control {
    padding-left: 50px;
}

.bdremailsubject .form-control {
    padding-left: 70px;
}

.search-crm {
    position: relative;
}

    .search-crm span {
        position: absolute;
        top: 3px;
        transform: inherit;
        font-size: 22px;
        right: 12px;
        color: #adadad;
    }

    .search-crm input.form-control:focus {
        border-color: #000 !important;
    }

.logemail .select-box.dropdown-menu {
    width: 276px;
}

.logemail label {
    margin-top: 0px;
}

.logemail .customcol {
    flex: inherit;
    width: auto;
    margin-bottom: 15px;
    display: grid;
}

.timepicker {
    width: 150px;
}

    .timepicker span.k-picker-wrap.k-state-default {
        height: 39px;
    }

.associated-content {
    display: none;
}

    .associated-content.associated-show {
        display: block;
        position: absolute;
        top: auto;
        bottom: 41px;
        background: #fff;
        width: 500px;
        height: 280px;
        z-index: 11;
        right: 0;
        border: #ccc solid 1px;
        border-radius: 5px;
    }

.userpopup-ftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

/*.associated-content::after {
        content: "";
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: -10px;
        left: 76%;
        border-top: 10px solid #587b7f;
        bottom: -10px;
    }*/
.arrow-btm:after,
.arrow-btm:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-btm:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #ffffff;
    border-width: 16px;
    margin-left: 110px;
}

.arrow-btm:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #ddd;
    border-width: 18px;
    margin-left: 108px;
}

.associated {
    font-weight: 600;
    color: #0071dc;
}

.associated-content .nav-pills .nav-link {
    color: #000;
    text-align: left;
    border-radius: 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
}

    .associated-content .nav-pills .nav-link.active {
        color: #fff;
    }

.associated-content .nav-pills {
    height: 100%;
    border-right: #ddd solid 1px;
    width: 150px;
    overflow-y: auto;
    display: block;
    overflow-x: hidden;
}

.associated-content .align-items-start {
    height: 100%;
}

.associated-content .tab-content {
    padding: 10px;
    margin: 0;
    width: calc(100% - 150px);
}

.associated-content .form-control {
    border: 1px solid #ccc !important;
}

.associations-checkbox {
    display: flex;
}

    .associations-checkbox label {
        margin: 0 0 0 10px;
    }

    .associations-checkbox input[type=checkbox]:disabled:before {
        color: #8b8b8b;
    }

.associations-cnt {
    overflow-y: auto;
    max-height: 220px;
}

.associations {
    margin-top: 15px;
}

    .associations h4 {
        margin-top: 0px;
    }

.bdr-blue {
    border: #a1d8ff solid 1px;
}


.attendees thead {
    background: transparent;
}

.attendees th, .attendees td {
    padding: 5px;
}

.comments-btn {
    all: unset;
    font-weight: 600;
    color: #0071dc;
}

.comments-sec .comments-block {
    display: flex;
    margin: 20px 0;
}

.comments-sec .comments-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

    .comments-sec .comments-img img {
        border-radius: 50px;
    }

.comments-sec .comments-rgt {
    width: calc(100% - 30px);
}

    .comments-sec .comments-rgt form {
        margin: 15px 0;
    }

.comments-rgt div.ck-editor__editable {
    min-height: 140px;
}

.c-action {
    all: unset;
}

.addexistingcd .scl, .addcreate-company .scl {
    height: calc(100vh - 155px);
    overflow: auto;
    margin-top: 20px;
    padding: 0px 20px 20px 20px;
}

.addexistingcd .marketing-checkbox {
    display: flex;
}

    .addexistingcd .marketing-checkbox input {
        flex-wrap: inherit;
    }

    .addexistingcd .marketing-checkbox input {
        flex: none;
        margin-right: 8px;
    }

.daysselect {
    padding: 0 35px 0 0px;
    border: transparent;
    width: auto;
    display: inherit;
    color: #0071DC;
}

.multiselectbox.mtlcontact {
    width: auto;
}

    .multiselectbox.mtlcontact .bootstrap-select > .dropdown-toggle {
        border: 1px solid #ccc !important;
    }

    .multiselectbox.mtlcontact .bootstrap-select .dropdown-menu.show {
        width: 100%;
    }

    .multiselectbox.mtlcontact .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
        width: 403px;
    }

.activity {
    font-size: 13px;
}

/*profile css*/
/*lead page*/
.leadtop {
    display: flex;
}

    .leadtop > .btn-group {
        display: grid;
        margin-right: 10px;
    }

    .leadtop .dropdown-toggle {
        float: left;
    }

    .leadtop .exportorderbtn {
        margin-bottom: 5px;
        display: block;
    }

/* templates page*/

.templates h3 {
    font-weight: 600;
}

.owner {
    padding-right: 5px;
}

    .owner label {
        align-items: center;
        display: flex;
    }
/*.owner span {
        margin-right:10px;
    }*/

.styletable {
    width: 100%;
}

    .styletable th {
        padding: 10px;
        border: #ccc solid 1px;
    }

    .styletable td {
        padding: 5px;
        border: #ccc solid 1px;
    }

.pl5 {
    margin-left: 0;
}

.top-fiter .dropdown.orderd {
    padding: 0px 0px !important;
}

.signature {
    height: 20px;
}

.emainsent img {
    height: 200px;
}

.emailsentmain .row {
    align-items: center
}

/*inbox page*/

ul.inboxleftmenu {
    margin: 0;
    padding: 0;
}

    ul.inboxleftmenu li {
        margin: 20px 0 0 0;
        display: flex;
        justify-content: space-between;
    }

        ul.inboxleftmenu li span {
            width: 20px;
            text-align: center;
        }

.inbox-lftside {
    padding: 0 15px 0 0px;
    border-right: #ddd solid 1px;
    height: 100%;
    position: relative;
}

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button::after {
        right: 0;
        position: absolute;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button {
        padding-left: 0;
        padding-bottom: 0px;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header {
        display: flex;
        border-bottom: transparent;
        padding: 0;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-body {
        padding: 0px;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button:focus,
    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed) {
        border-color: transparent;
        outline: 0;
        box-shadow: none;
        background: transparent;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button .more {
        display: none;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button.collapsed .more {
        display: block;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button.collapsed .less {
        display: none;
    }

    .inbox-lftside .accordion-flush .accordion-item .accordion-header .accordion-button .less {
        display: block;
    }

ul.inbox-msg {
    padding: 0;
}

    ul.inbox-msg .inmsg {
        display: flex;
        align-items: flex-start;
    }

    ul.inbox-msg li {
        list-style: none;
        border-bottom: #ddd solid 1px;
        padding: 8px;
    }

    ul.inbox-msg .inmsg .icons {
        width: 30px;
        height: 30px;
        color: #fff;
        font-size: 18px;
        border-radius: 50px;
        padding: 2px;
        flex: none;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
        margin-right: 5px;
        background: #0098c7;
    }

        ul.inbox-msg .inmsg .icons img {
            height: 20px;
        }

.inmsg-rgts p {
    margin: 0;
    padding-right: 10px;
}

ul.inbox-msg {
    padding: 0;
}

    ul.inbox-msg .inmsg .inmsg-rgts h3 {
        margin: 0px;
        font-size: 15px;
        font-weight: 600;
        line-height: 24px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 164px;
    }

.inmsgititle {
    display: flex;
    flex-wrap: wrap;
}

ul.inbox-msg li.selected {
    background: #e4f4f9;
    border-left: #0291b5 solid 3px;
}

.newbesttop {
    border-bottom: #ddd solid 1px;
    padding-bottom: 10px;
    align-items: center;
}

.userinboxemain {
    display: flex;
    padding: 0 10px;
    background: #fff;
    min-height: 52px;
    border-bottom: #ddd solid 1px;
}

    .userinboxemain figure {
        width: 40px;
        height: 40px;
        margin: 0 10px 0 0;
        flex: none;
    }

        .userinboxemain figure img {
            border-radius: 100px;
        }

    .userinboxemain .upright h3 {
        margin: 0;
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
    }

.inboxmenu {
    height: calc(100% - (20px + 115px));
}

.inbox-lftside .btn-action {
    border-top: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    padding: 10px 0;
}

.inboxsettings {
    padding: 10px;
    display: block;
}

.inboxsearchmain {
    position: relative;
}

.inbox-search-box {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 40px;
    height: 40px;
}

    .inbox-search-box:hover {
        background: #2f3640;
    }

        .inbox-search-box:hover .search-txt {
            width: 196px;
            padding: 0 6px;
        }

        .inbox-search-box:hover .search-btn {
            color: #fff;
        }

    .inbox-search-box .search-txt {
        border: none;
        background: none;
        outline: none;
        padding: 0;
        color: #fff;
        transition: 0.5s;
        font-size: 1rem;
        width: 0px;
    }

    .inbox-search-box .search-btn {
        color: #0066cc;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.5s;
        font-size: 22px;
    }

.inbox-userchat {
    padding: 0 10px;
    background: #fff;
    height: 60px;
    border-bottom: #ddd solid 1px;
}

    .inbox-userchat figure {
        width: 30px;
        height: 30px;
        margin: 0 10px 0 0;
        flex: none;
    }

        .inbox-userchat figure img {
            border-radius: 100px;
        }

.chatowner {
    display: flex;
    align-items: center;
}

.border-left {
    border-left: #ddd solid 1px;
}

.border-right {
    border-right: #ddd solid 1px;
}

.inbox-chat-section-main {
    max-height: 450px;
    height: 450px;
    overflow-y: auto;
    display: inline-block;
    width: 100%;
}

.inbox-chat-section {
    display: flex;
    width: 100%;
    padding: 12px 20px;
}

    .inbox-chat-section figure {
        width: 30px;
        height: 30px;
        margin: 0 10px 0 0;
        flex: none;
    }

        .inbox-chat-section figure img {
            border-radius: 50px;
        }

    .inbox-chat-section .chat-section {
        margin: 0 0 0 0;
        width: calc(100% - 38px);
    }

        .inbox-chat-section .chat-section h3 {
            margin-bottom: 10px;
        }

        .inbox-chat-section .chat-section .chat-in {
            background: #fff;
            border-radius: 5px;
            padding: 15px;
            -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
            -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
            box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
        }

            .inbox-chat-section .chat-section .chat-in .useractivity strong {
                font-weight: 600;
            }

            .inbox-chat-section .chat-section .chat-in .useractivity img {
                background: #000;
                width: 16px;
                border-radius: 50px;
                padding: 2px;
            }

            .inbox-chat-section .chat-section .chat-in .date {
                float: right;
                font-size: 12px;
            }

            .inbox-chat-section .chat-section .chat-in p {
                margin: 0;
            }

            .inbox-chat-section .chat-section .chat-in .fa-circle {
                color: #00b700;
                font-size: 12px;
            }

        .inbox-chat-section .chat-description p,
        .inbox-chat-section .chat-section p {
            margin: 0;
        }

        .inbox-chat-section .chat-section .senttime {
            font-size: 14px;
            color: #5a5a5a;
            padding-top: 8px;
        }

.msg-tab {
    display: flex;
    margin-right: 12px;
}

.msg-ara-main textarea {
    width: 100%;
    border-color: #ddd;
    border-width: 1px 0 1px 0;
    border-radius: 0px;
    padding: 10px;
    display: block;
}

.msg-dropdown {
    display: flex;
    align-items: center;
}

    .msg-dropdown .dropdown-toggle {
        height: 15px;
        padding: 5px;
    }

        .msg-dropdown .dropdown-toggle:empty::after {
            margin-left: 0;
            font-size: 22px;
        }

    .msg-dropdown .dropdown-menu {
        padding: 0;
        margin: 0;
    }

.msg-footer {
    display: flex;
    justify-content: space-between;
    padding: 12px 15px;
}

.msg-left {
    display: flex;
    justify-content: space-between;
    min-width: 70px;
    align-items: center;
}

.msglink {
    border-right: #ddd solid 1px;
    padding-right: 15px;
}

.msglink, .fileattage {
    margin-right: 15px;
}

.msgbtn {
    all: unset;
    margin: 4px 0 0 0;
}

.msg-upload-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer !important;
}

    .msg-upload-btn .msgbtn {
        cursor: pointer !important;
    }

    .msg-upload-btn input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.fileattage {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .fileattage .file > input[type='file'] {
        display: none
    }

    .fileattage .file > label {
        cursor: pointer;
        margin: 0;
    }

    .fileattage .file img {
        height: 15px;
    }

.inbox-rgtside .userinboxemain .upright h3 {
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 164px;
}

.inboxchatrgtuser {
    display: flex;
}

.chat-msg-block-section .nav.nav-tabs {
    margin-left: 15px !important;
}

.inbox-rgtside .upright span {
    line-height: 18px;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.inbox-rgtside .accordion-body {
    padding: 0 10px;
}

.inbox-rgtside .accordion-flush .accordion-item .accordion-button {
    padding-left: 10px;
    padding-right: 10px;
}

    .inbox-rgtside .accordion-flush .accordion-item .accordion-button:focus {
        border-color: transparent;
        box-shadow: none;
    }

.contactstablemain .k-grid-content {
    min-height: 421px;
    max-height: 465px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

.templates-table .k-grid-content {
    min-height: 421px;
    max-height: 590px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

.inbox-main .row {
    flex-wrap: nowrap
}

.newtempalte div.ck-editor__editable {
    min-height: 300px;
}

.st-mr {
    margin-right: 10px;
}

.newtempalte .row {
    align-items: center;
}

.bdrarea {
    border: #ddd solid 1px;
}

.newtempalte .form-control {
    border: transparent;
}

.owner-pr {
    padding-right: 15px;
}

    .owner-pr strong {
        font-weight: 600;
    }


/*edit pages css*/
.crm-edit-main {
    position: relative;
    z-index: 1111;
    width: 100%;
    background: #fff;
    height: 100%;
}

.crm-edit-form-title > .row {
    align-items: center;
}

.crm-edit-form-title h4 {
    text-align: center;
    color: #fff;
}

.crm-edit-form-title a {
    color: #fff;
}

.editform-left {
    height: 100%;
    overflow-y: auto;
    padding: 20px;
}

/*edit pages css*/
/*Calls page css*/

.quantitymapscl {
    max-height: 650px;
    overflow: auto;
    margin-bottom: 20px;
}

.text-inherit {
    text-align: inherit
}

.addfltr h2, .addfltr-option h2 {
    text-align: left;
    font-size: 20px;
}

ul.fillter-list {
    list-style: none;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 0px;
    height: calc(100vh - 282px );
    overflow: auto;
}

    ul.fillter-list li {
        padding: 5px 0;
    }

.addfltr-option a {
    color: #0066cc !important;
    text-align: left;
    display: inherit;
}

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

    ul.ftrlist .form-check {
        text-align: left
    }

    ul.ftrlist .form-check-label {
        padding-left: 0;
    }

    ul.ftrlist li {
        margin: 10px 0;
    }

    ul.ftrlist .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    ul.ftrlist .form-check-input[type=radio] {
        border-radius: 50px !important;
        width: 20px;
        height: 20px;
        box-shadow: none;
    }

    ul.ftrlist select.timeSelect {
        border: #ddd solid 1px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.select-area {
    margin-top: 10px;
}

.calls-details {
    border: #ddd solid 1px;
    border-radius: 5px;
    padding: 20px;
    box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
    margin-bottom: 15px;
    height: calc(100% - 20px);
}

    .calls-details h3 {
        font-weight: 600;
    }

    .calls-details figure {
        margin: 0 auto;
        display: table;
        width: 100px;
    }

.btnbg .btn, .btnbg select {
    background-color: #fff !important;
}
/*Calls page css*/

.activity-feed {
    max-width: 930px;
    margin: 0 auto;
}

.activity-card {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
}

.activity-u {
    align-items: center;
    display: flex;
    width: 100%;
}

    .activity-u figure {
        margin: 0 10px 0 0;
    }

    .activity-u .user-img-rgt {
        float: left;
        width: 35px;
    }

.activity-u-rgt {
    width: calc(100% - 35px);
}

.activity-type {
    display: flex;
    margin: 10px 0;
}

    .activity-type label {
        white-space: nowrap;
        margin-top: 9px;
        margin-right: 10px;
    }

    .activity-type .k-widget {
        background: #fff;
        width: auto
    }

    .activity-type .k-dropdown-wrap .k-input {
        line-height: 40px !important;
    }

.popover-wrap {
    position: relative;
    /*margin-top: 1.5rem;*/
    /*display: inline-block;*/
}

    .popover-wrap .popover-title {
        /*font-size: 24px;
        line-height: 36px;
        text-decoration: none;
        color: rgb(228, 68, 68);
        text-align: center;
        padding: 15px 0;*/
        margin: 0;
        font-size: 16px;
        padding: 0px;
    }

.popover-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    transform: translate(0, 10px);
    background-color: #3a3c3d;
    padding: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
    color: #fff;
}

    .popover-content:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(50% - 10px);
        top: -8px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #3a3c3d transparent;
        transition-duration: 0.3s;
        transition-property: transform;
    }

.popover-wrap:hover .popover-content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover-wrap:hover .popover-content2 {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover-message {
    text-align: center;
}

.activity-btnmain {
    position: relative;
    right: 0;
}

    .activity-btnmain .btnhide button {
        margin-left: 5px;
    }

    .activity-btnmain .btnhide {
        opacity: 0;
        position: absolute;
        right: 8px;
        display: flex;
    }

    .activity-btnmain:hover .btnhide {
        opacity: 1;
    }

.activity-card .btnhide {
    opacity: 0;
    transition: all 0.3S ease-in;
}

.activity-card:hover .btnhide {
    opacity: 1;
    transition: all 0.3S ease-out;
}

.btggmain {
    float: right;
}

.gray-btn-sm {
    border: #ddd solid 1px;
    background: #eaf0f6;
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
    height: auto;
    border-radius: 5px;
    transition: all 0.3S ease-in;
}

    .gray-btn-sm:hover {
        background: #ffffff;
        transition: all 0.3S ease-out;
    }

.activityfeed.accordion-flush .accordion-header .accordion-button::after {
    left: 0;
    position: absolute;
    height: 15px;
    width: 15px;
    background-size: 100%;
}

.activityfeed.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    background: transparent;
    border: transparent;
    box-shadow: none;
}

.activityfeed.accordion-flush .accordion-header {
    border-bottom: transparent;
}

    .activityfeed.accordion-flush .accordion-header .accordion-button {
        padding: 10px 0 10px 30px;
    }

.activityfeed.accordion-flush .accordion-body {
    padding: 10px 15px;
    background: #efefef;
}

.activityfeed.accordion-flush .accordion-header .accordion-button strong {
    font-weight: normal;
}

.activity-month {
    color: #747474;
    font-size: 13px;
}

.deletenadbellicon i {
    cursor: pointer;
}

ul.footer-activity-list {
    list-style: none;
    padding: 0;
}

    ul.footer-activity-list li {
        position: relative;
        display: flex;
        list-style: none;
        padding-bottom: 5px;
    }

        ul.footer-activity-list li:before {
            content: "";
            font-size: 1em;
            margin-right: 20px;
            position: relative;
            top: 8px;
            width: 7px;
            height: 7px;
            border: 1px solid #99acc2;
            border-radius: 3px;
            background-color: #f5f8fa;
            z-index: 10;
        }

        ul.footer-activity-list li:not(:last-child):after {
            content: "";
            top: 10px;
            left: 3px;
            height: 100%;
            width: 1px;
            position: absolute;
            background: #99acc2;
        }

.activity-description {
    display: block;
    color: #747474;
}

    .activity-description a {
        font-weight: 600;
        font-size: 14px;
    }

.activity-time-date {
    font-size: 13px;
}

    .activity-time-date i {
        margin-left: 4px;
    }

.deletenadbellicon i {
    cursor: pointer;
    font-size: 20px;
    margin: 0 0 0 5px;
    color: #9f9f9f;
}

.meetings-top-main {
    display: flex;
}

/*.owner, .meeting-type {
        min-width: 300px;
    }*/

.owner span.k-dropdown-wrap.k-state-default,
.meeting-type span.k-dropdown-wrap.k-state-default {
    width: 200px;
}

.owner label, .meeting-type label {
    margin-right: 10px;
    margin-top: 0;
}

.select-kendo .k-dropdown-wrap .k-input {
    line-height: 40px !important;
}

.meeting-type label {
    white-space: nowrap
}

.meeting-action {
}

.meeting-action {
    display: flex;
    gap: 4px;
}

.height-auto {
    height: auto;
}

.meeting-name {
    display: grid;
}

.meetings-table .k-grid-content {
    min-height: 421px;
    max-height: 590px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

.meetings-table td:last-child {
    overflow: visible;
}

.meetings-top-main .btn-group, .meetings-top-main .form-group {
    margin-bottom: 15px;
}

.reports-list .nav-pills .active {
    border-left: #0071DC solid 3px;
    background: #E5F5F8;
}

.reports-list .nav-pills .nav-link {
    display: flex;
    justify-content: space-between;
    color: #000;
    padding: 8px 10px;
}

.dashboard, .r-owner {
    max-width: 173px;
    align-items: center;
}

    .dashboard label, .r-owner label {
        margin: 0;
    }

.my-reports .select-box {
    right: 0 !important;
    left: auto !important;
}

.my-reports {
    padding-left: 0;
}

.pr-md-5 {
    padding-right: 5px;
}

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

.star {
    text-align: center;
    font-size: 18px;
    color: #ccc;
}

.tblstyle .k-header > .k-grid-filter, .tblstyle .k-header > .k-header-column-menu {
    padding: 0em;
    margin: 0em -0.6em -0.4em
}

.tblstyle .k-filter-row th, .tblstyle .k-grid-header th.k-header {
    padding: 8px 0.6em;
}

.tblstyle .k-grid td {
    padding: 5px 0.3em !important;
    font-size: 14px;
}

.meeting-action .dropdown-menu {
    max-height: 170px;
    overflow: auto;
}

.fa-exclamation-triangle {
    color: #F5C26B;
    font-size: 14px;
}

.custom-reports .popover-content:before {
    right: calc(50% - 94px);
}

.custom-reports .popover-content {
    top: 26px;
    left: auto;
    right: 0;
    width: 190px;
    font-size: 12px;
    padding: 10px;
}

    .custom-reports .popover-content a {
        font-weight: 600;
        color: #fff;
    }

        .custom-reports .popover-content a:hover {
            color: #0071DC;
        }

.custom-reports .popover-wrap:hover .popover-content {
    transform: inherit;
}

#MarketPlaceDropdown .dropdown-content a {
    padding: 5px 10px;
}

div#MarketPlaceDropdown .dropdown-content a:first-child {
    text-transform: uppercase;
    background: #fff !important;
    font-weight: bold;
    font-size: 14px;
}

div#MarketPlaceDropdown .dropdown-content a:not(:first-child) {
    color: #000;
}

div#MarketPlaceDropdown .dropdown-content a:hover:not([disabled]) {
    background-color: #daedff;
    cursor: pointer;
    color: #000;
}

.reports-cnt {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

.sales-dropd .dropdown-menu {
    width: 350px;
    padding: 15px;
}

ul.reportd {
    display: flex;
    list-style: none;
    justify-content: flex-end
}

    ul.reportd li {
        padding: 0 5px;
    }

.sales-content-main {
    position: absolute;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
}

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

    ul.sales-list a {
        padding: 5px 0;
        display: block;
    }

.report-card {
    padding: 15px;
    -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    margin-bottom: 15px;
    border-radius: 5px;
    height: calc(100% - 20px);
}

.activities-chat {
    display: grid;
}

.team-activities {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

    .team-activities li {
        border-top: #ddd solid 1px;
        padding: 10px;
        display: flex;
        align-items: center;
    }

        .team-activities li:hover {
            cursor: pointer;
            background: #efefef;
        }

    .team-activities .activity-u figure {
        margin: 5px 10px 0 0;
    }

    .team-activities .activity-u {
        align-items: flex-start;
    }

.contacts-date {
    display: flex;
}

.contact-cart {
    display: flex;
    text-align: center;
    padding: 10px;
    height: 100px;
    align-items: center;
    justify-content: center;
}

    .contact-cart strong {
        display: block;
    }

    .contact-cart button {
        all: unset;
        color: #0066cc;
        font-weight: 600;
        font-size: 24px;
        cursor: pointer;
    }

.bdr-rght {
    border-right: #ddd solid 1px;
    padding-right: 10px !important;
    margin-right: 10px !important;
}

.content-empty {
    margin: 0 auto;
    display: table;
}

/*crm css*/

.mw-300 {
    max-width: 300px;
}

.endicia-popup .modal-body {
    max-height: 600px;
    overflow: auto;
}

div#Vendortypepopup div.modal-dialog {
    border: none;
}

div#DispMenuDropdown .dropdown-content.grid-contentChange button[title="Update Price"],
div#DispMenuDropdown .dropdown-content.grid-dropdownlist button[title="Update Price"],
div#DispMenuDropdown .dropdown-content.grid-contentChange button[title="Update Inventroy"],
div#DispMenuDropdown .dropdown-content.grid-dropdownlist button[title="Update Inventroy"] {
    display: none;
}

div#DispMenuDropdown .dropdown-content.grid-contentChange br,
div#DispMenuDropdown .dropdown-content.grid-dropdownlist br {
    display: none;
}

div#dvMsg {
    z-index: inherit;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    min-width: 600px;
    text-align: center;
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
}

.variationcheck-pl {
    margin-top: 11px;
    display: flex;
    align-items: center;
}

    .variationcheck-pl label {
        font-weight: 600;
        margin-left: 5px;
    }

.tblinfosection td.delete-btn {
    vertical-align: middle;
}

    .tblinfosection td.delete-btn a {
        display: block;
        text-align: center;
        height: 100%;
        cursor: pointer;
    }

.tblinfosection .delete-btn img {
    width: 16px;
    cursor: pointer
}

.productlisttbl input[type=number]::-webkit-inner-spin-button,
.productlisttbl input[type=number]::-webkit-outer-spin-button,
.addnewqtycontent input[type=number]::-webkit-inner-spin-button,
.addnewqtycontent input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.dmr-5 {
    margin-right: 5px;
}

.example-modal-details-sales-Agent .modal-dialog {
    max-width: 1220px;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}

.chkpart.rpdeposit span.k-icon.k-clear-value.k-i-close {
    z-index: 1;
}

/*  .modal-header h4.modal-title {
        min-height: 35px;
        display: flex;
        align-items: center;
    }*/

.mytooltip .tooltip-content {
    width: 192px;
}

.addnewqtycontent .k-dropdown-wrap .k-input {
    height: 41px !important;
    line-height: 39px !important;
}

.modify-connection div.modal-footer button.btn.btn-default:hover {
    background: rgb(61,197,114);
    background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
}

.productwrg button.dropdown-toggle {
    height: 25px;
}

.addedittodaydealbox .modal-dialog {
    width: 380px;
}

.addedittodaydealbox .modal-header h4 {
    font-weight: 600;
    color: #fff;
    margin: 0px;
    min-height: 39px;
    display: flex;
    align-items: center;
}

.addedittodaydealbox .input-group-addon {
    z-index: 11;
}

.bulkmatchskubtn button.btn {
    border: #24AEFF solid 1px;
}

    .bulkmatchskubtn button.btn:hover {
        border: #0071DC solid 1px;
    }

.Ww4formdialogbox .modal-dialog {
    max-width: 1320px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

/*.emaillogpreviewdb h4 {
    margin: 0px;
    min-height: 39px;
    align-items: center;
    display: flex;
    color: #fff;
    font-weight: 600;
}*/

.modal-header h2 {
    min-height: 35px;
    display: flex;
    align-items: center;
}

/*.addMultipleAsinPopupModal select#StoreId {
        padding: 7px 7px 7px 7px !important;
    }*/

.purchase-qbp {
    display: flex;
    flex-direction: unset;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

    .purchase-qbp .reorder,
    .purchase-qbp .form-group {
        margin-bottom: 0 !important;
    }

    .purchase-qbp .reorder {
        margin-left: 5px !important;
    }

.exportqtyformdb .modal-dialog,
.export-Payee-fdb .modal-dialog {
    max-width: 754px;
    width: 100%;
}

.multiselect-shipping .ms-options-wrap > button > span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#000;
}

.export-Payee-fdb .modal-body {
    display: table;
    width: 100%;
}

.export-Payee-fdb .export-table {
    padding: 0;
}

.item-details .active input.k-input.form-control {
    border: transparent;
}

select#MasterCarrierIdporduct {
    height: 41px !important;
}

div.input-rtb input.form-control {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.vender-address-tabs {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 20px;
    margin: 15px 0 10px 0;
    float: left;
    width: 100%;
    border-radius: 5px;
}

    .vender-address-tabs .nav.nav-tabs {
        float: left;
    }

    .vender-address-tabs nav {
        border-bottom: transparent;
    }

.box-shipping .sold-to-main.sold-to-Info .weight-main .form-control,
.box-shipping .sold-to-main.sold-to-Info .size-main .form-control {
    padding: 0 0 0 10px;
}

.addmlocation {
    all: unset;
    padding: 0 10px;
    font-size: 13px;
    height: 39px;
    line-height: 18px;
    position: relative;
    bottom: 0px;
    border: #fff solid 1px;
    border-radius: 5px;
    width: calc(100% - 33px);
    justify-content: space-between;
    display: flex;
    align-items: center;
}

    .addmlocation:hover {
        background: #fff;
        border: #ddd solid 1px;
    }

    .addmlocation i {
        font-size: 19px !important;
        font-weight: 600;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 8px;
        border-left: #ddd solid 1px;
    }

.modal-body.shipping-box {
    overflow: auto;
    max-height: calc(100vh - 90px);
}

.pd {
    padding: 5px 15px;
}

.timesheettableid th, .timesheettableid td {
    padding: 10px !important;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.timesheettableid .vedio-main {
    padding: 10px 0px;
}

.cogsdaywiseinvoicegrid .dropdown-toggle,
.vendor-invoice-grid .dropdown-toggle {
    height: auto;
}

.find-report {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:flex-end
}

    .find-report .dropdwoncustomer {
        margin-left: 10px;
    }

.dropdwoncustomer {
    width: calc(100% - 74px);
}

.cogsdaywiseinvoicegrid th,
.cogsdaywiseinvoicegrid td {
    border-right: #ddd solid 1px;
}

.cogsdaywiseinvoicegrid .k-grid-content {
    min-height: 200px;
    border: #ddd solid 1px;
}

.table-stock-detail tfoot {
    background: #9dd1c3;
}
    .table-stock-detail tfoot tr td {
        border-left: #87bfb0 solid 1px;
    }

.authorized tfoot {
    background: #9dd2c4;
}
.accordion-button:not(.collapsed)::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2301caeb'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat;
}

.modal.wizard .modal-content .wizard-steps {
    max-height: 600px;
    overflow: auto;
    display: block;
}

/*.endicia .modal {
    padding-left: 1%;
    padding-right: 1%;
}*/

.endicia .modal-dialog.modal-lg {
    max-width: 800px !important;
    width: 98%;
}

.modify-connection .provider-main {
    padding: 0 15px 0 5px;
    max-height: calc(100vh - 180px);
}

.products-id {
    margin-top: 26px !important;
}

#exportJournalEntryForm .modal-body {
    display: inline-block;
    width: 100%;
}

.OrdersShipment .ThreePLUnderProcess .k-header.k-grid-toolbar {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: -49px;
    right: 0px;
    align-items: center;
}

.sheet-status-get, .messages-hide {
    display: none;
}

.productright .search-box {
    width: calc(100% - 145px)
}

.productright .new-service {
    width: 145px;
}

.customizesetting .col, .customizesetting .col-1, .customizesetting .col-2, .customizesetting .col-3, .customizesetting .col-4, .customizesetting .col-5, .customizesetting .col-6, .customizesetting .col-7,
.customizesetting .col-8, .customizesetting .col-9, .customizesetting .col-10, .customizesetting .col-11, .customizesetting .col-12, .customizesetting .col-lg-1, .customizesetting .col-lg-10,
.customizesetting .col-lg-11, .customizesetting .col-lg-12, .customizesetting .col-lg-2, .customizesetting .col-lg-3, .customizesetting .col-lg-4, .customizesetting .col-lg-5, .customizesetting .col-lg-6,
.customizesetting .col-lg-7, .customizesetting .col-lg-8, .customizesetting .col-lg-9, .customizesetting .col-md-1, .customizesetting .col-md-10, .customizesetting .col-md-11, .customizesetting .col-md-12,
.customizesetting .col-md-2, .customizesetting .col-md-3, .customizesetting .col-md-4, .customizesetting .col-md-5, .customizesetting .col-md-6, .customizesetting .col-md-7, .customizesetting .col-md-8,
.customizesetting .col-md-9, .customizesetting .col-sm-1, .customizesetting .col-sm-10, .customizesetting .col-sm-11, .customizesetting .col-sm-12, .customizesetting .col-sm-2, .customizesetting .col-sm-3,
.customizesetting .col-sm-4, .customizesetting .col-sm-5, .customizesetting .col-sm-6, .customizesetting .col-sm-7, .customizesetting .col-sm-8, .customizesetting .col-sm-9, .customizesetting .col-xs-1,
.customizesetting .col-xs-10, .customizesetting .col-xs-11, .customizesetting .col-xs-12, .customizesetting .col-xs-2, .customizesetting .col-xs-3, .customizesetting .col-xs-4, .customizesetting .col-xs-5,
.customizesetting .col-xs-6, .customizesetting .col-xs-7, .customizesetting .col-xs-8, .customizesetting .col-xs-9 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.accountsubdetails .modal-dialog {
    max-width: 554px;
}

.asofdate input:focus {
    border: transparent;
}

.asofdate .input-group-addon {
    height: 40px;
}

.dollar-sv {
    position: relative;
}

    .dollar-sv .dollar-sign-value-two {
        position: absolute;
        top: 50%;
        left: 6px;
        font-size: 15px;
        transform: translateY(-50%);
    }

    .dollar-sv input {
        padding-left: 20px !important;
    }

.customizesetting input[type=text]:disabled {
    background: #e3e3e3;
}

.create-new-event-type {
    background: #fff;
    padding: 10px 30px;
}

.addeventtype {
    background: #fff;
}

    .addeventtype .modal-content {
        box-shadow: none;
    }

b, strong {
    font-weight: bold;
}

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

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

.available-days .form-textBox {
    border: transparent;
}

table.shiments-flight th {
    border-top: #ddd solid 1px;
    padding: 0 4px;
}

table.shiments-flight td {
    padding: 0 4px;
}

table.shiments-flight th input {
    margin-right: 0px !important;
    margin-top: 2px;
}

/*.Items-box .summary-box table.table th {
        background: #f5f5f5;
    }*/

.my-event-calendar-dashboard {
    background: #fff;
    margin: 15px 0 0 0;
    padding: 20px;
    border-radius: 10px;
}

.mdldivdimension .col-xl-2 {
    width: 21.33%;
}

.exportvfdb .modal-dialog, .exportpifdb .modal-dialog, .exportpofdb .modal-dialog, .exportsofdb .modal-dialog, .exportsofdb .modal-dialog, .exportsifdb .modal-dialog,
.exportCustomerpopup .modal-dialog, .exportbtfdb .modal-dialog, .export-pfdb .modal-dialog {
    max-width: 754px;
    width: 100%;
}

    .exportvfdb .modal-dialog .modal-body, .exportpifdb .modal-dialog .modal-body, .exportpofdb .modal-dialog .modal-body, .exportsofdb .modal-dialog .modal-body,
    .exportsofdb .modal-dialog .modal-body, .exportsifdb .modal-dialog .modal-body, .exportCustomerpopup .modal-dialog .modal-body, .exportbtfdb .modal-dialog .modal-body,
    .export-pfdb .modal-dialog .modal-body {
        display: inline-block;
        width: 100%;
    }

        .exportvfdb .modal-dialog .modal-body .export-table {
            padding-top: 0px;
        }

.compnayaccountsetting, .vendor-account-setting {
    background: #fff;
    padding-top: 15px;
    border-radius: 0.375rem;    

}
.compnayaccountsetting {   
    height: 100%;
    min-height: calc(100vh - 82px);
}

.titleh2 h2 {
    font-size: 20px;
    line-height: 18px;
}

.container-fluid.delivered-orders {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.single-sort tfoot th {
    background: #9dd2c4 !important;
}

div#confirmBox .modal-header h2 {
    min-height: 41px;
    font-size: 18px;
}

.selectbank label, .selectbank select {
    margin-bottom: 5px;
}

.salesquantity .dropdown button {
    height: auto;
    margin: 2px 0 0 0;
}

button#anchoraddlines {
    border-radius: 5px !important;
}

/*input#ShipOrderDateporduct {
    height: 41px !important;
}*/

.dvproppurchase-save a {
    color: #979797;
}

.recipient label.col-form-label {
    margin-top: 0px;
    padding-top: 0px;
}

.k-tabstrip-top .k-tabstrip-next, .k-tabstrip-top .k-tabstrip-prev {
    display: none !important;
}

/* .opening-balance .k-widget {
        padding: 21px 10px 0 !important;
        max-width: 100% !important;
    }*/

/*.exemption-tax .opening-balance input.k-formatted-value.form-textBox.Numerictxt.k-input {   
        padding: 0px !important;
        line-height: 18px !important;
        height: 22px !important;
    }*/
/*.exemption-tax .white-box .demo-section.k-content.opening-balance .k-widget {
    padding: 15px 10px 0 !important;
    }

    .exemption-tax .opening-balance span.k-numeric-wrap.k-state-default.k-expand-padding {
        height: 24px;
    }
    .exemption-tax .opening-balance .k-widget {
        padding: 18px 10px 0 !important;
    }*/

.custom-dropdown span.k-dropdown-wrap.k-state-default {
    display: flex;
}

/* .delivered-orders div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar,
    .hold-orders div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar{
        right: 0% !important;
        position: absolute;
    }*/

.delivered-orders .shippingmanagement-main .sidebar-right,
.hold-orders .shippingmanagement-main .sidebar-right,
.cancelled-orders .shippingmanagement-main .sidebar-right,
.shipped-orders .shippingmanagement-main .sidebar-right {
    padding: 0 44px 0 0;
    margin: 0 0 0 0 !important;
}


/*.hold-orders th.k-header, .delivered-orders th.k-header, .cancelled-orders th.k-header, .shipped-orders th.k-header {
        border-width: 0px 0px 0px 1px !important
    }*/

.hold-orders .shippingmanagement {
    padding-right: 0;
}


.shipped-orders div#grid.orderManagement.shipping-management-shipped-orders-page .k-header.k-grid-toolbar,
.cancelled-orders div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.shipping-management-hold-orders-page .k-header.k-grid-toolbar,
div#grid.orderManagement.threeplcancelledorders-table .k-header.k-grid-toolbar,
.three-pl-shipped-orders .k-header.k-grid-toolbar {
    top: -51px;
    right: 145px !important;
    padding: 0;
    margin: 0px !important;
}

.create-blog-page .align-items-center.p-3.my-3.text-white-50.rounded.shadow-sm.menu-header-section,
.preview-page .align-items-center.p-3.my-3.text-white-50.rounded.shadow-sm.menu-header-section {
    color: #000 !important;
}

.preview-page .modal-body {
    background: #fff;
}

.subproduct-action .btn-info {
    padding: 6px !important;
    height: auto;
    min-width: 120px;
    width: auto;
}

.quantitymap {
    padding: 0;
}

.quantitymap-table {
    padding: 0 15px 15px 15px;
}

.startpbtn {
    padding: 9px;
    display: inline-block;
    margin-left: 0px !important;
}


figure.startpickedp-img {
    height: 60px;
    width: 60px;
    margin: 0;
}

.hgt-auto {
    height: auto;
}

.startpickedpopup .modal-dialog {
    max-width: 1500px;
    width: 98%;
}

.start-picked td {
    padding: 5px .3em !important
}

.start-picked input, .start-picked-history input {
    box-sizing: border-box;
}

.start-picked .k-grid-content {
    max-height: calc(100vh - 240px);
    min-height: 300px;
}

.start-picked .k-grid-header th.k-header,
.start-picked-history .k-grid-header th.k-header {
    white-space: nowrap;
    text-transform: uppercase;
}

.start-picked-history td {
    white-space: normal;
}

.digitsbtn {
    all: unset;
    color: #0071DC;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
}

.call-content {
    padding: 20px;
}

.dates h3 {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    margin-top: 0px;
}

.dates p {
    margin: 0;
    font-size: 13px;
}

/*.companytab .container {
        max-width: 1520px;
    }*/

.btngroup-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

    .btngroup-right a, .btngroup-right button {
        margin: 2px !important;
    }

.btngroup-flex-start {
    justify-content: flex-start;
}

.is-editing .k-dropdown .k-dropdown-wrap {
    background-color: #fff;
}

.start-picked .k-button-icontext {
    height: 41px;
    padding: 10px;
}

.open-s {
    background: #55b500;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
}

.endicia .modal {
    background: rgba(0,0,0,0.5);
}

.accountdiv .k-dropdown-wrap .k-select {
    top: -8px;
}

.all-orders-page .shipmentsbox .col-sm-2 {
    flex: 0 0 auto;
    width: 20%;
}

.pending-shipment-orders.threeplunderprocessorders .search-section .col-sm-2 {
    margin-left: 0 !important;
}

.pending-shipment-orders.threeplunderprocessorders .penddingshipment {
    padding-right: 0px;
}

.pending-shipment-orders.threeplunderprocessorders .shippingmanagement-main .filters-top {
    padding: 15px 0 0 0 !important;
}



.inventory-report-list .inventoryreport .k-header.k-grid-toolbar {
    display: none !important;
}

.autometic-btn {
    display: flex;
}

.start-time {
    width: 300px !important;
}

.sold-to-main .form-text-order {
    width: calc(100% - 20px);
}

.compnay-grid span.k-dropdown-wrap.k-state-default {
    padding-bottom: 0 !important;
}

.compnay-grid td:first-child {
    border-left: 0px !important;
}

.linkblue {
    color: #0071DC;
}

    .linkblue:hover {
        color: #000;
    }

.employee-adb .modal-dialog {
    max-width: 768px;
}

.employee-adb .you-pay .you-pay-select {
    flex: 0 0 auto;
    width: 33.337%;
}

.employee-adb .you-pay .hourlyType {
    flex: 0 0 auto;
    width: 66.337%;
}

.employee-adb .row.form-group {
    margin-right: 0;
    margin-left: 0;
}

.employee-adb .centerLabel {
    padding: 0px 0px;
}

.employee-adb b {
    font-size: 18px !important;
    padding: 0px !important;
}

/*.employee-adb .demo-section.k-content.scrollDialog {
    border: transparent;
}*/

/*.employee-adb .modal-body {
    padding: 0 0 0 10px !important;
}*/

.employee-deductiondb .modal-dialog {
    max-width: 900px;
}

.employee-deductiondb .detail-box {
    padding: 15px;
    margin: 0 0 10px 0;
    background: #efefef;
    border-radius: 5px;
}

.employee-deductiondb .modal-body {
    max-height: 650px;
    overflow-y: auto;
}

.sampletext {
    padding: 0;
}

.birthdate, .hiredate {
    position: relative;
}

    .birthdate .input-group-addon,
    .hiredate .input-group-addon {
        position: absolute;
        right: 8px;
        border-right: transparent;
    }

.more-details label {
    font-weight: bold;
    right: 8px;
    border-right: none;
}

.gender {
    font-weight: 600 !important;
    margin-top: 15px !important;
}

.gender-male {
    margin-right: 10px !important;
}

.gender-female, .gender-male {
    display: inline-flex !important;
}

    .gender-female input, .gender-male input {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

.thisemployee-redio {
    display: flex !important;
    margin: 6px 0 !important;
    align-items:center;
}

    .thisemployee-redio input {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

.digits-c {
    font-size: 24px;
    font-weight: 500;
    border-radius: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    color: #3a3c3d;
    margin: 0 auto;
    background: #e3fcff;
    border: dashed 1px #bbbbbb;
    margin-top: 6px;
}

.marital-status input {
    width: 16px;
    height: 16px;
    flex: none;
    margin-right: 8px;
}

.marital-status label {
    display: flex;
    margin-bottom: 5px;
    align-items:center;
}

.Ww4formdialogbox, .popup-cover {
    background: rgba(0,0,0,0.3);
}

.modal-backdrop.show {
    opacity: 0.2;
}

.category-wiselist-rg .action-btn, .productwrg .action-btn, .vendor-wiseList-rg .action-btn {
    position: relative;
    margin: 0 auto;
    display: table;
}


.sales-left .pl-0 {
    padding-left: 0px;
}

.brandname span.k-icon.k-clear-value.k-i-close,
.inventorystatus .whiteBoxIneer span.k-icon.k-clear-value.k-i-close {
    z-index: 0;
}

/*div#addcustomer {
    z-index: 1;
}*/

.days-redio input[type="radio"] {
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-top: -1px;
    margin-right: 7px;
}

.days-redio {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.termsmodal-popup .trpadding {
    margin-left: 0;
    border: #ccc solid 1px;
    height: 40px;
    width: 40px;
    border-radius: 4px;
}

.duethenext {
    display: block;
    margin-top: 10px;
}

.inventoryreport td {
    white-space: normal;
    overflow: visible;
}

.inventoryreport .dropdown.qtyfilterd {
    margin-top: 0px;
}

.inventoryreport .addnewqtycontent .form-select {
    width: 100% !important;
}

.inventoryreportqtya .acbtn {
    height: 31px;
}

.inventoryreportqtya .form-control[disabled], .inventoryreportqtya .form-control[readonly], .inventoryreportqtya fieldset[disabled] .form-control {
    background: rgb(235, 235, 228);
}

.inventoryreportqtya .k-grid-content {
    max-height: 250px !important;
    min-height: auto !important;
    height: auto !important;
}

.inventoryreportqtya .k-filter-row th, .inventoryreportqtya .k-grid-header th.k-header {
    border-width: 0px 0px 0px 1px !important;
}


.inventoryreportqtya .productlisttbl {
    background: #fff;
    margin-top: 5px;
}

.inventoryreportqtya button.close-btn {
    top: 0px;
    font-size: 34px;
    line-height: 34px;
}

.inventoryreportqtya .addnewqtycontent .form-control {
    box-sizing: border-box;
}
.inventoryreportqtya table {
    border-right: transparent !important;
}
    .inventoryreportqtya table td {
        border-bottom: transparent !important;
    }
.k-calendar-view table thead {background:transparent;}
    .k-calendar-view table thead th {
        font-weight: 600;
        border-bottom: #000 solid 1px;
    }
.scanplistbtn {
    min-width: 80px;
    padding: 0px 10px !important;
    position: relative;
    top: 1px;
}

.salesquantitycwig .dropdown button,
.category-invoice-grid-bycategory .dropdown button,
.salesofproduct-income-dwig .dropdown button {
    height: auto;
}

.ppopup-top .psavebtn {
    margin-right: 50px;
}

.ppopup-top a.proPopClose {
    color: #a5a5a5;
}

    .ppopup-top a.proPopClose:hover {
        color: #fff;
    }

.dvpropinvoice .modal-dialog.width800 {
    max-width: 800px !important;
}

.qty-box {
    min-width: 266px;
}

button.filterbtn.qty-diffrence {
    border: #f00 solid 1px !important;
    background: #f00 !important;
}

    button.filterbtn.qty-diffrence img {
        filter: invert(93%) sepia(0%) saturate(7474%) hue-rotate(82deg) brightness(107%) contrast(108%) !important;
    }

.sku-field input.k-input.form-control {
    border: transparent !important;
}

div#topPurchaseModalPopup .padd-left {
    background: #fff;
}

.payee-select {
    width: 100%;
}

/*.arrowoup span.k-icon.k-i-arrow-60-down {
        height: 17px !important;
        top: 12px;
    }*/
.arrowoup .k-dropdown-wrap .k-select {
    top: -16px;
}

.height50 { height: 41px; }

.creditcard label { margin-left: 10px; margin-top: 0px; }

.dvproppurchaseinvoice .popTable { margin-top: 0; }
.dvproppurchaseinvoice .closebtn-rgt a.proPopClose { color: #333; }
.dvproppurchaseinvoice .closebtn-rgt a.proPopClose:hover { color: #fff; }
.dvproppurchaseinvoice .popTable td input { height: 41px; border-radius: 5px; }
.dvproppurchaseinvoice .popTable td { padding: 7px 5px; }

.shipping-title-block { display: flex; align-items: center; gap: 20px; }
.shipping-title-block strong { font-size: 18px; }

.shipping-address-form .mamain { margin: 16px 0; background: #efefef; padding: 20px 10px; }

.multipleaddress { padding: 0 0 20px 0; }

.addnewaddress { display: flex; align-items: center; }

.bs-address {
    margin-right: 10px;
}

.multipleaddress td { border: #ddd solid 1px; padding: 10px; background: #fff; }

.shipping-address-form input:focus { border: #ccc solid 1px; }

.customerpopup { -webkit-transform: inherit !important; top: inherit !important; margin-top: 20px; }

.othercontact { padding: 25px 17px; }

.notes .notes-title, .notes2 .notes-title { background: #fff; z-index: 99; display: block; top: 0px; width: calc(100% - 30px); left: 0px; padding-left: 11px;
    border-top-left-radius: 10px;
}
.notes .form-textBox, .borderTextBox.notes { height: 120px !important; }

.exemption-tax .notes .notes-title, .exemption-tax .notes2 .notes-title { top: 1px; left: 1px; }

.auto-assign { margin-top: 32px; display: flex; align-items: center; }
.auto-assign span { margin-left: 5px; }

.sold-to label { margin-top: 0px; }

.incomeingrgrid td:last-child { overflow: inherit; text-overflow: inherit; }
.incomeingrgrid th:nth-child(2), .incomeingrgrid td:nth-child(2) { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap; }

.add-edit-hotdeal-box .date .input-group-addon, .rpayment .date .input-group-addon { z-index: 11; }

.addeventmain h3 { font-weight: 600; font-size: 18px; }

/*#side-menu li:nth-last-child(-n + 3):hover ul.nav-manu-item {
        top: auto
    }*/

.navbar-header .navbar-top-links ul.dropdown-menu.show { display: block !important; }

.qtyform.product-detail-arrows .input-group-btn-vertical.main-new-add, .qtyform2.product-detail-arrows .input-group-btn-vertical.main-new-add-1 {
    right: 28px !important;
}
.all-orders-page tr.k-state-selected { color: #000; }

.k-grid-pdf { background: rgb(11,181,175); background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); color: #fff; border: none; border-radius: 4px !important; margin-left: 5px !important; padding: 5px; font-size: 14px;
     text-transform: inherit;
}    
.k-grid-pdf:hover { background: rgb(61,197,114); background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); color: #fff; }
.k-grid-pdf .k-icon { opacity: 1; }

.right-labels-section .dropdown-toggle { height: auto;  position:relative; }
.right-labels-section .dropdown-toggle::after { right: 10px; position: absolute; top: 50%; transform: translateY(-50%); }

.product-category { display: flex; justify-content: flex-end }
.product-category .search-box { width: calc(100% - 200px); }

.termsmodal-popup input.trpadding { margin-right: 5px; }

.mt-41 { margin-top: 45px; }
.mt-30 { margin-top: 35px; }

.dropoflocation .k-dropdown-wrap .k-input {  line-height: 41px !important; }
div#twiceDiv .col-md-1.radio-btn input, div#monthDiv .col-md-1.radio-btn input { width: 18px; height: 18px; }

.pay-schedule-modal input#DaysBeforeFirstValue, .pay-schedule-modal input#DaysBeforeSecondValue, .pay-schedule-modal input#DaysBeforeMonthValue {
    height: 41px; border-radius: 5px;
}

.container-fluid.visualization { padding-bottom: 0px; }
.dropdown.sm-congs { margin: 0 auto; display: table; }
.product-invoice-grid .dropdown.sm-congs button { height: auto; padding: 5px;  margin: 3px 0; }
.accountreceivable .dropdown.account-ac { height: auto; padding: 5px; margin: 3px 0; display: table; margin: 0 auto; }
.accountable-rght-btn { display: flex; justify-content: flex-end; }
.accountable-rght-btn select { margin-right: 10px; }
.accountable-rght-btn .back-btn { margin-bottom: 0px !important; }
.vendor-wiseList-rg .k-grid-content { min-height: 400px; }
.qtydrop ul.dropdown-menu li a { cursor: pointer; }
.qtydrop ul.dropdown-menu li a:hover { color: #000; }
.popopeninghist .modal-dialog { max-width: 750px; }

/*fit table height css*/

#Ordernopopup .modal-body {
    max-height: calc(100vh - 105px);
    overflow-x: hidden;
}

.pay-schedule-modal .modal-body {
    overflow: auto;
    max-height: calc(100vh - 100px);
}

.warehouse-scl .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 370px);
}

.scrollTableFixedHeight.inventoryreport .k-grid-content {
    max-height: calc(100vh - 380px);
    min-height: 450px;
}


.sales-orders .scrollTableFixedHeightnew .k-grid-content,
.sales-invoices .scrollTableFixedHeightnew .k-grid-content,
.receive-payment .scrollTableFixedHeightnew .k-grid-content,
.customers .scrollTableFixedHeightnew .k-grid-content,
.sales-agent .scrollTableFixedHeightnew .k-grid-content,
.creditmemo .scrollTableFixedHeightnew .k-grid-content,
.purchase-orders .scrollTableFixedHeightnew .k-grid-content,
.bills .scrollTableFixedHeightnew .k-grid-content,
.vendors .scrollTableFixedHeightnew .k-grid-content,
.paidbills .scrollTableFixedHeightnew .k-grid-content
.all-orders-page .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 470px);
}

.pending-shipment-orders .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 350px);
}
/*    .all-orders .scrollTableFixedHeight .k-grid-content {
        max-height: calc(100vh - 420px);
    }*/


.three-pl-shipped-orders .scrollTableFixedHeight .k-grid-content,
.hold-orders .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 350px);
}

/* .all-expenses .k-grid-content,
    .employee-expense-grid .k-grid-content,
    .payee-expense-grid .k-grid-content,
   .customer-expense-grid .k-grid-content,
    .vendor-expense-grid .k-grid-content
    .payee-grid .k-grid-content {
        max-height: calc(100vh - 456px);
    }*/

.editemployeetaxform .modal-body {
    max-height: calc(100vh - 160px);
    overflow: auto;
}

.product-invoice-grid .k-grid-content {
    max-height: calc(100vh - 360px);
}

.create-the-transfer-grid .scrollTableFixedHeight .k-grid-content,
.outword-transfer-list-grid .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 325px);
}

.internal-stock-transfer .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 375px);
}

.account-payable-vendor,
.vendor-wiseList-rg .k-grid-content,
.cogsdaywiseinvoicegrid .k-grid-content,
.vendor-invoice-grid .k-grid-content,
.category-invoice-grid .k-grid-content,
.category-invoice-grid-bycategory .k-grid-content {
    max-height: calc(100vh - 360px);
}

.supplies-materials-cogs-ledger-bymonth,
.supplies-materials-cogs-ledger-byvendor,
.supplies-materials-cogs-ledger-bycategory,
.supplies-materials-cogs-ledger-cogsdaybody {
    max-height: calc(100vh - 180px);
    overflow: auto;
}

.authorized-payment-ledger-total {
    height: calc(100vh - 156px);
    min-height: 300px;
    overflow: auto;
}

.warehousevlocationhistory .k-grid-content, 
.productlocationhpopup .k-grid-content {
    max-height: calc(100vh - 320px);
    border: #ccc solid 1px;
    box-sizing: border-box;
    border-width: 0 1px 1px 1px;
}



.productwiseisd .k-grid-content {
    max-height: calc(100vh - 240px);
}
.add-edit-service-popup .modal-body {
    overflow: auto;
    max-height: calc(100vh - 175px);
}

.preferencesgrid .k-grid-content {
    max-height: 500px;
}
.preferencesgrid .k-grid-header th {
    padding-right:0px;
}
.manage-bank-rule-form {
    max-height: calc(100vh - 100px);
    overflow: auto;
}



.banking-grid .k-grid-content {
    height: calc(100vh - 470px);
    min-height: 300px;
    border: solid #ccc;
    border-width: 0 1px 1px 1px;
}

.reviewed-banking-grid .k-grid-content,
.excludedbanking-main .k-grid-content {
    height: calc(100vh - 470px);
    min-height: 300px;
    border: solid #ccc;
    border-width: 0 1px 1px 1px;
}

.bank-rule-grid .k-grid-content {
    height: calc(100vh - 290px);
    min-height: 300px;
    border: solid #ccc;
    border-width: 0 1px 1px 1px;
}



.purchase-order-track .modal-body {
    max-height: calc(100vh - 125px);
    overflow: auto;
}

.popopeninghist .modal-body {
    max-height: calc(100vh - 105px);
    overflow: auto;
}

.productwiseimg .modal-body {
    max-height: calc(100vh - 110px);
    overflow: auto;
    min-height: 625px;
}

.addSKU .modal-table,
.addASIN .modal-table {
    max-height: calc(100vh - 170px);
    overflow: auto;
    padding-top: 0px;
}

.shippedorders .scrollTableFixedHeight .k-grid-content,
.cancelled-orders .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 276px);
}

.delivered-orders .scrollTableFixedHeight .k-grid-content {
    max-height: calc(100vh - 276px);
}

.update-tracking-dialog-box .modal-body {
    overflow: auto;
    max-height: calc(100vh - 105px);
}

.account-receivable-vendor {
    height: calc(100vh - 305px);
}


/*fit table height css*/



.update-tracking-dialog-box .modal-dialog {
    max-width: 856px;
    width: 96%;
}

.addproductwvvriation button.close-btn,
.productqtyfilterd button.close-btn {
    font-size: 34px;
    line-height: 34px;
}

.select-cat-drop span.select2-selection.select2-selection--multiple {
    height: 41px;
}

.addothercontactinfo .modal-dialog {
    max-width: 900px;
}

.addothercontactinfo {
    display: none;
    padding: 10px;
    background: #efefef;
}

.cma-table {
    padding: 20px 0;
    width: 100%;
}

.cmeditdelete {
    display: flex;
    gap: 10px;
    padding: 0 6px;
    font-size: 17px;
    align-items: center;
    line-height: 13px;
}

.qty-adjusment-modal-var .modal-dialog {
    max-width: 900px;
}

a.scanbtnh {
    height: 85px;
    display: block;
}


.typeofscanpopup .modal-dialog {
    max-width: 520px;
}

ul.scanlist {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
}

    ul.scanlist li {
        width: 48%;
        display: grid;
        flex-wrap: wrap;
        text-align: center;
        border: #ddd solid 1px;
        border-radius: 5px;
        margin: 1%;
        box-shadow: #d9d9d9 0px 0px 6px;
        transition: 0.8s ease-in-out;
    }

        ul.scanlist li:hover {
            box-shadow: #bdbaba 0px 0px 12px;
            transition: 0.3s ease-in-out;
        }

        ul.scanlist li a {
            text-align: center;
            color: #5c5c5c;
            position: inherit;
            bottom: 0;
            border: none;
            height: 100%;
            margin: 0px;
            display: grid;
            align-items: center;
            padding: 20px 15px 15px 15px;
        }

            ul.scanlist li a i {
                max-width: 50px;
                margin: 0 auto;
                padding-bottom: 10px;
            }

            ul.scanlist li a:hover {
                color: #0a58ca;
            }

                ul.scanlist li a:hover img {
                    filter: invert(17%) sepia(96%) saturate(2519%) hue-rotate(210deg) brightness(106%) contrast(92%);
                }

.cogsdaywiseinvoicegrid .k-grid-header th.k-header {
    border-width: 0px 0px 0px 1px !important;
}

.salesorder {
    border-right: #ddd solid 1px;
    border-left: #ddd solid 1px;
}

.forwarder-modal .modal-dialog {
    max-width: 700px;
}

.other-charge-modal .modal-dialog {
    max-width: 450px;
}

.box-dimensions-modal .modal-dialog {
    max-width: 450px;
}

.box-dimensions-modal .modal-body,
.batch-main-fest-modal .modal-body {
    padding: 20px 25px;
}

.batch-main-fest-modal .modal-dialog {
    max-width: 980px;
}

.other-charge-modal {
    z-index: 99999;
}

.ml0 {
    margin-left: 0px !important;
}

.pocostsave {
    margin-top: 29px;
}

.pocosttype .pocosttypediv,
.fromdstinationdiv,
.todestinationdiv {
    height: 41px;
}

.vsmr10 {
    margin-right: 8px !important;
}

.weight-unit {
    display: flex;
}

    .weight-unit input[type="radio"] {
        width: 18px;
        height: 18px;
    }

.tab-content.customerdetail {
    margin-top: 15px;
}

.mb12 {
    margin-bottom: 12px;
}

.vendordiv.chkpartdeposit span.k-widget {
    height: 41px;
}

.payeeaccount-transactin-grid .k-footer-template .col-5 {
    padding: 0;
    width: 100%;
}

.payeeaccount-transactin-grid th {
    text-transform: uppercase;
}

.payeeaccount-transactin-grid .col-5 span {
    float: left;
    font-weight: 600;
    padding-left: 0px !important;
}

/*.otherchargepercents span.k-widget.k-numerictextbox.form-control,
    .otherchargepercents span.k-numeric-wrap.k-state-default {
        float: left;
    }
    .otherchargepercents sapn.k-numeric-wrap.k-state-focused {
        float: left;
    }*/

.otherchargeflatamount .form-control:focus {
    border: #ccc solid 1px;
}

.otherchargepercents span.k-select {
    display: none;
}

.otherchargepercents input {
    height: 41px;
}

.otherchargepercents .k-webkit.k-numerictextbox .k-numeric-wrap:before,
.otherchargepercents .k-numeric-wrap:before {
    display: none;
}

.otherchargepercents span.k-numeric-wrap.k-state-default {
    padding: 0px;
}

.otherchargepercents .form-control.k-input {
    border: #ccc solid 1px !important;
    height: 41px !important;
}

.otherchargeflatamount input[type=number]::-webkit-inner-spin-button,
.otherchargeflatamount input[type=number]::-webkit-outer-spin-button,
.idstartfrom input[type=number]::-webkit-inner-spin-button,
.idstartfrom input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div#items-list {
    background: #f4f5f8;
}

.printing-days {
    display: inline-grid;
    align-items: flex-end;
}

    .printing-days .borderTextBox {
        margin: 0 0 5px 0;
    }

        .printing-days .borderTextBox input[type="email"]:disabled {
            background: #dddddd;
        }

.printing-date span.k-picker-wrap.k-state-default {
    border: #ccc solid 1px;
    border-radius: 5px;
}


.OtherDataOFSettings label,
.printing-days label {
    padding: 0 10px 2px 0 !important;
}

.printing-days .form-textBox {
    padding: 10px;
}


.preffered-vendor span.k-select,
.account-type span.k-select {
    top: -15px !important;
}

.add-edit-best-seller-box .date .input-group-addon {
    z-index: 11;
}

.qtydrop ul.dropdown-menu.show {
    left: auto !important;
    right: 0 !important;
}

.dropdown.qtydrop button {
    border: #0bb5af solid 2px;
    color: #000;
    background: #fff;
    transition: all 0.3s ease-in-out;
}

    .dropdown.qtydrop button:hover,
    .dropdown.qtydrop button:focus {
        border: #0bb5af solid 2px;
        background: rgb(61,197,114);
        background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

.qtydrop .dropdown-toggle::after {
    display: none;
}

.qtydrop .warehbtn i {
    margin-right: 0 !important;
    font-size: 18px;
}

.employee-tax-grid td:last-child i,
.pay-schedule-grid td:last-child i,
.smtp-setting-grid td:last-child i {
    margin-right: 5px;
    font-size: 14px;
}

.blog .confirm-body {
    text-align: center;
    padding: 20px;
}

.blog button.close {
    font-size: 36px;
    color: #fff;
    margin: 0 0 0 0;
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 0px;
    text-shadow: none;
    font-weight: 500;
    opacity: 1;
}

    .blog button.close:hover {
        background: #e9220f;
        color: #fff;
        border-radius: 0 5px 0 0px;
        opacity: 1 !important;
    }

.blog .confirm-header {
    min-height: 48px;
    padding: 0px 15px 0px 15px;
    position: relative;
}

.blog h4.modal-title {
    margin-bottom: 0;
    padding: 0;
    line-height: normal;
    color: #fff;
    min-height: 48px;
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 24px;
}

.columnfix {
    width: 20%;
}

.form-group.autometic-radio label:not(:first-of-type) {
    padding-right: 0px;
    padding-left: 10px;
}

.additionTypeSetting {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.banking-grid .dropdwoncustomer .k-dropdown-wrap .k-select {
    top: 0;
}
/*.banking-grid .dropdwoncustomer .k-dropdown-wrap .k-input {
        height: 37px !important;
    }*/
.inventorypage .marketplace-reorder-div .row {
    width: 500px;    
}

    /*.inventorypage .marketplace-reorder-div .row {
        width: 100%;
        margin-left: 0px;
    }*/

.inventorystore.multiselect-item .k-widget.k-dropdown.form-select {
    padding: 0px;
}

.inventorystore.multiselect-item span.k-dropdown-wrap.k-state-default {
    height: 41px;
}

.inventorystore.multiselect-item .k-dropdown-wrap .k-input {
    line-height: 41px !important;
    font-size: 14px;
}

div#BuyBoxTab .tab-main .row.bg-white {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.pl-right {
    float: right !important;
}

.import-vendorfor-mdialog-box .modal-body,
.importpurchase-orderfor-mdialogdox .modal-body {
    min-height: 122px;
}

.sml-0 {
    padding-left: 0px !important;
}

.vml-0 {
    padding-left: 3px !important;
}

.v-address .sales-left {
    padding-right: 2px;
    padding-left: 0px;
}

.s-address .sales-left {
    padding-left: 2px;
}

    .s-address .sales-left h2,
    .v-address .sales-left h2 {
        padding-left: 0px;
    }

.b-v-address .sales-left {
    padding-right: 2px;
    padding-left: 0px;
}

.b-s-address .sales-left {
    padding-left: 2px;
}

    .b-s-address .sales-left h2 {
        padding-left: 0px;
    }

.sa-info {
    margin-right: 10px;
}

.proTable th {
    background: rgb(157, 209, 195);
    background: linear-gradient(90deg, rgba(157, 209, 195, 1) 0%, rgba(157, 210, 196, 1) 100%);
}

#Outstandingtable .panel-body {
    padding-bottom: 0px !important;
}



.receive-payment .modal-footer.modalFixedBottom .recurring {
    padding-right: 5px;
}
/*.dvprop-main .proPopupInner {
        padding: 20px;
    }*/
.dvprop-main .proPopupInner {
    padding: 55px 20px 20px 20px;
}

.dvprop-main a.proPopClose {
    color: #000;
}

    .dvprop-main a.proPopClose:hover {
        color: #fff;
    }

.mt-action {
    margin-top: 29px;
}

.addmultiplebox {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.multipleproduct {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .multipleproduct input {
        margin-right: 10px !important;
    }

.customizesetting {
    padding: 0px;
}

.payee-details .tab-content {
    margin-top: 0px;
}

.dvPropsales table {
    padding: 0px;
    margin: 0px;
}

.dvPropsales .productdetails-scl {
    margin-bottom: 10px;
}

/*div#shippingInfo div#multiselect-shipping {
        margin: 0 15px;
    }*/
.shipping-info-main {
    padding: 0 10px;
}

    .shipping-info-main .table th {
        text-align: left;
    }

    .shipping-info-main .table strong {
        font-weight: 600;
    }

    .shipping-info-main table th,
    .shipping-info-main table td {
        font-size: 13px;
        border-bottom: #e1e1e1 solid 1px !important;
    }

.mdlshiptoname b {
    font-weight: 600;
}

.add-dimension-sec {
    background: #f5f5f5;
    padding: 10px 15px 13px 15px;
    margin: 0 0 10px 0;
    width: 100%;
    min-width: 320px;
    overflow-x: auto;
}

.termsmodal-popup {
    z-index: 11111;
}
.terms-name.form-floating > .form-control:not(:placeholder-shown) ~ label, .terms-name.form-floating > .form-select ~ label {
    opacity: 1;
    transform: scale(.85) translateY(-.7rem) translateX(.15rem);
    font-weight: bold;
}

.add-charge-btn {
    margin: 0 0 5px 15px;
}

.boxdimensionscl {
    max-height: 300px;
    overflow: auto !important;
}

.uiselectbox .select2-selection__rendered {
    font-size: 15px;
}

.uiselectbox .select2-container .select2-selection--single {
    height: 41px;
}

.uiselectbox .select2-selection__rendered {
    line-height: 39px !important;
}

.uiselectbox .select2-selection__arrow {
    height: 41px !important;
}

.marketplacepopup .modal-header-top.modal-header {
    display: flex;
}

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

.update-price-block,
.update-inventory {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.update-inventory-pro,
.update-price-pro {
    background: #eaeaea;
    padding: 10px;
    border-radius: 5px;
    margin-right: 15px;
}

.wix-card-header button.warehbtn.acbtn {
    border: #0bb5af solid 1px;
}

    .wix-card-header button.warehbtn.acbtn:hover {
        border: #24aeff solid 1px;
    }

.add-multiple-dm button.acbtn {
    border: #0bb5af solid 1px;
}

    .add-multiple-dm button.acbtn:hover {
        border: #24aeff solid 1px !important;
    }

.unit, .dimension {
    font-size: 13px !important;
    line-height: 17px;
    margin-top: 5px !important;
}

.boxdimentionbtn {
    display: flex;
}

.dvprop-main .modal-dialog.width800 {
    max-width: 1100px;
    width: 98%;
}

.boxbtn button {
    padding: 5px;
    height: 27px;
    line-height: normal;
    margin: 0 2px;
    color: #fff;
    cursor: pointer;
}

    .boxbtn button i {
        color: #fff !important;
    }

.addnewqtycontentmain {
    position: absolute;
    background: #f8f8f8;
    padding: 45px 10px 10px 10px;
    border-radius: 5px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .5) !important;
    width: 800px;
    right: 10px;
}

.savaddnewqty {
    width: 100px;
    height: 41px !important;
}

.addnewqtycontentmain .addnewqtycontent {
    margin-bottom: 10px;
    flex-wrap: nowrap;
}

    .addnewqtycontentmain .addnewqtycontent .col-md-2 {
        width: 12%;
    }

.addnewqtycontentmain .close-btn {
    position: absolute;
    top: 0;
    height: 41px !important;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    right: -2px;
}

.addnewqtycontentmain .productlisttbl {
    background: #fff;
}

    .addnewqtycontentmain .productlisttbl .k-grid-content {
        max-height: 186px;
    }

        .addnewqtycontentmain .productlisttbl .k-grid-content td {
            padding: 5px 10px !important;
        }

.addnewqtycontentmain .addnewqtycontent {
    padding: 15px 15px;
}

    .addnewqtycontentmain .addnewqtycontent label {
        font-size: 15px;
        margin-bottom: 3px;
        margin-top: 0px;
    }

.addeventmain .date .input-group-addon {
    z-index: 11;
}

.uk-form-row.upload-image {
    position: relative;
}

    .uk-form-row.upload-image input[type="file"] {
        display: none;
    }

    .uk-form-row.upload-image label {
        background: rgb(11,181,175);
        background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
        padding: 10px;
        color: #fff;
        border-radius: 5px;
    }

        .uk-form-row.upload-image label:hover {
            background: rgb(61,197,114);
            background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%);
        }

.bank-rule-grid .panel-new .panel-body {
    padding: 10px;
}

.invoice-transaction-hist {
    overflow: auto;
}

    .invoice-transaction-hist table,
    .purchase-invoice-transaction-hist table,
    .purchase-transaction-hist table {
        min-width: 450px;
    }

.single-product-dropd {
    position: absolute;
    top: 25px;
    right: 35px;
    width: 175px;
}

/*div#page-wrapper {
    min-height: auto !important;
}*/

.callusmodal .cont-to-cancel {
    justify-content: center;
}

/*input field css*/

.labelup .form-floating {
    position: relative;
    margin-bottom: 12px;
}

    .labelup .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out;
        margin: 0;
        padding: 10px 12px;
        line-height: 20px;
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
        box-sizing: border-box
    }

    .labelup .form-floating > .form-control-plaintext ~ label,
    .labelup .form-floating > .form-control:focus ~ label,
    .labelup .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .labelup .form-floating > .form-select ~ label {
        opacity: 1;
        transform: scale(.85) translateY(-0.7rem) translateX(0.15rem);
        color: #000;
        font-weight: 600;
        font-size: 14px;
        z-index: 1;
    }
    /*.labelup .form-floating > .form-control-plaintext:focus,
    .labelup .form-floating > .form-control-plaintext:not(:placeholder-shown),
    .labelup .form-floating > .form-control:focus,
    .labelup .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 20px;
        padding-bottom: 5px;
        padding-left: 12px;
        padding-right: 12px;
        height: 41px;
    }*/
    .labelup .form-floating > .form-control,
    .labelup .form-floating > .form-control-plaintext,
    .labelup .form-floating > .form-select {
        height: 41px;
        line-height: 1.25;
    }

    .labelup .form-floating > .form-control,
    .labelup .form-floating > .form-control-plaintext {
        padding-top: 20px !important;
        padding-bottom: 5px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-top: 0px !important;
    }

    .labelup .form-floating > .form-select {
        padding-top: 18px;
        padding-bottom: 5px;
        font-size: 14px;
        box-sizing: border-box;
    }

        .labelup .form-floating > .form-select:focus {
            border: #000 solid 1px;
        }

.form-group.form-floating.notes > label {
    background: #fff;
    height: auto;
    margin-left: 1px;
    top: 1px;
    width: 99%;
    border-radius: 5px;
    padding: 8px 12px;
}

.labelup .form-group.form-floating.notes > .form-control:focus ~ label,
.labelup .form-group.form-floating.notes > .form-control:not(:placeholder-shown) ~ label {
    transform: scale(1) translateY(-0.8rem) translateX(0rem);
    padding: 2px 10px 0px 10px;
    margin-top: 13px;
    width: 96%;
    margin-left: 1px;
    font-size: 12.5px;
    line-height: 15px;
}

.field-d {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .field-d label {
        order: -1;
        margin: 0;
        top: 18px;
        left: 8px;
        transition: all 0.3s ease;
        transform: translateY(0px);
        pointer-events: none;
        position: absolute;
    }

    .field-d input:focus + label {
        transform: translateY(-8px);
        font-size: 12px;
        top: 18px;
    }


    .field-d .fixed {
        transform: translateY(10px);
        font-size: 14px;
        top: 0;
        left: 8px;
        color: #000;
        font-weight: 600;
    }

    .field-d .form-control {
        padding: 15px 12px 2px 8px !important;
    }
/* .field-d input[type="text"]:focus ~ label,
    .field-d input[type="text"]:valid ~ label {
        transform: translateY(10px);
         font-size: 12px;
        top: 0;
        left: 8px;
        color: #0071dc;
        font-weight: 600;
    }*/

.field-ds {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .field-ds label {
        order: -1;
        transition: all 0.3s ease;
        transform: translateY(10px);
        pointer-events: none;
        position: absolute;
        font-size: 12px;
        margin: 0;
        top: 0px;
        left: 8px;
        font-weight: 600;
    }

    .field-ds input:focus + label {
        transform: translateY(0px);
        font-size: 10px;
    }

    .field-ds .fixed {
        transform: translateY(10px);
        font-size: 14px;
        top: 0px;
        left: 8px;
        font-weight: 600;
        color: #000;
    }

    .field-ds .form-control {
        padding: 15px 12px 2px 4px !important;
    }

/*input field css*/

.column-cm {
    width: 33.33%;
}

.column-cm2 {
    width: 33.33%;
}

.allordersmodal .summary-box {
    -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    border: none;
}

.allordersmodal .summary-title {
    background: transparent;
}

.allordersmodal .summary-main {
    padding: 10px;
}

.allordersmodal .Items-box {
    margin-top: 15px;
    padding: 0;
}

.allordersmodal .summary-box.summary-box-right {
    margin-bottom: 15px;
}

.allordersmodal .shipments-left {
    border-bottom: #ddd solid 1px;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.notes-main .noteleft {
    width: 20%;
    vertical-align: middle
}

.notes-main .noteright {
    width: 80%;
    vertical-align: middle
}

.multiselect-shipping button {
    border: #ddd solid 1px;
}

.custom-dropdown .form-textBox {
    padding: 0px 10px 0;
}

.custom-dropdown .k-input.form-textBox {
    padding: 12px 0 0 6px !important;
}

.custom-dropdown.arrowoup .k-dropdown-wrap .k-select {
    top: 0px;
}

.date_contrl span.k-widget.k-datepicker {
    border-radius: 5px;
    height: 41px;
}

.date_contrl label {
    z-index: 11;
}

.date_contrl .k-input {
    padding: 18px 5px 5px 5px !important;
    border: #ddd solid 1px;
    height: 41px !important;
}

    .date_contrl .k-input:focus {
        border: #000 solid 1px;
    }

.date_contrl span.k-picker-wrap.k-state-default {
    height: 39px;
    border-radius: 5px;
    padding-right: 0px;
    border: none;
}

.custom-selectbox .form-textBox {
    padding: 13px 10px 5px 10px;
    height: 41px !important;
}

.date_contrl span.k-picker-wrap.k-state-default span.k-select {
    top: 1px;
    border-left: #ddd solid 1px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credit-limit-c .form-textBox,
.opening-balance .form-textBox {
    padding: 0px 0 0;
}

    .credit-limit-c .form-textBox.k-input,
    .opening-balance .form-textBox.k-input {
        padding: 15px 4px 0 !important;
        border: #ddd solid 1px !important;
        transition: all 0.3s ease-in-out;
    }

        .credit-limit-c .form-textBox.k-input:focus,
        .opening-balance .form-textBox.k-input:focus {
            border: #000 solid 1px !important;
            transition: all 0.3s ease-in-out;
        }

.kendoselectbox .k-combobox.form-textBox {
    border: #ddd solid 0px !important;
}

.kendoselectbox span.k-dropdown-wrap.k-state-default {
    border: transparent;
    padding: 0;
    height: 41px;
}

.kendoselectbox .k-input {
    border: #ddd solid 1px !important;
    font-size: 14px;
    padding-right: 35px !important;
    transition: all 0.3s ease-in-out;
}

    .kendoselectbox .k-input:focus {
        border: #000 solid 1px !important;
        transition: all 0.3s ease-in-out;
    }

    .kendoselectbox .k-input.form-control {
        border: #ddd solid 1px !important;
        padding-right: 35px !important;
        transition: all 0.3s ease-in-out;
    }

        .kendoselectbox .k-input.form-control:focus {
            border: #000 solid 1px !important;
            transition: all 0.3s ease-in-out;
        }

.kendoselectbox span.k-select {
    border-left: #ddd solid 1px !important;
    height: 37px;
    margin: 1px 0 0 0;
    width: 30px;
}

/*.kendoselectbox span.k-icon.k-i-arrow-60-down {
        right: 8px;
    }*/

.kendoselectbox .k-combobox.form-textBox {
    padding: 0;
}

.kendoselectboxl {
    position: relative;
}

    .kendoselectboxl label {
        position: absolute;
        top: -2px;
        left: 10px;
        margin: 0;
        text-transform: capitalize;
        font-weight: 600;
        z-index: 1;
        font-size: 12px;
    }

    .kendoselectboxl .k-input {
        padding-top: 18px !important;
        height: 41px !important;
        box-sizing: border-box;
        font-size: 14px;
    }

    .kendoselectboxl span.k-select {
        border-left: #ddd solid 1px !important;
        height: 39px;
        margin: 0;
        width: 30px;
        top: 1px !important;
        cursor: pointer;
        z-index: 111;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .kendoselectboxl span.k-input {
        line-height: 18px !important;
    }

/*.kendoselectboxl-lfixed {
        position: relative;
    }

    .kendoselectboxl-lfixed label {
        position: absolute;
        top: -2px;
        left: 10px;
        margin: 0;
        text-transform: capitalize;
        font-weight: 600;
        z-index: 11;
    }
    .kendoselectboxl-lfixed .k-input {
        padding-top: 12px !important;
        height: 41px !important;
    }*/

.mr10 {
    margin-right: 8px !important;
}

.ml10 {
    margin-left: 10px;
}

.promotion ul li {
    width: 49%;
    display: inline-flex;
}

    .promotion ul li a {
        display: flex;
        padding: 0;
    }

.popup-edit-modal .modal-dialog {
    max-width: 800px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.dvlst-box-unit {
    background: rgba(0,0,0,0.3);
    z-index: 99999999;
}

.purchaseordertbl input.k-input {
    border-width: 0px !important;
}

/*custom tooltip*/

.qtytooltipmain {
    position: relative;
    display: block;
    height: 100%;
    margin-top: 6px;
}

    .qtytooltipmain:hover .qtymain {
        opacity: 1;
        filter: alpha(opacity=100);
        top: auto;
        left: 0;
        bottom: 55px;
        z-index: 99;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: block;
    }

    .qtytooltipmain .qtymain {
        background: #222;
        color: #fff;
        font-family: 'Helvetica';
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.5em;
        padding: 8px 2px 8px 2px;
        top: auto;
        bottom: 55px;
        left: 0;
        margin-left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        text-align: center;
        z-index: 2;
        text-transform: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: none;
    }

        .qtytooltipmain .qtymain:after {
            border-color: #222 rgba(0, 0, 0, 0);
            border-style: solid;
            border-width: 15px 15px 0;
            bottom: -15px;
            content: "";
            display: block;
            left: 60px;
            position: absolute;
            width: 0;
        }

        .qtytooltipmain .qtymain td {
            padding: 2px 5px !important;
            color: #fff;
            border: #525252 solid 1px;
        }

            .qtytooltipmain .qtymain td:first-child {
                text-align: left;
            }

            .qtytooltipmain .qtymain td.vtop {
                vertical-align: top !important;
            }

        .qtytooltipmain .qtymain table th {
            background: #000;
            border: #525252 solid 1px;
        }

        .qtytooltipmain .qtymain table {
            border: #525252 solid 1px;
        }

        /*.qtytooltipmain .qtymain table.unittbl {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }
    .qtytooltipmain .qtymain table.unittbl tr:first-child td {
        border: none;
    }*/
        .qtytooltipmain .qtymain tr.qtytotallst td {
            background: #000;
        }

        .qtytooltipmain .qtymain table.unittbl {
            margin: 0px;
            padding: 0px;
            width: 100%;
        }

/*custom tooltip*/
.promotion-btn .btn-info {
    margin: 0 0 0 5px !important;
    padding: 0 10px;
}

.promotion-btn .dropdown-menu {
    width: 210px;
}

    .promotion-btn .dropdown-menu > li > a i {
        margin-right: 5px;
    }

.mr0 {
    margin-right: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.clientmt {
    margin-top: 30px;
}

.amazon-store-img {
    overflow: auto;
    border: solid 1px #ccc;
}

    .amazon-store-img img {
        min-width: initial;
        max-width: initial;
        width: initial;
        border: transparent;
    }

.amazonguidance.shipping-main .amazonguidance-steps:last-child {
    margin-bottom: 15px;
}

table.editTableOrder tbody.visible:nth-of-type(1) .qtytooltipmain:hover .qtymain {
    top: 52px;
}

table.editTableOrder tbody.visible:nth-of-type(1) .qtytooltipmain .qtymain:after {
    border-width: 0 15px 15px;
    top: -15px;
    bottom: auto;
}
/*
    table.editTableOrder tbody.visible:nth-of-type(2) .qtytooltipmain:hover .qtymain {
        top: 52px;
    }

    table.editTableOrder tbody.visible:nth-of-type(2) .qtytooltipmain .qtymain:after {
        border-width: 0 15px 15px;
        top: -15px;
        bottom: auto;
    }*/

.forunittooltip {
    min-height: 239px !important;
    /*border: #ccc solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
}

.qtytooltipmain .qtymain {
    min-height: 106px;
    max-width: 300px;
}

    .qtytooltipmain .qtymain tr,
    .qtytooltipmain .qtymain thead {
        background: transparent !important;
    }

    .qtytooltipmain .qtymain th {
        padding: 2px 5px;
        color: #fff !important;
    }

.qtytooltipmain .qtymainin {
    max-height: 91px;
    overflow: auto;
    padding: 0 5px;
}

div#LastSyncDatetimepicker_dateview a.k-link {
    color: #000;
}

    div#LastSyncDatetimepicker_dateview a.k-link:hover {
        color: #fff;
        background: #0071dc;
        border-radius: 50px;
    }

div#LastSyncDatetimepicker_dateview .k-other-month a.k-link {
    color: #cdcdcd;
}

div#LastSyncDatetimepicker_dateview .k-today a.k-link {
    background: #0071dc;
    color: #fff;
    border-radius: 50px;
}

.multibox-for-single-pro label {
    width: 100%;
}

.multibox-for-single-pro input {
    max-width: 49%;
    display: inline-block;
}

.unitf {
    margin-right: 2%;
}

.inputOuter input {
    max-width: 100% !important;
}

.bdrround {
    border: #ddd solid 1px;
}

.kendoinputbox span.k-widget.k-numerictextbox.decimal-field.form-textBox {
    padding: 0 !important;
}

.storemulti .k-multiselect-wrap,
.emaillist .k-multiselect-wrap {
    border-width: 1px;
    height: 41px;
    padding: 2px;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 12px;
}

    .storemulti .k-multiselect-wrap li span,
    .emaillist .k-multiselect-wrap li span {
        margin-right: 0;
    }

    .storemulti .k-multiselect-wrap li,
    .emaillist .k-multiselect-wrap li {
        padding: 1px 20px 1px 8px;
    }

        .storemulti .k-multiselect-wrap li span.k-icon {
            margin: 2px;
        }

.emaillist .k-multiselect-wrap {
    padding: 16px 60px 2px 2px;
    overflow-y: auto;
}

    .emaillist .k-multiselect-wrap li {
        line-height: 15px !important;
    }

        .emaillist .k-multiselect-wrap li span.k-icon {
            margin: 0 2px;
        }

.emaillist span.k-icon.k-clear-value.k-i-close {
    right: 10px;
}

.emaillist {
    position: relative;
}

    .emaillist label {
        position: absolute;
        top: -4px;
        z-index: 999;
        font-size: 12px;
        font-weight: 600;
        padding: 0 2%;
        width: 92%;
        background: #ffff;
        box-sizing: border-box;
        margin-left: 1%;
        line-height: 12px;
        padding-top: 2px;
    }

.height350 {
    min-height: 350px;
}

.emailnotification {
    background: #fff;
    padding: 15px 10px;
}

.email-report {
    display: none;
    padding: 10px 15px;
    border: #ddd solid 1px;
}

.datepicker-email input.k-input:focus,
.timepicker-email input.k-input:focus {
    border: #fff solid 1px !important;
}

.datepicker-email span.k-picker-wrap.k-state-default,
.timepicker-email span.k-picker-wrap.k-state-default {
    height: 41px;
    box-sizing: border-box;
}

.datepicker-email .date .input-group-addon {
    z-index: 11;
}

.emailform {
    background: #efefef;
    border-radius: 5px;
    padding: 15px 20px 25px 20px;
    margin: 10px 0 25px 0;
}

.exportfields .k-listbox-toolbar {
    top: 50%;
    position: relative;
    right: 0;
    transform: translateY(-50%);
}

    .exportfields .k-listbox-toolbar a.k-button.k-button-icon {
        display: inline-flex;
        cursor: pointer !important;
        border: #000 solid 1px;
        border-radius: 5px;
        color: #000;
    }

        .exportfields .k-listbox-toolbar a.k-button.k-button-icon:hover {
            background: #0071DC;
            color: #fff;
            border: #0071DC solid 1px;
        }

.exportfields .k-listbox .k-list-scroller li {
    padding: 5px 15px;
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    min-height: auto;
}

.email-sale-velocity-report .k-grid-content {
    max-height: 550px;
}

.billinginput {
    margin-bottom: 12px !important;
}

    .billinginput .k-numerictextbox .k-input {
        min-height: 41px !important;
    }

.dropbg span.k-widget.k-dropdown {
    background: #fff;
}


.email-frequnicy-sb, .day-name-sb, .datepicker-email, .timepicker-email, .store-sb, .report-name-sb, .email-columnex, .email-time-zone {
    width: 12%;
}

.days-inventory-sb, .days-email, .daysales-sb {
    width: 9%;
}

.email-sb {
    width: 15.6%;
}

.select-days-email {
    width: 13%;
}

.store-sb .labelup .form-floating > .form-control {
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
    overflow: hidden;
}

.store-sb label {
    background: #fff;
    padding: 0px !important;
    height: 20px !important;
    top: 10px !important;
    padding-left: 2px !important;
}

.store-sb {
    width: 12%;
}

    .store-sb .k-multiselect-wrap {
        position: absolute;
        border-width: 0;
        border-style: solid;
        border-radius: 4px;
        border-color: #c5c5c5;
        background-color: #FFF;
        min-height: 2.04em;
        top: 1px;
        height: 38px;
        width: 98%;
        box-sizing: border-box;
        padding: 17px 0;
        overflow: hidden;
        overflow-y: auto;
        left: 1px;
    }

        .store-sb .k-multiselect-wrap li {
            margin: 1px 0 1px 1px;
            padding: 1px 23px 1px 8px;
            line-height: 1.5em;
            float: left;
            line-height: 12px;
            font-size: 12px;
            line-height: 15px !important;
        }

    .store-sb span.k-icon.k-clear-value.k-i-close {
        right: 6px;
    }

    .store-sb .k-widget {
        border: #ccc solid 1px !important;
        box-sizing: border-box;
    }

.datepicker-email input {
    width: 100%;
    height: 41px;
}

.datepicker-email .datepicker.datepicker-inline {
    position: absolute;
    background: #f5faff;
    z-index: 99;
    box-shadow: #000 0px 0px 2px;
    display: none !important;
}

.datepicker-email {
    position: relative;
}

    .datepicker-email label {
        position: absolute;
        top: -6px;
        width: 100%;
        left: 14px;
        font-weight: 600;
        font-size: 13px;
    }

    .datepicker-email input {
        width: 100%;
        height: 41px;
        border: #ddd solid 1px;
        border-radius: 3px;
        font-size: 13px;
        padding: 17px 7px 6px 7px;
    }

.emailform .form-group {
    margin-bottom: 12px;
}

.mt24 {
    margin-top: 29px;
}

.productboxbdr td:last-child {
    border-top: 1px solid #f0f4f7;
    border-right: 1px solid #f0f4f7;
}

.emaillist .k-multiselect-wrap .k-input {
    font-size: 14px;
    color: #000;
}

.email-sale-velocity-report .k-grid-header th.k-header > .k-link {
    white-space: nowrap;
}

.timepicker-email .dropdown-toggle {
    width: 100%;
}
/*.dateliup .input-group-addon,
    .dateliup label {
        z-index: 11 !important;
    }*/
/*.sales-left .date input {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}*/

.closehide span.k-dropdown-wrap.k-state-default span.k-icon.k-clear-value.k-i-close {
    display: none !important;
}

.sales-left .kendoselectboxl label,
.salesorder .kendoselectboxl label,
.receive-payment .kendoselectboxl label {
    z-index: 1 !important;
}

.ship-order-date .form-control,
.approximate-arri .form-control {
    background: transparent;
    border: #ddd solid 1px;
}

.selectlabel label {
    padding-right: 36px !important;
}

.picDate .TDate label,
.asof label,
.FDate label {
    z-index: 3 !important;
}

.purchase-ordpopup .table input[type=checkbox] {
    background: #fff;
}

.description_bill .form-group.form-floating.notes > label {
    width: 95%;
}

.dateliup label {
    width: calc(100% - 22px) !important;
}

.form-floating.dateliup > .form-control:focus ~ label {
    width: calc(100% - 2px) !important;
}

.discounttypeid label {
    text-align: left;
}

.credit .mr-2 {
    margin-right: 10px;
}

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

.charge label {
    text-align: left;
}

.recipient {
    margin-top: 15px;
}

.fromandtodestination .modal-dialog,
.price-type-modal .modal-dialog,
.pocost-type-modal .modal-dialog {
    max-width: 450px;
}

.fromandtodestination .modal-body {
    padding: 30px 30px 20px 30px;
}

.receivetable .table {
    min-width: 1747px;
}

.open-add-sku-popup {
    cursor: pointer;
}

.priceblock .form-group {
    margin-bottom: 15px;
}

.products-table .kendoselectboxl label {
    z-index: 1;
}

.inventory-pro .fortooltip .form-control {
    padding-right: 35px !important;
}

.inventory-pro .mytooltip.tol-tp {
    top: 0px;
    right: 9px;
    position: absolute;
    height: 40px;
    width: 31px;
    padding: 0;
    border-left: #ccc solid 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d9d9d9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
}
button#Button2 {
    background: transparent;
    color: #01b1c2;
}
/*.skumain label {
        transform: scale(.98) translateY(-0.7rem) translateX(0.15rem);
        pointer-events: auto !important;
    }*/

.skumain {
    position: relative;
}

    .skumain .fa-exclamation-circle {
        position: absolute;
        top: -14px;
        font-size: 14px;
    }

    .skumain .fa-plus-circle {
        position: absolute;
        top: -14px;
        left: 18px;
        font-size: 14px;
    }

label.form-label.enablessl {
    display: inline-flex;
    align-items: center;
}

    label.form-label.enablessl label {
        margin: 0 0 0 10px;
    }

.preferencesform label {
    text-transform: capitalize;
}

.singleproinput {
    cursor: auto;
}

    .singleproinput input.form-control {
        cursor: auto;
        border: transparent !important;
    }

.transferdate label, .transferdate .input-group-addon {
    top: 2px;
}

.incomeingrgrid .k-grid td {
    padding: 3px 0.3em !important;
}

.shipstation-generateapikey .modal-content {
    max-width: 495px;
    margin: 0 auto;
}

.closemain .close {
    font-size: 36px;
    color: #fff;
    margin: 0 0 0 0;
    position: absolute;
    right: 0;
    top: 0px;
    padding-bottom: 0px;
    text-shadow: none;
    font-weight: 500;
    opacity: 1;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #a5a5a5;
}

    .closemain .close:hover {
        background: #e9220f;
        color: #fff;
        border-radius: 0 5px 0 0px;
        opacity: 1;
    }

.dvPropsales .k-numerictextbox .k-state-focused input:focus::selection {
    background: transparent;
}

.form-select {
    font-size: 14px;
    border-radius: 5px;
}

    .form-select:focus {
        border-color: #000;
    }

.column-wh {
    max-width: 20%;
}

.collections .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 13px;
}

.addlocation select {
    width: 100%;
}

.information-newevent {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}

.qut-part.receivetable {
    text-align: left;
}

.imgaction {
    display: flex;
}

    .imgaction .deleteicon {
        margin-left: 12px;
    }

.products-table .vedio-main {
    padding: 10px 0px;
}

.start-picked-history td:last-child {
    white-space: normal;
    overflow: visible;
}

.start-picked-history .vhaction .dropdown-item {
    background: #24AEFF;
    width: 100% !important;
    color: #fff;
    transition: all 0.3s ease-in-out
}

    .start-picked-history .vhaction .dropdown-item:hover {
        background: #0072df;
        transition: all 0.3s ease-in-out
    }

.start-picked-history .vhaction .qtypopupcontentnew {
    background: transparent;
}

.orderdate-btn {
    width: 70%;
}

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

    .shippedorders .showsdr {
        margin-left: auto;
    }

    .shippedorders .selectso {
        width: 16%;
    }

.customizesetting .mytooltip .tooltip-content table {
    height: 180px;
    overflow-y: auto;
    width: 100%;
    display: block;
}

.customizesetting .mytooltip .tooltip-content {
    width: 230px;
}

.shipped-orders .shippingmanagement {
    margin-top: 0px;
}

.all-orders-page .topordersc .filters {
    padding: 0px !important;
}

.btnreport {
    float: right
}

    .btnreport .btn {
        white-space: nowrap
    }

.receivetable1 .table {
    min-width: 1500px;
}

.actionbtng {
    display: flex;
    align-items: center
}

.wrsbtn {
    min-width: 80px;
}

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

div.wrmain h3 {
    text-transform: capitalize !important;
    margin: 0px;
    padding-bottom: 8px;
}

.shadow {
    box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.1) !important;
}

.card {
    border: #ddd solid 1px;
}

.readonlytotal .form-control {
    margin-bottom: 5px;
}

.startpick-modal .modal-dialog {
    max-width: 745px;
}

#spdiv2, #spdiv3 {
    display: none;
}

/*#spprev {
        display: none;
    }*/

.startpick-modal .modal-body {
    padding: 15px 40px;
}

.startpick-modal .modal-footer {
    justify-content: center;
}

.spmain {
    min-height: 330px;
}

    .spmain table {
        width: 100%;
    }

.spqtymain {
    display: flex;
    min-width: 125px;
    width: 135px;
}

    .spqtymain button.spsub {
        all: unset;
        background: #ccc;
        padding: 10px;
        height: 21px;
        border-radius: 5px 0px 0px 4px;
        min-width: 20px;
        font-size: 31px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
    }

    .spqtymain button.spadd {
        all: unset;
        background: #ccc;
        padding: 10px;
        height: 21px;
        border-radius: 0px 5px 5px 0px;
        min-width: 20px;
        font-size: 20px;
        line-height: 20px;
        cursor: pointer;
        text-align: center
    }

    .spqtymain .form-control {
        border-radius: 0px !important;
        text-align: center;
    }

        .spqtymain .form-control::-webkit-inner-spin-button {
            -moz-appearance: none;
            -webkit-appearance: none;
        }

.startpick-modal .modal-footer button {
    min-width: 68px;
    margin: 0 2px;
}

.startpick-modal .spprev, .startpick-modal .spnext {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #000;
    border: #ddd solid 1px;
}

    .startpick-modal .spprev:hover,
    .startpick-modal .spnext:hover {
        background: #0071DC;
        color: #fff;
    }

.startpick-modal .spprev {
    left: -20px;
    margin: 0;
}

.startpick-modal .spnext {
    right: -20px;
    margin: 0;
}

.expected-count {
    margin: 5px 0 0 0;
    display: block;
    font-size: 14px;
}

.spqty {
    display: flex;
}

.spqtyblmain {
    margin-bottom: 12px;
}

.startpick-modal .min.button {
    font-size: 24px;
}

.startpick-modal .plus.button {
    font-size: 18px;
}

.startpick-modal .min.button,
.startpick-modal .plus.button {
    padding: 5px;
    cursor: pointer;
    background: #fff;
    color: #000;
    min-width: 35px;
    height: 42px;
    text-align: center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 5px;
    border: #ddd solid 1px;
}

    .startpick-modal .min.button:hover,
    .startpick-modal .plus.button:hover {
        background: #ddd;
        color: #000;
    }

.spqtyfiled, .spqtyfiled:focus {
    border-radius: 5px 5px 0px 0px !important;
}

.expected-count2 {
    margin: 0px 0 0 0px;
    display: block;
    font-size: 13px;
    border-radius: 0px 0px 5px 5px;
    background: #dcdcdc;
    padding: 2px 5px;
}

.qtyrightsp {
    margin-left: 5px;
    position: relative;
}

.item-product .form-control {
    width: 300px;
}

.p-product-nm {
    width: 450px;
}

.item-product {
    display: grid
}


.tablestyle-web th {
    border: #87bfb0 solid 1px;
    border-bottom: #87bfb0 solid 2px !important;
    background: #9dd1c3;
    white-space: nowrap;
    padding: 10px 10px;
}

.tablestyle-web td {
    background: #fff;
    border: #e1e0e0 solid 1px;
    font-size: 14px;
}

.tablestyle-hgt {
    max-height: 500px;
    overflow-y: auto;
}

.orp-payment-block .row {
    flex-wrap: nowrap;
    width: 100%;
    box-sizing: border-box;
}

.orp-payment {
    width: auto;
    flex: auto;
    min-width: 147px;
    padding-right: 0px;
}

.orp-amount {
    width: 126px;
}

    .orp-amount .form-control {
        background: #fff !important;
    }

select.timeSelect {
    padding-right: 32px;
}

.nice-select.timeSelect {
    width: 120px
}

.return-si .summary-title {
    border-bottom: transparent;
}

.return-si .shipments-left {
    margin-bottom: 0px !important;
}

/*.pending-shipment-orders.pickedorderList div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar,
.pending-shipment-orders.allpickorderlist div#grid.orderManagement.shipping-management-orders-page .k-header.k-grid-toolbar {
    top: -53px;
}*/

.cart-bin-edit span.k-icon.k-i-arrow-60-down {
    right: 7px;
}


.importsalesordertracking h2 {
    margin: 0px;
}

.store-logo .image-preview {
    border: #ccc solid 1px;
    border-radius: 5px;
}

.create-pick-job-modal .modal-dialog {
    max-width: 600px;
    margin-top: 9px;
}

.forunittooltip select.form-control {
    text-align: left !important;
}

.tax-able-check {
    display: flex;
    align-items: center;
}

    .tax-able-check input {
        min-width: 45px;
        margin-right: 7px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

a.remove-link {
    cursor: pointer;
    background: #fff;
    border-radius: 50px;
    width: 45px;
    display: flex;
    height: 45px;
    align-items: center;
    justify-content: center;
}

.shipping-weight {
    margin-top: 22px;
}

    .shipping-weight i {
        position: absolute;
        top: -18px;
        left: 0;
    }

.up-popup th, .ui-popup th {
    padding: 10px 15px !important;
    letter-spacing: 0px !important;
}

.customize-details table th {
    padding: 10px 10px !important;
    letter-spacing: 0px !important;
}

.orp-details strong {
    margin-right: 10px;
}

.orp-details strong {
    margin-right: 10px;
}

.show-value {
    display: none;
}

/*.show-value_1 {
    display:none;
    }*/

.top-fiter-container .form-floating label,
.shipments-filter-bar .form-floating label {
    z-index: 11 !important;
}

.whiteBoxIneer .addproductWarehousev .kendoselectboxl label {
    font-size: 13px !important;
}

.addproductWarehousev .addnewqtycontent .k-dropdown-wrap .k-input {
    height: 41px !important;
    line-height: 18px !important;
}

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

.addproductwvvriation .qtypopupcontentnew .addnewqtycontent input {
    margin-top: 0px !important;
}

.addproductwvvriation .addnewqtycontent .k-dropdown-wrap .k-input {
    font-size: 13px;
}

.iqa-mytablesales td input:read-only, .orpmytableso td input:read-only {
    border: transparent !important;
}

.iqa-mytablesales .active .rate .k-numerictextbox,
.iqa-mytablesales .active .rate .k-numerictextbox:focus {
    border: 1px solid #ccc !important;
}

.create-main-fest-modal .modal-dialog {
    max-width: 600px;
}
.mainfest-top, .manifest-search {
    margin-bottom: 10px;
}
.mainfest-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;    
}

    .mainfest-top .carriers, .mainfest-top .services {
        max-width: 150px;
        width: 100%;
        margin-left: 10px;
    }

        .mainfest-top .carriers label, .mainfest-top .services label {
            text-align: left;
        }

.boxsizing .form-control,
.boxsizing .acbtn,
.boxsizing .form-select {
    box-sizing: border-box;
}

.internalwh .k-auto-scrollable .form-select {
    width: 100% !important;
}

.tc {
    text-transform: capitalize;
}

.inventoryreportqtya .dropdown-menu {
    width: 900px;
    padding: 0;
    right: 0;
}

.flex-inherit {
    display: inherit !important;
}


.return-damage-qty .pl-r {
    padding-left: 3px;
}

.w-full {
    width: 100% !important;
}

.custom-carriers-modal {
    z-index: 9999;
}

.carriers-integrations .modify-connection .modal-body {
    height: calc(100% - 200px);
    overflow: auto;
}

.card-grop-btn {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    width: 200px;
    justify-content: space-between
}

    .card-grop-btn .acbtn {
        height: 18px;
    }

    .card-grop-btn .hidden {
        display: none !important;
    }

    .card-grop-btn .k-state-default p {
        margin: 0;
    }

    .card-grop-btn .acbtn i {
        color: #fff !important;
        line-height: normal;
    }


table.carrier-details-table {
    width: 100%;
    min-width: 1055px;
}

    table.carrier-details-table td {
        padding: 5px;
        border-bottom: #efefef solid 1px;
    }

        table.carrier-details-table td:first-child {
            padding-left: 0px;
        }

        table.carrier-details-table td:last-child {
            padding-right: 0px;
        }

    table.carrier-details-table tr:last-child td {
        border-bottom: 0px;
    }

.custom-carriers-modal .modal-body {
    padding: 25px !important;
}

.add-driver-form {
    background: #efefef;
    border-radius: 5px;
    padding: 15px 20px 15px 20px;
    margin: 10px 0 25px 0;
}

.carrier-card {
    border: solid 1px #ccc;
    background: #fff;
    padding: 10px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.add-driver-modal .modal-dialog {
    max-width: 875px;
    width: 100%;
}

.order-returns-pr-h td {
    overflow: hidden;
    text-overflow: ellipsis;
}

    .order-returns-pr-h td.k-command-cell {
        overflow: inherit;
        text-overflow: inherit;
    }

/*.customwidth {
        min-width:1106px;
    }*/

/*.c-phone, .c-web, .c-gmail, .c-last, .c-name, .c-btn {
        padding: 0 2px;
    }*/
/*
    .carrier-cart {
        flex-wrap: nowrap;
    }*/

.cancel-order-modal .modal-dialog {
    max-width: 951px;
    width: 98%;
}

.width32 {
    width: 32px !important;
}

.tu {
    text-transform: uppercase
}

.sc-auto {
    overflow: auto;
}

.twh {
    width: 100%;
    max-height: 300px;
}

.table-style {
    margin-bottom: 20px;
}

    .table-style th {
        border: #87bfb0 solid 1px;
        padding: 0.63em 0.6em;
    }

    .table-style td {
        border: #ccc solid 1px;
        padding: 0.4em 0.6em;
        color: #6F6F6F;
        font-size: 13px;
    }

.product-d-table table {
    min-width: 985px;
    display: block;
}

.product-d-table {
    /* -webkit-box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    -moz-box-shadow: 0px 0px 13px -3px rgba(97,97,97,0.38);
    box-shadow: 0px 0px 13px -3px rgb(97 97 97 / 38%);
    background:#fff;*/
    overflow: auto;
}

    .product-d-table th {
        background: #fff;
        padding: 10px 10px 0px 10px;
    }

    .product-d-table td {
        background: #fff;
        padding: 10px;
    }

    .product-d-table td {
        font-size: 14px;
        text-transform: capitalize;
        vertical-align: top !important;
    }

    .product-d-table table {
        min-width: 700px;
    }

.product-d-table {
    overflow: auto;
    padding: 0px;
    /*border-bottom: #e1e1e1 solid 1px;*/
    /*margin-bottom: 20px;*/
    /*border-top: #e1e1e1 solid 1px;*/
    /*border-radius: 5px;*/
}

.cpproductname p {
    margin-bottom: 2px;
}

.cpproductname strong {
    font-weight: 600;
}

span.mr-10 {
    margin-right: 10px;
}

.cpproductname {
    display: flex;
}

.ccheck {
    margin-right: 10px;
}

.clabel {
    display: inline-block;
}

.selectedorder {
    position: absolute;
    right: 0;
    left: auto;
    width: 210px;
    top: -3px;
}

.rpl-0 {
    padding-left: 0px !important;
}

.barocde {
    margin-right: 5px !important;
}

.manifest-search .search-box {
    margin-right: 0px !important;
}

.links {
    color: #01b1c2;
    cursor: pointer;
}

    .links:hover {
        color: #000;
    }

.t-left {
    text-align: left;
}

.mainifest .k-grid-header-wrap table {
    width: 100% !important;
}

.create-btn {
    color: #fff !important;
}

.table-condensed td.new.day {
    display: table-cell;
    position: inherit;
    background: transparent !important;
}

    .table-condensed td.new.day:hover {
        background-color: #0bb5af !important;
        color: #fff;
        border-radius: 100%;
    }


.white-box.products-table.inventory-report-list .inventoryreport td {
    overflow: hidden;
    text-overflow: ellipsis;
}

    .white-box.products-table.inventory-report-list .inventoryreport td:last-child {
        overflow: visible
    }


.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-two-line {
    -webkit-line-clamp: 2;
}

.mt-6 {
    margin-top: 6px !important;
}

.store-name-main {
    display: flex;
    align-items: center;
}

.store-logo {
    height: 60px;
    width: 80px;
    min-width: 80px;
    align-content: space-between;
    display: flex;
    align-items: center;
    margin-right: 5px;
}

    .store-logo img {
        width: auto !important;
    }


.h-41 {
    height: 41px !important;
}

.status-info {
    font-size: 16px;
}

.tracking-n {
    border: #ccc solid 1px;
    border-radius: 5px;
    height: 32px;
}

#ddlCategory_listbox li,
#ddlBankPayee_listbox li {
    display: flex;
}

    #ddlCategory_listbox li > span.k-state-default,
    #ddlBankPayee_listbox li > span.k-state-default {
        margin-right: 5px;
    }

.product-div .customize-part {
    overflow: auto;
}

#variationData .product-div .customize-part {
    min-height: 600px;
}

.bg-light .row {
    align-items: flex-end
}

.thumbnails-div li span.slogo {
    height: 97px;
    display: flex;
    align-items: center;
    border: #ccc solid 1px;
    background: #fff;
}

.thumbnails-div li.active span.slogo {
    border: #0071dc solid 1px;
}

.thumbnails-div li.active a {
    background: #0071dc !important;
}

.thumbnailLabel.normalText {
    line-height: 14px;
}

.productlist-content .product_img .hotselling {
    display: none;
}

.addproductwvvriation .productlisttbl .k-grid-content {
    max-height: 250px;
}

.cartlocation span {
    display: inline-block;
    font-weight: normal;
    margin-right: 5px;
}

.cartlocation strong {
    font-weight: 600 !important;
}

.cp-action-btn {
    display: flex;
    align-items: end;
}

    .cp-action-btn i {
        font-size: 17px;
        margin-right: 10px;
    }

    .cp-action-btn img {
        width: 18px;
    }

.custom-packages {
    padding: 20px;
    border: #ccc solid 1px;
    margin: 20px 0;
    border-radius: 0.375rem;
}

    .custom-packages .k-grid-content {
        max-height: 333px;
    }

    .custom-packages .k-pager-wrap {
        background: transparent;
    }

.m-r-3 {
    margin-right: 5px !important;
}

.custom-new-package-modal .modal-dialog {
    width: 330px;
}

.modal.Customer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999 !important;
}

.netsuite .dropdown-menu.show {
    max-width: 200px;
    min-width: 200px;
}

.netsuite .dropdown-item {
    position: relative;
    padding-right: 25px !important;
    white-space: inherit;
}

.netsuite span.mail-desc {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.delete-field {
    padding: 5px 0;
}

    .delete-field img {
        width: 18px;
    }

.kendulabel {
    position: relative;
}

    .kendulabel label {
        position: absolute;
        top: 0;
        z-index: 99;
        padding-left: 10px;
        font-weight: 600;
        font-size: 12px;
    }

    .kendulabel .k-input {
        padding: 17px 4px 5px 4px !important;
    }

.k-column-menu .k-animation-container {
    background: transparent;
}

.form-floating.textarea-main:before {
    content: '';
    position: absolute;
    top: 1px;
    height: 14px;
    width: calc(100% - 19px);
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 1px;
}

#ddlCartGroup__listbox .k-state-default {
    flex-grow: 1;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mr-2 {
    margin-right: 5px;
}

.shadow-lg {
    box-shadow: 0 0rem 1rem rgba(0,0,0,.175) !important;
}

#variationData .product-div .customize-part .collapse.menu-item {
    padding-bottom: 15px;
}

.kendulabel .form-control.k-textbox {
    padding-top: 15px !important;
}

.b-radius {
    border-radius: 5px;
}


/*New Product Card CSS */

.ProductCardView .product h3 {
    height: 39px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 5px;
    font-size: 14px;
}

.ProductCardView .product h4 {
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
}

    .ProductCardView .product h4 span {
        color: var(--bs-black);
        display: block
    }

.ProductCardView .k-widget * {
    box-sizing: border-box !important;
}

.ProductCardView .product {
    padding: 0 !important;
}

.ProductCardView .product-details {
    padding: 10px !important;
    min-height: 150px;
}

.gray-text {
    color: #727272 !important;
}

.ProductCardView .product h3, .ProductCardView .product h4 {
    margin: 0;
    overflow: hidden;
    line-height: 1.43;
    font-size: 14px;
}

.ProductCardView .product .product_img img {
    max-width: 255px;
    max-height: 255px;
    height: 100%;
    margin: auto;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ProductCardView .card {
    margin-bottom: 10px;
}

.ProductCardView .product .product_img {
    max-height: 201px;
    margin: 0 auto;
    width: 100%;
    height: 201px;
    min-height:201px;
    padding: 10px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}
.ProductCardView .product {
    height: calc(100% - 14px) !important;
}
    .ProductCardView .product .card-footer {
        height: 100%;
    }

.ProductCardView .card-footer .fa {
    font-size: 17px;
    padding: 5px 5px 0 5px;
    color: var(--bs-primary) !important;
}
    .ProductCardView .card-footer .fa:hover {
        color: #01b1c2 !important;
    }

.ProductCardView .card-footer .priceAndinventory img:hover {
    filter: invert(54%) sepia(74%) saturate(3274%) hue-rotate(143deg) brightness(99%) contrast(91%);
}

.ProductCardView .product-list-stores {
    margin-top: 2px;
}
/*
.ProductCardView .footer-images-product .dropdown img {
    max-width: 20px;
    max-height: 20px;
    padding: 2px;
    min-width: 30px;
    width:20px !important;
}*/
.ProductCardView .footer-images-product .dropdown img {
    max-height: 25px;
    padding: 1px 2px;
    width: auto !important;
}

    /*.ProductCardView .footer-images-product .dropdown.ms-logo {
    margin: 0px;
    max-width: 18.8%;
    width: 100%;
}*/
.ProductCardView .footer-images-product .dropdown.ms-logo {
    margin: 0px;
    max-width: 23.9%;
    width: 100%;
    /* box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.2) !important;*/
    border: transparent;
    background: #fff;
    margin-bottom: 2px;
}
.ProductCardView .footer-images-product .dropdown.ms-logo:before {
    display: none;
}

.ProductCardView .product-list-stores .image-wrapper {
    width: 100%;
    padding: 2px;
}
.ProductCardView .footer-images-product .dropdown.ms-logo:hover {
    box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.4) !important;
}

.ProductCardView .product-list-stores .image-wrapper.dropdown-toggle::after {
    display: none;
}

.arrow-none.dropdown-toggle::after {
    display: none;
}

.pstore-dropdown-main.mt-0 {
    margin-top: 0px !important;
}

.pstore-dropdown-main {
    margin-top: 0px !important;
    box-shadow: 0px 0px 10px 0px rgba(163, 163, 163, 1) !important;
    border-radius: 5px;
    border: transparent;
}

    .pstore-dropdown-main .action-header {
        font-size: 15px !important;
        cursor: inherit !important;
        line-height: 18px;
        background: #6f6f6f !important;
        border-bottom: 1px solid #6f6f6f !important;
        color:#fff !important;
    }

    .pstore-dropdown-main a {
        display: block;
        padding: 7px;
        color: #000;
        border-bottom: #dfdfdf solid 1px;
        font-size: 14px;
    }
        .pstore-dropdown-main a:hover {
            background: #e1f1ed;
            cursor: pointer;
        }

    .pstore-dropdown-main a:last-child:hover {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .pstore-dropdown-main a.action-header {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.menu-item {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 50;
}

.addproductwvvriation .topsavebtn {
    min-width: 700px;
}

.new {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 3px 5px;
    background-color: #5CBB53 !important;
    border-radius: 10px;
    display: inline-block;
    line-height: 15px;
}

.hotselling {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 5px;
    background-color: #FF1140 !important;
    border-radius: 0px;
    display: inline-block;
}

.high-stock {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 5px;
    background-color: #5CBB53 !important;
    border-radius: 0px;
    display: inline-block;
}

.low-stock {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 5px;
    background-color: #8C8A8B !important;
    border-radius: 0px;
    display: inline-block;
}

.custom-accordian {
    width: 100%;
}

    .custom-accordian .accordion-button {
        width: 35px !important;
        background: none !important;
    }

        .custom-accordian .accordion-button:focus {
            outline: 0 none !important;
            box-shadow: none;
        }

    .custom-accordian .accordion-header {
        background-color: #E9E9E9;
    }

    .custom-accordian .addproductwvvriation {
        width: auto !important;
        flex-wrap: inherit !important
    }

    .custom-accordian .btnwv {
        margin-top: 0 !important
    }

    .custom-accordian .accordion-header .btn-link .fa {
        font-size: 22px
    }

    .custom-accordian .col-5 span {
        float: inherit !important
    }

    .custom-accordian .accordion-header .sm-text {
        font-size: 12px;
    }

    .custom-accordian .input-focus, .custom-accordian .form-label, .custom-accordian label {
        font-size: 14px;
        line-height: 15px;
    }

    .custom-accordian .form-label {
        margin-bottom: 0
    }

    .custom-accordian .form-control:disabled {
        background-color: #d8dde3;
    }

    .custom-accordian .btn-sm {
        height: auto
    }

    .custom-accordian .accordion-header h4 {
        font-size: 16px !important;
        word-break: break-word;
    }

    .custom-accordian .accordion-header .accordion-button::after {
        margin-left: 10px !important
    }

.custome-tabs .nav-pills {
    background-color: #dadce1 !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important
}

.custome-tabs .tab-content {
    width: 100%;
    margin-top: 0 !important;
    display: table;
    border: 1px solid #ccc !important
}

.custome-tabs .nav-link.active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.custom-attach .editor-field {
    border: dashed 2px #ccc;
    border-radius: 10px;
}

.custom-attach .k-dropzone {
    float: none !important;
    display: flex;
    margin: auto
}

.custom-attach ul.attachment {
    margin: 0;
    display: grid;
    grid-gap: 5px;
}

.custom-attach .k-upload .k-upload-button {
    margin: 0 auto
}

.custom-attach .k-upload-files {
    display: grid;
    grid-gap: 5px;
}

    .custom-attach .k-upload-files .k-upload-status {
        position: relative !important;
        margin-left: auto;
        top: 0 !important
    }

        .custom-attach .k-upload-files .k-upload-status .k-i-close {
            color: darkred !important;
        }

            .custom-attach .k-upload-files .k-upload-status .k-i-close:before {
                font-size: 14px;
            }

.custom-attach .k-upload-files {
    border: 0 !important;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
}

    .custom-attach .k-upload-files .k-file {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 10px;
        border-radius: 5px;
        padding: 5px 10px;
    }

.btn-outline-primary.btn-sm {
    height: auto;
    color: var(--bs-primary) !important
}

    .btn-outline-primary.btn-sm:hover,
    .btn-outline-primary.btn-sm:focus {
        color: #fff !important
    }

.min-w80 {
    min-width: 80px
}

.input-group-text.h32 {
    height: 32px !important
}

.font-13 {
    font-size: 13px !important
}

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

.min-w250 {
    min-width: 250px
}

.price-table th, .price-table td {
    padding: 2px 0 !important;
}

.price-table td {
    font-size: 13px !important
}

.order-table th {
    background-color: #e1e1e1 !important
}

.summery-popup .custom-accordian .accordion-header {
    background-color: #fff !important
}

.summery-popup .custom-accordian .accordion-button {
    padding: 5px !important;
    height: 30px !important;
    box-shadow: 0 none !important
}

.summery-popup .custom-accordian .multiselect-shipping button {
    border-radius: 5px !important;
    padding: 5px !important;
    height: auto !important;
    display: flex
}

.export-dropdown .dropdown-menu.show {
    top: 10px !important;
    left: -17px !important;
}

.ms-logo {
    position: relative;
    border: #ccc solid 1px;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .ms-logo:hover,
    .ms-logo:focus {
        border: #000 solid 1px;
    }

    .ms-logo:before {
        position: absolute;
        right: 0px;
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        color: #adadad;
        text-align: center;
        padding: 10px 5px;
        transform: translateY(-50%);
        top: 50%;
    }

#MarketPlaceDropdown .dropdown-content {
    right: auto !important;
}

.date-filteration {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    justify-content: flex-end;
    padding: 0px;
}

    .date-filteration .restockneed {
        width: 164px;
    }

    .date-filteration .filterationbox {
        min-width: 283px;
        display: flex;
        align-items: center;
    }

        .date-filteration .filterationbox .acbtn {
            height: 41px;
            align-items: center;
            display: flex;
            margin: 0 5px 0 0;
        }

    .date-filteration .input-group {
        border: #ccc solid 1px;
        border-radius: 5px;
    }

    .date-filteration .form-control {
        border: none !important;
    }

    .date-filteration.top-fiter-container > div {
        margin-bottom: 0px !important;
    }

.labelup .date-filteration .form-floating {
    margin-bottom: 0px;
}

.export-warehouse-receiving .date-filteration .receive-search {
    width: 234px;
    margin-left: 5px;
    border: #ccc solid 1px;
    border-radius: 5px;
}

.dropdownselectbox {
    flex: auto;
    width: 200px;
    position: relative;
    margin: 0px;
}

    .dropdownselectbox label {
        position: absolute;
        top: 0px;
        z-index: 11;
        left: 10px;
        margin: 0px;
        font-size: 12px;
        font-weight: 600;
    }

    .dropdownselectbox .k-dropdown {
        background: #fff;
        border-radius: 5px;
    }

    .dropdownselectbox .k-input {
        padding-top: 16px !important;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 22px !important;
    }

.incomeing-receving-history td {
    overflow: hidden
}

.incomeing-receving-history .k-grid-content, .incomeingrgrid .k-grid-content {
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

/*.incomeing-receving-history div.k-grid td,
.incomeingrgrid div.k-grid td {
    border-width: 1px 1px 0px 0px !important
}

    .incomeing-receving-history div.k-grid td:last-child,
    .incomeingrgrid div.k-grid td:last-child {
        border-width: 1px 0px 0px 0px !important;
    }*/

ul.locationsetting {
    padding: 0;
    margin: 0 -10px;
    list-style: none;
}

    ul.locationsetting li {
        margin: 5px 10px;
    }

    ul .locationsetting .form-check {
        min-height: 0;
        padding-left: 0;
    }

    ul.locationsetting .form-check-label {
        padding-left: 5px;
    }

ul.locationsetting {
    margin: 5px 10px;
}

.location-dropdown-main {
    margin: 0 0 0 20px;
}

    .location-dropdown-main .Locationdrop-in {
        background: #efefef;
        border-radius: 5px;
        padding: 10px;
        display: inline-block;
        width: 322px;
    }

        .location-dropdown-main .Locationdrop-in span.k-dropdown-wrap.k-state-default {
            background: #fff;
        }

        .location-dropdown-main .Locationdrop-in .k-dropdown-wrap .k-input {
            padding: 5px 5px !important;
        }

.istransfer-edit .acbtn {
    background: #ff0000;
}

    .istransfer-edit .acbtn:hover {
        background: #d90000;
    }

.shadow2 {
    box-shadow: 0 0rem 0.3rem rgba(0,0,0,0.2) !important;
}

.brd-0 {
    border: transparent;
}

.mr-0 {
    margin-right: 0px !important;
}

.pre-action i {
    padding: 0 5px;
}


/*plan page css start here*/

.planbox-main {
    height: 135px;
}

.plan-top {
    display: flex;
    align-items: center;
}

.plan-icon {
    margin-right: 1.5rem;
    width: 64px;
    height: 64px;
}

.plantitle {
    margin-bottom: 1rem;
    align-items: center;
    display: flex;
}

.plandetails {
    flex-direction: column;
    display: flex;
}

.plan-desc {
    font-size: .75rem;
    line-height: 1.5;
    color: #a2afbd;
    margin-bottom: 0px;
}

.plan-logo {
    float: right
}

.planview-btn {
    float: right
}

.lockicon {
    margin-left: 10px;
}

.pml {
    margin-left: 5px;
}

.temperature-modal {
}

/*plan page css end here*/
/*Xenets page css start here*/
.p-navigation {
    margin: 0px;
    padding: 0px;
    display: flex;
}

    .p-navigation li {
        position: relative;
        list-style: none;
        padding-right: 13px;
    }

        .p-navigation li::after {
            width: 12px;
            height: 12px;
            transform: translateY(-50%);
            top: 50%;
            position: absolute;
            content: "";
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20' name='chevron-right' color='secondaryShades.2' height='.75rem' width='.75rem' title='chevron-right' class='sc-eDLKEg eRbSqn'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-6-2h24v24H-6z'%3E%3C/path%3E%3Cpath fill='currentColor' d='M.866 17.809a1.307 1.307 0 0 0 0 1.815 1.23 1.23 0 0 0 1.77 0l8.498-8.716a1.307 1.307 0 0 0 0-1.816L2.636.376a1.23 1.23 0 0 0-1.77 0 1.307 1.307 0 0 0 0 1.815L8.48 10 .866 17.809Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat;
        }

        .p-navigation li:last-child::after {
            display: none;
        }

.chart-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 12px 24px;
    box-sizing: border-box;
}

.chart-section {
    margin: 0 48px 0 0;
}

.chart-date {
    color: #adafbb;
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
}

.chart-title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 0;
}

.lane-info-container {
    display: flex;
    flex-direction: column;
}

    .lane-info-container .lane-info {
        min-width: 140px;
        background-color: #ebf1ff;
        margin: 0 0 18px 0;
        padding: 18px 16px;
        border-left: 4px solid #0071dc;
        border-right: 4px solid #0071dc;
        border-radius: 4px;
        box-sizing: border-box;
    }

.lane-info-footer {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 16px;
}

.lane-info-header .lane {
    color: #adafbb;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.1rem;
}

.percent-increase::after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #47970a;
    position: absolute;
    top: 7px;
}

.chart-percent {
    display: inline-block;
    line-height: 18px;
    z-index: 2;
    font-weight: 600;
    font-size: 18px;
    color: #2b2b2b;
    position: relative
}

.chart-percent {
    margin-right: 29px;
    position: relative;
}

    .chart-percent :last-of-type {
        margin-right: 0;
    }

.percent-increase {
    color: #47970a;
}

.percent-decrease {
    color: #f00;
}

    .percent-decrease::after {
        content: "";
        width: 0;
        height: 0;
        margin-left: 5px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #f00;
        position: absolute;
        top: 7px;
    }

.lane-info-footer-item {
    margin-right: 26px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .lane-info-footer-item .label {
        margin-right: 6px;
        padding: 0px;
        font-weight: 600;
    }

.chart-section--grow {
    flex-grow: 1;
    margin-right: 0;
}

.chart-select-button {
    width: auto;
    height: 3em;
    line-height: 3em;
    background-color: #1d63ff;
    overflow: hidden;
    border-radius: 0.5em;
    text-overflow: ellipsis;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 36px;
    margin-bottom: 24px px;
    max-width: 300px;
}

.percent-zero {
    color: #adafbb;
}

.about-the {
    flex-direction: column;
    width: 100%;
    display: flex;
    margin: 0 15px;
}

    .about-the ul {
        line-height: 1.5;
        font-size: 0.90rem;
        color: #3b4858;
        margin: 0;
        padding: 0;
    }

    .about-the li {
        font-size: 0.90rem;
        line-height: 1.5;
        color: #3b4858;
        position: relative;
        list-style: none;
        padding-left: 15px;
        margin-bottom: 2px;
    }

        .about-the li:before {
            content: "\f0da";
            position: absolute;
            left: 0;
            font: normal normal normal 13px/23px FontAwesome;
            color: #000;
        }

/*Xenets page css End here*/

.all-report .row {
    flex-wrap: nowrap
}

.all-report .allr-left {
    width: 272px;
}

.allrl-list {
    max-width: 214px;
}

.all-report .allr-right {
    width: calc(100% - 272px);
}

.allrl-list h3 {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #a2afbd;
}

.allrl-list ul {
    margin: 0 0;
    padding: 0
}

    .allrl-list ul li {
        list-style: none;
        margin-bottom: 3px;
    }

        .allrl-list ul li a {
            padding: 9.5px 10px;
            display: block;
            color: #3b4858;
            font-size: .875rem;
            font-weight: 600;
        }

        .allrl-list ul li svg {
            color: #3b4858;
            margin-right: 10px;
        }

        .allrl-list ul li.selected a,
        .allrl-list ul li.selected svg {
            color: #0c6af3;
            background-color: rgba(205, 218, 232, 0.3);
            border-radius: 10px;
        }

        .allrl-list ul li a:hover,
        .allrl-list ul li a:hover svg {
            color: #0c6af3;
        }

.your-plan-date {
    margin-top: 15px;
    padding: 1rem;
    border: 1px solid;
    border-radius: 5px;
    border-color: #cddae8;
    flex-direction: column;
    max-width: 214px;
}

    .your-plan-date svg {
        margin-bottom: 5px;
        color: #008fff;
        display: block
    }

    .your-plan-date p {
        font-size: .75rem;
        line-height: 1.5;
        color: #3b4858;
    }

.all-report-top {
    display: flex;
    flex-wrap: wrap;
}

.btnalldrop {
    background: #fff !important;
    border: #ccc solid 1px;
}

    .btnalldrop i {
        display: none;
    }

.allr-btn-group {
    display: grid;
}

    .allr-btn-group > label {
        font-size: 0.75rem;
        margin-bottom: 5px;
    }

.all-report-top .btn-group {
    margin-left: 17px;
}

.date-reference .dropdown-menu.select-box {
    width: auto;
}

.date-reference .isdate {
    min-width: 74px;
}

.date-reference .arrivaldate {
    min-width: 97px;
}

.date-reference .isdatein {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.date-reference .arrivaldatein, .anyvalueselect {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.date-reference select {
    padding: 5px;
}

.kendo-multiple-slt .form-control {
    border: #ccc solid 1px !important;
    min-height: 41px;
    height: auto;
    float: left;
}

.kendo-multiple-slt input.k-input.k-readonly {
    padding: 0px !important;
    line-height: 18px !important;
    height: 31px !important;
    margin: 0px;
}

.kendo-multiple-slt .k-multiselect-wrap li {
    padding: .1em 2.15em .1em .4em
}

.kendo-multiple-slt .k-multiselect-wrap {
    min-height: 41px;
    padding: 5px;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

.kendo-multiple-slt span.k-icon.k-clear-value.k-i-close {
    right: 2px;
}

.all-report-top-main {
    display: flex;
    justify-content: space-between
}

.all-report-top-rgt {
    display: flex;
    gap: 0.7rem;
    align-items: flex-end;
}

.g-btn .btn {
    padding: 4px;
    width: 32px;
    height: 32px;
    border: transparent;
    border-radius: 100px;
    color: rgb(159, 164, 166);
}

    .g-btn .btn:hover,
    .g-btn .btn:focus {
        background: #dbdbdb;
    }

.reload-text {
    margin-right: 10px;
    font-size: 12px;
}

.filters-text {
    display: none;
}

.d-actions .dropdown-toggle::after {
    display: none
}

.dashboard-actions-btn li {
    border-bottom: #ccc solid 1px;
    display: block
}

    .dashboard-actions-btn li:last-child {
        border-bottom: 0px;
    }

.dashboard-actions-btn .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-actions-btn .mr {
    padding-right: 15px;
}

.dashboard-actions-btn svg {
    width: 23px;
    padding-right: 5px;
}

.cp-arrow .k-multiselect-wrap::after {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    visibility: visible;
}

.all-report-content {
    padding: 0 20px 0 17px;
    margin-top: 20px;
}

.routesr {
    font-size: 24px;
    line-height: 40px;
    margin: 20px 0 0px 0;
}

.volume {
    line-height: 30px;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.all-report-table {
    margin: 0 0px 0px 0px;
}

    .all-report-table table {
        width: 100% !important;
    }

.hbox {
    height: 100%;
}

.about-report-sec {
    margin-top: 40px;
}

.allrviewdata .btn {
    all: unset;
    cursor: pointer
}

    .allrviewdata .btn:focus {
        color: #000;
    }

.allrviewdata .dropdown-toggle::after {
    display: none;
}

.allrviewdata svg {
    width: 20px;
}

.allrviewdata ul {
    margin: 0px;
    padding: 0px;
    background: #efefef;
}

    .allrviewdata ul li {
        border-bottom: #ccc solid 1px;
    }

        .allrviewdata ul li:last-child {
            border-bottom: transparent;
        }

.route-table-title {
    display: block;
}

    .route-table-title h3 {
        text-align: center;
        font-size: 1.125rem;
    }

    .route-table-title p {
        font-size: 0.875rem
    }

.select-box.dropdown-content-area {
    display: block;
    top: 100%;
}

.period-main {
    margin-left: 17px;
}

.m-l-0 {
    margin-left: 0px !important;
}

.period-main .btn.show {
    color: #000;
}

.tooltipc.dropdown-toggle::after {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0;
    border-left: 0px;
}

.tooltipc {
    position: relative;
}

    .tooltipc:hover {
        text-decoration: none;
    }

    .tooltipc:after {
        content: attr(tip);
        font-size: 13px;
        line-height: 1.2em;
        color: #fff;
        padding: 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #000;
        position: absolute;
        top: 35px;
        left: auto;
        display: none;
        right: 0;
        white-space: nowrap
    }

    .tooltipc:before {
        z-index: 1000;
        position: absolute;
        content: "";
        top: 15px;
        left: 0px;
        border-right: 7px transparent solid;
        border-left: 7px transparent solid;
        display: none;
    }

    .tooltipc:hover {
        z-index: 1000;
        position: relative;
        color: #000;
    }

        .tooltipc:hover:after {
            display: block;
        }

        .tooltipc:hover:before {
            display: block;
        }

.fslt {
    padding-right: 33px !important;
}

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

.p-static {
    position: static;
}

.order-product-main {
    position: relative;
}

    .order-product-main .order-product-popup {
        position: absolute;
        visibility: hidden;
    }

        .order-product-main .order-product-popup figure {
            height: 100%;
            overflow: hidden;
            display: block;
            text-align: center;
        }

            .order-product-main .order-product-popup figure img {
                height: 100%;
            }

    .order-product-main:hover .order-product-popup {
        visibility: visible;
        top: 50%;
        z-index: 1;
        background: #fff;
        padding: 0;
        left: 118px;
        bottom: auto;
        width: 300px;
        height: 300px;
        transform: translateY(-50%);
        border-radius: 5px;
        border: #3a3c3d solid 10px;
    }

        .order-product-main:hover .order-product-popup:before {
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 15px 20px 15px 0;
            border-color: transparent #3A3C3D transparent transparent;
            transform: rotate(0deg);
            content: '';
            position: absolute;
            transform: translateY(-50%);
            top: 50%;
            left: -30px;
        }

.Items-box .summary-box .order-item-table { overflow: inherit !important; }
.anyvalueselect { width: 300px; }
.h43 { height: 43px; }
.isdrp { width: 74px; }
.addmorefiled { width: 25px; margin-left: 5px; }
.btnhbg .btn { width: 25px; height: 25px; display: flex; justify-content: center; border-radius: 50px; }
.btnhbg .btn:hover { background: #dbdbdb; }
.rpdata { position: relative; }
.rpdata .allrviewdata { opacity: 0; position: absolute; right: 10px; top: 8px; color: rgb(133, 139, 142); }
.rpdata:hover .allrviewdata { opacity: 1 }
.valume-sec, .transit-time, .air-transit-sec { margin-top: 13px; }
.days-on-quay-sec { margin-top: 65px; }
.no-result { width: 100px; margin: 0 auto; text-align: center; display: flex; height: 350px; align-items: center; }
.no-result i { display: block; color: rgb(133, 139, 142); }
.pt-35 { padding-top: 35px !important; }
.move-shipment-modal .modal-body { min-height: 100px; }
.move-shipment-modal .modal-body p { font-size: 18px; }
.ordertbl td { font-size: 13px; }
.kendoslt .k-dropdown-wrap.k-state-default { background: #fff; }
.kendoslt .k-dropdown-wrap .k-input { padding: 4px 5px !important; box-sizing: border-box; }
.kdr-slt, .kp-slt { width: 192px; }

.tooltipc.air-route .btn {
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    top: -7px;
    left: 10px;
}

.tooltipc.air-route:after {
    top: 21px;
    right: auto;
    width: 250px;
    white-space: normal;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.slt-main {
    border: #ccc solid 1px;
    border-left: 0px;
    border-radius: 5px;
    display: flex;
    overflow: hidden;
}

    .slt-main .form-control {
        border: transparent;
        border-left: #ccc solid 1px;
        border-radius: 0px;
    }

        .slt-main .form-control:focus {
            border-radius: 5px;
            border: #000 solid 1px;
            border-color: rgb(0, 0, 0);
            outline: none;
        }

.isanytimeor { margin-right: 10px; width: 20px; }
.mr-sfbtn { margin-right: 5px !important; }
.gbccarrier-form { max-width: 600px; margin: 0 auto; }
.gbccarrier-form .preferencesform .label-pref-weight-unit { align-items: center }
.gbccarrier-form .preferencesform .label-pref-weight-unit input[type="radio"] { width: 14px; height: 14px; }
.gbcarriercompany .k-grid-content { max-height: 600px; }

/*New sidebar menu css*/

.dashboard-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*box-shadow: 0 1.1px 0.1rem rgba(0, 0, 0, 0.2) !important;*/
}

    .dashboard-nav-list .dashboard-nav-item {
        min-height: 56px;
        padding: 8px 20px 8px 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: 0.02em;
        color: #fff;
        font-size: 14px;
    }

        .dashboard-nav-list .dashboard-nav-item i {
            width: 36px;
            font-size: 19px;
            margin-left: -40px;
        }

        .dashboard-nav-list .dashboard-nav-item:hover {
            background: rgba(255, 255, 255, 0.04);
        }

    .dashboard-nav-list a.active {
        background: rgb(78,202,95);
        background: linear-gradient(90deg, rgba(78,202,95,1) 0%, rgba(5,179,183,1) 67%, rgba(5,179,183,1) 87%, rgba(0,206,244,1) 100%);
        color: #fff;
    }

    .dashboard-nav-list .dashboard-nav-dropdown {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .dashboard-nav-list .dashboard-nav-dropdown.show {
            background: #2d2f31;
            transition: all 0.5s ease-in-out;
        }

            .dashboard-nav-list .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
                color: #fff;
                background: #6F6F6F;
                /* border: #2c2c2c solid 1px;*/
            }

                .dashboard-nav-list .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {
                    -webkit-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    transform: rotate(90deg);
                    right: 1px;
                    transform-origin: center;
                }

            .dashboard-nav-list .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                transition: all 0.5s ease-in-out;
            }

    .dashboard-nav-list .dashboard-nav-dropdown-toggle:after {
        content: "\f105";
        margin-left: auto;
        display: inline-block;
        width: 0;
        height: 0;
        font: normal normal normal 14px / 1 FontAwesome;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        line-height: 0px;
        position: relative;
        right: 4px;
    }

    .dashboard-nav-list .dashboard-nav .dashboard-nav-dropdown-toggle:after {
        border-top-color: rgba(255, 255, 255, 0.72);
    }

    .dashboard-nav-list .dashboard-nav-dropdown-menu {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        transition: ease-out 0.3s;
    }

    .dashboard-nav-list .dashboard-nav-dropdown-item {
        padding: 10px 10px 10px 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        transition: ease-out 0.1s;
        color: #fff;
        justify-content: space-between;
        line-height: 18px;
    }

    .dashboard-nav-list .dashboard-nav-dropdown > a {
        color: #fff;
    }

    .dashboard-nav-list .dashboard-nav-dropdown-item:hover {
        background: rgb(78, 202, 95);
        background: linear-gradient(90deg, rgba(78, 202, 95, 1) 0%, rgba(5, 179, 183, 1) 67%, rgba(5, 179, 183, 1) 87%, rgba(0, 206, 244, 1) 100%);
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    .dashboard-nav-list .menu-toggle {
        position: relative;
        width: 42px;
        height: 42px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #443ea2;
    }

        .dashboard-nav-list .menu-toggle:hover, .dashboard-nav-list .menu-toggle:active, .dashboard-nav-list .menu-toggle:focus {
            text-decoration: none;
            color: #875de5;
        }

        .dashboard-nav-list .menu-toggle i {
            font-size: 20px;
        }

    .dashboard-nav-list .dashboard-toolbar {
        min-height: 84px;
        background-color: #dfdfdf;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 27px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1000;
    }

    .dashboard-nav-list .nav-item-divider {
        height: 1px;
        margin: 1rem 0;
        overflow: hidden;
        background-color: rgba(236, 238, 239, 0.3);
    }

    .dashboard-nav-list .subhmenu {
        position: relative;
        font-size: 14px;
    }

        .dashboard-nav-list .subhmenu .sub-nav-dropdown {
            display: none;
        }

        .dashboard-nav-list .subhmenu:hover .sub-nav-dropdown {
            top: 0;
            display: block;
            position: absolute;
            left: 100%;
            width: 235px;
            background: #3a3c3d;
            box-shadow: 1px 1px 13px -4px rgba(150,147,150,1);
        }

            .dashboard-nav-list .subhmenu:hover .sub-nav-dropdown a {
                color: #fff;
            }

                .dashboard-nav-list .subhmenu:hover .sub-nav-dropdown a:hover,
                .dashboard-nav-list .subhmenu:hover .sub-nav-dropdown a.active {
                    color: #fff;
                }

    .dashboard-nav-list .arrownew:after {
        content: "\f105";
        margin-left: auto;
        display: inline-block;
        width: 0;
        height: 0;
        font: normal normal normal 14px / 1 FontAwesome;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        line-height: 0px;
        right: 15px;
        position: relative;
    }



.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown { padding: 0px; transition: ease-out 0.3s; position: relative; margin-bottom: 15px; }
.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown-toggle:after { font-size: 18px; }
.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown li .centerLabel label { text-transform:capitalize; }
.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown > a { color: #000; background: #efefef; padding-left: 40px; border-radius: 5px 5px 5px 5px; margin-bottom: 0px; 
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); border: #ccc solid 1px; font-size: 16px; font-weight: bold; 
}
.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu { padding: 15px 18px 20px 18px; flex-direction: unset; margin: 0; flex-wrap: wrap;
    transition: ease-out 0.3s;
}
.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu li { width: 25%; list-style: none; margin-bottom: 5px; }
.groupbymenu .dashboard-nav-list .dashboard-nav-dropdown.show {background:#fff;border-radius: 5px;box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important;}
    .groupbymenu .dashboard-nav-list .dashboard-nav-dropdown.show > a {
        padding: 15px 18px 15px 40px;
        border-radius: 5px 5px 0px 0px;
        box-shadow: none;
        border: transparent;
    }

.menuselectall { position: absolute; top: 16px; left: 18px; }
.menuselectall input[type=checkbox] { background: #fff; }

.modal-order-price div.modal-dialog, .splitshipments-modal .modal-dialog { max-width: 960px !important; width: 100%; }
.recommended { border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; color: #fff; padding: 2px 5px;
    font-size: 12px; top: -12px; position: relative; left: -15px; }
.light-gray { background: #f3f3f3; }
.gray-bg { background: #747272; }
.red-bg { background: #da3344; }
.ratestores figure { width: 50px; min-width: 50px; text-align: center; display: block; margin-right: 10px !important; }
.rate-scrollable { max-height: calc(100vh - 250px); overflow-y: auto; overflow-x: hidden; padding-bottom: 10px; }

.store-active { cursor: pointer; }
.store-active.active { background: #e1f1ed; border: #87bfb0 solid 1px !important; }
.store-configure.disabled { background: #3bc474; }

.danger { background: #f8d7da; }
.t-danger { color: #a50000; }
.fs-7 { font-size: 13px; }
.closebtns:hover { color: #ff0000; }
.f-14 { font-size: 14px !important }
.light-orange {color: #ffc107 !important; }
.blue-light { background: #24AEFF !important; }
.product span.badge.new { display: none; }
.border-success-c { border-color: var(--bs-success-rgb) !important; }
.min-height-auto { min-height: auto; }
.bgc-carrier-modal .modal-dialog { max-width: 700px; }
.max-w-100 { max-width: 100% !important; }
.btnrb { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.hosidebar { float: right !important; width: 208px; margin: 0; position: absolute; right: 0; bottom: 10px; }
.shipped-tracking { overflow: auto; }
.tracking-card h3 { line-height: 24px; }
.tracking-card { background: #3a3c3d; }
.light-text { color: #8bc5ff; }
.tracking-card-main { max-height: 300px; overflow: auto; }
.col.flex-auto { flex: 0; }
.upstrackimg { height: 52px; padding: 5px; display: flex; align-items: center; justify-content: center; }
.upstrackimg img { max-height: 45px; }
.track-bdr { border-bottom: #858585 solid 1px !important; height: 1px; display: block; }
.tracking-card input[type=checkbox] { background: #fff; border-radius: 2px; border: none; }
.scrollTableFixedHeight.payment-details .k-grid-content { min-height: auto; }
.master-wallet-history table, .company-wallet-history table { width: 100% !important; }
.batch-print-labels { max-width: 500px; margin: 0 auto; }
.shipments1 ul li div ul.dropdown-menu li a { box-shadow: none !important; }
.tracking-card span { font-size: 15px; }
.address-verified br { display: none; }
.walletcwdate { right: 0; }

.wch-dropdown { position: relative; }
.wch-dropdown .k-dropdown-wrap .k-input { padding-top: 10px !important; }
.wch-dropdown label { position: absolute; left: 8px; z-index: 111; margin: 0; font-weight: bold; font-size: 14px; }

.delete-icon { color: #ff0000 !important; }
.delete-icon:hover { color: #ff7373 !important; }

.spin input[type=number]::-webkit-inner-spin-button,
.spin input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

i.ti-pencil { font-size: 14px; margin-right: 10px; }
.icon-gray { color: #a3a2a2 !important; }

.address-verify-modal .modal-dialog {
    max-width: 400px;
}
/*.note-main-content .dropdown-menu.show {
    display: block !important;
}*/
.dropstart .dropdown-toggle::before {
    display: none;
}
.note-main-content .dropdown-menu {
    /*overflow-x: visible !important;*/
    overflow: visible !important;
    width: 440px;
    min-height: 93px;
    border: transparent;
    background: transparent;
    box-shadow: none !important;
}
.note-main-content { position: relative; }
.note-main-content .notesmain { width: 440px; padding: 15px !important; box-sizing: border-box; background: #fff; -webkit-box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1); box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1); border-radius: 5px; 
    position: inherit !important; top: auto !important; /*left: auto; right: 90px;*/ z-index: 9;
}
.note-main-content .notesmain:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #ffffff;
    position: absolute; right: -5px; top: 2px; display:none;
}
.note-main-content .notesmain .textarea-note-hgt { min-height: 60px !important;  width: 100%; box-sizing: border-box; }
.note-main-content .notesmain .form-floating > label:before { background: #fff; position: absolute; top: 12px; display: block; content: ''; width: 100%; height: 19px; left: -3px;
    z-index: -1;
}
.notes-btn .btn { width: 26px; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; box-sizing: border-box; height: 26px; 
   border-radius: 5px; 
}

.deletenote i { font-size: 14px; font-weight: bold; }
.deletenote.btn-danger:hover { background: #e9220f; border: 1px solid #e9220f; }

.tnote-btn { border: transparent; background: transparent; display: flex; align-items: center; height: auto; border-radius: 3px; margin: 1px; width: auto; padding:0.5px 2px; }
.tnote-btn img { width: 20px; margin: 0 2px; }

/*.tnote-active { filter: brightness(0); }*/

.tnote-active .nimg {display:none;}
.tnote-active .apeople, .tnote-active .acomment, .tnote-active .anote-pad { display: block }
.apeople, .acomment, .anote-pad {display:none}

.pr2 { padding-right: 2px; }
.pl2 { padding-left: 2px; }

td:has(.sa-start) {
    overflow: visible !important;
}
td:has(.dropstart), td:has(.wd-start), td:has(.addpack-start), td:has(.multiple-items), td:has(.note-start) {
    overflow: visible !important;
}

.notesmain, .weightd-main { overflow: visible !important; }

.notetobuyer { margin-right: -30px; }
.noteinternal { margin-right: -60px; }

span.note-order { word-break: break-word; width: 100%; display: inline-block; white-space: normal; line-height: 16px; }
.whfooter { padding: 5px 20px 20px 20px; }

.shippin-stores { padding: 0px 0px 5px 0px !important; display: flex; justify-content: space-evenly; align-items: center; width: 100%; }
.shippin-stores .slick-list { width: 100% !important; }
.shippin-stores i.store-img { width: 22px; }
.shippin-stores .slick-track { margin-left: 0; margin-right: 0;  }

.arrowstyle .slick-prev { margin-right: 5px; }
.arrowstyle .slick-next { margin-left: 5px; }
.arrowstyle .slick-prev, .arrowstyle .slick-next { position: relative; width: 36px; height: 36px;  /*filter: drop-shadow(0px 0px 11.1px rgba(0, 0, 0, 0.11));*/
    border: transparent; border-radius: 5px; /* top: 50%; transform: translateY(-50%);*/ background: #609cd5; font-size: 0px; z-index: 0; flex: none;
}
.arrowstyle button.slick-next.slick-arrow.slick-disabled, button.slick-prev.slick-arrow.slick-disabled { background: #dbebff; }
.arrowstyle .slick-next { right: 0; font-size: 0px; }
.arrowstyle button.slick-prev:before { content: ''; height: 16px; width: 16px; display: block;
    /*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' fill='url(%23pattern0_227_413)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_227_413' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_227_413' transform='scale(0.03125)'/%3E%3C/pattern%3E%3Cimage id='image0_227_413' width='32' height='32' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeFJREFUWEe1l81KxDAUhW9mZtGB2amoW90o4s8DzEofQtzVARfTScGqTzHU3yZdCCr4HI6+gorgK7hxJa4GciXQDqXYpknTbtvmfDk59/aWgOXL87z1VqsVCyEO4jj+Ui1PVA/o3E/EnwFgCQA+hRC7KghrAJTSTQCYAMBCCk0Iee92u/3xePxTtBErAJTSNQB4SXae1bpkjJ2UuVgboEicEHIVRVGgOsJaAHXFJZwxgA1xYwBb4kYANsW1ARJxWefL2XBVDdx/gaycgSbEKzugEJd1jqpyM25ESXuVTWYxt8g1Y0zWubG40gHXdZ1er/cBAKtNiCsBKKWHAHCfFUfEG875cd2dz74XZWdHKb0FgKPMM4+MMdeWeBUH8gAPjLGBaeC0y9D3/QEi3uVq/iKKolNbEKV9IAiC7nQ6lSFcyeXgnHN+ZgNC2YhGo9EGIUSW4WzQkMKIaAVCCSDFcqOW1sChcqkSQJMQlQGagtACkBDD4XCr0+lMEHE+Z69y/tMuw6Lzswmh7UAKVQRBCNHqE8YAZcehA1ELwAZEbQAJ4fv+NgA85YNZxQkrACkEIspfs7lMeF8dx+mHYfhrPBGpOln2fs6JN0Tc45x/l61hzYFUxPO8nXa7HQoh9lXi8p0/JKDcIUr5s4wAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E") center no-repeat;*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_248_5' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cg clip-path='url(%23clip0_248_5)'%3E%3Cpath d='M16 16H0V0H16V16Z' fill='url(%23pattern0_248_5)'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_248_5)'%3E%3Crect x='26' y='22' width='30' height='28' transform='rotate(180 26 22)' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0_248_5' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_248_5' transform='scale(0.03125)'/%3E%3C/pattern%3E%3CclipPath id='clip0_248_5'%3E%3Crect width='16' height='16' fill='white' transform='matrix(-1 0 0 -1 16 16)'/%3E%3C/clipPath%3E%3Cimage id='image0_248_5' width='32' height='32' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeFJREFUWEe1l81KxDAUhW9mZtGB2amoW90o4s8DzEofQtzVARfTScGqTzHU3yZdCCr4HI6+gorgK7hxJa4GciXQDqXYpknTbtvmfDk59/aWgOXL87z1VqsVCyEO4jj+Ui1PVA/o3E/EnwFgCQA+hRC7KghrAJTSTQCYAMBCCk0Iee92u/3xePxTtBErAJTSNQB4SXae1bpkjJ2UuVgboEicEHIVRVGgOsJaAHXFJZwxgA1xYwBb4kYANsW1ARJxWefL2XBVDdx/gaycgSbEKzugEJd1jqpyM25ESXuVTWYxt8g1Y0zWubG40gHXdZ1er/cBAKtNiCsBKKWHAHCfFUfEG875cd2dz74XZWdHKb0FgKPMM4+MMdeWeBUH8gAPjLGBaeC0y9D3/QEi3uVq/iKKolNbEKV9IAiC7nQ6lSFcyeXgnHN+ZgNC2YhGo9EGIUSW4WzQkMKIaAVCCSDFcqOW1sChcqkSQJMQlQGagtACkBDD4XCr0+lMEHE+Z69y/tMuw6Lzswmh7UAKVQRBCNHqE8YAZcehA1ELwAZEbQAJ4fv+NgA85YNZxQkrACkEIspfs7lMeF8dx+mHYfhrPBGpOln2fs6JN0Tc45x/l61hzYFUxPO8nXa7HQoh9lXi8p0/JKDcIUr5s4wAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E") center no-repeat;
    margin: 0 auto;
}
.arrowstyle button.slick-next:before { content: ''; height: 16px; width: 16px; display: block;
    /*background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' transform='matrix(-1 0 0 1 16 0)' fill='url(%23pattern0_227_416)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_227_416' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_227_416' transform='scale(0.03125)'/%3E%3C/pattern%3E%3Cimage id='image0_227_416' width='32' height='32' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeFJREFUWEe1l81KxDAUhW9mZtGB2amoW90o4s8DzEofQtzVARfTScGqTzHU3yZdCCr4HI6+gorgK7hxJa4GciXQDqXYpknTbtvmfDk59/aWgOXL87z1VqsVCyEO4jj+Ui1PVA/o3E/EnwFgCQA+hRC7KghrAJTSTQCYAMBCCk0Iee92u/3xePxTtBErAJTSNQB4SXae1bpkjJ2UuVgboEicEHIVRVGgOsJaAHXFJZwxgA1xYwBb4kYANsW1ARJxWefL2XBVDdx/gaycgSbEKzugEJd1jqpyM25ESXuVTWYxt8g1Y0zWubG40gHXdZ1er/cBAKtNiCsBKKWHAHCfFUfEG875cd2dz74XZWdHKb0FgKPMM4+MMdeWeBUH8gAPjLGBaeC0y9D3/QEi3uVq/iKKolNbEKV9IAiC7nQ6lSFcyeXgnHN+ZgNC2YhGo9EGIUSW4WzQkMKIaAVCCSDFcqOW1sChcqkSQJMQlQGagtACkBDD4XCr0+lMEHE+Z69y/tMuw6Lzswmh7UAKVQRBCNHqE8YAZcehA1ELwAZEbQAJ4fv+NgA85YNZxQkrACkEIspfs7lMeF8dx+mHYfhrPBGpOln2fs6JN0Tc45x/l61hzYFUxPO8nXa7HQoh9lXi8p0/JKDcIUr5s4wAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E")center no-repeat;*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_248_21' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cg clip-path='url(%23clip0_248_21)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='url(%23pattern0_248_21)'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_248_21)'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0_248_21' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_248_21' transform='scale(0.03125)'/%3E%3C/pattern%3E%3CclipPath id='clip0_248_21'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3Cimage id='image0_248_21' width='32' height='32' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeFJREFUWEe1l81KxDAUhW9mZtGB2amoW90o4s8DzEofQtzVARfTScGqTzHU3yZdCCr4HI6+gorgK7hxJa4GciXQDqXYpknTbtvmfDk59/aWgOXL87z1VqsVCyEO4jj+Ui1PVA/o3E/EnwFgCQA+hRC7KghrAJTSTQCYAMBCCk0Iee92u/3xePxTtBErAJTSNQB4SXae1bpkjJ2UuVgboEicEHIVRVGgOsJaAHXFJZwxgA1xYwBb4kYANsW1ARJxWefL2XBVDdx/gaycgSbEKzugEJd1jqpyM25ESXuVTWYxt8g1Y0zWubG40gHXdZ1er/cBAKtNiCsBKKWHAHCfFUfEG875cd2dz74XZWdHKb0FgKPMM4+MMdeWeBUH8gAPjLGBaeC0y9D3/QEi3uVq/iKKolNbEKV9IAiC7nQ6lSFcyeXgnHN+ZgNC2YhGo9EGIUSW4WzQkMKIaAVCCSDFcqOW1sChcqkSQJMQlQGagtACkBDD4XCr0+lMEHE+Z69y/tMuw6Lzswmh7UAKVQRBCNHqE8YAZcehA1ELwAZEbQAJ4fv+NgA85YNZxQkrACkEIspfs7lMeF8dx+mHYfhrPBGpOln2fs6JN0Tc45x/l61hzYFUxPO8nXa7HQoh9lXi8p0/JKDcIUr5s4wAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E") center no-repeat;
    margin: 0 auto; transform: rotate(177deg);
}

/*.shippin-stores .slick-slide {  
    margin: 10px 5px !important;   
}*/

.shippin-stores .store-content-main { box-sizing: border-box; background: #FFFFFF; border-radius: 10px; padding: 10px 15px; border: #ccc solid 1px; align-items: center;
    margin: 10px 5px; font-size: 15px;
}
.allstoreorder { color: #000000; font-weight: bold; font-size: 14px; }

/*
.pending-shipment-orders .desk-view-sidebar {
    flex: 0 0 12%;
    max-width: 12%;
    margin-top: 10px !important;
}*/

.wd-100 { width: 100px; }

.custom-shadow { /*box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2) !important;*/  box-shadow: 0 1.1px 0.3rem rgba(0, 0, 0, 0.2) !important }
.ongray-shadow { box-shadow: 0 1.1px 0.2rem rgba(0, 0, 0, 0.2) !important }

.login-main .validation-summary-errors { display: table; margin: 0 auto; list-style: none; }
.login-main .validation-summary-errors ul { padding: 0px; }
.login-main .validation-summary-errors li { list-style: none; }

.fs-20 { font-size: 20px !important; }
.fs-18 { font-size: 18px !important; }
.fs-12 { font-size: 14px !important; }

.edit-order-filter-modal .modal-dialog { max-width: 700px; }
.comments-bg:before { position: absolute; background: #fff; opacity: 1 !important; content: ''; height: 19px; width: auto; left: 1px; right: 18px; top: 1px;
    border-top-left-radius: 0.25rem;
}
.qtyplush { margin-top: 7px; height: auto; }
.gray-light-bg { background: #efefef;}
.pr-2 { padding-right: 5px; }

.radio-style .form-check-input { width: 20px; height: 20px; margin-top: -2px; }
.radio-style .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd;  box-shadow: none;  border-radius: 50px !important;  }

.orders-match {  display: block !important; }
.ordersmatchthese { display: block !important; }
.archivedbatchlist .k-grid-content { overflow-y: auto; }

.unaccountable-inventory-adjustment-grid div.k-grid-header {
    border: #ccc solid 0px !important;
    border-bottom: #ccc solid 1px !important;
    border-right: #ccc solid 1px !important;
}

.automation-rules .k-grid-content, .order-filters .k-grid-content {
    max-height: calc( 100vh - 380px);
}

.expense-list-grid .k-grid-content.k-auto-scrollable, .payee-expense-grid .k-grid-content.k-auto-scrollable, .customer-expense-grid .k-grid-content.k-auto-scrollable,
.vendor-expense-grid .k-grid-content.k-auto-scrollable, .payee-grid .k-grid-content.k-auto-scrollable, .employee-expense-grid .k-grid-content.k-auto-scrollable,
.vendor-list-grid .k-grid-content.k-auto-scrollable, .purchase-invoice-transaction-grid .k-grid-content.k-auto-scrollable, .purchase-order-transactin-grid .k-grid-content.k-auto-scrollable,
.pay-payment-grid .k-grid-content.k-auto-scrollable, .forwarder-grid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 338px); min-height: 300px; border: #ccc solid 1px; border-top: transparent;
}

.sales-transactin-grid .k-grid-content.k-auto-scrollable, .customer-grid .k-grid-content.k-auto-scrollable, .sales-invoice-grid .k-grid-content.k-auto-scrollable,
.receive-payment-transactin-grid .k-grid-content.k-auto-scrollable, .sales-agent-listing-grid .k-grid-content.k-auto-scrollable, .credit-memo-transactin-grid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 336px); min-height: 300px; border: #ccc solid 1px; border-width: 0px 1px 1px 1px; border-top: transparent; 
}

.sales-transactin-grid .k-grid-content.k-auto-scrollable td:first-child, .customer-grid .k-grid-content.k-auto-scrollable td:first-child,
.sales-invoice-grid .k-grid-content.k-auto-scrollable td:first-child, .receive-payment-transactin-grid .k-grid-content.k-auto-scrollable td:first-child,
.sales-agent-listing-grid .k-grid-content.k-auto-scrollable td:first-child, .credit-memo-transactin-grid .k-grid-content.k-auto-scrollable td:first-child,
.purchase-order-transactin-grid .k-grid-content.k-auto-scrollable td:first-child, .purchase-invoice-transaction-grid .k-grid-content.k-auto-scrollable td:first-child,
.vendor-list-grid .k-grid-content.k-auto-scrollable td:first-child, .pay-payment-grid .k-grid-content.k-auto-scrollable td:first-child,
.forwarder-grid .k-grid-content.k-auto-scrollable td:first-child, .expense-list-grid .k-grid-content.k-auto-scrollable td:first-child,
.employee-expense-grid .k-grid-content.k-auto-scrollable td:first-child, .payee-expense-grid .k-grid-content.k-auto-scrollable td:first-child,
.customer-expense-grid .k-grid-content.k-auto-scrollable td:first-child, .vendor-expense-grid .k-grid-content.k-auto-scrollable td:first-child,
.payee-grid .k-grid-content.k-auto-scrollable td:first-child, .emailLogtable .k-grid-content.k-auto-scrollable td:first-child {
    border-left: transparent !important; border-left-width: 0px !important;
}
   
    .customer-grid .k-grid-header th.k-header:first-child {
        border-left-width: 1px !important;
    }
    .m-r-0 {
        margin-right: 0px !important;
    }

.penddingshipment-btn-group { display: flex; align-items: center; flex-wrap: wrap;  background: #f5f3f4; padding: 5px 0; border-bottom: #b9b9b9 solid 1px;
    background: hsla(330, 9%, 96%, 1);  background: linear-gradient(360deg, hsla(330, 9%, 96%, 1) 0%, hsla(330, 9%, 96%, 1) 100%);
    background: -moz-linear-gradient(360deg, hsla(330, 9%, 96%, 1) 0%, hsla(330, 9%, 96%, 1) 100%);
    background: -webkit-linear-gradient(360deg, hsla(330, 9%, 96%, 1) 0%, hsla(330, 9%, 96%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F5F3F4", endColorstr="#F5F3F4", GradientType=1 );
    margin: 0 -20px;  padding: 2px 15px;
}

.penddingshipment-btn-group .form-select, .penddingshipment-btn-group a { font-size: 14px !important; }
.penddingshipment-btn-group .form-select { cursor: pointer; }

.pght { height: calc(100vh - 80px); }
.pght-mh { min-height: calc(100vh - 74px); height:100%; }
.pght-wf { height: calc(100vh - 110px); }
.pght-balance-sheet { min-height: calc(100vh - 157px); }
.pght-custom { min-height: calc(100vh - 88px); height: 100%; }
.pght-custom2 { min-height: calc(100vh - 81px); height: 100%; }
.store-setup-tbl { height: calc(100vh - 156px); max-height:inherit !important; }
.pght-whlocation { height: calc(100vh - 122px); }
.common-stock-ledger-bymonth, .common-stock-ledger-bycustomer { height: calc(100vh - 154px); }
.sc-full {overflow:auto}
.pght-edituser { min-height: calc(100vh - 112px); height: 100%; }

.myevent-calendar-dashboard, .create-new-event-type {
    height: calc(100vh - 80px)
}

.qal-phgt .tab-main .transcation-index, .qty-adjustment-ledger-by-month-phgt .tab-main .transcation-index, .qty-adjustment-ledger-by-day-ph {
    min-height: calc(100vh - 128px);
}

.all-order-heightfix .k-grid-content.k-auto-scrollable, .shipped-orders-heightfix .k-grid-content.k-auto-scrollable, 
.threeplunderprocess-order-heightfix .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 301px);
    min-height: 300px;
}

.pendding-shipment-order-heightfix .k-grid-content.k-auto-scrollable { height: calc(100vh - 298px); }
.shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable { height: calc(100vh - 297px); min-height: 300px; }
.hold-orders-heightfix .k-grid-content.k-auto-scrollable, .cancelled-orders-heightfix .k-grid-content.k-auto-scrollable,
.delivered-orders-heightfix .k-grid-content.k-auto-scrollable, .create-thetransfer-grid .k-grid-content.k-auto-scrollable, 
.outword-transferlist-grid .k-grid-content.k-auto-scrollable, .incomeingrgrid .k-grid-content.k-auto-scrollable, 
.incomeing-receving-history .k-grid-content.k-auto-scrollable { height: calc(100vh - 250px); min-height: 300px; }
.inventoryreport .k-grid-content.k-auto-scrollable { height: calc(100vh - 338px); min-height: 300px; }
.hot-deals-tbl .k-grid-content, .custom-form-hgt .k-grid-content.k-auto-scrollable, .inventoryqtyadjustmentgrid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 235px); min-height: 300px;
}
.bgc-carrier-company-services .k-grid-content.k-auto-scrollable { height: calc(100vh - 232px); min-height: 300px; }
.compnay-grid .k-grid-content.k-auto-scrollable { height: calc(100vh - 255px); min-height: 300px; }
.salesbyproductsgrid .k-grid-content, .salesbyproducts-grid .k-grid-content { height: calc(100vh - 230px); }
.service-content-grid .k-grid-content { height: calc(100vh - 272px); }
.picked-order-list-hgt .k-grid-content { height: calc(100vh - 201px); min-height: 300px; }
.all-pick-order-list-hgt .k-grid-content { height: calc(100vh - 203px) !important; min-height: 300px; }
.emailLogtable .k-grid-content { min-height: 200px; height: calc(100vh - 245px); }
.user-information-grid .k-grid-content, .account-detail-grid .k-grid-content, .accountgrid .k-grid-content, .order-returns-pr-h .k-grid-content {
    height: calc(100vh - 248px); min-height: 300px; 
}
.accountsub-detail-grid .k-grid-content { height: calc(100vh - 241px); min-height: 300px; }
.master-wallet-history .k-grid-content { height: calc(100vh - 270px); min-height: 300px; }
.hotdealListtobe .k-grid-content { height: calc(100vh - 280px); min-height: 300px; }
.temporary-products .k-grid-content { height: calc(100vh - 252px); min-height: 300px; }
.ctgrid .k-grid-content { height: calc(100vh - 394px); }
.ctgrid-details .k-grid-content { height: calc(100vh - 364px); }
.warehousevisualizationgrid .k-grid-content { height: calc(100vh - 267px); }
.supplies-material-cogs-Ledger-byproduct .k-grid-content, .category-wise-report-grid .k-grid-content, .product-wise-report-grid .k-grid-content, 
.vendor-wise-report-grid .k-grid-content, .category-wise-list-report-grid .k-grid-content, .product-wise-list-report-grid .k-grid-content {
    height: calc(100vh - 297px);
}
.employee-grid .k-grid-content { height: calc(100vh - 246px); }
.batch-list-tbl .k-grid-content, .archivedbatchlist .k-grid-content, .pending-shipment-batch .k-grid-content {
    height: calc(100vh - 240px);
}
.shipping-management-hold-orders-page .k-grid-content, .threeplcancelledorders-table .k-grid-content {
    height: calc(100vh - 248px);
}

.request-demouser-grid .k-grid-content { height:calc(100vh - 272px); min-height: 300px; border-left: #ccc solid 1px; border-right: #ccc solid 1px; border-bottom: #ccc solid 1px;box-sizing: border-box; overflow-y: auto;}


.ledger-balance-grid .k-grid-content { height: calc(100vh - 324px); }
.ledger-grid-tbl .k-grid-content { height: calc(100vh - 295px); }
.accountreceivable .k-grid-content { height: calc(100vh - 385px); }
.accountpayablevendor .k-grid-content { height: calc(100vh - 383px); }
.account-payable-body .transcation-index { min-height: calc(100vh - 213px); }
.sub-products-tbl .k-grid-content { height: calc(100vh - 330px); min-height: 300px; }
.insternalstockhistory .k-grid-content { height: calc(100vh - 246px); min-height: 300px; }
.best-seller-grid .k-grid-content { height: calc(100vh - 235px); min-height: 300px; }
.best-sellerList-tobe .k-grid-content { height: calc(100vh - 280px); min-height: 300px; }
.start-picked-history .k-grid-content { height: calc(100vh - 220px); min-height: 300px; }
.todays-deal-grid .k-grid-content { height: calc(100vh - 235px); min-height: 300px; }
.todays-dealList-tobe .k-grid-content { height: calc(100vh - 280px); min-height: 300px; }
.all-pending-pick-jobs-tbl .k-grid-content { height: calc(100vh - 223px); min-height: 300px; }
.event-grid .k-grid-content { height: calc(100vh - 268px); min-height: 300px; }
.product-category-grid .k-grid-content { height: calc(100vh - 235px); min-height: 300px; }
.vendoraccount-transactin-tbl .k-grid-content { height: calc(100vh - 420px); min-height: 300px; }
.sqrbyproduct-bymonth, .sqrbyproduct-bycustomer { height: calc(100vh - 122px); min-height: 300px; }
.pqreportbyproduct-bymonth, .pqreportbyproduct-byvendor { height: calc(100vh - 160px); min-height: 300px; }
.warehouse-setup-grid .k-grid-content.k-auto-scrollable, .cart-bin-setup-grid .k-grid-content.k-auto-scrollable { height: calc(100vh - 292px); min-height: 300px; }
.unaccountable-inventory-adjustment-grid .k-grid-content { height: calc(100vh - 237px); overflow-y: auto; }
.inventory-grid-tbl .k-grid-content-locked, .inventory-grid-tbl .k-grid-content.k-auto-scrollable { min-height: 250px; height: calc(100vh - 350px) !important; }
.marketplace-listing-grid-tbl .k-grid-content-locked, .marketplace-listing-grid-tbl .k-grid-content.k-auto-scrollable { min-height: 250px; height: calc(100vh - 359px) !important; }
.marketplace-listing-grid-tbl .k-grid-content.k-auto-scrollable { border-bottom: #ccc solid 1px; border-right: #ccc solid 1px; }
.buybox-grid-tbl .k-grid-content.k-auto-scrollable { min-height: 250px; height: calc(100vh - 331px) !important; }
.price-grid-tbl .k-grid-content-locked, .price-grid-tbl .k-grid-content.k-auto-scrollable { min-height: 250px; height: calc(100vh - 298px) !important; }
.journal-entry-grid .k-grid-content { height: calc(100vh - 248px); min-height: 300px; }
.three-pl-shipped-Orders-tbl .k-grid-content { height: calc(100vh - 248px); min-height: 300px; }
.contactus-grid .k-grid-content { height: calc(100vh - 234px); min-height: 300px; }
.trashgrid .k-grid-content { height: calc(100vh - 235px); min-height: 300px; }
.payment-details .k-grid-content { height: calc(100vh - 480px); min-height: 300px; }
.inventory-forecast-main .k-grid-content-locked { padding-bottom: 20px; }
.inventory-forecast-main .k-grid-content-locked { min-height: 300px; height: calc(100vh - 364px) !important; }
.inventory-forecast-main .k-grid-content.k-auto-scrollable { min-height: 300px; height: calc(100vh - 344px) !important; }
.sales-and-forecas-main .k-grid-header th.k-header { padding: 5px .6em !important; }
.sales-and-forecas-main .k-grid-header-locked thead, .sales-and-forecas-main .k-grid-header-wrap.k-auto-scrollable table thead { height: 98px !important }
.sales-and-forecas-main .k-grid-content.k-auto-scrollable, .inventory-forecast-main .k-grid-content.k-auto-scrollable {
    border-right: #ccc solid 1px !important; border-bottom: #ccc solid 1px !important;
}
.sales-and-forecas-main .k-grid-content-locked, .sales-and-forecas-main .k-grid-content.k-auto-scrollable {
    min-height: 300px !important; height: calc(100vh - 351px) !important
}
.salesofproduct-income-dwig .k-grid-content, .customer-invoice-grid-customer .k-grid-content {
    height: calc(100vh - 290px);
    min-height: 300px;
}
.productlist-grid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 328px);
    min-height: 300px;
}
.salesquantity .k-grid-content.k-auto-scrollable, .salesquantitycwig .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 286px);
    min-height: 300px;
}

.cheque-ledger-by-year {
    height: calc(100vh - 127px);
    min-height: 300px;
}
.day-wise-transactiongrid .k-grid-content {
    height: calc(100vh - 293px);
    min-height: 300px;
}
.customer-d-ph {
    min-height: calc(100vh - 81px);
}
.usergrid .k-grid-content {
    height: calc(100vh - 279px);
    min-height: 300px;
}
.mainifest .k-grid-content {
    height: calc(100vh - 240px);
    min-height: 300px;
}

.usergrid .k-grid-content.k-auto-scrollable, .ctgrid-details .k-grid-content.k-auto-scrollable, .mainifest .k-grid-content.k-auto-scrollable,
.day-wise-transactiongrid .k-grid-content.k-auto-scrollable, .salesquantitycwig .k-grid-content.k-auto-scrollable, .salesquantity .k-grid-content.k-auto-scrollable,
.productlist-grid .k-grid-content.k-auto-scrollable, .accountsub-detail-grid .k-grid-content.k-auto-scrollable, .customer-invoice-grid-customer .k-grid-content.k-auto-scrollable,
.salesofproduct-income-dwig .k-grid-content.k-auto-scrollable, .payment-details .k-grid-content.k-auto-scrollable, .trashgrid .k-grid-content.k-auto-scrollable,
.contactus-grid .k-grid-content.k-auto-scrollable, .three-pl-shipped-Orders-tbl .k-grid-content.k-auto-scrollable, .journal-entry-grid .k-grid-content.k-auto-scrollable,
.buybox-grid-tbl .k-grid-content.k-auto-scrollable, .unaccountable-inventory-adjustment-grid .k-grid-content.k-auto-scrollable, .warehouse-setup-grid .k-grid-content.k-auto-scrollable,
.cart-bin-setup-grid .k-grid-content.k-auto-scrollable, .vendoraccount-transactin-tbl .k-grid-content.k-auto-scrollable, .product-category-grid .k-grid-content.k-auto-scrollable,
.event-grid .k-grid-content.k-auto-scrollable, .all-pending-pick-jobs-tbl .k-grid-content.k-auto-scrollable, .todays-dealList-tobe .k-grid-content.k-auto-scrollable,
.todays-deal-grid .k-grid-content.k-auto-scrollable, .best-sellerList-tobe .k-grid-content.k-auto-scrollable, .start-picked-history .k-grid-content.k-auto-scrollable,
.best-seller-grid .k-grid-content.k-auto-scrollable, .insternalstockhistory .k-grid-content.k-auto-scrollable, .sub-products-tbl .k-grid-content.k-auto-scrollable,
.accountpayablevendor .k-grid-content.k-auto-scrollable, .accountreceivable .k-grid-content.k-auto-scrollable, .pending-shipment-batch .k-grid-content.k-auto-scrollable,
.archivedbatchlist .k-grid-content.k-auto-scrollable, .ledger-grid-tbl .k-grid-content.k-auto-scrollable, .supplies-material-cogs-Ledger-byproduct .k-grid-content.k-auto-scrollable,
.ledger-balance-grid .k-grid-content.k-auto-scrollable, .product-wise-list-report-grid .k-grid-content.k-auto-scrollable, .order-returns-pr-h .k-grid-content.k-auto-scrollable,
.category-wise-list-report-grid .k-grid-content.k-auto-scrollable, .threeplcancelledorders-table .k-grid-content.k-auto-scrollable, .shipping-management-hold-orders-page .k-grid-content.k-auto-scrollable,
.batch-list-tbl .k-grid-content.k-auto-scrollable, .employee-grid .k-grid-content.k-auto-scrollable, .vendor-wise-report-grid .k-grid-content.k-auto-scrollable,
.product-wise-report-grid .k-grid-content.k-auto-scrollable, .category-wise-report-grid .k-grid-content.k-auto-scrollable, .warehousevisualizationgrid .k-grid-content.k-auto-scrollable,
.ctgrid .k-grid-content.k-auto-scrollable, .temporary-products .k-grid-content.k-auto-scrollable, .hotdealListtobe .k-grid-content.k-auto-scrollable,
.hot-deals-tbl .k-grid-content.k-auto-scrollable, .master-wallet-history .k-grid-content.k-auto-scrollable, .account-detail-grid .k-grid-content.k-auto-scrollable,
.accountgrid .k-grid-content.k-auto-scrollable, .emailLogtable .k-grid-content.k-auto-scrollable, .all-pick-order-list-hgt .k-grid-content.k-auto-scrollable,
.picked-order-list-hgt .k-grid-content.k-auto-scrollable, .service-content-grid .k-grid-content.k-auto-scrollable, .user-information-grid .k-grid-content.k-auto-scrollable,
.salesbyproductsgrid .k-grid-content.k-auto-scrollable, .salesbyproducts-grid .k-grid-content.k-auto-scrollable, .salesbyproductsgrid .k-grid-content.k-auto-scrollable,
.salesbyproducts-grid .k-grid-content.k-auto-scrollable, .compnay-grid .k-grid-content.k-auto-scrollable, .bgc-carrier-company-services .k-grid-content.k-auto-scrollable,
.create-thetransfer-grid .k-grid-content.k-auto-scrollable, .outword-transferlist-grid .k-grid-content.k-auto-scrollable, .incomeingrgrid .k-grid-content.k-auto-scrollable,
.incomeing-receving-history .k-grid-content.k-auto-scrollable, .shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable, .shipped-orders-heightfix .k-grid-content.k-auto-scrollable,
.pendding-shipment-order-heightfix .k-grid-content.k-auto-scrollable, .threeplunderprocess-order-heightfix .k-grid-content.k-auto-scrollable, .hold-orders-heightfix .k-grid-content.k-auto-scrollable,
.cancelled-orders-heightfix .k-grid-content.k-auto-scrollable, .delivered-orders-heightfix .k-grid-content.k-auto-scrollable, .all-order-heightfix .k-grid-content.k-auto-scrollable,
.custom-form-hgt .k-grid-content.k-auto-scrollable, .inventoryreport .k-grid-content.k-auto-scrollable, .compnay-grid .k-grid-content.k-auto-scrollable,
.inventoryqtyadjustmentgrid .k-grid-content.k-auto-scrollable {
    border: #ccc solid 1px;
    border-width: 0px 1px 1px 1px;
    box-sizing: border-box;
}
    .usergrid .k-grid-content.k-auto-scrollable td:first-child,
    .ctgrid-details .k-grid-content.k-auto-scrollable td:first-child, .accountsub-detail-grid .k-grid-content.k-auto-scrollable td:first-child,
    .customer-invoice-grid-customer .k-grid-content.k-auto-scrollable td:first-child, .contactus-grid .k-grid-content.k-auto-scrollable td:first-child,
    .unaccountable-inventory-adjustment-grid .k-grid-content.k-auto-scrollable td:first-child, .vendoraccount-transactin-tbl .k-grid-content.k-auto-scrollable td:first-child,
    .product-category-grid .k-grid-content.k-auto-scrollable td:first-child, .event-grid .k-grid-content.k-auto-scrollable td:first-child,
    .all-pending-pick-jobs-tbl .k-grid-content.k-auto-scrollable td:first-child, .todays-dealList-tobe .k-grid-content.k-auto-scrollable td:first-child,
    .todays-deal-grid .k-grid-content.k-auto-scrollable td:first-child, .start-picked-history .k-grid-content.k-auto-scrollable td:first-child,
    .best-sellerList-tobe .k-grid-content.k-auto-scrollable td:first-child, .accountpayablevendor .k-grid-content.k-auto-scrollable td:first-child,
    .k-grid-content.k-auto-scrollable td:first-child, .accountpayablevendor .k-grid-content.k-auto-scrollable td:first-child,
    .accountreceivable .k-grid-content.k-auto-scrollable td:first-child, .pending-shipment-batch .k-grid-content.k-auto-scrollable td:first-child,
    .archivedbatchlist .k-grid-content.k-auto-scrollable td:first-child, .ledger-grid-tbl .k-grid-content.k-auto-scrollable td:first-child,
    .ledger-balance-grid .k-grid-content.k-auto-scrollable td:first-child, .order-returns-pr-h .k-grid-content.k-auto-scrollable td:first-child,
    .category-wise-list-report-grid .k-grid-content.k-auto-scrollable td:first-child, .threeplcancelledorders-table .k-grid-content.k-auto-scrollable td:first-child,
    .shipping-management-hold-orders-page .k-grid-content.k-auto-scrollable td:first-child, .batch-list-tbl .k-grid-content.k-auto-scrollable td:first-child,
    .employee-grid .k-grid-content.k-auto-scrollable td:first-child, .product-wise-report-grid .k-grid-content.k-auto-scrollable td:first-child,
    .category-wise-report-grid .k-grid-content.k-auto-scrollable td:first-child, .warehousevisualizationgrid .k-grid-content.k-auto-scrollable td:first-child,
    .ctgrid .k-grid-content.k-auto-scrollable td:first-child, .temporary-products .k-grid-content.k-auto-scrollable td:first-child,
    .hotdealListtobe .k-grid-content.k-auto-scrollable td:first-child, .master-wallet-history .k-grid-content.k-auto-scrollable td:first-child,
    .account-detail-grid .k-grid-content.k-auto-scrollable td:first-child, .accountgrid .k-grid-content.k-auto-scrollable td:first-child,
    .all-pick-order-list-hgt .k-grid-content.k-auto-scrollable td:first-child, .picked-order-list-hgt .k-grid-content.k-auto-scrollable td:first-child,
    .service-content-grid .k-grid-content.k-auto-scrollable td:first-child, .user-information-grid .k-grid-content.k-auto-scrollable td:first-child,
    .salesbyproductsgrid .k-grid-content.k-auto-scrollable td:first-child, .salesbyproducts-grid .k-grid-content.k-auto-scrollable td:first-child,
    .compnay-grid .k-grid-content.k-auto-scrollable td:first-child, .warehouse-setup-grid .k-grid-content.k-auto-scrollable td:first-child,
    .cart-bin-setup-grid .k-grid-content.k-auto-scrollable td:first-child, .create-thetransfer-grid .k-grid-content.k-auto-scrollable td:first-child,
    .outword-transferlist-grid .k-grid-content.k-auto-scrollable td:first-child, .incomeingrgrid .k-grid-content.k-auto-scrollable td:first-child,
    .incomeing-receving-history .k-grid-content.k-auto-scrollable td:first-child, .pendding-shipment-order-heightfix .k-grid-content.k-auto-scrollable td:first-child,
    .threeplunderprocess-order-heightfix .k-grid-content.k-auto-scrollable td:first-child, .shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable td:first-child,
    .cancelled-orders-heightfix .k-grid-content.k-auto-scrollable td:first-child, .shipped-orders-heightfix .k-grid-content.k-auto-scrollable td:first-child,
    .delivered-orders-heightfix .k-grid-content.k-auto-scrollable td:first-child, .all-order-heightfix .k-grid-content.k-auto-scrollable td:first-child,
    .custom-form-hgt .k-grid-content.k-auto-scrollable td:first-child, .inventoryreport .k-grid-content.k-auto-scrollable td:first-child,
    .compnay-grid .k-grid-content.k-auto-scrollable td:first-child, .bgc-carrier-company-services .k-grid-content.k-auto-scrollable td:first-child,
    .inventoryqtyadjustmentgrid .k-grid-content.k-auto-scrollable td:first-child {
        border-left: transparent !important;
        border-left-width: 0px !important;
    }


td.remove-border:nth-child(2)::after { display: none !important; }
.temporary-products th.k-header:first-child { border-left: transparent !important; }

.pending-shipment-orders .shipments-filter-bar .btn-group a.btn:not([href]):not([tabindex]) {  color: #000; }

.penddingshipment-btn-group .dropdown.active .select-box { right: 0; }
.penddingshipment-btn-group .dropdown-menu { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2) !important; border: #a7a7a7 solid 1px; }
.penddingshipment-btn-group .sltbatch, .penddingshipment-btn-group .sltbatch:focus, .penddingshipment-btn-group .sltstore,
.penddingshipment-btn-group .sltstore:focus {  background-color: transparent !important; border: transparent !important; padding-right: 32px; }
.penddingshipment-btn-group .sltbatch { width: 135px; text-overflow: ellipsis; white-space: nowrap; }   
.penddingshipment-btn-group .sltbatch:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") no-repeat;
    background-size: 12.5px;
    background-position: 108px center;
    color: #fff;
}
.penddingshipment-btn-group .sltbatch:hover option {
    color: #000
}
.penddingshipment-btn-group #lstbatchddl:hover { background: rgb(61,197,114); background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); border-radius: 5px; }
.penddingshipment-btn-group .sltstore { width: 125px; height: auto; }

.ctmbtn-dropdown { font-size: 14px !important; border: transparent;  margin-left: 0px !important; padding: 10px; border-radius: 5px;
    cursor: pointer; color: #000; display: flex; align-items: center; background: transparent;
}
.ctmbtn-dropdown i { margin-left: 5px; font-size: 19px; }
.ctmbtn-dropdown:hover { background: rgb(11,181,175);background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); color: #fff !important; }

.ctmbtn { color: #000; font-size: 16px !important; border: transparent;  margin-right: 5px !important;  margin-left: 0px !important; padding: 10px; border-radius: 5px; }
.ctmbtn:hover { background: rgb(11,181,175);background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); color: #fff !important; }

.ctmbtnd-content { width: 191px !important; }

.penddingshipment-btn-group .date-dropdown { background: #fff; }

.date-dropdown .input-group-addon, .date-dropdown .dropdown-toggle {  border: 1px solid #ccc; }
.date-dropdown label { z-index: 111 !important; }

.head-nav { width: calc(100% - 478px); }
.head-nav ul li a { padding: 13px 18px !important; color: #c3cdd5; font-weight: normal; font-size: 14px; cursor: pointer; height: 49px; align-items: center; display: flex; }
.head-nav ul li:first-child a { padding-left: 10px !important; }
.head-nav ul li a:focus { color: #c3cdd5; }
.head-nav ul li a:hover, .head-nav ul li.active { background: #016f5a; color: #fff; }
.head-nav ul li.active a { color: #fff; }

.f-14 { font-size: 14px; }
.f-18 { font-size: 18px; }

.dropdownstyle .btn.show { color: #fff; background: #0db6ad; }
.dropdownstyle .dropdown-menu.show { display: block; left: auto !important; right: 4px !important; }

.osi-bg { background: #fafcff; }
.new-order-modal .order-body { max-height: calc(100vh - 150px); overflow: auto; }

.user-account-name { line-height: 20px; max-width: 40px; display: grid; text-align: center; margin: 13px 0 0 0px; font-weight: bold; letter-spacing: 1px; }
.user-account-name i { color: #c3cdd5; }
.user-account-name span { color: #c3cdd5; font-size: 11px; line-height: 15px; }

.navbar-top-links.navbar-right { padding-right: 15px; }
.navbar-top-links.navbar-right a i, .navbar-top-links.navbar-right > li > a { color: #c3cdd5; }
.navbar-top-links.navbar-right a:hover i, .navbar-top-links.navbar-right a:focus i, .navbar-top-links.navbar-right a.show i, .navbar-top-links.navbar-right > li > a:hover,
.navbar-top-links.navbar-right > li > a:focus, .navbar-top-links.navbar-right > li > a.show i { color: #fff; }
.navbar-top-links.navbar-right ul.dropdown-menu li a:hover i { color: #000; }

.single-product-dropd-new { background: #e1f1ed; border-radius: 5px; }
.single-product-dropd-new .form-select { background-color: transparent; font-size: 14px; }

span.multiselect-shipping-manage-orders button, span.multiselect-shipping-manage-orders button:focus { background: #e1f1ed; width: 118px; }

.order-main { display: flex; align-items: center; justify-content: center; min-height: 29px !important; font-size: 14px; }
.order-main .order-text {  margin-right: 5px; }

.single-page-menu a { display: flex; justify-content: space-between; }

span.orders-digits { min-width: 24px; text-align: center; font-size: 14px; font-weight: 500; padding: 0px 5px; color: #fff; }

.k-pager-numbers-wrap .k-pager-numbers .k-link, .k-treeview .k-in { border-color: #dbdbde; }
.k-pager-numbers a.k-link { border: #dbdbde solid 1px; }
.k-pager-numbers a.k-link.k-state-focus, .k-pager-numbers a.k-link:focus, .k-pager-numbers a.k-link:hover {
    background: #f0f0f0;
    box-shadow: none;
}

.btn.dropdown-toggle.daterrow::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid;
    border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;
}

.card-one { background: #c6e0f1; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-one:hover { background: #93c2e1; transition: 0.3s ease-in-out; }

.card-two { background: #f2dfcb; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-two:hover { background: #dcb68e; transition: 0.3s ease-in-out; }

.card-three { background: #e0d5f2; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-three:hover { background: #c6b2e6; transition: 0.3s ease-in-out; }

.card-four { background: #cbd9b6; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-four:hover { background: #b1cb8b; transition: 0.3s ease-in-out; }

.card-five { background: #9be1dc; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-five:hover { background: #76d0c9; }

.card-six { background: #ffcdcd; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-six:hover { background: #e59a9a; }

.card-seven { background: #ffb0b0; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-seven:hover { background: #f19191; }
.ps-order-date-arrow > .btn {
    padding-right: 18px;
}
.get-hepl-drop-down .get-hepl-cnt {
    width: 200px;
    padding: 0px !important;
    right: 0px !important;
}

.card-eight { background: #ff9c9c; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-eight:hover { background: #df7c7c; }

.card-nine { background: #cfcfef; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-nine:hover { background: #9696e9; }

.card-ten { background: #afeafe; width: 100%; border: #fff solid 1px; box-shadow: 0px 5px 4px -4px rgba(150,147,150,1); transition: 0.3s ease-in-out; }
.card-ten:hover { background: #83d4ef; }

.forsales-search { position: relative; }

.sales-order-style { font-size: 14px; line-height: 22px; }

.ps-order-date-arrow .btn.dropdown-toggle.daterrow::after { position: absolute; right: 7px; top: 18px; }
.ps-order-date-arrow > .btn { padding-right: 18px; }

.head-user-account .user-account-cnt { width: 200px; padding: 0px !important; right: 14px !important; }
.head-user-account .user-account-cnt li.dropdown-header, .head-user-account .user-account-cnt li a, 
.get-hepl-drop-down .get-hepl-cnt li a { padding: 5px 14px 5px 14px !important; }
.head-user-account .user-account-cnt li a:hover, .get-hepl-drop-down .get-hepl-cnt li.dropdown-header:hover, 
.get-hepl-drop-down .get-hepl-cnt li a:hover { background: #e1f1ed; color: #000; }
.head-user-account .user-account-cnt li, .get-hepl-drop-down .get-hepl-cnt li { width: 100%; border-bottom: #ccc solid 1px; }
.head-user-account .user-account-cnt li:last-child, .get-hepl-drop-down .get-hepl-cnt li:last-child { border-bottom: transparent; }
.head-user-account .user-account-cnt li.dropdown-header:hover { background:transparent; }
.get-hepl-drop-down .dropdown-toggle {  padding: 0 10px !important; }

.head-user-account .user-account-cnt {
    width: 200px;
    padding: 0px !important;
    right: 14px !important;
}
.ms-options-wrap > button > span { font-size: 14px; line-height: 29px; }

.storemultiple { height: 41px; border: #ccc solid 1px; line-height: 41px; border-radius: 5px; }
.storemultiple .k-multiselect-wrap { height: 39px; line-height: 41px; border-radius: 5px; position: relative; }
.storemultiple .k-multiselect-wrap:after { content: "\f107"; position: absolute; right: 6px; font: normal normal normal 19px / 1 FontAwesome; overflow: visible;
   visibility: visible; top: 10px;
}
.storemultiple .k-multiselect-wrap .k-input { height: 37px; font-size: 14px; color: #000; position: absolute; top: 0; left: 0; cursor: pointer; 
  caret-color: transparent;
}
.storemultiple .k-multiselect-wrap .k-select { right: -2px; left: auto; display: none; }
.storemultiple .k-multiselect-wrap li { border: transparent; padding: 7px; background: transparent; height: 36px; text-overflow: ellipsis; white-space: nowrap;
  width: 100%; text-align: left; line-height: 25px !important;
}
.storemultiple .k-multiselect-wrap li span { font-size: 14px; }
.storemultiple span.k-icon.k-clear-value.k-i-close { display: none; }

.multiple-stores-dropd input[type=checkbox] { flex: none; margin-right: 5px; background: #fff; }
.multiple-stores-dropd input[type=checkbox]:before { line-height: 16px; }
.multiple-stores-dropd li { display: flex; }
.multiple-stores-dropd li:first-child { border-top: transparent !important; }

.order-tracking-modal .modal-dialog { max-width: 1000px; }

.tracking-status .tracking-steps { margin: 20px 0; }
.tracking-status .tracking-step { display: flex; align-items: self-start; margin-bottom: 10px; }
.tracking-status .tracking-step { position: relative; }
.tracking-status .tracking-step:before { content: ''; border: #ccc dashed 1px; height: 100%; position: absolute; left: 9px; top: 19px; }
.tracking-status .tracking-step.before-none:before { display: none; }
.tracking-status .step-icon { width: 20px; height: 20px; border-radius: 50%; margin-right: 10px; color: #fff; font-size: 12px; align-items: center; display: flex;
    justify-content: center; z-index: 1;
}
.tracking-status .delivered { background-color: #4cbb87; }
.tracking-status .out-for-delivery { background-color: #f5a551; }
.tracking-status .arrival { background-color: #65aee0; }
.tracking-status .departure { background-color: #65aee0; }
.tracking-status .acceptance { background-color: #65aee0; }
.tracking-status .step-details { font-size: 0.9em; }
.tracking-status .step-title { font-weight: bold; }

.bggray { background: #f9f9f9;  }
.shipment-details span { text-align: right; }
.text-sky-blue { color: #0d6efd; }

.multiple-clear-all { background: #f4f5f8; }
.multiple-clear-all .btn { box-sizing: border-box; background: #f4f5f8; border-color: #ccc; border-width: 1px 1px 0px 1px; padding: 8px; font-size: 14px;
  border-radius: 0px; height: auto; width: 100%;
}
.multiple-clear-all .btn:hover, .multiple-clear-all:hover { background: #e6f1f7;  }

.selected-order { background: #e1f1ed !important; }

.pending-shipment-orders .sidebarmain {  width: auto; position: absolute; right: 7px; margin-top: 8px !important; }

.three-pl-shipped-orders .sidebarmain, .three-pl-cancelled-orders .sidebarmain, .three-pl-delivered-orders .sidebarmain {
    width: auto;
    position: absolute;
    right: -7.5px;
    margin-top: 0px !important;
    bottom: 0px;
}

.search-area-main { width: 36%; }

/*.pick-and-pack-pending-orders-list .search-area-main { width: 35.3%; }*/

.pending-shipment-orders-new span.multiselect-shipping-manage-orders .ms-options { left: auto; right: 90px; }

.threeplunderprocessorders .date-dropdown-col, .cancelled-orders .date-dropdown-col, .hold-orders .date-dropdown-col, .delivered-orders .date-dropdown-col,
.all-orders-page .date-dropdown-col { width: 327px; }

.penddingshipment-btn-group .ctmbtn-dropdown { padding: 10px; }
.penddingshipment-btn-group .ctmbtn { margin-right: 0px !important; }

.navbar-top-links.navbar-right > li:nth-of-type(1) a, .navbar-top-links.navbar-right > li:nth-of-type(2) a, .navbar-top-links.navbar-right > li:nth-of-type(3) a {
    padding: 0 15px 0 7px;
}

.rounded-bdr .order-num-sec { border-radius: 20px !important; }

.filter { font-size: 14px !important; font-weight: 400; padding: 0 7.5px; }

.all-orders-page .orderManagement .k-grid-header th.k-header input.checkbox:checked + .chk-box::after,
.threeplunderprocessorders .orderManagement .k-grid-header th.k-header input.checkbox:checked + .chk-box::after {
    top: -17px; left: 2px; font-size: 11px;
}

.form-check-input[type=checkbox] {  border-radius: 2px; }
.tagspreferred .sp-preview { width: 30px; height: 30px; border-radius: 5px; border: transparent; }
.tagspreferred .sp-replacer { border-radius: 5px; display: flex; align-items: center; }
.tagspreferred .sp-preview-inner { border-radius: 5px; }
.tagspreferred .sp-replacer:hover, .tagspreferred .sp-replacer.sp-active { border: solid 1px #ccc; }
.tagspreferred .sp-dd { font-size: 13px; }

.sp-palette span.sp-thumb-active .sp-thumb-inner {  box-shadow: 0 1.1px 0.1rem rgba(0, 0, 0, 0.5) !important; }

.sp-container { border-radius: 5px !important; border: solid 1px #ccc !important; }

.sp-palette-container { padding: 10px !important; padding-bottom: 10px !important; margin-bottom: 0 !important; border-right: transparent !important; }
.sp-palette .sp-thumb-inner { box-shadow: 0 0.1px 0.1rem rgba(0, 0, 0, 0.5) !important; }

/*tags css*/

.manage-tags-modal { width: 447px !important; }
.manage-tags-modal .modal-footer { background: transparent !important; padding: 10px 15px !important; }

.textblue { color: #000 !important; }
.textblue:hover { color: #01b1c2 !important; }
.fs-14 { font-size: 14px !important; }
.fs12 { font-size: 12px !important; }


.tablestyle-web td { border: #ccc solid 1px; padding: 5px 10px; }

.b-radius-3 { border-radius: 3px; }
.text-red { color: #e02500 }
.tags { padding: 5px 10px; }

.close-gray i { color: #c3cdd5; font-size: 18px; transition: all 0.3s; }
.close-gray:hover i { color: #e02500; transition: all 0.3s; }

/*tags css*/


.k-pager-wrap .k-pager-info { font-size: 13px; height: 36px; display: flex; align-items: center; padding: 0px; }

.modal-header h2, .modal-header h5, .modal-header strong { font-size: 18px; font-weight: 400; }

.mt-9 { margin-top: 10px; }
.h32 { height: 32px; }
.br5 { border-radius: 5px !important; }
.m-b-1 { margin-bottom: 1px; }
.custom-multiselect { position: relative; display: inline-block; margin: 10px 0; width: 200px; border-radius: 5px; }
.custom-multiselect .multiselect-toggle { width: 100%; }
.custom-multiselect .custom-multiselect-dropdown { position: absolute; display: none; background-color: white; border: 1px solid #ddd; 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; max-height: 300px; overflow-y: auto; width: 100%; 
}    
.custom-multiselect ul { margin: 0px; padding: 0px; }
.custom-multiselect ul li:first-child { padding: 0px; }
.custom-multiselect ul li { display: flex; align-items: center; padding: 8px 10px; border-bottom: #ccc solid 1px; }
.custom-multiselect .custom-multiselect-dropdown ul li span { padding: 5px !important; font-size: 12px; border-radius: 3px !important; }
.custom-multiselect ul li input { margin-right: 10px; }

.managetags a { padding: 8px 10px; display: block; width: 100%; }
.managetags:hover { background: #f3f5f7; }

.marketplace-page-grid table { width: 100% !important; }
/*.marketplace-page-grid .k-grid-header-wrap.k-auto-scrollable table thead > tr:first-child {  height: 75px !important; }*/

.k-grid-content tbody tr:hover, .k-grid-content-locked tbody tr:hover { background: #f5f5f5 !important; transition: all 0.3s; }

.marketplacetabs .k-grid-content tbody tr:hover, .marketplacetabs .k-grid-content-locked tbody tr:hover { background: transparent;  transition: all 0.3s; }

.orderManagement .k-loading-mask .k-loading-image {  display: none; }

.k-tooltip-content { text-align: left; }

.p-r-5 { padding-right: 5px !important; }

.dropdown-item { border-bottom: #ccc solid 1px; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active { background: #e1f1ed; color: #000; }

ul.dropdown-menu li { border-bottom: #e1e1e1 solid 1px; }
.dropdown-menu lilast-child { border-bottom: transparent; }
.dropdown-menu a:last-child { border-bottom: transparent; }

.sclnewmain { overflow: auto; }
.sales-quantity-tbl-hgt { height: calc(100vh - 152px) }

.head-user-account .badge { position: absolute; right: auto; top: 5px; left: 0; border-radius: 50px; font-weight: normal; line-height: 13px; min-width: 18px;
    height: 18px; padding: 3px 4px 3px 2px; background: #ff5725;
}

.btnlarge { background: rgb(11,181,175);background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%); color: #fff !important; border-radius: 4px; font-size: 15px; padding: 7px 15px; line-height: 18px; border: #0bb5af solid 1px; }
.btnlarge:hover {background: rgb(61,197,114); background: linear-gradient(90deg, rgba(61,197,114,1) 0%, rgba(11,181,175,1) 100%); border: #0bb5af solid 1px; }

.pay-payment-open-balance .k-numeric-wrap:before {  display: none; }
.pay-payment-open-balance input { text-align: center; }

.recipient-left > h3 { margin-right: 15px; }

.po-ppayment { padding-right: 60px !important; }

.checkbalance-type { margin-top: 10px }

/*.k-grid-header th.k-header:first-child { border-left-width: 1px; }*/

.padd-left .white-box.attachments .k-content { border-radius: 5px; }

.totalcard { border: #ccc solid 1px; border-radius: 5px; padding: 10px 15px; background: #f4f5f8; }
.totalcard .total-right { float: none; width: auto; }

.pbtngroup { padding-right: 11px; }

.scl-tbl { overflow-x: auto; overflow-y: hidden; }

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

.tabshgtfix .receipt-part .tab-pane {  overflow: auto; }

.check-center input { margin: 0 auto; display: block; }

.reviewed-check {  margin: 0 auto !important;  display: block; }

.field-value { font-weight: 400; }

.dimensions-style [type="number"] {
    padding: 0 0px 0 10px;
}

.pick-pack-pendding #col-menu .k-icon.k-i-more-vertical, .threeplcancelledorders-table #col-menu .k-icon.k-i-more-vertical {
    width: 75px;
    height: 41px;
    padding: 0px 5px;
    box-sizing: border-box;
    background: #daedff;
    border: #ccc solid 1px;
    font-family: Roboto, sans-serif !important;
    color: #000;
    opacity: 1;
    border-radius: 5px;
}

    .pick-pack-pendding #col-menu .k-icon.k-i-more-vertical:before, .threeplcancelledorders-table #col-menu .k-icon.k-i-more-vertical:before {
        /* content: "\e13a"; */
        content: "Columns";
        text-indent: 0 !important;
        font-size: 14px;
        line-height: 16px;
        color: #000;
        width: 60px;
        opacity: 1;
    }

.threeplcancelledorders-table #col-menu .k-icon.k-i-more-vertical,
.three-pl-delivered-orders #col-menu .k-icon.k-i-more-vertical,
.three-pl-shipped-orders #col-menu .k-icon.k-i-more-vertical {
    width: 75px;
    height: 41px;
    padding: 0px 5px;
    box-sizing: border-box;
    background: #e1f1ed;
    border: #ccc solid 1px;
    font-family: Roboto, sans-serif !important;
    color: #000;
    opacity: 1;
    border-radius: 5px;
}

    .threeplcancelledorders-table #col-menu .k-icon.k-i-more-vertical:before,
    .three-pl-delivered-orders #col-menu .k-icon.k-i-more-vertical:before,
    .three-pl-shipped-orders #col-menu .k-icon.k-i-more-vertical:before {
        /* content: "\e13a"; */
        content: "Columns";
        text-indent: 0 !important;
        font-size: 14px;
        line-height: 16px;
        color: #000;
        width: 60px;
        opacity: 1;
    }


.pick-pack-pendding div.k-header.k-grid-toolbar {
    top: -64px !important;
    right: 0 !important;
    padding: 0px 0;
}

.pick-pack-pendding .single-product-dropd {
    position: absolute;
    top: -6px;
    right: 0;
    width: 175px;
    padding-right: 0;
}

.pick-pack-pendding .sidebar-right .form-check {
    font-weight: normal;
    color: #000;
    border: 1px solid #bbc5ca;
    padding: 8px 10px;
    border-radius: 5px;
    background: #fff;
    background: #daedff;
    font-size: 14px;
}


.three-pl-cancelled-orders .sidebar-right .form-check,
.three-pl-delivered-orders .sidebar-right .form-check,
.three-pl-shipped-orders .sidebar-right .form-check {
    background: #e1f1ed;
    font-weight: normal;
    font-size: 14px;
    border: #ccc solid 1px;
    margin: 0px;
    height: 41px;
}

/*.three-pl-shipped-orders .sidebar-right .form-check {
    margin-top: -20px;
}*/


/*New sidebar menu css*/

.tag-label {  padding-left: 5px; padding-right: 5px; margin: 0px; border-radius: 3px; display: table; color: black; }
.modal-body.managetag-height { max-height: 600px !important; height: auto !important; }

/*batchlist css start*/

/*div#batchlist {*/ /*position: absolute; bottom: 0;*/ /*width: 100%; background: #212c36; box-shadow: 0 1.1px 0.1rem rgba(0, 0, 0, 0.2) !important; z-index: 1; }
div#batchlist > a { background: #212c36 !important; border-bottom: #404f5c solid 1px; }
div#batchlist > a > span.orders-digits, .currentbatch-list > a > span.orders-digits { color: #fff; position: absolute; right: 35px; }
div#batchlist .dashboard-nav-dropdown-menu { max-height: 250px; overflow: auto; }
div#batchlist .dashboard-nav-list .dashboard-nav-dropdown-toggle, div#batchlist ul li.batchlst { border-bottom: #404f5c solid 1px;  }
div#batchlist ul li.batchlst a.dashboard-nav-dropdown-item.active,
div#batchlist ul li.batchlst .dashboard-nav-dropdown-item.active span.orders-digits,
div#batchlist ul li.batchlst .dashboard-nav-dropdown-item:hover,
div#batchlist ul li.batchlst .dashboard-nav-dropdown-item:hover span.orders-digits { color: #000; }
div#batchlist ul li.batchlst .dashboard-nav-dropdown-item,
div#batchlist ul li.batchlst a > span.orders-digits { color: #fff; }*/

/*batchlist css end*/

.single-page-menu-main { background: #2d2f31; }
.k-grid-content tbody tr.k-state-selected { background-color: #e1f1ed !important; }
.archivedbatchlist .orderManagement .k-grid-header th.k-header input.checkbox:checked + .chk-box::after { top: -16px; }
.archivedbatchlist .orderManagement .checkbox:checked + .chk-box::after, .batch-list-table .orderManagement .checkbox:checked + .chk-box::after { left: 2px; }
.lbl-bg:before { position: absolute; width: auto; height: 14px; background: #fff; content: ""; z-index: 1; top: 1px; left: 2px; right: 18px; }
.customer-sales { position: relative; }

    .customer-sales .inputValue {
        font-weight: 600;
        font-size: 13px;
        text-transform: capitalize;
    }

    .customer-sales .k-multiselect-wrap {
        overflow: auto;
        max-height: 150px;
        padding-top: 14px;
        box-sizing: border-box;
        padding-left: 8px;
        height: 41px;
    }

    .customer-sales .customermlt span.k-icon.k-clear-value.k-i-close {
        right: 35px;
    }

    .customer-sales label {
        font-weight: 600;
        z-index: 1;
        font-size: 14px;
        transform: scale(.85) translateY(-0.7rem) translateX(0.15rem);
        left: 0;
        top: 6px;
    }

    .customer-sales .k-multiselect-wrap li {
        padding: 0px 28px 0 5px;
    }

        .customer-sales .k-multiselect-wrap li span {
            display: inline-block;
        }

.threepl-created-orders .k-header.k-grid-toolbar {
    right: 0px !important;
    top: -63px !important;
}

.logo-bg { background: #000; margin: 0 auto; margin-bottom: 30px; display: flex; justify-content: center; border-top-left-radius: 5px !important; 
    border-top-right-radius: 5px !important; padding: 10px 20px !important;
}
.logo-bg img { margin: 0 !important; padding: 0px !important; max-width: 370px !important; box-sizing: border-box; width: 100%; }

ul.company-list-dd {
    padding: 0px;
    border: #ccc solid 1px;
    background: #ffff;
    overflow: auto;
    max-height: 282px;
    margin-top: -11px;
    width: 94%;
    box-sizing: border-box;
}

    ul.company-list-dd li.list-group-item {
        padding: 5px 10px;
        line-height: 18px;
        border-bottom: #ccc solid 1px;
    }

        ul.company-list-dd li.list-group-item:hover {
            background: #daedff !important;
            color: #000 !important;
            cursor: pointer;
        }

    ul.company-list-dd li:last-child {
        border-bottom: none;
    }

ul.k-menu-group li.k-item > .k-link {
    padding: .09em .5em .09em .5em !important;
    color: #000;
    font-size: 14px !important;
}

.sales-agent-table {
    border-top: #ccc solid 1px !important;
}

    .sales-agent-table th {
        border-top: transparent;
        text-transform: uppercase;
    }

        .sales-agent-table th:first-child,
        .sales-agent-table td:first-child {
            border-left: 0px;
        }

        .sales-agent-table th:last-child,
        .sales-agent-table td:last-child {
            border-right: 0px;
        }

    .sales-agent-table td {
        color: #000;
        padding: 0.3em 0.6em;
    }

    .sales-agent-table tr:last-child td {
        border-bottom: transparent;
    }

.customer-srh .search-box input[type=text] {
    height: 36px;
    padding-right: 25px !important;
}

.customer-srh .search-box > span:before {
    font-size: 16px;
}

.customer-srh .search-box {
    margin: 10px 0px 10px 0 !important;
}

.sales-costomer {
    max-height: 242px;
    overflow: auto;
}

.customer-srh .search-box > span {
    right: 8px;
}

.create-user.dashboard-nav-list {
    box-shadow: none !important;
}

.inventory-forecast .invetory-forecast-ftr .datenewdropd .dropdown-menu,
.sales-and-forecast .sales-and-forecast-ftr .datenewdropd .dropdown-menu {
    width: 300px;
}

.sales-trends-main .sales-trends-ftr,
.inventory-forecast .invetory-forecast-ftr,
.sales-and-forecast .sales-and-forecast-ftr {
    margin-top: -51px !important;
}

.inventory-forecast .k-grid-header-locked thead th, .inventory-forecast .k-auto-scrollable thead th,
.sales-and-forecast .k-grid-header-locked thead th, .sales-and-forecast .k-auto-scrollable thead th {
    text-align: center;
}

.inventory-forecast .k-grid-header-locked thead{
    height: 98px !important;

}

.inventory-forecast .k-auto-scrollable thead tr:first-child > th,
.sales-and-forecast .k-auto-scrollable thead tr:first-child > th,
.marketplace-page-grid .k-auto-scrollable thead tr:first-child > th,
/*.buybox-grid-tbl .k-auto-scrollable thead tr:first-child > th,
*/.marketplace-listing-grid-tbl .k-auto-scrollable thead tr:first-child > th {
    border-bottom: #87bfb0 solid 1px;
    background: #2d2f31 !important;
    color: #fff !important;
}

    .marketplace-listing-grid-tbl .k-auto-scrollable thead tr:first-child > th span,
    .inventory-grid-tbl .k-auto-scrollable thead tr:first-child > th span,
    .price-grid-tbl .k-auto-scrollable thead tr:first-child > th span {
        color: #fff;
    }
    /*.sales-and-forecas-main .k-grid-header:after, .inventory-forecast-main .k-grid-header:after {
    content: '';
    background: #2d2f31;
    width: 17px;
    height: 98px;
    position: absolute;
    right: 1px;
}*/
    .sales-and-forecas-main table,
    .inventory-forecast-main table {
        width: 100% !important;
    }

.p-15 {  padding: 15px; }

.tbl-bdr { border: #ccc solid 1px; }
.tbl-bdr thead th { border-top: 0px !important; }
.tbl-bdr thead tr:first-child th { border-left: 0px !important; }
.tbl-bdr thead tr:first-child th { border-left: 0px !important; }
.tbl-bdr .table-stock-detail { border-left: 0px !important; border-right: 0px !important; }
.tbl-bdr .table-stock-detail tfoot { border-bottom: 0px !important; }

.ledgeraccounts .flex {  display: flex; }

.temporary-products .checkbox:checked + .chk-box::after { left: 2px; }
.temporary-products .k-header .checkbox:checked + .chk-box::after {  top: -16px; }
.k-animation-container .k-nodata {  background: #fff; border: #ccc solid 1px;  margin-top: -6px;  z-index: 11; position: relative; box-sizing: border-box;}

.scr-date .dropdown-menu { left: auto; right: 0; }
.multigreeting {  min-height: 41px; }
.multigreeting .k-multiselect-wrap { display: flex;  align-items: center;  }
.multigreeting .multiselect-item .k-multiselect { border: #ccc solid 1px !important;  border-radius: 4px !important;  padding-top: 3px; height: 41px;  }
.multigreeting .inputValue { height: 2px; }
.multigreeting .k-multiselect-wrap .k-input {color:#393a3d}
.usegreetingcheck { padding-top: 10px; display: flex; gap: 5px; line-height: 16px; }
.toast-top-center .toast.toast-warning .toast-message { color: #000; font-size: 14px; }
#toast-container > div {  opacity: 1 !important; }
#toast-container > div.toast-warning { background-image: url('../images/warningicon.png') !important;  background-repeat: no-repeat !important;  }
.pickl span.k-dropdown-wrap.k-state-default { height: 41px; box-sizing: border-box; }
.pickl .k-input.k-textbox { padding: 0px; height: 39px !important; }

.inventory-oty-ac { gap: 10px; display: flex; justify-content: center; font-size: 15px; }
.inventory-oty-ac i { cursor:pointer }

.parentproduct-nm { height: 25px; display: block; overflow: auto; }
.saleschart-total, .buybox-filter, .marketplace-listing { overflow-x: auto; }
.saleschart-total .col, .buybox-filter .col, .marketplace-listing .col {  min-width: 300px; width: 20%; display: inline-table; }
.all-pending-bg { background: #F08080 }
.shipped-and-pending-bg { background: #ADD8E6 }
.shipped-and-payment-received-bg { background: #98FB98 }
.shipped-and-invoiced-bg { background: #FAFAD2 }
.completed-bg { background: #D8BFD8 }   
.inventory-forecast .k-grid-header th.k-header { padding: 5px .6em !important; }
.product-list-dropdown span.k-dropdown-wrap.k-state-default .k-input, .invoice-list-dropdown span.k-dropdown-wrap.k-state-default .k-input {
    white-space: nowrap; text-overflow: ellipsis;  max-width: 500px;
}

.product-list-dropdown span.k-dropdown-wrap.k-state-default input[type=text]:focus, .invoice-list-dropdown span.k-dropdown-wrap.k-state-default input[type=text]:focus,
.reference-customer-field input[type=text]:focus {
    border: transparent !important;
}
.account-list-dropdown .k-input { border: transparent !important; max-width: 603px; }
.wh-table-grid .form-control { height: 30px;  font-size: 13px; }
.cursorpointer { cursor: pointer; }
.marketplace-listing, .buybox-filter { position:relative; z-index:1; }
.price-grid-tbl .k-grid-header th.k-header:first-child, .marketplace-listing-grid-tbl .k-grid-header th.k-header:first-child { border-left-width: 1px; }
.k-pager-wrap { padding-left: 0px; padding-bottom: 0px !important; }
span.k-pager-sizes.k-label { float: left; }
.store-main .store-logo { background: #fff; justify-content: center; border: #ccc solid 1px; border-radius: 3px; padding: 5px; overflow:hidden; }
.mptopsection { width: 808px; display: flex; align-items: center; }
.mptopsection .mp-store-dropd { width: 140px; min-width: 140px; margin-left: 5px; }
.pb-1 { padding-bottom:1px; }
.reorder .mptopsection button, .reorder .mptopsection .product-category-list-submit button, .reorder .mptopsection .form-select { margin-top: 0; }
.three-pl-shipped-orders .pending-shipment-allorder .search-area-main { width: 30%; }
.m-b-7 { margin-bottom:7px !important; }
.client-dropdown span.k-dropdown-wrap.k-state-default { height:39px; }
.k-grid-norecords { border-bottom: #ccc solid 1px; }
.reference-customer-field .k-input { border: transparent !important; }


.disabled-input {
    background: #cdcdcd !important;
    color: #000 !important;
    cursor: not-allowed;
    border: none !important;
}

.h-30 { height:30px; }
.disabled-area {
    border-radius: 5px;    
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    box-sizing: border-box;
    background: #e9ecef;
    overflow: hidden;
}

.store-img, .product-img {
    max-width: 62px;
    margin: 0 auto;
    height: 62px;
    align-items: center;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
    .store-img img, .product-img img {
        border-radius: 5px;
        max-height: 62px;
    }
.search-select-box select {
    box-sizing: border-box;
    width: 100% !important;
    height: 30px;  
    padding-top: 3px;
    padding-bottom: 3px;
}

.search-products .k-grid-content.k-auto-scrollable {
    border-top: transparent;
    border: #ccc solid 1px;
    height: calc(100vh - 420px);
    box-sizing: border-box;
}
.search-products .k-grid-header {
    display: none;
}
.search-product-main {margin-bottom:0px !important;}

.selected-product select {
    border: #0071dc solid 1px;
}
.m-l-4 {
    margin-left: 4px !important;
}
.icon-fix {
    bottom: -1px;
    position: relative;
}

button.product-btn:disabled {
    background: #e0e0e0; 
    color: #343434;
}

.common-market-place-popup .modal-dialog {
    max-width: 900px;
}

.common-market-place-popup .modal-dialog.max500 {
    max-width: 500px !important;
}

.labelup .form-floating.labelfix input,
.labelup .form-floating.labelfix select,
.labelup .form-floating.labelfix-two input,
.labelup .form-floating.labelfix-two select {
    z-index: 0;
}
.labelup .form-floating.labelfix > label {
    left: 39px;
    width: auto;
    z-index: 10;
}
.labelup .form-floating.labelfix-two > label {
    left: 36px;
    width: auto;
    z-index: 1;
}
.labelup .form-floating.label-up input,
.labelup .form-floating.label-up select {
    z-index: 0;
}
.m-b-3 {margin-bottom:3px;}
.suggeted-price {
    position: absolute;
    bottom: 6px;
    font-size: 12px;
}

.store-product-gallery {
    display: block;   
}
.markeplace-large-product {
    min-height: 250px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.markeplace-large-product .store-large-image {   
    box-sizing: border-box;
    border-radius: 5px;
    max-height:250px;
}  
.store-product-gallery .store-thumbnailS .border:hover {
    border: #000 solid 1px !important;
    cursor: pointer;
}
.store-product-gallery .store-thumbnailS figure {
    height: calc(100% - 15px);   
    display: flex;
    justify-content: center;
}
.store-product-gallery .store-thumbnailS img {
    max-width: 38px;
    margin: 0 auto;
    display: block;
    max-height: 38px;   
}

.textarea-100 {
    height: 90px !important;
}

.common-category-popup .modal-dialog {
    max-width: 530px;
}

.store-product-ac .accordion-button:not(.collapsed), .store-product-ac .accordion-button:focus {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
    box-shadow: none;
}
.store-product-ac .accordion-header {
    margin-top: 0px;
    border-bottom: transparent;
}

.store-product-ac .accordion-item {
    margin: 0 0 15px 0;
    border-radius: 5px;
}

.rounded-ltb-0, .rounded-ltb-0:focus {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.hrmt hr {margin-top:.5rem;}


.dropDownTemplate span.k-dropdown-wrap.k-state-default { box-sizing:border-box }
.wt-product-dropdown span.k-input { max-width: 440px; }
.box-shipmentSearch { min-width: 280px; }
.labelup .form-floating.fixlabel input { z-index: 0; }
.pac-target-input.gm-err-autocomplete { background-position: center right; background-size: 16px; }
.shipping-management-all-orders-page.k-widget { color: inherit; }

.pt-12 { padding-top: 12px; }
.home-icon i { font-size: 16px; }
.inventorydate { padding-left: 25px !important; }

.categoryby-dropdown {width:150px;}

.rounded-right-top { border-top-right-radius:0px !important; }
.rounded-right-bottom { border-bottom-right-radius:0px !important; }
.rounded-left-top { border-top-left-radius:0px !important; }
.rounded-left-bottom { border-bottom-left-radius:0px !important; }

.custom-selectbox .k-dropdown-wrap {
    height: 41px !important;
    box-sizing: border-box;
}
.custom-selectbox .k-dropdown-wrap .k-input {
    height: 39px !important;
    box-sizing: border-box;
}
.marketplacelogo {overflow:visible !important;}
    .marketplacelogo .dropdown {
        padding-right: 11px;
        width: 78px;
        /* width: 100%; */
        text-align: center;
        box-sizing: border-box;
        padding-bottom:2px;
    }
    .marketplacelogo .pstorelogo {
        height: 26px;
        display: flex;
        align-items: center;
    }
.marketplacelogo .dropdown-content { margin-top:1px; }
    .marketplacelogo .image-wrapper {
        width: 100%;
        padding-bottom: 2px;
    }
    .marketplacelogo .image-wrapper img {
        max-height: 18px !important;
        max-width: 100% !important;
        width: auto !important;
    }
    .marketplacelogo .dropdown-toggle::after {
        display: none;
    }
.marketplacelogo .dropdown.ms-logo:before {
    top: 20px;
    padding: 10px 1px;
}
.productlist-grid .dropdown.ms-logo, .sub-products-tbl .dropdown.ms-logo{ background: #fff;padding-left: 2px;}
.productlist-grid .dropdown.ms-logo img, .sub-products-tbl .dropdown.ms-logo img { padding:2px 0; }
.productlist-grid .dropdown.ms-logo, .sub-products-tbl .dropdown.ms-logo {
    background: #fff;
    margin: 2px;
}

.marketplacelogo.subp .dropdown.ms-logo:before {
    top: 50%;
}
.marketplacelogo.subp .dropdown {
    width: 136px;
}

.pstorelogo {
    height: 26px;
    display: block;
}

.p-s-error {
    background: #ffcdcd;
}
.p-s-live { background: #80d380; }
.p-s-inactive {
    background: #c6e0f1;
}
.p-s-inprogress {
    background: #ede553;
}
.p-s-unpublished {
    background: #f0b53e;
}



.inputdesign input.form-control {
    background: #fff;
}
.datedesign .date input.form-control {
    padding-right: 39px !important;
    background: #fff;
}

.account-journal-entry input[type=text]:focus, .jen-dropdown input[type=text]:focus, .drpreference-customer input[type=text]:focus {
    border: transparent !important;
}
.account-journal-entry span.k-dropdown-wrap.k-state-default, .jen-dropdown span.k-dropdown-wrap.k-state-default {
    height: 41px;
    box-sizing: border-box;
}
.account-journal-entry .k-dropdown-wrap .k-input, .jen-dropdown .k-dropdown-wrap .k-input {
    height: 39px !important;
}

.picklocation span.k-widget.k-dropdown, .receivedate .form-control {
    background: #fff !important;
    border: transparent !important;
}

.wrmain .qtytooltipmain {margin-top:0px;}
.payment-gateway th { text-transform:uppercase }
.tax-group-grid thead.k-grid-header th:first-child {   
    border-left: #ccc solid 1px !important;
}
.wrmain .qtytooltipmain {margin-top:0px;}
.payment-gateway th { text-transform:uppercase }
.tax-group-grid thead.k-grid-header th:first-child {   
    border-left: #ccc solid 1px !important;
}
.tax-group-ac { display: flex; gap: 8px; align-items: center; }
.tax-group-ac .fa-trash { font-size: 14px !important;  }

.store-vairiation .accordion-header { background-color: #E9E9E9 !important; padding: 0;}




.carriers-integrations .carriers-img {
    border: #ccc solid 1px;
    padding: 2px 5px;
    border-radius: 5px;
    text-align: center;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-ph-text input::placeholder {
    color: #000;
}

.products-tbl thead th .k-link { white-space: nowrap; }
.item-find-list { margin-left: 16px !important; }


.link-h { color:#0000ff }


.product-list-reorder-div .grid-view, .product-list-reorder-div .list-view {
    margin-left:4px !important;
    margin-top:0px !important;
}

.create-location-modal .modal-dialog {max-width:600px;}

.pv-border-bottom {
    border-bottom:#d9d9d9 solid 1px !important;
}
/*.pv-bg {
    background-color: #dddddd !important;
    border-bottom: #bfbfbf solid 1px;
}*/

.pv-bg {
    background: #FFFFFF;
    background: linear-gradient(0deg, #e1e1e1, #e9e9e9);
    border-bottom: #ccc solid 1px;
}
.c-px-2 {
    padding: 0 2px;
}

.f12 { font-size: 12px; }
.import-fmarketplace-list {
    max-height: 317px;
    overflow: auto;
}
.import-fmarketplace-list a { border-bottom:#ccc solid 1px; }
.import-fmarketplace-list a:hover { background: #daedff; }
.import-fmarketplace-list a i { color: #c3cdd5 }
.import-fmarketplace-list a:hover i { color: #000 }
.marketplace-store-drp .dropdown-menu {
    width: 267px;
    left: -73px !important;
}
span.product-status {
    display: block;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
    padding: 0 1px;
}
.product-list-stores .image-wrapper { text-align:center; }
.product-list-stores .dropdown-content { margin:0px;}

.storewise-pn {
    white-space: normal !important;
    line-height: 18px !important;  
}
.selectebayproduct .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 220px);
    min-height: 150px;
}

.customcheckbox-main + .store-vw {
    width: calc(100% - 41px);
}
.customcheckbox {
    color: #32c82f !important;
    border: #ccc solid 1px;
    padding: 2px;
    border-radius: 3px;
    margin-top: 14px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px; 
}
.vw-41 {
    width: 41px;
}

.plr-7 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.max-h-dropdown {max-height:400px; overflow-y:auto;}
.ipd-w {width:236px;}
.right-align {
    text-align:right !important;
}

.storelg-main {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #343434;
}
span.storelg {
    display: inline-flex;
    max-width: 50px;
    margin-right: 5px;
    border: #ccc solid 1px;
    border-radius: 3px;
    padding: 4px;
    background: #fff;
}

.mail-contnet.refresh-stores h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.message-center a:hover .storelg-main {
    color:#000;
}

.ai-chatgtp-modal .modal-header {
    padding: 4.4px 15px 4.4px 15px;
}
.ai-chatgtp-modal .modal-content {   
   border-radius: 25px 25px 25px 25px;
}

.ai-gernated-chat {
    display: flex;
    padding: 5px 5px 5px 10px;
    background: #f4f5fc;
    margin: 15px;
    border-radius: 50px;
    min-height: 50px;
    align-items: center;
}
.ai-control {
    width: 100vw;
    max-width: 100%;
    background: #f4f5fc;
    resize: none;
    min-height: auto;
    white-space: normal;
    word-break: break-word; /* Handle word breaking for long words */
    white-space: pre-wrap; /* Preserve whitespace and break lines */
    line-height: 1.5;
    /* padding: 11px 0; */
    box-sizing: border-box;
    overflow: hidden; /* Prevents scrollbars */
    resize: none; /* Disables manual resizing */
}
.ai-gernated-chat .btn {
    border: #f4f5fc solid 1px;
}
.ai-gernated-chat .btn:focus,
.ai-gernated-chat .btn:hover {
    border: #f4f5fc solid 1px;
}
.ai-control:focus {
    border: transparent;
}

.ai-chatgtp-modal .close span {
    color: #b5b5b5;
}
.ai-chatgtp-modal .close:hover span {
    color: #fff;
}
.ai-chatgtp-modal .modal-dialog {
    max-width: 750px;
}
.ai-chatgtp-modal.popup-cover {
    background: rgba(0, 0, 0, 0.5);
}
.disabled-crbtn {
    pointer-events: none;
    background: #ccc;
    color: #000000;
    opacity: 0.6;
}
.ai-gernated-chat .crbtn {
    min-width: 80px;
}

.ai-select-box li a span {
    display:flex;
}
.ai-select-box li a span svg {
   margin-right:5px;
}
/* Styling for the list container */
.ai-ul-list {
    list-style-type: none; /* Remove default bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    font-size: 14px;
}

    /* Styling for each list item */
    .ai-ul-list li {
        opacity: 0; /* Initially hidden */
        background-color: rgb(136 181 245 / 10%); /* Light background for text */
        padding: 10px; /* Add padding for the background */
        margin-bottom: 5px; /* Add spacing between items */
        border-radius: 5px; /* Slightly rounded corners */
        transform: translateY(20px); /* Start slightly below */
        animation: fadeInLine 1s forwards ease-out; /* Add fade-in animation */
    }

        /* Apply a delay for each item using nth-child() */
        .ai-ul-list li:nth-child(1) {
            animation-delay: 0.2s;
        }

        .ai-ul-list li:nth-child(2) {
            animation-delay: 0.4s;
        }

        .ai-ul-list li:nth-child(3) {
            animation-delay: 0.6s;
        }

        .ai-ul-list li:nth-child(4) {
            animation-delay: 0.8s;
        }

        .ai-ul-list li:nth-child(5) {
            animation-delay: 1s;
        }

/* Keyframes for the fade-in and slide-up animation */
@keyframes fadeInLine {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Start slightly below */
    }

    50% {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.1); /* Background during animation */
    }

    100% {
        opacity: 1;
        transform: translateY(0); /* Original position */
        background-color: rgb(136 181 245 / 3%); /* Remove background after animation */
    }
}

.product-description:before {
    background: #ffffff;
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 13px;
    display: inline-block;
    z-index: 1;
    top: 1px;
    left: 1px;
    border-top-left-radius: 5px;
}
/*.update-price-tbl-single .table {
    margin-bottom: 0;
    width: 1160px;
}*/
/*.update-price-tbl-single .modal-dialog {
    max-width: 1332px;
}*/

.update-price-modal .modal-dialog {
    max-width: 1195px;
}

.ac-style-new .accordion-item {
    margin-bottom: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ac-style-new .accordion-body {
    padding: 0;
}

.ac-style-new .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.ac-style-new .accordion-header {
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: transparent;
    padding: 2px 10px !important;
    /*background: linear-gradient(to bottom, #ffffff, #f4f4f4);*/
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .ac-style-new .accordion-button::after {
        /*background-image: var(--bs-accordion-btn-icon);*/
        background-size: 16px;
        background-position: center;
    }

.ac-style-new .accordion-button {
    font-weight: 600;
}

    .ac-style-new .accordion-button.collapsed {
        font-weight: normal
    }

.ac-style-new .accordion-item:not(:first-of-type) {
    border-top: #dee2e6 solid 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.accordion-button:not(.collapsed)::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2305acc7'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat;
}

.bg-tr {background:transparent;}

.aip-close button.close:hover {
    border-radius: 0 24px 0 0px;
}

.update-price-tbl {
    margin: 0px;
}
.update-price-tbl th:first-child,
.update-price-tbl td:first-child {
    border-left: transparent;
}
.update-price-tbl th:last-child,
.update-price-tbl td:last-child {
    border-right: transparent;
}

    .update-price-tbl tr:last-child td {
        border-bottom: transparent;
    }

    .update-price-tbl td, .update-price-tbl-single td {
        padding: 4px 8px !important;
        vertical-align: middle;
        color: #000;
    }

    .update-price-tbl th, .update-price-tbl-single th {
        text-transform: uppercase
    }

    .update-price-tbl .table, .update-price-tbl-single .table {
        margin-bottom: 0;
    }
.aidefault {
    width: 90px;
    min-width: 90px;
}
.ai-btn {
    background: rgb(11,181,175);
    background: linear-gradient(90deg, rgba(11,181,175,1) 0%, rgba(61,197,114,1) 100%);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 32px;
    height: 32px;
    margin: 0px;
    line-height: 24px;
}

.st-btn {
    color: #000;
    font-size: 13px;
    min-width: 66px;  
    border-radius: 50px;
    padding: 4px;    
    height: 27px;
    border: 0px;
}

.bg-green {
    background: #008000;
}

.h-36 {
    height:36px !important;
}
.upstorelogo {
    margin: 0px;
    width: 66px;
    margin: 0 auto;
    text-align:center;
}
.upstorelogo img {   
    margin-bottom:2px;
    width:52px;
}

.blue-icon {
    filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(291deg) brightness(95%) contrast(103%);
    cursor: pointer;
    width: auto !important;
}

.fs-13 {
    font-size:13px;
}

/*edit input css*/

.edit-icon-main {
    position: relative;    
}
.edit-icon-main:after {
    display: none;        
}
.edit-icon-main:hover:after {
    position: absolute;
    right: 12px;
    top: 50%;
    transform:translateY(-50%);
    display: block;
    content: "\f040";
    font: normal normal normal 14px / 1 FontAwesome;
}
.pl-12 {
    padding-left: 12px !important;
}
.editinput {
    border: #fff solid 1px;    
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
}
.editinput:focus {
    border: #000 solid 1px;
}

.editinput::-moz-placeholder {
    color: #000;     
}

.editinput::-webkit-input-placeholder {
    color: #000;      
}

.editinput::-ms-placeholder {
    color: #000;     
}
.field-dollar-sign {
    position:relative;
}
.field-dollar-sign:before {
    content: "$";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size:13px;
}

/*edit input css*/





.weight-dimensions div.dropdowncontent {
    padding: 10px 15px;
    border-radius: 5px;
    width: 305px;
    border: transparent;
    left: -311px;
    right: auto;
    /* position: absolute;*/
    z-index: 1051;
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1);
    box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1);
    /* top: -2px;*/
    margin: 0px 2px;
}

   /* .weight-dimensions div.dropdowncontent:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        right: -6px;
        top: 0px;
    }*/

.weight-dimensions .labelup .form-floating > .form-control {
    padding-top: 18px !important;
    height: 36px;
}

.weight-dimensions .labelup .form-floating > label {
    font-size: 13px;
}
.wd-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: 13px;
    padding: 0px 3px;    
}

.wd-active {
    border: #24AEFF solid 1px;
    border-radius: 3px;
}

/*weight-dimensions css start here*/

.weight-dimensions .btn-group.d-main .dropdown-toggle {
    padding: 0 3px !important;
    text-transform: none;
}
    .weight-dimensions .btn-group.d-main .dropdown-toggle.show {
        border: #fff solid 1px !important;
        box-sizing: border-box;
        border-radius: 3px;
        padding: 0 2px !important;
    }
    .weight-dimensions .btn-group.d-main .dropdown-toggle::before {
        display: none;
    }
.weight-dimensions .btn-group.d-main .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    justify-content: space-between;
}
.weight-dimensions .btn-group.d-main .dropdown-menu {
    border: transparent;
    box-shadow: none !important;
    overflow: visible;
    background: transparent;
    min-height: 221px;
  
}

/*new weight dimensions css*/

.mt-minus-1 {margin-top:-1px !important;}

/* Default arrow styling */
.weight-dimensions .btn-group.d-main .dropdown-menu::before, .add-custom-package-main .dropdown-menu::before, .shipping-advice-main .dropdown-menu::before, .note-main-content .notes .dropdown-menu::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 1000;
}

/* Arrow for dropstart with right-start placement */
.weight-dimensions .btn-group.d-main [data-popper-placement="right-start"]::before, .note-main-content .notes [data-popper-placement="right-start"]::before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    left: -4px;
    top: 0px; /* Arrow positioned at the top of the dropdown */
}

/* Arrow for dropstart with right-end placement */
.weight-dimensions .btn-group.d-main [data-popper-placement="right-end"]::before, .note-main-content .notes [data-popper-placement="right-end"]::before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    left: -6px;
    bottom: 3px; /* Arrow positioned at the bottom of the dropdown */
}

/* Arrow for dropdown at the top with top-start placement */
.weight-dimensions .btn-group.d-main [data-popper-placement="left-start"]::before, .note-main-content .notes [data-popper-placement="left-start"]::before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    bottom: auto;
    right: -4px;
    top: 0;
}

/* Arrow for dropdown at the top with top-end placement */
.weight-dimensions .btn-group.d-main [data-popper-placement="left-end"]::before, .note-main-content .notes [data-popper-placement="left-end"]::before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    bottom: 3px;
    right: -4px;
}

/* Arrow for dropstart with top-start placement */
.note-main-content .notes [data-popper-placement="top-start"]::before {
    border-width: 10px 10px 0px 10px;
    border-color: #ffffff transparent transparent transparent;
    left: 0;
    top: auto;
    bottom: -5px; /* Arrow positioned at the top-start of the dropdown */
}

/* Arrow for dropstart with bottom-start placement */
.note-main-content .notes [data-popper-placement="bottom-start"]::before {
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    left: 0;
    top: -5px;
    bottom: 0; /* Arrow positioned at the bottom-start of the dropdown */
}

/*weight-dimensions css*/


/* Arrow for dropdown at the top with bottom-start placement */
.add-custom-package-main [data-popper-placement="top-start"]::before, .shipping-advice-main [data-popper-placement="top-start"]::before {
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -7px;
    left: 3px;
}
/* Arrow for dropdown at the top with bottom-start placement */
.add-custom-package-main [data-popper-placement="bottom-start"]::before, .shipping-advice-main [data-popper-placement="bottom-start"]::before {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    top: -7px;
    left: 3px;
}
/* Arrow for dropdown at the top with bottom-start placement */
.add-custom-package-main [data-popper-placement="bottom-end"]::before, .shipping-advice-main [data-popper-placement="bottom-end"]::before {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    top: -7px;
    right: 3px;
}
/* Arrow for dropdown at the top with bottom-start placement */
.add-custom-package-main [data-popper-placement="top-end"]::before, .shipping-advice-main [data-popper-placement="top-end"]::before {
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -7px;
    right: 3px;
}

/*new weight dimensions css end here*/
.modal-dialog.sku-order-modal {
    max-width: 956px !important;
    width: 956px !important;
}

.sku-order-modal .col-md-3.col {
    width: 20% !important;
}

table.tbl-lr-bdr tbody tr td:first-child {
    border-left: 0px !important;
}


table.tbl-lr-bdr tbody tr td:last-child {
    border-right: 0px !important;
}

.wd-block {
    width: 71.333333%;
}
.accountsub-detail-grid a {text-align:left;}

.carriers-block {
    width: 96.666667%;
}


.quantity, .picked-qty {
    text-align: center;
}

.b-rtb-radius-0 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single {
    height: 41px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px !important;
}
.product-category-kendo .select2-container .select2-selection--single {
    height: 41px;
}
.product-category-kendo .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
}
.product-category-kendo .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 41px;
}






.min-w-100 {
    min-width: 52px;
}
.h-26 {
    height: 24px !important;
}


.credit-memo-transactin-grid .k-grid-header th.k-header .th-check-bx {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.check-bx {
    margin: 0 auto;
    display: table;
}
.bank-select-box .ms-options-wrap > .ms-options {
    padding: 5px;
}
.bank-select-box .ms-options-wrap > .ms-options > .ms-search input {
    border: 1px #ccc solid;
    border-radius: 2px;
}
.bank-select-box .ms-options-wrap > .ms-options .ms-selectall {       
    font-size: 1em;
    text-transform: capitalize;        
}
.bank-select-box .ms-options-wrap > .ms-options > ul label {
    padding: 5px 4px 5px 24px !important;
}

.wp-ac .accordion-button.collapsed {
    border-radius: 5px !important;
}
.wp-ac .accordion-button:not(.collapsed) {
    color: #000;
    background: transparent;
    box-shadow:none;
}
.b-l-1 {
    border-left: #ccc solid 1px !important;
}
.radius-left-0 {   
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}


.single-slt-two .select2-selection__rendered {
    font-size: 14px;
    height: 41px;
}

.single-slt-two .select2-container .select2-selection--multiple .select2-search--inline {
    min-height: auto !important;
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 1px !important;
    margin-right: 1px !important;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px !important;
}

.single-slt-two .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
}
.single-slt-two .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39px;
}
.single-slt-two .select2-container .select2-selection--single {
    height: 41px;
}
.single-slt-two .select2-container--default .select2-selection--single {
    border-radius: 5px;
}

.wallmart-main-scroll-hide {
    overflow-y:hidden;
}
.fs-actions {
    margin-right: 0;
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}


.ai-loader-mian {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
}

.ai-loader-in {
    /* width: 400px; */
    margin: 0 auto;
    padding: 10px 0px 2px 0px;
    background: #f7f7f7;
    margin-top: 5px;
    border-radius: 5px;
}

.ai-loader {
    width: 100%;
    height: 12px;
    background: linear-gradient(90deg, #f2f2f2 33%, #0005 50%, #f2f2f2 66%) #f2f2f2;
    background-size: 300% 100%;
    animation: l1 3s linear infinite;
    margin-bottom: 8px;    
    
}

    /* Add delays for sequential animation */
    .ai-loader:nth-child(1) {
        animation-delay: 0s; /* First loader starts immediately */
    }

    .ai-loader:nth-child(2) {
        animation-delay: 1s; /* Start after the first one */
    }


.shipstation-sl .modal-dialog {
    max-width: 1000px;
    width: 100%;
}
.transform-0 {
    transform: rotate(0) !important;
}

    .ai-loader:nth-child(3) {
        animation-delay: 2s; /* Start after the second one */
    }

@keyframes l1 {
    0% {
        background-position: right;
    }
}

.editstatus {
    text-align: center;
    background: #efefef !important;
}

.ship-station-modal .modal-dialog, .amazon-modal .modal-dialog, .convictional-modal .modal-dialog,
.ebay-modal .modal-dialog, .mirakl-modal .modal-dialog, .shopify-custom-modal .modal-dialog, .walmart-modal .modal-dialog,
.acenda-modal .modal-dialog, .acendasub-modal .modal-dialog, .nocnoc-modal .modal-dialog, .woocommerce-modal .modal-dialog,
.ship-station-modal .modal-dialog, .faire-modal .modal-dialog, .target-plusmodal .modal-dialog, .etsy-modal .modal-dialog, .manual-modal .modal-dialog,
.amazon-fba-modal .modal-dialog, .wish-modal .modal-dialog, .duoplane-modal .modal-dialog, .houzz-modal .modal-dialog, .amazonvendorcentral-modal .modal-dialog, 
.walmartdsv-modal .modal-dialog, .facebook-modal .modal-dialog, .tacticalwarehousing-modal .modal-dialog, .alphabetdeal-modal .modal-dialog, .shopify-modal .modal-dialog,
.googleexpress-modal .modal-dialog, .wayfair-modal .modal-dialog, .overstock-modal .modal-dialog, .tophatter-modal .modal-dialog, .tanga-modal .modal-dialog, 
.walmartwfs-modal .modal-dialog, .groupon-goods-modal .modal-dialog, .sears-modal .modal-dialog, .opensky-modal .modal-dialog, .jet-modal .modal-dialog, 
.modify-shipStation-store .modal-dialog, .modify-eBay-store .modal-dialog, .modify-wooCommerce-store .modal-dialog, .modify-custom-store .modal-dialog, 
.modify-custom-store .modal-dialog {
    width: 750px;
    max-width: 750px;
}
.ship-station-modal .modal-content, .amazon-modal .modal-content, .convictional-modal .modal-content,
.ebay-modal .modal-content, .mirakl-modal .modal-content, .shopify-custom-modal .modal-content, .walmart-modal .modal-content,
.acenda-modal .modal-content, .acendasub-modal .modal-content, .nocnoc-modal .modal-content, .woocommerce-modal .modal-content,
.ship-station-modal .modal-content, .faire-modal .modal-content, .target-plusmodal .modal-content, .etsy-modal .modal-content, .manual-modal .modal-content,
.amazon-fba-modal .modal-content, .wish-modal .modal-content, .duoplane-modal .modal-content, .houzz-modal .modal-content, .amazonvendorcentral-modal .modal-content,
.walmartdsv-modal .modal-content, .facebook-modal .modal-content, .tacticalwarehousing-modal .modal-content, .alphabetdeal-modal .modal-content, .shopify-modal .modal-content,
.googleexpress-modal .modal-content, .wayfair-modal .modal-content, .overstock-modal .modal-content, .tophatter-modal .modal-content, .tanga-modal .modal-content,
.walmartwfs-modal .modal-content, .groupon-goods-modal .modal-content, .sears-modal .modal-content, .opensky-modal .modal-content, .jet-modal .modal-content,
.modify-shipStation-store .modal-content, .modify-eBay-store .modal-content, .modify-wooCommerce-store .modal-content, .modify-custom-store .modal-content,
.modify-custom-store .modal-content {
    border:transparent;
}
.update-date-modal .modal-dialog {
    width: 575px;
    max-width: 575px;
}
.update-date-modal .modal-body {
    min-height:130px;
}

.mt-10 {
    margin-top: 10px;
}
.line-or {
    position: relative;
    height: 1px;
    width: 100%;   
    /*background-color: #d4d4d4;*/
    background-image: linear-gradient( 90deg, hsl(0deg 0% 100%) 0%, hsl(0deg 0% 95%) 20%, hsl(0deg 0% 89%) 40%, hsl(0deg 0% 89%) 60%, hsl(0deg 0% 95%) 80%, hsl(0deg 0% 100%) 100% );
}

    .line-or::before {
        content: 'Or';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #FFF;
        color: #8b8b8b;
        padding: 0 15px;
    }







.mirakl-products-modal.modal {
    overflow: inherit;
}
.mirakl-products-modal .modal-dialog {
    max-width: 1880px;
    border-radius: 9px;
    margin: 10px auto;
    max-height: calc(100vh - 20px);
    height: 100%;
}

.mirakl-sc-hide, .miraklOffer-sc-hide {
    overflow: hidden;
}
.card-hgt {min-height:120px;}

.offer-characteristics-modal .modal-dialog {
    max-width: 600px;
}


/*shipping-adv css start here*/
.shipping-advice-main {
    width: 100%;
}

    .shipping-advice-main .dropdown-toggle {
        display: flex;
        align-items: center;
        gap: 2px;
        width: 100%;
        justify-content: space-between;
        cursor:pointer;
    }

    .shipping-advice-main .cp-name {
        max-width: 235px;
        display: inline-block;
        line-height: 9px;
        width: 100%;
        margin-bottom: 4px;
        text-align: left;
    }

    .shipping-advice-main .inozlb {
        line-height: 9px;
        font-size: 11px;
    }

    .shipping-advice-main .dropdown-menu {
        /*padding: 10px 0px !important;*/
        width: 440px !important;
        background: transparent;
        border: transparent;
        white-space: normal;
        min-height: 92px;
        overflow-x: visible !important;
    }
        .shipping-advice-main .dropdown-menu .sa-content-in {
            background: #fff;
            box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1) !important;        
            border-radius: 5px;
            padding: 10px 0px !important;
        }

.shipping-advice-main .dropdown-toggle.show i.fa.fa-angle-down {
    transform: rotate(180deg);
}
.shipping-advice-list {
    list-style: none;
    padding: 0 10px;
    margin-top: 5px;
    max-height: 300px;
    overflow-y: auto;
    margin: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

    .shipping-advice-list .active .custom-package-name {
        font-weight: 600;
    }

    .shipping-advice-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .shipping-advice-list::-webkit-scrollbar {
        width: 8px;
        background-color: #979797;
        border-radius: 10px;
    }

    .shipping-advice-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #979797;
    }

.shipping-advice-item {
    padding: 6px;
    border-bottom: #e1e1e1 solid 1px;
}

    .shipping-advice-item .ti-package {
        font-size: 13px;
    }

    .shipping-advice-item:hover, .shipping-advice-list .sa-selected {
        background: #f6f4f5;
        cursor: pointer;
        border-radius: 5px;
    }

li.shipping-advice-item:first-child {
    border-top: #e1e1e1 solid 1px;
}

li.sp-no-data-display {
    background: #f7f7f7;
    text-align: center;
    font-size: 13px;
    border-radius: 3px;    
    padding: 5px;
}
   /* .shipping-advice-item:last-child {
        border-bottom: none;
    }*/





.shipping-adv-card {
    display: flex;
    flex-direction: column;
    gap: 0px;
    font-size: 13px;
    width: 100%;
}

.shipping-adv-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 3px;
}
    .shipping-adv-header i {
        width: 18px;
        height: 16px;
        margin-right: 5px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        overflow:hidden;
    }


.shipping-adv-details {
    padding-left: 28px;
    box-sizing: border-box;
}

.shipping-adv-time {
    font-size: 11px;
    line-height:15px;
    color: #666666;
    font-weight: bold;
    background: #e0e0e0;
    padding: 1px 5px;
    border-radius: 5px;
    display: inline-block;
}

.shipping-adv-features {
    margin-top: 7px;
}

    .shipping-adv-features ul {
        list-style: none;
        padding: 0;
    }

    .shipping-adv-features li {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        line-height: 10px;
        font-size:11px;
    }
        .shipping-adv-features li i {
            margin-right: 5px;
            font-size: 9px;
        }
.refresh-pro {
    color: #00c32a;
    cursor: pointer;
}
    .refresh-pro:hover {
        color: #000;
    }

.sd-carrier-logo {display:flex; padding-right:5px;}
    .sd-carrier-logo span {font-size:11px; line-height:14px;}
        .sd-carrier-logo span img {width:16px; margin-left:5px;}

.sortby-main {
    margin: 0px 10px 10px 10px !important;
    justify-content: end;
    display: flex;
}
.sortby  {  
    margin-bottom:0px !important;
    position:relative;
    width: 200px;
}
.sortby > label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #686868;
    margin: 0px;
    font-size: 12px;
    left: 10px;                    
}
    .sortby .form-select {
        height: 30px !important;
        box-sizing: border-box;
        padding-left: 55px !important;
        font-size: 11px;
        font-weight: 600;
    }
.service-add-on {
    height: 30px;
    line-height: 13px;
}

.accordion-button:focus {box-shadow:none;}

.option-type-tags .select2-container {
    width: 214px !important;
}

.customer-type-list {width:195px;}

.box-sizing {box-sizing:border-box}
.wdc {
    width: 95%;
}


.service-add-main {
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.2) !important;
    padding: 5px 10px 0 10px;
   
}
.tpm-shipping-adv-header-main {
    width: 100%;   
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
.tpm-shipping-adv-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 1px;
}
    .tpm-shipping-adv-header i {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        /*border-radius: 5px;*/
        /*display: flex;
    justify-content: center;*/
        overflow: hidden;
    }
.tpm-sd-carrier-logo {
    display: flex;
    align-items: center;
}
    .tpm-sd-carrier-logo .carrier-name, .tpm-shipping-adv-header .carrier-price {
        line-height: 16px;
        padding-right: 5px;
    }
    .tpm-sd-carrier-logo .carrier-name {
        width: 250px;
        text-align: left;
    }
.tpm-shipping-adv-header .carrier-price {
    line-height: 15px;
}
.tpm-shipping-adv-time {
    font-size: 10px;
    color: #666666;
    font-weight: bold;
    background: #e0e0e0;
    padding: 1px 5px;
    border-radius: 5px;
    display: inline-block;
    line-height: 12px;
    text-align: left;
    margin-right:5px;
}
.price-estimate {
    line-height: 16px;
}
    
    
    /*shipping-adv css end here*/


.px-7 {
    padding-left: 7px;
    padding-right: 7px;
}


.payment-gateway .table > thead > tr > th {border-top:transparent;}
.ctgrid-details .k-footer-template td {
    border-left: #87bfb0 solid 1px;
}

.ctgrid-details .k-grid-footer-wrap {
    border-right: 0px !important;    
}
.ctgrid-details .k-grid-footer-wrap td {   
    border-bottom: 0px !important;
}

.sickpay {
    background: #f7f7f7;
    border-radius:5px;
    margin:10px 0;
}
.employee-adb .centerLabel input[type="checkbox"] {
    margin-top: -3px;
    margin-right:5px;
}

.product-master-detail .container-fluid {padding:0 8px;}

.textareah {height:60px !important;}


div#divcustomlogo img#RemoveCustomLogo {
    border-radius: 20px;
    border: #efefef solid 1px;
    padding: 2px 5px;
}


.dropfile div#CompnayImg {
    position: relative;
}
    .dropfile div#CompnayImg .pos-right {       
        right: 0;        
        border-radius: 20px;
        top: 5px;
        width: 29px;
        height: 29px;
    }
    .dropfile div#CompnayImg button.js-trash.trash-icon:hover {
        border: #d30404 solid 1px
    }

.purchaseorder-popup {
    border: #ccc solid 1px;  
}
.purchaseorder-popup th {
    border: #87bfb0 solid 1px;
    background: rgb(157, 209, 195);
    background: linear-gradient(90deg, rgba(157, 209, 195, 1) 0%, rgba(157, 210, 196, 1) 100%);
}
    .purchaseorder-popup td {
        border: #e1e0e0 solid 1px;
    }

.marketplacefeedlog-grid .k-grid-content {
    border-color: #e1e0e0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    height: calc(100vh - 235px) !important;
}
.batch-order-list-tbl .k-grid-content { 
    height: calc(100vh - 270px);
}

.search-input-orp {
    border: #02b2b8 solid 1px;
}

.forreview .dropdwoncustomer .kendoselectbox .k-input { height:39px !important;}
.forreview #chkIsBillable { margin-top: 14px !important; }

.product-category-td td {
    padding: 3px 10px !important;    
}


@media (max-width: 1880px) {
    .selectqty { max-width: 14%; }

}

@media (max-width: 1868px) {

    .head-nav ul li a { font-size: 15px; }
}

@media (max-width: 1850px) {

    .selectqty {  max-width: 202px; }
    
}

@media (max-width: 1745px) {

    .search-area-main { width: 33%; }
    .pick-and-pack-pending-orders-list .search-area-main { width: 31.5%; }
    .threeplunderprocessorders .search-area-main { width: 24.2%; }
    .head-nav ul li a { padding: 5px 6px !important; font-size: 14px; }
    .pending-shipment-allorder-new { padding-right: 154px; }
    .shipped-orders .date-dropdown-col { width: 36%; }

    .accountreceivable .k-grid-content { height: calc(100vh - 408px);  }

}
@media (max-width: 1824px) {

    .ProductCardView .footer-images-product .dropdown.ms-logo {
        max-width: 23.8%;
    }
}
@media (max-width: 1718px) {

    .ProductCardView .footer-images-product .dropdown.ms-logo {
        max-width: 23.6%;
    }
}

@media (max-width: 1500px) {

    .ProductCardView .footer-images-product .dropdown.ms-logo {
        max-width: 31.8%;
    }
}
    @media (max-width: 1700px) {

        .ledgeraccounts .flex {
            display: grid;
            text-align: center;
            gap: 0px !important;
        }
    }

    @media (max-width: 1605px) {

        .search-area {
            max-width: 235px;
        }

        .order-main {
            display: grid;
        }

        .pending-shipment-allorder .order-num-sec {
            height: 100%;
        }

        .parentproduct-nm {
            height: 50px;
        }

        .sub-products-tbl .k-grid-content {
            height: calc(100vh - 360px);
        }
    }

    @media (max-width: 1550px) {

        .expense-list-grid .k-grid-content.k-auto-scrollable, .payee-expense-grid .k-grid-content.k-auto-scrollable, .customer-expense-grid .k-grid-content.k-auto-scrollable,
        .vendor-expense-grid .k-grid-content.k-auto-scrollable, .payee-grid .k-grid-content.k-auto-scrollable, .employee-expense-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 385px);
        }

        .three-pl-shipped-orders .pending-shipment-allorder .date-dropdown-col {
            width: 33.5%;
        }
    }


    @media (max-width: 1516px) {

        .head-nav ul li a {
            line-height: 15px;
        }
    }

    @media (min-width: 1400px) and (max-width: 1440px) {

        .form-floating.date input.form-control, .form-group.date input.form-control, .date input.form-control {
            padding-right: 29px !important;
            padding-left: 8px !important;
        }

        .labelup .form-floating > .form-control, .labelup .form-floating > .form-control-plaintext {
            padding-left: 8px !important;
        }

        .labelup .form-floating > label {
            padding: 10px 8px;
        }

        .input-group-addon {
            padding: 8px 7px;
        }

        .borderTextBox label {
            left: 9px;
        }

        .borderTextBox.customer-sales label {
            left: 2px;
        }
    }

    @media (max-width: 1439px) {

        .threeplunderprocessorders .date-dropdown-col {
            width: 198px;
        }

        .search-area-main {
            width: 23%;
        }

        .pick-and-pack-pending-orders-list .search-area-main {
            width: 23%;
        }

        .three-pl-shipped-orders .pending-shipment-allorder .search-area-main {
            width: 33.5%;
        }
    }

    @media (max-width: 1436px) {

        .head-nav ul li a {
            font-size: 13px;
            text-align: center;
        }

        .penddingshipment-btn-group .form-select, .penddingshipment-btn-group a {
            font-size: 13px !important;
        }

        .ctmbtn-dropdown {
            font-size: 13px !important;
        }
    }

    @media (max-width: 1399px) {

        /* .pending-shipment-allorder {
            width: 100%;
            overflow: hidden;
        }*/

        /*.pending-shipment-orders-new .desk-view-sidebar {
            min-width: calc(100% - 185px);
            width: calc(100% - 185px);
        }*/

        .shipped-orders .date-dropdown-col {
            width: 31%;
        }

        .wvrightblock {
            margin-top: 6px;
        }

        .vendor-list-grid .k-grid-content.k-auto-scrollable, .purchase-order-transactin-grid .k-grid-content.k-auto-scrollable,
        .pay-payment-grid .k-grid-content.k-auto-scrollable, .forwarder-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 401px);
        }

        .sales-transactin-grid .k-grid-content.k-auto-scrollable, .customer-grid .k-grid-content.k-auto-scrollable, .sales-invoice-grid .k-grid-content.k-auto-scrollable,
        .receive-payment-transactin-grid .k-grid-content.k-auto-scrollable, .sales-agent-listing-grid .k-grid-content.k-auto-scrollable,
        .credit-memo-transactin-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 422px);
        }

        div#tabstripExpenses .top-fiter-container .search-box, div#tabstripPurchase .top-fiter-container .search-box, div#tabstrip .top-fiter-container .search-box {
            max-width: 330px;
        }
    }

    @media (min-width: 1367px) {

        .sidebar {
            z-index: 999;
            position: absolute;
            width: 240px;
            height: calc(100% - 50px);
            background: #2d2f31;
        }
    }

    @media (max-width: 1366px) {

        h2 {
            font-size: 18px;
            line-height: 22px;
        }

        .navbar-right .dropdown-menu[data-bs-popper] {
            top: 50px;
        }

        .sidebar {
            z-index: 999;
            position: absolute;
            width: 240px;
            height: calc(100% - 87px);
            background: #3a3c3d;
        }

        ul.navbar-nav {
            flex-direction: inherit;
            margin: 0px !important;
        }

        .head-nav .navbar-toggler {
            display: none;
        }

        .user-profile {
            display: none;
        }

        .navbar-header {
            display: flex;
            flex-wrap: wrap;
            height: auto;
        }

        .top-left-part {
            order: 0;
            width: 185px;
        }

        .navbar-top-links.navbar-right {
            order: 2;
            margin-left: auto;
        }

        .head-nav {
            width: 100%;
            order: 3;
            border-top: #404f5c solid 1px;
        }

            .head-nav ul li a {
                padding: 10px 10px !important;
                height: 100%;
            }

        ul.nav.navbar-top-links.navbar-left.hidden-xs a {
            font-size: 18px;
            justify-content: center;
            color: #c3cdd5;
        }

        .sidebar {
            z-index: 111;
        }

        .pending-shipmentorders .pending-shipment-allorder, .pick-and-pack-pending-orders-list .pending-shipment-allorder {
            padding-bottom: 53px;
            width: 100%;
            position: relative;
        }

        .pending-shipmentorders .sidebarmain, .pick-and-pack-pending-orders-list .sidebarmain {
            bottom: 2px;
            right: 0px !important;
        }

        .hold-orders .date-dropdown-col {
            width: 33%;
        }

        .pending-shipmentorders .search-area-main {
            width: 26.5%;
        }

        .cancelled-orders .date-dropdown-col {
            width: 276px;
        }

        .sales-trends-main .sales-trends-ftr {
            margin-top: 0px !important;
            margin-bottom: 10px;
        }

        .shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 380px);
        }

        .shipped-orders-heightfix .k-grid-content.k-auto-scrollable, .pendding-shipment-order-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 430px);
        }

        .threeplunderprocess-order-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 347px);
        }

        .all-order-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 345px);
        }

        .shipped-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 379px);
        }

        .hold-orders-heightfix .k-grid-content.k-auto-scrollable, .cancelled-orders-heightfix .k-grid-content.k-auto-scrollable,
        .delivered-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 293px);
        }

        .custom-form-hgt .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 270px);
        }

        .inventoryreport .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 325px);
        }

        .inventoryqtyadjustmentgrid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 270px);
        }

        .incomeingrgrid .k-grid-content.k-auto-scrollable, .incomeing-receving-history .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 342px);
        }

        .expense-list-grid .k-grid-content.k-auto-scrollable, .payee-expense-grid .k-grid-content.k-auto-scrollable, .customer-expense-grid .k-grid-content.k-auto-scrollable,
        .vendor-expense-grid .k-grid-content.k-auto-scrollable, .payee-grid .k-grid-content.k-auto-scrollable, .employee-expense-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 422px);
        }

        .banking-grid .k-grid-content {
            height: calc(100vh - 512px);
        }

        .reviewed-banking-grid .k-grid-content, .excludedbanking-main .k-grid-content {
            height: calc(100vh - 510px);
        }

        .user-information-grid .k-grid-content {
            height: calc(100vh - 282px);
        }

        .temporary-products .k-grid-content {
            height: calc(100vh - 288px);
        }

        .warehousevisualizationgrid .k-grid-content {
            height: calc(100vh - 354px);
        }

        .category-wise-report-grid .k-grid-content, .product-wise-report-grid .k-grid-content, .vendor-wise-report-grid .k-grid-content,
        .category-wise-list-report-grid .k-grid-content, .product-wise-list-report-grid .k-grid-content {
            height: calc(100vh - 334px);
        }

        .employee-grid .k-grid-content {
            height: calc(100vh - 283px);
        }

        .batch-list-tbl .k-grid-content {
            height: calc(100vh - 275px);
        }

        .shipping-management-hold-orders-page .k-grid-content, .threeplcancelledorders-table .k-grid-content {
            height: calc(100vh - 284px);
        }

        .pght-wf {
            height: calc(100vh - 146px);
        }

        .bgc-carrier-company-services .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 269px);
        }

        .pght-balance-sheet {
            min-height: calc(100vh - 194px);
        }

        .ledger-balance-grid .k-grid-content {
            height: calc(100vh - 361px);
        }

        .qal-phgt .tab-main .transcation-index, .qty-adjustment-ledger-by-month-phgt .tab-main .transcation-index, .qty-adjustment-ledger-by-day-ph {
            min-height: calc(100vh - 166px);
        }

        .supplies-material-cogs-Ledger-byproduct .k-grid-content {
            height: calc(100vh - 335px);
        }

        .ledger-grid-tbl .k-grid-content {
            height: calc(100vh - 333px);
        }

        .archivedbatchlist .k-grid-content, .todays-deal-grid .k-grid-content {
            height: calc(100vh - 280px);
        }

        .pending-shipment-batch .k-grid-content {
            height: calc(100vh - 275px);
        }

        .accountreceivable .k-grid-content {
            height: calc(100vh - 445px);
        }

        .accountpayablevendor .k-grid-content {
            height: calc(100vh - 420px);
        }

        .account-payable-body .transcation-index {
            min-height: calc(100vh - 250px);
        }

        .statusviewmain div.statusview {
            min-width: 200px;
        }

        .master-wallet-history .k-grid-content {
            height: calc(100vh - 337px);
        }

        .create-thetransfer-grid .k-grid-content.k-auto-scrollable, .outword-transferlist-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 300px);
        }

        .incomeingrgrid .k-grid-content.k-auto-scrollable, .incomeing-receving-history .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 340px);
        }

        .sub-products-tbl .k-grid-content {
            height: calc(100vh - 392px);
        }

        .insternalstockhistory .k-grid-content {
            height: calc(100vh - 278px);
        }

        .hotdealListtobe .k-grid-content, .hot-deals-tbl .k-grid-content {
            height: calc(100vh - 322px);
        }

        .best-seller-grid .k-grid-content {
            height: calc(100vh - 272px);
        }

        .start-picked-history .k-grid-content {
            height: calc(100vh - 255px);
        }

        .todays-dealList-tobe .k-grid-content {
            height: calc(100vh - 322px);
        }

        .all-pending-pick-jobs-tbl .k-grid-content {
            height: calc(100vh - 258px);
        }

        .event-grid .k-grid-content {
            height: calc(100vh - 305px);
        }

        .product-category-grid .k-grid-content {
            height: calc(100vh - 272px);
        }

        .pght-mh {
            min-height: calc(100vh - 111px);
        }

        .pght-custom {
            min-height: calc(100vh - 125px);
        }

        .store-setup-tbl {
            height: calc(100vh - 218px);
        }

        .sqrbyproduct-bymonth, .sqrbyproduct-bycustomer {
            height: calc(100vh - 159px);
        }

        .warehouse-setup-grid .k-grid-content.k-auto-scrollable, .cart-bin-setup-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 329px);
        }

        .unaccountable-inventory-adjustment-grid .k-grid-content {
            height: calc(100vh - 277px);
        }

        .pght-whlocation {
            height: calc(100vh - 159px);
        }

        .journal-entry-grid .k-grid-content {
            height: calc(100vh - 285px);
        }

        .inventory-grid-tbl .k-grid-content-locked, .inventory-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 403px) !important;
        }

        .price-grid-tbl .k-grid-content-locked, .price-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 360px) !important;
        }

        .three-pl-shipped-Orders-tbl .k-grid-content {
            height: calc(100vh - 281px);
        }

        .contactus-grid .k-grid-content {
            height: calc(100vh - 271px);
        }

        .trashgrid .k-grid-content {
            height: calc(100vh - 236px);
        }

        .pqreportbyproduct-bymonth {
            height: calc(100vh - 196px);
        }

        .sales-and-forecas-main .k-grid-content-locked, .sales-and-forecas-main .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 405px) !important;
        }

        .inventory-forecast-main .k-grid-content-locked {
            height: calc(100vh - 400px) !important;
        }

        .inventory-forecast-main .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 380px) !important;
        }

        .request-demouser-grid .k-grid-content {
            height: calc(100vh - 305px);
        }

        .buybox-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 360px) !important;
        }

        .common-stock-ledger-bymonth {
            height: calc(100vh - 190px)
        }

        .myevent-calendar-dashboard, .create-new-event-type {
            height: calc(100vh - 117px);
        }

        .salesofproduct-income-dwig .k-grid-content, .customer-invoice-grid-customer .k-grid-content {
            height: calc(100vh - 327px);
        }

        .common-stock-ledger-bymonth, .common-stock-ledger-bycustomer {
            height: calc(100vh - 188px);
        }

        .productlist-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 374px);
        }

        .salesquantity .k-grid-content.k-auto-scrollable, .salesquantitycwig .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 323px);
        }

        .cheque-ledger-by-year {
            height: calc(100vh - 170px);
        }

        .day-wise-transactiongrid .k-grid-content {
            height: calc(100vh - 330px);
        }
        .pght-edituser {
            min-height: calc(100vh - 150px);
        }

        .usergrid .k-grid-content {
            height: calc(100vh - 318px);
        }

        .request-demouser-grid .k-grid-content {height: calc(100vh - 286px);}
        .mainifest .k-grid-content {
            height: calc(100vh - 310px)
        }
        .marketplacefeedlog-grid .k-grid-content {           
            height: calc(100vh - 273px) !important;
        }
        .batch-order-list-tbl .k-grid-content {           
            height: calc(100vh - 307px);
        }

        /*import marketplace*/
        .productsbtn {
            top: 75px;
            right: 15px;
        }

        .products-mt {
            margin: 60px 15px 0px 7px !important;
        }
        /*import marketplace*/
               
        


    }

    @media (max-width: 1345px) {

        .purchase-order-transactin-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 488px);
        }
    }

    @media (max-width: 1300px) {

        .delivered-orders .date-dropdown-col {
            width: 35%;
        }

        .three-pl-shipped-orders .pending-shipment-allorder .search-area-main {
            width: 30.5%;
        }
    }

    @media (max-width: 1345px) {

        .purchase-order-transactin-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 488px);
        }
    }

    @media (max-width: 1300px) {

        .delivered-orders .date-dropdown-col {
            width: 35%;
        }

        .three-pl-shipped-orders .pending-shipment-allorder .search-area-main {
            width: 30.5%;
        }
    }

    @media (max-width: 1200px) {

        h2 {
            font-size: 18px;
        }

        ul.nav.navbar-top-links.navbar-left li a {
            display: flex;
            align-items: center;
        }

        .penddingshipment-btn-group .sltbatch {
            width: 116px;
        }

        .penddingshipment-btn-group .ctmbtn-dropdown {
            padding: 5px 10px;
            height: 32px;
            border: #ccc solid 1px;
            /*margin-right: 2px !important;*/
        }

        .penddingshipment-btn-group .ctmbtn {
            margin-right: 2px !important;
        }

        .ctmbtn {
            padding: 5px;
            border: #ccc solid 1px;
        }

        .penddingshipment-btn-group .sltbatch {
            height: 32px;
            border: #ccc solid 1px !important;
        }

        .penddingshipment-btn-group div#printddls {
            margin-left: 0;
        }

        .penddingshipment-btn-group {
            gap: 3px;
            padding: 5px 15px;
        }

            .penddingshipment-btn-group .sltbatch, .penddingshipment-btn-group .sltbatch:focus, .penddingshipment-btn-group .sltstore,
            .penddingshipment-btn-group .sltstore:focus {
                border: #ccc solid 1px !important;
            }

        .selectqty {
            max-width: 172px;
        }

        .pick-and-pack-pending-orders-list .date-dropdown-col {
            width: 34%;
        }

        .all-pick-order-list-hgt .k-grid-content {
            height: calc(100vh - 238px) !important;
        }

        .emailLogtable .k-grid-content {
            height: calc(100vh - 278px);
        }

        .unaccountable-inventory-adjustment-grid .k-grid-content {
            height: calc(100vh - 304px);
        }
        .select-box.dropdown-menu, .shippingmanagementorders-main .select-box.dropdown-menu{
            right:0;
        }
    }

    @media (max-width:1180px) {

        .shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 400px);
        }

        .service-content-grid .k-grid-content {
            height: calc(100vh - 336px);
        }

        .compnay-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 255px);
        }

        .accountgrid .k-grid-content, .order-returns-pr-h .k-grid-content {
            height: calc(100vh - 285px);
        }

        .account-detail-grid .k-grid-content {
            height: calc(100vh - 283px);
        }

        .accountsub-detail-grid .k-grid-content {
            height: calc(100vh - 278px);
        }

        .pght {
            height: calc(100vh - 117px);
        }

        .compnayaccountsetting {
            min-height: calc(100vh - 119px);
        }

        .pick-and-pack-pending-orders-list .date-dropdown-col {
            width: 33.5%;
        }

        .plan-shipment .servicestabs {
            overflow-x: auto;
        }

        .ledgeraccounts .col-md-3, .ledgeraccounts .col-md-2 {
            max-width: 33.3%;
        }
    }

    @media (max-width:1024px) {

        .selectqty {
            max-width: 19%;
        }

        .cancelled-orders .date-dropdown-col {
            width: 33%;
        }

        .pending-shipmentorders .date-dropdown-col {
            width: 30%;
        }

        .pick-and-pack-pending-orders-list .date-dropdown-col {
            width: 33.5%;
        }

        .btn {
            padding: 9px 10px;
        }

        .top-fiter-container.bank-layout-reorder-div .search-box {
            max-width: 331px;
        }

        .saleschart-total .col {
            min-width: 250px;
        }

        .markeplace-large-product {
            min-height: 200px;
        }

            .markeplace-large-product .store-large-image {
                max-height: 200px;
            }


        .all-pick-order-list-hgt {
            height: calc(100vh - 259px) !important;
        }

        .hold-orders-heightfix .k-grid-content.k-auto-scrollable, .cancelled-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 290px);
        }

        .shipped-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 351px);
        }

        .shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 404px);
        }

        .salesbyproductsgrid .k-grid-content, .salesbyproducts-grid .k-grid-content {
            max-height: calc(100vh - 298px);
        }

        .vendor-list-grid .k-grid-content.k-auto-scrollable, .purchase-invoice-transaction-grid .k-grid-content.k-auto-scrollable,
        .purchase-order-transactin-grid .k-grid-content.k-auto-scrollable, .pay-payment-grid .k-grid-content.k-auto-scrollable,
        .forwarder-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 402px);
        }

        .compnay-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 255px);
        }

        .picked-order-list-hgt .k-grid-content {
            height: calc(100vh - 236px);
            min-height: 300px;
        }

        .bank-rule-grid .k-grid-content {
            height: calc(100vh - 330px);
        }

        .emailLogtable .k-grid-content {
            height: calc(100vh - 278px);
        }

        .accountsub-detail-grid .k-grid-content {
            height: calc(100vh - 278px);
        }

        .pght {
            height: calc(100vh - 117px);
        }

        .accountreceivable .k-grid-content {
            height: calc(100vh - 250px);
        }

        .accountgrid .k-grid-content, .account-detail-grid .k-grid-content, .create-thetransfer-grid .k-grid-content.k-auto-scrollable,
        .outword-transferlist-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 285px);
        }

        .incomeingrgrid .k-grid-content.k-auto-scrollable, .incomeing-receving-history .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 340px);
        }

        .sales-transactin-grid .k-grid-content.k-auto-scrollable, .customer-grid .k-grid-content.k-auto-scrollable, .sales-invoice-grid .k-grid-content.k-auto-scrollable,
        .receive-payment-transactin-grid .k-grid-content.k-auto-scrollable, .sales-agent-listing-grid .k-grid-content.k-auto-scrollable,
        .credit-memo-transactin-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 380px);
        }

        .contactus-grid .k-grid-content {
            height: calc(100vh - 271px);
        }

        .request-demouser-grid .k-grid-content {
            height: calc(100vh - 288px);
        }

        .buybox-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 358px) !important
        }
        .usergrid .k-grid-content {
            height: calc(100vh - 316px);
        }
        .best-sellerList-tobe .k-grid-content {
            height: calc(100vh - 315px);
        }

        .sales-order-style {           
            line-height: 16px;
        }
        .best-seller-grid .k-grid-content {
            height: calc(100vh - 267px);
        }
        .service-content-grid .k-grid-content {
            height: calc(100vh - 309px);
        }

    }

    @media (min-width: 992px) {

        div#mastermenus_ {
            background: #3a3c3d;
        }

        .export-inventory-modal .modal-dialog {
            width: 498px;
            margin-top: 72px;
        }

        .mltstoredrop {
            text-align: left;
            position: relative;
            padding: 0 8px;
        }

            .mltstoredrop:after {
                position: absolute;
                right: 8px;
                top: 18px;
            }

        .dashboard-nav-list .dashboard-app {
            margin-left: 238px;
        }

        .dashboard-nav-list .dashboard-compact .dashboard-app {
            margin-left: 0;
        }

        .dashboard-nav-list .dashboard-nav {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 1070;
        }

            .dashboard-nav-list .dashboard-nav.mobile-show {
                display: block;
            }

            .dashboard-nav-list .dashboard-nav header .menu-toggle {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
            }

        .dashboard-nav-list .dashboard-toolbar {
            left: 238px;
        }

        .dashboard-nav-list .dashboard-compact .dashboard-toolbar {
            left: 0;
        }

        

    }


    @media (max-width: 992px) {

        .expense-list-grid .k-grid-content.k-auto-scrollable, .payee-expense-grid .k-grid-content.k-auto-scrollable, .customer-expense-grid .k-grid-content.k-auto-scrollable,
        .vendor-expense-grid .k-grid-content.k-auto-scrollable, .payee-grid .k-grid-content.k-auto-scrollable, .employee-expense-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 485px);
        }

        .vendor-list-grid .k-grid-content.k-auto-scrollable, .purchase-invoice-transaction-grid .k-grid-content.k-auto-scrollable, .pay-payment-grid .k-grid-content.k-auto-scrollable,
        .forwarder-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 436px);
        }

        .purchase-order-transactin-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 521px);
        }

        .shipped-orders-heightfix .k-grid-content.k-auto-scrollable, .pendding-shipment-order-heightfix .k-grid-content.k-auto-scrollable, .threeplunderprocess-order-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 508px);
        }

        .shipping-management-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 478px);
        }

        .all-order-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 395px);
        }

        .threeplunderprocess-order-heightfix .k-grid-content.k-auto-scrollable, .accountpayablevendor .k-grid-content {
            height: calc(100vh - 435px);
        }

        .cancelled-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 353px);
        }

        .hold-orders-heightfix .k-grid-content.k-auto-scrollable, .delivered-orders-heightfix .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 346px);
        }

        .custom-form-hgt .k-grid-content.k-auto-scrollable, .bgc-carrier-company-services .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 285px);
        }

        .inventoryreport .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 390px);
        }

        .inventoryqtyadjustmentgrid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 315px);
        }

        .compnay-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 270px);
        }

        .sales-transactin-grid .k-grid-content.k-auto-scrollable, .customer-grid .k-grid-content.k-auto-scrollable, .sales-invoice-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 450px);
        }

        .receive-payment-transactin-grid .k-grid-content.k-auto-scrollable, .sales-agent-listing-grid .k-grid-content.k-auto-scrollable,
        .credit-memo-transactin-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 400px)
        }

        .bank-rule-grid .k-grid-content, .batch-list-tbl .k-grid-content {
            height: calc(100vh - 340px);
        }

        .banking-grid .k-grid-content {
            height: calc(100vh - 560px);
            min-height: 300px;
            border: #ccc solid 1px;
        }

        .reviewed-banking-grid .k-grid-content, .excludedbanking-main .k-grid-content {
            height: calc(100vh - 505px);
            min-height: 300px;
        }

        .user-information-grid .k-grid-content {
            height: calc(100vh - 297px);
        }

        .service-content-grid .k-grid-content {
            height: calc(100vh - 324px);
        }

        .picked-order-list-hgt .k-grid-content {
            height: calc(100vh - 251px);
        }

        .all-pick-order-list-hgt .k-grid-content {
            height: calc(100vh - 259px) !important;
        }

        .emailLogtable .k-grid-content {
            height: calc(100vh - 295px);
        }

        .accountgrid .k-grid-content, .account-detail-grid .k-grid-content {
            height: calc(100vh - 300px);
        }

        .accountsub-detail-grid .k-grid-content {
            height: calc(100vh - 294px);
        }

        .hot-deals-tbl .k-grid-content {
            height: calc(100vh - 287px);
        }

        .temporary-products .k-grid-content {
            height: calc(100vh - 333px);
        }

        .warehousevisualizationgrid .k-grid-content {
            height: calc(100vh - 368px);
        }

        .sidebar {
            z-index: 999;
            position: absolute;
            width: 240px;
            height: calc(100vh - 104px);
            background: #3a3c3d;
        }

        .pght {
            height: calc(100vh - 133px);
        }

        .pght-wf {
            height: calc(100vh - 161px);
        }

        .shipping-management-hold-orders-page .k-grid-content, .threeplcancelledorders-table .k-grid-content {
            height: calc(100vh - 347px);
        }

        .category-wise-report-grid .k-grid-content, .product-wise-report-grid .k-grid-content, .vendor-wise-report-grid .k-grid-content,
        .category-wise-list-report-grid .k-grid-content, .product-wise-list-report-grid .k-grid-content {
            height: calc(100vh - 352px);
        }

        .compnayaccountsetting {
            min-height: calc(100vh - 135px);
        }

        .order-returns-pr-h .k-grid-content {
            height: calc(100vh - 358px);
        }

        .pght-balance-sheet {
            min-height: calc(100vh - 209px);
        }

        .ledger-balance-grid .k-grid-content {
            height: calc(100vh - 376px);
        }

        .qal-phgt .tab-main .transcation-index, .qty-adjustment-ledger-by-month-phgt .tab-main .transcation-index, .qty-adjustment-ledger-by-day-ph {
            min-height: calc(100vh - 180px);
        }

        .supplies-material-cogs-Ledger-byproduct .k-grid-content {
            height: calc(100vh - 350px);
        }

        .ledger-grid-tbl .k-grid-content {
            height: calc(100vh - 348px);
        }

        .archivedbatchlist .k-grid-content, .pending-shipment-batch .k-grid-content1 {
            height: calc(100vh - 290px);
        }

        .accountreceivable .k-grid-content {
            height: calc(100vh - 502px);
        }

        .account-payable-body .transcation-index {
            min-height: calc(100vh - 266px);
        }

        .master-wallet-history .k-grid-content {
            height: calc(100vh - 350px);
        }

        .create-thetransfer-grid .k-grid-content.k-auto-scrollable, .outword-transferlist-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 357px);
        }

        .incomeingrgrid .k-grid-content.k-auto-scrollable, .incomeing-receving-history .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 356px);
        }

        .sub-products-tbl .k-grid-content {
            height: calc(100vh - 407px);
        }

        .insternalstockhistory .k-grid-content {
            height: calc(100vh - 297px);
        }

        .hotdealListtobe .k-grid-content, .best-seller-grid .k-grid-content {
            height: calc(100vh - 315px);
        }

        .start-picked-history .k-grid-content {
            height: calc(100vh - 270px);
        }

        .archivedbatchlist .k-grid-content {
            height: calc(100vh - 280px);
        }

        .todays-deal-grid .k-grid-content {
            height: calc(100vh - 325px);
        }

        .todays-dealList-tobe .k-grid-content {
            height: calc(100vh - 337px);
        }

        .all-pending-pick-jobs-tbl .k-grid-content {
            height: calc(100vh - 273px);
        }

        .event-grid .k-grid-content {
            height: calc(100vh - 320px);
        }

        .product-category-grid .k-grid-content {
            height: calc(100vh - 287px);
        }

        .pght-mh {
            min-height: calc(100vh - 126px);
        }

        .pght-custom {
            min-height: calc(100vh - 140px);
        }

        /*div#exampleModal5 .marketplace-main {
            max-height: calc(100vh - 153px);
        }*/

        .store-setup-tbl {
            height: calc(100vh - 240px);
        }

        .sqrbyproduct-bymonth {
            height: calc(100vh - 171px);
        }

        .sqrbyproduct-bymonth, .sqrbyproduct-bycustomer {
            height: calc(100vh - 174px);
        }

        .warehouse-setup-grid .k-grid-content.k-auto-scrollable, .cart-bin-setup-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 365px);
        }

        .unaccountable-inventory-adjustment-grid .k-grid-content {
            height: calc(100vh - 319px);
        }

        .pght-whlocation {
            height: calc(100vh - 174px);
        }

        .marketplace-listing-grid-tbl .k-grid-content-locked, .marketplace-listing-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 465px) !important
        }

        .price-grid-tbl .k-grid-content-locked, .price-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 353px) !important;
        }

        .inventory-grid-tbl .k-grid-content-locked, .inventory-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 456px) !important;
        }

        .buybox-grid-tbl .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 375px) !important
        }

        .three-pl-shipped-Orders-tbl .k-grid-content {
            height: calc(100vh - 342px);
        }

        .contactus-grid .k-grid-content {
            height: calc(100vh - 286px);
        }

        .trashgrid .k-grid-content {
            height: calc(100vh - 236px);
        }

        .payment-details .k-grid-content {
            height: calc(100vh - 575px);
        }

        .pqreportbyproduct-bymonth {
            height: calc(100vh - 211px);
        }

        .sales-and-forecas-main .k-grid-content-locked, .sales-and-forecas-main .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 405px) !important;
        }

        .inventory-forecast-main .k-grid-content-locked {
            height: calc(100vh - 420px) !important;
        }

        .inventory-forecast-main .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 400px) !important;
        }

        .myevent-calendar-dashboard, .create-new-event-type {
            height: calc(100vh - 134px);
        }

        .salesofproduct-income-dwig .k-grid-content, .customer-invoice-grid-customer .k-grid-content {
            height: calc(100vh - 342px);
        }

        .common-stock-ledger-bymonth, .common-stock-ledger-bycustomer {
            height: calc(100vh - 206px);
        }

        .productlist-grid .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 429px);
        }

        .salesquantity .k-grid-content.k-auto-scrollable, salesquantitycwig .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 338px);
        }
        .pght-edituser {
            min-height: calc(100vh - 164px);
        }
        .usergrid .k-grid-content {
            height: calc(100vh - 331px);
        }
        .best-sellerList-tobe .k-grid-content {
            height: calc(100vh - 332px);
        }

        .mainifest .k-grid-content {
            height: calc(100vh - 344px);
        }

        .order-main {
            display: flex;
        }

        .search-area-main {
            width: 30.3%;
        }

        .pick-and-pack-pending-orders-list .search-area-main {
            width: 30.3%;
        }

        .pending-shipmentorders .pending-shipment-allorder, .pick-and-pack-pending-orders-list .pending-shipment-allorder {
            padding-bottom: 0;
        }

        .selectqty {
            margin-right: 369px;
        }

        .delivered-orders .pending-shipment-allorder {
            width: 98%;
            padding-bottom: 50px;
        }

        .all-orders-page .date-dropdown-col {
            width: 23%;
        }

        .pending-shipmentorders .date-dropdown-col, .pick-and-pack-pending-orders-list .date-dropdown-col {
            width: 56%;
        }

        .cancelled-orders .date-dropdown-col, .hold-orders .date-dropdown-col {
            width: 34.4%;
        }

        .cancelled-orders .pending-shipment-allorder, .hold-orders .pending-shipment-allorder, .shipped-orders .pending-shipment-allorder, .three-pl-delivered-orders .pending-shipment-allorder,
        .three-pl-cancelled-orders .pending-shipment-allorder {
            width: 100%;
            padding-bottom: 50px;
        }

        .cancelled-orders .sidebarmain {
            bottom: -36px;
        }

        .cancelled-orders .pending-shipment-allorder {
            padding-bottom: 15px;
        }

        .cancelled-orders div#grid.orderManagement.shipping-management-cancel-orders-page .k-header.k-grid-toolbar {
            top: -15px;
        }

        .pending-shipmentorders .search-area-main, .pick-and-pack-pending-orders-list .search-area-main {
            width: 31.5%;
        }

        .tabshgtfix .vendor-tabs.receipt-part {
            height: auto;
        }

        .tabshgtfix .vendor-tabs.receipt-part {
            padding: 15px 0px 10px 0px !important;
        }

        .modal-dialog.full-popup .bill-part.bill-part1 {
            padding: 15px 20px 10px 20px;
        }

        .modal-footer.modalFixedBottom {
            padding: 10px 15px;
        }

        .tabshgtfix {
            background: #fff;
        }

            .tabshgtfix .vendor-bg {
                margin: 0 15px;
                border-top: #ccc solid 1px;
            }

        .store-sb .mt24 {
            margin-top: 0;
        }

        .scr-date .dropdown-menu {
            left: 0;
            right: auto;
        }

        .three-pl-delivered-orders .pending-shipment-allorder .date-dropdown-col, .three-pl-cancelled-orders .pending-shipment-allorder .date-dropdown-col {
            width: 32.5%;
        }

        .information-tabs .exemption-tax {
            padding: 10px 5px 20px 5px
        }

        .wfix-sales-agent-tbl {
            min-width: 800px;
        }

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

        .box-shipmentSearch {
            min-width: 254px;
        }

        .shipping-configuration-modal .modal-dialog {
            max-width: 748px;
        }

        .brand-m-r {
            margin-right: 0px !important;
        }

        .markeplace-large-product {
            min-height: 170px;
        }

            .markeplace-large-product .store-large-image {
                max-height: 170px;
            }

        .store-product-gallery .store-thumbnailS img {
            max-width: 30px;
            max-height: 30px;
        }

        .store-product-gallery .store-thumbnailS figure {
            height: calc(100% - 5px);
        }

        .shipping-configuration-modal .modal-dialog {
            max-width: 748px;
        }

        .brand-m-r {
            margin-right: 0px !important;
        }

        .mp-0 {
            padding: 0 5px !important;
        }

        .product-list-reorder-div .pull-right {
            margin-right: 0px;
            margin-left: 13px;
        }

        .productsbtn {
            top: 74px;
            min-width: auto;
        }

            .productsbtn .btn-group {
                margin-bottom: 2px;
            }

            .productsbtn button {
                line-height: 14px !important;
            }

        .usps-gbc-Connect-mdl .modal-dialog {
            max-width: 750px;
        }

        .update-price-tbl .table {
            margin-bottom: 0;
            width: 900px;
        }
        .modal-dialog.sku-order-modal {
            max-width: 768px !important;
            width: 768px !important;
        }

        .marketplacefeedlog-grid .k-grid-content {
            height: calc(100vh - 288px) !important;
        }
        .batch-order-list-tbl .k-grid-content {
            height: calc(100vh - 322px);
        }

    }

    @media (max-width: 768px) {
        .dashboard-nav-list .dashboard-content {
            padding: 15px 0px;
        }
    }

    ul.company-list-dd li:last-child {
        border-bottom: none;
    }
    /*Getting Started Guides*/
    .hph-guides {
        height: calc(100vh - 70px);
    }

.link, .htext {
    color: #000;
}

    .link:hover {
        color: #01b1c2;
        cursor: pointer;
    }


    ul.guide-list {
        padding: 0px;
    }

        ul.guide-list li {
            list-style: none;
        }

            ul.guide-list li a {
                padding: 4px 0;
                display: block;
                font-size: 16px;
            }

                .breadcrumb a:hover,
                ul.guide-list li a:hover {
                    color: #000;
                }

    .help-left-side {
        border-right: #ccc solid 1px;
    }

    .team-bgc {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px;
        height: 60px;
        font-size: 14px;
    }

    .pencil-icon {
        width: 60px;
        height: 60px;
        background: #47a2d7;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        margin-right: 10px;
        flex: none;
        color: #fff;
    }

    .team-title {
        display: table;
        width: 100%;
    }

        .team-title p {
            margin: 0px;
        }

    .article-list {
        list-style: disc;
        padding-left: 15px;
    }

        .article-list li a {
            padding: 4px 0;
            display: block;
        }

            .article-list li a:hover, .wf-list a:hover {
                color: #000;
            }

        .article-list li ul {
            padding-left: 12px;
        }



    .pmtgl .plus {
        display: none
    }

    .pm-icon .minus {
        display: none
    }

    .pm-icon .plus {
        display: block
    }

    .ac-style .accordion-body {
        padding: 5px 15px;
    }

    .ac-style .accordion-button:focus {
        border-color: transparent;
        box-shadow: none;
    }

    .ac-style .accordion-header {
        margin: 0;
        padding: 0;
        display: flex;
        border-bottom: transparent;
        padding: 2px 0 !important;
    }

    .ac-style .accordion-button {
        background: #efefef;
        border-radius: 5px !important;
        color: #000;
        font-size: 16px;
    }

        .ac-style .accordion-button::after {
            background-image: var(--bs-accordion-btn-icon);
            background-size: 16px;
            background-position: center;
        }

    .ac-style .accordion-button,
    .ac-style-in .accordion-button {
        font-weight: 600;
    }

        .ac-style .accordion-button.collapsed,
        .ac-style-in .accordion-button.collapsed {
            font-weight: normal
        }

        .ac-style-in .accordion-button::after {
            background-image: var(--bs-accordion-btn-icon);
            background-size: 14px;
            background-position: center;
        }

    .ac-style-in .accordion-button {
        background: #fff;
        border-radius: 5px !important;
        color: #000;
        font-size: 14px;
        box-shadow: none;
        padding: 2px 0;
        height: auto;
        margin-right: 4px;
    }

    .ac-style-in .accordion-body {
        padding: 0px 10px 10px 10px;
    }

    .ac-style-in ul {
        margin: 0;
        padding-left: 15px;
    }

        .ac-style-in ul li a {
            padding: 4px 0;
            display: block;
        }

            .ac-style-in ul li a:hover {
                color: #000;
            }

    .h-bdr-r {
        border-right: #e5e5e5e6 solid 1px;
        padding-right: 20px;
    }

    ol.configure-list {
        padding-left: 0rem;
        counter-reset: section;
        list-style-type: none;
        margin-bottom: 0px;
    }

        ol.configure-list li {
            list-style: none;
            padding-left: 40px;
            position: relative;
        }

        ol.configure-list > li:before {
            width: 32px;
            height: 32px;
            font-size: 16px;
            color: #fff;
            counter-increment: section;
            content: counters(section,".") " ";
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            padding: 5px;
            margin-top: -5px;
            text-align: center;
            background: #33cd87;
            border-radius: 50%;
            float: left;
            margin-right: 10px;
            position: absolute;
            left: 0;
            top: 2px;
        }

    .h-text-blue-light {
        color: #3575ff
    }

    .help-right {
        padding: 0 0 0 10px;
    }

    .settings-card {
        padding: 1rem 1rem 0 1rem;
        display: inline-block;
        width: 100%;
    }

    .h-brl-1 {
        border-left: #3575ff solid 4px
    }

    .h-bg-1 {
        background: #edf2ff;
    }

    .h-text-pink-light {
        color: #e000ff;
    }

    .h-brl-2 {
        border-left: #e000ff solid 4px;
    }

    .h-bg-2 {
        background: #fef3ff;
    }

    .whatsnew-list {
        list-style: disc;
    }

    .wf-list {
        padding: 0px;
        margin: 0 -12px;
    }

        .wf-list li {
            padding: 0px 12px 10px 12px;
            margin: 0;
            list-style: none;
        }

    .gbc-help-card {
        margin-bottom: 15px;
        transition: transform .2s;
        background: #fff;
    }

        .gbc-help-card a:hover {
            color: #000;
        }

        .gbc-help-card:hover {
            transition: transform .2s;
            -ms-transform: scale(1.1); /* IE 9 */
            -webkit-transform: scale(1.1); /* Safari 3-8 */
            transform: scale(1.1);
            box-shadow: 0 1.1px 0.5rem rgba(0, 0, 0, 0.2) !important;
        }

    .nextprebtn {
        margin: 30px 0;
    }

        .nextprebtn a {
            border: #ccc solid 1px;
            padding: 10px 20px;
            border-radius: 50px;
            display: grid;
            align-items: center;
            gap: 5px;
            line-height: 17px;
            width: 100%;
        }

            .nextprebtn a:hover {
                border: #000 solid 1px;
            }

    .gbchelp {
        display: none !important;
    }

    .get-hepl-drop-down {
        display: none;
    }
    /*Getting Started Guides*/

/*.weight-dimensions div.dropdown-menu {
    padding: 15px;
    border-radius: 5px;
    max-height: inherit;
    overflow-x: visible;
    width: 295px;
    border: transparent;
}*/


.pt-price.kendoselectboxl .k-input {
    padding-top: 4px !important;
    text-align: center;
}

.error-modal-content {
    /* position: absolute; */
    width: 434px;
    background: #fff;
    padding: 10px 1rem 1rem 1rem;
    /* z-index: 999; */
    /* transform: translateY(-50%); */
    top: 50%;
    /* left: -279px; */
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1) !important;
    -moz-box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1) !important;
    box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1) !important;
    border-radius: 5px;
    border: transparent;
}


    /* Default arrow styling */
   .error-modal-content::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        z-index: 1000;
    }


/* Arrow for dropstart with right-start placement */
.error-main [data-popper-placement="right-start"]::before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    left: -8px;
    top: 3px; /* Arrow positioned at the top of the dropdown */
}

/* Arrow for dropstart with right-end placement */
.error-main [data-popper-placement="right-end"]::before {
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    left: -10px;
    bottom: 10px; /* Arrow positioned at the bottom of the dropdown */
}

/* Arrow for dropdown at the top with top-start placement */
.error-main [data-popper-placement="left-start"]::before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    bottom: auto;
    right: -8px;
    top: 0;
}

/* Arrow for dropdown at the top with top-end placement */
.error-main [data-popper-placement="left-end"]::before {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    bottom: 0px;
    right: -8px;
}

/*top-start and bottom-start*/

.error-main [data-popper-placement="top-start"]::before {
    border-width: 7px 7px 0px 7px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -5px;
    left: 1px;
}
.error-main [data-popper-placement="bottom-start"]::before {
    border-width: 0px 7px 7px 7px;
    border-color: transparent transparent #ffffff transparent;
    top: -6px;
    left: 3px;
}
.error-main [data-popper-placement="top-end"]::before {
    border-width: 7px 7px 0px 7px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -6px;
    right: 1px;
}
.error-main [data-popper-placement="bottom-end"]::before {
    border-width: 0px 7px 7px 7px;
    border-color: transparent transparent #ffffff transparent;
    top: -6px;
    right: 3px;
}

/*top-start and bottom-start*/



.panel-collapse.dropdown-menu {
    max-height:230px;
    overflow-y:auto;
}

@keyframes dots {
    0%, 80%, 100% {
        transform: scale(0); /* Dots shrink */
        opacity: 0.3; /* Faint opacity */
    }

    40% {
        transform: scale(1); /* Dots expand */
        opacity: 1; /* Full opacity */
    }
}

.white-smoke {
    background: #f7f7f7;
}

.selecttwo .select2-container .select2-selection--single,
.selecttwo .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 41px;
}

.selecttwo .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 39px;
}

.tbl-style .table-bordered > tbody > tr > td, .tbl-style .table-bordered > tbody > tr > th, .tbl-style .table-bordered > tfoot > tr > td, .tbl-style .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .tbl-style .table-bordered > thead > tr > th {
    border: #e1e0e0 solid 1px;
}
.tbl-style .table > thead > tr > th {text-transform:uppercase}
.tbl-style .table > tbody > tr > td, .tbl-style .table > tbody > tr > th, .tbl-style .table > tfoot > tr > td, .tbl-style .table > tfoot > tr > th, .tbl-style .table > thead > tr > td, .tbl-style .table > thead > tr > th {
    padding: 4px 8px;
    font-size: 13px;
}
.ro-ph {
    height: calc(100vh - 161px);
    min-height: 300px;
}

.bulk-update-list .k-filter-row th, .bulk-update-list .k-grid-header th.k-header {
    padding: 5px 8px;
}
.bulk-update-list .k-header .k-checkbox + .k-checkbox-label:before {   
    left: -10px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    width:14px;
    height:14px;
}
.bulk-update-list .k-grid-content {
    height: calc(100vh - 310px);
    border: #ccc solid 1px;
    border-width: 0px 1px 1px 1px;
    box-sizing: border-box;
}
.cls-1 {   
    opacity: 0.3;
}




    a.k-grid-Delete, a.k-grid-Update, a.k-grid-pdf {
        padding: 5px;
        vertical-align: middle !important;
    }

.acbtn-blk, a.k-grid-Delete {
    background: rgba(89, 89, 89, 1.0);
    background: linear-gradient(90deg, rgba(89, 89, 89, 1.0), rgba(102, 102, 102, 1.0));
    border-radius: 4px;
    transition: 0.3s ease-in-out;
    font-size: 14px;
    color: #fff ;
    border-style: none;
    border-right-width: 0px !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}
        .acbtn-blk:focus, .acbtn-blk:hover, a.k-grid-Delete:hover, a.k-grid-Delete:focus {
            color: #fff;
            background: rgba(102, 102, 102, 1.0);
            background: linear-gradient(90deg, rgba(102, 102, 102, 1.0), rgba(89, 89, 89, 1.0));
            text-decoration: none;
            transition: 0.3s ease-in-out;
            border-radius: 4px;
            border: #595959 solid 1px;
            
        }

.btn-link:hover {
    color: #01b1c2;
}

.acbtn-blk1 {
    background: rgba(89, 89, 89, 1.0) !important;
    background: linear-gradient(90deg, rgba(89, 89, 89, 1.0), rgba(102, 102, 102, 1.0)) !important;
    border-radius: 4px !important;
    transition: 0.3s ease-in-out !important;
    font-size: 14px !important;
    color: #fff !important;
    border-style: none !important;
}
.acbtn-blk1:hover {
    background: rgba(102, 102, 102, 1.0) !important;
    background: linear-gradient(90deg, rgba(102, 102, 102, 1.0), rgba(89, 89, 89, 1.0)) !important;
}
    .wdt-45 {
    width: 45px;
}
.wdt-65 {width:65px;}
/* .form-select option:checked {
        background-color: #e1f1ed !important; 
        color: #000 !important;
    }*/
.st-th-tb {
    border-top: #87bfb0 solid 1px !important;
}

.serviceinvoicetotal {
    background:#fff;
}

.split-shipment th {text-transform:uppercase}
.split-shipment tr td {
    opacity:0.6;
}
.split-shipment tr:hover td {
    background: #f5f5f5;
    opacity:1;
}
    .split-shipment tr:hover td .split-btn {
        display: block;
    }
.split-shipment th {
    border-bottom: #87bfb0 solid 1px !important;
}
.split-shipment td {
    border: 0px;
}
    .split-shipment td:first-child {
        border-left: #ccc solid 1px;
    }
    .split-shipment td:last-child {
        border-right: #ccc solid 1px;
    }
    .split-shipment tr td {
        border-bottom: #ccc solid 1px;
    }
.split-shipment td .split-btn {
    display: none;
}


tr.shipment-bg-active td {
    background: #e1f1ed;
    opacity: 1;
}
tr.shipment-bg-active td .split-btn {
    display: none !important;
}

.focusqty {
    border: transparent !important;
}
.active-qty, .focusqty:focus, .shipment-bg-active .focusqty {
    border: solid #000 1px !important;
    background-color: #fff !important;
}
.shipqtyh-32 {height:32px;}


.carrier-modal .modal-dialog {
    max-width: 1000px;
    width: 100%;
}

.fedex-shipping .modal-dialog {
    max-width:1100px;
    width:100%;
}

.scl-hidden {overflow:hidden}

.custompacking-logo .image-preview {
    height: auto !important;
}
.custompacking-logo .k-upload-files .k-upload-status {
    top: 0;
}

input.select2-search__field {
    min-width: 15px !important;
    max-width:100% !important;
}


.batch-order-list-tbl table {
    min-width: 1200px;       
}

.batch-order-list-tbl .k-grid-content {
    border-color: #ccc;
    border-width:0px 1px 1px 1px;
    box-sizing: border-box; 
    border-style:solid;
}
    .batch-order-list-tbl .k-grid-content tr td:last-child,
    .batch-order-list-tbl .k-grid-content tr td:last-child {
        border-right: 0px !important;
    }

.m-15 {
    margin: 15px;
}

.commercial-icon {
    background: url(../images/commercial-icon.png) no-repeat;
    display: inline-block;
    height: 18px;
    width: 16px;
    background-size: 100%;
    margin-bottom: -4px;
}

.home-icon i.fa.fa-home {
    font-size: 19px;
    bottom: -2px;
    position: relative;
}

/*add-custom-package css start here*/
.add-custom-package-main {width:100%;}
.add-custom-package-main .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    justify-content: space-between;
    min-height:23px;
}
    .add-custom-package-main .cp-name {
        max-width: 235px;
        display: inline-block;
        line-height: 9px;
        width: 100%;
        margin-bottom: 5px;
        text-align: left;
    }
.add-custom-package-main .inozlb {
    line-height: 9px;
    font-size: 11px;
}

    .add-custom-package-main .dropdown-menu {
        width: 340px !important;
        background: #fff;
        border-radius: 5px !important;
        border: transparent;
        white-space: normal;
        min-height: 92px;
        overflow-x: visible !important;
        box-shadow: none !important;
    }
        .add-custom-package-main .dropdown-menu .cp-content-in {
            background: #fff;
            box-shadow: 0px 0px 14px 0px rgba(163, 163, 163, 1) !important;
            border-radius: 5px;
            padding: 5px 0px !important;
        }
    .add-custom-package-main .dropdown-toggle.show i.fa.fa-angle-down {
        transform: rotate(180deg);
    }

.add-dynamic-data {display:flex; flex-wrap:wrap;}

.add-custom-package {
    /* color: #007bff;*/
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    padding: 0 10px 2px 10px;
}

.custom-package-list {
    list-style: none;
    padding: 0 10px;
    margin-top: 5px;
    max-height:200px;
    overflow-y:auto;
    margin:0;
    display:block;
}
    .custom-package-list .active .custom-package-name {
        font-weight: 600;
    }

.custom-package-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

    .custom-package-list::-webkit-scrollbar {
        width: 8px;
        background-color: #979797;
        border-radius: 10px;
    }

    .custom-package-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
        background-color: #979797;
    }

.custom-package-item {
    display: flex;
    justify-content: space-between;
    padding: 7px;
    border-bottom: #e1e1e1 solid 1px;
    align-items: center;
}
    .custom-package-item .ti-package {
        font-size: 13px;
    }

    .custom-package-item:hover, .custom-package-list .active {
        background: #f6f4f5;
        cursor: pointer;
        border-radius: 5px;
    }

    .custom-package-item:last-child {
        border-bottom: none;
    }

.custom-package-name {
    font-size: 13px;
}

.edit-suggested {
    gap: 10px;
    display: flex;
}

.suggested {
    font-size: 12px;
    background: #d8eefd;
    border-radius: 5px;
    font-weight: bold;
    padding: 0 5px;
    color: #377faf;
}

.edit-icon {
    cursor: pointer;   
}

.inoz-main {
    display: flex;
    align-items: center;
    gap: 10px;
}
.inoz-rgt {
    display: flex;
    flex-direction: column;
    line-height:16px;
}

.inoz-rgt .inoz {font-size:12px;}

.change-default {
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.2) !important;
    padding: 10px 10px 0 10px;
    font-size: 14px;
    cursor: pointer;
}
    .change-default .link:hover {
        color: #01b1c2 !important;
    }
/*add-custom-package css end here*/

.scl-submenu {
    max-height: 250px;
    overflow-y: auto;
}

.currentbatch-list {
    position: absolute;
    top: auto;
    bottom: 56px;
    width: 100%;
    z-index: 1;
    border-bottom: #50575e solid 1px;
}

    .currentbatch-list ul {
        background: #212c36
    }

        .currentbatch-list ul li {
            border-top: #404f5c solid 1px;
        }
/*add-custom-package css end here*/


.opacity1 {
    opacity: 1 !important;
    padding-left: 0px !important;
}

/* Tooltip container */
.tooltip-container {
    position: relative;
    cursor: pointer;
    display: inline-flex;
}

    /* Tooltip text */
    .tooltip-container::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 100%;
        bottom: 0;
        /* transform: translateX(-50%); */
        background-color: rgba(0, 0, 0, 0.9);
        color: #fff;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;       
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
        z-index: 100;
        width: 350px;
        white-space: normal;
        text-align: center;
        line-height: 16px;
        margin-left:6px;
    }

    /* Tooltip arrow */
    .tooltip-container::before {
        content: "";
        position: absolute;
        right: -4px;
        bottom: 0;
        /* transform: translateY(-50%); */
        border-width: 6px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
        opacity: 0;
        visibility: hidden;
        top: 3px;
        transform: rotate(90deg);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    }

    /* Show tooltip on hover */
    .tooltip-container:hover::after,
    .tooltip-container:hover::before {
        opacity: 1;
        visibility: visible;
    }

.rateongloader {
    width: 24px;
    margin: 0 auto;
}

.rate-ongoing .fa-calculator {
    display: none;
}

.rate-ongoing .rate-going {
    display: block !important;
}

.search-package {
    margin: 0px 10px 5px 10px;
}

.search-package .form-control {
    box-sizing: border-box;
    height: 33px;
    font-size: 12px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple.is-invalid {
    border-color: #fb0000 !important;
}

.nav-fix{
    position:relative;
    min-height:calc(100vh - 102px);
}
.end-order {
    order: 2;
    margin-top: auto;
}
.dashboard-nav-list .end-order .dashboard-nav-item {
    min-height: 40px;
}
.end-order .dashboard-nav-dropdown-menu { /*position: absolute; bottom: 0;*/ width: 100%; background: #212c36; box-shadow: 0 1.1px 0.1rem rgba(0, 0, 0, 0.2) !important; z-index: 1; }
.end-order .dashboard-nav-dropdown > a { background: #212c36 !important; border-bottom: #404f5c solid 1px; }
.end-order .dashboard-nav-dropdown > a > span.orders-digits{ color: #fff; position: absolute; right: 35px; }
.end-order .dashboard-nav-dropdown > a > span.badge{position: absolute; right: 30px; }
.end-order .dashboard-nav-dropdown .dashboard-nav-dropdown-menu { max-height: 250px; overflow: auto; background-color:#3f4850 }
.end-order .dashboard-nav-dropdown .dashboard-nav-dropdown-menu .dashboard-nav-dropdown-item{padding-left:25px;word-break: break-all;}
.end-order .dashboard-nav-dropdown .dashboard-nav-list .dashboard-nav-dropdown-toggle, .end-order .dashboard-nav-dropdown ul li.batchlst { border-bottom: #404f5c solid 1px;  }
.end-order .dashboard-nav-dropdown ul li.batchlst a.dashboard-nav-dropdown-item.active,
.end-order .dashboard-nav-dropdown ul li.batchlst .dashboard-nav-dropdown-item.active span.orders-digits,
.end-order .dashboard-nav-dropdown ul li.batchlst .dashboard-nav-dropdown-item:hover,
.end-order .dashboard-nav-dropdown ul li.batchlst .dashboard-nav-dropdown-item:hover span.orders-digits { color: fff; }
.end-order .dashboard-nav-dropdown ul li.batchlst .dashboard-nav-dropdown-item,
.end-order .dashboard-nav-dropdown ul li.batchlst a > span.orders-digits { color: #fff; }
.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important;
}
.credit-card {
    border-radius: 7px;
    width: 100%;
    /*max-width: 350px;*/
    position: relative;
    transition: all 0.4s ease;
    box-shadow: 0 2px 4px 0 #cfd7df;
    min-height: 60px;
    padding: 15px;
    background: #1a1b1c;
    color: #efefef;
}
.credit-card-last4 {
    font-family: "PT Mono", Helvetica, sans-serif;
    font-size: 24px;
}
    .credit-card-last4:before {
        content: "**** **** **** ";
        color: #4f4d4d;
        font-size: 25px;
    }
.credit-card-expiry {
    font-family: "PT Mono", Helvetica, sans-serif;
    font-size: 13px;
    
}
.credit-card .visa {
    height: 16px;
    display:flex;
    width: 50px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAC4jAAAuIwF4pT92AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAExUlEQVRIDXWWW4hWVRSA/9+ZNA3TtFJUZDIsTSNLUpIwHzTogl3oKkVERgQhvQRTINFDUdhDUdBDhBMUTUFRJnSzQglqIC+U3YZEI+wiWjmF42X07/v2WWs4M6MLvn+tvdbal7P23uf8zVar9Vyj0ZgL46EF/0ET2uEPeKzZbO4hbxT6BLoNfRy9klgnHIQzoBf/avzLsZ+APjgTPsO/ttZvBr7VcDXMgingnL/ATniK/G/IH4XdwsZsjcZ2zCXQD863ndgaYqhmq4ExARbDo7AThssGOpnnwHX96bDEpyP+4sn8EbuL2F+1uIURC6NWVkVuO7bFdM5HDAyTf2hPjbiFHyoEn4wOh0P/ip5kFrot9ELsI3AUXMR+mBmxfMB+fMoN4b+papZf+55MnNNdqhdsHL4fItl+xwIffGnklnWVTjjdPu1z4QAoJttxUcQy51mDSD7s+ohPxbe3RKqff1G5sG3hz4fYQvsWWAE3wjrohpwjd+NWfMpApcqva1IeinlLrnYRAnl8NpW0quKad5qA9sCeBbtBycGXRXxZ5R70bwv/PPw+tIXJ4pxn7FRCXq7lQ2zFfgfhEHgKlC77o9tKcm2wbH8ZvuOhL1GXS9VoXI/ZAUfBLd0MW0CZV6nGQGgvrzIOzPVlIlbwcRZwNtqFeB/KTkQ7XyyX014Ojuc9eAksTq7zIvqVl086iBVxEuWLSpXJNedHW3V3zdZczwOeCF85grV4T9jfo78D53NRznMPeNzWoF24960669WicTfuhfQdw+6CPaA454VQ7qaOQWEgn9oKTYH6Wf8x/Avwez5za3dhT4iYVf0alDxyVxpT8F0F+QJw0ZKyFWNO5JXzTnsa7MsEtDvvOGvDl3ftWv1DdsSjg6CafxLbYQLi8ZqFvwN9GziRx0p5nVy/I0oHzNZArOJv0GuDvu3kuZCl4NE4LXB3rPRl8DF508nTp9wO58BhG8jblWp8GzrVgjSGaCfVge4ExR3woq0CP1QpfRgXZGfslRHISn8S44zCb4XKEUGPhvvA3VTcXV8Eyrro4yt3e/FUP7+j8psxA9tvkf2Ud+xTFq1RE8+ekhfeXXNXOsHt13ZRG6leLwONQR+hfSkoxq34YOWIO6HFGYN/gPYr2H5o34UlkCcjXxYr8FnpnMt1vkwftcff8bPPHPxjaQ8VnCY66UTYDYo7kpKVWB55Dmr+hkjIs3tH+H1d+zdkhOB/Ifrk3XnTJHw5lndN6vPbxXb67Dt/xI5E9XyL+BfA89wBWRl3y934Cj4nTlrTo+f/tHJZ0T6YO1TuB3oxdJHjEXCX94PFsuoPgJLVfZ+8DtrX6ETMy1hxxI9+33yu63SYO+JBcCp2dtGb4eaw9eUDvcoDuDO++734s2EmeFEd8+cAVb4t7siDgb4U5/CyO04PY77GmM9gO0Y/jIWPwCLkn1ov//nwMDifhV0II4XBShXQi2C4ePEm2wudx+r+YUme/yL4rbKSR6F+LKpIq/UBxiSYDJ6EulyRY6UmOB7+riX1nGpH8sPohX0LpoMVmghvUDn/i1kJK6r45d4KB8CHfA98UI/A87APLoZpYNyq7oUd0M14G9HmX4f6CfrAMXeB35j6Oh3zEHSD/zg8xn3/A2haarqHiZpPAAAAAElFTkSuQmCC');
}
.credit-card .mastercard {
    display: flex;
    width: 40px;
    height: 25px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZCAYAAABD2GxlAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAGGElEQVRIDZVXzY8URRR/Vd0zPV/sFyu4ywIRORA10Y2Ek8m6sBouRGOyHMSoKMaLFyWeJGE8GCX6FygoiYkGPJhIvAi4BzAakYBRThAOwAwinyvz2dNdz9+r7mF2Z796H2zXVNX7+L1X9apeKeqio0TOTqKwPXyTRsaIeBv6T6EdIlJp/K4roqvonzFEx1dR+Zzw8yQ50qrvInn/0JonWavtIfNm8K9VirLGsE9KXUf/T1Lmp+zu66dERoiZNHigskPg6xATuRgIZATAdqF5N0X0dJ4iqZAY/wAAfw6+0k5DH8aOq0H6+KFbpSkMUf2LkWdJ8z4wbM3kdGTDgEuEhWRIIwoNQ35A5xzFB7w3ykdkiqeAYTzCIP1IWCZicNM0MuATH+4lvSPAaFX8gi7AwQ+Gg5GdGX23J63I9xU1Kfys8BVxOu28D4DUbEDCUKAUZJkjjyDfAUpOxoNK/G/WzTHPc15Tu67cnQnSAmyDu0HrNigKTvST88g9MjaSUCfL9sAR0T+LXJgLVEB9JjW49R7RY0yN9f1wV7fIsAvJhWUFKmM7KOJMQaeaFXORXZ7Ivlq+wkVEsgjN7T13FZHLEP3RS0rANaHVmwVkvg6WCRGyCHpfusOpgbohYDTrstp/YkBJ6KPPfMKdMctH1MR28Bo1c7lVoy0975Ru81FydDshAO7LvuWAE/2ILQNe7rkqpfrrin3l8Arl6FJdudeqmF8seB2AMZfXrJkGIrnBzfJBOztJBjGQhBh+uYfUC/GyLh05EUL2cEtRalNAuWGEDRsCK4XERDygwb10j/T9FrGAlBAlIJFsVEyQzTkv1g6umcTWZAsQKfWeZKhQMp/BGBvNbpRIoYsceCAsoHyALGMuscLYvOiFk0rTXhlR/9LwM2nSp+BrbDKBSgGEk9JZa6hv7AZpFxuxLW214oN5TmtqblltWyWnWzKwooldh3TAekxOpG1yzqGVrE2mwhU8WN41LdIpWBbjM0lMwAmFnNEVqI2Pwpksi/wWDKHr2QycwFePdutfRDiaiqPl9tiNZ8HOlYEdKNaV1typpUbEe9jAmo7i5uAhudfQTxY9UR5fhNqToC9AsTbVlLVegGehYZHFPtSkhnDekyfyidEJY+yNEumFqD0lWb18iiJILAtNjdhmMjViDwLSsEngVsKzsMu4LDJscAMx4LLcR2Kvi2nhLhJAKGwgW5Yg9iRblmDqnhYkNrFUGRFUZ0V+WTpi5mBaTmuRnc83jEG7yYNnuSQKYcMhPquRaCcrUckkmpIltE1e1Agll0xLDoIuBOKA5EZOkykgysvbh+Kt20IpFho6qR+m0m84CH4tADL0xvnZZbC7Cy4Fu0HJIf9OwQK0N0mbT4oyKDWr8yhTUDmK2wI6GQWZjFIAdzq3p/yL9R3p/GksK2rmW6+5qsEpzPWLOXuroOTrSIbY2biPg+F8Z2yuhvlGxLbFZJgtJjkoUAxf+75C9G0fLi30cYsmIERIpZlaF12ql/qi+xiQUeKjcAK4jf12eRXAJo2eSKKaceoNPpJ/s/wDF0kLWgkEVsTsuUvhhQHSci7CRIJIxnuxdiKPpc4ZAA7VfQ7N+pwJR3LYMNCUjISx6eV1plkJL2QL/h4rth/hBDrZwu4wlWsIw/Mouf5eCZBgkFMOBdUiiYO9hb0o31bleL+mm3mHHs87waZ+rIxqYdWNFDmLkLUhtjIrtNesmr8ClZ5QO29WpoqoqPEUeiAuINEJmEayt4g/RwHxioS3gkBiTu40NLMWyxZYkMGbRNN/vvDxvhVfownVR+mMojgTraykoH2XQIn8xD88Vcj1stCApKv75ptsi95Sb5drWFpb7kes8o1pCsbGIzBSxO6Apr0QH8MDynK0X3VIKjsiiPGqw3OJjtHK8MDg7X/OCGP10BCemc4HWvF2L6cz1i3JZKnowNyubhpVGaTTqP0+ybxe+lE6M8FJX9hnEVToDzFSjJcW9eIovB/H0Cj+hjGP+1FVsXpXwfo7+j+vomuXMBe9iyehdGd0XDUOr32UjJlAuDZjdD2iloNF2d9lYD2Pev5kYXfpvMgWi6T3o1XF2VvqfyBMXs6VwHVmAAAAAElFTkSuQmCC');
}
.bg-light .btn-default {
    padding: 5px 10px !important;
    font-size: 12px !important;
}
}
.store-thumbnailS {
    overflow-y: auto;
    max-height: 111px;
    width: 100%;
}

.position-topfix {
    background: #fff;
    z-index: 10 !important;
    margin-top: -15px;
    top: -15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
}

@keyframes pulse {
    0% {
        transform: scale(0.6);
        opacity: 1;
    }

    80% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}
.file-area {
    width: 100%;
    position: relative;
}

.file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.file-area .file-dummy {
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.2);
    border: 3px dashed rgba(255, 255, 255, 0.2);
    text-align: center;
    transition: background 0.3s ease-in-out;
    border-radius:15px;
}

    .file-area .file-dummy .success {
        display: none;
    }

.file-area:hover .file-dummy {
    background: rgba(255, 255, 255, 0.1);
}

.file-area input[type=file]:focus + .file-dummy {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline: -webkit-focus-ring-color auto 5px;
}

    .file-area input[type=file]:valid + .file-dummy {
        border-color: rgba(11, 181, 175, 0.5);
        background-color: rgba(11, 181, 175, 0.3);
    }

.gauge {
    min-height: 1em;
}

    .gauge .gauge-arrow, .gauge .gauge-arrow:before {
        transform-origin: bottom center !important;
    }    
.text-danger {
    color: #cd1b1b !important;
}