body {
     background-color: #ffffff;
     margin: 0;
     padding: 0;
     font-size: 12px;
     text-align: center;
     /* line-height: 1.14;*/
 }
 
 b,
 strong {
     font-weight: bold;
 }
 
 h2 {
     font-size: 1.5em;
 }
 
 h3 {
     font-size: 1.17em;
 }
 
 .adminedittoplink .submitBtn2 {
     margin-bottom: 20px;
 }
 
 .BlueTr {
     background-color: #c6e3ff;
 }
 
 .mainWrapperDiv {
     margin: 0 auto;
     display: block;
 }
 
 table {
     padding: 0pt;
     margin: 0pt;
     border-spacing: 0pt;
 }
 
 a {
     color: #000;
 }
 
 .editPlus {
     display: block
 }
 
 .headbody td,
 .headbody th,
 .headbody b,
 .headbody span {
     font-size: 12px !important;
     font-weight: bold !important
 }
 
 .submitBtn2 b,
 .gridtable span.submitBtn2 {
     font-size: 14px !important;
     font-weight: bold !important;
 }
 
 .w20 {
     color: #ff9933;
     font-size: 18px
 }
 
 .w16 {
     color: #ff9900;
     font-size: 16px
 }
 
 .o15 {
     color: #ff9900;
     font-size: 15px
 }
 
 .wh13cart {
     color: black;
 }
 
 .wh12cart {
     color: white;
 }
 
 .wh11cart {
     color: white;
 }
 
 .subcat_div {
     position: absolute;
     cursor: hand;
     visibility: hidden;
     background-color: transparent;
     color: #333333;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     text-decoration: ;
     border-style: solid;
     border-color: #000000;
     border-width: 0;
     text-align: right;
 }
 
 .subcat_span {
     cursor: hand;
     height: 100%;
     padding: 8, 4, 5, 4;
     color: #333333;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     border-style: solid;
     border-color: #000000;
     border-width: 0;
     text-align: right;
     width: 100%;
 }
 
 .sellang {
     color: black;
     font-size: 14px
 }
 
 .mainlinks {
     color: #5D5D69;
     font-size: 13px;
     cursor: hand;
     background-image: URL('../images/adm_btn_BG.gif')
 }
 
 .mainlinks_no {
     color: #cdcdcd;
     font-size: 13px;
     cursor: hand;
     background-image: URL('../images/adm_btn_BG_dis.gif')
 }
 
 .b15 {
     color: black;
     font-size: 15px
 }
 
 .b14 {
     color: black;
     font-size: 14px
 }
 
 .b13 {
     color: Black;
     font-size: 13px
 }
 
 .blc11 {
     color: Black;
     font-size: 11px
 }
 
 .blc18 {
     color: Black;
     font-size: 18px
 }
 
 .wh16 {
     color: white;
     font-size: 16px
 }
 
 .wh15 {
     color: white;
     font-size: 15px;
     cursor: hand
 }
 
 .wh14 {
     color: white;
     font-size: 14px
 }
 
 .wh12 {
     color: black;
     font-size: 10px
 }
 
 .red14 {
     color: red;
     font-size: 14px
 }
 
 .red18 {
     color: red;
     font-size: 18px
 }
 
 .searchr {
     color: black;
     font-size: 14px;
     background-color: yellow
 }
 
 .red11 {
     color: #003366;
     font-size: 11px
 }
 
 .Help_docs_head {
     color: white;
     font-size: 25px
 }
 
 .Cat2Names {
     color: #336699;
     font-size: 15px
 }
 
 .TopNav {
     color: #006699;
     font-size: 15px
 }
 
 .TopNav:hover {
     color: white;
     font-size: 15px;
     text-decoration: underline;
 }
 
 .sideprice {
     color: #00ccff;
     font-size: 14px
 }
 
 .sidesp {
     color: #ff9900;
     font-size: 12px;
     text-decoration: underline;
 }
 
 .sidesp:hover {
     color: white;
     font-size: 12px;
     text-decoration: underline;
 }
 
 .date {
     color: white;
     font-size: 11px
 }
 
 .xx {
     background-color: #0099cc
 }
 
 .xx1 {
     background-color: #0099cc
 }
 
 .build {
     color: white;
     font-size: 15px;
     background-color: #0099cc
 }
 
 .build:hover {
     color: #dddddd;
     font-size: 15px;
     text-decoration: underline;
 }
 
 .topcat {
     color: #ff9900;
     font-size: 15px;
 }
 
 .topcat:hover {
     color: white;
     font-size: 15px;
     text-decoration: underline;
 }
 
 .makelink {
     color: #ff9900;
     font-size: 14px;
 }
 
 .makelink:hover {
     color: #99ccff;
     font-size: 14px;
 }
 
 .cats {
     color: #ff9900;
     font-size: 17px;
 }
 
 .search {
     color: #ff9900;
     font-size: 14px;
 }
 
 .sublinks {
     color: #006699;
     font-size: 14px;
 }
 
 .sublinks:hover {
     color: black;
 }
 
 .blk14 {
     color: black;
     font-size: 16px;
 }
 
 .submitb {
     color: black;
     font-size: 12px
 }
 
 OPTION.color {
     color: white;
     background-color: #993333;
     font-weight: bold;
     font-size: 13px
 }
 
 OPTION.info {
     color: black;
     background-color: white;
     font-size: 10px
 }
 
 .topPaneltext {
     color: black;
     font-size: 14px
 }
 
 .menuitem_div {
     position: absolute;
     cursor: hand;
     visibility: hidden;
     background-color: transparent;
     color: #333333;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     text-decoration: ;
     text-align: center;
 }
 
 .menuitem_span {
     cursor: hand;
     color: #333333;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     border-style: solid;
     border-color: #000000;
     border-width: 0;
     text-align: center;
 }
 
 .breadcrumb {
     color: #0661B5;
     float: right;
     font-size: 14px;
     font-weight: bold;
     text-align: right;
     text-decoration: none;
 }
 
 .panelinnertitle {
     color: black;
     font-size: 14px;
     text-decoration: none;
 }
 
 .genbtn_txt {
     color: #ffffff;
     font-size: 12px;
     text-decoration: none;
 }
 
 .genbtndark_txt {
     color: white;
     font-size: 15px;
     text-decoration: none;
 }
 
 .headbody td {
     background-image: url('../images/p08.gif');
     background-position: left;
     height: 30px;
     background-repeat: no-repeat;
     color: #1D63A3;
     font-size: 13px;
     cursor: pointer;
     font-weight: bold
 }
 
 .headbody .rightth span {
     background-image: url('../images/p08.gif');
     background-position: left;
     height: 30;
     background-repeat: no-repeat;
     color: #1D63A3;
     font-size: 13px
 }
 
 .headbody .rightth a {
     color: #1D63A3;
     font-size: 13px
 }
 
 .headbody td a {
     color: #1D63A3;
     font-size: 13px
 }
 
 .gridtable .TitleTxt {
     font-size: 19px;
 }
 
 img {
     border: 0pt none;
 }
 
 input[type=reset],
 input[type=submit],
 input[type=button],
 button {
     cursor: pointer
 }
 
 .tbl-order-items-list-ltr td a.OrderCurrency b,
 .tbl-order-items-list-ltr td a.makat span,
 .OrderCurrency {
     unicode-bidi: embed;
     direction: ltr
 }
 
 .ModulesBtns {
     height: 26px;
     cursor: pointer;
 }
 
 .ModulesBtns .btn1 {
     height: 26px;
     background-image: url("../images/p13.gif");
     width: 3px;
     background-repeat: no-repeat;
 }
 
 .ModulesBtns .btn3 {
     background-image: url("../images/p15.gif");
     background-repeat: repeat-x;
 }
 
 .ModulesBtns .txt {
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: bold;
 }
 
 .ModulesBtns .btn4 {
     height: 26px;
     background-image: url("../images/p14.gif");
     width: 6px;
     background-repeat: no-repeat;
 }
 
 .ModulesBtnsOn {
     height: 26px;
     cursor: pointer;
 }
 
 .ModulesBtnsOn .btn1 {
     background-image: url("../images/p29.gif");
     width: 3px;
     background-repeat: no-repeat;
 }
 
 .ModulesBtnsOn .btn3 {
     background-image: url("../images/p28.gif");
     background-repeat: repeat-x;
 }
 
 .ModulesBtnsOn .txt {
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: bold;
 }
 
 .ModulesBtnsOn .btn4 {
     background-image: url("../images/p27.gif");
     width: 6px;
     background-repeat: no-repeat;
 }
 
 .GsTable {
     border: 1px solid rgb(224, 229, 232);
     height: 90px;
     width: 160px;
 }
 
 .GsTable th {
     color: rgb(21, 124, 190);
     font-size: 14px;
     height: 21px;
     background-color: rgb(210, 227, 238);
 }
 
 .GsTable td {
     color: rgb(84, 116, 146);
     border-bottom: 1px solid rgb(224, 229, 232);
     padding: 2px;
 }
 
 .GsTable table th a {
     color: rgb(43, 70, 88);
     font-size: 14px;
 }
 
 .GsTable table th a:hover {
     color: rgb(43, 70, 88);
     font-size: 14px;
 }
 
 .BarTitle {
     font-size: 12px;
     color: rgb(54, 80, 98);
 }
 
 .TopBar {
     background-image: url("../images/p16.gif");
     height: 24px;
 }
 
 .SubModuls a {
     color: rgb(255, 255, 255);
     font-size: 13px;
     padding: 3px;
 }
 
 .SubModuls a:hover {
     color: rgb(166, 212, 238);
     font-size: 13px;
 }
 
 .SubModuls {
     right: 0pt;
     top: 0pt;
     cursor: pointer;
 }
 
 .subModuleSpacer {
     background-image: url("../images/P17.gif");
     width: 2px;
     height: 12px;
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .IsSubClassOn a {
     color: rgb(166, 212, 238);
 }
 
 .ShortMenue {
     background-color: rgb(255, 255, 255);
     font-size: 12px;
     color: rgb(66, 105, 131);
 }
 
 .ShortMenue th {
     width: 150px;
     height: 28px;
     background-image: url("../images/P30.gif");
     color: rgb(255, 255, 255);
     font-size: 14px;
 }
 
 .sidbar .ui-autocomplete {
     left: 0 !important;
 }
 
 .sidbar .Box {
     margin-bottom: 10px;
     width: 100%;
 }
 
 .sidbar .boxtitle {
     background-image: url("../images/P30.gif");
     color: #FFFFFF;
     font: bold 14px/28px arial;
     height: 28px;
     width: 180px;
 }
 
 .sidbar input[type="text"] {
     background-color: #d6d4d4;
     border: 1px solid #9D9D9D;
     border-radius: 3px 3px 3px 3px;
     width: 100%;
 }
 
 .multisearch {
     margin-left: -148px !important;
     width: 300px !important;
     left: auto !important;
     right: 0 !important;
 }
 
 .sidbar .boxcontent {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #eeeeee;
     color: #5A5A5B;
     padding: 0;
     padding-bottom: 10px;
 }
 
 .ShortMenue td {}
 
 .ShortMenue .Title {
     background-color: rgb(210, 227, 238);
     color: rgb(54, 80, 98);
     font-size: 14px;
     background-image: url("../images/p52.gif");
     height: 19px;
 }
 
 #subheader .submitBtn2 {
     background-color: #757575;
     border-radius: 3px;
     color: #fff !important;
 }
 
 .ShortMenue .Languages a {
     color: rgb(160, 160, 160);
     font-size: 12px;
 }
 
 .TopShortMenue .Languages td {
     color: rgb(160, 160, 160);
     font-size: 12px;
     padding: 3px;
 }
 
 .TopShortMenue td {
     padding: 2px 5px;
 }
 
 .TopShortMenue {
     margin-top: 0px;
 }
 
 .ShortMenue .InfoBtn {
     background-image: url("../images/p53.gif");
     height: 17px;
     width: 100%;
     top: 7px;
     right: 1px;
     bottom: -10px;
     position: relative;
     background-repeat: no-repeat;
     padding-right: 17px;
     background-position: right center;
 }
 
 .ShortMenue .InfoBtn a {
     color: rgb(115, 134, 96);
     font-weight: bold;
 }
 
 .ShortMenue .BlackSysMsg {
     color: rgb(99, 101, 102);
 }
 
 .ShortMenue .redSysMsg {
     color: red;
     font-weight: bold;
 }
 
 .ShortMenue .BlueSysMsg {
     color: rgb(105, 149, 61);
     font-weight: bold;
 }
 
 .SearchBtn {
     cursor: pointer;
     background-image: url("../images/P18.gif");
     width: 75px;
     height: 28px;
     background-position: right center;
     color: rgb(22, 53, 73);
     font-weight: bold;
     font-size: 13px;
     background-repeat: no-repeat;
 }
 
 .SearchBtnEnd {
     background-image: url("../images/P19.gif");
     width: 8px;
     height: 28px;
 }
 
 .TopBarOpen {
     background-image: url("../images/P20.gif");
     width: 12px;
     height: 28px;
     background-position: right center;
     color: rgb(255, 255, 255);
     font-size: 12px;
     background-repeat: no-repeat;
 }
 
 .TopBarSpacer {
     background-image: url("../images/P22.gif");
     width: 1px;
     height: 28px;
 }
 
 .TopBarClose {
     background-image: url("../images/P24.gif");
     width: 12px;
     height: 28px;
     background-position: left center;
     color: rgb(255, 255, 255);
     font-size: 12px;
     background-repeat: no-repeat;
 }
 
 .TopBarBg td,
 td.TopBarBg {
     padding-left: 5px;
     padding-right: 5px;
     color: rgb(255, 255, 255);
     font-size: 12px;
     background-image: url("../images/P26.gif");
 }
 
 .TopBarBg a {
     color: rgb(255, 255, 255);
     text-decoration: underline;
 }
 
 .TopBarBg a:hover {
     color: rgb(186, 222, 245);
     text-decoration: underline;
 }
 
 .SearchBoxDiv {
     background-image: url("../images/P36.gif");
     width: 138px;
     height: 78px;
     background-repeat: no-repeat;
 }
 
 .SearchBoxDiv input,
 select {
     font-size: 12px;
     color: rgb(53, 80, 97);
 }
 
 .HideFromPrint .calendarDateInput {
     width: 55px !important;
 }
 
 .HideFromPrint #fromhours {
     width: 57px !important;
 }
 
 .HideFromPrint #tohours {
     width: 57px !important;
 }
 
 .SearchBoxBtn {
     font-size: 12px;
     padding-left: 45px;
     padding-top: 3px;
     color: rgb(19, 51, 72);
     font-weight: bold;
     cursor: pointer;
 }
 
 .LogStatus {
     color: rgb(154, 211, 244);
     font-size: 12px;
     font-weight: bold;
     cursor: pointer;
 }
 
 .LogStatus a {
     color: rgb(154, 211, 244);
     font-size: 12px;
     font-weight: bold;
 }
 
 .gridtable .genbtn_txt {
     color: rgb(255, 255, 255);
     font-weight: bold;
 }
 
 .gridtable table {
     color: rgb(29, 99, 163);
     font-size: 12px;
     margin: 0 auto;
 }
 
 .gridtable select {
     color: rgb(29, 99, 163);
     font-size: 12px;
     border: 1px solid #CCCCCC;
     width: auto;
     font-weight: normal;
     padding: 3px;
 }
 
 .gridtable span {
     color: rgb(29, 99, 163);
     font-size: 12px;
 }
 
 .gridtable .genbtndark_txt {
     color: rgb(255, 255, 255);
     font-weight: bold;
 }
 
 .gridtable .SilverTr {
     background-color: rgb(246, 246, 246);
 }
 
 .gridtable .input {
     font-size: 10px;
 }
 
 .gridtable input {
     border: 1px solid rgb(29, 99, 163);
     width: auto;
     font-size: 12px;
 }
 
 .gridtable textarea {
     border: 1px solid rgb(29, 99, 163);
     font-size: 12px;
 }
 
 .BarLinks td {
     padding: 2px;
     width: auto;
     font-size: 11px;
 }
 
 .BarLinks a {
     font-weight: bold;
 }
 
 .gridtable .IsHoverClass {
     background-color: rgb(231, 241, 251);
 }
 
 .gridtable .WhiteTr {
     background-color: rgb(255, 255, 255);
 }
 
 .gridtable {
     background-color: rgb(255, 255, 255);
     width: 98%;
     text-align: right
 }
 
 .SecTbl {
     padding: 5px;
 }
 
 .orderitemname .orderitemimage {
     background: white none repeat scroll 0 0;
     border: 1px solid #cccccc;
     display: none;
     height: 150px;
     line-height: 150px;
     position: absolute;
     right: -155px;
     text-align: center;
     width: 150px;
     z-index: 99999;
     top: -94px;
 }
 
 .orderitemname {
     position: relative;
     text-align: right;
 }
 
 .orderitemname:hover .orderitemimage {
     display: table-cell;
 }
 
 .gridtable td {
     color: #575D7D;
     font-size: 16px;
     padding: 2px;
 }
 
 .gridtable td:hover {
     /*color:#3FC6AB ;*/
 }
 
 .MsgTable>tbody>tr:nth-child(3)>td>div {
     overflow-y: scroll;
     max-height: 380px;
 }
 
 .adminaddobjectimage .gridtable td {
     max-width: 100px;
     max-height: 100px;
 }
 
 .adminaddobjectimage .gridtable td img {
     height: auto;
     max-height: 100%;
     max-width: 100%;
     width: auto;
 }
 
 .gridtable td a {
     color: #575D7D;
     display: inline-block;
     font-size: 16px;
 }
 
 .gridtable td a:hover {
     color: #3FC6AB;
     text-decoration: underline;
 }
 
 .TitleTxt {
     background-image: url("../images/p03.gif");
     background-repeat: repeat-x;
     height: 28px;
     color: rgb(54, 80, 98);
     font-size: 14px;
     text-align: center;
     font-weight: bold;
 }
 
 .LeftTitle {
     background-image: url("../images/p01.gif");
     height: 28px;
     width: 7px;
     background-repeat: no-repeat;
 }
 
 .RightTitle {
     background-image: url("../images/p02.gif");
     height: 28px;
     width: 8px;
     background-repeat: no-repeat;
 }
 
 .sorIcons {
     width: auto;
 }
 
 .sorIcons .s1 {
     background-image: url("../images/p09.gif");
     width: 16px;
     height: 16px;
     cursor: pointer;
 }
 
 .sorIcons .s2 {
     background-image: url("../images/p10.gif");
     width: 16px;
     height: 16px;
     cursor: pointer;
 }
 
 .BodyBG {
     background-image: url("../images/P37.gif");
     background-position: center bottom;
     background-repeat: repeat-x;
     background-color: rgb(248, 248, 248);
 }
 
 .footer {
     background-color: rgb(246, 245, 245);
     color: rgb(0, 0, 0);
     font-size: 12px;
 }
 
 .footer a {
     background-color: rgb(246, 245, 245);
     color: rgb(0, 0, 0);
     font-size: 12px;
 }
 
 .MsgTable .redSysMsg {
     color: red;
 }
 
 .MsgTable .BlackSysMsg {
     color: rgb(99, 101, 102);
 }
 
 .MsgTable .BlueSysMsg {
     color: rgb(66, 126, 169);
 }
 
 .MsgTable th {
     color: rgb(43, 70, 88);
 }
 
 .BlackSysMsg {
     color: rgb(99, 101, 102);
 }
 
 .redSysMsg {
     color: red;
     font-weight: bold;
 }
 
 .BlueSysMsg {
     color: rgb(66, 126, 169);
     font-weight: bold;
 }
 
 .GreenMsg {
     color: green;
     font-size: 16px;
     font-weight: bold;
     border: 1px solid silver;
     padding: 10px;
     background-color: #E6FFDD;
     display: inline-block;
     direction: rtl;
 }
 
 .RedMsg,
 .redMsg {
     color: red;
     font-size: 16px;
     font-weight: bold;
     border: 1px solid silver;
     padding: 10px;
     background-color: #FFDDDD;
     display: inline-block;
     direction: rtl;
 }
 
 .ShortMenuMsgTitle {
     background-image: url("../images/p57.gif");
     width: 180px;
     height: 28px;
 }
 
 .ShortMenuMsgTitle a {
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: bold;
 }
 
 .ShortMenuMsgTitle a:hover {
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: bold;
     text-decoration: underline;
 }
 
 .ShortMenuMsgSubTitles {
     background-color: rgb(210, 227, 238);
     color: rgb(54, 80, 98);
     font-size: 14px;
     background-image: url("../images/p58.gif");
     height: 19px;
 }
 
 #PromotionGiftTypeDiv {
     background-image: url("../images/41.gif");
     width: 121px;
     height: 41px;
     text-align: right;
     padding-right: 15px;
 }
 
 #PromotionGiftTypeDiv span {
     color: rgb(255, 255, 255);
     font-size: 14px;
 }
 
 #PromotionGiftTypeDiv select {
     color: rgb(18, 18, 18);
 }
 
 #PromotionTypeDiv {
     background-image: url("../images/40.gif");
     width: 176px;
     height: 40px;
     text-align: right;
     padding-right: 4px;
 }
 
 #PromotionTypeDiv span {
     color: rgb(255, 255, 255);
     font-size: 14px;
 }
 
 #PromotionTypeDiv select {
     color: rgb(18, 18, 18);
 }
 
 #PromotionConditionTypeDiv {
     background-image: url("../images/43.gif");
     width: 171px;
     height: 40px;
     text-align: right;
     padding-right: 14px;
 }
 
 #PromotionConditionTypeDiv span {
     color: rgb(255, 255, 255);
     font-size: 14px;
 }
 
 #PromotionConditionTypeDiv select {
     color: rgb(18, 18, 18);
 }
 
 #BillingBtn {
     background-image: url("../images/41.gif");
     width: 121px;
     height: 41px;
     text-align: right;
     cursor: pointer;
 }
 
 #BillingBtn span {
     color: rgb(255, 255, 255);
     font-size: 14px;
 }
 
 #BillingBtn select {
     color: rgb(18, 18, 18);
 }
 
 #OrderContent .Title {
     background-image: url("../images/44.gif");
     height: 20px;
     background-repeat: repeat-x;
     color: rgb(160, 187, 54);
     font-weight: bold;
 }
 
 #BillingDiv {
     background-color: #aad353;
     background-position: right top;
     background-repeat: no-repeat;
     cursor: pointer;
     height: 41px;
     padding-left: 13px;
     text-align: center;
     width: auto;
     color: #fff
 }
 
 #BillingDiv td {
     font: bold 17px arial;
 }
 
 #BillingDiv span {
     color: rgb(255, 255, 255);
     font-size: 16px;
     font-weight: bold;
 }
 
 #BillingDiv select {
     color: rgb(18, 18, 18);
     width: AUTO;
 }
 
 .gridtable .PromotionTitle {
     color: rgb(153, 182, 40);
     font-size: 14px;
     font-weight: bold;
 }
 
 #SelectPromotionConditionDiv {
     background-repeat: repeat-x;
 }
 
 #selectGift {}
 
 #selectMarket {}
 
 #selectTimming {}
 
 .gridtable .inputWithoutborder {
     border: 0pt solid rgb(255, 255, 255);
 }
 
 #submitBtn {}
 
 #OrderContent {
     border: 1px solid #CCCCCC;
     border-top: none;
     padding-bottom: 24px;
     z-index: 0;
 }
 
 #OrderTabs div {
     background-image: url("../images/51.gif");
     width: 126px;
     height: 27px;
     color: rgb(255, 255, 255);
     font-size: 12px;
     background-repeat: no-repeat;
     text-align: center;
     padding-top: 8px;
     float: right;
     cursor: pointer;
     z-index: 0;
 }
 
 #OrderTabs .IntabClass {
     background-image: url("../images/50.gif");
     width: 127px;
     height: 27px;
     color: rgb(95, 138, 169);
     font-size: 12px;
     background-repeat: no-repeat;
     text-align: center;
     padding-top: 8px;
     float: right;
     cursor: pointer;
     z-index: 0;
 }
 
 #adm_blue_btn {
     background-image: url("../images/genBtn_bg.gif");
     height: 20px;
     vertical-align: middle;
     width: 100px;
 }
 
 #adm_blue_btn a {
     font-size: 14px;
     font-weight: bold;
     color: white;
 }
 
 .importantMsg {
     background: none repeat scroll 0 0 #F1F1F1;
     border: 1px solid #C4C4C4;
     direction: rtl;
     display: none;
     font-size: 15px;
     height: 22px;
     margin-top: 1px;
     padding: 2px;
     text-align: right;
 }
 
 .importantMsg img {
     float: right;
     margin-left: 10px;
 }
 
 .EcomSellerCuponDiv h3 {
     float: right;
     direction: rtl;
     color: rgb(0, 0, 0);
     background-color: rgb(237, 245, 254);
     margin: 0pt 31px 0pt 0pt;
     width: 456px;
     padding: 0pt 2px 6px 0pt;
     text-align: right;
 }
 
 .EcomSellerCuponDiv .statusdiv a.activatelnk {
     float: left;
 }
 
 .EcomSellerCuponDiv .statusdiv p {
     margin: 0pt;
     padding: 0pt;
     width: 50%;
     float: right;
     direction: rtl;
 }
 
 .importantMsg p {
     margin: 0px;
     display: inline;
 }
 
 .EcomSellerCuponDiv .statusdiv {
     float: right;
     text-align: right;
     padding: 5px 3px 5px 0pt;
     background-color: rgb(246, 246, 246);
     margin: 2px 11px 0pt 0pt;
     width: 486px;
 }
 
 .EcomSellerCuponDiv {
     position: absolute;
     padding-top: 20px;
     width: 510px;
     background: url("/images/ecomsellericonToolTip.png") no-repeat scroll 0pt 0pt transparent;
     z-index: 2;
     height: 259px;
     margin-left: 18px;
     margin-top: -272px;
     _height: 279px;
 }
 
 .EcomSellerCuponDiv ul li:hover {
     background-color: rgb(212, 234, 255);
 }
 
 .EcomSellerCuponDiv ul {
     list-style-type: none;
     float: right;
     padding: 0pt;
     margin: 5px 5px 0pt 0pt;
     direction: rtl;
     overflow: auto;
     width: 499px;
     height: 133px;
 }
 
 .EcomSellerCuponDiv ul li {
     float: right;
     border-bottom: 1px solid;
     padding: 1px;
     cursor: pointer;
     margin-right: 1px;
     width: 494px;
 }
 
 .EcomSellerCuponDiv ul li p {
     float: right;
     margin: 0pt 0pt 5px;
     padding: 0pt;
     direction: rtl;
 }
 
 .EcomSellerCuponDiv .closeicon:hover {
     color: red;
     cursor: pointer;
     display: block;
     float: right;
     font: bold 16px;
     text-decoration: none;
 }
 
 .EcomSellerCuponDiv ul li p.Name {
     text-align: right;
     font-weight: bold;
     width: 431px;
 }
 
 .EcomSellerCuponDiv .closeicon {
     color: red;
     cursor: pointer;
     display: block;
     float: right;
     font: bold 16px;
     height: 18px;
     margin-right: 9px;
     width: 15px;
 }
 
 .EcomSellerCuponDiv ul li p.Desc {
     width: 400px;
 }
 
 .chosen-container .chosen-results li {
     font-size: 16px;
 }
 
 .chosen-container-single .chosen-single span {
     color: #575D7D;
 }
 
 .OrderSettings {
     width: 800px;
     float: right
 }
 
 .OrderSettings h3 {
     text-align: right
 }
 
 .OrderSettings p {
     float: right;
     width: 130px;
     direction: rtl
 }
 
 .sortable tr.WhiteTr:hover {
     background-color: rgb(208, 224, 255);
 }
 
 .sortable tr:hover {
     background-color: #f5fffd !important;
 }
 
 #SystemMainMsg {
     display: block;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: .25rem;
     clear: both;
     text-align: right;
     direction: rtl;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
 }
 
 #SystemMainMsg * {
     font-size: 1rem;
     margin: 0px;
 }
 
 #SystemMainMsg a {
     color: rgb(3, 120, 198);
     text-decoration: underline;
 }
 /*
#SystemMainMsg h3 
{ margin:0 ; padding:0 ; color:#333333; font:bold 14px ;}
#SystemMainMsg p
{ margin:0 ; padding:0; color:#333333; font:14px ; min-height:49px;  _height:49px; width:95% }
*/
 
 .SuccessSysMsg {
     background-color: #dff0d8;
     border-color: #d0e9c6;
     color: #3c763d;
 }
 
 .WarningSysMsg {
     background-color: #fcf8e3;
     border-color: #faf2cc;
     color: #8a6d3b;
 }
 
 .ErrorSysMsg {
     background-color: #f2dede;
     border-color: #ebcccc;
     color: #a94442;
 }
 
 .InfoSysMsg {
     background-color: #d9edf7;
     border-color: #bcdff1;
     color: #31708f;
 }
 
 #ui-timepicker-div dl {
     text-align: left;
 }
 
 #ui-timepicker-div dl dt {
     height: 25px;
 }
 
 #ui-timepicker-div dl dd {
     margin: -25px 0 10px 65px;
 }
 /* Layout
   -------------------------------- */
 
 .layout-grid {
     width: 960px;
 }
 
 .layout-grid td {
     vertical-align: top;
 }
 
 .layout-grid td.left-nav {
     width: 140px;
 }
 
 .layout-grid td.normal {
     border-left: 1px solid #eee;
     padding: 20px 24px;
     font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
 }
 
 .layout-grid td.demos {
     background: url('/images/demos_bg.jpg') no-repeat;
     height: 337px;
     overflow: hidden;
 }
 /* Normal
   -------------------------------- */
 
 .normal h3,
 .normal h4 {
     margin: 0;
     font-weight: normal;
 }
 
 .normal h3 {
     padding: 0 0 9px;
     font-size: 1.8em;
 }
 
 .normal h4 {
     padding-bottom: 21px;
     border-bottom: 1px dashed #999;
     font-size: 1.2em;
     font-weight: bold;
 }
 
 .normal p {
     font-size: 1.2em;
 }
 /* Demos */
 
 .demos-nav,
 .demos-nav dt,
 .demos-nav dd,
 .demos-nav ul,
 .demos-nav li {
     margin: 0;
     padding: 0
 }
 
 .demos-nav {
     float: left;
     width: 170px;
     font-size: 1.3em;
 }
 
 .demos-nav dt,
 .demos-nav h4 {
     margin: 0;
     padding: 0;
     font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
     color: #e87b10;
 }
 
 .demos-nav dt,
 .demos-nav h4 {
     margin-top: 1.5em;
     margin-bottom: 0;
     padding-left: 8px;
     padding-bottom: 5px;
     line-height: 1.2em;
     border-bottom: 1px solid #F4F4F4;
 }
 
 .demos-nav dd a,
 .demos-nav li a {
     border-bottom: 1px solid #F4F4F4;
     display: block;
     padding: 4px 3px 4px 8px;
     font-size: 90%;
     text-decoration: none;
     color: #555;
     margin: 2px 0;
     height: 13px;
 }
 
 .demos-nav dd a:hover,
 .demos-nav dd a:focus,
 .demos-nav dd a:hover,
 .demos-nav dd a:focus {
     background: #f3f3f3;
     color: #000;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
 }
 
 .demos-nav dd a.selected {
     background: #555;
     color: #ffffff;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
 }
 /* new styles for demo pages, added by Filament 12.29.08
eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
*/
 
 .normal h3.demo-header {
     font-size: 32px;
     padding: 0 0 5px;
     border-bottom: 1px solid #eee;
     text-transform: capitalize;
 }
 
 .normal h4.demo-subheader {
     font-size: 10px;
     text-transform: uppercase;
     color: #999;
     padding: 8px 0 3px;
     border: 0;
     margin: 0;
 }
 
 .normal a:link,
 .normal a:visited {
     color: #1b75bb;
     text-decoration: none;
 }
 
 .normal a:hover,
 .normal a:active {
     color: #0b559b;
 }
 
 #demo-config {
     padding: 20px 0 0;
 }
 
 #demo-frame {
     float: left;
     width: 540px;
     height: 380px;
     border: 1px solid #ddd;
     overflow: auto;
     position: relative;
 }
 
 #demo-frame h3,
 #demo-frame h4 {
     padding: 0;
     font-weight: bold;
     font-size: 1em;
 }
 
 #demo-config-menu {
     float: right;
     width: 180px;
 }
 
 #demo-config-menu h4 {
     font-size: 13px;
     color: #666;
     font-weight: normal;
     border: 0;
     padding-left: 18px;
 }
 
 #demo-config-menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 #demo-config-menu li {
     font-size: 12px;
     padding: 0 0 0 10px;
     margin: 3px 0;
     zoom: 1;
 }
 
 #demo-config-menu li a:link,
 #demo-config-menu li a:visited {
     display: block;
     padding: 1px 8px 4px;
     border-bottom: 1px dotted #b3b3b3;
 }
 
 * html #demo-config-menu li a:link,
 * html #demo-config-menu li a:visited {
     padding: 1px 8px 2px;
 }
 
 #demo-config-menu li a:hover,
 #demo-config-menu li a:active {
     background-color: #f6f6f6;
 }
 
 #demo-config-menu li.demo-config-on {
     background: url(images/demo-config-on-tile.gif) repeat-x left center;
 }
 
 #demo-config-menu li.demo-config-on a:link,
 #demo-config-menu li.demo-config-on a:visited,
 #demo-config-menu li.demo-config-on a:hover,
 #demo-config-menu li.demo-config-on a:active {
     background: url(images/demo-config-on.gif) no-repeat left;
     padding-left: 18px;
     color: #fff;
     border: 0;
     margin-left: -10px;
     margin-top: 0px;
     margin-bottom: 0px;
 }
 
 #demo-source,
 #demo-notes {
     clear: both;
     padding: 20px 0 0;
     font-size: 1.3em;
 }
 
 #demo-notes {
     width: 520px;
     color: #333;
     font-size: 1em;
 }
 
 #demo-notes p code,
 .demo-description p code {
     padding: 0;
     font-weight: bold;
 }
 
 #demo-source pre,
 #demo-source code {
     padding: 0;
 }
 
 code,
 pre {
     padding: 8px 0 8px 20px;
     font-size: 1.2em;
     line-height: 130%;
 }
 
 #demo-source a:link,
 #demo-source a:visited,
 #demo-source a:hover,
 #demo-source a:active {
     font-size: 12px;
     padding-left: 13px;
     background-position: left center;
     background-repeat: no-repeat;
 }
 
 #demo-source a.source-open:link,
 #demo-source a.source-open:visited,
 #demo-source a.source-open:hover,
 #demo-source a.source-open:active {
     background-image: url(images/demo-spindown-open.gif);
 }
 
 #demo-source a.source-closed:link,
 #demo-source a.source-closed:visited,
 #demo-source a.source-closed:hover,
 #demo-source a.source-closed:active {
     background-image: url(images/demo-spindown-closed.gif);
 }
 
 div.demo {
     padding: 12px;
     font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
 }
 
 div.demo h3.docs {
     clear: left;
     font-size: 12px;
     font-weight: normal;
     padding: 0 0 1em;
     margin: 0;
 }
 
 div.demo-description {
     clear: both;
     padding: 12px;
     font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
     font-size: 1.3em;
     line-height: 1.4em;
 }
 
 .ui-draggable,
 .ui-droppable {
     background-position: top left;
 }
 
 .left-nav .demos-nav {
     padding-right: 10px;
 }
 
 #demo-link {
     font-size: 11px;
     padding-top: 6px;
     clear: both;
     overflow: hidden;
 }
 
 #demo-link a span.ui-icon {
     float: left;
     margin-right: 3px;
 }
 /* Component containers
----------------------------------*/
 
 #widget-docs .ui-widget {
     font-family: Trebuchet MS, Verdana, Arial, sans-serif;
     font-size: 1em;
 }
 
 #widget-docs .ui-widget input,
 #widget-docs .ui-widget select,
 #widget-docs .ui-widget textarea,
 #widget-docs .ui-widget button {
     font-family: Trebuchet MS, Verdana, Arial, sans-serif;
     font-size: 1em;
 }
 
 #widget-docs .ui-widget-header {
     border: 1px solid #ffffff;
     background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x;
     color: #ffffff;
     font-weight: bold;
 }
 
 #widget-docs .ui-widget-header a {
     color: #ffffff;
 }
 
 #widget-docs .ui-widget-content {
     border: 1px solid #ffffff;
     background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x;
     color: #222222;
 }
 
 #widget-docs .ui-widget-content a {
     color: #222222;
 }
 /* Interaction states
----------------------------------*/
 
 #widget-docs .ui-state-default,
 #widget-docs .ui-widget-content #widget-docs .ui-state-default {
     border: 1px solid #666666;
     background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #ffffff;
     outline: none;
 }
 
 #widget-docs .ui-state-default a {
     color: #ffffff;
     text-decoration: none;
     outline: none;
 }
 
 #widget-docs .ui-state-hover,
 #widget-docs .ui-widget-content #widget-docs .ui-state-hover,
 #widget-docs .ui-state-focus,
 #widget-docs .ui-widget-content #widget-docs .ui-state-focus {
     border: 1px solid #666666;
     background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #ffffff;
     outline: none;
 }
 
 #widget-docs .ui-state-hover a {
     color: #ffffff;
     text-decoration: none;
     outline: none;
 }
 
 #widget-docs .ui-state-active,
 #widget-docs .ui-widget-content #widget-docs .ui-state-active {
     border: 1px solid #666666;
     background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #F6921E;
     outline: none;
 }
 
 #widget-docs .ui-state-active a {
     color: #F6921E;
     outline: none;
     text-decoration: none;
 }
 /* Interaction Cues
----------------------------------*/
 
 #widget-docs .ui-state-highlight,
 #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {
     border: 1px solid #fcefa1;
     background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x;
     color: #363636;
 }
 
 #widget-docs .ui-state-error,
 #widget-docs .ui-widget-content #widget-docs .ui-state-error {
     border: 1px solid #cd0a0a;
     background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x;
     color: #cd0a0a;
 }
 
 #widget-docs .ui-state-error-text,
 #widget-docs .ui-widget-content #widget-docs .ui-state-error-text {
     color: #cd0a0a;
 }
 
 #widget-docs .ui-state-disabled,
 #widget-docs .ui-widget-content #widget-docs .ui-state-disabled {
     opacity: .35;
     filter: Alpha(Opacity=35);
     background-image: none;
 }
 
 #widget-docs .ui-priority-primary,
 #widget-docs .ui-widget-content #widget-docs .ui-priority-primary {
     font-weight: bold;
 }
 
 #widget-docs .ui-priority-secondary,
 #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary {
     opacity: .7;
     filter: Alpha(Opacity=70);
     font-weight: normal;
 }
 /* Icons
----------------------------------*/
 /* states and images */
 
 #demo-frame-wrapper .ui-icon,
 #widget-docs .ui-icon {
     width: 16px;
     height: 16px;
     background-image: url(images/222222_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-widget-content .ui-icon {
     background-image: url(images/222222_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-widget-header .ui-icon {
     background-image: url(images/222222_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-state-default .ui-icon {
     background-image: url(images/888888_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-state-hover .ui-icon,
 #widget-docs .ui-state-focus .ui-icon {
     background-image: url(images/454545_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-state-active .ui-icon {
     background-image: url(images/454545_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-state-highlight .ui-icon {
     background-image: url(images/2e83ff_256x240_icons_icons.png);
 }
 
 #widget-docs .ui-state-error .ui-icon,
 #widget-docs .ui-state-error-text .ui-icon {
     background-image: url(images/cd0a0a_256x240_icons_icons.png);
 }
 /* Misc visuals
----------------------------------*/
 /* Corner radius */
 
 #widget-docs .ui-corner-tl {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
 }
 
 #widget-docs .ui-corner-tr {
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
 }
 
 #widget-docs .ui-corner-bl {
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
 }
 
 #widget-docs .ui-corner-br {
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
 }
 
 #widget-docs .ui-corner-top {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
 }
 
 #widget-docs .ui-corner-bottom {
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
 }
 
 #widget-docs .ui-corner-right {
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
 }
 
 #widget-docs .ui-corner-left {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
 }
 
 #widget-docs .ui-corner-all {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
 }
 /* Overlays */
 
 #widget-docs .ui-widget-overlay {
     background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
     opacity: .30;
     filter: Alpha(Opacity=30);
 }
 
 #widget-docs .ui-widget-shadow {
     margin: -8px 0 0 -8px;
     padding: 8px;
     background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
     opacity: .30;
     filter: Alpha(Opacity=30);
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
 }
 /*
----------------------------------*/
 
 #widget-docs {
     margin: 20px 0 0;
     border: none;
 }
 
 #widget-docs h2,
 #widget-docs h3,
 #widget-docs h4,
 #widget-docs p,
 #widget-docs ul,
 #widget-docs code {
     margin: 0;
     padding: 0;
 }
 
 #widget-docs code {
     display: block;
     color: #444;
     font-size: .9em;
     margin: 0 0 1em;
 }
 
 #widget-docs code strong {
     color: #000;
 }
 
 #widget-docs p {
     margin: 0 3em 1.2em 0;
 }
 
 #widget-docs p.intro {
     font-size: 13px;
     color: #666;
     line-height: 1.3;
 }
 
 #widget-docs ul {
     list-style-type: none;
 }
 
 #widget-docs h2 {
     font-size: 16px;
     margin: 1.2em 0 .5em;
 }
 
 #widget-docs h3 {
     font-size: 14px;
     color: #e6820E;
     margin: 1.5em 0 .5em;
 }
 
 .normal #widget-docs h4 {
     font-size: 12px;
     color: #000;
     border: 0;
     margin: 0 0 .5em;
 }
 
 #docs-overview-main {
     width: 400px;
 }
 
 #docs-overview-sidebar {
     float: right;
     width: 200px;
 }
 
 #docs-overview-sidebar a span {
     color: #666;
 }
 
 #widget-docs #docs-overview-main p {
     margin-right: 0;
 }
 
 #widget-docs #docs-overview-sidebar h4 {
     padding-left: 0;
 }
 
 .docs-list-header {
     float: left;
     width: 100%;
     margin: 10px 0 0;
     border-bottom: 1px solid #eee;
 }
 
 #widget-docs .docs-list-header h2 {
     float: left;
     margin: 0;
 }
 
 #widget-docs .docs-list-header p {
     float: right;
     margin: 5px 0;
     font-size: 11px;
 }
 
 .docs-list {
     float: left;
     width: 100%;
     padding: 0 0 10px;
 }
 
 .docs-list .param-header {
     float: left;
     clear: left;
     width: 100%;
     padding: 8px 0;
     border-top: 1px solid #eee;
 }
 
 #widget-docs .param-header h3,
 #widget-docs .param-header p {
     margin: 0;
     float: left;
 }
 
 #widget-docs .param-header h3 {
     width: 50%;
 }
 
 #widget-docs .param-header h3 span {
     background: url(images/demo-spindown-closed.gif) no-repeat left;
     padding-left: 13px;
 }
 
 #widget-docs .param-open .param-header h3 span {
     background: url(images/demo-spindown-open.gif) no-repeat left;
 }
 
 #widget-docs .param-header p {
     width: 24%;
 }
 
 #widget-docs .param-header p.param-type span {
     background: url(images/icon-docs-info.gif) no-repeat left;
     cursor: pointer;
     border-bottom: 1px dashed #ccc;
     padding-left: 15px;
 }
 
 .param-details {
     padding-left: 13px;
 }
 
 .param-args {
     margin: 0 0 1.5em;
     border-top: 1px dotted #ccc;
 }
 
 .param-args td {
     padding: 3px 30px 3px 5px;
     border-bottom: 1px dotted #ccc;
 }
 /* overrides for ui-tab styles */
 
 #widget-docs ul.ui-tabs-nav {
     padding: 0 0 0 8px;
 }
 
 #widget-docs .ui-tabs-nav li {
     margin: 5px 5px 0 0;
 }
 
 #widget-docs .ui-tabs-nav li a:link,
 #widget-docs .ui-tabs-nav li a:visited,
 #widget-docs .ui-tabs-nav li a:hover,
 #widget-docs .ui-tabs-nav li a:active {
     font-size: 14px;
     padding: 4px 1.2em 3px;
     color: #fff;
 }
 
 #widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
 #widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
 #widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
 #widget-docs .ui-tabs-nav li.ui-tabs-selected a:active {
     color: #e6820E;
 }
 
 #widget-docs .ui-tabs-panel {
     padding: 20px 9px;
     font-size: 12px;
     line-height: 1.4;
     color: #000;
 }
 
 #widget-docs .ui-widget-content a:link,
 #widget-docs .ui-widget-content a:visited {
     color: #1b75bb;
     text-decoration: none;
 }
 
 #widget-docs .ui-widget-content a:hover,
 #widget-docs .ui-widget-content a:active {
     color: #0b559b;
 }
 
 body {
     font-size: 12px;
 }
 
 table {
     font-size: 12px;
 }
 
 .ui-datepicker-trigger {
     position: relative;
     margin-bottom: -2px;
     margin-right: 5px;
 }
 
 .InfopagesNavigation {
     float: right;
 }
 
 .InfopagesNavigation ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     direction: rtl
 }
 
 .InfopagesNavigation ul li {
     float: left;
     direction: ltr
 }
 
 .InfopagesNavigation ul li a {
     padding: 3px;
 }
 
 .AddNewArticlesDiv {
     height: 422px;
     overflow-y: scroll
 }
 
 .AddNewArticlesDiv ul {
     direction: rtl;
     float: right;
     width: 500px;
 }
 
 .AddNewArticlesDiv ul li span {
     display: block;
     display: block;
     float: right;
     margin-left: 5px;
     margin-right: 5px;
 }
 
 .AddNewArticlesDiv ul li a {
     display: block;
     float: left
 }
 
 .AddNewArticlesDiv ul li ul {
     list-style-type: none;
     float: right;
     margin: 0;
     padding: 0;
     width: auto
 }
 
 .AddNewArticlesDiv ul li ul li {
     border: none;
 }
 
 .AddNewArticlesDiv ul li ul li span {
     float: left
 }
 
 .AddNewArticlesDiv ul li {
     border-bottom: 1px solid #F5ECEC;
     float: right;
     width: 100%;
 }
 
 .MultiInfoPagesParent ul {
     list-style-type: none;
     margin: 0;
     padding: 0
 }
 
 .MultiInfoPagesParent ul li {
     float: right;
     width: 200px;
     direction: rtl
 }
 
 .MultiInfoPagesParent ul li input {
     float: right;
     clear: right
 }
 
 .helplink {
     direction: rtl;
     font-size: 14px;
 }
 
 .help-icon-div {
     background-color: #FFFAE8;
     border: 1px solid #E6E6E6;
     display: inline-block;
     font-size: 12px;
     left: 0;
     position: relative;
     width: 59px;
     z-index: 1;
 }
 
 .help-icon-div a {
     color: #0486FF;
     display: block;
     font: bold 14px arial;
 }
 
 .help-icon-div img {}
 
 .app-store-ul {
     border-right: 1px solid #DDE9F2;
     float: left;
     list-style-type: none;
     margin-left: 0;
     padding-left: 0;
     width: 77%;
 }
 
 .app-store-ul li .icon {
     color: #02AE00;
     font: bold 15px;
     position: absolute;
     right: 23px;
     text-decoration: none;
     top: 153px;
     z-index: 1;
 }
 
 .app-store-ul li {
     direction: rtl;
     float: left;
     height: 323px;
     margin: 10px;
     width: 200px;
     position: relative;
 }
 
 .app-store-ul.sort_2 li.installed {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     filter: alpha(opacity=50);
     -moz-opacity: 0.5;
     -khtml-opacity: 0.5;
     opacity: 0.5;
 }
 
 .app-store-ul.sort_2 li:hover {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
 }
 
 .app-store-ul li div {
     height: 87px;
     text-align: right;
 }
 
 .app-page div {
     font: 14px arial;
     width: 100%;
 }
 
 .app-page .image {
     margin: 0 10px;
 }
 
 .app-page {
     direction: rtl;
     margin: 36px 10px 10px;
     text-align: right;
     min-height: 400px;
 }
 
 .app-page h2 {
     text-align: right
 }
 
 .app-page .shortdesc {
     font: bold 14px;
 }
 
 .app-page a.more {
     background: url("../images/install_btn.gif") repeat scroll 0 0 transparent;
     color: #FFFFFF;
     display: block;
     float: left;
     font: bold 20px/33px arial;
     height: 41px;
     text-align: center;
     width: 165px;
 }
 
 .app-page a.more:hover {
     color: #fff;
     text-decoration: none;
 }
 
 .appstore-buttons {
     float: right;
     margin-top: 22px;
     width: 20%;
 }
 
 .appstore-buttons h2 {
     background-color: #676767;
     color: #FFFFFF;
     margin-bottom: 0;
     margin-top: 0;
     padding-bottom: 5px;
     padding-top: 2px;
     width: 100%;
 }
 
 .appstore-buttons a span.current {
     background-color: #C4DDEF;
 }
 
 .appstore-buttons>a {
     display: block !important;
 }
 
 .appstore-buttons a span {
     display: block;
     padding-right: 10px;
     text-align: right;
 }
 
 .submitBtn2 {
     font-size: 14px;
     padding: 4px;
     border: 1px solid #C2C2C2;
     margin: 2px;
     font-weight: bold;
     cursor: pointer;
     background-color: #efefef;
     display: inline-block;
     text-align: center;
     -moz-border-radius: 5px 5px 5px 5px;
     white-space: nowrap;
 }
 
 .submitBtn2:hover {
     background-color: #D7D7D7;
 }
 
 .gridtable td a.green-btn:hover,
 .gridtable td a.green-btn:hover {
     text-decoration: none;
 }
 
 .green-btn .submitBtn2 {
     background-color: #28B126;
     border: 1px solid #0A8F23;
     color: #FFFFFF;
     font-size: 17px;
     padding: 5px 22px;
 }
 
 a.green-btn:hover .submitBtn2 {
     background-color: #10850F;
 }
 
 a.green-btn:hover {
     text-decoration: none;
 }
 
 .orange-btn .submitBtn2 {
     background-color: #DAAE00;
     border: 1px solid #0A8F23;
     color: #FFFFFF;
     font-size: 17px;
     padding: 5px 22px;
 }
 
 a.orange-btn:hover {
     text-decoration: none;
 }
 
 .pageimages {
     font-size: 14px;
 }
 
 .pageimages h4 {
     background-color: #F1EFEF;
     margin-top: 16px;
     padding: 10px;
     font: bold 16px;
 }
 
 .pageimages img {
     width: 100px
 }
 
 .pageimages .galleryview .box {
     border: 1px solid silver;
     display: inline-block;
     height: 100px;
     margin: 5px;
     overflow: hidden;
     text-align: center;
     width: 100px;
 }
 /* [ twitter start ] */
 
 .twtr-widget .twtr-spinner {
     left: 3px;
     right: auto;
 }
 
 .twtr-widget {
     margin-top: 7px;
 }
 
 .twtr-hd h3,
 .twtr-hd h4 {
     text-align: left;
     direction: ltr;
 }
 
 .twtr-widget-profile h3,
 .twtr-widget-profile h4 {
     margin: 0 40px 0 0 !important;
 }
 
 .twtr-widget-profile img.twtr-profile-img {
     float: right;
 }
 
 .twtr-avatar {
     float: right;
     direction: rtl;
 }
 
 .twtr-tweet-text {
     direction: rtl;
     text-align: right;
 }
 
 #twtr-widget-2 .twtr-tweet-text,
 #twtr-widget-3 .twtr-tweet-text,
 #twtr-widget-4 .twtr-tweet-text {
     margin-left: 0 !important;
     margin-right: 40px;
 }
 
 .twtr-widget .twtr-tweet a.twtr-reply,
 .twtr-widget .twtr-tweet a.twtr-timestamp {
     display: inline-block;
     margin-left: 0;
 }
 /* [ twitter end ] */
 
 .ui-button-icon-only {
     display: block;
     float: right;
     height: 17px;
     width: 2.2em;
     _height: 20px;
 }
 
 .ui-combobox {
     display: block;
     width: 220px;
     float: right
 }
 
 .ui-combobox-input {
     width: 161px;
     float: left
 }
 
 .HideFromPrint .ui-combobox .ui-state-default.ui-combobox-input.ui-autocomplete-input {
     width: 134px !important;
 }
 
 #relativeitems {
     text-align: right;
 }
 
 .ui-menu {
     height: 200px;
     overflow-y: scroll;
     min-width: 300px !important
 }
 
 .ui-menu .item-icon {
     float: right
 }
 
 .ui-menu .ui-menu-item a {
     display: inline-block;
     line-height: auto;
     padding: 0;
     text-decoration: none;
     text-align: right;
     direction: rtl;
     width: 100%;
 }
 
 .ui-autocomplete a span.item-name {
     direction: rtl;
     display: table-cell;
     height: 50px;
     text-align: right;
     vertical-align: middle;
     width: 100%;
 }
 
 .ShortMenue a {
     white-space: nowrap;
 }
 
 .ui-autocomplete a span.item-icon {
     clear: right;
     display: block;
     float: right;
     margin-left: 5px;
     margin-right: 1px;
     margin-top: 1px;
     width: 50px;
     border: 1px solid silver;
     background-color: #fff;
     text-align: center;
     width: 50px;
     height: 50px;
 }
 
 #multisearch {
     background-color: #f5f5f5;
     height: 26px;
     margin-bottom: 5px !important;
     margin-right: 2px !important;
     margin-top: 7px !important;
     width: 152px;
 }
 
 .ui-autocomplete a img {
     max-width: 50px !important;
     max-height: 50px !important;
     height: 50px !important;
 }
 
 #multisearchfrm input {
     margin: 0;
     padding: 0;
 }
 
 #multisearchfrm {
     direction: rtl;
     font-size: 11px;
     margin: 5px 10px 10px;
     padding: 0;
     text-align: right;
     position: relative;
 }
 
 .ui-menu .ui-menu-item {
     border-bottom: 1px solid #E0E0E0;
     clear: left;
     float: left;
     margin: 0;
     padding-top: 4px;
     width: 100%;
     text-align: right;
 }
 
 #multisearchfrm ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.multisearch,
 .sidbar .ui-autocomplete {
     right: 2px !important;
     top: 35px !important;
     border-radius: 0;
 }
 
 #multisearchfrm {
     position: relative;
 }
 
 #mainmenu {
     float: right;
     list-style: none outside none;
     margin: 0;
     padding: 10px 0 0;
     min-width: 1px;
     position: relative;
     z-index: 999
 }
 
 #mainmenu li {
     float: right;
     padding: 0;
     position: relative;
     display: inline-block
 }
 
 #mainmenu a:hover {
     background: none;
 }
 
 #mainmenu a:hover,
 #mainmenu li.current>a {
     background: none !important;
     color: #000 !important;
 }
 
 #mainmenu a:hover img,
 #mainmenu li.current img {}
 
 #mainmenu a img {
     margin-left: 6px;
 }
 
 #mainmenu a {
     color: #FFFFFF;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     line-height: 19px;
     padding: 2px 5px 2px 5px;
     position: relative;
     text-decoration: none;
     z-index: 2;
 }
 
 #mainmenu li:hover>a {
     color: #FAFAFA;
 }
 
 #mainmenu li:hover>ul {
     display: block;
 }
 
 #mainmenu ul {
     background: none repeat scroll 0 0 #343434;
     list-style: outside none none;
     margin: 0;
     padding: 0;
     position: absolute;
     right: -1px;
     top: 47px;
     z-index: 99999;
     display: none;
 }
 
 #mainmenu ul li {
     border-bottom: 1px solid #D9D9D9;
     display: block;
     float: none;
     margin: 0;
     padding: 0;
 }
 
 #mainmenu ul a {
     display: block;
     float: none;
     font-size: 14px;
     height: auto;
     padding: 4px;
     text-align: right;
     text-transform: none;
     white-space: nowrap;
     width: 135px;
 }
 
 #mainmenu ul a:hover {
     background: none repeat scroll 0 0 #1376a6;
     border: 1px solid transparent;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
 }
 
 #header #mainmenu ul a {
     padding: 6px;
 }
 
 #linkp {
     position: relative;
     display: none;
     top: 260;
     left: 190
 }
 
 .anylinkcss {
     border: 1px solid #1D63A3;
     font: 12px/18px arial;
     margin-left: 12px;
     margin-top: -19px;
     position: absolute;
     visibility: hidden;
     width: 205px;
     z-index: 100;
 }
 
 .anylinkcss a {
     width: 100%;
     text-indent: 3px;
     border-bottom: 1px solid #1D63A3;
     padding: 2px 2;
     text-decoration: none;
     font: normal 12px arial;
     text-indent: 5px;
     color: #6A6A6A;
     font-weight: bold;
     display: block;
 }
 
 .anylinkcss a:hover {
     /*hover background color*/
     color: green;
 }
 
 #accordion .content {
     direction: rtl
 }
 
 .importdiv,
 .exportdiv {
     text-align: right;
     direction: rtl;
     margin-bottom: 10px;
 }
 
 .exportdiv {
     border-left: none;
 }
 
 .manufactEditDiv {
     width: 800px;
     height: 400px;
 }
 
 .manufactEditTD {
     width: 900px;
     height: 200px;
 }
 
 .headbody .rightth {
     background-image: url("images/p06_he.gif");
     background-position: right 2px !important;
     background-repeat: no-repeat;
     color: #1D63A3;
     font-size: 13px;
     height: 30px;
 }
 
 .headbody th {
     background-image: url("images/p07_he.gif");
     background-position: left 2px !important;
     background-repeat: no-repeat;
     color: #1D63A3;
     cursor: pointer;
     font-size: 13px;
 }
 
 .help-icon-div {
     margin-bottom: 10px;
     text-align: right;
     width: 100%;
     display: inline-block
 }
 
 .help-icon-div h2 {
     clear: right;
     float: right;
     font: bold 15px/27px arial;
     margin: 0 20px 0 3px;
 }
 
 .help-icon-div div {
     border: 1px solid red;
     display: block;
     float: right;
     margin-left: 10px;
 }
 
 .help-icon-div img {
     display: inline-block;
     float: right;
     margin-right: 5px;
     margin-top: 5px;
 }
 
 .help-icon-div a {
     border-left: 1px solid #000000;
     color: #0486FF;
     display: inline-block;
     float: right;
     font: bold 14px arial;
     margin-right: 3px;
     margin-top: 6px;
     padding-left: 6px;
     direction: rtl;
 }
 
 .importexportadmindiv a {
     padding: 5px;
     text-decoration: underline;
 }
 
 .todolistdiv {
     background-color: #EFEFEE;
     border: 1px solid #C0C0C0;
     display: inline-block;
     margin: 1px 0;
     padding: 0;
     width: 99.9%;
 }
 
 .todolistdiv>ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
 .todolistdiv>ul li {
     background-color: #FFE0E0;
     border: 1px solid #BB7474;
     color: #010101;
     float: right;
     font: bold 14px arial;
     height: 45px;
     list-style-type: none;
     margin: 1px;
     padding: 5px;
 }
 
 .todolistdiv>ul li.success {
     background-color: #F2FCDB;
     border: 1px solid #81A481;
 }
 
 .todolistdiv h3 {
     color: #010100;
     float: right;
     font-size: 16px;
     margin: 10px;
 }
 
 .todolistdiv em {
     direction: rtl;
     display: inline-block;
     font-size: 14px;
     margin-left: 3px;
 }
 
 .todolistdiv p {
     font: 12px arial;
     margin: 0;
     padding: 0
 }
 
 .todolistdiv a {
     color: #0063FF;
     font-weight: bold;
     text-decoration: underline;
     display: block
 }
 
 .hide {
     display: none;
 }
 
 .SiteUnderConstructionalert {
     background-color: #FDCEA4;
     border: 1px solid #C3450A;
     margin-top: 5px;
     width: 99%;
 }
 
 .todolistdiv a.remove {
     color: #000000;
     float: left;
     margin-left: 4px;
 }
 
 .gridtable .AddItemtbl td {
     color: #4E4E4E;
     font-size: 14px;
 }
 
 .gridtable .AddItemtbl input[type=text] {
     font-size: 14px;
     width: 100px;
 }
 
 .sysMsgApprove {
     border: 1px solid green !important;
     border-radius: 8px 8px 8px 8px;
     color: green;
     font-size: 22px !important;
 }
 
 .sysMsgApprove:hover {
     color: black;
     border: 1px solid black !important;
 }
 
 .SysMsgTitle {
     font-size: 17px !important;
 }
 
 .importantAnnaouncement * {
     font-size: 15px !important
 }
 
 .mainItemFilterDiv .txt {
     color: #000000;
     display: block;
     font-size: 12px;
     font-weight: bold;
 }
 
 .mainItemFilterDiv td {
     width: 25%;
 }
 
 .mainItemFilterDiv {
     background-color: #EBF7FC;
     border: 1px solid;
     padding: 10px;
     width: 900px;
 }
 
 .mainItemFilterDiv .mainItemFilterTbl {
     width: 100%
 }
 
 .search_item_block {
     border: 1px solid silver;
     width: 300px;
     height: 200px;
     background-color: white;
 }
 
 .search_item_block .block {
     padding: 10px;
     text-align: right
 }
 
 .invoices_alerts {
     background: none repeat scroll 0 0 #696767;
 }
 
 .invoices_alerts .Box {
     display: inline-block;
 }
 
 .OrderCommentsView {
     font-size: 15px !important;
 }
 
 .app-page .app_terms {
     border: 2px solid #008000;
     color: #000000;
     padding: 10px;
     width: 95% !important;
 }
 
 .app-page .price {
     color: #008000;
     font: bold 20px arial !important;
 }
 
 .app-page div {
     margin: 10px 0px
 }
 
 .app-page .trial {
     color: #000;
     font: bold 20px arial !important;
 }
 
 .app-page h2 {
     font: bold 30px arial;
     margin: 0 0 6px;
     text-align: right;
 }
 
 .BarLinks {
     background-color: #F2F2F2;
     border-bottom: 1px solid #CCCCCC;
     border-top: 1px solid #CCCCCC;
     display: inline-block;
     list-style: none outside none;
     margin: 0 0 10px;
     padding: 0;
     width: 100%;
 }
 
 .BarLinks a {
     float: right;
 }
 
 .BarLinks a {
     font-size: 12px;
     display: block;
     padding: 8px 15px;
     text-decoration: none;
     font-weight: bold;
     color: #069;
     border-left: 1px solid #ccc;
 }
 
 .BarLinks a:hover,
 .BarLinks a.current,
 .BarLinks a.selected,
 .BarLinks a.IntabClass {
     color: #c00;
     background-color: #fff;
 }
 
 .gridtable {
     background-color: #FFFFFF;
     text-align: right;
     width: 100%;
 }
 
 .gridtable span,
 .gridtable select,
 .gridtable input,
 .gridtable textarea {
     color: #4E4E4E;
 }
 
 .gridtable input {
     border: 1px solid #ADACAC;
     margin: 1px;
     padding: 3px;
 }
 
 .gridtable .IsHoverClass {
     background-color: #D6D4D4;
 }
 
 .submitBtn2 {
     background-color: #EAEAEA;
     border-radius: 3px;
 }
 
 .sidbar {
     background: url("../images/P37.gif") repeat-x scroll 0 100% #FEFEFE;
     border-left: 1px solid #E6E6E6;
     padding: 10px;
 }
 
 .headbody td,
 .headbody th,
 .headbody .rightth {
     background-image: url("../images/vb_p08.png") !important;
     color: #545454 !important;
     background-repeat: repeat-x !important;
 }
 
 .sidbar .boxtitle,
 .ShortMenue th,
 .ShortMenuMsgTitle {
     background: none repeat scroll 0 0 #757575;
     color: #e0e0e0;
     text-align: center;
 }
 
 .ShortMenuMsgTitle a {
     color: #e0e0e0;
 }
 
 .sidbar .boxcontent {
     border: 1px solid #eee;
 }
 
 .ShortMenue .Title,
 .ShortMenuMsgSubTitles {
     background-color: #EAEBEB;
     background-image: none;
 }
 
 .ShortMenue .BlueSysMsg {
     color: #087BC2;
 }
 
 .TitleTxt {
     background-image: url("../images/vb_03.png");
     background-position: 0 2px;
 }
 
 .RightTitle,
 .LeftTitle {
     display: none;
 }
 
 .gridtable textarea {
     border: 1px solid #ADACAC;
     font-size: 12px;
 }
 
 .mainItemFilterDiv {
     background-color: #F2F2F2;
     border: 1px solid #C0C0C0;
     display: inline-block;
     margin: 0 auto;
     padding: 1px;
     width: 900px;
 }
 
 .sys_banner p {
     margin: 0px;
 }
 
 .sys_banner {
     margin-bottom: 10px;
 }
 
 .gridtable .sortable td {
     border-bottom: 1px solid #EDEDED;
     /* border-right: 1px solid #EDEDED;*/
 }
 
 .site-info {
     color: #fff;
     direction: rtl;
     float: left;
     margin-top: 16px;
 }
 
 .techsupport-icon>span {
     background-color: #f23976;
     border: 1px solid;
     border-radius: 10px;
     color: #fff !important;
     display: inline-block;
     font: 10px arial !important;
     height: 12px;
     margin-top: -5px;
     min-width: 11px;
     padding: 1px;
     position: absolute;
     text-align: center;
     width: auto;
 }
 
 .techsupport-icon {
     background: url("../images/messages.gif") no-repeat scroll 0 0 transparent;
     border: medium none;
     display: inline-block;
     height: 19px;
     width: 25px;
 }
 
 .techsupport-icon span {}
 
 .site-info span {
     color: #71950E
 }
 
 #header {
     background: url("../images/header-bg.jpg") repeat-x scroll 0 0 transparent;
     height: 48px;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99;
 }
 
 .topPanel {
     background: url("../images/header-bg.jpg") repeat-x scroll 0 0 transparent;
     z-index: 99;
 }
 
 #header #logo img {
     max-height: 48px
 }
 
 #header #logo {
     float: left
 }
 
 #header #mainmenu {
     float: right;
     padding-top: 0;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 #header #mainmenu a {
     border: medium none;
     color: #ffffff;
     line-height: 24px;
     padding-bottom: 11px;
     padding-top: 10px;
 }
 
 #header #mainmenu ul a,
 #header #mainmenu li.current a {
     color: #fff
 }
 
 #subheader {
     background: url("../images/header-bg.jpg") repeat-x scroll 0 -50px transparent;
     border-bottom: medium none;
     border-top: medium none;
     font: 14px arial;
     height: 30px;
     left: 0;
     padding: 0;
     position: fixed;
     top: 48px;
     width: 100%;
     z-index: 88;
 }
 
 #subheader a {
     color: #757575;
     font: 14px arial;
 }
 
 #subheader #search {
     direction: rtl;
     float: right;
     margin-right: 5px;
     text-align: right;
 }
 
 #subheader #search select {
     border: 1px solid #a7a7a7;
     color: #757575;
     padding: 2px;
     position: relative;
     top: 0;
     width: 124px;
 }
 
 #subheader #search input {
     border: 1px solid #a7a7a7;
     color: #625e5e;
     padding: 3px;
 }
 
 .mainWrapperDiv {
     display: block;
     margin: 85px auto 0;
 }
 
 .frm {
     direction: rtl;
     text-align: right
 }
 
 .frm label {
     display: block;
     width: 100%;
     font-weight: bold;
     font-size: 14px;
 }
 
 .frm input[type=text],
 .frm textarea {
     width: 400px;
     padding: 5px;
 }
 
 body #items .b13 {
     border: 0 none;
     line-height: 21px;
     padding: 5px;
 }
 
 select.small,
 textarea.small,
 input[type=text].small {
     width: 50px
 }
 
 select.medium,
 textarea.medium,
 input[type=text].medium {
     width: 100px
 }
 
 select.large,
 textarea.large,
 input[type=text].large {
     width: 796px
 }
 
 .edititem label {
     display: inline-block;
     width: 100px;
     color: #4E4E4E;
     font-size: 16px;
 }
 
 .edititem p {
     color: #4E4E4E;
     font-size: 16px;
 }
 
 #idAreaoEdit2,
 #idAreaoEdit1 {
     margin: inherit
 }
 
 .align-left {
     text-align: left
 }
 
 .gridimage {
     background-color: #fff;
     border: 1px solid #ddd;
     height: 30px;
     width: 50px;
     text-align: center
 }
 
 .gridimage img {
     width: auto;
     height: auto;
     max-height: 100%;
     max-width: 100%
 }
 
 .redactor_editor {
     direction: rtl;
 }
 
 .redactor_box {
     width: 800px;
 }
 
 body.login {
     /*background: url("../images/eshop-login-page.jpg") no-repeat scroll 50% 0 #333333;*/
 }
 
 body.login .BodyBG,
 body.newpassword .BodyBG {
     background: none;
     text-align: center
 }
 
 body.login .logindiv {
     border: medium none;
     height: 256px;
     /*margin: 225px auto 0;*/
     width: 396px;
 }
 
 body.newpassword p {
     position: relative
 }
 
 body.newpassword .logindiv {
     border: medium none;
     height: 311px;
     margin: 225px auto 0;
     width: 396px;
 }
 
 body.newpassword lable {
     border: medium none;
     color: silver;
     direction: rtl;
     font-size: 14px;
     position: absolute;
     right: 50px;
     top: 14px;
 }
 
 body.newpassword input {
     border: medium none;
     float: left;
     height: 36px;
     margin-left: 55px;
     margin-right: 49px;
     margin-top: 4px;
     width: 198px;
 }
 
 body.newpassword p {
     height: 44px;
     margin: 0 0 22px;
     position: relative;
 }
 
 body.newpassword .UpdRepeatPassword input {
     margin-top: 1px;
 }
 
 body.newpassword h3 {
     color: #fff;
     display: inline-block;
     margin-top: 14px;
 }
 
 body.login .username {
     /*    display: inline-block;
    height: 41px;
    margin-bottom: 0;
    margin-top: 47px;
    padding: 0;
    width: 308px; 
    position:relative;*/
 }
 
 body.login .username {
     /*    display: inline-block;
    height: 41px;
    margin-bottom: 0;
    margin-top: 47px;
    padding: 0;
    width: 308px; 
    position:relative;*/
 }
 
 body.login .password {
     /*    display: inline-block;
    height: 41px;
    margin-bottom: 0;
    margin-top: 24px;
    padding: 0;
    width: 308px;
     position:relative;*/
 }
 
 body.login lable {
     /*    color: silver;
    direction: rtl;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 13px;*/
 }
 
 body.login input {
     /*    border: medium none;
    height: 36px;
    margin-right: 49px;
    margin-top: 1px;
    width: 168px;*/
 }
 
 body.login input[type="submit"] {
     /*    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    font: 17px arial;
    height: 41px;
    margin-right: -7px;
    margin-top: 22px;
    width: 123px;*/
 }
 
 body.newpassword input[type="submit"] {
     /*    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    font: 17px arial;
    height: 41px;
    margin: 5px 0 0 135px;
    width: 125px;*/
 }
 
 body.login .timeipline {
     /*    border: medium none;
    color: #e3f2fd;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    margin-top: 236px;
    text-align: right;
    width: 191px;*/
 }
 
 body.newpassword .timeipline {
     border: medium none;
     color: #e3f2fd;
     display: inline-block;
     font-size: 14px;
     line-height: 23px;
     margin-top: 167px;
     text-align: right;
     width: 191px;
 }
 
 body.login .msg {
     /*    height: 43px;
    line-height: 43px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 230px;
    width: 399px;*/
 }
 
 body.login .RedMsg {
     /*    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    padding: 0;*/
 }
 
 body.newpassword {
     background: url("../images/eshop-password-page.jpg") no-repeat scroll 50% 0 #333333;
 }
 
 .languages-select,
 .currency-select {
     display: none;
 }
 /***********************************
 * Layout
 ***********************************/
 
 .wSelect {
     position: relative;
     display: inline-block;
     *display: inline;
     zoom: 1;
     vertical-align: middle;
     cursor: pointer;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .wSelect-arrow {
     position: absolute;
     width: 30px;
     right: 0px;
     top: 0px;
     height: 100%;
     background-repeat: no-repeat;
     background-position: 0px center;
 }
 
 .wSelect-hover .wSelect-arrow,
 .wSelect-active .wSelect-arrow {
     background-position: -30px center;
 }
 
 .wSelect.wSelect-multiple {
     overflow: hidden;
 }
 
 .wSelect-selected {
     margin: 0px 35px 0px 5px;
     padding: 5px 0;
     white-space: nowrap;
     background-repeat: no-repeat;
     background-position: 0 center;
 }
 
 .wSelect-options-holder {
     position: absolute;
     display: none;
     left: 0px;
     z-index: 200;
     overflow: hidden;
 }
 
 .wSelect-multiple .wSelect-options-holder {
     position: relative !important;
     display: block !important;
     top: auto !important;
     z-index: auto !important;
     border: none !important;
 }
 
 .wSelect-options {
     overflow-y: auto;
     overflow-x: hidden;
     height: auto !important;
 }
 
 .wSelect-option {
     background-repeat: no-repeat;
     background-position: 5px center;
     margin-bottom: 1px;
     cursor: pointer;
 }
 
 .wSelect-option-last {
     margin-bottom: 0px;
 }
 
 .wSelect-option-value {
     margin: 0 5px;
     padding: 5px 0;
     background-repeat: no-repeat;
     background-position: 0 center;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .wSelect-option-disabled .wSelect-option-value {
     filter: alpha(opacity=20);
     opacity: 0.2;
 }
 
 .wSelect-option-icon {
     padding-left: 20px;
 }
 /***********************************
 * Theme - classic
 ***********************************/
 
 .wSelect-theme-classic.wSelect {
     border: solid #CCC 1px;
     color: #555;
     background-color: #FAFAFA;
     font-size: 12px;
     font-family: verdana;
     min-width: 100px;
     max-width: 300px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
 }
 
 .wSelect-arrow {
     background-image: url('../images/arrow-down.png');
 }
 
 .wSelect-theme-classic.wSelect-hover,
 .wSelect-theme-classic.wSelect-active {
     border-color: rgb(82, 168, 236);
     border-color: rgba(82, 168, 236, 0.8);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
 }
 
 .wSelect-theme-classic .wSelect-options-holder {
     background-color: #FAFAFA;
     border: solid #CACACA 1px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     min-width: 100px;
     max-width: 300px;
 }
 
 .wSelect-theme-classic .wSelect-options {
     border: solid #FAFAFA 1px;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
 }
 
 .wSelect-theme-classic .wSelect-option {
     background-color: #FFF;
     color: #333;
 }
 
 .wSelect-theme-classic .wSelect-option-disabled {
     background-color: #FFF !important;
     color: #333 !important;
 }
 
 .wSelect-theme-classic .wSelect-option-selected,
 .wSelect-theme-classic .wSelect-option:hover {
     background-color: #0f81b9 !important;
     color: #fff;
 }
 
 .wSelect-theme-classic.wSelect-option-selected {
     color: #fff !important
 }
 /***********************************
 * Labels
 ***********************************/
 
 .wLabel-top,
 .wLabel-left,
 .wLabel-left-top {
     vertical-align: middle;
     font-size: 10px;
     line-height: 16px;
     color: #999;
     display: block;
     margin: 5px 0 3px 3px;
 }
 
 .wLabel-left-top {
     vertical-align: top;
 }
 
 @media screen and (min-width: 600px) {
     .wLabel-left,
     .wLabel-left-top {
         display: inline-block;
         *display: inline;
         zoom: 1;
         width: 70px;
         text-align: right;
         margin: 0 0 7px 0;
     }
 }
 
 div#MyLiveChatContainer {
     margin-bottom: 5px;
 }
 
 .sidbar .green-btn .submitBtn2 {
     background: url("../images/supporticon.gif") no-repeat scroll 149px 9px #0091ea;
     border: medium none;
     border-radius: 0;
     color: #ffffff;
     font-size: 17px;
     margin: 0;
     padding: 10px 35px;
 }
 
 .sidbar a.green-btn:hover .submitBtn2 {
     background-color: #98CD00;
 }
 
 .sidbar .ShortMenuMsgTitle>a {
     background: url("../images/rssicon.png") no-repeat scroll 100% 0 transparent;
     padding-right: 21px;
 }
 
 .sidbar .submitBtn2 {
     background-color: #e0e0e0;
     border-radius: 3px;
     color: #636363;
     font-weight: normal;
 }
 
 .ShortMenuediv a {
     border-bottom: 1px solid #eeeeee;
     color: #808080;
     display: block;
     line-height: 40px;
     padding: 0 44px 0 0;
     position: relative;
     text-align: right;
     white-space: nowrap;
 }
 
 .ShortMenuediv img {
     position: absolute;
     right: 15px;
     top: 10px;
 }
 
 #subheader a:hover,
 .ShortMenuediv a:hover {
     color: #039BE5
 }
 
 .ShortMenue .BlackSysMsg u {
     display: inline-block;
     margin-bottom: 3px;
     margin-top: 3px;
 }
 
 .box.nloptions .additional {
     display: block
 }
 
 .qtip {
     box-shadow: none;
     direction: ltr;
     display: none;
     font-size: 14px;
     left: -28000px;
     line-height: 15px;
     max-width: 280px;
     min-width: 50px;
     padding: 0;
     position: absolute;
     top: -28000px;
     z-index: 9999999 !important;
 }
 
 .qtip-content {
     overflow: hidden;
     padding: 5px 9px;
     position: relative;
     text-align: right;
     word-wrap: break-word;
 }
 
 .qtip-titlebar {
     border-width: 0 0 1px;
     font-weight: 700;
     line-height: 26px;
     overflow: hidden;
     padding: 0 5px;
     position: relative;
 }
 
 .qtip-titlebar+.qtip-content {
     border-top-width: 0 !important;
 }
 
 .qtip-close {
     border: 1px solid transparent;
     cursor: pointer;
     outline: 0 none;
     position: absolute;
     right: -9px;
     top: -9px;
     z-index: 11;
 }
 
 .qtip-titlebar .qtip-close {
     margin-top: -9px;
     right: 4px;
     top: 50%;
 }
 
 * html .qtip-titlebar .qtip-close {
     top: 16px;
 }
 
 .qtip-icon .ui-icon,
 .qtip-titlebar .ui-icon {
     direction: ltr;
     display: block;
     text-indent: -1000em;
 }
 
 .qtip-icon,
 .qtip-icon .ui-icon {
     border-radius: 3px;
     text-decoration: none;
 }
 
 .qtip-icon .ui-icon {
     background: rgba(0, 0, 0, 0) none no-repeat scroll -100em -100em;
     color: inherit;
     height: 14px;
     line-height: 14px;
     text-align: center;
     text-indent: 0;
     width: 18px;
 }
 
 .qtip-default {
     background-color: #ffffa3;
     border: 1px solid #f1d031;
     color: #555;
 }
 
 .qtip-default .qtip-titlebar {
     background-color: #ffef93;
 }
 
 .qtip-default .qtip-icon {
     background: #f1f1f1 none repeat scroll 0 0;
     border-color: #ccc;
     color: #777;
 }
 
 .qtip-default .qtip-titlebar .qtip-close {
     border-color: #aaa;
     color: #111;
 }
 
 .qtip-light {
     background-color: #fff;
     border-color: #e2e2e2;
     color: #454545;
 }
 
 .qtip-light .qtip-titlebar {
     background-color: #f1f1f1;
 }
 
 .qtip-dark {
     background-color: #505050;
     border-color: #303030;
     color: #f3f3f3;
 }
 
 .qtip-dark .qtip-titlebar {
     background-color: #404040;
     text-align: right;
 }
 
 .qtip-dark .qtip-icon {
     border-color: #444;
     display: none;
 }
 
 .qtip-dark .qtip-titlebar .ui-state-hover {
     border-color: #303030;
 }
 
 .qtip-shadow {
     box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
 }
 
 .qtip-bootstrap,
 .qtip-rounded,
 .qtip-tipsy {
     border-radius: 5px;
 }
 
 .qtip-rounded .qtip-titlebar {
     border-radius: 4px 4px 0 0;
 }
 
 .qtip-youtube {
     background: #4a4a4a -moz-linear-gradient(center top, #4a4a4a 0px, #000 100%) repeat scroll 0 0;
     border: 0 solid transparent;
     border-radius: 2px;
     box-shadow: 0 0 3px #333;
     color: #fff;
 }
 
 .qtip-youtube .qtip-titlebar {
     background-color: transparent;
 }
 
 .qtip-youtube .qtip-content {
     font: 14px arial, sans-serif;
     padding: 0.75em;
 }
 
 .qtip-youtube .qtip-icon {
     border-color: #222;
 }
 
 .qtip-youtube .qtip-titlebar .ui-state-hover {
     border-color: #303030;
 }
 
 .qtip-jtools {
     background: rgba(0, 0, 0, 0.7) -moz-linear-gradient(center top, #717171, #232323) repeat scroll 0 0;
     border: 2px solid rgba(241, 241, 241, 1);
     border-radius: 2px;
     box-shadow: 0 0 12px #333;
 }
 
 .qtip-jtools .qtip-titlebar {}
 
 .qtip-jtools .qtip-content {}
 
 .qtip-jtools .qtip-content,
 .qtip-jtools .qtip-titlebar {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 0 dashed transparent;
     color: #fff;
 }
 
 .qtip-jtools .qtip-icon {
     border-color: #555;
 }
 
 .qtip-jtools .qtip-titlebar .ui-state-hover {
     border-color: #333;
 }
 
 .qtip-cluetip {
     background-color: #d9d9c2;
     border: 0 dashed transparent;
     box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
     color: #111;
 }
 
 .qtip-cluetip .qtip-titlebar {
     background-color: #87876a;
     border: 0 dashed transparent;
     color: #fff;
 }
 
 .qtip-cluetip .qtip-icon {
     border-color: #808064;
 }
 
 .qtip-cluetip .qtip-titlebar .ui-state-hover {
     border-color: #696952;
     color: #696952;
 }
 
 .qtip-tipsy {
     background: rgba(0, 0, 0, 0.87) none repeat scroll 0 0;
     border: 0 solid transparent;
     color: #fff;
     font-family: "arial", sans-serif;
     font-size: 14px;
     font-weight: 700;
     line-height: 16px;
     text-shadow: 0 1px #000;
 }
 
 .qtip-tipsy .qtip-titlebar {
     background-color: transparent;
     padding: 6px 35px 0 10px;
 }
 
 .qtip-tipsy .qtip-content {
     padding: 6px 10px;
 }
 
 .qtip-tipsy .qtip-icon {
     border-color: #222;
     text-shadow: none;
 }
 
 .qtip-tipsy .qtip-titlebar .ui-state-hover {
     border-color: #303030;
 }
 
 .qtip-tipped {
     background-color: #f9f9f9;
     border: 3px solid #959fa9;
     border-radius: 3px;
     color: #454545;
     font-family: serif;
     font-weight: 400;
 }
 
 .qtip-tipped .qtip-titlebar {
     background: #3a79b8 -moz-linear-gradient(center top, #3a79b8, #2e629d) repeat scroll 0 0;
     border-bottom-width: 0;
     color: #fff;
 }
 
 .qtip-tipped .qtip-icon {
     background: #285589 none repeat scroll 0 0;
     border: 2px solid #285589;
 }
 
 .qtip-tipped .qtip-icon .ui-icon {
     background-color: #fbfbfb;
     color: #555;
 }
 
 .qtip:not(.ie9haxors) div.qtip-content,
 .qtip:not(.ie9haxors) div.qtip-titlebar {
     filter: none;
 }
 
 .qtip .qtip-tip {
     margin: 0 auto;
     overflow: hidden;
     z-index: 10;
 }
 
 .qtip .qtip-tip,
 .qtip .qtip-tip .qtip-vml,
 .qtip .qtip-tip canvas {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 0 dashed transparent;
     color: #123456;
     position: absolute;
 }
 
 .qtip .qtip-tip canvas {
     left: 0;
     top: 0;
 }
 
 .qtip .qtip-tip .qtip-vml {
     display: inline-block;
     visibility: visible;
 }
 
 #qtip-overlay {
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
 }
 
 #qtip-overlay.blurs {
     cursor: pointer;
 }
 
 #qtip-overlay div {
     background-color: #000;
     height: 100%;
     left: 0;
     opacity: 0.7;
     position: absolute;
     top: 0;
     width: 100%;
 }
 
 .qtipmodal-ie6fix {
     position: absolute !important;
 }
 
 .es_tooltip.pic {
     background-image: url('../images/tooltip.png')
 }
 
 .es_tooltip {
     background-position: 0 center;
     border: medium none;
     border-radius: 12px;
     cursor: pointer;
     display: inline-block;
     height: 15px;
     position: relative;
     width: 15px;
     font-size: 16px !important;
 }
 
 <style>#action_advance_content_global {
     display: inline-block;
     width: 574px;
 }
 
 #action_advance_content_global label,
 #action_advance_content_prices label {
     display: inline-block;
     width: 93px;
 }
 
 #filters_div .section {
     float: right;
 }
 
 #filters_div .section>label {
     margin-left: 10px;
     text-align: right;
     width: 100px;
 }
 
 #action_advance_update h3,
 #action_advance_update p {
     margin: 0px;
 }
 
 #action_advance_update p {
     margin-bottom: 10px;
 }
 
 #filters_div .section>select {
     clear: left;
     float: right;
     margin-bottom: 6px;
     margin-left: 10px;
     text-align: right
 }
 
 #filters_div {}
 
 .mainItemFilterDiv td {
     width: auto;
 }
 
 .mainItemFilterDiv {
     width: auto
 }
 
 #action_note {
     color: green;
     display: inline-block;
     font: bold 14px arial;
 }
 
 #action_advance_update .tabs a {
     border-left: 1px solid #d3d0d0;
     color: #000;
     font: 14px arial;
     padding: 10px;
     text-align: center;
     min-width: 123px;
 }
 
 #action_advance_update .tabs a.current {
     background-color: #E1E1E1;
 }
 
 #action_advance_update {
     margin-top: 10px;
     width: 596px;
 }
 
 #action_advance_update .content {
     border-radius: 4px;
     margin-bottom: 3px;
     padding: 10px;
     direction: rtl
 }
 
 .rebate_type {
     width: 45px;
     height: 23px;
     font-size: 15px;
 }
 
 @-webkit-keyframes blink {
     from {
         background-color: #f96363;
     }
     to {
         background-color: inherit;
     }
 }
 
 @-moz-keyframes blink {
     from {
         background-color: #f96363;
     }
     to {
         background-color: inherit;
     }
 }
 
 @-o-keyframes blink {
     from {
         background-color: #f96363;
     }
     to {
         background-color: inherit;
     }
 }
 
 @keyframes blink {
     from {
         background-color: #f96363;
     }
     to {
         background-color: inherit;
     }
 }
 
 .blink {
     -webkit-animation: blink 5s infinite;
     /* Safari 4+ */
     -moz-animation: blink 5s infinite;
     /* Fx 5+ */
     -o-animation: blink 5s infinite;
     /* Opera 12+ */
     animation: blink 5s infinite;
     /* IE 10+ */
 }
 
 .green {
     color: #3fc6ab !important;
 }
 
 .red {
     color: #aa1e32 !important
 }
 
 .purple {
     color: #9973E6 !important
 }
 
 .orange {
     color: #ffa100 !important
 }
 
 .submitBtn2 .fa {
     margin-right: 1px;
     float: right;
     margin-left: 4px;
 }
 
 .gridtable .fa-mobile {
     font-size: 19px
 }
 /* 
.btn:hover { background-color:#fff}
.btn 
{
    border: 1px solid #C2C2C2;
    padding: 5px;
    border-radius: 4px;
     background-color:#EAEAEA
}
*/
 
 .chosen-container {
     width: auto !important;
     min-width: 150px;
     max-width: 100%;
 }
 
 .adminreport .gridtable .SubTitleTxt {
     /*float: right;*/
     display: inline-block;
     margin-bottom: 20px;
     height: 60px;
     line-height: 26px;
 }
 
 .adminreport .YearList {
     float: right;
 }
 
 .SubTitleTxt>a {
     border: 1px solid #3FC6AB !important;
     border-radius: 5px;
     float: right;
     font-size: 16px;
     margin: 20px 2.5px 0;
     padding: 6px 14px;
 }
 
 .fa.fa-mobile:hover,
 .fa.fa-desktop:hover {
     background: #3FC6AB none repeat scroll 0 0;
     color: white;
 }
 
 .adminreport .deviceSection a {
     font-size: 31px;
     height: 37px;
     line-height: 37px;
     padding: 0;
     text-align: center;
     vertical-align: initial;
     width: 37px;
     float: right;
     margin: 10px 4px 0px;
 }
 
 .adminreport .fa.fa-desktop {
     font-size: 20px;
     line-height: 37px;
 }
 
 .adminreport .sortable {
     border: 1px solid #E0E0E0;
     clear: right;
     float: right;
     margin: 30px 40px 0px 0px;
     width: 75%;
 }
 
 .adminreport .sortable tr td {
     color: #757575;
     font-size: 14px;
     padding: 10px 0;
 }
 
 .adminreport .gridtable .sortable .headbody .b15 {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
     border-right: 0 none;
     color: #757575 !important;
 }
 
 .YearList>select {
     -moz-appearance: none;
     background: black none repeat scroll 0 0;
     border: 0 none;
     border-radius: 6px;
     color: white;
     font-size: 19px;
     padding: 4px 11px;
 }
 
 .adminreport .YearList {
     float: right;
     margin: 17px 40px 0 12px;
 }
 
 .adminreport .sectionText {
     float: right;
     font-size: 20px;
     margin: 24px 0 0 5px;
 }
 
 .adminreport .gridtable {
     display: inline-block;
 }
 
 .adminreport .headbody th,
 .adminreport tr {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
 }
 
 .adminreport .sortable .headbody th {
     border-bottom: 1px solid #e0e0e0;
 }
 
 .adminreport .headbody td,
 .adminreport .headbody th,
 .adminreport .headbody b,
 .adminreport .headbody span {
     font-size: 15px !important;
     font-weight: bold !important;
     color: #757575;
 }
 
 .SubTitleTxt.deviceSection {
     margin-top: 7px;
 }
 
 .deviceSection .sectionText {
     line-height: 7px;
 }
 
 .adminreport .YearList::before {
     color: white;
     margin: 9px 7px 0 4px;
     position: absolute;
     text-align: left;
 }
 
 .adminreport .allRes {
     background: transparent url("../images/resicon.png")no-repeat center;
 }
 
 .adminreport .allRes:hover,
 .adminreport .SubTitleTxt .allDevices {
     background: #3FC6AB url("../images/resIcon_hover.png")no-repeat center;
 }
 
 .SubTitleTxt>a:hover {
     background: #3FC6AB;
     color: white;
 }
 
 .adminreport .deviceSection a.mobileDevice,
 .adminreport .deviceSection a.desktopDevice,
 .adminreport .SubTitleTxt .isbilled,
 .adminreport .SubTitleTxt .notbilled,
 .adminreport .SubTitleTxt .completeOrder,
 .adminreport .SubTitleTxt .OnlyLid,
 .adminreport .allcharges,
 .adminreport .allorders {
     background: #3FC6AB;
     color: white;
 }
 
 .settings_sidebar .categories>.active li.active a {
     background-color: #def4ff;
 }
 
 .settings_sidebar .categories>.active>a {
     background-color: #23272a;
     color: #fff !important;
 }
 
 .settings_sidebar li a {
     border-bottom: 1px solid #DEDEDE;
     padding-right: 10px;
     background: #fff;
     padding: 6px 8px;
 }
 
 .settings_sidebar li li a {
     border: none;
 }
 
 .settings_sidebar>ul>li>a {
     font-weight: bold;
     padding: 6px 8px;
     background: #fff;
 }
 
 .settings_sidebar a {
     display: block !important;
     line-height: 25px
 }
 
 .settings_sidebar {
     float: right;
     width: 220px;
     list-style-type: none;
     direction: rtl
 }
 
 .settings_sidebar ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
 }
 
 .settings_sidebar ul ul {
     display: none;
 }
 
 .settings_sidebar ul li.active ul {
     display: block;
 }
 
 .settings_sidebar ul li ul {
     border-bottom: 1px solid #DEDEDE;
 }
 
 .Cat2Names optgroup {
     text-indent: 10px;
 }
 
 #hoursForm .noticeText {
     right: 0px;
     position: absolute;
     bottom: 0px;
 }
 
 #hoursForm {
     position: relative;
 }
 /* iframe view */
 
 body.iframe .todolistdiv,
 body.iframe .topPanel,
 body.iframe #helpsection,
 body.iframe .sidbar,
 body.iframe .footer,
 body.iframe .AppTraceDiv,
 body.iframe .syslinks,
 body.iframe .TitleTxt,
 body.iframe .LeftTitle,
 body.iframe.RightTitle {
     display: none
 }
 
 body.iframe .BodyBG {
     background: none repeat scroll 0 0 #FFFFFF !important;
 }
 
 body.iframe .mainWrapperDiv {
     border: none;
     margin-top: 0px;
 }
 /* iframe view */
 /* page builder */
 
 #page_builder .design-settings {
     width: 100%;
     direction: ltr;
     text-align: left;
     margin-bottom: 20px;
 }
 
 #page_builder .ui-accordion {
     width: auto
 }
 
 #page_builder .checkbox,
 #page_builder .del-icon {
     margin-left: -20px;
     position: absolute
 }
 
 #page_builder .templates {
     float: left;
     width: 100%
 }
 
 #page_builder .templates ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
 #page_builder .templates ul li {
     background-color: #FFFFFF;
     border: 1px solid #E3E0E0;
     float: left;
     height: 113px;
     margin: 10px 10px 10px 0;
     padding: 3px;
     text-align: center;
     vertical-align: middle;
     width: 100px;
 }
 
 #page_builder {
     font-size: 16px;
     text-align: center;
     line-height: 40px;
     position: relative;
     margin-top: 73px;
 }
 
 #page_builder div#page {
     background-color: #6d6d6d;
     min-height: 300px;
     width: 98%;
     margin: 0 auto;
     /*margin-top: 25px;*/
     min-height: 719px;
     margin-bottom: 58px;
     display: inline-block;
     float: left;
     margin-left: 1%;
     padding-top: 55px;
     padding-bottom: 20px;
     padding-right: 20px;
     padding-left: 20px;
     border-radius: 10px;
 }
 
 #page_builder label {
     color: #000;
     display: block;
     margin:0px;
 }
 #page_builder .container{
    padding-bottom: 15px;
 }
 
 #page_builder div#toolbar,
 #page_builder #element_edit,
 #page_builder #templates,
 #page_builder .setting_model {
     position: fixed;
     z-index: 99999;
     background-color: #fff;
     width: 100%;
     margin: 0 auto;
     border: 1px solid #e2e1e1;
     width: 95%;
     margin: 0 auto;
     left: 50%;
     margin-left: -48%;
     padding: 10px;
     display: none;
     padding-top: 40px;
     padding-bottom: 40px;
     height: 661px;
     overflow: auto;
     margin-top: 0;
     top: 78px;
     left: 0px;
     width: 100%;
     box-sizing: border-box;
     margin: 0px;
     height: 92.5vh !important;
 }
 
 #page_builder div#filters a.current,
 #page_builder div#element_filters a.current {
     background-color: #000;
     color: #fff;
 }
 
 div#filters {
     border-bottom: 1px solid #000;
     margin-bottom: 10px;
 }
 
 #page_builder div#element_filters {
     margin-top: -41px;
     margin-left: 0px;
 }
 
 #page_builder div#element_edit {
     text-align: left;
     height: 860px !important;
     overflow: auto;
     z-index: 9999;
 }
 
 #page_builder div#element_edit h4,
 #page_builder div#element_edit a {
     margin: 0px;
     padding: 0px;
     font-size: 16px;
 }
 
 #page_builder div#filters a,
 #page_builder div#element_filters a {
     border: 1px solid #0c0c0c;
     padding: 12px;
     border-radius: 4px 4px 0px 0px;
     padding: 10px 52px;
     font-size: 16px;
     bottom: -2px;
     position: relative;
 }
 
 #page_builder .element {
     border: 1px solid silver;
     padding: 10px;
     display: inline-block;
     margin: 10px;
     background-color: #fff;
     font-size: 16px;
     min-width: 192px;
     text-align: center;
     width: 17%;
     float: left;
     height: 50px;
 }
 
 #page_builder .element_block {
     background-color: #98cd00;
     margin-bottom: 1px;
     color: #fff;
     width: 90%;
     margin: 2px auto;
     max-width: 1200px;
 }
 
 #page_builder div#transfersection,
 #page_builder div#use_in_section {
     text-align: left;
     padding: 30px;
 }
 
 #page_builder .box.selected {
     background-color: red !important;
 }
 
 #page_builder .element_block label {
     color: #fff;
 }
 
 #page_builder .box label {
     cursor: pointer;
 }
 
 #page_builder .box label i {
     font-size: 10px;
     white-space: nowrap
 }
 
 #page_builder .box label em {
     font-size: 10px;
     clear: both;
     display: block;
     margin: 0px;
     padding: 0px;
     line-height: 10px;
     position: absolute;
     left: 0px;
     top: 1px;
     white-space: nowrap;
     display: none;
 }
 
 #page_builder .box {
     position: relative;
     cursor: pointer;
 }
 
 #page_builder .row {
     min-height: 40px;
     display: inline-block;
     width: 95%;
     text-align: center;
     position: relative;
     background-color: #0f89d4;
     margin-bottom: 5px;
     padding-bottom: 10px;
 }
 
 #page_builder a.switchclass {
     font-size: 12px !important;
     border: 1px solid #000;
     padding: 5px;
     margin: 2px;
     top: -7px;
     position: relative;
 }
 
 #page_builder .container,
 #page_builder .container-fluid {
     min-height: 40px;
     display: inline-block;
     width: 90%;
     background-color: #fff;
     max-width: 1200px;
     margin-bottom: 10px;
 }
 
 #page_builder .column {
     display: inline-block;
     min-height: 36px;
     padding: 0px;
     float: left;
     background-color: #f23976;
     margin: 1%;
     width: 100%;
     padding-bottom: 15px;
 }
 
 #page_builder a#close_toolbar,
 #page_builder #close_template {
     position: absolute;
     top: 6px;
     border: 1px solid;
     background-color: #fff;
     padding: 0px 10px;
     left: 0px;
     font-size: 28px;
     border: none;
 }
 
 #templates iframe {
     width: 100%;
     border: none;
     height: 95%;
 }
 
 #page_builder .element:hover {
     background-color: #000;
     color: #fff;
 }
 
 #page_builder .element:hover h3 {
     color: #fff;
 }
 
 #page_builder .row-bar {
    display: none;
    position: absolute;
    /* width: 504px; */
    margin-top: 2px;
    left: 313px;
    top: 0px;
    text-align: left;
    color: #fff;
    padding: 0px;
    font-size: 14px;
    padding-left: 10px;
    line-height: 32px;
    z-index: 9;
    background-color: #282828;
    height: 35px;
    padding-top: 7px;
    min-width: 442px;
    border-radius: 20px;
 }
 
 #page_builder .element_type_move {
     background-color: #ab0fa0;
 }
 
 #page_builder .element_type_copy {
     background-color: #6d0a65;
 }
 
 #page_builder .current>.row-bar {
     display: block;
 }
 
 #page_builder .row-bar a {
     color: #fff;
 }
 
 #page_builder .bar a:hover,
 #page_builder .row-bar a:hover {
     color: red;
 }
 
 #page_builder .bar a {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
    float: left;
 }
 
 #page_builder .bar {
    display: none;
    position: absolute;
    top: 1px;
    left: 1px;
    min-width: 310px;
    padding: 8px;
    background-color: #282828;
    z-index: 9;
    border-radius: 20px;
 }
 
 #page_builder .box.current>.bar {
     display: block;
 }
 
 #page_builder .add_new_element {
     font-size: 25px;
     display: block;
     width: 100%;
     clear: both;
 }
 
 #page_builder .row-bar,
 #page_builder .row-bar a {
     font-size: 20px;
 }
 
 #page_builder .portlet-placeholder {
     border: 1px dotted black;
     margin: 0 1em 1em 0;
     height: 100px;
 }
 
 #page_builder .menu {
     width: 11%;
     text-align: left;
     background-color: #fff;
     font-size: 20px;
     display: none !important;
     z-index: 9;
     margin-top: 40px;
     margin-left: 1%;
     float: left;
     clear: left;
 }
 
 #page_builder div#navbar .navbar_inn.navbar_inn_right>a,
 #page_builder div#navbar .navbar_inn.navbar_inn_right>span.template_num {
     margin-right: 10px;
     margin-left: 16px;
 }
 
 #page_builder div#navbar .navbar_inn.navbar_inn_center {
    width: auto;
    min-width: 200px;
}
 
 body.sidebar #page_builder .menu {
     display: inline-block !important;
 }
 
 #page_builder .menu ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
 }
 
 #page_builder .menu a {
     font-size: 20px;
     border-bottom: 1px solid silver;
     display: block;
 }
 
 #page_builder .menu a {
     font-size: 20px;
     display: block;
     background-color: #23272a;
     color: #fff;
     padding-left: 10px;
 }
 
 #page_builder .menu a:hover {
     color: #fff;
     background-color: red;
 }
 
 #page_builder #element_edit .header a {
     font-size: 25px;
 }
 
 #page_builder #element_edit .header {
     border-bottom: 1px solid #000;
     padding: 10px;
     display: inline-block;
     width: 100%;
     padding: 0px;
 }
 
 #page_builder #close_element {
     float: left;
     position: absolute;
     top: 2px;
 }
 
 #page_builder #element_submit {
     float: right;
 }
 
 #page_builder .message {
     color: green;
 }
 
 #page_builder .forth-accordion {
     line-height: 25px;
 }
 
 #page_builder h2#element_title {
     float: left;
     margin: 0px;
     padding-left: 10px;
     line-height: 24px;
     position: absolute;
     top: 4px;
     left: 30px;
 }
 
 #page_builder div#element_edit h4 {
     margin: 0px;
     padding: 0px;
     font-size: 16px;
     line-height: 20px;
     padding-bottom: 5px;
     margin-bottom: 5px;
     /* background-color: #e4e4e4; */
     color: #000;
     padding-top: 5px;
     /* padding-left: 5px; */
     margin-top: 5px;
 }
 
 #page_builder #section_settings h2 {
     margin: 0;
     padding: 0px;
     border-bottom: 1px solid #000;
 }
 
 #page_builder div#section_settings {
     text-align: left;
     margin-left: 25px;
     font-size: 16px;
     background-color: #fff;
     padding: 20px;
     position: absolute;
     z-index: 9;
     width: 97%;
     min-height: 719px;
     left: -14px;
     margin-top: 17px;
 }
 
 #page_builder div#section_settings br {
     display: none;
 }
 
 #page_builder #adddesignlang {
     font-size: 26px;
     position: absolute;
     top: 1px;
     left: 518px;
 }
 
 #page_builder #import {
     font-size: 26px;
     position: absolute;
     top: 12px;
     left: 330px;
     right: auto;
 }

 .adminpagebuilder  #importantMsgID {
    display: none;
 }
  
 #page_builder a.designmode {
     font-size: 26px;
     position: absolute;
     right: 243px;
     top: 2px;
 }
 
 #page_builder .ui-state-highlight {
     height: 3em;
     line-height: 3em;
 }
 
 #page_builder .add_new_column {
     background-image: url("../images/columns.png");
     display: block;
     width: 30px;
     float: left;
     height: 18px;
     background-size: cover;
     text-indent: -9999px;
     margin-top: 0px;
     margin-right: 5px;
     border: 1px solid white;
 }
 
 #page_builder .add_new_column:hover {
     border: 1px solid red
 }
 
 #page_builder a.add_new_column.c_1 {
     background-position: 0 52px;
 }
 
 #page_builder a.add_new_column.c_2 {
     background-position: 0 -394px;
 }
 
 #page_builder a.add_new_column.c_3 {
     background-position: 0 126px;
 }
 
 a.add_new_column.c_4 {
     background-position: 0 217px;
 }
 
 a.add_new_column.c_5 {
     background-position: 0 259px;
 }
 
 a.add_new_column.c_6 {
     background-position: 0 173px;
 }
 
 a.add_new_column.c_7 {
     background-position: 0 0px;
 }
 
 a.add_new_column.c_8 {
     background-position: 0 386px;
 }
 
 a.add_new_column.c_9 {
     background-position: 0 300px;
 }
 
 a.add_new_column.c_10 {
     background-position: 0 424px;
 }
 
 a.add_new_column.c_11 {
     background-position: 0 -130px;
 }
 
 #page_builder i.fa.fa-columns {
     float: left;
     margin-right: 10px;
 }
 
 #page_builder .temp_element {
     padding: 15px;
 }
 
 #page_builder .col-12 {
     max-width: 98%
 }
 
 #page_builder .col-11 {
     max-width: 89.66666667%
 }
 
 #page_builder .col-10 {
     max-width: 81.33333333%
 }
 
 #page_builder .col-9 {
     max-width: 73%
 }
 
 #page_builder .col-8 {
     max-width: 64.66666667%
 }
 
 #page_builder .col-7 {
     max-width: 56.33333333%
 }
 
 #page_builder .col-6 {
     max-width: 48%
 }
 
 #page_builder .col-5 {
     max-width: 39.66666667%
 }
 
 #page_builder .col-4 {
     max-width: 31.33333333%
 }
 
 #page_builder .col-3 {
     max-width: 23%
 }
 
 #page_builder .col-2 {
     max-width: 14.66666667%
 }
 
 #page_builder .col-1 {
     max-width: 6.33333333%
 }
 
 #page_builder .col-xlg-12 {
     max-width: 98%
 }
 
 #page_builder .col-xlg-11 {
     max-width: 89.66666667%
 }
 
 #page_builder .col-xlg-10 {
     max-width: 81.33333333%
 }
 
 #page_builder .col-xlg-9 {
     max-width: 73%
 }
 
 #page_builder .col-xlg-8 {
     max-width: 64.66666667%
 }
 
 #page_builder .col-xlg-7 {
     max-width: 56.33333333%
 }
 
 #page_builder .col-xlg-6 {
     max-width: 48%
 }
 
 #page_builder .col-xlg-5 {
     max-width: 39.66666667%
 }
 
 #page_builder .col-xlg-4 {
     max-width: 31.33333333%
 }
 
 #page_builder .col-xlg-3 {
     max-width: 23%
 }
 
 #page_builder .col-xlg-2 {
     max-width: 14.66666667%
 }
 
 #page_builder .col-xlg-1 {
     max-width: 6.33333333%
 }
 
 #page_builder .col-sm-12 {
     max-width: 98%
 }
 
 #page_builder .col-sm-11 {
     max-width: 89.66666667%
 }
 
 #page_builder .col-sm-10 {
     max-width: 81.33333333%
 }
 
 #page_builder .col-sm-9 {
     max-width: 73%
 }
 
 #page_builder .col-sm-8 {
     max-width: 64.66666667%
 }
 
 #page_builder .col-sm-7 {
     max-width: 56.33333333%
 }
 
 #page_builder .col-sm-6 {
     max-width: 48%
 }
 
 #page_builder .col-sm-5 {
     max-width: 39.66666667%
 }
 
 #page_builder .col-sm-4 {
     max-width: 31.33333333%
 }
 
 #page_builder .col-sm-3 {
     max-width: 23%
 }
 
 #page_builder .col-sm-2 {
     max-width: 14.66666667%
 }
 
 #page_builder .col-sm-1 {
     max-width: 6.33333333%
 }
 
 #page_builder .col-md-12 {
     max-width: 98%
 }
 
 #page_builder .col-md-11 {
     max-width: 89.66666667%
 }
 
 #page_builder .col-md-10 {
     max-width: 81.33333333%
 }
 
 #page_builder .col-md-9 {
     max-width: 73%
 }
 
 #page_builder .col-md-8 {
     max-width: 64.66666667%
 }
 
 #page_builder .col-md-7 {
     max-width: 56.33333333%
 }
 
 #page_builder .col-md-6 {
     max-width: 48%
 }
 
 #page_builder .col-md-5 {
     max-width: 39.66666667%
 }
 
 #page_builder .col-md-4 {
     max-width: 31.33333333%
 }
 
 #page_builder .col-md-3 {
     max-width: 23%
 }
 
 #page_builder .col-md-2 {
     max-width: 14.66666667%
 }
 
 #page_builder .col-md-1 {
     max-width: 6.33333333%
 }
 
 #page_builder .col-lg-12 {
     max-width: 98%
 }
 
 #page_builder .col-lg-11 {
     max-width: 89.66666667%
 }
 
 #page_builder .col-lg-10 {
     max-width: 81.33333333%
 }
 
 #page_builder .col-lg-9 {
     max-width: 73%
 }
 
 #page_builder .col-lg-8 {
     max-width: 64.66666667%
 }
 
 #page_builder .col-lg-7 {
     max-width: 56.33333333%
 }
 
 #page_builder .col-lg-6 {
     max-width: 48%
 }
 
 #page_builder .col-lg-5 {
     max-width: 39.66666667%
 }
 
 #page_builder .col-lg-4 {
     max-width: 31.33333333%
 }
 
 #page_builder .col-lg-3 {
     max-width: 23%
 }
 
 #page_builder .col-lg-2 {
     max-width: 14.66666667%
 }
 
 #page_builder .col-lg-1 {
     max-width: 6.33333333%
 }
 
 #page_builder a#fullscreen {
     font-size: 26px;
     position: absolute;
     top: 9px;
     left: 525px;
     right: auto;
 }
 
 #page_builder a#preview_iframe_btn {
     font-size: 26px;
     position: absolute;
     top: 9px;
     left: 365px;
     right: auto;
 }
 
 body.sidebar #page_builder #page {
     width: 86%;
     float: right;
     margin-right: 1%;
 }
 
 #page_builder .compress>.wrap {
     display: none
 }
 
 #page_builder .compress {
     background-color: silver;
 }
 
 #page_builder .fa:hover {
     color: red
 }
 
 body.preview #preview_iframe {
     display: block !important;
     float: left;
     width: 48%;
     height: 719px;
     margin-left: 1%;
     border: 1px solid #e0e0e0;
     margin-top: 25px;
 }
 
 body.preview #page_builder div#page {
     width: 49%;
 }
 
 body.preview.sidebar #page_builder div#page {
     width: 42%;
     float: left;
     margin-left: 1%;
     margin-right: 0px;
 }
 
 body.preview.sidebar #preview_iframe {
     width: 44%;
     float: right;
     margin-right: 1%;
     margin-left: 0px;
 }
 
 #page_builder .container.flex,
 #page_builder .container-fluid {
     width: 100%;
     max-width: 100%;
 }
 
 #page_builder #navbar .fa,
 #page_builder #navbar .fab {
     font-size: 26px;
 }
 
 #page_builder a#open_toolbar,
 #page_builder a#open_templates {
     font-size: 40px;
     width: 43px;
     display: inline-block;
     margin: 0 auto;
     color: #000;
     height: 48px;
     line-height: 47px;
 }
 
 #page_builder a#open_toolbar .fa,
 #page_builder a#open_templates .fa {
     font-size: 40px;
 }
 
 #page_builder .element i {
     float: left;
     margin-right: 10px;
     position: relative;
     bottom: inherit;
     font-size: 37px !important;
 }
 
 #page_builder .element p {
     text-align: left;
     margin: 0px;
     line-height: 10px;
     font-size: 12px;
     margin-left: 21px;
 }
 
 #page_builder #section_settings_submit {
     font-size: 26px;
     float: right;
     position: absolute;
     right: 0px;
     top: 39px;
     right: 18px;
 }
 
 #page_builder .element h3 {
     margin: 0px;
     line-height: 17px;
     clear: right;
     display: block;
     text-align: left;
     margin-bottom: 5px;
     margin-top: 0px;
     font-size: 17px;
 }
 
 #page_builder .connectedSortable {
     border: 1px solid #eee;
     width: 100%;
     min-height: 20px;
     list-style-type: none;
     margin: 0;
     padding: 5px 0 0 0;
     float: left;
     margin-right: 0px;
 }
 
 #page_builder .params_sortable label {
     display: block;
 }
 
 #page_builder .params_sortable div {
     float: left;
     width: 75%;
 }
 
 #page_builder .params_sortable div.params_current_div {
     width: 20%;
     margin-left: 20px;
 }
 
 #page_builder .connectedSortable li {
     margin: 0 5px 5px 5px;
     padding: 5px;
     font-size: 1.2em;
     width: 17.8%;
     padding: 0px;
     line-height: 26px !important;
     height: 27px !important;
     font-size: 14px;
     padding: 5px;
     float: left;
     cursor: move;
 }
 
 #element_page .element_section {
     display: none;
 }
 
 #page_builder .connectedSortable.current li {
     width: 92%;
 }
 
 #page_builder .block>lable {
     min-width: 170px;
     display: block;
 }
 
 #page_builder .forth-accordion .block {
     margin-bottom: 0px;
     padding: 7px 0px;
     display: inline-block;
     width: 33%;
 }
 
 #page_builder .connectedSortable.current {
     background-color: #696969;
     min-height: 300px;
 }
 
 #page_builder .params_sortable {
     display: block;
     width: 100%;
     clear: both;
     float: left;
     margin-bottom: 10px;
 }
 
 #page_builder input,
 #page_builder select,
 #page_builder textarea {
     padding: 8px 6px;
 }
 
 .image_upload_box img {
     width: 100%;
     height: 100%;
 }
 
 #page_builder #navbar span.image_nav {
     position: absolute;
     top: 46px;
     left: 64px;
     color: #fff;
     width: 16px;
     padding: 0px;
     height: 14px;
     line-height: 16px;
     padding-top: 1px;
     padding-left: 3px;
 }
 
 #page_builder a#Backup {
     position: absolute;
     left: 403px;
     right: auto;
     top: 9px;
 }
 
 #element_page .left,
 #element_page .right {
     display: inline-block;
     width: 49%;
 }
 
 #element_page h3 {
     margin: 0px;
     border-bottom: 1px solid #000;
 }
 
 #page_builder #element_add_button:hover {
     background: #98cd00;
 }
 
 #page_builder #element_add_button {
     padding: 5px 76px;
     float: right;
     background-color: #1f1f1f;
     color: #fff;
     margin-top: -10px;
     position: relative;
     font-size: 16px;
 }
 
 #page_builder .element.active {
     background-color: #98cd00;
 }
 
 #page_builder select {
     width: 231px;
 }
 
 #page_builder #navbar span.image_nav .fa {
     font-size: 14px;
 }
 
 .image_upload_add {
     top: -22px;
     position: absolute;
     left: -40px;
 }
 
 .image_upload_box .image_view {
     border: 1px solid silver;
     height: 60px;
     width: 60px;
     background: #f6f6f6;
     display: inline-block;
 }
 
 .image_upload_box {
     width: 60px;
     height: 60px;
     position: relative;
 }
 
 .color_picker_box {
     position: relative
 }
 
 .color_picker i.fa.fa-eyedropper {
     bottom: 0px;
     position: absolute;
     left: 47px;
 }
 
 div#es_css_sidebar {
     width: 16%;
     display: inline-block;
     vertical-align: top;
     border-left: 1px dotted silver;
     margin-top: 59px;
     padding: 10px;
     padding-top: inherit;
     min-height: 611px;
     padding-left: 20px;
 }
 
 #element_css_box {
     display: inline-block;
     /*width: 28%;*/
 }
 
 .titles_settings div#es_css_sidebar {
     max-width: 14.5%;
 }
 
 #page_builder span.color_selected {
     border: 1px solid silver;
     width: 32px;
     height: 32px;
     display: inline-block;
 }
 
 .colorpicker {
     z-index: 99999;
 }
 
 #es_margin,
 #es_border,
 #es_padding,
 #es_content {
     border: 1px solid silver;
 }
 
 #es_border {
     background: #f6f6f6;
 }
 
 #es_padding {
     background: #ebebeb;
 }
 
 #element_css_box div {
     margin: 57px;
     position: relative;
     border: 1px solid silver;
 }
 
 #element_css_box #es_margin {
     border: 1px dotted silver;
 }
 
 #element_css_box label {
     color: #000;
     display: block;
     position: absolute;
     font-size: 12px;
     left: 10px;
 }
 
 #element_css_box input {
     position: absolute;
     text-align: center;
     padding: 3px 0;
     height: 24px;
     width: 34px;
     margin: 0;
     border: 1px solid #bdbdbd;
     font-size: 11px;
     line-height: 11px;
 }
 
 #element_css_box .es_right {
     top: 50%;
     right: 13px;
     margin-top: -12px;
 }
 
 #element_css_box .es_bottom {
     bottom: 14px;
     left: 50%;
     margin-left: -17px;
 }
 
 #element_css_box .es_left {
     top: 50%;
     left: 12px;
     margin-top: -12px;
 }
 
 #element_css_box .es_top {
     top: 14px;
     left: 50%;
     margin-left: -17px;
 }
 
 #es_content {
     width: 50px;
     height: 50px;
     text-align: center;
 }
 
 #es_content i {
     margin-top: 13px;
 }
 
 div#prbox_preview div {
     margin: 0px;
 }
 
 div#prbox_preview {
     text-align: center;
     height: auto;
     background-color: #fff;
     padding: 0px;
 }
 
 div#prbox_image {
     background: #ebebeb;
     height: 175px;
 }
 
 div#prbox_name {
     height: 50px;
     background: #f6f6f6;
 }
 
 div#prbox_buttons span {
     border: 1px solid silver;
     width: 100px;
     height: 33px;
     display: inline-block;
 }
 
 #import_content {
     position: absolute;
     left: 480px;
     right: auto;
     top: 11px;
 }
 /* page builder */
 
 .user_page.mypoints {
     background-color: #f1efef;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 a.color_picker_delete,
 a.color_picker_transparent {
     position: absolute;
     top: 9px;
 }
 
 a.color_picker_transparent {
     left: 62px;
     top: 11px;
 }
 
 a.color_picker_delete {
     left: 79px;
 }
 
 .erp-sync-order .active {
     color: #fff;
     background: #3fc6ab;
     padding: 5px;
 }
 
 #page_builder .es_tabs {
     min-height: 40px;
     display: inline-block;
     width: 95%;
     text-align: center;
     position: relative;
     background-color: #f3a104;
     margin-bottom: 5px;
     border-radius: 10px;
 }
 
 
 #page_builder div#advance_css_div textarea {
     width: 100%;
     height: 200px;
     direction: ltr;
    text-align: left;
 }
 
 #page_builder a#load_css {
     left: 440px;
     right: auto;
     position: absolute;
     top: 10px;
 }
 
 #page_builder .box.enlarge {
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     min-width: 100%;
     min-height: 100%;
     z-index: 9999999;
     margin: 0px;
 }
 
 #page_builder .box.enlarge>.row-bar,
 #page_builder .box.enlarge>.bar {
     position: fixed;
     top: 14px;
     height: 0px;
     display: inline-block !important;
     visibility: visible !important;
     height: 37px;
     margin: 0px;
     padding: 10px;
 }
 
 #search_element {
     border: 1px solid #0c0c0c;
 }
 
 #page_builder #device_desktop {
     position: absolute;
     top: 9px;
     left: 655px;
     right: auto;
     color: #ff0053;
 }
 
 #page_builder #device_all {
     position: absolute;
     top: 9px;
     left: 570px;
     right: auto;
     color: #ff0053;
 }
 
 #page_builder #device_mobile {
     position: absolute;
     top: 9px;
     left: 615px;
     right: auto;
     color: #ff0053;
 }
 
 #page_builder .fa.fa-mobile:hover,
 #page_builder .fa.fa-desktop:hover {
     background: transparent repeat scroll 0 0;
     color: red;
 }
 
 #page_builder .radius-box input {
     position: absolute;
     width: 20px !important;
     height: 20px !important;
 }
 
 #page_builder .params_sortable.list .params_div,
 #page_builder .params_sortable.list .params_current_div {
     width: 46%;
 }
 
 #page_builder .params_sortable.list .connectedSortable li,
 #page_builder .params_sortable.list .connectedSortable.current li {
     width: 94%;
     font-size: 12px;
     height: auto !important;
     margin: auto;
     padding: 0px;
     margin-left: 4px;
     padding: 1%;
     box-sizing: border-box;
 }
 
 body.login td {
     padding: 0px !important;
 }
 
 body.login .BodyBG {
     background: #212121;
 }
 
 body.login .login_promo {
     float: left;
     width: auto;
 }
 
 body.login .login_content .logindiv {
     text-align: center;
     width: 100%;
     height: 100%;
     color: #fff;
     position: relative;
 }
 
 body.login .login_content.promo .logindiv {
     text-align: center;
     float: right;
     width: 50%;
     height: 100vh;
     color: #fff;
     position: relative;
 }
 
 body.login .login_promo {
     width: 50%;
     height: 100%;
     height: 100vh;
     background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     background-position: center top;
 }
 
 body.login .login_content.promo #adminlogin {
     position: absolute;
     max-width: 500px;
     height: 430px;
     left: 25%;
     top: 14%;
     text-align: center;
     width: auto;
     right: 25%;
     min-width: 200px;
     margin-top: 0;
 }
 
 body.login input[type=text],
 body.login input[type=password] {
     width: 100%;
     box-sizing: border-box;
     padding: 10px;
     background-color: #fff !important;
 }
 
 body.login input[type=submit] {
     width: 100%;
     box-sizing: border-box;
     padding: 10px;
     background-color: #298dcb !important;
     border: none;
     color: #fff;
 }
 
 body.login input[type=submit]:hover {
     background-color: #2fa1e9 !important;
 }
 
 body.login .logindiv .e-shop_logo {
     margin-bottom: 76px;
     margin-top: 9px;
 }
 
 body.login .logindiv .e-shop_logo img {
     width: auto;
     height: auto;
     max-width: 100%;
 }
 
 body.login .logindiv p {
     margin: 0 0 20px 0;
     width: 100%;
     display: inline-block;
 }
 
 body.login .logindiv p input[type=text],
 body.login .logindiv p input[type=number],
 body.login .logindiv p input[type=password] {
     height: 55px;
     border-radius: 3px;
     border-color: #fff;
     border-width: 1px;
     font-size: 20px;
     text-align: left;
 }
 
 body.login .logindiv p.buttons input[type="submit"] {
     text-align: center;
     font-size: 23px;
 }
 
 body.login .logindiv p input::placeholder {
     text-align: right !important;
 }
 
 body.login .logindiv p input::-webkit-placeholder {
     text-align: right !important;
 }
 
 body.login .logindiv p input::-webkit-input-placeholder {
     text-align: right !important;
 }
 
 body.login .logindiv p input:-ms-input-placeholder {
     text-align: right !important;
 }
 
 body.login .logindiv p input::-ms-input-placeholder {
     text-align: right !important;
 }
 
 body.login .logindiv p input:-moz-placeholder {
     text-align: right !important;
 }
 
 body.login .logindiv p input::-moz-placeholder {
     text-align: right !important;
 }
 
 body.login .login_content .logindiv .timeipline {
     font-size: 16px;
     line-height: 31px;
     margin-top: 42px !important;
     color: #b1b1b1;
 }
 
 body.login #adminlogin span.RedMsg {
     display: block;
     color: red;
     font-size: 16px;
     font-weight: bold;
     border: 1px solid silver;
     padding: 10px;
     background-color: #FFDDDD;
 }
 
 @media only screen and (max-width: 800px) {
     body.login .login_content.promo .login_promo {
         display: none;
         visibility: hidden;
         height: 0px;
         overflow: hidden;
     }
     body.login .login_content .logindiv,
     body.login .login_content.promo .logindiv {
         min-width: 300px;
         position: absolute;
         right: 0;
         width: 100%;
         height: 100%;
     }
     body.login .wrap_content {
         padding: 20px !important;
     }
     body.login .login_content.promo .logindiv form#adminlogin {
         width: 100%;
         left: auto;
         right: auto;
         position: relative;
         margin: 0 auto;
         top: 9%;
         display: block;
     }
     body.login .logindiv .e-shop_logo {
         margin-bottom: 50px;
     }
     body.login .login_content.promo .logindiv .timeipline {
         margin-top: 24px !important;
     }
 }
 
 body.login .login_content #adminlogin {
     max-width: 500px;
     margin: 12% auto 0;
     padding: 0 30px;
     box-sizing: border-box;
 }
 
 body.login {
     position: absolute;
     height: 100%;
     width: 100%;
     background: #212121;
 }
 
 @-webkit-keyframes autofill {
     to {
         color: #000;
         background: #f7f7f7;
     }
 }
 
 input:-webkit-autofill {
     -webkit-animation-name: autofill;
     -webkit-animation-fill-mode: both;
 }
 /***** Attribute Hacks ******/
 /* IE6 */
 
 body.login .login_content #adminlogin {
     margin-top: 120px;
 }
 /*#doce { *color: blue;  or #color: blue  }
*/
 /* Everything but IE6 */
 
 body.login .login_content #adminlogin {
     margin-top/**/
     : 120px;
 }
 /* IE7, IE8 */
 
 body.login .login_content #adminlogin {
     margin-top/*\**/
     : 120px;
 }
 /* IE8, IE9 */
 /*#anotherone  {color: blue\0/;} */
 /* must go at the END of all rules */
 
 body.login .login_content #adminlogin {
     margin-top: 120px\0/;
 }
 /* IE9, IE10 */
 
 @media screen and (min-width:0\0) {
     body.login .login_content #adminlogin {
         margin-top: 120px;
     }
 }
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     body.login .login_content.promo #adminlogin {
         margin-top: 120px;
     }
 }
 
 .upload_image {
     position: relative;
     display: inline-block;
 }
 
 .upload_image .image {
     border: 1px solid #eaeaea;
     display: inline-block;
     height: 62px;
     padding: 10px;
     position: relative;
     width: 60px;
 }
 
 .upload_image .image img {
     width: auto;
     height: auto;
     max-height: 100%;
     max-width: 100%;
 }
 
 .upload_image .addimage {
     position: absolute;
     left: 5px;
     top: 5px;
     z-index: 1;
 }
 
 .upload_image .remove_image {
     position: absolute;
     left: 5px;
     bottom: 5px;
     z-index: 1;
 }
 
 .menu_content_mega_wrap .images_box {
     display: inline-block;
     width: 100%;
 }
 
 .menu_item_content .images {
     width: 50%;
     display: inline-block;
     float: right;
 }
 
 .badge,
 .gridtable .badge {
     display: inline-block;
     padding: .25em .4em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: .25rem;
     background-color: #6c757d;
 }
 
 .menu_item_content .upload_image .addimage,
 .menu_item_content .upload_image .remove_image {
     background: #000;
     color: #fff;
     padding: 3px;
     border-radius: 4px;
     width: 19px;
     height: 20px;
     line-height: 10px;
     box-sizing: border-box;
 }
 
 .menu_item_content {
     direction: rtl;
     display: inline-block;
     width: 100%;
 }
 
 .menu_item_content .upload_image .addimage {
     right: 5px;
     bottom: 0px;
     top: 37px;
     position: absolute;
 }
 
 .menu_item_content label {
     display: block;
     width: 100%;
 }
 
 .menu_item_content input[type=text],
 .menu_item_content select {
     width: 100%;
     box-sizing: border-box;
     padding: 7px;
     font-size: 12px;
 }
 
 .menu_icon i:hover {
     background: #c4c4c3;
 }
 
 .menu_item_content .half {
     width: 50%;
     float: right;
 }
 
 .menu_item_content .content_type {
     display: inline-block;
     clear: both;
     width: 100%;
 }
 
 .menu_item_content h3 {
     margin-bottom: 0px;
     background: #ececec;
     padding: 5px;
 }
 
 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb;
     position: relative;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: .25rem;
 }
 
 .alert-primary {
     color: #004085;
     background-color: #cce5ff;
     border-color: #b8daff;
     position: relative;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: .25rem;
 }
 
 .qtip {
     direction: rtl;
 }
 
 div#chita_shops .chita_phone_div select#chita_phone_ext {
     display: inline-block !important;
     float: left;
     height: 23px;
 }
 /* pagee style */
 
 .d-35670 #header #logo {
     float: left;
     margin-top: 9px;
     margin-left: 3px;
     margin-right: 10px;
 }
 
 .d-35670 #header {
     background: #590d82;
 }
 
 .d-35670 .site-info,
 #header #mainmenu a {
     color: #fff;
 }
 
 .d-35670 .site-info {
     margin-top: 20px;
 }
 
 .d-35670 .site-info span {
     color: #fff;
 }
 
 .d-35670#mainmenu a:hover,
 .d-35670 #mainmenu li.current>a {
     background-color: #440a63;
 }
 
 .d-35670 #mainmenu ul {
     background: none repeat scroll 0 0 #440a63;
 }
 
 .d-35670 #mainmenu ul a:hover {
     color: #000 !important;
     background: none repeat scroll 0 0 #f1f1f1;
 }
 
 .d-35670 #mainmenu img {
     display: none;
 }
 
 .d-35670 #mainmenu>li>a {
     padding-right: 35px;
     background: url(../images/pageeicons.png?v=1);
     background-repeat: no-repeat;
     background-position: 100% 4px;
 }
 
 .d-35670 #mainmenu>li.item-3>a {
     background-position: 42px -185px;
 }
 
 .d-35670 #mainmenu>li.item-4>a {
     background-position: 42px -247px;
 }
 
 .d-35670 #mainmenu>li.item-5>a {
     background-position: 42px -120px;
 }
 
 .d-35670 #mainmenu>li.item-205>a {
     background-position: 60px -366px;
 }
 
 .d-35670 #mainmenu>li.item-6>a {
     background-position: 26px 4px;
 }
 
 .d-35670 #mainmenu>li.item-7>a {
     background-position: 42px -425px;
 }
 
 .d-35670 #mainmenu>li.item-8>a {
     background-position: 69px -59px;
 }
 
 .d-35670 #header #mainmenu a {
     padding-bottom: 13px;
 }
 
 .d-35670 #mainmenu>li.item-2>a {
     background-position: 66px -309px;
 }
 /* pagee style */
 
 .pb_boxshadow span {
     width: 100%;
     font-size: 14px;
     line-height: 20px;
 }
 
 .pb_boxshadow input.xsmall, .pb_gradient input.xsmall {
     width: 100%;
 }
 
 .pb_boxshadow i, .pb_gradient i {
     font-size: 12px;
     display: block;
     line-height: 19px;
     margin-top: 5px;
 }
 
 .new_campaigns ul li {
     display: inline-block;
     width: 33%;
     margin-bottom: 50px;
 }
 
 .new_campaigns ul {
     list-style-type: none;
     display: inline-block;
 }
 
 .new_campaigns {
     display: block;
 }
 
 a.template.active {
     border: 1px solid #000;
 }
 
 .gridtable td .new_campaigns a:hover {
     text-decoration: none;
 }
 
 .editImage {
     width: 100%;
     background: #f5f5f5;
 }
 
 .editImage-wrap {
     width: 100%;
     max-width: 945px;
     margin: 0 auto;
 }
 
 .editImage form#item_images_form {
     width: 100%;
 }
 
 .editImage-wrap .editImage_head {
     display: inline-block;
     width: 100%;
 }
 
 .editImage-wrap .editImage_head .recomendation_msg {
     width: 100%;
     float: right;
     text-align: right;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons {
     width: 100%;
     margin-bottom: 10px;
     float: left;
     text-align: left;
 }
 
 .editImage-wrap .editImage_head .recomendation_msg span {
     font-size: 16px;
     padding-top: 18px;
     display: inline-block;
     float: right;
     margin-left: 10px;
     color: #424242;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons .buttons {
     width: auto;
     box-sizing: border-box;
     text-align: center;
     font-size: 16px;
     margin-right: 6px;
     line-height: 15px;
     float: left;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons a#update_images {
     border-color: #62e262;
     color: #62e262;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons a#update_images:hover {
     background: #62e262;
     color: #fff;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons .submitBtn2_alternative:hover,
 .editImage-wrap .editImage_head .recomendation_buttons .submitBtn2_alternative:hover {
     background: #288bcb!important;
     color: #fff!important;
 }
 
 .editImage form#item_images_form ol#menu_ol {
     width: 100%;
     max-width: 100%;
     padding: 0;
 }
 
 .item_images.dd-list {
     /*	width: 100%;
	max-width: 700px;
	margin: 0 auto;*/
 }
 
 .recomendation_msg {
     direction: rtl;
 }
 
 .item_images a.browse {
     display: inline-block;
     background: #78909c;
     padding: 1px 10px;
     margin-top: 15px;
     color: #fff;
     border-radius: 3px;
     font-size: 16px;
     border: 1px solid #78909c;
 }
 
 .item_images a.browse:hover {
     color: #78909c;
     background: #fff;
 }
 
 .editImage-wrap span.number {
     border: 1px solid #eceff1;
     border-radius: 31px;
     width: 12px;
     height: 12px;
     display: inline-block;
     line-height: 13px;
     position: absolute;
     right: 6px;
     top: 6px;
     background-color: #eceff1;
     font-size: 10px;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons .buttons {
     border: 1px solid #288bcb;
     display: inline-block;
     padding: 8px 17px;
     border-top-left-radius: 17px;
     border-top-right-radius: 17px;
     border-bottom-right-radius: 17px;
     border-bottom-left-radius: 17px;
     margin-bottom: 10px;
     margin-top: 10px;
 }
 
 .editImage-wrap .editImage_head .recomendation_buttons .submitBtn2_alternative,
 .editImage-wrap .editImage_head .recomendation_buttons .submitBtn2_alternative {
     border: 1px solid #288bcb!important;
     color: #288bcb!important;
 }
 
 .item_images .dd-item {
     position: relative;
     list-style-type: none;
     border: 1px solid #f3f3f3;
     display: inline-block;
     width: 100%;
     padding: 11px 5px;
     box-sizing: border-box;
     background: #fff;
     margin-bottom: 15px;
     box-shadow: 3px 4px 7px 0px #ddd;
     min-height: 84px;
 }
 
 .item_images .dd-item .image span:first-child {
     display: inline-block;
     width: 0;
     height: 100%;
     vertical-align: middle;
 }
 
 .item_images .dd-item .image_type {
     float: right;
     margin-right: 40px;
     margin-top: 17px;
 }
 
 .item_images .dd-item .image_type select {
     border: 1px solid #e0e7ec;
     height: 32px;
     direction: rtl;
     width: 147px;
     font-size: 16px;
     color: #576877;
 }
 
 .item_images .dd-item input {
     border: 1px solid #e0e7ec;
     height: 32px;
     width: 100%;
     box-sizing: border-box;
     padding: 4px 8px;
     font-size: 16px;
     color: #576877;
 }
 
 .item_images .main {
     background: #96c93e;
     padding: 2px;
     color: #fff;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     position: absolute;
     bottom: 0;
     right: 0px;
     padding: 2px 6px;
 }
 
 .item_images .dd-item .image {
     float: right;
     margin-right: 53px;
     width: 60px;
     height: 60px;
     position: relative;
 }
 
 .item_images .dd-item .image_alt {
     float: right;
     margin-top: 9px;
     margin-right: 20px;
     width: 58%;
 }
 
 .item_images .dd3-handle {
     position: absolute;
     margin: 0;
     top: 26px;
     cursor: move;
     width: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     height: 28px;
     right: 10px;
     left: auto;
 }
 
 .item_images .dd3-handle:before {
     font-family: FontAwesome;
     content: '\f0c9';
     display: block;
     position: absolute;
     right: 0;
     top: 3px;
     width: 100%;
     text-align: center;
     text-indent: 0;
     color: #bdbdbd;
     font-size: 20px;
     font-weight: normal;
 }
 
 .item_images .dd3-handle:hover::before {
     color: #495156;
 }
 
 .item_images .dd-item .image img {
     max-height: 100%;
     max-width: 100%;
     width: auto;
     height: auto;
 }
 
 .item_images .dd-item .delete {
     float: left;
     position: absolute;
     left: 10px;
     font-size: 20px;
     color: #78909c;
     top: 28px;
 }
 
 .item_images .dd-item .delete:hover {
     color: #4e6571;
 }
 
 .item_images .dd-item .image_alt {
     float: right;
     margin-right: 10px;
 }
 
 #item_images_form .fa-check {
     color: #96c93e;
     font-size: 25px;
     position: absolute;
     left: 49px;
     top: 28px;
 }
 
 div#es_css_fonts .fonts_half {
     width: 50%;
     display: inline-block;
     border-right: 1px dotted #bfbfbf;
     padding: 0 2%;
     float: left;
     box-sizing: border-box;
 }
 
 .small_half {
     float: left;
     display: inline-block;
     width: 50%;
     height: 82px;
     line-height: 24px;
 }
 
 .small_third {
     float: left;
     display: inline-block;
     width: 32%;
     height: 82px;
     line-height: 24px;
 }
 
 .small_third select {
     width: 90% !important;
 }
 
 .small_third label,
 .small_half label {
     font-size: 14px;
     line-height: 16px;
     margin: 5px 0 0 0;
 }
 
 div.element_css_box_left {
     width: 28%;
     display: inline-block;
 }
 
 #page_builder #element_page label {
     color: #000;
     display: inline-block;
     line-height: 20px;
     margin-top: 10px;
     width: 100%;
 }
 
 .element_css_box_left .small_half select,
 div#es_css_sidebar .small_half select {
     width: 90% !important;
 }
 
 .border_line {
     width: 100%;
     border-top: 1px solid #c7c7c7;
     height: 1px;
     display: inline-block;
     margin-top: 10px;
 }
 
 span.border_line_transparent {
     width: 100%;
     border-top: 1px solid transparent;
     height: 1px;
     display: inline-block;
     margin-top: 20px;
 }
 
 .color_picker_box span {
     display: block;
     position: relative !important;
     font-size: 14px !important;
     line-height: 19px;
     color: #504949 !important;
     right: 0 !important;
 }
 
 .small_half.bigHeight {
     height: 110px;
 }
 
 .small_half input.color_value.small {
     width: 77%;
     box-sizing: border-box;
     height: 34px;
 }
 
 .small_half .radius-box {
     border: 1px dotted #989898 !important;
     height: 100% !important;
     width: 83% !important;
     box-sizing: border-box;
     position: relative;
     float: right;
     margin-top: 0 !important;
 }
 
 #page_builder .small_half .radius-box input {
     width: 36% !important;
     height: 34px !important;
 }
 
 .full_line {
     width: 100%;
 }
 
 .full_line .fontsizebox>div {
     width: 25%;
     text-align: left;
     display: inline-block;
     float: left;
 }
 
 .full_line .fontsizebox>div input.color_value.small {
     width: 68%;
     box-sizing: border-box;
 }
 
 .full_line .fontsizebox>div label {
     font-size: 14px;
 }
 
 div#es_css_fonts .fonts_half .full_line .fontsizebox input.color_value.small {
     width: 13%;
     padding: 0;
     height: 26px;
     min-width: 30px;
 }
 
 #page_builder div#navbar div#show_more_wrap {
   /* position: absolute;
    top: 62px;
    left: 29px;
    float: right;
    height: 56px;
    width: 41%;
    z-index: 9999;
    background-color: #fff;
    border-radius: 10px;
    */

}
 
 #page_builder div#navbar>a,
 #page_builder div#navbar h1 {
     display: inline-block;
 }
 
 #page_builder #open_menu {
     margin-left: 20px;
     font-size: 25px;
     /*position: absolute;*/
     /*left: 10px;*/
     margin-top: 0;
     /*top: 8px; */
 }
 
 #page_builder h1 {
     margin: 0 8px;
     font-size: 25px;
     /*position: absolute;*/
     /*left: 39px;*/
     cursor: pointer;
     /*top: -16px;*/
    
 }
 
 div#body_setting_link {
     /*    position: absolute !important;
    top: 10px;
    left: auto;
    right: 515px;*/
     width: 30px;
     display: inline-block;
     top: 3px;
     position: relative;
 }
 
 #page_builder .bootstrap_mode {
     /*    position: absolute;
    right: 255px;
    left: auto;
    top: 1px;*/
     font-size: 28px;
 }
 
 #page_builder #delete_selected {
     /*    position: absolute;
    top: 9px;
    right: 440px;*/
 }
 
 #page_builder #element_info {
     /*    right: 483px;
    position: absolute;
    top: 9px;*/
 }
 
 #page_builder .template_num {
     font-size: 26px;
     /*    position: absolute;
    top: 2px;
    right: 162px;*/
 }
 
 #page_builder a#publish {
     /*    position: absolute;
    right: 20px;
    margin-top: 0;*/
     font-size: 26px;
 }
 
 #page_builder div#navbar a#show_more_btns {
     width: 55px;
     height: 34px;
     display: inline-block;
     text-align: center;
     position: relative;
     top: 4px;
 }
 
 #page_builder a#show_more_btns .fa {
     font-size: 34px;
     /*position:  absolute;*/
     /*top: 2px;*/
     width: 100%;
 }
 
 #page_builder div#navbar .navbar_inn {
     display: inline-block;
     float: left;
     width: 33.333%;
     height: 57px;
     padding-top: 0px;
 }
 
 #page_builder div#navbar .navbar_inn.navbar_inn_left {
     text-align: left;
     width: auto !important;
 }
 
 #page_builder .PB_title {
     display: inline-block !important;
     width: 222px;
 }
 #page_builder div#navbar div#show_more_wrap {
    display: inline-block;
}
.iframe #page_builder #navbar {top:0px;}
#page_builder div#navbar div#show_more_wrap>a {
    position: relative !important;
    left: auto;
    width: auto;
    float: none;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    width: 32px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    top: 0px;
    margin-left: 10px;
}
 
#page_builder div#navbar div#show_more_wrap>a#loading {
    display: none;
}

 #page_builder div#navbar div#show_more_wrap>a>i {
     height: 100%;
     display: inline-block;
     width: 100%;
     text-align: center;
     line-height: 35px;
 }
 
 #page_builder div#navbar .navbar_inn.navbar_inn_right {
     text-align: right;
     width:auto;
 }
 /*#page_builder div#navbar .navbar_inn.navbar_inn_right > a, #page_builder div#navbar .navbar_inn.navbar_inn_right span {
    margin-right: 18px;
    margin-left: 5px;
}*/
 
 #page_builder div#navbar div#show_more_wrap>a#import i {
     line-height: 30px;
 }
 
 #page_builder .PB_title {
     width: 303px;
 }
 
 .alert {
     position: relative;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: 0px;
     direction: rtl;
     width: 100%;
     border-radius: 0px;
 }
 
 .alert-warning {
     color: #856404;
     background-color: #fff3cd;
     border-color: #ffeeba;
 }
 
 .alert-danger {
     color: #721c24;
     background-color: #f8d7da;
     border-color: #f5c6cb;
 }
 
 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb;
 }
 
 .alert-info {
     color: #0c5460;
     background-color: #d1ecf1;
     border-color: #bee5eb;
 }
 /*
#importantMsgID {
    
    margin-bottom: 30px;
    margin-top: 13px;
}
*/
 
 .widgetdiv img {
     max-width: 100%;
     max-height: 100%;
 }
 /*boostrap*/
 
 #searchorderid {
     height: 28px;
     margin: 0 1px 1px;
     box-sizing: border-box;
 }
 
 .headbody .rightth {
     height: 33px !important;
     box-sizing: border-box;
 }
 
 .headbody td,
 .headbody th,
 .headbody .rightth,
 .headbody .rightth a {
     color: #545454 !important;
 }
 
 .ui-button-icon-only {
     height: 22px !important;
     box-sizing: border-box;
 }
 
 #order_shipping .ui-button-icon-only {
     height: 29px !important;
 }
 
 .calendarDateInput {
     box-sizing: border-box;
     height: 33px;
 }
 
 #advanceupd h3,
 #filters_div h3,
 .menu_item_content h3 {
     font-size: 1.17em;
     font-weight: bold;
 }
 
 #filters_div h4 {
     font: 14px arial;
     font-weight: bold;
 }
 
 .adminadd_ticket_admin_front h1 {
     font-size: 2em;
 }
 
 #help_icon .fa {
     font-size: 20px !important;
     color: #757575 !important;
 }
 
 #help_icon {
     font-size: 20px !important;
     display: inline-block;
 }
 
 #help_icon.active,
 #help_icon.active .fa {
     color: #178ed8 !important;
 }
 
 .tooltip_icon_wrap {
     display: inline-block;
     position: relative;
 }
 
 .tooltip_icon_wrap.active {
     border: 3px solid #178ed8;
 }
 
 .tooltip_icon_wrap.active .fa-info-circle:before {
     display: none;
 }
 
 .tooltip_icon_wrap.es_tooltip.icon {
     display: none;
 }
 
 .es_tooltip.icon .fa {
     font-size: 16px;
 }
 
 .es_tooltip.icon {
     text-indent: inherit;
     direction: rtl;
     text-align: right;
     position: absolute;
     left: 0px;
     top: 0px;
     opacity: 1;
     display: none;
 }
 
 .tooltip_icon_wrap.active .es_tooltip.icon {
     display: block;
     width: 100%;
     height: 100%
 }
 
 .ui-tabs .ui-tabs-nav li {
     float: right;
 }
 /*boostrap*/
 
 .help_screen h1 {
     text-align: center
 }
 
 .help_screen .content {
     font-size: 16px;
 }
 
 .tooltip_update {
     display: none;
 }
 
 .tooltip_icon_wrap.active .tooltip_update {
     display: block;
     position: absolute;
     top: 9px;
     left: 15px;
     background-color: #178ed8;
     color: #fff;
     padding: 2px 6px;
     border-radius: 4px;
     z-index: 9999;
 }
 
 .tooltip_icon_wrap .tooltip_update:hover {
     text-decoration: none;
 }
 
 .tooltip_icon_wrap .tooltip_update {
     display: none;
     cursor: pointer;
     text-decoration: none;
 }
 
 .tooltip_icon_wrap.new.active {
     border-color: #98d000;
 }
 
 .tooltip_icon_wrap.new .tooltip_update {
     background-color: #98d000;
     left: 0px;
     top: 50%;
     margin-top: -10px;
 }
 
 a.tooltip_update.del {
     margin-left: 28px;
     background-color: red !important;
 }
 
 input#tooltip_form_title {
     padding: 10px;
     width: 500px;
     margin-bottom: 10px;
     text-align: right;
     direction: rtl;
 }
 
 #tooltip_form_content,
 #tooltip_form_content_eshop {
     padding: 10px;
     width: 500px;
     height: 150px;
     margin-bottom: 10px;
     text-align: right;
     direction: rtl;
 }
 
 #tooltip_form_add label,
 #tooltip_form_update label {
     display: block;
     text-align: right;
     font-size: 16px;
     text-align: right;
     direction: rtl;
 }
 
 a.tooltip_update.status {
     margin-left: 53px;
     background-color: #e4e0e0 !important;
     color: #000 !important;
 }
 
 .tooltip_icon_wrap.active.tooltip_off {
     border-color: #f4a400;
 }
 
 .tooltip_icon_wrap.active.tooltip_off .status i:before {
     content: "\f204";
 }
 
 .help_icon_iframe {
     position: absolute;
     top: 5px;
     left: 5px;
 }
 
 .attributes .dd-item .dd-item .dd3-content {
     display: inline-block;
     border: none;
     border-radius: 0px;
     float: right;
     margin-right: 46px;
 }
 
 .attributes .menu_icon:hover {
     color: #4e6571;
 }
 
 .attributes .dd3-content {
     direction: rtl;
 }
 
 .attributes .fa-check {
     color: #96c93e;
     font-size: 25px;
     position: absolute;
     left: 103px;
     top: 16px;
 }
 
 .attributes #IPPFormdiv {
     width: 100%;
     margin-top: 15px;
 }
 
 .attributes #IPPFormdiv h2 {
     position: relative;
 }
 
 .attributes #IPPFormdiv .fa-check {
     color: #96c93e;
     font-size: 25px;
     position: relative;
     left: 0;
     top: 0;
     float: left;
 }
 
 .attributes .menu_icon.dd-handle {
     font-size: 21px;
     margin-top: 7px;
 }
 
 .attributes .IPPFormdiv .fa-check {
     color: #96c93e;
     font-size: 25px;
     position: relative;
     float: left;
 }
 
 .attributes ol {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
 }
 
 .attributes .dd3-item .dd3-item {
     display: inline-block;
     width: 100%;
     padding-top: 5px;
     margin-bottom: 5px;
     background: #f7f7f7;
     padding-bottom: 5px;
     position: relative;
 }
 
 .attributes #menu_ol>.dd-item {
     position: relative;
     list-style-type: none;
     border: 1px solid #f3f3f3;
     display: inline-block;
     width: 100%;
     padding: 11px 5px;
     box-sizing: border-box;
     background: #fff;
     margin-bottom: 15px;
     box-shadow: 3px 4px 7px 0px #ddd;
     min-height: 58px;
 }
 
 .attributes .images_box .text {
     position: relative;
     font-size: 10px;
     text-align: center;
     display: block;
     line-height: 1px;
     z-index: 9;
     margin-bottom: 5px;
 }
 
 .attributes input[name=property_name] {
     width: 23%;
 }
 
 .attributes .property_option_name {
     width: 365px;
 }
 
 .attributes .dd3-item .dd3-item .menu_icon.dd-handle {
     font-size: 13px;
     margin-top: 11px;
 }
 
 .attributes .menu_icon.attribute_option_add {
     color: #288bcb;
 }
 
 .attributes li li span.number {
     top: 15px;
     right: 16px;
 }
 
 .attributes label {
     margin-right: 16px;
     color: #576877;
 }
 
 .attributes .menu_icon.attribute_option_add:hover {
     color: #2d7caf;
 }
 
 .attributes .inputs {
     float: right;
     margin-left: 20px;
     direction: rtl;
 }
 
 .attributes ol ol {
     margin-top: 10px;
 }
 
 .attributes .dd3-item .dd3-item .menu_icon {
     font-size: 16px;
     color: #bdbdbd;
     margin-top: 8px;
     margin-left: 10px;
 }
 
 .attributes .color_picker_box,
 .attributes .images_box {
     float: left;
 }
 
 .attributes a.delete {
     position: absolute;
     bottom: 0px;
     right: 0px;
     color: #f93333;
     font-size: 10px;
 }
 
 .attributes .sp-replacer {
     background: none;
     border: none;
 }
 
 .attributes span.number {
     border: 1px solid #eceff1;
     border-radius: 31px;
     width: 12px;
     height: 12px;
     display: inline-block;
     line-height: 13px;
     position: absolute;
     right: 6px;
     top: 6px;
     background-color: #eceff1;
     font-size: 10px;
     text-align: center;
 }
 
 .attributes .sp-dd {
     display: none;
 }
 
 .attributes .dd3-item .dd3-item .menu_icon:hover,
 .attributes a.browse:hover,
 .attributes a.delete:hover {
     color: #000;
 }
 
 .attributes a.browse {
     position: absolute;
     left: 0px;
     z-index: 99;
     bottom: 0px;
     font-size: 10px;
     color: #bdbdbd;
 }
 
 .attributes .images {
     float: left;
     margin-left: 30px;
     margin-right: 30px;
     text-align: center;
 }
 
 .attributes .upload_image .image {
     border: none;
     display: inline-block;
     height: 27px;
     padding: 0px;
     position: relative;
     width: 32px;
 }
 
 .attributes .menu_icon i:hover {
     background: none;
 }
 
 .attributes .menu_icon {
     float: left;
     margin-right: 10px;
     font-size: 26px;
     color: #78909c;
     margin-top: 4px;
 }
 
 .attributes_buttons a {
     border: 1px solid #288bcb;
     display: inline-block;
     padding: 8px 17px;
     margin-bottom: 10px;
     margin-top: 10px;
     font-size: 16px;
 }
 
 .attributes_buttons a:hover {
     background: #288bcb;
     color: #fff;
 }
 
 .attributes .upload_image .image img {
     max-height: 19px;
 }
 
 .attributes h1 {
     float: right;
 }
 
 .attributes_buttons a.attribute_update {
     border-color: #00b84c;
     color: #00b84c;
 }
 
 .attributes_buttons .attribute_add {
     border-color: #288bcb!important;
     color: #288bcb!important;
 }
 
 .attributes_buttons .attribute_add:hover {
     background-color: #288bcb!important;
 }
 
 .attributes_buttons .buttons.section {
     margin-top: 12px;
     font-size: 16px;
 }
 
 .attributes_buttons #section {
     border: 1px solid #e0e7ec;
     height: 32px;
     box-sizing: border-box;
     padding: 4px 8px;
     font-size: 16px;
     color: #576877;
     direction: rtl;
 }
 
 .attributes_buttons .buttons {
     float: left;
     margin-right: 15px;
 }
 
 .attributes_buttons {
     float: left;
     direction: rtl;
 }
 
 .attributes_buttons a.attribute_update:hover {
     background: #00b84c;
     color: #fff;
 }
 
 .attributes_buttons .btn_bottom {
     margin-top: 0;
 }
 
 .attributes .dd-item input,
 .attributes .dd-item select {
     border: 1px solid #e0e7ec;
     height: 32px;
     color: #000000;
     box-sizing: border-box;
     padding: 4px 8px;
     font-size: 16px;
     direction: rtl;
 }
 
 .attributes {
     width: 100%;
     max-width: 1544px;
     margin: 0 auto;
 }
 
 .attributes .open_items {
     float: right;
     margin-right: 10px;
     margin-left: 10px;
     margin-top: 4px;
 }
 
 .admincampaign_v1 a.template img {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
 }
 
 .admincampaign_v1 a.template {
     width: 22%;
     height: 371px;
     display: inline-block;
     float: right;
     margin-bottom: 10px;
     MARGIN: 10px;
     /* background: #f7f7f7; */
     padding: 10px;
 }
 
 .admincampaign_v1 input[type=submit] {
     float: right;
     clear: right;
 }
 
 .billingalert {
     /* border: 1px solid red; */
     text-align: right;
     color: #040404;
     font: bold 18px arial;
     display: block;
     /* float: right; */
     width: 100%;
     background: #ffffff;
     margin-bottom: 10px;
     margin-top: 16px;
     text-align: center;
     /*-webkit-box-shadow: 0px 1px 7px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 1px 7px 2px rgba(0,0,0,0.08);
    box-shadow: 0px 1px 7px 2px rgba(0,0,0,0.08);*/
     border: none;
     padding: 5px;
     margin: 0px;
 }
 
 .billingalert em {
     margin-right: 0 !important;
 }
 
 .element_section textarea {
     height: 800px !important;
     direction: ltr;
 }
 
 .adminpagebuilder .d-none {
     display: block !important;
 }
 
 .adminpagebuilder .d-sm-none {
     display: block !important;
 }
 
 .adminpagebuilder .d-md-none {
     display: block !important;
 }
 
 .adminpagebuilder .d-lg-none {
     display: block !important;
 }
 
 .adminpagebuilder .d-xl-none {
     display: block !important;
 }
 
 .adminpagebuilder .d-xlg-none {
     display: block !important;
 }
 
 .client_comment label {
     font-size: 18px;
     font-weight: 600;
 }
 
 .dark .defaultSkin a:hover,
 .defaultSkin a:link,
 .defaultSkin a:visited,
 .defaultSkin a:active {
     color: #000 !important;
 }
 
 .dark .defaultSkin .mceMenu .mceText {
     color: #000 !important;
 }
 
 .dark .defaultSkin .mceMenu a {
     width: 68%;
 }
 
 .dark .gridtable .sortable th,
 .dark #editItemLinks a,
 .dark .edit-item-properties {
     background-color: #282828 !important;
 }
 
 .robotstxt {
     display: none;
 }
 
 #IPPForm .table_title {
     border-bottom: 1px solid #EDEDED;
 }
 
 .submitBtn2.submitBtn2--active {
     background-color: #3FC6AB!important;
     color: #fff!important;
 }
 
 #gallerydiv iframe {
     min-height: 1770px;
 }
 
 .adminbuildcomputeritem_admin .table td:hover {
     color: #575D7D!important;
 }
 
 .adminbuildcomputeritem_admin .table td {
     vertical-align: middle;
 }
 
 .adminbuildcomputeritem_admin .table {
     max-width: 1021px;
 }
 
 .adminbuildcomputeritem_admin .table .product-name-input {
     width: 300px!important;
 }
 
 .adminbuildcomputeritem_admin .table .category-select {
     width: 329px!important;
 }
 
 .adminbuildcomputeritem_admin .dupPercentage_wrapper {
     direction: rtl;
 }
 
 .edititem_sons .WhiteTr {
     height: 57px;
     border-bottom: 1px solid #EDEDED;
 }
 
 .edititem_sons .wrap_content.table-responsive.m-0.pb-0 .multiupdate_row {
     height: 57px;
     border-top: 1px solid #EDEDED;
     border-bottom: 1px solid #EDEDED;
 }
 
 .adminbuildcomputeritem_admin .build-computer-buttons-wrapper {
     margin-left: 12px;
     margin-right: 12px;
 }

 #admin_header_support_icon .fa-life-ring {
     color:#3F9EC5;

 }




#page_builder .container, 
#page_builder .container-fluid,
#page_builder .row,
#page_builder .column,
#page_builder .element_block {
    border-radius: 10px;
   /* z-index: 10;*/
}

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

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


#page_builder .position-absolute{
        position: relative !important;
}

 
 


.pb_light #page_builder .container, .pb_light #page_builder .container-fluid {
    background-color: #fff;
}

.pb_light #page_builder .row {
    background-color: #eeeeee;
}
.pb_light #page_builder .column {
    background-color: #e0e0e0;
}

.pb_light #page_builder .element_block {
    background-color: #ffffff;
}
 
.pb_light #page_builder .element_block label {
    color: #000;
}
 
.pb_light #page_builder a.add_new_element {
    color: #3FC6AB;
}

.pb_light #page_builder .es_tabs {
    background-color: #d5d5d5;
}


.pb_dark #page_builder .container, 
.pb_dark #page_builder .container-fluid {
    background-color:  #121212   ;
}

.pb_dark #page_builder .row {
    background-color: #1e1e1e   ;
}
.pb_dark #page_builder .column {
    background-color: #242424   ;
}

.pb_dark #page_builder .element_block {
    background-color: #3c3b3b;
}
.pb_dark #page_builder .element_block label {
    color: #f5f5f5;
}
.pb_dark #page_builder .box label {
    color: #f5f5f5;
}
.pb_dark #page_builder a.add_new_element{
    color:#3FC6AB ;
}

.pb_dark #page_builder .es_tabs {
    background-color: #2c2c2c;
}


/*
.pb_colorful #page_builder .container, .pb_colorful #page_builder .container-fluid {
    background-color: #fafafa;  
}

.pb_colorful #page_builder .row {
    background-color: #607d8b;  
}

.pb_colorful #page_builder .column {
    background-color: #ffd54f;  
}

.pb_colorful #page_builder .element_block {
    background-color: #cfd8dc;  
}
 
.pb_colorful #page_builder .element_block label {
    color: #424242;  
}
*/

.dark .apexcharts-tooltip.apexcharts-theme-light span, .dark .apexcharts-tooltip-title {
    color: #000;
}
.dark .apexcharts-text {
    fill: #fff !important;
}

.adminpagebuilder #whatsapp-chat-widget{
    display: none;
}

.adminedittoplink .position-absolute {
    position: relative !important;
}

.page_rich_content_preview.show_editor a{
    pointer-events: none;
}

#page_builder div#navbar {
    position: fixed;
    z-index: 9999;
    background: #f3f3f3;
    width: 100%;
    left: 0px;
    padding-top: 9px;
    top: 78px;
    box-shadow: -1px 1px 7px 0px rgba(0, 0, 0, 0.08);
}

#page_builder  a#publish {
    float: right;
}